@charset "UTF-8";.mm-wrapper,.select2-container,.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    user-select: none;
    -webkit-user-select: none
}

.datepicker table,.icv__img,.icv__label {
    -ms-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    right: 1px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear,.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: -o-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: linear-gradient(to bottom,#fff 50%,#eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top,#eee 50%,#ccc 100%);
    background-image: -o-linear-gradient(top,#eee 50%,#ccc 100%);
    background-image: linear-gradient(to bottom,#eee 50%,#ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#fff 0,#eee 50%);
    background-image: -o-linear-gradient(top,#fff 0,#eee 50%);
    background-image: linear-gradient(to bottom,#fff 0,#eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: -o-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: linear-gradient(to bottom,#eee 50%,#fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

/*!
 * Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr
}

.datepicker-inline {
    width: 220px
}

.datepicker.datepicker-rtl {
    direction: rtl
}

.datepicker.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0
}

.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #999;
    border-top: 0;
    border-bottom-color: rgba(0,0,0,.2);
    position: absolute
}

.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top: 0;
    position: absolute
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    top: -7px
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px
}

.datepicker-dropdown.datepicker-orient-top:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999
}

.datepicker-dropdown.datepicker-orient-top:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.datepicker td,.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: none
}

.table-striped .datepicker table tr td,.table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.day.focused,.datepicker table tr td.day:hover {
    background: #eee;
    cursor: pointer
}

.datepicker table tr td.new,.datepicker table tr td.old {
    color: #999
}

.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default
}

.datepicker table tr td.highlighted {
    background: #d9edf7;
    border-radius: 0
}

.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(to bottom,#fdd49a,#fdf59a);
    background-image: -ms-linear-gradient(to bottom,#fdd49a,#fdf59a);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));
    background-image: -webkit-linear-gradient(to bottom,#fdd49a,#fdf59a);
    background-image: -o-linear-gradient(to bottom,#fdd49a,#fdf59a);
    background-image: linear-gradient(to bottom,#fdd49a,#fdf59a);
    background-repeat: repeat-x;
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000
}

.datepicker table tr td.today.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today:active,.datepicker table tr td.today:hover,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today:hover:active,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today[disabled] {
    background-color: #fdf59a
}

.datepicker table tr td.today.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today:active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover:active {
    background-color: #fbf069\9
}

.datepicker table tr td.today:hover:hover {
    color: #000
}

.datepicker table tr td.today.active:hover {
    color: #fff
}

.datepicker table tr td.range,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range:hover {
    background: #eee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.datepicker table tr td.range.today,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover {
    background-color: #f3d17a;
    background-image: -moz-linear-gradient(to bottom,#f3c17a,#f3e97a);
    background-image: -ms-linear-gradient(to bottom,#f3c17a,#f3e97a);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));
    background-image: -webkit-linear-gradient(to bottom,#f3c17a,#f3e97a);
    background-image: -o-linear-gradient(to bottom,#f3c17a,#f3e97a);
    background-image: linear-gradient(to bottom,#f3c17a,#f3e97a);
    background-repeat: repeat-x;
    border-color: #f3e97a #f3e97a #edde34;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today[disabled] {
    background-color: #f3e97a
}

.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover:active {
    background-color: #efe24b\9
}

.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover {
    background-color: #9e9e9e;
    background-image: -moz-linear-gradient(to bottom,#b3b3b3,grey);
    background-image: -ms-linear-gradient(to bottom,#b3b3b3,grey);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(grey));
    background-image: -webkit-linear-gradient(to bottom,#b3b3b3,grey);
    background-image: -o-linear-gradient(to bottom,#b3b3b3,grey);
    background-image: linear-gradient(to bottom,#b3b3b3,grey);
    background-repeat: repeat-x;
    border-color: grey grey #595959;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected[disabled] {
    background-color: grey
}

.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover:active {
    background-color: #666\9
}

.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover {
    background-repeat: repeat-x;
    border-color: #04c #04c #002a80;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

.datepicker table tr td.active.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active:active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:active {
    background-color: #039\9
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.datepicker table tr td span.focused,.datepicker table tr td span:hover {
    background: #eee
}

.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default
}

.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th,.input-append.date .add-on,.input-prepend.date .add-on {
    cursor: pointer
}

.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(to bottom,#08c,#04c);
    background-image: -ms-linear-gradient(to bottom,#08c,#04c);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
    background-image: -webkit-linear-gradient(to bottom,#08c,#04c);
    background-image: -o-linear-gradient(to bottom,#08c,#04c);
    background-image: linear-gradient(to bottom,#08c,#04c);
    background-repeat: repeat-x;
    border-color: #04c #04c #002a80;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active[disabled] {
    background-color: #04c
}

.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active {
    background-color: #039\9
}

.datepicker table tr td span.new,.datepicker table tr td span.old {
    color: #999
}

.datepicker .datepicker-switch {
    width: 145px
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.input-append.date .add-on i,.input-prepend.date .add-on i {
    margin-top: 3px
}

.input-daterange input {
    text-align: center
}

.input-daterange input:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.input-daterange input:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px
}

.mm-menu,.mm-panels,.mm-panels>.mm-panel {
    margin: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    box-sizing: border-box
}

.mm-btn,.mm-menu {
    box-sizing: border-box
}

.mm-listview a,.mm-listview a:hover,.mm-navbar a,.mm-navbar a:hover {
    text-decoration: none
}

.mm-hidden {
    display: none!important
}

.mm-menu,.mm-panels>.mm-panel:not(.mm-hidden) {
    display: block
}

.mm-wrapper {
    overflow-x: hidden
}

.mm-menu {
    padding: 0;
    position: absolute
}

.mm-panels,.mm-panels>.mm-panel {
    background: inherit;
    border-color: inherit;
    position: absolute
}

.mm-btn,.mm-panel.mm-highest {
    z-index: 1
}

.mm-panels {
    overflow: hidden
}

.mm-panel {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.mm-panel.mm-opened {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-panel.mm-subopened {
    -webkit-transform: translate3d(-30%,0,0);
    transform: translate3d(-30%,0,0)
}

.mm-panels>.mm-panel {
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 20px
}

.mm-listview .mm-divider,.mm-listview>li>a,.mm-listview>li>span,.mm-navbar .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mm-panels>.mm-panel.mm-hasnavbar {
    padding-top: 40px
}

.mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before {
    content: '';
    display: block;
    height: 20px
}

.mm-vertical .mm-panel {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

.mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel {
    display: none;
    padding: 10px 0 10px 10px
}

.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after {
    border-color: transparent
}

.mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel {
    display: block
}

.mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next {
    height: 40px;
    bottom: auto
}

.mm-listview>li.mm-vertical>.mm-next:after,.mm-vertical .mm-listview>li>.mm-next:after {
    top: 16px;
    bottom: auto
}

.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 19px
}

.mm-btn {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0
}

.mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before {
    content: '';
    border: 2px solid transparent;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mm-clear:before,.mm-close:before {
    border-right: none;
    border-bottom: none;
    right: 18px
}

.mm-clear:after,.mm-close:after {
    border-left: none;
    border-top: none;
    right: 25px
}

.mm-arrow:after,.mm-next:after,.mm-prev:before {
    content: '';
    border: 2px solid transparent;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mm-prev:before {
    border-right: none;
    border-bottom: none;
    left: 23px
}

.mm-arrow:after,.mm-next:after {
    border-top: none;
    border-left: none;
    right: 23px
}

.mm-navbar {
    border-bottom: 1px solid;
    border-color: inherit;
    text-align: center;
    line-height: 20px;
    height: 40px;
    padding: 0 40px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.mm-navbar>* {
    display: block;
    padding: 10px 0
}

.mm-navbar .mm-btn:first-child {
    padding-left: 20px;
    left: 0
}

.mm-navbar .mm-btn:last-child {
    text-align: right;
    padding-right: 20px;
    right: 0
}

.mm-panel .mm-navbar {
    display: none
}

.mm-panel.mm-hasnavbar .mm-navbar {
    display: block
}

.mm-listview,.mm-listview>li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0
}

.mm-listview {
    font: inherit;
    font-size: 14px;
    line-height: 20px
}

.mm-listview>li {
    position: relative
}

.mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after {
    border-color: inherit
}

.mm-listview>li>a,.mm-listview>li>span {
    color: inherit;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0
}

.mm-listview>li>a.mm-arrow,.mm-listview>li>span.mm-arrow {
    padding-right: 50px
}

.mm-listview>li:not(.mm-divider):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 20px
}

.mm-listview .mm-next {
    background: rgba(3,2,1,0);
    width: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2
}

.mm-listview .mm-next:before {
    content: '';
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.mm-listview .mm-next+a,.mm-listview .mm-next+span {
    margin-right: 50px
}

.mm-listview .mm-next.mm-fullsubopen {
    width: 100%
}

.mm-listview .mm-next.mm-fullsubopen:before {
    border-left: none
}

.mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span {
    padding-right: 50px;
    margin-right: 0
}

.mm-panels>.mm-panel>.mm-listview {
    margin: 20px -20px
}

.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview {
    margin-top: -20px
}

.mm-listview .mm-inset {
    list-style: disc inside;
    padding: 0 10px 15px 40px;
    margin: 0
}

.mm-listview .mm-inset>li {
    padding: 5px 0
}

.mm-listview .mm-divider {
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px
}

.mm-listview .mm-spacer {
    padding-top: 40px
}

.mm-listview .mm-spacer>.mm-next {
    top: 40px
}

.mm-listview .mm-spacer.mm-divider {
    padding-top: 25px
}

.mm-menu {
    background: #f3f3f3;
    border-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.7)
}

.mm-menu .mm-navbar a,.mm-menu .mm-navbar>*,.mm-menu em.mm-counter {
    color: rgba(0,0,0,.3)
}

.mm-menu .mm-btn:after,.mm-menu .mm-btn:before {
    border-color: rgba(0,0,0,.3)
}

.mm-menu .mm-listview,.mm-menu.mm-theme-white {
    border-color: rgba(0,0,0,.1)
}

.mm-menu .mm-listview>li .mm-arrow:after,.mm-menu .mm-listview>li .mm-next:after {
    border-color: rgba(0,0,0,.3)
}

.mm-menu .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255,255,255,.5);
    tap-highlight-color: rgba(255,255,255,.5)
}

.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span {
    background: rgba(255,255,255,.5)
}

.mm-menu .mm-divider,.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
    background: rgba(0,0,0,.05)
}

.mm-page {
    box-sizing: border-box;
    position: relative
}

.mm-slideout {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    z-index: 1
}

html.mm-opened {
    overflow-x: hidden;
    position: relative
}

html.mm-blocking,html.mm-blocking body {
    overflow: hidden
}

html.mm-background .mm-page {
    background: inherit
}

#mm-blocker {
    background: rgba(3,2,1,0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2
}

html.mm-blocking #mm-blocker {
    display: block
}

.mm-menu.mm-offcanvas {
    display: none;
    position: fixed;
    width: 80%;
    min-width: 140px;
    max-width: 440px
}

.mm-menu.mm-offcanvas.mm-current {
    display: block
}

html.mm-opening .mm-slideout {
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0)
}

@media all and (max-width: 175px) {
    html.mm-opening .mm-slideout {
        -webkit-transform:translate3d(140px,0,0);
        transform: translate3d(140px,0,0)
    }
}

@media all and (min-width: 550px) {
    html.mm-opening .mm-slideout {
        -webkit-transform:translate3d(440px,0,0);
        transform: translate3d(440px,0,0)
    }
}

.mm-menu.mm-autoheight.mm-bottom,.mm-menu.mm-autoheight.mm-top {
    max-height: 80%
}

.mm-menu.mm-autoheight.mm-bottom.mm-fullscreen,.mm-menu.mm-autoheight.mm-top.mm-fullscreen {
    max-height: 100%
}

.mm-menu.mm-measureheight .mm-panel {
    display: block!important
}

.mm-menu.mm-measureheight>.mm-panels>.mm-panel {
    bottom: auto!important;
    height: auto!important
}

.mm-menu.mm-columns {
    -webkit-transition-property: width,max-width,-webkit-transform;
    transition-property: width,max-width,-webkit-transform;
    transition-property: transform,width,max-width;
    transition-property: transform,width,max-width,-webkit-transform
}

.mm-menu.mm-columns .mm-panels>.mm-panel {
    width: 100%;
    right: auto;
    display: none;
    -webkit-transition-property: width,-webkit-transform;
    transition-property: width,-webkit-transform;
    transition-property: transform,width;
    transition-property: transform,width,-webkit-transform
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened {
    border-right: 1px solid;
    border-color: inherit;
    display: block;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-subopened {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    z-index: 2
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-0 {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-0 {
    display: block;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.mm-menu.mm-offcanvas.mm-columns-0 {
    width: 80%;
    min-width: 140px;
    max-width: 0
}

html.mm-opening.mm-columns-0 .mm-slideout {
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0)
}

@media all and (max-width: 175px) {
    html.mm-opening.mm-columns-0 .mm-slideout {
        -webkit-transform:translate3d(140px,0,0);
        transform: translate3d(140px,0,0)
    }
}

@media all and (min-width: 0px) {
    html.mm-opening.mm-columns-0 .mm-slideout {
        -webkit-transform:translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-1 {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-1 {
    display: block;
    -webkit-transform: translate3d(200%,0,0);
    transform: translate3d(200%,0,0)
}

.mm-menu.mm-offcanvas.mm-columns-1 {
    width: 80%;
    min-width: 140px;
    max-width: 440px
}

html.mm-opening.mm-columns-1 .mm-slideout {
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0)
}

@media all and (max-width: 175px) {
    html.mm-opening.mm-columns-1 .mm-slideout {
        -webkit-transform:translate3d(140px,0,0);
        transform: translate3d(140px,0,0)
    }
}

@media all and (min-width: 550px) {
    html.mm-opening.mm-columns-1 .mm-slideout {
        -webkit-transform:translate3d(440px,0,0);
        transform: translate3d(440px,0,0)
    }
}

.mm-menu.mm-columns-1 .mm-panels>.mm-panel {
    width: 100%
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-2 {
    -webkit-transform: translate3d(200%,0,0);
    transform: translate3d(200%,0,0)
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-2 {
    display: block;
    -webkit-transform: translate3d(300%,0,0);
    transform: translate3d(300%,0,0)
}

.mm-menu.mm-offcanvas.mm-columns-2 {
    width: 80%;
    min-width: 140px;
    max-width: 880px
}

html.mm-opening.mm-columns-2 .mm-slideout {
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0)
}

@media all and (max-width: 175px) {
    html.mm-opening.mm-columns-2 .mm-slideout {
        -webkit-transform:translate3d(140px,0,0);
        transform: translate3d(140px,0,0)
    }
}

@media all and (min-width: 1100px) {
    html.mm-opening.mm-columns-2 .mm-slideout {
        -webkit-transform:translate3d(880px,0,0);
        transform: translate3d(880px,0,0)
    }
}

.mm-menu.mm-columns-2 .mm-panels>.mm-panel {
    width: 50%
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-3 {
    -webkit-transform: translate3d(300%,0,0);
    transform: translate3d(300%,0,0)
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-3 {
    display: block;
    -webkit-transform: translate3d(400%,0,0);
    transform: translate3d(400%,0,0)
}

.mm-menu.mm-offcanvas.mm-columns-3 {
    width: 80%;
    min-width: 140px;
    max-width: 1320px
}

html.mm-opening.mm-columns-3 .mm-slideout {
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0)
}

@media all and (max-width: 175px) {
    html.mm-opening.mm-columns-3 .mm-slideout {
        -webkit-transform:translate3d(140px,0,0);
        transform: translate3d(140px,0,0)
    }
}

@media all and (min-width: 1650px) {
    html.mm-opening.mm-columns-3 .mm-slideout {
        -webkit-transform:translate3d(1320px,0,0);
        transform: translate3d(1320px,0,0)
    }
}

.mm-menu.mm-columns-3 .mm-panels>.mm-panel {
    width: 33.34%
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-4 {
    -webkit-transform: translate3d(400%,0,0);
    transform: translate3d(400%,0,0)
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-4 {
    display: block;
    -webkit-transform: translate3d(500%,0,0);
    transform: translate3d(500%,0,0)
}

.mm-menu.mm-offcanvas.mm-columns-4 {
    width: 80%;
    min-width: 140px;
    max-width: 1760px
}

html.mm-opening.mm-columns-4 .mm-slideout {
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0)
}

@media all and (max-width: 175px) {
    html.mm-opening.mm-columns-4 .mm-slideout {
        -webkit-transform:translate3d(140px,0,0);
        transform: translate3d(140px,0,0)
    }
}

@media all and (min-width: 2200px) {
    html.mm-opening.mm-columns-4 .mm-slideout {
        -webkit-transform:translate3d(1760px,0,0);
        transform: translate3d(1760px,0,0)
    }
}

.mm-menu.mm-columns-4 .mm-panels>.mm-panel {
    width: 25%
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-5 {
    -webkit-transform: translate3d(500%,0,0);
    transform: translate3d(500%,0,0)
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-5 {
    display: block;
    -webkit-transform: translate3d(600%,0,0);
    transform: translate3d(600%,0,0)
}

.mm-menu.mm-offcanvas.mm-columns-5 {
    width: 80%;
    min-width: 140px;
    max-width: 2200px
}

html.mm-opening.mm-columns-5 .mm-slideout {
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0)
}

@media all and (max-width: 175px) {
    html.mm-opening.mm-columns-5 .mm-slideout {
        -webkit-transform:translate3d(140px,0,0);
        transform: translate3d(140px,0,0)
    }
}

@media all and (min-width: 2750px) {
    html.mm-opening.mm-columns-5 .mm-slideout {
        -webkit-transform:translate3d(2200px,0,0);
        transform: translate3d(2200px,0,0)
    }
}

.mm-menu.mm-columns-5 .mm-panels>.mm-panel {
    width: 20%
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-6 {
    -webkit-transform: translate3d(600%,0,0);
    transform: translate3d(600%,0,0)
}

.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-6 {
    display: block;
    -webkit-transform: translate3d(700%,0,0);
    transform: translate3d(700%,0,0)
}

.mm-menu.mm-offcanvas.mm-columns-6 {
    width: 80%;
    min-width: 140px;
    max-width: 2640px
}

html.mm-opening.mm-columns-6 .mm-slideout {
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0)
}

@media all and (max-width: 175px) {
    html.mm-opening.mm-columns-6 .mm-slideout {
        -webkit-transform:translate3d(140px,0,0);
        transform: translate3d(140px,0,0)
    }
}

@media all and (min-width: 3300px) {
    html.mm-opening.mm-columns-6 .mm-slideout {
        -webkit-transform:translate3d(2640px,0,0);
        transform: translate3d(2640px,0,0)
    }
}

.mm-menu.mm-columns-6 .mm-panels>.mm-panel {
    width: 16.67%
}

em.mm-counter {
    font: inherit;
    font-size: 14px;
    font-style: normal;
    text-indent: 0;
    line-height: 20px;
    display: block;
    margin-top: -10px;
    position: absolute;
    right: 45px;
    top: 50%
}

.mm-collapsed:not(.mm-uncollapsed),.mm-fixeddivider,.mm-nosubresults>.mm-counter {
    display: none
}

em.mm-counter+a.mm-next {
    width: 90px
}

em.mm-counter+a.mm-next+a,em.mm-counter+a.mm-next+span {
    margin-right: 90px
}

em.mm-counter+a.mm-fullsubopen {
    padding-left: 0
}

.mm-vertical>.mm-counter {
    top: 12px;
    margin-top: 0
}

.mm-vertical.mm-spacer>.mm-counter {
    margin-top: 40px
}

.mm-divider>span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    line-height: 25px
}

.mm-divider.mm-opened a.mm-next:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-fixeddivider {
    background: inherit;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-fixeddivider:after {
    content: none!important;
    display: none!important
}

.mm-hasdividers .mm-fixeddivider {
    display: block
}

.mm-menu .mm-fixeddivider span {
    background: rgba(0,0,0,.05)
}

html.mm-opened.mm-dragging .mm-menu,html.mm-opened.mm-dragging .mm-slideout {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.mm-menu.mm-dropdown {
    box-shadow: 0 2px 10px rgba(0,0,0,.3);
    height: 80%
}

html.mm-dropdown .mm-slideout {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    z-index: 0
}

html.mm-dropdown #mm-blocker {
    -webkit-transition-delay: 0s!important;
    transition-delay: 0s!important;
    z-index: 1
}

html.mm-dropdown .mm-menu {
    z-index: 2
}

html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu {
    display: none
}

.mm-menu.mm-tip:before {
    content: '';
    background: inherit;
    box-shadow: 0 2px 10px rgba(0,0,0,.3);
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-search input,html.mm-opened.mm-fullscreen .mm-page {
    box-shadow: none!important
}

.mm-menu.mm-tipleft:before {
    left: 22px
}

.mm-menu.mm-tipright:before {
    right: 22px
}

.mm-menu.mm-tiptop:before {
    top: -8px
}

.mm-menu.mm-tipbottom:before {
    bottom: -8px
}

.mm-iconpanel .mm-panel {
    -webkit-transition-property: left,-webkit-transform;
    transition-property: left,-webkit-transform;
    transition-property: transform,left;
    transition-property: transform,left,-webkit-transform
}

.mm-iconpanel .mm-panel.mm-opened {
    border-left: 1px solid;
    border-color: inherit
}

.mm-iconpanel .mm-panel.mm-subopened {
    overflow-y: hidden;
    left: -40px;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-iconpanel .mm-panel.mm-iconpanel-0 {
    left: 0
}

.mm-iconpanel .mm-panel.mm-iconpanel-1 {
    left: 40px
}

.mm-iconpanel .mm-panel.mm-iconpanel-2 {
    left: 80px
}

.mm-iconpanel .mm-panel.mm-iconpanel-3 {
    left: 120px
}

.mm-iconpanel .mm-panel.mm-iconpanel-4 {
    left: 160px
}

.mm-iconpanel .mm-panel.mm-iconpanel-5 {
    left: 200px
}

.mm-iconpanel .mm-panel.mm-iconpanel-6 {
    left: 240px
}

.mm-subblocker {
    background: inherit;
    opacity: 0;
    display: block;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.mm-subopened .mm-subblocker {
    opacity: .6;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -100000px;
    left: 0;
    z-index: 3
}

.mm-navbar-bottom,.mm-navbar-top~.mm-navbar-top {
    border-bottom: none
}

.mm-menu>.mm-navbar {
    background: inherit;
    padding: 0;
    z-index: 3;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-navbar-bottom {
    border-top-width: 1px;
    border-top-style: solid;
    top: auto;
    bottom: 0
}

.mm-navbar-bottom~.mm-navbar-bottom {
    border-top: none
}

.mm-navbar.mm-hasbtns {
    padding: 0 40px
}

.mm-navbar[class*=mm-navbar-content-]>* {
    box-sizing: border-box;
    display: block;
    float: left
}

.mm-navbar .mm-breadcrumbs {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    text-align: left;
    padding: 0 0 0 17px
}

.mm-navbar .mm-breadcrumbs>* {
    display: inline-block;
    padding: 10px 3px
}

.mm-navbar .mm-breadcrumbs>a {
    text-decoration: underline
}

.mm-navbar.mm-hasbtns .mm-breadcrumbs {
    margin-left: -40px
}

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs {
    margin-left: 0;
    padding-left: 0
}

.mm-navbar-top-1 {
    top: 0
}

.mm-hasnavbar-top-1 .mm-panels,.mm-navbar-top-2 {
    top: 40px
}

.mm-hasnavbar-top-2 .mm-panels,.mm-navbar-top-3 {
    top: 80px
}

.mm-hasnavbar-top-3 .mm-panels,.mm-navbar-top-4 {
    top: 120px
}

.mm-hasnavbar-top-4 .mm-panels {
    top: 160px
}

.mm-navbar-bottom-1 {
    bottom: 0
}

.mm-hasnavbar-bottom-1 .mm-panels,.mm-navbar-bottom-2 {
    bottom: 40px
}

.mm-hasnavbar-bottom-2 .mm-panels,.mm-navbar-bottom-3 {
    bottom: 80px
}

.mm-hasnavbar-bottom-3 .mm-panels,.mm-navbar-bottom-4 {
    bottom: 120px
}

.mm-hasnavbar-bottom-4 .mm-panels {
    bottom: 160px
}

.mm-navbar-size-2 {
    height: 80px
}

.mm-navbar-size-3 {
    height: 120px
}

.mm-navbar-size-4 {
    height: 160px
}

.mm-navbar-content-2>* {
    width: 50%
}

.mm-navbar-content-3>* {
    width: 33.33%
}

.mm-navbar-content-4>* {
    width: 25%
}

.mm-navbar-content-5>* {
    width: 20%
}

.mm-navbar-content-6>* {
    width: 16.67%
}

.mm-sronly {
    text-indent: 10px;
    overflow: hidden;
    display: block;
    width: 1px;
    height: 1px;
    position: absolute;
    z-index: -1
}

.mm-search,.mm-search input {
    box-sizing: border-box
}

.mm-search {
    height: 40px;
    padding: 7px 10px 0;
    position: relative
}

.mm-search input {
    border: none!important;
    outline: 0!important;
    border-radius: 26px;
    font: inherit;
    font-size: 14px;
    line-height: 26px;
    display: block;
    width: 100%;
    height: 26px;
    min-height: 26px;
    max-height: 26px;
    margin: 0;
    padding: 0 10px
}

.loader-animation,html * {
    -webkit-font-smoothing: antialiased
}

.mm-search input::-ms-clear {
    display: none
}

.mm-search .mm-clear,.mm-search .mm-next {
    right: 0
}

.mm-panel>.mm-search {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.mm-panel.mm-hassearch {
    padding-top: 40px
}

.mm-panel.mm-hassearch.mm-hasnavbar {
    padding-top: 80px
}

.mm-panel.mm-hassearch.mm-hasnavbar .mm-search {
    top: 40px
}

.mm-noresultsmsg {
    text-align: center;
    font-size: 21px;
    padding: 40px 0
}

.mm-noresults .mm-indexer {
    display: none!important
}

li.mm-nosubresults>a.mm-next {
    display: none
}

li.mm-nosubresults>a.mm-next+a,li.mm-nosubresults>a.mm-next+span {
    padding-right: 10px
}

.mm-panels>.mm-resultspanel:not(.mm-opened) {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-menu .mm-search input {
    background: rgba(0,0,0,.05);
    color: rgba(0,0,0,.7)
}

.mm-menu .mm-indexer a,.mm-menu .mm-noresultsmsg {
    color: rgba(0,0,0,.3)
}

.mm-indexer {
    background: inherit;
    text-align: center;
    font-size: 12px;
    box-sizing: border-box;
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -100px;
    z-index: 3;
    -webkit-transition: right .4s ease;
    transition: right .4s ease;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-indexer a {
    text-decoration: none;
    display: block;
    height: 3.85%
}

.mm-indexer~.mm-panel.mm-hasindexer {
    padding-right: 40px
}

.mm-hasindexer .mm-indexer {
    right: 0
}

.mm-hasindexer .mm-fixeddivider {
    right: 20px
}

.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen),.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a:not(.mm-fullsubopen) {
    -webkit-transition: background .4s ease;
    transition: background .4s ease
}

.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(255,255,255,.5)
}

input.mm-check,input.mm-toggle {
    position: absolute;
    left: -10000px
}

label.mm-check,label.mm-toggle {
    margin: 0;
    position: absolute;
    top: 50%;
    z-index: 2;
    right: 20px
}

label.mm-check:before,label.mm-toggle:before {
    content: '';
    display: block
}

label.mm-toggle {
    border-radius: 30px;
    width: 50px;
    height: 30px;
    margin-top: -15px
}

label.mm-toggle:before {
    border-radius: 30px;
    width: 28px;
    height: 28px;
    margin: 1px
}

input.mm-toggle:checked~label.mm-toggle:before {
    float: right
}

label.mm-check {
    width: 30px;
    height: 30px;
    margin-top: -15px
}

label.mm-check:before {
    border-left: 3px solid;
    border-bottom: 3px solid;
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    opacity: .1;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

input.mm-check:checked~label.mm-check:before {
    opacity: 1
}

li.mm-vertical label.mm-check,li.mm-vertical label.mm-toggle {
    bottom: auto;
    margin-top: 0;
    top: 5px
}

label.mm-toggle+a,label.mm-toggle+span {
    padding-right: 80px
}

label.mm-check+a,label.mm-check+span {
    padding-right: 60px
}

a.mm-next+label.mm-check,a.mm-next+label.mm-toggle {
    right: 60px
}

a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span,a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span {
    margin-right: 50px
}

a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span {
    padding-right: 70px
}

a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span {
    padding-right: 50px
}

em.mm-counter+a.mm-next+label.mm-check,em.mm-counter+a.mm-next+label.mm-toggle {
    right: 100px
}

em.mm-counter+a.mm-next+label.mm-check+a,em.mm-counter+a.mm-next+label.mm-check+span,em.mm-counter+a.mm-next+label.mm-toggle+a,em.mm-counter+a.mm-next+label.mm-toggle+span {
    margin-right: 90px
}

.mm-menu label.mm-toggle {
    background: rgba(0,0,0,.1)
}

.mm-menu label.mm-toggle:before {
    background: #f3f3f3
}

.mm-menu input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963
}

.mm-menu label.mm-check:before {
    border-color: rgba(0,0,0,.7)
}

.mm-listview.mm-border-none>li:after,.mm-menu.mm-border-none .mm-listview>li:after {
    content: none
}

.mm-listview.mm-border-full>li:after,.mm-menu.mm-border-full .mm-listview>li:after {
    left: 0!important
}

.mm-listview.mm-border-offset>li:after,.mm-menu.mm-border-offset .mm-listview>li:after {
    right: 20px
}

.mm-menu.mm-effect-menu-zoom {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease
}

html.mm-opened .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(.7,.7) translate3d(-30%,0,0);
    transform: scale(.7,.7) translate3d(-30%,0,0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

html.mm-opening .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(1,1) translate3d(0,0,0);
    transform: scale(1,1) translate3d(0,0,0)
}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(.7,.7) translate3d(30%,0,0);
    transform: scale(.7,.7) translate3d(30%,0,0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
}

html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(1,1) translate3d(0,0,0);
    transform: scale(1,1) translate3d(0,0,0)
}

.mm-menu.mm-effect-menu-slide {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease
}

html.mm-opened .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(-30%,0,0);
    transform: translate3d(-30%,0,0)
}

html.mm-opening .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(30%,0,0);
    transform: translate3d(30%,0,0)
}

html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-menu.mm-effect-menu-fade {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

html.mm-opening .mm-menu.mm-effect-menu-fade {
    opacity: 1
}

.mm-menu.mm-effect-panels-zoom .mm-panel {
    -webkit-transform: scale(1.5,1.5) translate3d(100%,0,0);
    transform: scale(1.5,1.5) translate3d(100%,0,0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened {
    -webkit-transform: scale(1,1) translate3d(0,0,0);
    transform: scale(1,1) translate3d(0,0,0)
}

.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened {
    -webkit-transform: scale(.7,.7) translate3d(-30%,0,0);
    transform: scale(.7,.7) translate3d(-30%,0,0)
}

.mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li {
    -webkit-transition: none .4s ease;
    transition: none .4s ease
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(1) {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(3) {
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(4) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(5) {
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(6) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(7) {
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(8) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(9) {
    -webkit-transition-delay: 450ms;
    transition-delay: 450ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(10) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(11) {
    -webkit-transition-delay: 550ms;
    transition-delay: 550ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(12) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(13) {
    -webkit-transition-delay: 650ms;
    transition-delay: 650ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(14) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(15) {
    -webkit-transition-delay: 750ms;
    transition-delay: 750ms
}

.mm-menu.mm-effect-listitems-slide .mm-listview>li {
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-transform: translate3d(50%,0,0);
    transform: translate3d(50%,0,0);
    opacity: 0
}

html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview>li {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
}

.mm-menu.mm-effect-listitems-fade .mm-listview>li {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    opacity: 0
}

html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview>li {
    opacity: 1
}

.mm-menu.mm-effect-listitems-drop .mm-listview>li {
    -webkit-transition-property: opacity,top;
    transition-property: opacity,top;
    opacity: 0;
    top: -25%
}

html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview>li {
    opacity: 1;
    top: 0
}

.mm-menu.mm-offcanvas.mm-fullscreen {
    width: 100%;
    min-width: 140px;
    max-width: 10000px
}

html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

@media all and (max-width: 140px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform:translate3d(140px,0,0);
        transform: translate3d(140px,0,0)
    }
}

@media all and (min-width: 10000px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform:translate3d(10000px,0,0);
        transform: translate3d(10000px,0,0)
    }
}

html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

@media all and (max-width: 140px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform:translate3d(-140px,0,0);
        transform: translate3d(-140px,0,0)
    }
}

@media all and (min-width: 10000px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform:translate3d(-10000px,0,0);
        transform: translate3d(-10000px,0,0)
    }
}

.mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom,.mm-menu.mm-offcanvas.mm-fullscreen.mm-top {
    height: 100%;
    min-height: 140px;
    max-height: 10000px
}

.mm-menu .mm-panels>.mm-panel.mm-justified-listview:after,.mm-menu .mm-panels>.mm-panel.mm-justified-listview:before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel:after,.mm-menu.mm-justified-listview .mm-panels>.mm-panel:before {
    content: none;
    display: none
}

.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0
}

.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider),.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider) {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0
}

.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next),.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next),.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span {
    box-sizing: border-box;
    height: 100%
}

.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before,.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span:before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    height: 100%;
    width: 0
}

.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>a,.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>span,.mm-menu.mm-multiline .mm-listview>li>a,.mm-menu.mm-multiline .mm-listview>li>span {
    text-overflow: clip;
    white-space: normal
}

html.mm-pagedim #mm-blocker,html.mm-pagedim-black #mm-blocker,html.mm-pagedim-white #mm-blocker {
    opacity: 0
}

html.mm-pagedim-black.mm-opening #mm-blocker,html.mm-pagedim-white.mm-opening #mm-blocker,html.mm-pagedim.mm-opening #mm-blocker {
    opacity: .3;
    -webkit-transition: opacity .4s ease .4s;
    transition: opacity .4s ease .4s
}

html.mm-pagedim #mm-blocker {
    background: inherit
}

html.mm-pagedim-white #mm-blocker {
    background: #fff
}

html.mm-pagedim-black #mm-blocker {
    background: #000
}

.mm-menu.mm-pageshadow:after {
    content: "";
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 99;
    box-shadow: 0 0 10px rgba(0,0,0,.3)
}

.mm-menu.mm-pageshadow.mm-front:after,.mm-menu.mm-pageshadow.mm-next:after,.mm-menu.mm-pageshadow.mm-theme-black:after {
    content: none;
    display: none
}

.mm-menu.mm-pageshadow.mm-right:after {
    left: auto;
    right: 100%
}

.mm-menu.mm-popup {
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    opacity: 0;
    box-shadow: 0 2px 10px rgba(0,0,0,.3);
    height: 80%;
    min-height: 140px;
    max-height: 880px;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

html.mm-popup.mm-opening .mm-menu.mm-popup {
    opacity: 1
}

html.mm-popup .mm-slideout {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    z-index: 0
}

html.mm-popup #mm-blocker {
    -webkit-transition-delay: 0s!important;
    transition-delay: 0s!important;
    z-index: 1
}

html.mm-popup .mm-menu {
    z-index: 2
}

.mm-menu.mm-offcanvas.mm-right {
    left: auto;
    right: 0
}

html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate3d(-80%,0,0);
    transform: translate3d(-80%,0,0)
}

@media all and (max-width: 175px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform:translate3d(-140px,0,0);
        transform: translate3d(-140px,0,0)
    }
}

@media all and (min-width: 550px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform:translate3d(-440px,0,0);
        transform: translate3d(-440px,0,0)
    }
}

html.mm-front .mm-slideout {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    z-index: 0
}

html.mm-front #mm-blocker {
    z-index: 1
}

html.mm-front .mm-menu.mm-offcanvas {
    z-index: 2
}

.mm-menu.mm-offcanvas.mm-front,.mm-menu.mm-offcanvas.mm-next {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.mm-menu.mm-offcanvas.mm-front.mm-right,.mm-menu.mm-offcanvas.mm-next.mm-right {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.mm-menu.mm-offcanvas.mm-top {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
}

.mm-menu.mm-offcanvas.mm-bottom {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    top: auto;
    bottom: 0
}

.mm-menu.mm-offcanvas.mm-bottom,.mm-menu.mm-offcanvas.mm-top {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 80%;
    min-height: 140px;
    max-height: 880px
}

html.mm-opening .mm-menu.mm-offcanvas.mm-front,html.mm-opening .mm-menu.mm-offcanvas.mm-next {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-menu.mm-theme-dark {
    background: #333;
    border-color: rgba(0,0,0,.15);
    color: rgba(255,255,255,.8)
}

.mm-menu.mm-theme-dark .mm-navbar a,.mm-menu.mm-theme-dark .mm-navbar>*,.mm-menu.mm-theme-dark em.mm-counter {
    color: rgba(255,255,255,.4)
}

.mm-menu.mm-theme-dark .mm-btn:after,.mm-menu.mm-theme-dark .mm-btn:before {
    border-color: rgba(255,255,255,.4)
}

.mm-menu.mm-theme-dark .mm-listview {
    border-color: rgba(0,0,0,.15)
}

.mm-menu.mm-theme-dark .mm-listview>li .mm-arrow:after,.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after {
    border-color: rgba(255,255,255,.4)
}

.mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(0,0,0,.1);
    tap-highlight-color: rgba(0,0,0,.1)
}

.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span {
    background: rgba(0,0,0,.1)
}

.mm-menu.mm-theme-dark .mm-divider,.mm-menu.mm-theme-dark .mm-fixeddivider span,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
    background: rgba(255,255,255,.05)
}

.mm-menu.mm-theme-dark label.mm-check:before {
    border-color: rgba(255,255,255,.8)
}

.mm-menu.mm-pageshadow.mm-theme-dark:after {
    box-shadow: 0 0 20px rgba(0,0,0,.5)
}

.mm-menu.mm-theme-dark .mm-search input {
    background: rgba(255,255,255,.3);
    color: rgba(255,255,255,.8)
}

.mm-menu.mm-theme-dark .mm-indexer a,.mm-menu.mm-theme-dark .mm-noresultsmsg {
    color: rgba(255,255,255,.4)
}

.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(0,0,0,.1)
}

.mm-menu.mm-theme-dark label.mm-toggle {
    background: rgba(0,0,0,.15)
}

.mm-menu.mm-theme-dark label.mm-toggle:before {
    background: #333
}

.mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-theme-white {
    background: #fff;
    color: rgba(0,0,0,.6)
}

.mm-menu.mm-theme-white .mm-navbar a,.mm-menu.mm-theme-white .mm-navbar>*,.mm-menu.mm-theme-white em.mm-counter {
    color: rgba(0,0,0,.3)
}

.mm-menu.mm-theme-white .mm-btn:after,.mm-menu.mm-theme-white .mm-btn:before {
    border-color: rgba(0,0,0,.3)
}

.mm-menu.mm-theme-white .mm-listview {
    border-color: rgba(0,0,0,.1)
}

.mm-menu.mm-theme-white .mm-listview>li .mm-arrow:after,.mm-menu.mm-theme-white .mm-listview>li .mm-next:after {
    border-color: rgba(0,0,0,.3)
}

.mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(0,0,0,.05);
    tap-highlight-color: rgba(0,0,0,.05)
}

.mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-white .mm-listview>li.mm-selected>span {
    background: rgba(0,0,0,.05)
}

.mm-menu.mm-theme-white .mm-divider,.mm-menu.mm-theme-white .mm-fixeddivider span,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
    background: rgba(0,0,0,.03)
}

.mm-menu.mm-theme-white label.mm-check:before {
    border-color: rgba(0,0,0,.6)
}

.mm-menu.mm-pageshadow.mm-theme-white:after {
    box-shadow: 0 0 10px rgba(0,0,0,.2)
}

.mm-menu.mm-theme-white .mm-search input {
    background: rgba(0,0,0,.05);
    color: rgba(0,0,0,.6)
}

.mm-menu.mm-theme-white .mm-indexer a,.mm-menu.mm-theme-white .mm-noresultsmsg {
    color: rgba(0,0,0,.3)
}

.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(0,0,0,.05)
}

.mm-menu.mm-theme-white label.mm-toggle {
    background: rgba(0,0,0,.1)
}

.mm-menu.mm-theme-white label.mm-toggle:before,.vote-message {
    background: #fff
}

.mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-theme-black {
    background: #000;
    border-color: rgba(255,255,255,.2);
    color: rgba(255,255,255,.6)
}

.mm-menu.mm-theme-black .mm-navbar a,.mm-menu.mm-theme-black .mm-navbar>*,.mm-menu.mm-theme-black em.mm-counter {
    color: rgba(255,255,255,.4)
}

.mm-menu.mm-theme-black .mm-btn:after,.mm-menu.mm-theme-black .mm-btn:before {
    border-color: rgba(255,255,255,.4)
}

.mm-menu.mm-theme-black .mm-listview {
    border-color: rgba(255,255,255,.2)
}

.mm-menu.mm-theme-black .mm-listview>li .mm-arrow:after,.mm-menu.mm-theme-black .mm-listview>li .mm-next:after {
    border-color: rgba(255,255,255,.4)
}

.mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255,255,255,.3);
    tap-highlight-color: rgba(255,255,255,.3)
}

.mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-black .mm-listview>li.mm-selected>span {
    background: rgba(255,255,255,.3)
}

.mm-menu.mm-theme-black .mm-divider,.mm-menu.mm-theme-black .mm-fixeddivider span,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
    background: rgba(255,255,255,.2)
}

.mm-menu.mm-theme-black label.mm-check:before {
    border-color: rgba(255,255,255,.6)
}

.mm-menu.mm-theme-black .mm-search input {
    background: rgba(255,255,255,.3);
    color: rgba(255,255,255,.6)
}

.mm-menu.mm-theme-black .mm-indexer a,.mm-menu.mm-theme-black .mm-noresultsmsg {
    color: rgba(255,255,255,.4)
}

.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(255,255,255,.3)
}

.mm-menu.mm-theme-black label.mm-toggle {
    background: rgba(255,255,255,.2)
}

.mm-menu.mm-theme-black label.mm-toggle:before {
    background: #000
}

.mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963
}

.mm-menu .mm-tileview.mm-listview:after,.mm-menu.mm-tileview .mm-listview:after {
    content: '';
    display: block;
    clear: both
}

.mm-menu .mm-tileview.mm-listview>li>.mm-next:after,.mm-menu .mm-tileview.mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-listview>li>.mm-next:after,.mm-menu.mm-tileview .mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-panel:after {
    content: none;
    display: none
}

.mm-menu .mm-tileview.mm-listview>li,.mm-menu.mm-tileview .mm-listview>li {
    width: 50%;
    height: 0;
    padding: 50% 0 0;
    float: left;
    position: relative
}

.mm-menu .mm-tileview.mm-listview>li:after,.mm-menu.mm-tileview .mm-listview>li:after {
    left: 0;
    top: 0;
    border-right-width: 1px;
    border-right-style: solid;
    z-index: -1
}

.mm-menu .mm-tileview.mm-listview>li.mm-tile-xs,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xs {
    width: 12.5%;
    padding-top: 12.5%
}

.mm-menu .mm-tileview.mm-listview>li.mm-tile-s,.mm-menu.mm-tileview .mm-listview>li.mm-tile-s {
    width: 25%;
    padding-top: 25%
}

.mm-menu .mm-tileview.mm-listview>li.mm-tile-l,.mm-menu.mm-tileview .mm-listview>li.mm-tile-l {
    width: 75%;
    padding-top: 75%
}

.mm-menu .mm-tileview.mm-listview>li.mm-tile-xl,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xl {
    width: 100%;
    padding-top: 100%
}

.mm-menu .mm-tileview.mm-listview>li>a,.mm-menu .mm-tileview.mm-listview>li>span,.mm-menu.mm-tileview .mm-listview>li>a,.mm-menu.mm-tileview .mm-listview>li>span {
    line-height: 1px;
    text-align: center;
    padding: 50% 10px 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 1px;
    left: 0
}

.mm-menu .mm-tileview.mm-listview>li>.mm-next,.mm-menu.mm-tileview .mm-listview>li>.mm-next {
    width: auto
}

.mm-menu.mm-tileview .mm-panel {
    padding-left: 0;
    padding-right: 0
}

.mm-menu.mm-tileview .mm-listview {
    margin: 0
}

/*!
 * shariff - v1.24.0 - 29.06.2016
 * https://github.com/heiseonline/shariff
 * Copyright (c) 2016 Ines Pauer, Philipp Busse, Sebastian Hilbig, Erich Kramer, Deniz Sesli
 * Licensed under the MIT license
 */
.shariff::after,.shariff::before {
    content: " ";
    display: table
}

.shariff::after {
    clear: both
}

.shariff ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.shariff li {
    box-sizing: border-box;
    overflow: hidden
}

.shariff li a {
    color: #fff;
    position: relative;
    display: block;
    text-decoration: none;
    box-sizing: border-box
}

.shariff li .share_count,.shariff li .share_text {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    vertical-align: middle;
    line-height: 35px
}

.shariff li .fa {
    width: 35px;
    line-height: 35px;
    text-align: center;
    vertical-align: middle
}

.shariff li .share_count {
    padding: 0 8px;
    height: 33px;
    position: absolute;
    top: 1px;
    right: 1px
}

.shariff .orientation-horizontal li {
    -webkit-box-flex: 1
}

.shariff .orientation-horizontal .info {
    -webkit-box-flex: 0
}

.shariff .orientation-horizontal {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.shariff .orientation-horizontal li {
    float: left;
    -ms-flex: none;
    flex: none;
    margin-right: 3%;
    margin-bottom: 10px
}

.shariff .orientation-horizontal li .share_text {
    display: block;
    text-indent: -9999px;
    padding-left: 3px
}

.shariff .orientation-horizontal li .share_count {
    display: none
}

.shariff .theme-grey .shariff-button a {
    background-color: #b0b0b0
}

.shariff .theme-grey .shariff-button .share_count {
    background-color: #ccc;
    color: #333
}

.shariff .theme-white .shariff-button {
    border: 1px solid #ddd
}

.shariff .theme-white .shariff-button a {
    background-color: #fff
}

.shariff .theme-white .shariff-button a:hover {
    background-color: #eee
}

.shariff .theme-white .shariff-button .share_count {
    background-color: #fff;
    color: #999
}

.shariff .orientation-vertical {
    min-width: 110px
}

.shariff .orientation-vertical li {
    display: block;
    width: 100%;
    margin: 5px 0
}

.shariff .orientation-vertical li .share_count {
    width: 24px;
    text-align: right
}

@media only screen and (min-width: 360px) {
    .shariff .orientation-horizontal li {
        margin-right:1.8%;
        min-width: 80px;
        width: auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .shariff .orientation-horizontal li .share_count {
        display: block
    }

    .shariff .orientation-horizontal.col-1 li,.shariff .orientation-horizontal.col-2 li {
        min-width: 110px;
        max-width: 160px
    }

    .shariff .orientation-horizontal.col-1 li .share_text,.shariff .orientation-horizontal.col-2 li .share_text {
        text-indent: 0;
        display: inline
    }

    .shariff .orientation-horizontal.col-5 li,.shariff .orientation-horizontal.col-6 li {
        -ms-flex: none;
        flex: none
    }
}

@media only screen and (min-width: 640px) {
    .shariff .orientation-horizontal.col-3 li {
        min-width:110px;
        max-width: 160px
    }

    .shariff .orientation-horizontal.col-3 li .share_text {
        text-indent: 0;
        display: inline
    }
}

@media only screen and (min-width: 768px) {
    .shariff .orientation-horizontal li {
        min-width:110px;
        max-width: 160px
    }

    .shariff .orientation-horizontal li .share_text {
        text-indent: 0;
        display: inline
    }

    .shariff .orientation-horizontal.col-5 li,.shariff .orientation-horizontal.col-6 li {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
}

.frst-timeline-style-8 .frst-timeline-content-inner .media-section iframe,.img-thumbnail,.table,img,label,table.contenttable {
    max-width: 100%
}

@media only screen and (min-width: 1024px) {
    .shariff li .fa,.shariff li .share_count,.shariff li .share_text {
        line-height:30px
    }

    .shariff li,.shariff li a {
        height: 30px
    }

    .shariff li .fa {
        width: 30px
    }

    .shariff li .share_count {
        height: 28px
    }
}

.shariff .addthis a {
    background-color: #f8694d
}

.shariff .addthis a:hover {
    background-color: #f75b44
}

.shariff .addthis .fa-plus {
    font-size: 14px
}

.shariff .addthis .share_count {
    color: #f8694d;
    background-color: #f1b8b0
}

.shariff .theme-white .addthis a {
    color: #f8694d
}

@media only screen and (min-width: 600px) {
    .shariff .addthis .fa-plus {
        font-size:14px;
        position: relative;
        top: 1px
    }
}

.shariff .diaspora a {
    background-color: #999
}

.shariff .diaspora a:hover {
    background-color: #b3b3b3
}

.shariff .diaspora .fa-times-circle {
    font-size: 17px
}

.shariff .theme-white .diaspora a {
    color: #999
}

@media only screen and (min-width: 600px) {
    .shariff .diaspora .fa-times-circle {
        font-size:16px
    }
}

.shariff .facebook a {
    background-color: #3b5998
}

.shariff .facebook a:hover {
    background-color: #4273c8
}

.shariff .facebook .fa-facebook {
    font-size: 22px
}

.shariff .facebook .share_count {
    color: #183a75;
    background-color: #99adcf
}

.shariff .theme-white .facebook a {
    color: #3b5998
}

@media only screen and (min-width: 600px) {
    .shariff .facebook .fa-facebook {
        font-size:19px
    }
}

.shariff .flattr a {
    background-color: #7ea352
}

.shariff .flattr a:hover {
    background-color: #F67C1A
}

.shariff .flattr a:hover .share_count {
    color: #d56308;
    background-color: #fab47c
}

.shariff .flattr .fa-money {
    font-size: 22px
}

.shariff .flattr .share_count {
    color: #648141;
    background-color: #b0c893
}

.shariff .theme-white .flattr a {
    color: #F67C1A
}

@media only screen and (min-width: 600px) {
    .shariff .flattr .fa-money {
        font-size:19px
    }
}

.shariff .googleplus a {
    background-color: #d34836
}

.shariff .googleplus a:hover {
    background-color: #f75b44
}

.shariff .googleplus .fa-google-plus {
    font-size: 22px
}

.shariff .googleplus .share_count {
    color: #a31601;
    background-color: #eda79d
}

.shariff .theme-white .googleplus a {
    color: #d34836
}

@media only screen and (min-width: 600px) {
    .shariff .googleplus .fa-google-plus {
        font-size:19px
    }
}

.shariff .info {
    border: 1px solid #ccc
}

.shariff .info a {
    color: #666;
    background-color: #fff
}

.shariff .info a:hover {
    background-color: #efefef
}

.form-control,.shariff .theme-grey .info a {
    background-color: #fff
}

.shariff .info .fa-info {
    font-size: 20px;
    width: 33px
}

.shariff .info .share_text {
    display: block!important;
    text-indent: -9999px!important
}

.shariff .theme-grey .info a:hover {
    background-color: #efefef
}

.shariff .orientation-vertical .info {
    width: 35px;
    float: right
}

@media only screen and (min-width: 360px) {
    .shariff .orientation-horizontal .info {
        -ms-flex:none!important;
        flex: none!important;
        width: 35px;
        min-width: 35px!important
    }
}

@media only screen and (min-width: 1024px) {
    .shariff .info .fa-info {
        font-size:16px;
        width: 23px
    }

    .shariff .orientation-horizontal .info {
        width: 25px;
        min-width: 25px!important
    }

    .shariff .orientation-vertical .info {
        width: 25px
    }
}

.shariff .linkedin a {
    background-color: #0077b5
}

.shariff .linkedin a:hover {
    background-color: #0369a0
}

.shariff .linkedin .fa-linkedin {
    font-size: 22px
}

.shariff .linkedin .share_count {
    color: #004785;
    background-color: #33AAE8
}

.shariff .theme-white .linkedin a {
    color: #0077b5
}

@media only screen and (min-width: 600px) {
    .shariff .linkedin .fa-linkedin {
        font-size:19px
    }
}

.shariff .mail a {
    background-color: #999
}

.shariff .mail a:hover {
    background-color: #a8a8a8
}

.shariff .mail .fa-envelope {
    font-size: 21px
}

.shariff .theme-white .mail a {
    color: #999
}

@media only screen and (min-width: 600px) {
    .shariff .mail .fa-envelope {
        font-size:18px
    }
}

.shariff .pinterest a {
    background-color: #bd081c
}

.shariff .pinterest a:hover {
    background-color: #d50920
}

.shariff .pinterest .fa-pinterest-p {
    font-size: 22px
}

.shariff .pinterest .share_count {
    color: #a31601;
    background-color: #eda79d
}

.shariff .theme-white .pinterest a {
    color: #bd081c
}

@media only screen and (min-width: 600px) {
    .shariff .pinterest .fa-pinterest-p {
        font-size:19px;
        position: relative;
        top: 1px
    }
}

.shariff .reddit a {
    background-color: #ff4500
}

.shariff .reddit a:hover {
    background-color: #ff6a33
}

.shariff .reddit .fa-reddit {
    font-size: 17px
}

.shariff .theme-white .reddit a {
    color: #ff4500
}

@media only screen and (min-width: 600px) {
    .shariff .reddit .fa-reddit {
        font-size:16px
    }
}

.shariff .stumbleupon a {
    background-color: #eb4924
}

.shariff .stumbleupon a:hover {
    background-color: #ef7053
}

.shariff .stumbleupon .fa-stumbleupon {
    font-size: 17px
}

.shariff .theme-white .stumbleupon a {
    color: #eb4924
}

@media only screen and (min-width: 600px) {
    .shariff .stumbleupon .fa-stumbleupon {
        font-size:16px
    }
}

.shariff .twitter a {
    background-color: #55acee
}

.shariff .twitter a:hover {
    background-color: #32bbf5
}

.shariff .twitter .fa-twitter {
    font-size: 28px
}

.shariff .twitter .share_count {
    color: #0174a4;
    background-color: #96D4EE
}

.shariff .theme-white .twitter a {
    color: #55acee
}

@media only screen and (min-width: 600px) {
    .shariff .twitter .fa-twitter {
        font-size:24px
    }
}

.shariff .whatsapp a {
    background-color: #5cbe4a
}

.shariff .whatsapp a:hover {
    background-color: #34af23
}

.shariff .whatsapp .fa-whatsapp {
    font-size: 28px
}

.shariff .theme-white .whatsapp a {
    color: #5cbe4a
}

.shariff .xing a {
    background-color: #126567
}

.shariff .xing a:hover {
    background-color: #29888a
}

.shariff .xing .fa-xing {
    font-size: 22px
}

.shariff .xing .share_count {
    color: #15686a;
    background-color: #4fa5a7
}

.shariff .theme-white .xing a {
    color: #126567
}

@media only screen and (min-width: 600px) {
    .shariff .whatsapp .fa-whatsapp {
        font-size:22px
    }

    .shariff .xing .fa-xing {
        font-size: 19px
    }
}

.shariff .tumblr a {
    background-color: #36465D
}

.shariff .tumblr a:hover {
    background-color: #44546B
}

.shariff .tumblr .fa-tumblr {
    font-size: 28px
}

.shariff .theme-white .tumblr a {
    color: #5cbe4a
}

@media only screen and (min-width: 600px) {
    .shariff .tumblr .fa-tumblr {
        font-size:22px
    }
}

.shariff .threema a {
    background-color: #333
}

.shariff .threema a:hover {
    background-color: #1f1f1f
}

.shariff .threema .fa-lock {
    font-size: 28px
}

.shariff .theme-white .threema a {
    color: #333
}

@media only screen and (min-width: 600px) {
    .shariff .threema .fa-lock {
        font-size:22px
    }
}

.shariff .weibo a {
    background-color: #F56770
}

.shariff .weibo a:hover {
    background-color: #FA7F8A
}

.shariff .weibo .fa-weibo {
    font-size: 28px
}

.shariff .weibo .share_count {
    color: #0174a4;
    background-color: #F56770
}

.shariff .theme-white .weibo a {
    color: #F56770
}

@media only screen and (min-width: 600px) {
    .shariff .weibo .fa-weibo {
        font-size:24px
    }
}

.shariff .tencent-weibo a {
    background-color: #26ACE0
}

.shariff .tencent-weibo a:hover {
    background-color: #38BBEB
}

.shariff .tencent-weibo .fa-tencent-weibo {
    font-size: 28px
}

.shariff .tencent-weibo .share_count {
    color: #0174a4;
    background-color: #26ACE0
}

.shariff .theme-white .tencent-weibo a {
    color: #26ACE0
}

@media only screen and (min-width: 600px) {
    .shariff .tencent-weibo .fa-tencent-weibo {
        font-size:24px
    }
}

.shariff .qzone a {
    background-color: #2B82D9
}

.shariff .qzone a:hover {
    background-color: #398FE6
}

.shariff .qzone .fa-qq {
    font-size: 28px
}

.shariff .qzone .share_count {
    color: #0174a4;
    background-color: #2B82D9
}

.shariff .theme-white .qzone a {
    color: #2B82D9
}

@media only screen and (min-width: 600px) {
    .shariff .qzone .fa-qq {
        font-size:24px
    }
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -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
}

.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    20%,53%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        animation-timing-function: cubic-bezier(.755,.050,.855,.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 {
    20%,53%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        animation-timing-function: cubic-bezier(.755,.050,.855,.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;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    50%,from,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    50%,from,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

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

@-webkit-keyframes pulse {
    from,to {
        -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)
    }
}

@keyframes pulse {
    from,to {
        -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)
    }
}

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

@-webkit-keyframes rubberBand {
    from,to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

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

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

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.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)
    }
}

@keyframes rubberBand {
    from,to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

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

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

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.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)
    }
}

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

@-webkit-keyframes shake {
    from,to {
        -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 {
    from,to {
        -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 headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

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

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

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

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

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

@-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)
    }

    to {
        -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)
    }

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

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

@-webkit-keyframes tada {
    from,to {
        -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)
    }
}

@keyframes tada {
    from,to {
        -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)
    }
}

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

@-webkit-keyframes wobble {
    from,to {
        -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)
    }
}

@keyframes wobble {
    from,to {
        -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)
    }
}

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

@-webkit-keyframes jello {
    11.1%,from,to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    11.1%,from,to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    20%,40%,60%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    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)
    }

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

@keyframes bounceIn {
    20%,40%,60%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    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)
    }

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

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

@-webkit-keyframes bounceInDown {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    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)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    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)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInLeft {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    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)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    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)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInRight {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        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)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        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)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInUp {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        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)
    }

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

@keyframes bounceInUp {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        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)
    }

    to {
        -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)
    }

    to {
        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)
    }

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

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

@-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)
    }

    to {
        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)
    }

    to {
        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)
    }

    to {
        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)
    }

    to {
        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)
    }

    to {
        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)
    }

    to {
        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)
    }

    to {
        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)
    }

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

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

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }

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

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

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

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }

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

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

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

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }

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

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

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

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }

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

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

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

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

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

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

@-webkit-keyframes flip {
    from {
        -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
    }

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

@keyframes flip {
    from {
        -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
    }

    to {
        -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 {
    from {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-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-animation-timing-function: ease-in;
        animation-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)
    }

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

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-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-animation-timing-function: ease-in;
        animation-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)
    }

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

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

.flipInY,.flipOutX {
    -webkit-backface-visibility: visible!important
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-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-animation-timing-function: ease-in;
        animation-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)
    }

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

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-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-animation-timing-function: ease-in;
        animation-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)
    }

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

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

@-webkit-keyframes flipOutX {
    from {
        -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
    }

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

@keyframes flipOutX {
    from {
        -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
    }

    to {
        -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;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    from {
        -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
    }

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

@keyframes flipOutY {
    from {
        -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
    }

    to {
        -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-keyframes lightSpeedIn {
    from {
        -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
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    from {
        -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
    }

    to {
        -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 {
    from {
        opacity: 1
    }

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

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        -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 {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

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

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

    to {
        -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 {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

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

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

    to {
        -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 {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

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

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

    to {
        -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 {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

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

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

    to {
        -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 {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

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

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

    to {
        -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 {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

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

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

    to {
        -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 {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -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 {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -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 {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -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 {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -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 {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -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 {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -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 {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -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 {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -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
    }

    to {
        -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
    }

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

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        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 {
    from {
        opacity: 1
    }

    to {
        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 {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        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 {
    from {
        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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    from {
        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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes zoomInLeft {
    from {
        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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    from {
        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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes zoomInRight {
    from {
        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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    from {
        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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes zoomInUp {
    from {
        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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    from {
        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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }

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

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

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

    to {
        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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,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)
    }

    to {
        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)
    }

    to {
        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)
    }

    to {
        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)
    }

    to {
        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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

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

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

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

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

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

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

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

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

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

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

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

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

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

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

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

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

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

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

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

@-webkit-keyframes hingeTop {
    0% {
        -webkit-transform: rotateX(-85deg);
        transform: rotateX(-85deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: .3
    }

    40% {
        -webkit-transform: rotateX(25deg);
        transform: rotateX(25deg);
        opacity: .8
    }

    60% {
        -webkit-transform: rotateX(-25deg);
        transform: rotateX(-25deg);
        opacity: .9
    }

    80% {
        -webkit-transform: rotateX(10deg);
        transform: rotateX(10deg);
        opacity: 1
    }

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

@-moz-keyframes hingeTop {
    0% {
        -moz-transform: rotateX(-85deg);
        transform: rotateX(-85deg);
        -moz-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: .3
    }

    40% {
        -moz-transform: rotateX(25deg);
        transform: rotateX(25deg);
        opacity: .8
    }

    60% {
        -moz-transform: rotateX(-25deg);
        transform: rotateX(-25deg);
        opacity: .9
    }

    80% {
        -moz-transform: rotateX(10deg);
        transform: rotateX(10deg);
        opacity: 1
    }

    100% {
        -moz-transform: rotateX(0);
        transform: rotateX(0);
        -moz-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@-o-keyframes hingeTop {
    0% {
        transform: rotateX(-85deg);
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: .3
    }

    40% {
        transform: rotateX(25deg);
        opacity: .8
    }

    60% {
        transform: rotateX(-25deg);
        opacity: .9
    }

    80% {
        transform: rotateX(10deg);
        opacity: 1
    }

    100% {
        transform: rotateX(0);
        -o-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@keyframes hingeTop {
    0% {
        -webkit-transform: rotateX(-85deg);
        -moz-transform: rotateX(-85deg);
        transform: rotateX(-85deg);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: .3
    }

    40% {
        -webkit-transform: rotateX(25deg);
        -moz-transform: rotateX(25deg);
        transform: rotateX(25deg);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: .8
    }

    60% {
        -webkit-transform: rotateX(-25deg);
        -moz-transform: rotateX(-25deg);
        transform: rotateX(-25deg);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: .9
    }

    80% {
        -webkit-transform: rotateX(10deg);
        -moz-transform: rotateX(10deg);
        transform: rotateX(10deg);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }

    100% {
        -webkit-transform: rotateX(0);
        -moz-transform: rotateX(0);
        transform: rotateX(0);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

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

@-webkit-keyframes hingeBottom {
    0% {
        -webkit-transform: rotateX(-85deg);
        transform: rotateX(-85deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: .3
    }

    40% {
        -webkit-transform: rotateX(25deg);
        transform: rotateX(25deg);
        opacity: .8
    }

    60% {
        -webkit-transform: rotateX(-25deg);
        transform: rotateX(-25deg);
        opacity: .9
    }

    80% {
        -webkit-transform: rotateX(10deg);
        transform: rotateX(10deg);
        opacity: 1
    }

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

@-moz-keyframes hingeBottom {
    0% {
        -moz-transform: rotateX(-85deg);
        transform: rotateX(-85deg);
        -moz-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: .3
    }

    40% {
        -moz-transform: rotateX(25deg);
        transform: rotateX(25deg);
        opacity: .8
    }

    60% {
        -moz-transform: rotateX(-25deg);
        transform: rotateX(-25deg);
        opacity: .9
    }

    80% {
        -moz-transform: rotateX(10deg);
        transform: rotateX(10deg);
        opacity: 1
    }

    100% {
        -moz-transform: rotateX(0);
        transform: rotateX(0);
        -moz-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
}

@-o-keyframes hingeBottom {
    0% {
        transform: rotateX(-85deg);
        -o-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: .3
    }

    40% {
        transform: rotateX(25deg);
        opacity: .8
    }

    60% {
        transform: rotateX(-25deg);
        opacity: .9
    }

    80% {
        transform: rotateX(10deg);
        opacity: 1
    }

    100% {
        transform: rotateX(0);
        -o-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
}

@keyframes hingeBottom {
    0% {
        -webkit-transform: rotateX(-85deg);
        -moz-transform: rotateX(-85deg);
        transform: rotateX(-85deg);
        -webkit-transform-origin: 100% 100%;
        -moz-transform-origin: 100% 100%;
        -o-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: .3
    }

    40% {
        -webkit-transform: rotateX(25deg);
        -moz-transform: rotateX(25deg);
        transform: rotateX(25deg);
        opacity: .8
    }

    60% {
        -webkit-transform: rotateX(-25deg);
        -moz-transform: rotateX(-25deg);
        transform: rotateX(-25deg);
        opacity: .9
    }

    80% {
        -webkit-transform: rotateX(10deg);
        -moz-transform: rotateX(10deg);
        transform: rotateX(10deg);
        opacity: 1
    }

    100% {
        -webkit-transform: rotateX(0);
        -moz-transform: rotateX(0);
        transform: rotateX(0);
        -webkit-transform-origin: 100% 100%;
        -moz-transform-origin: 100% 100%;
        -o-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
}

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

@-webkit-keyframes hingeLeft {
    0% {
        -webkit-transform: rotateY(-85deg);
        transform: rotateY(-85deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: .3
    }

    40% {
        -webkit-transform: rotateY(25deg);
        transform: rotateY(25deg);
        opacity: .8
    }

    60% {
        -webkit-transform: rotateY(-25deg);
        transform: rotateY(-25deg);
        opacity: .9
    }

    80% {
        -webkit-transform: rotateY(10deg);
        transform: rotateY(10deg);
        opacity: 1
    }

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

@-moz-keyframes hingeLeft {
    0% {
        -moz-transform: rotateY(-85deg);
        transform: rotateY(-85deg);
        -moz-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: .3
    }

    40% {
        -moz-transform: rotateY(25deg);
        transform: rotateY(25deg);
        opacity: .8
    }

    60% {
        -moz-transform: rotateY(-25deg);
        transform: rotateY(-25deg);
        opacity: .9
    }

    80% {
        -moz-transform: rotateY(10deg);
        transform: rotateY(10deg);
        opacity: 1
    }

    100% {
        -moz-transform: rotateY(0);
        transform: rotateY(0);
        -moz-transform-origin: 0 100%;
        transform-origin: 0 100%
    }
}

@-o-keyframes hingeLeft {
    0% {
        transform: rotateY(-85deg);
        -o-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: .3
    }

    40% {
        transform: rotateY(25deg);
        opacity: .8
    }

    60% {
        transform: rotateY(-25deg);
        opacity: .9
    }

    80% {
        transform: rotateY(10deg);
        opacity: 1
    }

    100% {
        transform: rotateY(0);
        -o-transform-origin: 0 100%;
        transform-origin: 0 100%
    }
}

@keyframes hingeLeft {
    0% {
        -webkit-transform: rotateY(-85deg);
        -moz-transform: rotateY(-85deg);
        transform: rotateY(-85deg);
        -webkit-transform-origin: 0 100%;
        -moz-transform-origin: 0 100%;
        -o-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: .3
    }

    40% {
        -webkit-transform: rotateY(25deg);
        -moz-transform: rotateY(25deg);
        transform: rotateY(25deg);
        opacity: .8
    }

    60% {
        -webkit-transform: rotateY(-25deg);
        -moz-transform: rotateY(-25deg);
        transform: rotateY(-25deg);
        opacity: .9
    }

    80% {
        -webkit-transform: rotateY(10deg);
        -moz-transform: rotateY(10deg);
        transform: rotateY(10deg);
        opacity: 1
    }

    100% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: 0 100%;
        -moz-transform-origin: 0 100%;
        -o-transform-origin: 0 100%;
        transform-origin: 0 100%
    }
}

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

@-webkit-keyframes hingeRight {
    0% {
        -webkit-transform: rotateY(-85deg);
        transform: rotateY(-85deg);
        -o-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: .3
    }

    40% {
        -webkit-transform: rotateY(25deg);
        transform: rotateY(25deg);
        opacity: .8
    }

    60% {
        -webkit-transform: rotateY(-25deg);
        transform: rotateY(-25deg);
        opacity: .9
    }

    80% {
        -webkit-transform: rotateY(10deg);
        transform: rotateY(10deg);
        opacity: 1
    }

    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -o-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
}

@-moz-keyframes hingeRight {
    0% {
        -moz-transform: rotateY(-85deg);
        transform: rotateY(-85deg);
        -o-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: .3
    }

    40% {
        -moz-transform: rotateY(25deg);
        transform: rotateY(25deg);
        opacity: .8
    }

    60% {
        -moz-transform: rotateY(-25deg);
        transform: rotateY(-25deg);
        opacity: .9
    }

    80% {
        -moz-transform: rotateY(10deg);
        transform: rotateY(10deg);
        opacity: 1
    }

    100% {
        -moz-transform: rotateY(0);
        transform: rotateY(0);
        -o-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
}

@-o-keyframes hingeRight {
    0% {
        transform: rotateY(-85deg);
        -o-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: .3
    }

    40% {
        transform: rotateY(25deg);
        opacity: .8
    }

    60% {
        transform: rotateY(-25deg);
        opacity: .9
    }

    80% {
        transform: rotateY(10deg);
        opacity: 1
    }

    100% {
        transform: rotateY(0);
        -o-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
}

@keyframes hingeRight {
    0% {
        -webkit-transform: rotateY(-85deg);
        -moz-transform: rotateY(-85deg);
        transform: rotateY(-85deg);
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -o-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: .3
    }

    40% {
        -webkit-transform: rotateY(25deg);
        -moz-transform: rotateY(25deg);
        transform: rotateY(25deg);
        opacity: .8
    }

    60% {
        -webkit-transform: rotateY(-25deg);
        -moz-transform: rotateY(-25deg);
        transform: rotateY(-25deg);
        opacity: .9
    }

    80% {
        -webkit-transform: rotateY(10deg);
        -moz-transform: rotateY(10deg);
        transform: rotateY(10deg);
        opacity: 1
    }

    100% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -o-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
}

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

html * {
    -moz-osx-font-smoothing: grayscale
}

.frst-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 15px
}

.icv__img,.nav>li>a>img {
    max-width: none
}

.frst-container::after {
    content: '';
    display: table;
    clear: both
}

.frst-timeline {
    position: relative
}

.frst-right-align {
    text-align: right
}

.frst-timeline-block {
    position: relative;
    min-height: 16px
}

.frst-timeline-block::before {
    content: "";
    position: absolute;
    height: 100%;
    left: 0;
    top: 0
}

.frst-timeline-block:last-child::before {
    display: none
}

.frst-right-align .frst-timeline-block::before {
    right: 0;
    left: auto!important;
    margin-left: 0!important
}

.frst-timeline-block::after {
    content: "";
    display: table;
    clear: both
}

.frst-timeline-img {
    position: absolute;
    min-width: 1px;
    min-height: 1px;
    left: 0;
    top: 0
}

.frst-timeline-img i {
    display: block
}

.frst-right-align .frst-timeline-img {
    margin-left: 0!important;
    left: auto!important;
    right: 0
}

.frst-last-empty-item .frst-timeline-img span {
    vertical-align: top
}

.frst-timeline-content-inner {
    position: relative
}

.frst-date {
    display: block
}

.cssanimations .frst-timeline-content.is-hidden {
    visibility: hidden
}

.cssanimations .frst-timeline-content.animated {
    visibility: visible
}

.frst-labels span {
    display: inline-block
}

.frst-labels {
    padding: 20px 0
}

.frst-labels.frst-start-label {
    padding-top: 0!important
}

.frst-labels.frst-end-label {
    margin-bottom: 0!important
}

.turqoise {
    background: #00A79D!important
}

.light-blue {
    background: #27AAE2!important
}

.blue {
    background: #1D75BD!important
}

.violette {
    background: #2B3991!important
}

.dark-violette {
    background: #272264!important
}

@media only screen and (min-width: 679px) {
    .frst-date-opposite,.frst-left-align.frst-date-opposite {
        margin-left:190px
    }

    .frst-right-align.frst-date-opposite {
        margin-right: 190px;
        margin-left: 0;
        text-align: right
    }

    .frst-date-opposite.frst-alternate {
        margin: 0
    }

    .frst-timeline.frst-alternate.frst-left-align .frst-timeline-content,.frst-timeline.frst-alternate.frst-right-align .frst-timeline-content,.frst-timeline.frst-date-opposite.frst-left-align .frst-timeline-content,.frst-timeline.frst-date-opposite.frst-right-align .frst-timeline-content {
        width: 100%
    }

    .frst-alternate .frst-timeline-block::before {
        left: 50%
    }

    .frst-alternate .frst-timeline-img {
        left: 50%!important
    }

    .frst-alternate .frst-timeline-block.frst-even-item .frst-timeline-content {
        float: right
    }

    .frst-alternate .frst-timeline-block.frst-odd-item .frst-timeline-content {
        float: left
    }

    .frst-date-opposite .frst-date {
        position: absolute;
        top: 0;
        text-align: right
    }

    .frst-alternate .frst-timeline-block.frst-odd-item .frst-timeline-content,.frst-alternate.frst-date-opposite .frst-timeline-block.frst-even-item .frst-date,.frst-date-opposite.frst-left-align .frst-date,.frst-right-align {
        text-align: right
    }

    .frst-alternate.frst-date-opposite .frst-timeline-block.frst-odd-item .frst-timeline-content .frst-date,.frst-date-opposite.frst-right-align .frst-date {
        text-align: left
    }

    .frst-alternate .frst-timeline-label-block {
        text-align: center
    }

    .frst-alternate .frst-timeline-label-block .frst-labels span {
        left: 0;
        right: 0
    }
}

@media only screen and (max-width: 678px) {
    .frst-timeline {
        margin-left:20px
    }

    .frst-timeline.frst-responsive-right,.frst-timeline.frst-right-align {
        margin-right: 20px;
        margin-left: 0
    }

    .frst-responsive-right .frst-timeline-block::before,.frst-responsive-right .frst-timeline-img {
        margin-left: 0!important;
        left: auto!important;
        right: 0
    }

    .frst-responsive-right {
        text-align: right
    }

    .frst-date {
        margin-bottom: 10px
    }
}

.icv {
    position: relative;
    overflow: hidden;
    cursor: row-resize
}

.icv__icv--vertical {
    cursor: row-resize
}

.icv__icv--horizontal {
    cursor: col-resize
}

.icv__img {
    pointer-events: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    margin: 0!important;
    padding: 0!important;
    border: 0!important;
    border-radius: 0!important;
    top: 0;
    display: block
}

.icv__is--fluid .icv__img {
    display: none
}

.icv__img-a {
    height: auto;
    position: static;
    z-index: 1;
    left: 0
}

.icv__img-b {
    height: 100%;
    position: absolute;
    z-index: 2;
    left: auto;
    right: 0;
    width: auto
}

.icv__icv--vertical .icv__img-b {
    width: 100%;
    height: auto
}

.icv__imposter,.icv__wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.icv__imposter {
    z-index: 4;
    left: 0
}

.icv__wrapper {
    right: 0;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    z-index: 3
}

.icv__icv--vertical .icv__wrapper,.icv__is--fluid .icv__wrapper {
    width: 100%!important
}

.icv__icv--horizontal .icv__wrapper,.icv__is--fluid .icv__wrapper {
    height: 100%!important
}

.icv__control,.icv__fluidwrapper {
    height: 100%;
    position: absolute;
    top: 0
}

.icv__fluidwrapper {
    background-size: cover;
    background-position: center;
    left: 0;
    width: 100%
}

.icv__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 5
}

.icv__icv--vertical .icv__control {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    left: 0;
    width: 100%
}

.icv__control-line {
    height: 50%;
    width: 2px;
    z-index: 6
}

.icv__icv--vertical .icv__control-line {
    width: 50%
}

.icv__theme-wrapper {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    -webkit-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s;
    z-index: 5
}

.icv__icv--vertical .icv__theme-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.icv__arrow-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s
}

.icv__arrow-a {
    -webkit-transform: scale(1.5) rotateZ(180deg);
    transform: scale(1.5) rotateZ(180deg);
    height: 20px;
    width: 20px;
    -webkit-filter: drop-shadow(0 3px 5px rgba(0,0,0,.33));
    filter: drop-shadow(0 -3px 5px rgba(0, 0, 0, .33))
}

.icv__arrow-b {
    -webkit-transform: scale(1.5) rotateZ(0);
    transform: scale(1.5) rotateZ(0);
    height: 20px;
    width: 20px;
    -webkit-filter: drop-shadow(0 3px 5px rgba(0,0,0,.33));
    filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .33))
}

.icv__circle {
    width: 50px;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 999px
}

.icv__label {
    position: absolute;
    bottom: 1rem;
    z-index: 12;
    background: rgba(0,0,0,.33);
    color: #fff;
    border-radius: 3px;
    padding: .5rem .75rem;
    font-size: .85rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.btn,.icv__body,.powermail_submit,.slick-slider {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.icv__label.vertical {
    bottom: auto;
    left: 1rem
}

.icv__label.on-hover {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .25s cubic-bezier(.68,.26,.58,1.22);
    transition: .25s cubic-bezier(.68,.26,.58,1.22)
}

.icv:hover .icv__label.on-hover {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.icv__label-before {
    left: 1rem
}

.icv__label-after {
    right: 1rem
}

.icv__label-before.vertical {
    top: 1rem
}

.icv__label-after.vertical {
    bottom: 1rem;
    right: auto
}

.icv__body {
    user-select: none
}

.color-item {
    display: table;
    margin-bottom: 15px
}

.color-details,.color-holder {
    display: table-cell;
    vertical-align: middle
}

.color-holder {
    width: 100px;
    height: 100px;
    border: 1px solid #000
}

.color-details {
    padding: 0 0 0 20px
}

.color-details span {
    display: block;
    font-weight: 700
}

#header-styleguide .status {
    position: relative
}

#header-styleguide .status:after {
    font-family: FontAwesome;
    content: "\f0c8";
    padding-right: 10px;
    position: absolute;
    right: 0;
    top: 5px
}

#header-styleguide .status.status--open:after {
    color: red
}

#header-styleguide .status.status--progress:after {
    color: #FC0
}

#header-styleguide .status.status--testing:after {
    color: #9F6
}

#header-styleguide .status.status--done:after {
    color: #0C0
}

.leadin-styleguide {
    margin: 20px 0
}

.leadin-styleguide .status:before {
    font-family: FontAwesome;
    content: "\f0c8";
    padding-right: 10px
}

.leadin-styleguide .status.status--open:before {
    color: red
}

.leadin-styleguide .status.status--progress:before {
    color: #FC0
}

.leadin-styleguide .status.status--testing:before {
    color: #9F6
}

.leadin-styleguide .status.status--done:before {
    color: #0C0
}

.leadin-styleguide .integration {
    display: block;
    font-size: 36px
}

.leadin-styleguide .integration:before {
    font-family: FontAwesome;
    padding-right: 10px;
    color: #000
}

.leadin-styleguide .integration.integration--check:before {
    content: "\f14a"
}

.leadin-styleguide .integration.integration--pending:before {
    content: "\f096"
}

.leadin-headline-styleguide {
    font-size: 36px
}

.block-styleguide {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #000;
    margin: 0 0 50px;
    padding: 15px
}

.block-styleguide .status:before {
    font-family: FontAwesome;
    content: "\f0c8";
    padding-right: 10px
}

.block-styleguide .status.status--open:before {
    color: red
}

.block-styleguide .status.status--progress:before {
    color: #FC0
}

.block-styleguide .status.status--testing:before {
    color: #9F6
}

.block-styleguide .status.status--done:before {
    color: #0C0
}

.block-styleguide .integration {
    display: block;
    font-size: 36px
}

.block-styleguide .integration:before {
    font-family: FontAwesome;
    padding-right: 10px;
    color: #000
}

.block-styleguide .integration.integration--check:before {
    content: "\f14a"
}

.block-styleguide .integration.integration--pending:before {
    content: "\f096"
}

.block--no-use {
    opacity: .5
}

.block-heading-wrapper-styleguide {
    margin: 0 0 15px;
    border-bottom: 1px solid #000
}

@media (max-width: 768px) {
    .block-heading-wrapper-styleguide p {
        display:none
    }
}

.block-heading-styleguide {
    font-size: 30px;
    display: block;
    padding: 0 0 10px
}

.block-content-styleguide {
    width: 100%;
    float: left
}

#header-styleguide .dropdown-menu>li>a {
    padding: 3px 35px 3px 20px
}

#header-styleguide .navbar-nav>li>a {
    padding: 15px
}

pre {
    border: 1px solid #ccc
}

.breadcrumb,code {
    border-radius: 4px
}

code {
    padding: 2px 4px;
    color: #c7254e;
    background-color: #f9f2f4
}

.white {
    background: #FFF
}

.black {
    background: #000
}

.black-k1 {
    background: #262626
}

.black-k2 {
    background: #333
}

.black-k3 {
    background: #666
}

.black-k4 {
    background: #999
}

.black-k5 {
    background: #CCC
}

.black-k6 {
    background: #E5E5E5
}

.black-k7 {
    background: #F5F5F5
}

.red-r1 {
    background: #b7422f
}

.red-r2 {
    background: #c56859
}

.red-r3 {
    background: #d48e82
}

.red-r4 {
    background: #e2b3ac
}

.red-r5 {
    background: #f1d9d5
}

.red-r6 {
    background: #f8ecea
}

@font-face {
    font-family: open_sansregular;
    src: url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/bruckner-digital/portal/fonts/opensans_regular/OpenSans-Regular.eot);
    src: url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/bruckner-digital/portal/fonts/opensans_regular/OpenSans-Regular.eot) format("embedded-opentype"),url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/bruckner-digital/portal/fonts/opensans_regular/OpenSans-Regular.ttf) format("truetype"),url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/bruckner-digital/portal/fonts/opensans_regular/OpenSans-Regular.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: open_sanslight;
    src: url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/bruckner-digital/portal/fonts/opensans_light/OpenSans-Light.eot);
    src: url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/bruckner-digital/portal/fonts/opensans_light/OpenSans-Light.eot) format("embedded-opentype"),url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/bruckner-digital/portal/fonts/opensans_light/OpenSans-Light.woff) format("woff"),url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/bruckner-digital/portal/fonts/opensans_light/OpenSans-Light.ttf) format("truetype"),url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/bruckner-digital/portal/fonts/opensans_light/OpenSans-Light.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: open_sansitalic;
    src: url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/bruckner-digital/portal/fonts/opensans_italic/OpenSans-Italic.eot);
    src: url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/bruckner-digital/portal/fonts/opensans_italic/OpenSans-Italic.eot) format("embedded-opentype"),url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/bruckner-digital/portal/fonts/opensans_italic/OpenSans-Italic.woff) format("woff"),url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/bruckner-digital/portal/fonts/opensans_italic/OpenSans-Italic.ttf) format("truetype"),url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/bruckner-digital/portal/fonts/opensans_italic/OpenSans-Italic.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: open_sansbold;
    src: url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/bruckner-digital/portal/fonts/opensans_bold/OpenSans-Bold.eot);
    src: url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/bruckner-digital/portal/fonts/opensans_bold/OpenSans-Bold.eot) format("embedded-opentype"),url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/bruckner-digital/portal/fonts/opensans_bold/OpenSans-Bold.woff) format("woff"),url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/bruckner-digital/portal/fonts/opensans_bold/OpenSans-Bold.ttf) format("truetype"),url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/bruckner-digital/portal/fonts/opensans_bold/OpenSans-Bold.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

.breadcrumb {
    list-style: none
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    content: "/ ";
    padding: 0 5px;
    color: #ccc
}

.color-wrapper:after,.color-wrapper:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.cookie-policy-inner:after,.cookie-policy-inner:before,.row:after,.row:before,.site-tools-container:after,.site-tools-container:before,.site-tools-wrapper:after,.site-tools-wrapper:before {
    content: " ";
    display: table
}

.breadcrumb>.active,.navbar-default .navbar-brand {
    color: #777
}

.container,.cookie-policy-inner,.site-tools-container,.site-tools-wrapper {
    margin-right: auto;
    margin-left: auto;
    padding-left: 9px;
    padding-right: 9px
}

.container:after,.cookie-policy-inner:after,.site-tools-container:after,.site-tools-wrapper:after {
    clear: both
}

@media (min-width: 768px) {
    .container,.cookie-policy-inner,.site-tools-container,.site-tools-wrapper {
        width:738px
    }
}

@media (min-width: 992px) {
    .container,.cookie-policy-inner,.site-tools-container,.site-tools-wrapper {
        width:958px
    }
}

@media (min-width: 1200px) {
    .container,.cookie-policy-inner,.site-tools-container,.site-tools-wrapper {
        width:1158px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 9px;
    padding-right: 9px
}

.container-fluid:after {
    clear: both
}

.color-wrapper,.row {
    margin-left: -9px;
    margin-right: -9px
}

.color-wrapper:after,.row:after {
    clear: both
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.color-item {
    position: relative;
    min-height: 1px;
    padding-left: 9px;
    padding-right: 9px
}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    float: left
}

.col-xs-1 {
    width: 8.3333333333%
}

.col-xs-2 {
    width: 16.6666666667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.3333333333%
}

.col-xs-5 {
    width: 41.6666666667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.3333333333%
}

.col-xs-8 {
    width: 66.6666666667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.3333333333%
}

.col-xs-11 {
    width: 91.6666666667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.3333333333%
}

.col-xs-pull-2 {
    right: 16.6666666667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.3333333333%
}

.col-xs-pull-5 {
    right: 41.6666666667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.3333333333%
}

.col-xs-pull-8 {
    right: 66.6666666667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.3333333333%
}

.col-xs-pull-11 {
    right: 91.6666666667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.3333333333%
}

.col-xs-push-2 {
    left: 16.6666666667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.3333333333%
}

.col-xs-push-5 {
    left: 41.6666666667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.3333333333%
}

.col-xs-push-8 {
    left: 66.6666666667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.3333333333%
}

.col-xs-push-11 {
    left: 91.6666666667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.3333333333%
}

.col-xs-offset-2 {
    margin-left: 16.6666666667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.3333333333%
}

.col-xs-offset-5 {
    margin-left: 41.6666666667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.3333333333%
}

.col-xs-offset-8 {
    margin-left: 66.6666666667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.3333333333%
}

.col-xs-offset-11 {
    margin-left: 91.6666666667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width: 768px) {
    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
        float:left
    }

    .col-sm-1 {
        width: 8.3333333333%
    }

    .col-sm-2 {
        width: 16.6666666667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.3333333333%
    }

    .col-sm-5 {
        width: 41.6666666667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.3333333333%
    }

    .col-sm-8 {
        width: 66.6666666667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.3333333333%
    }

    .col-sm-11 {
        width: 91.6666666667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.3333333333%
    }

    .col-sm-pull-2 {
        right: 16.6666666667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.3333333333%
    }

    .col-sm-pull-5 {
        right: 41.6666666667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.3333333333%
    }

    .col-sm-pull-8 {
        right: 66.6666666667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.3333333333%
    }

    .col-sm-pull-11 {
        right: 91.6666666667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.3333333333%
    }

    .col-sm-push-2 {
        left: 16.6666666667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.3333333333%
    }

    .col-sm-push-5 {
        left: 41.6666666667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.3333333333%
    }

    .col-sm-push-8 {
        left: 66.6666666667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.3333333333%
    }

    .col-sm-push-11 {
        left: 91.6666666667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-sm-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-sm-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-sm-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-sm-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 992px) {
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.color-item {
        float:left
    }

    .col-md-1 {
        width: 8.3333333333%
    }

    .col-md-2 {
        width: 16.6666666667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4,.color-item {
        width: 33.3333333333%
    }

    .col-md-5 {
        width: 41.6666666667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.3333333333%
    }

    .col-md-8 {
        width: 66.6666666667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.3333333333%
    }

    .col-md-11 {
        width: 91.6666666667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.3333333333%
    }

    .col-md-pull-2 {
        right: 16.6666666667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.3333333333%
    }

    .col-md-pull-5 {
        right: 41.6666666667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.3333333333%
    }

    .col-md-pull-8 {
        right: 66.6666666667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.3333333333%
    }

    .col-md-pull-11 {
        right: 91.6666666667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.3333333333%
    }

    .col-md-push-2 {
        left: 16.6666666667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.3333333333%
    }

    .col-md-push-5 {
        left: 41.6666666667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.3333333333%
    }

    .col-md-push-8 {
        left: 66.6666666667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.3333333333%
    }

    .col-md-push-11 {
        left: 91.6666666667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-md-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-md-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-md-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-md-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 1200px) {
    .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
        float:left
    }

    .col-lg-1 {
        width: 8.3333333333%
    }

    .col-lg-2 {
        width: 16.6666666667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.3333333333%
    }

    .col-lg-5 {
        width: 41.6666666667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.3333333333%
    }

    .col-lg-8 {
        width: 66.6666666667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.3333333333%
    }

    .col-lg-11 {
        width: 91.6666666667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.3333333333%
    }

    .col-lg-pull-2 {
        right: 16.6666666667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.3333333333%
    }

    .col-lg-pull-5 {
        right: 41.6666666667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.3333333333%
    }

    .col-lg-pull-8 {
        right: 66.6666666667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.3333333333%
    }

    .col-lg-pull-11 {
        right: 91.6666666667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.3333333333%
    }

    .col-lg-push-2 {
        left: 16.6666666667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.3333333333%
    }

    .col-lg-push-5 {
        left: 41.6666666667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.3333333333%
    }

    .col-lg-push-8 {
        left: 66.6666666667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.3333333333%
    }

    .col-lg-push-11 {
        left: 91.6666666667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-lg-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-lg-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-lg-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-lg-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 27px
}

label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

input[type=checkbox],input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal
}

.form-control,output {
    font-size: 16px;
    line-height: 1.7;
    color: #555;
    display: block
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],select[size] {
    height: auto
}

input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

output {
    padding-top: 7px
}

.form-control {
    width: 100%;
    height: 41px;
    padding: 6px 12px;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled],fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control {
        line-height:41px
    }

    .input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm {
        line-height: 33px
    }

    .input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg {
        line-height: 49px
    }
}

.checkbox,.radio {
    position: relative;
    display: block
}

.checkbox label,.radio label {
    min-height: 27px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px\9
}

.checkbox+.checkbox,.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio label,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 43px
}

.form-control-static.input-lg,.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}

.form-group-sm .form-control,.input-sm {
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 14px
}

.input-sm {
    height: 33px;
    line-height: 1.5
}

select.input-sm {
    height: 33px;
    line-height: 33px
}

select[multiple].input-sm,textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 33px;
    line-height: 1.5
}

.form-group-sm select.form-control {
    height: 33px;
    line-height: 33px
}

.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 33px;
    min-height: 41px;
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.5
}

.input-lg {
    height: 49px;
    padding: 10px 16px;
    font-size: 20px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height: 49px;
    line-height: 49px
}

select[multiple].input-lg,textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 49px;
    padding: 10px 16px;
    font-size: 20px;
    line-height: 1.3333333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 49px;
    line-height: 49px
}

.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 49px;
    min-height: 47px;
    padding: 11px 16px;
    font-size: 20px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 51.25px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 41px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    pointer-events: none
}

.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback {
    width: 49px;
    height: 49px;
    line-height: 49px
}

.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback {
    width: 33px;
    height: 33px;
    line-height: 33px
}

.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label~.form-control-feedback {
    top: 32px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width: 768px) {
    .form-inline .form-control,.form-inline .form-control-static,.form-inline .form-group {
        display:inline-block
    }

    .form-inline .checkbox,.form-inline .control-label,.form-inline .form-group,.form-inline .radio {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        width: auto;
        vertical-align: middle
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .checkbox,.form-inline .radio {
        display: inline-block;
        margin-top: 0
    }

    .form-inline .checkbox label,.form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }

    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .form-group:after,.form-horizontal .form-group:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before {
    display: table;
    content: " "
}

.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header,.cookie-policy-inner>.navbar-collapse,.cookie-policy-inner>.navbar-header,.form-horizontal .form-group,.site-tools-container>.navbar-collapse,.site-tools-container>.navbar-header,.site-tools-wrapper>.navbar-collapse,.site-tools-wrapper>.navbar-header {
    margin-right: -9px;
    margin-left: -9px
}

.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .checkbox,.form-horizontal .radio {
    min-height: 34px
}

.form-horizontal .form-group:after {
    clear: both
}

.navbar,.table,hr,table.contenttable {
    margin-bottom: 27px
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 9px
}

.navbar {
    position: relative;
    min-height: 50px;
    border: 1px solid transparent
}

.navbar:after {
    clear: both
}

.navbar-header:after {
    clear: both
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 9px;
    padding-left: 9px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse:after {
    clear: both
}

.navbar-collapse.in {
    overflow-y: auto
}

.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

@media (max-device-width: 480px) and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
        max-height:200px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top:11px;
        font-size: 20px
    }

    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 14px
    }

    .navbar {
        border-radius: 4px
    }

    .navbar-header {
        float: left
    }

    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }

    .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header,.cookie-policy-inner>.navbar-collapse,.cookie-policy-inner>.navbar-header,.site-tools-container>.navbar-collapse,.site-tools-container>.navbar-header,.site-tools-wrapper>.navbar-collapse,.site-tools-wrapper>.navbar-header {
        margin-right: 0;
        margin-left: 0
    }

    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

.navbar-fixed-bottom,.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 11.5px 9px;
    font-size: 20px;
    line-height: 27px;
    height: 50px
}

.navbar-brand:focus,.navbar-brand:hover {
    text-decoration: none
}

.navbar-brand>img {
    display: block
}

@media (min-width: 768px) {
    .navbar-fixed-bottom,.navbar-fixed-top {
        border-radius:0
    }

    .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand,.navbar>.cookie-policy-inner .navbar-brand,.navbar>.site-tools-container .navbar-brand,.navbar>.site-tools-wrapper .navbar-brand {
        margin-left: -9px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 9px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

.navbar-nav {
    margin: 5.75px -9px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 27px
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position:static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 27px
    }

    .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none
    }
}

@media (min-width: 768px) {
    .navbar-toggle {
        display:none
    }

    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 11.5px;
        padding-bottom: 11.5px
    }
}

.navbar-form {
    padding: 10px 9px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    margin: 4.5px -9px
}

@media (min-width: 768px) {
    .navbar-form .form-control,.navbar-form .form-control-static,.navbar-form .form-group {
        display:inline-block
    }

    .navbar-form .checkbox,.navbar-form .control-label,.navbar-form .form-group,.navbar-form .radio {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        width: auto;
        vertical-align: middle
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn {
        width: auto
    }

    .navbar-form .input-group>.form-control {
        width: 100%
    }

    .navbar-form .checkbox,.navbar-form .radio {
        display: inline-block;
        margin-top: 0
    }

    .navbar-form .checkbox label,.navbar-form .radio label {
        padding-left: 0
    }

    .navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }

    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom:5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-radius: 4px 4px 0 0
}

.navbar-btn {
    margin-top: 4.5px;
    margin-bottom: 4.5px
}

.navbar-btn.btn-sm {
    margin-top: 8.5px;
    margin-bottom: 8.5px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 11.5px;
    margin-bottom: 11.5px
}

@media (min-width: 768px) {
    .navbar-text {
        float:left;
        margin-left: 9px;
        margin-right: 9px
    }

    .navbar-left {
        float: left!important
    }

    .navbar-right {
        float: right!important;
        margin-right: -9px
    }

    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    background-color: #e7e7e7;
    color: #555
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color:#777
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:focus,.navbar-default .btn-link:hover {
    color: #333
}

.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #090909
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d
}

.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #090909
}

.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #090909;
    color: #fff
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color:#090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #fff;
        background-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #9d9d9d
}

.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover {
    color: #444
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

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

.nav>li,.nav>li>a {
    display: block;
    position: relative
}

.nav:after {
    clear: both
}

.nav>li>a {
    padding: 10px 15px
}

.nav>li>a:focus,.nav>li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:focus,.nav>li.disabled>a:hover {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
    background-color: #eee;
    border-color: #337ab7
}

.nav .nav-divider {
    height: 1px;
    margin: 12.5px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.language .select2 .select2-selection,.nav-tabs>li>a,.slick-vertical .slick-slide {
    border: 1px solid transparent
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.7;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 4px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #337ab7
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified,.nav-tabs.nav-justified {
    width: 100%
}

.nav-justified>li,.nav-tabs.nav-justified>li {
    float: none
}

.nav-justified>li>a,.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

.nav-tabs-justified,.nav-tabs.nav-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-justified>li,.nav-tabs.nav-justified>li {
        display:table-cell;
        width: 1%
    }

    .nav-justified>li>a,.nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }

    .nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown-header,.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    line-height: 1.7
}

.dropdown,.dropup {
    position: relative
}

.dropdown-menu {
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 12.5px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    clear: both;
    font-weight: 400;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    color: #777
}

.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.img-thumbnail,body {
    background-color: #fff
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-header {
    font-size: 14px;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9;
    content: ""
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

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

html {
    font-size: 10px
}

a {
    color: #337ab7;
    text-decoration: none
}

a:focus,a:hover {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.7;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    height: auto
}

hr {
    margin-top: 27px;
    border: 0;
    border-top: 1px solid #eee
}

[role=button] {
    cursor: pointer
}

table {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table,table.contenttable {
    width: 100%
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th,table.contenttable>tbody>tr>td,table.contenttable>tbody>tr>th,table.contenttable>tfoot>tr>td,table.contenttable>tfoot>tr>th,table.contenttable>thead>tr>td,table.contenttable>thead>tr>th {
    padding: 8px;
    line-height: 1.7;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th,table.contenttable>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th,table.contenttable>caption+thead>tr:first-child>td,table.contenttable>caption+thead>tr:first-child>th,table.contenttable>colgroup+thead>tr:first-child>td,table.contenttable>colgroup+thead>tr:first-child>th,table.contenttable>thead:first-child>tr:first-child>td,table.contenttable>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody,table.contenttable>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table,.table table.contenttable,table.contenttable .table,table.contenttable table.contenttable {
    background-color: #fff
}

.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd),table.contenttable>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active,table.contenttable>tbody>tr.active>td,table.contenttable>tbody>tr.active>th,table.contenttable>tbody>tr>td.active,table.contenttable>tbody>tr>th.active,table.contenttable>tfoot>tr.active>td,table.contenttable>tfoot>tr.active>th,table.contenttable>tfoot>tr>td.active,table.contenttable>tfoot>tr>th.active,table.contenttable>thead>tr.active>td,table.contenttable>thead>tr.active>th,table.contenttable>thead>tr>td.active,table.contenttable>thead>tr>th.active {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-],table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success,table.contenttable>tbody>tr.success>td,table.contenttable>tbody>tr.success>th,table.contenttable>tbody>tr>td.success,table.contenttable>tbody>tr>th.success,table.contenttable>tfoot>tr.success>td,table.contenttable>tfoot>tr.success>th,table.contenttable>tfoot>tr>td.success,table.contenttable>tfoot>tr>th.success,table.contenttable>thead>tr.success>td,table.contenttable>thead>tr.success>th,table.contenttable>thead>tr>td.success,table.contenttable>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info,table.contenttable>tbody>tr.info>td,table.contenttable>tbody>tr.info>th,table.contenttable>tbody>tr>td.info,table.contenttable>tbody>tr>th.info,table.contenttable>tfoot>tr.info>td,table.contenttable>tfoot>tr.info>th,table.contenttable>tfoot>tr>td.info,table.contenttable>tfoot>tr>th.info,table.contenttable>thead>tr.info>td,table.contenttable>thead>tr.info>th,table.contenttable>thead>tr>td.info,table.contenttable>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning,table.contenttable>tbody>tr.warning>td,table.contenttable>tbody>tr.warning>th,table.contenttable>tbody>tr>td.warning,table.contenttable>tbody>tr>th.warning,table.contenttable>tfoot>tr.warning>td,table.contenttable>tfoot>tr.warning>th,table.contenttable>tfoot>tr>td.warning,table.contenttable>tfoot>tr>th.warning,table.contenttable>thead>tr.warning>td,table.contenttable>thead>tr.warning>th,table.contenttable>thead>tr>td.warning,table.contenttable>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger,table.contenttable>tbody>tr.danger>td,table.contenttable>tbody>tr.danger>th,table.contenttable>tbody>tr>td.danger,table.contenttable>tbody>tr>th.danger,table.contenttable>tfoot>tr.danger>td,table.contenttable>tfoot>tr.danger>th,table.contenttable>tfoot>tr>td.danger,table.contenttable>tfoot>tr>th.danger,table.contenttable>thead>tr.danger>td,table.contenttable>thead>tr.danger>th,table.contenttable>thead>tr>td.danger,table.contenttable>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width:100%;
        margin-bottom: 20.25px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table,.table-responsive>table.contenttable {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th,.table-responsive>table.contenttable>tbody>tr>td,.table-responsive>table.contenttable>tbody>tr>th,.table-responsive>table.contenttable>tfoot>tr>td,.table-responsive>table.contenttable>tfoot>tr>th,.table-responsive>table.contenttable>thead>tr>td,.table-responsive>table.contenttable>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: inherit;
    font-weight: 500;
    color: inherit
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h1,.h2,.h3,h1,h2,h3 {
    margin-top: 27px;
    margin-bottom: 13.5px
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
    font-size: 65%
}

.h4,.h5,.h6,h4,h5,h6 {
    margin-top: 13.5px;
    margin-bottom: 13.5px
}

.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-size: 75%
}

.h1,h1 {
    font-size: 41px
}

.h2,h2 {
    font-size: 34px
}

.h3,.modal-title,h3 {
    font-size: 28px
}

.h4,h4 {
    font-size: 20px
}

.h5,h5 {
    font-size: 16px
}

.h6,h6 {
    font-size: 14px
}

.lead {
    margin-bottom: 27px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right:0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }

    .lead {
        font-size: 24px
    }
}

.small,small {
    font-size: 87%
}

.mark,mark {
    background-color: #fcf8e3;
    padding: .2em
}

.list-inline,.list-unstyled {
    padding-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.initialism,.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:focus,a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:focus,a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:focus,a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:focus,a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:focus,a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

a.bg-primary:focus,a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:focus,a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:focus,a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:focus,a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:focus,a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 12.5px;
    margin: 54px 0 27px;
    border-bottom: 1px solid #eee
}

dl,ol,ul {
    margin-top: 0
}

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

address,dl {
    margin-bottom: 27px
}

ol,ul {
    margin-bottom: 13.5px
}

.list-inline {
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dd,dt {
    line-height: 1.7
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

.dl-horizontal dd:after,.dl-horizontal dd:before {
    content: " ";
    display: table
}

.dl-horizontal dd:after {
    clear: both
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float:left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title],abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%
}

blockquote {
    padding: 13.5px 27px;
    margin: 0 0 27px
}

blockquote .small,blockquote footer,blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.7;
    color: #777
}

blockquote .small:before,blockquote footer:before,blockquote small:before {
    content: "— "
}

.blockquote-reverse,blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right
}

.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before {
    content: ""
}

.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after {
    content: " —"
}

address {
    line-height: 1.7
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height,visibility;
    transition-property: height,visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

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

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.hidden,.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
    display: none!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.frst-timeline-style-8,mark {
    color: #000
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

@media (max-width: 767px) {
    .visible-xs {
        display:block!important
    }

    table.visible-xs {
        display: table!important
    }

    tr.visible-xs {
        display: table-row!important
    }

    td.visible-xs,th.visible-xs {
        display: table-cell!important
    }

    .visible-xs-block {
        display: block!important
    }

    .visible-xs-inline {
        display: inline!important
    }

    .visible-xs-inline-block {
        display: inline-block!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm {
        display:block!important
    }

    table.visible-sm {
        display: table!important
    }

    tr.visible-sm {
        display: table-row!important
    }

    td.visible-sm,th.visible-sm {
        display: table-cell!important
    }

    .visible-sm-block {
        display: block!important
    }

    .visible-sm-inline {
        display: inline!important
    }

    .visible-sm-inline-block {
        display: inline-block!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md {
        display:block!important
    }

    table.visible-md {
        display: table!important
    }

    tr.visible-md {
        display: table-row!important
    }

    td.visible-md,th.visible-md {
        display: table-cell!important
    }

    .visible-md-block {
        display: block!important
    }

    .visible-md-inline {
        display: inline!important
    }

    .visible-md-inline-block {
        display: inline-block!important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display:block!important
    }

    table.visible-lg {
        display: table!important
    }

    tr.visible-lg {
        display: table-row!important
    }

    td.visible-lg,th.visible-lg {
        display: table-cell!important
    }

    .visible-lg-block {
        display: block!important
    }

    .visible-lg-inline {
        display: inline!important
    }

    .visible-lg-inline-block {
        display: inline-block!important
    }

    .hidden-lg {
        display: none!important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display:none!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .hidden-sm {
        display:none!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .hidden-md {
        display:none!important
    }
}

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: block!important
    }

    table.visible-print {
        display: table!important
    }

    tr.visible-print {
        display: table-row!important
    }

    td.visible-print,th.visible-print {
        display: table-cell!important
    }
}

.visible-print-block {
    display: none!important
}

@media print {
    .visible-print-block {
        display: block!important
    }
}

.visible-print-inline {
    display: none!important
}

@media print {
    .visible-print-inline {
        display: inline!important
    }
}

.visible-print-inline-block {
    display: none!important
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }

    .hidden-print {
        display: none!important
    }
}

.slick-list,.slick-slider,.slick-track {
    display: block;
    position: relative
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    left: 0;
    top: 0
}

.slick-track:after,.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.frst-timeline-style-8 .frst-timeline-block::before {
    width: 3px;
    margin-left: -2px;
    background: #E5E5E5;
    top: 12px
}

.frst-timeline-style-8.frst-right-align .frst-timeline-block::before {
    margin-right: -2px
}

.frst-timeline-block {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

@media only screen and (max-width: 678px) {
    .frst-timeline-block {
        padding-left:40px
    }
}

.frst-timeline-style-8 .frst-timeline-img {
    padding: 0;
    margin-left: 0;
    top: 50%;
    width: 70px;
    height: 70px;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    line-height: 70px;
    background: #b7422f;
    border-radius: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media only screen and (max-width: 678px) {
    .frst-timeline-style-8 .frst-timeline-img {
        width:50px;
        height: 50px;
        line-height: 50px;
        font-size: 18px
    }
}

.frst-timeline-style-8 .frst-timeline-img i {
    display: block
}

.frst-timeline-style-8.frst-right-align .frst-timeline-img {
    margin-right: -21px
}

.frst-timeline-style-8 .frst-timeline-content {
    color: #777;
    background: #F5F5F5
}

.frst-timeline-style-8 .frst-date {
    color: #FFF;
    background-color: #b7422f;
    font-size: 20px
}

.frst-timeline-style-8 h2 {
    margin: 0 0 8px;
    font-weight: 800;
    color: #b7422f;
    font-size: 20px
}

.frst-timeline-style-8 p {
    margin: 0;
    color: #333;
    line-height: 1.3
}

.frst-timeline-style-8 .frst-timeline-label-block {
    padding-top: 0;
    height: 60px;
    position: relative
}

.frst-timeline-style-8 .frst-labels span {
    position: relative;
    background: 0 0;
    color: #b7422f;
    font-weight: 800;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-transform: uppercase;
    text-align: center;
    font-size: 17px;
    line-height: 17px;
    padding: 0
}

.frst-timeline-style-8 .frst-labels span:before {
    content: "";
    display: inline-block;
    margin-right: 7px;
    vertical-align: bottom;
    background-color: #b7422f;
    width: 15px;
    height: 15px;
    border-radius: 50%
}

.frst-labels.frst-start-label {
    position: absolute;
    display: inline-block;
    padding-bottom: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-8px,-50%);
    -ms-transform: translate(-8px,-50%);
    -o-transform: translate(-8px,-50%);
    transform: translate(-8px,-50%)
}

@media only screen and (max-width: 678px) {
    .frst-labels.frst-start-label {
        left:0
    }
}

.frst-timeline-style-8.frst-right-align .frst-labels span {
    left: auto;
    right: -47px
}

.frst-timeline-style-8.frst-left-align .frst-labels span {
    right: auto;
    left: -47px
}

.frst-timeline-style-8 .frst-timeline-content-inner {
    border: 2px solid #F5F5F5;
    padding: 25px 20px 15px;
    position: relative;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: left
}

.frst-timeline-style-8 .frst-timeline-content-inner .media-section {
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px
}

.frst-timeline-style-8 .frst-timeline-content-inner .media-section img {
    width: 100%;
    height: auto
}

.frst-timeline-style-8 .frst-timeline-content-inner::after,.frst-timeline-style-8 .frst-timeline-content-inner::before {
    content: "";
    border-style: solid;
    border-color: transparent;
    position: absolute
}

.frst-timeline-style-8 .frst-timeline-content-inner::before {
    border-width: 28px 28px 28px 0;
    border-right-color: #F5F5F5;
    left: 0;
    top: 50%;
    -webkit-transform: translate(-100%,-50%);
    -ms-transform: translate(-100%,-50%);
    -o-transform: translate(-100%,-50%);
    transform: translate(-100%,-50%)
}

@media only screen and (max-width: 678px) {
    .frst-timeline-style-8 .frst-timeline-content-inner::before {
        border-width:14px 14px 14px 0
    }
}

.frst-timeline-style-8.frst-right-align .frst-timeline-content-inner::before {
    border-width: 10px 0 10px 11px;
    border-left-color: #F5F5F5;
    left: auto;
    right: -11px
}

.frst-timeline-style-8.frst-right-align .frst-timeline-content-inner::after {
    border-width: 8px 0 8px 9px;
    border-left-color: #fff;
    right: -8px;
    left: auto
}

@media only screen and (min-width: 679px) {
    .frst-date-opposite,.frst-left-align.frst-date-opposite {
        margin-left:203px
    }

    .frst-right-align.frst-date-opposite {
        margin-right: 203px;
        margin-left: 0
    }

    .frst-timeline-style-8.frst-alternate .frst-timeline-content,.frst-timeline-style-8.frst-date-opposite .frst-timeline-content {
        width: calc(50% - 80px)
    }

    .frst-timeline-style-8.frst-date-opposite .frst-date {
        left: -248px;
        line-height: 32px;
        width: 160px
    }

    .frst-timeline-style-8.frst-date-opposite.frst-alternate .frst-timeline-block.frst-odd-item .frst-date,.frst-timeline-style-8.frst-date-opposite.frst-right-align .frst-date {
        right: -248px;
        left: auto;
        text-align: left
    }

    .frst-timeline-style-8.frst-right-align .frst-date {
        left: auto;
        right: 0
    }

    .frst-timeline-style-8.frst-alternate .frst-odd-item .frst-timeline-content-inner::before {
        border-width: 28px 0 28px 28px;
        border-left-color: #F5F5F5;
        left: auto;
        right: 0;
        -webkit-transform: translate(100%,-50%);
        -ms-transform: translate(100%,-50%);
        -o-transform: translate(100%,-50%);
        transform: translate(100%,-50%)
    }
}

@media only screen and (max-width: 678px) {
    .frst-timeline-style-8.frst-responsive-right .frst-labels span {
        left:auto;
        right: -47px
    }

    .frst-timeline-style-8.frst-responsive-right .frst-timeline-block::before {
        margin-right: -2px
    }

    .frst-timeline-style-8.frst-responsive-right .frst-timeline-img {
        margin-right: -21px
    }

    .frst-timeline-style-8.frst-responsive-right .frst-timeline-content-inner::before {
        border-width: 10px 0 10px 11px;
        border-left-color: #F5F5F5;
        left: auto;
        right: -11px
    }

    .frst-timeline-style-8.frst-responsive-right .frst-timeline-content-inner::after {
        border-width: 8px 0 8px 9px;
        border-left-color: #fff;
        right: -8px;
        left: auto
    }
}

.frst-link-wrapper {
    text-align: center;
    margin: 25px -20px 0;
    padding: 10px 10px 0;
    border-top: 1px solid #E5E5E5
}

.frst-link-wrapper a {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px
}

.company-info address,.popover,button,select {
    text-transform: none
}

.frst-timeline-block.frst-timeline-label-block:first-child .frst-labels.frst-start-label {
    top: 0;
    -webkit-transform: translate(-8px,0);
    -ms-transform: translate(-8px,0);
    -o-transform: translate(-8px,0);
    transform: translate(-8px,0)
}

.frst-timeline-block.frst-timeline-label-block:last-child:after {
    content: "";
    width: 3px;
    background: #E5E5E5;
    position: absolute;
    height: 50%;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    z-index: 1
}

.position-relative,sub,sup {
    position: relative
}

@media only screen and (max-width: 678px) {
    .frst-timeline-block.frst-timeline-label-block:last-child:after {
        left:0
    }
}

.frst-timeline-block.frst-timeline-label-block:last-child .frst-labels.frst-start-label {
    z-index: 2
}

.frst-timeline-content {
    visibility: hidden
}

.frst-timeline-content.animated {
    visibility: visible
}

@media (min-width: 768px) {
    .push--bottom {
        margin-bottom:70px
    }

    .push--top {
        margin-top: 70px
    }
}

@media (max-width: 767px) {
    .push--bottom {
        margin-bottom:30px
    }
}

.push--bottom-small {
    margin-bottom: 30px
}

.push--bottom-medium {
    margin-bottom: 45px
}

@media (max-width: 767px) {
    .push--top {
        margin-top:30px
    }
}

.push--top-small {
    margin-top: 30px
}

.push--top-medium {
    margin-top: 45px
}

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

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

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

.no-padding {
    padding: 0
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

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

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

.sr-only,img,legend {
    border: 0
}

b,strong {
    font-weight: 400;
    font-family: open_sansbold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em
}

mark {
    background: #ff0
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    vertical-align: middle
}

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

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

pre,textarea {
    overflow: auto
}

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

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

body,legend {
    font-family: open_sansregular,Arial,sans-serif
}

body,p {
    line-height: 1.7
}

button {
    overflow: visible
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

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

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

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

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

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

fieldset {
    min-width: 0;
    margin: 0 2px
}

optgroup {
    font-weight: 700
}

.alert-title:before,.datepicker-dropdown.dropdown-menu table thead tr:nth-child(2) .datepicker-switch,body {
    font-weight: 400
}

td,th {
    padding: 0
}

body {
    margin: 0;
    font-size: 16px;
    color: #333;
    padding: 0;
    height: 100%
}

p {
    margin: 0 0 15px
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

address {
    font-style: normal;
    text-transform: uppercase
}

figure {
    margin: 0
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0)
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.alert {
    padding: 20px;
    margin-bottom: 15px
}

.alert-title {
    position: relative;
    display: block;
    font-size: 15px;
    font-family: open_sansbold;
    padding-left: 40px;
    margin-bottom: 10px
}

.alert-title:before {
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.alert-text {
    display: block;
    font-size: 15px
}

.alert--success {
    background-color: #E4F1DF;
    border: 1px solid #6BA84F
}

.alert--success .alert-title:before {
    content: "\f058";
    color: #6BA84F
}

.alert--info {
    background-color: #DBEAF7;
    border: 1px solid #6FA8DC
}

.alert--info .alert-title:before {
    content: "\f05a";
    color: #6FA8DC
}

.alert--warning {
    background-color: #FCF0CC;
    border: 1px solid #F1C233
}

.alert--warning .alert-title:before {
    content: "\f071";
    color: #F1C233
}

.alert--error {
    background-color: #F8D9D9;
    border: 1px solid #E06666
}

.alert--error .alert-title:before {
    content: "\f057";
    color: #E06666
}

.alert--neutral {
    background-color: #E6E6E6;
    border: 1px solid #666
}

.alert--neutral .alert-title:before {
    content: "\f058";
    color: #666
}

a:active,a:hover,a:link,a:visited,blockquote {
    color: #b7422f
}

.anchor-icon {
    text-decoration: none
}

.anchor-icon:hover,.cookie-policy-wrapper a {
    text-decoration: underline
}

.anchor-icon:before {
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 5px
}

.icon--sample:before {
    content: "\f061"
}

a:not([href]) {
    color: #333
}

a:not([href]):focus,a:not([href]):hover {
    color: #333;
    text-decoration: none
}

blockquote {
    margin-left: 30px;
    padding-left: 20px;
    border-left: 5px solid #b7422f;
    font-size: 16px
}

.breadcrumbs {
    border-top: 1px solid #E5E5E5
}

.breadcrumb {
    background-color: transparent;
    padding: 0;
    margin-top: 25px;
    margin-bottom: 25px
}

.breadcrumb li {
    font-size: 12px
}

.breadcrumb li.active {
    color: #666
}

.breadcrumb li:before {
    padding: 0
}

.btn,.powermail_submit {
    display: inline-block;
    vertical-align: middle;
    user-select: none;
    touch-action: manipulation;
    cursor: pointer;
    outline: 0;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    text-transform: uppercase
}

.btn:focus,.btn:hover,.powermail_submit:focus,.powermail_submit:hover {
    text-decoration: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1),0 0 6px #b7422f;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1),0 0 6px #b7422f
}

.btn[disabled],[disabled].powermail_submit {
    opacity: .5;
    pointer-events: none
}

.btn--default,.powermail_submit,.tx-powermail .btn-group .btn,.tx-powermail .btn-group .powermail_submit {
    border-radius: 0;
    background: #b7422f;
    color: #FFF;
    font-family: open_sansbold;
    border: 2px solid #b7422f
}

.btn--default:focus,.btn--default:hover,.powermail_submit:focus,.powermail_submit:hover,.tx-powermail .btn-group .btn:focus,.tx-powermail .btn-group .btn:hover,.tx-powermail .btn-group .powermail_submit:focus,.tx-powermail .btn-group .powermail_submit:hover {
    background: #FFF;
    color: #b7422f
}

.btn--default:active,.powermail_submit:active,.tx-powermail .btn-group .btn:active,.tx-powermail .btn-group .powermail_submit:active {
    background: #b7422f;
    color: #FFF;
    -webkit-box-shadow: inset 0 2px 5px 0 rgba(0,0,0,.35);
    -moz-box-shadow: inset 0 2px 5px 0 rgba(0,0,0,.35);
    box-shadow: inset 0 2px 5px 0 rgba(0,0,0,.35)
}

.btn--inverse:active,.site-tools a:active {
    -webkit-box-shadow: inset 0 2px 5px 0 rgba(0,0,0,.35);
    -moz-box-shadow: inset 0 2px 5px 0 rgba(0,0,0,.35)
}

.btn--default.btn--icon i,.btn--icon.powermail_submit i,.tx-powermail .btn-group .btn--icon.btn i,.tx-powermail .btn-group .btn--icon.powermail_submit i {
    border-right: 1px solid #FFF
}

.btn--default.btn--icon:focus i,.btn--default.btn--icon:hover i,.btn--icon.powermail_submit:focus i,.btn--icon.powermail_submit:hover i,.tx-powermail .btn-group .btn--icon.btn:focus i,.tx-powermail .btn-group .btn--icon.btn:hover i {
    border-right: 1px solid #b7422f
}

.btn--default.btn--icon:active i,.btn--icon.powermail_submit:active i,.tx-powermail .btn-group .btn--icon.btn:active i {
    border-right: 1px solid #FFF
}

.btn--default:disabled,.powermail_submit:disabled,.tx-powermail .btn-group .btn:disabled,.tx-powermail .btn-group .powermail_submit:disabled {
    opacity: 1;
    background-color: #CCC;
    border: 2px solid #CCC
}

.btn--inverse,.datepicker td,.datepicker th {
    border-radius: 0
}

.btn--inverse {
    background: #FFF;
    color: #b7422f;
    font-family: open_sansbold;
    border: 2px solid #b7422f
}

.btn--inverse:focus,.btn--inverse:hover {
    background: #b7422f;
    color: #FFF
}

.btn--cookie-policy:before,.popover-close:before {
    content: "\f00d";
    color: #000
}

.btn--inverse:active {
    box-shadow: inset 0 2px 5px 0 rgba(0,0,0,.35)
}

.btn--inverse.btn--icon i {
    border-right: 1px solid #b7422f
}

.btn--inverse.btn--icon:focus i,.btn--inverse.btn--icon:hover i {
    border-right: 1px solid #FFF
}

.btn--icon i {
    font-size: 16px;
    float: left
}

.btn--icon span {
    position: relative;
    font-family: open_sansbold
}

.btn--cookie-policy:before {
    font-family: FontAwesome
}

.btn--lg {
    padding: 5px 30px;
    font-size: 26px
}

.btn--lg.btn--icon i {
    padding: 23px
}

.btn--lg.btn--icon span {
    padding: 0 25px;
    top: 8px
}

.btn--md {
    padding: 8px 35px;
    font-size: 19px
}

.btn--md.btn--icon i {
    padding: 19px
}

.btn--md.btn--icon span {
    padding: 0 25px;
    top: 11px
}

.btn--sm,.powermail_submit,.tx-powermail .btn-group .btn,.tx-powermail .btn-group .powermail_submit {
    padding: 5px 45px;
    font-size: 14px
}

.btn--icon.powermail_submit i,.btn--sm.btn--icon i,.tx-powermail .btn-group .btn--icon.btn i,.tx-powermail .btn-group .btn--icon.powermail_submit i {
    padding: 10px 12px
}

.btn--icon.powermail_submit span,.btn--sm.btn--icon span,.tx-powermail .btn-group .btn--icon.btn span,.tx-powermail .btn-group .btn--icon.powermail_submit span {
    padding: 0 25px;
    top: 6px
}

.btn--icon {
    padding: 0
}

.btn-right {
    float: right
}

.btn--sample-icon:before {
    font-family: FontAwesome;
    content: "\f00c";
    padding-right: 5px
}

.tx-powermail .btn-group {
    margin: 0 2px 20px
}

.tx-powermail .btn-group .btn,.tx-powermail .btn-group .powermail_submit {
    margin-right: 10px
}

.tx-powermail .btn-group .btn-primary.powermail_submit,.tx-powermail .btn-group .btn.btn-primary {
    background-color: #FFF;
    color: #b7422f
}

.tx-powermail .btn-group .btn:last-child,.tx-powermail .btn-group .powermail_submit:last-child {
    margin-right: 0
}

@media (max-width: 767px) {
    .tx-powermail .btn-group .btn,.tx-powermail .btn-group .powermail_submit {
        display:block;
        margin-right: 0;
        margin-bottom: 10px;
        width: 100%
    }

    .tx-powermail .btn-group .btn:last-child,.tx-powermail .btn-group .powermail_submit:last-child {
        margin-bottom: 0
    }
}

.checkbox,.form-group {
    margin-bottom: 20px
}

.checkbox input[type=checkbox] {
    display: none
}

.checkbox {
    margin-top: 20px
}

.checkbox label {
    padding-left: 30px;
    font-size: 14px;
    line-height: 28px;
    color: #666
}

.checkbox input[type=checkbox]+label {
    background: url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/fileadmin/template/images/icons/checkbox-unchecked.png) left center no-repeat;
    background-size: 20px 20px
}

.checkbox input[type=checkbox]:checked+label {
    background: url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/fileadmin/template/images/icons/checkbox-checked.png) left center no-repeat;
    background-size: 20px 20px
}

#wrapper {
    background-color: #FFF;
    padding-top: 260px
}

@media (max-width: 991px) {
    #wrapper {
        padding-top:160px
    }
}

.breadcrumbs,.container-full-width,.donation-element,.header-wrapper,.notification-wrapper {
    width: 100%;
    position: relative
}

.container--wide {
    width: 100%;
    max-width: 1980px;
    position: relative;
    margin: 0 auto;
    padding: 0
}

.container-negative-top {
    position: relative;
    top: -30px
}

.bg--gray {
    background: #ccc
}

.bg--white {
    background: #FFF
}

.container-arrow-left,.container-arrow-right,.container-arrows {
    display: inline-block;
    vertical-align: middle;
    float: none
}

@media (max-width: 991px) {
    .container-arrows {
        display:block;
        margin: 20px auto 0
    }

    .container-arrow-left,.container-arrow-right {
        position: fixed;
        top: 50%
    }

    .container-arrow-left {
        left: -5px
    }

    .container-arrow-right {
        right: 5px
    }
}

.datepicker-dropdown.dropdown-menu {
    transform: translate(0,20px);
    padding: 0
}

@media (min-width: 1200px) {
    .datepicker-dropdown.dropdown-menu {
        transform:translate(42%,20px)
    }
}

.datepicker-dropdown.dropdown-menu table thead tr:nth-child(2) {
    background-color: #b7422f;
    color: #FFF
}

.datepicker-dropdown.dropdown-menu table thead tr:nth-child(2) .prev {
    border-right: 1px solid #FFF;
    font-size: 13px
}

.datepicker-dropdown.dropdown-menu table thead tr:nth-child(2) .next {
    border-left: 1px solid #FFF;
    font-size: 13px
}

.datepicker-dropdown.dropdown-menu table thead tr:nth-child(3) {
    color: #999;
    padding: 16px 8px
}

.js-datepicker {
    background: url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/fileadmin/template/images/icons/calendar.png) right 9px center no-repeat;
    background-size: 25px 25px
}

.datepicker .datepicker-switch {
    color: #FFF
}

.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover {
    background: #b7422f
}

.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
    padding: 9px
}

.table-condensed>tbody>tr>td {
    padding: 4px 8px
}

.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover {
    background-image: none;
    background-color: #b7422f
}

.datepicker table tr td.active.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active:active,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active:hover:active,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active[disabled] {
    background-color: #b7422f
}

.datepicker-dropdown.datepicker-orient-right:before {
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #b7422f;
    border-bottom-color: #b7422f;
    right: 50%;
    transform: translate(50%,0);
    top: -11px
}

.datepicker-dropdown.datepicker-orient-right:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #b7422f;
    right: 50%;
    transform: translate(50%,0);
    top: -11px
}

fieldset {
    padding: 60px 20px 20px;
    border: 1px solid #E5E5E5;
    position: relative
}

legend {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 20px;
    color: #FFF;
    font-size: 19px;
    background-color: #b7422f;
    line-height: 1
}

.form-group label.required:after,.label.required:after {
    content: "*";
    padding-left: 4px
}

.error-message {
    display: none
}

.has-error .error-message {
    margin-top: 5px;
    display: block;
    color: #b7422f
}

.form-group .form-control,.input-area,.input-text {
    border-radius: 0
}

.form-group .form-control:focus,.input-area:focus,.input-text:focus {
    border-color: #999;
    outline: 0;
    -webkit-box-shadow: inset 0 0 17px -8px #000;
    -moz-box-shadow: inset 0 0 17px -8px #000;
    box-shadow: inset 0 0 17px -8px #000
}

.form-group [readonly].form-control:focus,[readonly].input-area:focus,[readonly].input-text:focus {
    box-shadow: none
}

.form-group .form-control::-moz-placeholder,.input-area::-moz-placeholder,.input-text::-moz-placeholder {
    color: #ccc;
    opacity: 1
}

.form-group .form-control:-ms-input-placeholder,.input-area:-ms-input-placeholder,.input-text:-ms-input-placeholder {
    color: #ccc
}

.form-group .form-control::-webkit-input-placeholder,.input-area::-webkit-input-placeholder,.input-text::-webkit-input-placeholder {
    color: #ccc
}

.form-group [disabled].form-control,.form-group [readonly].form-control,[disabled].input-area,[disabled].input-text,[readonly].input-area,[readonly].input-text {
    opacity: .7;
    background: #FFF;
    pointer-events: none
}

.form-group .form-control::-ms-clear,.input-area::-ms-clear,.input-text::-ms-clear {
    display: none
}

.form-group label {
    color: #666;
    margin-bottom: 3px
}

.form-group label.required:after {
    color: red;
    font-size: 10px;
    vertical-align: text-top
}

.form-group label i {
    color: #999
}

.icon-label i {
    margin-left: 8px
}

.error-message i {
    margin-right: 8px
}

.form-title {
    font-family: open_sansbold;
    display: block;
    margin-bottom: 20px;
    font-size: 20px
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    margin: 0;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    line-height: 1.3
}

.article-item,.editor-output .h1,.editor-output h1,.hero-content-text .h1,.hero-content-text h1 {
    margin-bottom: 30px
}

.h1,.h2,h1,h2 {
    font-family: open_sanslight;
    font-weight: lighter;
    word-break: break-word
}

.h3,.h4,h3,h4 {
    font-family: open_sansregular;
    font-weight: 400
}

.h5,.h6,h5,h6 {
    font-family: open_sansbold
}

.h1,.h2,.h3,.h4,.h5,.h6 {
    display: block
}

.editor-output .h2,.editor-output h2,.hero-content-text .h2,.hero-content-text h2 {
    margin-bottom: 20px
}

.editor-output .h3,.editor-output .h4,.editor-output .h5,.editor-output h3,.editor-output h4,.editor-output h5,.hero-content-text .h3,.hero-content-text .h4,.hero-content-text .h5,.hero-content-text h3,.hero-content-text h4,.hero-content-text h5 {
    margin-bottom: 15px
}

.h1,h1 {
    color: #b7422f
}

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

@media screen and (min-width: 320px) {
    .h1,h1 {
        font-size:34px;
        line-height: 1.3
    }
}

@media screen and (min-width: 768px) {
    .h1,h1 {
        font-size:45px;
        line-height: 1.3
    }
}

@media screen and (min-width: 992px) {
    .h1,h1 {
        font-size:45px;
        line-height: 1.3
    }
}

@media screen and (min-width: 320px) {
    .h2,h2 {
        font-size:30px;
        line-height: 1.3
    }
}

@media screen and (min-width: 768px) {
    .h2,h2 {
        font-size:40px;
        line-height: 1.3
    }
}

@media screen and (min-width: 992px) {
    .h2,h2 {
        font-size:40px;
        line-height: 1.3
    }
}

@media screen and (min-width: 320px) {
    .h3,h3 {
        font-size:22px;
        line-height: 1.3
    }
}

@media screen and (min-width: 768px) {
    .h3,h3 {
        font-size:30px;
        line-height: 1.3
    }
}

@media screen and (min-width: 992px) {
    .h3,h3 {
        font-size:30px;
        line-height: 1.3
    }
}

@media screen and (min-width: 320px) {
    .h4,h4 {
        font-size:20px;
        line-height: 1.3
    }
}

@media screen and (min-width: 768px) {
    .h4,h4 {
        font-size:25px;
        line-height: 1.3
    }
}

@media screen and (min-width: 992px) {
    .h4,h4 {
        font-size:25px;
        line-height: 1.3
    }
}

@media screen and (min-width: 320px) {
    .h5,h5 {
        font-size:18px;
        line-height: 1.3
    }
}

@media screen and (min-width: 768px) {
    .h5,h5 {
        font-size:20px;
        line-height: 1.3
    }
}

@media screen and (min-width: 992px) {
    .h5,h5 {
        font-size:20px;
        line-height: 1.3
    }

    .h6,h6 {
        font-size: 17px;
        line-height: 1.3
    }
}

@media screen and (min-width: 320px) {
    .h6,h6 {
        font-size:17px;
        line-height: 1.3
    }
}

@media screen and (min-width: 768px) {
    .h6,h6 {
        font-size:17px;
        line-height: 1.3
    }
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden
}

.embed-responsive-item {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden
}

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

.embed-responsive--16by9 {
    padding-bottom: 56.25%
}

.embed-responsive--4by3 {
    padding-bottom: 75%
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

.label {
    display: inline-block;
    max-width: 100%;
    font-weight: 700;
    cursor: pointer
}

.label.required:after {
    color: red
}

.donation-form,.editor-output>ol,.hero-content-text>ol {
    padding-left: 60px
}

.label--element {
    margin-bottom: 5px
}

.has-error .label {
    color: red
}

.editor-output ul li,.editor-output ul li ul,.hero-content-text ul li,.hero-content-text ul li ul {
    padding-left: 20px
}

.editor-output ul,.hero-content-text ul {
    list-style: none
}

.editor-output ul li:before,.hero-content-text ul li:before {
    margin-left: -16px;
    content: "\f111";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    font-size: 7px;
    margin-right: 10px;
    color: #b7422f;
    vertical-align: middle
}

.modal-open {
    overflow: hidden
}

.stop-scrolling {
    height: 100%;
    overflow: hidden
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.modal,.modal-backdrop {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0
}

.modal,.select2-results__option,.teaser-slider,.text-slider {
    overflow: hidden
}

.modal-backdrop {
    top: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.in {
    opacity: .5
}

.modal {
    display: none;
    top: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal-dialog,.modal-header {
    position: relative
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

@media (max-width: 767px) {
    .modal-dialog {
        width:auto;
        margin: 10px
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        width:600px;
        margin: 30px auto
    }
}

.modal-header {
    padding: 6px 45px 0 15px;
    height: 45px;
    background: #b7422f
}

.modal-title {
    display: block;
    font-family: open_sansregular,Arial,sans-serif;
    color: #FFF;
    line-height: 1.2
}

.modal-close {
    opacity: .8;
    line-height: 1;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 0
}

.modal-close:before {
    font-family: FontAwesome;
    content: "\f00d";
    cursor: pointer;
    text-align: center;
    display: block;
    color: #FFF;
    font-size: 20px
}

.modal-close:focus,.modal-close:hover {
    text-decoration: none;
    cursor: pointer;
    opacity: 1
}

.modal-content {
    position: relative;
    background-clip: padding-box;
    outline: 0;
    background-color: #FFF;
    border-radius: 0;
    box-shadow: 0 3px 9px rgba(0,0,0,.5)
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: left;
    border-top: 1px solid #00f
}

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

.modal-footer:after {
    clear: both
}

@media (min-width: 768px) {
    .modal--sm {
        width:300px
    }
}

@media (min-width: 992px) {
    .modal--lg {
        width:900px
    }
}

.popover-wrapper {
    display: inline-block;
    position: relative
}

.popover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    padding: 1px;
    font-family: open_sansregular,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.7;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    border-radius: 0;
    background: #FFF;
    max-width: 270px;
    min-width: 270px;
    font-size: 16px;
    border: 1px solid #00f
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    position: relative;
    margin: 0;
    border-radius: 0
}

.popover-close:before {
    font-family: FontAwesome;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    right: 2px;
    top: 0
}

.popover-close:hover {
    text-decoration: none
}

.popover-content {
    padding: 15px
}

.popover-headline {
    font-weight: 700;
    display: block;
    margin-bottom: 10px
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    border-width: 10px;
    content: ""
}

.popover>.arrow,.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.radio-list .radio input[type=radio],.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #00f;
    bottom: -11px
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #00f
}

.popover.left>.arrow:after,.popover.right>.arrow:after {
    content: " ";
    bottom: -10px
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #00f
}

.popover.right>.arrow:after {
    left: 1px;
    border-left-width: 0;
    border-right-color: #00f
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #00f;
    top: -11px
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #00f
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #00f
}

.popover.left>.arrow:after {
    right: 1px;
    border-right-width: 0;
    border-left-color: #00f
}

.radio-list {
    list-style: none;
    padding-left: 0
}

.radio {
    margin-top: 12px;
    margin-bottom: 12px
}

.radio label {
    padding-left: 30px;
    font-size: 14px;
    line-height: 28px;
    color: #666
}

.radio input[type=radio]+label {
    background: url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/fileadmin/template/images/icons/radio-unselected.png) left center no-repeat;
    background-size: 20px 20px
}

.radio input[type=radio]:checked+label {
    background: url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/fileadmin/template/images/icons/radio-selected.png) left center no-repeat;
    background-size: 20px 20px
}

.radio-form-top {
    margin-top: 42px
}

@media (max-width: 991px) {
    .radio-form-top {
        margin:30px 0
    }
}

.select2-container .select2-selection {
    height: 40px;
    border-radius: 0;
    border: 1px solid #CCC
}

.select2-container .select2-selection .select2-selection__rendered {
    line-height: 38px
}

span.select2-selection.select2-selection--single {
    outline: 0
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #E5E5E5;
    color: #333
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 11px;
    padding-right: 40px
}

.select2-results__option {
    padding: 2px 11px;
    text-overflow: ellipsis
}

.select2-container--open .select2-dropdown--above {
    -webkit-box-shadow: 0 -3px 15px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 -3px 15px 2px rgba(0,0,0,.1);
    box-shadow: 0 -3px 15px 2px rgba(0,0,0,.1)
}

.select2-container--open .select2-dropdown--below {
    -webkit-box-shadow: 0 3px 15px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 3px 15px 2px rgba(0,0,0,.1);
    box-shadow: 0 3px 15px 2px rgba(0,0,0,.1)
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 217px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 40px;
    height: 40px;
    top: 0;
    background-color: #b7422f
}

.select2-container--default .select2-selection--single .select2-selection__arrow:before {
    content: "\f0d7";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #FFF;
    font-size: 19px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translate(0,-50%)
}

.gallery-item .item-overlay .inner,.panel-heading a:before {
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%)
}

table.contenttable {
    margin-bottom: 50px;
    border: 1px solid #E5E5E5
}

table.contenttable tbody tr td,table.contenttable thead tr th {
    border-top: 0;
    padding: 8px 20px;
    font-size: 14px
}

table.contenttable caption {
    padding: 8px 20px;
    color: #FFF;
    background-color: #b7422f;
    text-transform: uppercase
}

table.contenttable tbody tr:nth-of-type(odd),table.contenttable thead tr {
    background-color: #FFF
}

table.contenttable thead tr th {
    font-family: open_sansbold;
    border-bottom: 1px solid #E5E5E5
}

table.contenttable tbody tr:nth-of-type(even) {
    background-color: #f8ecea
}

.has-error .input-area,.has-error .input-text {
    border-color: red
}

table.contenttable tbody tr td.icon {
    font-size: 20px
}

table.contenttable tbody tr td.center {
    text-align: center
}

.panel-body table.contenttable {
    margin-bottom: 10px
}

.input-area {
    max-width: 100%;
    width: 100%;
    padding: 10px;
    resize: none
}

.input-text {
    padding: 0 10px;
    height: 40px
}

.has-error input[type=text],.has-error textarea {
    border: 2px solid #b7422f
}

.panel.panel-default {
    margin-bottom: 5px
}

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

.panel-heading {
    background: #b7422f
}

.panel-heading h6 {
    font-family: open_sansregular;
    color: #FFF
}

.panel-heading a {
    position: relative;
    display: block;
    padding: 15px 45px 15px 15px;
    color: #FFF;
    font-weight: 400;
    text-decoration: none
}

.panel-heading a:before {
    position: absolute;
    content: "\f107";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #FFF;
    font-size: 22px;
    top: 50%;
    transform: translate(0,-50%);
    right: 20px
}

.panel-heading a.collapsed:before {
    content: "\f104"
}

.panel-body {
    display: block;
    background-color: #F5F5F5;
    border-bottom: 15px solid #FFF;
    padding: 20px 25px;
    font-size: 14px
}

.ticket-info,.ticket-purchase-btn {
    display: table-cell;
    width: 50%;
    vertical-align: bottom
}

.ticket-info {
    padding-right: 10px
}

.ticket-purchase-btn {
    padding-left: 10px
}

.article-item img {
    width: 100%
}

.article-item .category {
    font-family: open_sansbold;
    margin-bottom: 6px
}

@media (max-width: 767px) {
    .select2-dropdown {
        min-width:300px!important
    }

    .ticket-info,.ticket-purchase-btn {
        display: block;
        width: 100%
    }

    .ticket-purchase-btn {
        padding-left: 0
    }

    .article-item .category {
        margin-bottom: 3px
    }
}

.article-item .title {
    font-family: open_sansbold;
    line-height: 1.2;
    font-size: 27px;
    margin-bottom: 8px;
    display: inline-block
}

@media (max-width: 991px) {
    .article-item .title {
        font-size:22px
    }
}

@media (max-width: 767px) {
    .article-item .title {
        margin-bottom:0
    }
}

.blog-authors-block {
    padding: 25px 0;
    margin-bottom: 20px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC
}

.blog-authors-block dt {
    font-family: open_sansbold;
    font-size: 17px;
    line-height: 20px;
    width: 90px;
    text-align: left
}

.blog-authors-block dd {
    font-size: 15px;
    margin-left: 100px;
    line-height: 20px
}

@media (max-width: 767px) {
    .blog-authors-block dt {
        width:auto;
        margin-bottom: 10px
    }

    .blog-authors-block dd {
        margin-left: 0
    }
}

.comments-wrapper {
    padding-bottom: 30px;
    margin-bottom: 25px;
    border-bottom: 1px solid #CCC
}

.comments-counter {
    font-family: open_sansbold;
    display: block;
    margin-bottom: 20px;
    font-size: 20px
}

.comments-item {
    display: table;
    margin-bottom: 20px
}

.comments-item:last-child {
    margin-bottom: 0
}

.comments-left {
    display: table-cell;
    vertical-align: top
}

@media (max-width: 767px) {
    .comments-left {
        display:block
    }
}

.comments-right {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    padding-left: 30px
}

@media (max-width: 767px) {
    .comments-right {
        display:block;
        padding-left: 0
    }
}

.comments-letter {
    display: block;
    background-color: #b7422f;
    color: #FFF;
    font-size: 50px;
    font-family: open_sanslight;
    line-height: 70px;
    width: 70px;
    height: 70px;
    text-align: center
}

.comment-text {
    position: relative;
    padding: 20px 30px;
    background-color: #F5F5F5;
    font-size: 15px
}

.comment-text:before {
    right: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(245,245,245,0);
    border-right-color: #F5F5F5;
    border-width: 0 18px 18px 0
}

.ce-above,.ce-textpic,.content-block,.cookie-policy-wrapper {
    width: 100%
}

.comments-data-time-author {
    display: block;
    margin-bottom: 6px
}

@media (min-width: 992px) {
    .content-block {
        display:table
    }
}

.content-block .category-headline {
    font-family: open_sansbold;
    color: #b7422f;
    margin-left: 3px;
    margin-top: -6px;
    display: block
}

.content-block .h1,.content-block .h2,.content-block .h3,.content-block .h4,.content-block .h5,.content-block .h6,.content-block h1,.content-block h2,.content-block h3,.content-block h4,.content-block h5,.content-block h6 {
    margin-bottom: 25px
}

@media (min-width: 992px) {
    .content-block-area {
        display:table-cell;
        vertical-align: top
    }
}

.ce-column,.ce-textpic {
    display: inline-block
}

@media (min-width: 768px) {
    .content-block.blog-overview-text h1 {
        margin-bottom:45px
    }
}

@media (max-width: 767px) {
    .comment-text:before {
        content:none
    }

    .content-block.blog-overview-text h1 {
        margin-bottom: 30px
    }
}

.blog-headline {
    margin-bottom: 25px
}

.blog-headline h1 {
    margin-bottom: 0
}

.blog-headline span {
    font-size: 14px
}

.ce-gallery {
    margin-top: 7px;
    margin-bottom: 15px
}

@media (max-width: 480px) {
    .ce-gallery img {
        width:100%;
        height: auto
    }
}

.ce-left .ce-gallery {
    text-align: left;
    margin-right: 20px
}

@media (max-width: 767px) {
    .ce-left .ce-gallery {
        text-align:center;
        margin-right: 0
    }
}

.ce-center .ce-gallery {
    text-align: center
}

.ce-right .ce-gallery {
    text-align: right;
    margin-left: 20px
}

.ce-left.ce-intext .ce-gallery {
    float: left
}

@media (max-width: 767px) {
    .ce-right .ce-gallery {
        text-align:center;
        margin-left: 0
    }

    .ce-left.ce-intext .ce-gallery {
        float: none
    }
}

.ce-right.ce-intext .ce-gallery {
    float: right
}

@media (max-width: 767px) {
    .ce-right.ce-intext .ce-gallery {
        float:none
    }
}

.ce-left.ce-intext.ce-nowrap .ce-gallery {
    float: left
}

.ce-left.ce-intext.ce-nowrap .ce-bodytext,.ce-left.ce-intext.ce-nowrap .ce-gallery {
    display: table-cell;
    vertical-align: top
}

@media (max-width: 767px) {
    .ce-left.ce-intext.ce-nowrap .ce-gallery {
        float:none
    }

    .ce-left.ce-intext.ce-nowrap .ce-bodytext,.ce-left.ce-intext.ce-nowrap .ce-gallery {
        display: block
    }
}

.ce-right.ce-intext.ce-nowrap .ce-gallery {
    float: right
}

.ce-right.ce-intext.ce-nowrap .ce-bodytext,.ce-right.ce-intext.ce-nowrap .ce-gallery {
    display: table-cell;
    vertical-align: top
}

@media (max-width: 767px) {
    .ce-right.ce-intext.ce-nowrap .ce-gallery {
        float:none
    }

    .ce-right.ce-intext.ce-nowrap .ce-bodytext,.ce-right.ce-intext.ce-nowrap .ce-gallery {
        display: block
    }
}

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

    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes pulse {
    0%,100% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    50% {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }
}

.cookie-policy-wrapper {
    background: #ccc;
    color: #000;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 15px;
    z-index: 1000;
    opacity: .9;
    display: none
}

.cookie-policy-wrapper .btn,.cookie-policy-wrapper .powermail_submit {
    float: right;
    position: absolute;
    right: 15px;
    top: 15px
}

.cookie-policy-wrapper a {
    color: #000
}

.cookie-text {
    float: left;
    margin: 0;
    display: inline-block;
    padding-right: 15px
}

.donation-element {
    display: block!important;
    top: 0;
    bottom: initial!important;
    left: 0
}

.donation-text {
    padding-right: 250px
}

.donation-text .close-button {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 1;
    font-size: 25px
}

.donation-form {
    margin-top: 30px;
    margin-bottom: 30px
}

.donation-form .form-inline .form-group {
    margin-right: 60px;
    vertical-align: bottom
}

@media (max-width: 991px) {
    .donation-text {
        padding-right:100px
    }

    .donation-form {
        margin-bottom: 20px
    }

    .donation-form .form-inline .form-group {
        margin-right: 20px
    }

    .donation-form .form-inline .form-group.donation-btn {
        margin-top: 20px
    }
}

@media (max-width: 767px) {
    .donation-text {
        padding-right:0
    }

    .donation-form {
        padding-left: 0;
        margin-bottom: 10px
    }

    .donation-form .form-inline .form-group {
        margin-right: 0
    }

    .donation-form .form-inline .form-group.donation-btn {
        margin-top: 30px
    }

    .donation-form .form-inline .form-group .select2-container {
        width: 100%
    }
}

.donation-form .form-inline .form-group:last-child {
    margin-right: 0;
    margin-bottom: 0
}

.donation-form .form-inline .form-group label {
    display: block;
    color: #FFF;
    font-size: 12px
}

.donation-form .form-inline .form-group .select2-container {
    border: 1px solid #FFF;
    min-width: 130px
}

.donation-form .form-inline .form-group .select2-container .select2-selection {
    border-color: transparent
}

.donation-form .form-inline .form-group .btn,.donation-form .form-inline .form-group .powermail_submit {
    margin-bottom: -2px;
    font-family: open_sansbold
}

.donation-form .form-inline .form-group .btn i,.donation-form .form-inline .form-group .powermail_submit i {
    padding: 15px 12px
}

.donation-form .form-inline .form-group .btn span,.donation-form .form-inline .form-group .powermail_submit span {
    top: 8px
}

.fact {
    position: relative;
    padding: 0 0 15px 40px;
    margin-bottom: 15px;
    border-bottom: 1px solid #CCC
}

.fact:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.fact:before {
    position: absolute;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 700;
    text-decoration: inherit;
    color: #333;
    font-size: 22px;
    line-height: 25px;
    top: 0;
    left: 0
}

.fact span {
    display: block;
    font-size: 14px
}

.fact .btn span,.fact .powermail_submit span {
    display: inline-block
}

.fact .title {
    font-family: open_sansbold;
    display: block
}

.fact--location:before {
    content: "\f041"
}

.fact--date:before {
    content: "\f133"
}

.fact--time:before,.factbox-small a.time:before {
    content: "\f017"
}

.fact--ticket:before {
    content: "\f145"
}

@media (max-width: 767px) {
    .margin-top {
        margin-top:15px
    }
}

.dropdown {
    position: relative;
    display: inline-block
}

.dropdown-toggle:focus {
    outline: 0
}

.open>.dropdown-menu {
    display: block
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    float: left;
    list-style: none;
    z-index: 100;
    background-clip: padding-box;
    font-size: 16px;
    text-align: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 0;
    background-color: #FFF;
    border-radius: 0;
    border: 1px solid #ccc;
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-menu--right {
    left: auto;
    right: 0
}

.dropdown-link {
    display: block;
    clear: both;
    padding: 3px 5px;
    font-weight: 400;
    white-space: nowrap
}

.dropdown-link:focus,.dropdown-link:hover {
    text-decoration: none;
    color: #FFF;
    background: #00f
}

.content-figure {
    margin-bottom: 15px
}

@media (min-width: 992px) {
    .content-figure {
        width:350px
    }
}

.content-figure img,.content-figure--big {
    width: 100%
}

@media (max-width: 991px) {
    .content-figure {
        width:100%
    }
}

.content-figure figcaption {
    padding: 4px 4px 4px 0;
    font-size: 12px;
    color: #999;
    font-style: italic
}

.figure--left {
    float: left
}

@media (min-width: 992px) {
    .content-figure--half {
        width:50%
    }

    .figure--left {
        margin: 0 30px 5px 0
    }
}

@media (max-width: 991px) {
    .content-figure--half {
        width:100%
    }

    .figure--left {
        margin: 0 0 15px
    }
}

.figure--right {
    float: right
}

@media (min-width: 992px) {
    .figure--right {
        margin:0 0 5px 30px
    }
}

@media (max-width: 991px) {
    .figure--right {
        margin:15px 0 0
    }
}

.figure-caption {
    margin-top: 5px;
    font-style: italic
}

.figure-caption--right {
    text-align: right
}

.ce-textpic figure {
    display: table
}

.ce-textpic figcaption {
    text-align: left;
    font-style: italic;
    font-size: 14px;
    color: #999;
    margin-top: 5px;
    display: table-caption;
    caption-side: bottom
}

.top-footer {
    width: 100%;
    position: relative;
    background-color: #b7422f
}

.footer-link-list {
    list-style: none;
    padding-left: 0;
    margin: 10px 0
}

.footer-link-list li {
    position: relative;
    display: inline-block;
    vertical-align: text-top;
    width: 13%;
    line-height: 1.3;
    text-align: center
}

@media (max-width: 991px) {
    .footer-link-list li {
        width:32%;
        text-align: left
    }
}

@media (max-width: 767px) {
    .footer-link-list {
        margin:20px
    }

    .footer-link-list li {
        width: 100%
    }

    .footer-link-list li:not(:last-child) {
        margin-bottom: 19px
    }
}

.footer-link-list li a {
    display: block;
    color: #FFF;
    font-weight: 700;
    line-height: 1.3;
    padding-left: 33px
}

.footer-link-list li a i {
    margin-left: -33px;
    vertical-align: middle;
    margin-right: 6px;
    font-size: 24px
}

.bottom-footer {
    margin: 20px 0 60px;
    font-size: 12px
}

.footer-link-list-bottom {
    list-style: none;
    padding-left: 0;
    margin: 0
}

.footer-link-list-bottom li {
    display: inline-block;
    position: relative;
    margin: 0 3px
}

.footer-link-list-bottom li:not(:last-child):after {
    position: absolute;
    right: -8px;
    content: "|"
}

.footer-link-list-bottom li.sign:after {
    top: 10px
}

.footer-link-list-bottom li a:active,.footer-link-list-bottom li a:hover,.footer-link-list-bottom li a:link,.footer-link-list-bottom li a:visited {
    color: #333
}

@media (max-width: 767px) {
    .footer-link-list-bottom li {
        display:block;
        width: 100%;
        text-align: center
    }

    .footer-link-list-bottom li:not(:last-child):after {
        content: none
    }

    .footer-copyright {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 10px
    }
}

.footer-copyright:before {
    font-family: FontAwesome;
    content: "\f1f9";
    line-height: 1;
    padding-right: 5px
}

.gallery-wrapper {
    font-size: 0;
    margin-bottom: 30px
}

.gallery-item {
    position: relative;
    display: inline-block;
    width: 25%;
    padding: 1px
}

@media (max-width: 991px) {
    .gallery-item {
        width:33.33%
    }
}

@media (max-width: 767px) {
    .gallery-item {
        width:100%
    }

    .header-form .form-inline .search-select .select2-container .select2-selection .select2-selection__rendered {
        text-indent: -1000px
    }
}

.gallery-item img {
    width: 100%;
    height: auto
}

.gallery-item .item-overlay {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    visibility: hidden;
    font-size: 16px
}

.gallery-item .item-overlay .inner {
    position: absolute;
    text-align: center;
    line-height: 1.5;
    top: 50%;
    left: 0;
    right: 0;
    transform: translate(0,-50%)
}

.gallery-item .item-overlay .inner .title {
    font-family: open_sansbold;
    display: block;
    margin-bottom: 15px
}

.gallery-item:hover .item-overlay {
    visibility: visible;
    height: 100%;
    width: 100%;
    background-color: rgba(183,66,47,.5);
    color: #FFF
}

.lg-outer .lg-thumb {
    margin: 0 auto
}

.letter-filters {
    margin: 16px 0 13px;
    font-size: 0;
    width: 70%
}

.btn-glossary,.glossary-text {
    font-size: 14px;
    line-height: 1
}

@media (max-width: 991px) {
    .letter-filters {
        width:100%
    }
}

.glossary-text {
    margin-bottom: 25px
}

.btn-glossary {
    border: 1px solid #CCC;
    background-color: #F5F5F5;
    height: 40px;
    width: 40px;
    margin: 0 4px 4px 0;
    color: #666
}

.btn-glossary.active {
    border: 2px solid #b7422f;
    font-family: open_sansbold;
    color: #b7422f;
    background-color: #FFF
}

.btn-glossary.disabled {
    opacity: 1;
    background-color: #FFF;
    color: #CCC
}

.gloassary-selected-letter {
    line-height: 1;
    font-family: open_sanslight;
    font-size: 40px;
    display: block;
    border-bottom: 1px solid #CCC;
    padding: 15px 0;
    margin-bottom: 15px
}

.gloassary-result {
    padding-left: 0;
    list-style: none
}

.gloassary-result li {
    position: relative;
    padding-left: 20px;
    font-size: 14px
}

.gloassary-result li:before {
    position: absolute;
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #b7422f;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.header-wrapper {
    z-index: 1;
    position: fixed;
    top: 0
}

.header-wrapper-print {
    display: none
}

.header-logo,.header-logo .logo-title,.header-logo a {
    display: inline-block
}

.header-top {
    padding: 15px 0 0
}

.header-logo a {
    z-index: 10
}

.header-logo a:focus,.header-logo a:hover {
    text-decoration: none
}

.header-logo a img {
    height: 80px;
    width: auto
}

@media (max-width: 991px) {
    .header-top {
        padding-bottom:10px
    }

    .header-logo a img {
        height: 60px;
        margin-left: 20px
    }
}

.header-logo .logo-title {
    vertical-align: bottom;
    font-size: 20px;
    margin: 0 0 29px 20px;
    font-weight: 700;
    color: #b7422f;
    line-height: 1.3;
    z-index: 20
}

@media (max-width: 991px) {
    .header-logo .logo-title {
        display:inline-block;
        font-size: 14px;
        margin: -20px 0 0 50px;
        width: 200px
    }
}

.header-lang-and-login {
    display: inline-block;
    float: right;
    margin-right: 30px
}

#header-menu ul li:last-child,.item-blog .isotope-footer i:last-child {
    margin-right: 0
}

.header-lang-and-login ul {
    padding: 0
}

.header-lang-and-login ul li {
    display: inline-block
}

.header-lang-and-login ul li:not(:first-child) {
    margin-left: 10px
}

.header-lang-and-login a {
    color: #000;
    font-size: 14px;
    font-weight: 700
}

.language .select2 .select2-selection__rendered {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    font-weight: 700
}

.language .select2 .select2-selection__rendered:after {
    margin-left: 5px;
    font-weight: 700;
    content: "\f107";
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    font-size: 16px;
    text-align: center
}

.language .select2 .select2-selection__arrow {
    display: none
}

.language .select2-container--open .select2-selection {
    border-bottom: 1px solid #CCC
}

#header-menu ul {
    list-style: none;
    padding-left: 30px;
    margin-bottom: 0
}

#header-menu ul li {
    position: relative;
    display: inline-block;
    margin-right: 30px
}

#header-menu ul li.selected {
    border-bottom: 2px solid #b7422f
}

#header-menu ul li.selected>a,#header-menu ul li.show-submenu>a {
    color: #b7422f
}

#header-menu ul li.show-submenu .second-level-nav {
    display: block
}

#header-menu ul li a {
    color: #333;
    display: block;
    padding: 0 0 16px
}

#header-menu ul li a:focus,#header-menu ul li a:hover {
    color: #b7422f;
    text-decoration: none
}

#header-menu ul.second-level-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: translate(0,100%);
    -ms-transform: translate(0,100%);
    -o-transform: translate(0,100%);
    transform: translate(0,100%);
    z-index: 10;
    padding: 0;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-top: 2px solid #b7422f;
    box-shadow: 0 3px 10px -3px rgba(0,0,0,.5);
    width: 320px
}

.header-form-container,.sidemenu li a {
    border-top: 1px solid #CCC
}

#header-menu ul.second-level-nav li {
    display: block;
    margin: 0;
    padding: 0
}

#header-menu ul.second-level-nav li a {
    display: block;
    padding: 10px
}

#header-menu ul.second-level-nav li a:focus,#header-menu ul.second-level-nav li a:hover {
    background: #F5F5F5
}

.header-form-container>.container,.header-form-container>.cookie-policy-inner,.header-form-container>.site-tools-container,.header-form-container>.site-tools-wrapper {
    padding-left: 0;
    padding-right: 0
}

.header-form {
    margin-top: -1px
}

.header-form .form-inline .form-group {
    display: table-cell;
    vertical-align: middle
}

@media (min-width: 767px) {
    .header-form .form-inline .search-select {
        min-width:200px;
        max-width: 300px;
        text-align: center
    }
}

.header-form .form-inline .search-select .select2-container {
    width: 100%!important;
    height: 50px
}

.header-form .form-inline .search-select .select2-container .select2-selection {
    height: 50px;
    background-color: #F5F5F5
}

.header-form .form-inline .search-select .select2-container .select2-selection .select2-selection__rendered {
    line-height: 50px;
    padding-left: 25px;
    padding-right: 45px
}

.header-form .form-inline .search-select .select2-container .select2-selection .select2-selection__arrow {
    height: 50px;
    width: 20px;
    background-color: transparent;
    right: 20px
}

.header-form .form-inline .search-select .select2-container .select2-selection .select2-selection__arrow:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "\f107";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    font-size: 16px;
    text-align: center
}

.header-form .form-inline .search-select .select2-container .select2-selection .select2-selection__arrow:before {
    display: none
}

@media (max-width: 767px) {
    .header-form .form-inline .search-select .select2-container .select2-selection .select2-selection__arrow {
        right:0;
        left: 0;
        margin: 0 auto
    }
}

.header-form .form-inline .search-input {
    width: 100%
}

.header-form .form-inline .search-input input {
    width: 100%;
    height: 50px
}

.header-form .form-inline .search-button .btn,.header-form .form-inline .search-button .powermail_submit {
    position: relative;
    width: 55px;
    height: 50px;
    background-color: #b7422f;
    border: none;
    color: #FFF;
    font-size: 21px
}

.header-form .form-inline .search-button .btn:focus,.header-form .form-inline .search-button .btn:hover,.header-form .form-inline .search-button .powermail_submit:focus,.header-form .form-inline .search-button .powermail_submit:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.header-form .form-inline .search-button .btn:after,.header-form .form-inline .search-button .powermail_submit:after {
    content: "";
    position: absolute;
    bottom: -26px;
    right: 0;
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 26px solid transparent;
    border-top: 26px solid #b7422f
}

.hero-content-headline {
    margin-bottom: 25px
}

.hero-content-text,.isotope-item {
    margin-bottom: 30px
}

@media (max-width: 991px) {
    .hero-content-text {
        margin-bottom:20px
    }

    .factbox-small {
        margin-top: 10px
    }
}

.hero-content-image figure {
    display: block
}

.hero-content-image figure img {
    width: 100%;
    height: auto;
    margin-bottom: 7px
}

.hero-content-image figure figcaption {
    font-size: 14px;
    color: #999;
    font-style: italic
}

.hero-content-info {
    display: block;
    width: 100%;
    padding: 4px 8px;
    background-color: #F5F5F5
}

.info-block {
    font-size: 14px;
    color: #666
}

.info-block .icon {
    color: #b7422f;
    font-family: open_sansbold
}

.info-block .icon i {
    margin-right: 14px
}

.factbox-small {
    width: 100%;
    padding-left: 10px
}

.factbox-small a {
    position: relative;
    display: block;
    border-bottom: 1px solid #E5E5E5;
    padding: 10px 0 10px 40px;
    font-size: 18px;
    color: #333;
    line-height: 1.4
}

.factbox-small a:last-child {
    border-bottom: none
}

.factbox-small a:active,.factbox-small a:hover,.factbox-small a:link,.factbox-small a:visited {
    text-decoration: none
}

.factbox-small a.red {
    color: #b7422f;
    border-bottom: 1px solid #f1d9d5
}

.factbox-small a.red:last-child {
    border-bottom: none
}

.factbox-small a:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: inherit;
    font-size: 20px;
    position: absolute;
    top: 10px;
    left: 10px
}

.factbox-small a.location:before {
    content: "\f041"
}

.factbox-small a.price:before {
    content: "\f153"
}

.factbox-small a.question:before {
    content: "\f128"
}

.factbox-small a.data:before {
    content: "\f0f6"
}

.factbox-small a.ticket:before {
    content: "\f145"
}

.factbox-small a.sign:before {
    content: "\f277"
}

.factbox-small a.search:before {
    content: "\f002"
}

.factbox-small a.download:before {
    content: "\f019"
}

.factbox-small a.person:before {
    content: "\f007"
}

.factbox-small a.info:before {
    content: "\f05a"
}

.factbox-small a.calendar:before {
    content: "\f073"
}

.rev_slider_wrapper {
    float: left
}

.tparrows,.tparrows:hover {
    background-color: transparent!important
}

.hero-subtitle,.hero-title {
    background-color: rgba(0,0,0,.6);
    line-height: 1
}

.tparrows:before {
    font-size: 35px!important;
    font-weight: 700!important
}

.hero-title {
    color: #FFF;
    font-family: open_sanslight;
    font-weight: lighter;
    font-size: 80px;
    padding: 10px 40px!important
}

.hero-subtitle {
    color: #FFF;
    font-family: open_sansregular;
    font-size: 22px;
    padding: 12px 15px!important
}

@media (max-width: 767px) {
    .hero-subtitle {
        display:none!important
    }
}

.tp-revslider-slidesli.active-revslide .tp-bgimg {
    transition: transform 1.35s
}

.tp-revslider-slidesli.active-revslide:hover .tp-bgimg {
    transform: scale(1.1)
}

.tp-bullet {
    background-color: #FFF;
    border-radius: 50px;
    width: 10px;
    height: 10px
}

.tp-bullet.selected {
    border: 2px solid #FFF;
    background-color: #b7422f;
    width: 12px;
    height: 12px;
    margin-top: -1px
}

.pause-resume {
    position: relative;
    border-radius: 50px;
    background-color: #FFF;
    color: #b7422f;
    width: 25px;
    height: 25px;
    transform: translate(-30px,-8px);
    display: inline-block
}

.pause-resume:active,.pause-resume:hover,.pause-resume:link,.pause-resume:visited {
    text-decoration: none
}

.pause-resume i {
    font-size: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    padding-left: 3px
}

.pause-resume .fa-play {
    transform: translate(-45%,-53%)
}

.pause-resume .fa-pause {
    transform: translate(-57%,-53%)
}

.isotope-filters-dropdown:after,.standard-teaser-slider .slick-arrow.slick-prev {
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%)
}

.pause-resume[data-autoplay=true] .fa-play {
    display: none
}

.pause-resume[data-autoplay=false] .fa-play,.pause-resume[data-autoplay=true] .fa-pause {
    display: inline-block
}

.pause-resume[data-autoplay=false] .fa-pause {
    display: none
}

.negative-margin-header {
    margin-top: -120px;
    z-index: 10000
}

@media (max-width: 767px) {
    .negative-margin-header {
        margin-top:-26px
    }
}

.image-compare-container {
    width: 100%;
    margin: 0 auto 30px
}

.isotope-filters {
    position: relative
}

.isotope-filters-dropdown {
    width: 100%;
    padding: 12px 60px 10px 18px;
    border: none;
    background: #b7422f;
    color: #FFF;
    font-family: open_sansbold;
    min-height: 51px;
    display: none;
    position: relative
}

@media (max-width: 991px) {
    .isotope-filters-dropdown {
        display:block;
        margin-bottom: 30px
    }
}

.isotope-filters-dropdown:after {
    position: absolute;
    content: "\f107";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #FFF;
    font-size: 22px;
    top: 50%;
    transform: translate(0,-50%);
    right: 0;
    padding: 0 20px;
    line-height: 50px
}

.isotope-filters-dropdown.open:after {
    content: "\f106"
}

.isotop-filter-buttons {
    width: 100%;
    margin-bottom: 40px;
    border-bottom: 1px solid #E5E5E5
}

@media (max-width: 991px) {
    .isotop-filter-buttons {
        display:none;
        position: absolute;
        top: 51px;
        z-index: 1;
        border: 1px solid #E5E5E5
    }
}

.isotop-filter-buttons.show-mobile {
    display: block
}

.isotop-filter-buttons button {
    border: none;
    padding: 12px 18px;
    line-height: 1;
    font-size: 14px;
    margin-right: 10px;
    background-color: #FFF
}

.isotop-filter-buttons button.active {
    background: #b7422f;
    color: #FFF;
    font-family: open_sansbold
}

@media (max-width: 991px) {
    .isotop-filter-buttons button {
        width:100%;
        border-bottom: 1px solid #E5E5E5;
        margin-right: 0
    }

    .isotop-filter-buttons button:last-child {
        border-bottom: none
    }
}

.isotop-wrapper {
    position: relative
}

.isotop-wrapper .tab-content {
    padding: 40px 0 0
}

.isotope-item,.isotope-item-sizer {
    width: 22%
}

@media (max-width: 991px) {
    .isotope-item,.isotope-item-sizer {
        width:48%
    }
}

@media (max-width: 767px) {
    .isotope-item,.isotope-item-sizer {
        width:100%
    }
}

.isotope-item-sizer.video img,.isotope-item.video img {
    width: 100%
}

.isotope-item-sizer.video .video-text,.isotope-item.video .video-text {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    -webkit-box-shadow: inset 0 -200px 154px -134px rgba(0,0,0,.75);
    -moz-box-shadow: inset 0 -200px 154px -134px rgba(0,0,0,.75);
    box-shadow: inset 0 -200px 154px -134px rgba(0,0,0,.75)
}

.isotope-item-sizer.video .video-text .video-title,.isotope-item.video .video-text .video-title {
    font-family: open_sansbold;
    color: #FFF;
    font-size: 20px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    line-height: 1.3
}

.isotope-item-sizer.video .video-text .video-title .type,.isotope-item.video .video-text .video-title .type {
    font-family: open_sansbold;
    color: #b7422f;
    font-size: 14px;
    display: block
}

.isotope-item-gutter-sizer {
    width: 4%
}

@media (max-width: 991px) {
    .isotope-item-gutter-sizer {
        width:4%
    }
}

@media (max-width: 767px) {
    .isotope-item-gutter-sizer {
        width:0
    }
}

.isotope-image img {
    height: auto;
    width: 100%
}

.isotope-image .download-button {
    display: block;
    text-align: center;
    color: #FFF;
    Background-color: #b7422f;
    font-family: open_sansbold;
    text-transform: uppercase;
    padding: 8px
}

.isotope-image .download-button:focus,.isotope-image .download-button:hover {
    text-decoration: none
}

.isotope-text {
    background: #F5F5F5;
    padding: 20px
}

.isotope-text .data_author {
    display: block;
    font-size: 12px
}

.isotope-text .category {
    display: block;
    font-family: open_sansbold;
    line-height: 1.3;
    margin-top: 11px;
    margin-bottom: 11px;
    font-size: 14px;
    color: #b7422f
}

.isotope-text .title {
    display: inline-block;
    font-family: open_sansbold;
    line-height: 1.3;
    margin-bottom: 11px;
    font-size: 14px
}

.isotope-text .subtitle {
    display: block;
    font-family: open_sansregular;
    margin-bottom: 20px;
    line-height: 1.3;
    font-size: 14px
}

.isotope-text h6 {
    font-family: open_sanslight;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 15px
}

.isotope-text p {
    line-height: 1.3;
    margin-bottom: 0;
    font-size: 14px
}

.isotope-load-more {
    display: none;
    text-align: center
}

.item-blog .isotope-text {
    padding-bottom: 35px;
    border-bottom: 1px solid #E5E5E5
}

.item-blog .isotope-text h6 {
    margin-bottom: 10px
}

.item-blog .isotope-footer {
    background: #F5F5F5;
    padding: 3px 20px
}

.item-blog .isotope-footer i {
    color: #999
}

.item-blog .isotope-footer .social-icons {
    margin-right: 10px;
    font-size: 20px
}

.item-blog .isotope-footer .read-more {
    float: right;
    text-transform: uppercase;
    font-family: open_sansbold;
    margin-top: 4px;
    font-size: 15px
}

.isotop-wrapper .nav-tabs a {
    color: #333;
    font-size: 14px
}

.isotop-wrapper .nav-tabs a:focus,.isotop-wrapper .nav-tabs a:hover {
    background-color: transparent;
    border-color: transparent
}

.isotop-wrapper .nav-tabs .active a,.isotop-wrapper .nav-tabs .active a:focus,.isotop-wrapper .nav-tabs .active a:hover {
    background: #b7422f;
    color: #FFF;
    font-family: open_sansbold
}

.isotop-wrapper .panel-group .panel-body {
    background: #FFF
}

.isotop-wrapper .rss-feed-container {
    display: block;
    width: 100%
}

.isotop-wrapper a.rss-link,.isotop-wrapper a.rss-link:focus,.isotop-wrapper a.rss-link:hover {
    color: #999;
    text-decoration: none;
    margin: 5px 5px 10px 2px;
    font-size: 20px;
    display: inline-block
}

.isotop-wrapper a.rss-link:focus,.isotop-wrapper a.rss-link:hover {
    color: #333
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.loader-wrapper {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1005
}

.loader-overlay {
    width: 100%;
    height: 100%;
    background: rgba(153,153,153,.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.loader {
    z-index: 20;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.loader-animation {
    display: table-cell;
    text-rendering: auto;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite
}

.loader-animation:before {
    font-family: FontAwesome;
    content: "\f110";
    font-size: 40px;
    color: #FFF
}

@media (min-width: 992px) {
    .logo-wrapper {
        left:15px;
        position: absolute;
        z-index: 1005
    }
}

.logo {
    display: block
}

#map {
    width: 100%;
    height: 400px
}

.firstHeading {
    font-family: open_sansbold;
    font-size: 20px;
    margin-bottom: 4px
}

.bodyContent a,.bodyContent p {
    font-size: 15px;
    line-height: 1
}

.bodyContent p {
    margin-bottom: 8px
}

#marker-info {
    display: none;
    position: absolute;
    height: 400px;
    background: rgba(255,255,255,.7);
    top: 0;
    right: 20%;
    z-index: 10;
    padding: 50px 30px 20px 40px
}

@media (max-width: 767px) {
    #map {
        height:300px
    }

    #marker-info {
        position: static;
        height: auto;
        padding: 20px
    }
}

.close-map {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #333;
    font-size: 20px;
    cursor: pointer
}

.marker-info-text {
    padding: 0 10px
}

#mm-header-menu {
    z-index: 10
}

#mobile-open {
    display: inline-block;
    float: right
}

#mobile-open .btn,#mobile-open .powermail_submit {
    border: none;
    color: #b7422f;
    font-size: 30px;
    line-height: 1;
    background-color: transparent;
    padding: 5px 10px
}

#mobile-open .btn:focus,#mobile-open .btn:hover,#mobile-open .powermail_submit:focus,#mobile-open .powermail_submit:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (max-width: 991px) {
    #header-menu,.header-lang-and-login {
        display:none!important
    }
}

.mobile:not(:last-child) {
    border-bottom: 2px solid #F3F3F3
}

@media (min-width: 991px) {
    #header-menu .mobile,#mm-header-menu,#mobile-open {
        display:none
    }

    .mm-page.mm-slideout {
        transform: translate3d(0,0,0)!important;
        -o-transform: translate3d(0,0,0)!important;
        -ms-transform: translate3d(0,0,0)!important;
        -moz-transform: translate3d(0,0,0)!important;
        -webkit-transform: translate3d(0,0,0)!important
    }
}

.mm-opened .close-menu {
    display: block
}

.close-menu {
    display: none;
    color: #fff!important;
    position: fixed;
    top: 20px;
    right: 50px;
    z-index: 5;
    font-size: 30px;
    font-weight: lighter
}

@media (min-width: 550px) {
    .close-menu {
        left:20px
    }
}

.close-menu:focus,.close-menu:hover {
    text-decoration: none
}

.mm-menu.mm-offcanvas,html.mm-blocking #mm-blocker {
    z-index: 4
}

.donation-element,.notification-wrapper {
    display: none;
    background-color: #b7422f;
    color: #FFF;
    padding: 15px;
    font-size: 13px;
    position: fixed;
    bottom: 0;
    z-index: 3
}

.donation-text,.notification-text {
    position: relative;
    display: table-cell;
    padding-left: 60px;
    line-height: 2
}

@media (max-width: 767px) {
    .donation-text,.notification-text {
        display:block;
        width: 100%
    }
}

.donation-text:before,.notification-text:before {
    content: "\f06a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #FFF;
    font-size: 25px;
    line-height: 30px;
    position: absolute;
    top: 0;
    left: 25px
}

.donation-text a,.notification-text a {
    color: #FFF;
    text-decoration: underline
}

.donation-text a:hover,.notification-text a:hover {
    text-decoration: none
}

.notification-button {
    display: table-cell;
    position: relative;
    min-width: 240px
}

.notification-button .btn,.notification-button .powermail_submit {
    position: absolute;
    bottom: 0;
    right: 10px
}

@media (max-width: 767px) {
    .notification-button {
        display:block;
        width: 100%;
        margin-top: 15px
    }

    .notification-button .btn,.notification-button .powermail_submit {
        position: static;
        float: right
    }
}

@media (min-width: 992px) {
    .main-content-static {
        padding:200px 0 170px
    }

    .error-inner {
        max-width: 800px
    }
}

@media (max-width: 991px) {
    .main-content-static {
        padding:110px 0 130px
    }
}

.page-error {
    text-align: center;
    width: 100%;
    padding: 0 9px
}

.error-inner {
    margin: 0 auto
}

@media (max-width: 991px) {
    .error-inner {
        max-width:600px
    }
}

.error-code {
    color: #000
}

.company-info .address-company-name {
    font-weight: 700
}

.page-up-link {
    display: none;
    position: fixed;
    bottom: 29px;
    right: 5px;
    background: #000;
    text-align: center;
    width: 40px;
    height: 40px;
    text-decoration: none;
    z-index: 9999;
    border-radius: 50%
}

.page-up-link:focus,.page-up-link:hover {
    text-decoration: none;
    background: #000
}

.page-up-link:focus:before,.page-up-link:hover:before {
    color: #FFF
}

.page-up-link:before {
    font-family: FontAwesome;
    content: "\f077";
    line-height: 1;
    font-size: 18px;
    position: relative;
    top: 10px;
    color: #FFF
}

.person-detail {
    list-style: none;
    margin: 0;
    padding: 0 15px 0 0
}

.person-detail li {
    position: relative;
    padding: 7px 15px 7px 60px;
    border-bottom: 1px solid #CCC;
    font-size: 20px
}

.person-detail li.signature {
    border: none;
    padding: 30px 0 0
}

.person-detail li.signature img {
    display: block;
    margin: 0 auto
}

.person-detail li:before {
    content: "";
    position: absolute
}

.person-detail li.birth:before {
    background: url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/fileadmin/template/images/icons/birth.png) center center no-repeat;
    left: 20px;
    top: 14px;
    width: 20px;
    height: 20px
}

.person-detail li.death:before {
    background: url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/fileadmin/template/images/icons/tomb.png) center center no-repeat;
    left: 20px;
    top: 14px;
    width: 20px;
    height: 20px
}

.person-detail li.marriage:before {
    background: url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/fileadmin/template/images/icons/marriage.png) center center no-repeat;
    left: 16px;
    top: 14px;
    width: 25px;
    height: 20px
}

.shariff .orientation-horizontal {
    display: block
}

.shariff li,.shariff li a {
    height: 45px;
    line-height: 45px
}

.shariff .orientation-horizontal li {
    margin: 1%;
    width: 23%
}

.shariff .orientation-horizontal li:last-child {
    margin-right: 1%
}

@media (max-width: 767px) {
    .error-inner {
        max-width:none
    }

    .shariff .orientation-horizontal li {
        margin: 1%;
        width: 31.3%
    }

    .shariff .orientation-horizontal li:last-child {
        margin-right: 1%
    }

    .shariff .orientation-horizontal li .share_text {
        display: inline
    }
}

@media (max-width: 500px) {
    .shariff .orientation-horizontal li {
        margin:1%;
        width: 48%
    }

    .shariff .orientation-horizontal li:last-child {
        margin-right: 1%
    }
}

.sidemenu {
    padding: 0 10px 0 0;
    margin: 0;
    list-style: none
}

@media (max-width: 991px) {
    .sidemenu {
        display:none
    }
}

.sidemenu ul {
    list-style: none;
    padding: 0
}

.sidemenu ul li a {
    padding-left: 30px;
    background: #fcfcfc
}

.sidemenu ul li a:before {
    content: "-";
    margin-right: 10px;
    margin-left: -16px
}

.sidemenu li {
    font-size: 18px
}

.sidemenu li a {
    line-height: 1;
    padding: 15px;
    display: block;
    width: 100%;
    background: #F5F5F5;
    color: #333
}

.sidemenu li a:active,.sidemenu li a:hover,.sidemenu li a:link,.sidemenu li a:visited {
    text-decoration: none;
    color: #333
}

.sidemenu li.active>a {
    background: #b7422f;
    color: #FFF
}

.sidemenu li.active ul li a {
    background: #f1d9d5
}

.sidemenu li.previous a {
    padding: 12px;
    text-align: center;
    border: none;
    background: #D8D8D8
}

.sidemenu li.previous a i {
    margin-right: 10px
}

.sidemenu li:last-child a {
    border-bottom: none
}

.site-tools-container {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2
}

.site-tools-wrapper {
    padding: 0 18px
}

@media (max-width: 768px) {
    .site-tools-wrapper {
        width:100%;
        left: 0;
        padding: 0 9px
    }
}

.site-tools {
    display: inline-block;
    float: right;
    text-align: right
}

@media (max-width: 767px) {
    .site-tools {
        width:100%
    }
}

.site-tools a {
    display: inline-block;
    background-color: #b7422f;
    color: #FFF;
    margin-right: 3px;
    padding: 2px 7px;
    font-size: 12px
}

@media (max-width: 991px) {
    .site-tools a {
        padding:10px 15px;
        font-size: 14px
    }
}

.site-tools a:last-child {
    margin-right: 0
}

a.capacity i,a.live-chat i {
    margin-right: 5px
}

.site-tools a i {
    font-size: 15px
}

.site-tools a:hover {
    text-decoration: none
}

.site-tools a:active {
    text-decoration: none;
    box-shadow: inset 0 2px 5px 0 rgba(0,0,0,.35)
}

.site-tools a:link,.site-tools a:visited {
    text-decoration: none
}

@media (max-width: 991px) {
    .site-tools a i {
        font-size:20px
    }

    a.live-chat>span {
        display: none
    }
}

.site-tools .chat-box {
    display: none
}

.site-tools.open-chat .chat-box {
    display: block
}

.site-tools .capacity-box {
    display: none
}

.site-tools.open-capacity .capacity-box {
    display: block
}

.chat-box {
    width: 500px
}

@media (max-width: 767px) {
    .chat-box {
        width:100%;
        position: fixed;
        bottom: 45px;
        z-index: 9999;
        left: 0;
        padding: 0 10px
    }

    .chat-box iframe {
        width: 100%!important
    }
}

.chat-headline {
    width: 500px;
    text-align: left;
    background: #E5E5E5;
    padding: 5px 10px 0;
    line-height: 1.3
}

@media (max-width: 767px) {
    .chat-headline {
        width:300px
    }

    #us_report_button {
        left: 30px;
        right: auto
    }
}

.capacity-box {
    background: #F5F5F5;
    text-align: left;
    padding: 20px;
    width: 500px
}

@media (max-width: 767px) {
    .capacity-box {
        position:fixed;
        bottom: 45px;
        z-index: 9999;
        left: 0;
        padding: 0 10px
    }
}

.sitesearch-title {
    margin-bottom: 80px
}

.sitesearch-title span {
    font-size: 40px;
    font-family: open_sanslight
}

@media (max-width: 991px) {
    a.toplink {
        display:none
    }

    .sitesearch-title {
        margin-bottom: 30px
    }

    .sitesearch-title span {
        font-size: 30px
    }
}

.sitesearch-item {
    padding-bottom: 22px;
    border-bottom: 1px solid #CCC;
    margin-bottom: 18px
}

.sitesearch-item:last-child {
    margin-bottom: 0
}

.sitesearch-item .result-title {
    font-family: open_sansbold;
    font-size: 19px
}

.sitesearch-item p {
    line-height: 1.4;
    margin-bottom: 0
}

.sitesearch-loadmore {
    text-align: center;
    margin: 40px 0 100px
}

ul.tx-indexedsearch-browsebox {
    list-style: none;
    margin: 15px 0 20px;
    padding: 0
}

ul.tx-indexedsearch-browsebox li {
    display: inline-block;
    margin: 5px
}

.skip-link:focus {
    position: absolute;
    margin: 0;
    overflow: visible;
    clip: auto;
    z-index: 9999;
    top: 0;
    left: 0;
    padding: 10px;
    height: 40px;
    width: 100%;
    font-family: open_sansregular,Arial,sans-serif;
    color: #000;
    background: #FFF;
    border: 1px solid red;
    text-align: left
}

.special-teaser-left {
    width: 45%;
    display: table-cell;
    background-image: url(https://webarchiv.onb.ac.at/web/20250519010406/https://www.onb.ac.at/fileadmin/template/images/dummy/teaser1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.special-teaser-right {
    width: 55%;
    display: table-cell;
    background-color: #F5F5F5;
    padding: 40px
}

.special-teaser-headline {
    text-align: center;
    margin-bottom: 26px
}

.special-teaser-headline .title-top {
    color: #666;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1
}

.special-teaser-headline .subtitle,.special-teaser-headline .title {
    line-height: 1;
    color: #333;
    font-family: open_sansbold
}

@media (max-width: 767px) {
    .special-teaser-left {
        width:100%;
        height: 300px;
        display: block
    }

    .special-teaser-right {
        width: 100%;
        display: block;
        padding: 20px
    }

    .special-teaser-headline .title-top {
        font-size: 15px
    }
}

.special-teaser-headline .title {
    text-transform: uppercase;
    margin-bottom: 12px
}

.special-teaser-text {
    margin-bottom: 25px
}

.special-teaser-button {
    text-align: center;
    font-family: open_sansbold
}

.standard-teaser-slider .slick-list {
    margin-left: 30px;
    margin-right: 30px
}

.standard-teaser-slider .slick-arrow {
    position: absolute;
    top: 50%;
    border: none;
    background: 0 0;
    z-index: 2
}

.standard-teaser-slider .slick-arrow:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #CCC;
    font-size: 25px;
    line-height: 30px;
    vertical-align: text-top
}

.standard-teaser-item:active,.standard-teaser-item:hover,.standard-teaser-item:link,.standard-teaser-item:visited,.tab-list-link {
    text-decoration: none
}

.standard-teaser-slider .slick-arrow.slick-prev {
    left: 0;
    transform: translate(0,-50%)
}

.standard-teaser-slider .slick-arrow.slick-prev:before {
    content: "\f053"
}

.standard-teaser-slider .slick-arrow.slick-next {
    right: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.standard-teaser-slider .slick-arrow.slick-next:before {
    content: "\f054"
}

.standard-teaser-item {
    padding: 30px 30px 30px 20px
}

.standard-teaser-left {
    display: table-cell;
    line-height: 1
}

.standard-teaser-left span {
    display: block
}

.standard-teaser-left .month {
    color: #999
}

.standard-teaser-left .date {
    color: #333;
    font-size: 40px;
    font-family: open_sansbold
}

.standard-teaser-right {
    display: table-cell;
    line-height: 1.3;
    padding-left: 15px
}

.standard-teaser-right span {
    display: block
}

.standard-teaser-right .title {
    font-family: open_sansbold;
    color: #b7422f;
    font-size: 14px
}

.standard-teaser-right .text {
    line-height: 1.4;
    color: #666;
    font-size: 15px
}

.tab-item--default.active .tab-list-link,.tab-item--default.active .tab-list-link:focus,.tab-item--default.active .tab-list-link:hover,.tab-link--default:focus,.tab-link--default:hover {
    color: #FFF;
    background: #00f
}

.standard-teaser-slider.image-slider img {
    width: 100%;
    height: auto
}

.tab-list {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.tab-list:after,.tab-list:before {
    content: " ";
    display: table
}

.tab-list:after {
    clear: both
}

.tab-list--default {
    border-bottom: 5px solid red
}

.tab-list-item {
    float: left;
    display: block
}

.tab-item--default {
    margin-right: 5px
}

.tab-list-link {
    display: block
}

.tab-link--default {
    border-radius: 0;
    font-family: open_sansregular,Arial,sans-serif;
    font-size: 18px;
    color: #000;
    font-weight: 700;
    border: 1px solid #6495ed
}

@media (min-width: 768px) {
    .tab-link--default {
        padding:15px 20px
    }
}

.tab-content {
    padding: 15px;
    background: #FFF
}

.tab-content .tab-pane {
    display: none
}

.tab-content .active {
    display: block
}

.tab-content--default {
    margin-top: 5px;
    border: 2px solid green
}

.tab-wrapper .panel {
    margin-top: -1px;
    border: 1px solid #00f
}

@media (max-width: 991px) {
    .tab-wrapper .panel-title a {
        padding:15px;
        background: #ccc;
        color: red;
        border: none;
        font-family: open_sansregular,Arial,sans-serif;
        line-height: 100%;
        font-size: 24px
    }

    .tab-wrapper .panel-title a:after {
        font-family: FontAwesome;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        float: right;
        font-size: 16px;
        color: red;
        content: "\f077"
    }

    .tab-wrapper .panel-title a.collapsed {
        background: #FFF;
        color: #00f
    }

    .tab-wrapper .panel-title a.collapsed:focus,.tab-wrapper .panel-title a.collapsed:hover {
        color: red;
        background: #ccc;
        text-decoration: none
    }

    .tab-wrapper .panel-title a.collapsed:focus:after,.tab-wrapper .panel-title a.collapsed:hover:after {
        color: red
    }

    .tab-wrapper .panel-title a.collapsed:after {
        color: #00f;
        content: "\f078"
    }

    .tab-wrapper .panel-body {
        border-top: 1px solid #00f;
        padding: 15px
    }
}

.teaser-slider .slick-arrow.slick-prev:before,.text-slider .slick-arrow.slick-prev:before {
    content: "\f104"
}

.teaser-slider .slick-dots,.text-slider .slick-dots {
    z-index: 2;
    padding-left: 0;
    margin-left: 50%;
    text-align: center
}

.teaser-slider {
    font-size: 0
}

.teaser-slider .slick-dots {
    display: table;
    width: 100%;
    padding-bottom: 15px;
    -webkit-transform: translate(-50%,-100%);
    -ms-transform: translate(-50%,-100%);
    -o-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%)
}

.teaser-slider .slick-arrow,.text-slider .slick-arrow {
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%)
}

.teaser-slider .slick-dots li {
    display: inline-block;
    margin-right: 8px
}

.teaser-slider .slick-dots li button {
    width: 12px;
    height: 12px;
    border-radius: 50px;
    border: none;
    background-color: #F5F5F5
}

.teaser-slider .slick-dots li.slick-active button {
    width: 16px;
    height: 16px;
    background-color: #b7422f;
    border: 2px solid #F5F5F5
}

.teaser-slider .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    border: none;
    background: 0 0;
    z-index: 2
}

.teaser-item,.vote-container {
    position: relative
}

.teaser-slider .slick-arrow:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #F5F5F5;
    font-size: 70px;
    line-height: 50px
}

.teaser-slider .slick-arrow.slick-prev {
    left: 0
}

.teaser-slider .slick-arrow.slick-next {
    right: 0
}

.teaser-slider .slick-arrow.slick-next:before {
    content: "\f105"
}

.teaser-item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 20%;
    height: 340px;
    display: inline-block
}

@media (max-width: 767px) {
    .teaser-item {
        width:320px
    }
}

.teaser-item:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3)
}

.teaser-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center
}

.teaser-text .teaser-title {
    color: #FFF;
    font-family: open_sansbold;
    font-size: 50px;
    line-height: 1;
    margin-bottom: 20px
}

.teaser-text .teaser-subtitle {
    color: #FFF;
    display: block;
    font-size: 15px;
    line-height: 1;
    margin-bottom: 3px
}

.teaser-text .teaser-time {
    color: #FFF;
    font-family: open_sansbold;
    display: block;
    font-size: 20px;
    line-height: 1
}

.text-slider .slick-arrow:before,.vote-carousel .slick-arrow:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit
}

.text-slider .slick-dots {
    display: table;
    width: 100%;
    padding-bottom: 15px;
    -webkit-transform: translate(-50%,-100%);
    -ms-transform: translate(-50%,-100%);
    -o-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%)
}

.text-slider .slick-dots li {
    display: inline-block;
    margin-right: 8px
}

.text-slider .slick-dots li button {
    width: 12px;
    height: 12px;
    border-radius: 50px;
    border: none;
    background-color: #F5F5F5
}

.text-slider .slick-dots li.slick-active button {
    width: 16px;
    height: 16px;
    background-color: #b7422f;
    border: 2px solid #F5F5F5
}

.text-slider .slick-arrow,.vote-carousel .slick-arrow {
    position: absolute;
    top: 50%;
    border: none;
    background: 0 0;
    z-index: 2
}

.text-slider .slick-arrow {
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.text-slider .slick-arrow:before {
    color: #000;
    font-size: 70px;
    line-height: 50px
}

.text-slider .slick-arrow.slick-prev {
    left: 0
}

.text-slider .slick-arrow.slick-next {
    right: 0
}

.text-slider .slick-arrow.slick-next:before {
    content: "\f105"
}

.text-slider-item {
    padding: 0 50px
}

@media (min-width: 768px) {
    .vote-carousel {
        margin-bottom:70px
    }
}

@media (max-width: 767px) {
    .vote-carousel {
        margin-bottom:30px
    }
}

.vote-carousel .slick-arrow {
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.vote-carousel .slick-arrow:before {
    color: #999;
    font-size: 36px
}

.vote-carousel .slick-arrow.slick-prev:before {
    content: "\f053"
}

@media (min-width: 1251px) {
    .vote-carousel {
        margin-left:-15px;
        margin-right: -15px
    }

    .vote-carousel .slick-arrow.slick-prev {
        left: -45px
    }

    .vote-carousel .slick-arrow.slick-next {
        right: -45px
    }
}

@media (max-width: 1250px) {
    .vote-carousel {
        padding:0 40px
    }

    .vote-carousel .slick-arrow.slick-prev {
        left: 0
    }

    .vote-carousel .slick-arrow.slick-next {
        right: 0
    }
}

.vote-carousel .slick-arrow.slick-next:before {
    content: "\f054"
}

.vote-carousel .slick-dots {
    z-index: 2;
    padding: 0;
    margin: 22px 0 0;
    text-align: center;
    width: 100%
}

.vote-carousel .slick-dots li {
    display: inline-block;
    margin-right: 8px
}

.vote-carousel .slick-dots li button {
    width: 20px;
    height: 20px;
    margin: 0 10px;
    border-radius: 50px;
    border: none;
    background-color: #f5f5f5;
    font-size: 0;
    color: transparent
}

.vote-carousel .slick-dots li.slick-active button {
    background-color: #b7b7b7
}

.voting-option {
    margin: 0 15px
}

.piece {
    padding: 25px 15px 40px;
    margin-bottom: 50px;
    background-color: #f5f5f5
}

.piece-origin,.piece-title {
    margin-bottom: 5px;
    text-align: center;
    display: block
}

.piece-title {
    font-family: open_sansbold;
    line-height: 1.5
}

.piece-origin {
    font-style: italic;
    line-height: 1.2
}

.piece-img {
    margin: 20px auto 0;
    width: auto;
    height: 120px;
    -webkit-box-shadow: 0 5px 20px -5px rgba(0,0,0,.45);
    -moz-box-shadow: 0 5px 20px -5px rgba(0,0,0,.45);
    box-shadow: 0 5px 20px -5px rgba(0,0,0,.45)
}

.vote--btn {
    position: relative;
    width: 100%;
    height: 60px
}

.vote--btn:focus .vote-option-num,.vote--btn:hover .vote-option-num {
    border-left: 1px solid #b7422f
}

@media (min-width: 1251px) {
    .vote--btn {
        padding-right:70px;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

.vote-option-num {
    position: absolute;
    width: 60px;
    height: calc(100% - 2px);
    top: 1px;
    right: 0;
    border-left: 1px solid #fff;
    line-height: 54px
}

@media (max-width: 1250px) {
    .vote-option-num {
        display:none
    }
}

.vote-message {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (min-width: 768px) {
    .vote-message {
        padding:140px 25px 25px
    }
}

@media (max-width: 767px) {
    .vote-message {
        padding:80px 15px 15px
    }
}

.vote-message .text-red {
    display: block;
    margin-bottom: 10px;
    text-align: center;
    font-size: 30px;
    font-family: open_sansbold;
    color: #b7422f
}

.vote-message .text-black {
    display: block;
    text-align: center;
    font-size: 20px;
    font-family: open_sansbold
}

.vote-message-logo {
    display: block;
    margin: 0 auto 50px
}

@media (max-width: 480px) {
    .vote-message {
        padding-top:40px
    }

    .vote-message-logo {
        margin-bottom: 30px
    }
}

.error-page-text h1 {
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .error-page-text h1 {
        margin-bottom:15px
    }
}

.error-page-text .subtitle {
    display: block;
    font-size: 40px;
    line-height: 1.3;
    font-family: open_sanslight;
    border-bottom: 40px;
    margin-bottom: 45px
}

@media (max-width: 767px) {
    .error-page-text .subtitle {
        font-size:26px;
        margin-bottom: 25px
    }
}

.error-page-image img {
    width: 100%
}

@media print {
    .navbar {
        display: none!important
    }

    blockquote,h2,h3,img,pre,tr {
        page-break-inside: avoid
    }

    *,:after,:before {
        background: 0 0!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important;
        font-family: Helvetica!important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,pre {
        border: 1px solid #999
    }

    thead {
        display: table-header-group
    }

    img {
        max-width: 100%!important
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    .btn>.caret,.dropup>.btn>.caret,.powermail_submit>.caret {
        border-top-color: #000!important
    }

    .label {
        border: 1px solid #000
    }

    .table,table.contenttable {
        border-collapse: collapse!important
    }

    .table td,.table th,table.contenttable td,table.contenttable th {
        background-color: #FFF!important
    }

    .table-bordered td,.table-bordered th {
        border: 1px solid #ddd!important
    }

    #map,#marker-info,#mobile-open,.footer-link-list,.header-form-container,.header-wrapper,.panel-body button,.panel-title,.rev_slider_wrapper,.site-tools-wrapper,.sitesearch-loadmore,.special-teaser-button,.special-teaser-left,.standard-teaser-slider,.teaser-slider {
        display: none!important
    }

    .error-page-image {
        max-width: 50%;
        margin: 0 auto
    }

    .gallery-item {
        width: 20%!important;
        padding: 3px
    }

    .header-wrapper-print {
        display: block;
        margin: 20px 0 40px
    }

    #wrapper {
        padding-top: 0
    }
}






/*
     FILE ARCHIVED ON 1:04:06 May 19, 2025 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 22:59:22 Aug 31, 2025.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/