.xdsoft_datetimepicker { box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506); background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(187, 187, 187); color: rgb(51, 51, 51); font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; padding: 2px 8px 8px 0px; position: absolute; z-index: 9999; box-sizing: border-box; display: none; }
.xdsoft_datetimepicker iframe { position: absolute; left: 0px; top: 0px; width: 75px; height: 210px; background: transparent none repeat scroll 0px 0px; border: medium none; }
.xdsoft_datetimepicker button { border: medium none ! important; }
.xdsoft_noselect { -moz-user-select: none; }
.xdsoft_noselect::-moz-selection { background: transparent none repeat scroll 0px 0px; }
.xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; box-shadow: none; }
.xdsoft_datetimepicker * { box-sizing: border-box; padding: 0px; margin: 0px; }
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { display: none; }
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display: block; }
.xdsoft_datetimepicker .xdsoft_datepicker { width: 224px; float: left; margin-left: 8px; }
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker { width: 256px; }
.xdsoft_datetimepicker .xdsoft_timepicker { width: 58px; float: left; text-align: center; margin-left: 8px; margin-top: 0px; }
.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker { margin-top: 8px; margin-bottom: 3px; }
.xdsoft_datetimepicker .xdsoft_mounthpicker { position: relative; text-align: center; }
.xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { background-image: url(3d9c84635291c3871edce293d09d5fed01ad84b5.) ; }
.xdsoft_datetimepicker .xdsoft_label i { opacity: 0.5; background-position: -92px -19px; display: inline-block; width: 9px; height: 20px; vertical-align: middle; }
.xdsoft_datetimepicker .xdsoft_prev { float: left; background-position: -20px 0px; }
.xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -70px 0px; margin-left: 5px; }
.xdsoft_datetimepicker .xdsoft_next { float: right; background-position: 0px 0px; }
.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0px none; cursor: pointer; display: block; height: 30px; opacity: 0.5; outline: 0px none; overflow: hidden; padding: 0px; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; min-width: 0px; }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { float: none; background-position: -40px -15px; height: 15px; width: 30px; display: block; margin-left: 14px; margin-top: 7px; }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background-position: -40px 0px; margin-bottom: 7px; margin-top: 0px; }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 151px; overflow: hidden; border-bottom: 1px solid rgb(221, 221, 221); }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { background: rgb(245, 245, 245) none repeat scroll 0% 0%; border-top: 1px solid rgb(221, 221, 221); color: rgb(102, 102, 102); font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0px; height: 25px; line-height: 25px; }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child { border-top-width: 0px; }
.xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover, .xdsoft_datetimepicker .xdsoft_today_button:hover { opacity: 1; }
.xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0px; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: 700; background-color: rgb(255, 255, 255); float: left; width: 182px; text-align: center; cursor: pointer; }
.xdsoft_datetimepicker .xdsoft_label:hover > span { text-decoration: underline; }
.xdsoft_datetimepicker .xdsoft_label:hover i { opacity: 1; }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { border: 1px solid rgb(204, 204, 204); position: absolute; right: 0px; top: 30px; z-index: 101; display: none; background: rgb(255, 255, 255) none repeat scroll 0% 0%; max-height: 160px; overflow-y: hidden; }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect { right: -7px; }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect { right: 2px; }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: rgb(255, 255, 255); background: rgb(255, 128, 0) none repeat scroll 0% 0%; }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 10px 2px 5px; text-decoration: none ! important; }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: rgb(51, 170, 255) none repeat scroll 0% 0%; box-shadow: 0px 1px 3px 0px rgb(23, 143, 229) inset; color: rgb(255, 255, 255); font-weight: 700; }
.xdsoft_datetimepicker .xdsoft_month { width: 100px; text-align: right; }
.xdsoft_datetimepicker .xdsoft_calendar { clear: both; }
.xdsoft_datetimepicker .xdsoft_year { width: 48px; margin-left: 5px; }
.xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100%; }
.xdsoft_datetimepicker .xdsoft_calendar td > div { padding-right: 5px; }
.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { width: 14.2857%; background: rgb(245, 245, 245) none repeat scroll 0% 0%; border: 1px solid rgb(221, 221, 221); color: rgb(102, 102, 102); font-size: 12px; text-align: right; vertical-align: middle; padding: 0px; border-collapse: collapse; cursor: pointer; height: 25px; }
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th { width: 12.5%; }
.xdsoft_datetimepicker .xdsoft_calendar th { background: rgb(241, 241, 241) none repeat scroll 0% 0%; }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: rgb(51, 170, 255); }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default { background: rgb(255, 233, 210) none repeat scroll 0% 0%; box-shadow: 0px 1px 4px 0px rgb(255, 184, 113) inset; color: rgb(0, 0, 0); }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint { background: rgb(193, 255, 201) none repeat scroll 0% 0%; box-shadow: 0px 1px 4px 0px rgb(0, 221, 28) inset; color: rgb(0, 0, 0); }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: rgb(51, 170, 255) none repeat scroll 0% 0%; box-shadow: 0px 1px 3px 0px rgb(23, 143, 229) inset; color: rgb(255, 255, 255); font-weight: 700; }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled { opacity: 0.5; cursor: default; }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: 0.2; }
.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: rgb(255, 255, 255) ! important; background: rgb(255, 128, 0) none repeat scroll 0% 0% ! important; box-shadow: none ! important; }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover { background: rgb(51, 170, 255) none repeat scroll 0% 0% ! important; box-shadow: 0px 1px 3px 0px rgb(23, 143, 229) inset ! important; color: rgb(255, 255, 255) ! important; }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover { color: inherit ! important; background: inherit ! important; box-shadow: inherit ! important; }
.xdsoft_datetimepicker .xdsoft_calendar th { font-weight: 700; text-align: center; color: rgb(153, 153, 153); cursor: default; }
.xdsoft_datetimepicker .xdsoft_copyright { color: rgb(204, 204, 204) ! important; font-size: 10px; clear: both; float: none; margin-left: 8px; }
.xdsoft_datetimepicker .xdsoft_copyright a { color: rgb(238, 238, 238) ! important; }
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: rgb(170, 170, 170) ! important; }
.xdsoft_time_box { position: relative; border: 1px solid rgb(204, 204, 204); }
.xdsoft_scrollbar > .xdsoft_scroller { background: rgb(204, 204, 204) none repeat scroll 0% 0% ! important; height: 20px; border-radius: 3px; }
.xdsoft_scrollbar { position: absolute; width: 7px; right: 0px; top: 0px; bottom: 0px; cursor: pointer; }
.xdsoft_scroller_box { position: relative; }
.xdsoft_datetimepicker.xdsoft_dark { box-shadow: 0px 5px 15px -5px rgba(255, 255, 255, 0.506); background: rgb(0, 0, 0) none repeat scroll 0% 0%; border-width: 1px; border-style: solid; border-color: rgb(51, 51, 51) rgb(51, 51, 51) rgb(68, 68, 68); color: rgb(204, 204, 204); }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box { border-bottom: 1px solid rgb(34, 34, 34); }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div { background: rgb(10, 10, 10) none repeat scroll 0% 0%; border-top: 1px solid rgb(34, 34, 34); color: rgb(153, 153, 153); }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label { background-color: rgb(0, 0, 0); }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select { border: 1px solid rgb(51, 51, 51); background: rgb(0, 0, 0) none repeat scroll 0% 0%; }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: rgb(0, 0, 0); background: rgb(0, 127, 255) none repeat scroll 0% 0%; }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: rgb(204, 85, 0) none repeat scroll 0% 0%; box-shadow: 0px 1px 3px 0px rgb(176, 62, 0) inset; color: rgb(0, 0, 0); }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button { background-image: url(e2cfba3f45da91215fd7f5d67691b732a608cc70.) ; }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: rgb(10, 10, 10) none repeat scroll 0% 0%; border: 1px solid rgb(34, 34, 34); color: rgb(153, 153, 153); }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: rgb(14, 14, 14) none repeat scroll 0% 0%; }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today { color: rgb(204, 85, 0); }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default { background: rgb(255, 233, 210) none repeat scroll 0% 0%; box-shadow: 0px 1px 4px 0px rgb(255, 184, 113) inset; color: rgb(0, 0, 0); }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint { background: rgb(193, 255, 201) none repeat scroll 0% 0%; box-shadow: 0px 1px 4px 0px rgb(0, 221, 28) inset; color: rgb(0, 0, 0); }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: rgb(204, 85, 0) none repeat scroll 0% 0%; box-shadow: 0px 1px 3px 0px rgb(176, 62, 0) inset; color: rgb(0, 0, 0); }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: rgb(0, 0, 0) ! important; background: rgb(0, 127, 255) none repeat scroll 0% 0% ! important; }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { color: rgb(102, 102, 102); }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: rgb(51, 51, 51) ! important; }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: rgb(17, 17, 17) ! important; }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: rgb(85, 85, 85) ! important; }
.xdsoft_dark .xdsoft_time_box { border: 1px solid rgb(51, 51, 51); }
.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller { background: rgb(51, 51, 51) none repeat scroll 0% 0% ! important; }
.xdsoft_datetimepicker .xdsoft_save_selected { display: block; border: 1px solid rgb(221, 221, 221) ! important; margin-top: 5px; width: 100%; color: rgb(69, 69, 81); font-size: 13px; }
.xdsoft_datetimepicker .blue-gradient-button { font-family: museo-sans,"Book Antiqua",sans-serif; font-size: 12px; font-weight: 300; color: rgb(130, 135, 140); height: 28px; position: relative; padding: 4px 17px 4px 33px; border: 1px solid rgb(215, 216, 218); background: transparent linear-gradient(to bottom, rgb(255, 255, 255) 0px, rgb(244, 248, 250) 73%) repeat scroll 0% 0%; }
.xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:focus span, .xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:hover span { color: rgb(69, 69, 81); background: transparent linear-gradient(to bottom, rgb(244, 248, 250) 0px, rgb(255, 255, 255) 73%) repeat scroll 0% 0%; }
.animated { animation-duration: 1s; animation-fill-mode: both; }
.animated.infinite { animation-iteration-count: infinite; }
.animated.hinge { animation-duration: 2s; }
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { animation-duration: 0.75s; }
@keyframes bounce {
0%, 100%, 20%, 53%, 80% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0px, 0px, 0px); }
40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); }
70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); }
90% { transform: translate3d(0px, -4px, 0px); }
}
@keyframes bounce {
0%, 100%, 20%, 53%, 80% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0px, 0px, 0px); }
40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); }
70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); }
90% { transform: translate3d(0px, -4px, 0px); }
}
.bounce { animation-name: bounce; transform-origin: center bottom 0px; }
@keyframes flash {
0%, 100%, 50% { opacity: 1; }
25%, 75% { opacity: 0; }
}
@keyframes flash {
0%, 100%, 50% { opacity: 1; }
25%, 75% { opacity: 0; }
}
.flash { animation-name: flash; }
@keyframes pulse {
0% { transform: scale3d(1, 1, 1); }
50% { transform: scale3d(1.05, 1.05, 1.05); }
100% { transform: scale3d(1, 1, 1); }
}
@keyframes pulse {
0% { transform: scale3d(1, 1, 1); }
50% { transform: scale3d(1.05, 1.05, 1.05); }
100% { transform: scale3d(1, 1, 1); }
}
.pulse { animation-name: pulse; }
@keyframes rubberBand {
0% { transform: scale3d(1, 1, 1); }
30% { transform: scale3d(1.25, 0.75, 1); }
40% { transform: scale3d(0.75, 1.25, 1); }
50% { transform: scale3d(1.15, 0.85, 1); }
65% { transform: scale3d(0.95, 1.05, 1); }
75% { transform: scale3d(1.05, 0.95, 1); }
100% { transform: scale3d(1, 1, 1); }
}
@keyframes rubberBand {
0% { transform: scale3d(1, 1, 1); }
30% { transform: scale3d(1.25, 0.75, 1); }
40% { transform: scale3d(0.75, 1.25, 1); }
50% { transform: scale3d(1.15, 0.85, 1); }
65% { transform: scale3d(0.95, 1.05, 1); }
75% { transform: scale3d(1.05, 0.95, 1); }
100% { transform: scale3d(1, 1, 1); }
}
.rubberBand { animation-name: rubberBand; }
@keyframes shake {
0%, 100% { transform: translate3d(0px, 0px, 0px); }
10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}
@keyframes shake {
0%, 100% { transform: translate3d(0px, 0px, 0px); }
10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}
.shake { animation-name: shake; }
@keyframes swing {
20% { transform: rotate3d(0, 0, 1, 15deg); }
40% { transform: rotate3d(0, 0, 1, -10deg); }
60% { transform: rotate3d(0, 0, 1, 5deg); }
80% { transform: rotate3d(0, 0, 1, -5deg); }
100% { transform: rotate3d(0, 0, 1, 0deg); }
}
@keyframes swing {
20% { transform: rotate3d(0, 0, 1, 15deg); }
40% { transform: rotate3d(0, 0, 1, -10deg); }
60% { transform: rotate3d(0, 0, 1, 5deg); }
80% { transform: rotate3d(0, 0, 1, -5deg); }
100% { transform: rotate3d(0, 0, 1, 0deg); }
}
.swing { transform-origin: center top 0px; animation-name: swing; }
@keyframes tada {
0% { transform: scale3d(1, 1, 1); }
10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
100% { transform: scale3d(1, 1, 1); }
}
@keyframes tada {
0% { transform: scale3d(1, 1, 1); }
10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
100% { transform: scale3d(1, 1, 1); }
}
.tada { animation-name: tada; }
@keyframes wobble {
0% { transform: none; }
15% { transform: translate3d(-25%, 0px, 0px) rotate3d(0, 0, 1, -5deg); }
30% { transform: translate3d(20%, 0px, 0px) rotate3d(0, 0, 1, 3deg); }
45% { transform: translate3d(-15%, 0px, 0px) rotate3d(0, 0, 1, -3deg); }
60% { transform: translate3d(10%, 0px, 0px) rotate3d(0, 0, 1, 2deg); }
75% { transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -1deg); }
100% { transform: none; }
}
@keyframes wobble {
0% { transform: none; }
15% { transform: translate3d(-25%, 0px, 0px) rotate3d(0, 0, 1, -5deg); }
30% { transform: translate3d(20%, 0px, 0px) rotate3d(0, 0, 1, 3deg); }
45% { transform: translate3d(-15%, 0px, 0px) rotate3d(0, 0, 1, -3deg); }
60% { transform: translate3d(10%, 0px, 0px) rotate3d(0, 0, 1, 2deg); }
75% { transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -1deg); }
100% { transform: none; }
}
.wobble { animation-name: wobble; }
@keyframes jello {
11.1% { transform: none; }
22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% { transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); }
100% { transform: none; }
}
@keyframes jello {
11.1% { transform: none; }
22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% { transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); }
100% { transform: none; }
}
.jello { animation-name: jello; transform-origin: center center 0px; }
@keyframes bounceIn {
0%, 100%, 20%, 40%, 60%, 80% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
20% { transform: scale3d(1.1, 1.1, 1.1); }
40% { transform: scale3d(0.9, 0.9, 0.9); }
60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
80% { transform: scale3d(0.97, 0.97, 0.97); }
100% { opacity: 1; transform: scale3d(1, 1, 1); }
}
@keyframes bounceIn {
0%, 100%, 20%, 40%, 60%, 80% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
20% { transform: scale3d(1.1, 1.1, 1.1); }
40% { transform: scale3d(0.9, 0.9, 0.9); }
60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
80% { transform: scale3d(0.97, 0.97, 0.97); }
100% { opacity: 1; transform: scale3d(1, 1, 1); }
}
.bounceIn { animation-name: bounceIn; }
@keyframes bounceInDown {
0%, 100%, 60%, 75%, 90% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); }
60% { opacity: 1; transform: translate3d(0px, 25px, 0px); }
75% { transform: translate3d(0px, -10px, 0px); }
90% { transform: translate3d(0px, 5px, 0px); }
100% { transform: none; }
}
@keyframes bounceInDown {
0%, 100%, 60%, 75%, 90% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); }
60% { opacity: 1; transform: translate3d(0px, 25px, 0px); }
75% { transform: translate3d(0px, -10px, 0px); }
90% { transform: translate3d(0px, 5px, 0px); }
100% { transform: none; }
}
.bounceInDown { animation-name: bounceInDown; }
@keyframes bounceInLeft {
0%, 100%, 60%, 75%, 90% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); }
60% { opacity: 1; transform: translate3d(25px, 0px, 0px); }
75% { transform: translate3d(-10px, 0px, 0px); }
90% { transform: translate3d(5px, 0px, 0px); }
100% { transform: none; }
}
@keyframes bounceInLeft {
0%, 100%, 60%, 75%, 90% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); }
60% { opacity: 1; transform: translate3d(25px, 0px, 0px); }
75% { transform: translate3d(-10px, 0px, 0px); }
90% { transform: translate3d(5px, 0px, 0px); }
100% { transform: none; }
}
.bounceInLeft { animation-name: bounceInLeft; }
@keyframes bounceInRight {
0%, 100%, 60%, 75%, 90% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); }
60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); }
75% { transform: translate3d(10px, 0px, 0px); }
90% { transform: translate3d(-5px, 0px, 0px); }
100% { transform: none; }
}
@keyframes bounceInRight {
0%, 100%, 60%, 75%, 90% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); }
60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); }
75% { transform: translate3d(10px, 0px, 0px); }
90% { transform: translate3d(-5px, 0px, 0px); }
100% { transform: none; }
}
.bounceInRight { animation-name: bounceInRight; }
@keyframes bounceInUp {
0%, 100%, 60%, 75%, 90% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
75% { transform: translate3d(0px, 10px, 0px); }
90% { transform: translate3d(0px, -5px, 0px); }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes bounceInUp {
0%, 100%, 60%, 75%, 90% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
75% { transform: translate3d(0px, 10px, 0px); }
90% { transform: translate3d(0px, -5px, 0px); }
100% { transform: translate3d(0px, 0px, 0px); }
}
.bounceInUp { animation-name: bounceInUp; }
@keyframes bounceOut {
20% { transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
}
@keyframes bounceOut {
20% { transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
}
.bounceOut { animation-name: bounceOut; }
@keyframes bounceOutDown {
20% { transform: translate3d(0px, 10px, 0px); }
40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
@keyframes bounceOutDown {
20% { transform: translate3d(0px, 10px, 0px); }
40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
.bounceOutDown { animation-name: bounceOutDown; }
@keyframes bounceOutLeft {
20% { opacity: 1; transform: translate3d(20px, 0px, 0px); }
100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
@keyframes bounceOutLeft {
20% { opacity: 1; transform: translate3d(20px, 0px, 0px); }
100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
.bounceOutLeft { animation-name: bounceOutLeft; }
@keyframes bounceOutRight {
20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); }
100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
@keyframes bounceOutRight {
20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); }
100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
.bounceOutRight { animation-name: bounceOutRight; }
@keyframes bounceOutUp {
20% { transform: translate3d(0px, -10px, 0px); }
40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); }
100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@keyframes bounceOutUp {
20% { transform: translate3d(0px, -10px, 0px); }
40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); }
100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
.bounceOutUp { animation-name: bounceOutUp; }
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
.fadeIn { animation-name: fadeIn; }
@keyframes fadeInDown {
0% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
100% { opacity: 1; transform: none; }
}
@keyframes fadeInDown {
0% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
100% { opacity: 1; transform: none; }
}
.fadeInDown { animation-name: fadeInDown; }
@keyframes fadeInDownBig {
0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
100% { opacity: 1; transform: none; }
}
@keyframes fadeInDownBig {
0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
100% { opacity: 1; transform: none; }
}
.fadeInDownBig { animation-name: fadeInDownBig; }
@keyframes fadeInLeft {
0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
100% { opacity: 1; transform: none; }
}
@keyframes fadeInLeft {
0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
100% { opacity: 1; transform: none; }
}
.fadeInLeft { animation-name: fadeInLeft; }
@keyframes fadeInLeftBig {
0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
100% { opacity: 1; transform: none; }
}
@keyframes fadeInLeftBig {
0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
100% { opacity: 1; transform: none; }
}
.fadeInLeftBig { animation-name: fadeInLeftBig; }
@keyframes fadeInRight {
0% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
100% { opacity: 1; transform: none; }
}
@keyframes fadeInRight {
0% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
100% { opacity: 1; transform: none; }
}
.fadeInRight { animation-name: fadeInRight; }
@keyframes fadeInRightBig {
0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
100% { opacity: 1; transform: none; }
}
@keyframes fadeInRightBig {
0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
100% { opacity: 1; transform: none; }
}
.fadeInRightBig { animation-name: fadeInRightBig; }
@keyframes fadeInUp {
0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
100% { opacity: 1; transform: none; }
}
@keyframes fadeInUp {
0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
100% { opacity: 1; transform: none; }
}
.fadeInUp { animation-name: fadeInUp; }
@keyframes fadeInUpBig {
0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
100% { opacity: 1; transform: none; }
}
@keyframes fadeInUpBig {
0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
100% { opacity: 1; transform: none; }
}
.fadeInUpBig { animation-name: fadeInUpBig; }
@keyframes fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
.fadeOut { animation-name: fadeOut; }
@keyframes fadeOutDown {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
}
@keyframes fadeOutDown {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
}
.fadeOutDown { animation-name: fadeOutDown; }
@keyframes fadeOutDownBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
@keyframes fadeOutDownBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
.fadeOutDownBig { animation-name: fadeOutDownBig; }
@keyframes fadeOutLeft {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
}
@keyframes fadeOutLeft {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
}
.fadeOutLeft { animation-name: fadeOutLeft; }
@keyframes fadeOutLeftBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
@keyframes fadeOutLeftBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
.fadeOutLeftBig { animation-name: fadeOutLeftBig; }
@keyframes fadeOutRight {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
}
@keyframes fadeOutRight {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
}
.fadeOutRight { animation-name: fadeOutRight; }
@keyframes fadeOutRightBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
@keyframes fadeOutRightBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
.fadeOutRightBig { animation-name: fadeOutRightBig; }
@keyframes fadeOutUp {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
}
@keyframes fadeOutUp {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
}
.fadeOutUp { animation-name: fadeOutUp; }
@keyframes fadeOutUpBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@keyframes fadeOutUpBig {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
.fadeOutUpBig { animation-name: fadeOutUpBig; }
@keyframes flip {
0% { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; }
40% { transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; }
50% { transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; }
80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; }
100% { transform: perspective(400px); animation-timing-function: ease-in; }
}
@keyframes flip {
0% { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; }
40% { transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; }
50% { transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; }
80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; }
100% { transform: perspective(400px); animation-timing-function: ease-in; }
}
.animated.flip { backface-visibility: visible; animation-name: flip; }
@keyframes flipInX {
0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; }
60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
100% { transform: perspective(400px); }
}
@keyframes flipInX {
0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; }
60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
100% { transform: perspective(400px); }
}
.flipInX { backface-visibility: visible ! important; animation-name: flipInX; }
@keyframes flipInY {
0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; }
60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
100% { transform: perspective(400px); }
}
@keyframes flipInY {
0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; }
60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
100% { transform: perspective(400px); }
}
.flipInY { backface-visibility: visible ! important; animation-name: flipInY; }
@keyframes flipOutX {
0% { transform: perspective(400px); }
30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
100% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }
}
@keyframes flipOutX {
0% { transform: perspective(400px); }
30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
100% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }
}
.flipOutX { animation-name: flipOutX; backface-visibility: visible ! important; }
@keyframes flipOutY {
0% { transform: perspective(400px); }
30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
100% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
}
@keyframes flipOutY {
0% { transform: perspective(400px); }
30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
100% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
}
.flipOutY { backface-visibility: visible ! important; animation-name: flipOutY; }
@keyframes lightSpeedIn {
0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; }
60% { transform: skewX(20deg); opacity: 1; }
80% { transform: skewX(-5deg); opacity: 1; }
100% { transform: none; opacity: 1; }
}
@keyframes lightSpeedIn {
0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; }
60% { transform: skewX(20deg); opacity: 1; }
80% { transform: skewX(-5deg); opacity: 1; }
100% { transform: none; opacity: 1; }
}
.lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; }
@keyframes lightSpeedOut {
0% { opacity: 1; }
100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; }
}
@keyframes lightSpeedOut {
0% { opacity: 1; }
100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; }
}
.lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; }
@keyframes rotateIn {
0% { transform-origin: center center 0px; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
100% { transform-origin: center center 0px; transform: none; opacity: 1; }
}
@keyframes rotateIn {
0% { transform-origin: center center 0px; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
100% { transform-origin: center center 0px; transform: none; opacity: 1; }
}
.rotateIn { animation-name: rotateIn; }
@keyframes rotateInDownLeft {
0% { transform-origin: left bottom 0px; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
100% { transform-origin: left bottom 0px; transform: none; opacity: 1; }
}
@keyframes rotateInDownLeft {
0% { transform-origin: left bottom 0px; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
100% { transform-origin: left bottom 0px; transform: none; opacity: 1; }
}
.rotateInDownLeft { animation-name: rotateInDownLeft; }
@keyframes rotateInDownRight {
0% { transform-origin: right bottom 0px; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
100% { transform-origin: right bottom 0px; transform: none; opacity: 1; }
}
@keyframes rotateInDownRight {
0% { transform-origin: right bottom 0px; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
100% { transform-origin: right bottom 0px; transform: none; opacity: 1; }
}
.rotateInDownRight { animation-name: rotateInDownRight; }
@keyframes rotateInUpLeft {
0% { transform-origin: left bottom 0px; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
100% { transform-origin: left bottom 0px; transform: none; opacity: 1; }
}
@keyframes rotateInUpLeft {
0% { transform-origin: left bottom 0px; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
100% { transform-origin: left bottom 0px; transform: none; opacity: 1; }
}
.rotateInUpLeft { animation-name: rotateInUpLeft; }
@keyframes rotateInUpRight {
0% { transform-origin: right bottom 0px; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
100% { transform-origin: right bottom 0px; transform: none; opacity: 1; }
}
@keyframes rotateInUpRight {
0% { transform-origin: right bottom 0px; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
100% { transform-origin: right bottom 0px; transform: none; opacity: 1; }
}
.rotateInUpRight { animation-name: rotateInUpRight; }
@keyframes rotateOut {
0% { transform-origin: center center 0px; opacity: 1; }
100% { transform-origin: center center 0px; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }
}
@keyframes rotateOut {
0% { transform-origin: center center 0px; opacity: 1; }
100% { transform-origin: center center 0px; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }
}
.rotateOut { animation-name: rotateOut; }
@keyframes rotateOutDownLeft {
0% { transform-origin: left bottom 0px; opacity: 1; }
100% { transform-origin: left bottom 0px; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
}
@keyframes rotateOutDownLeft {
0% { transform-origin: left bottom 0px; opacity: 1; }
100% { transform-origin: left bottom 0px; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
}
.rotateOutDownLeft { animation-name: rotateOutDownLeft; }
@keyframes rotateOutDownRight {
0% { transform-origin: right bottom 0px; opacity: 1; }
100% { transform-origin: right bottom 0px; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
@keyframes rotateOutDownRight {
0% { transform-origin: right bottom 0px; opacity: 1; }
100% { transform-origin: right bottom 0px; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
.rotateOutDownRight { animation-name: rotateOutDownRight; }
@keyframes rotateOutUpLeft {
0% { transform-origin: left bottom 0px; opacity: 1; }
100% { transform-origin: left bottom 0px; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
@keyframes rotateOutUpLeft {
0% { transform-origin: left bottom 0px; opacity: 1; }
100% { transform-origin: left bottom 0px; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
.rotateOutUpLeft { animation-name: rotateOutUpLeft; }
@keyframes rotateOutUpRight {
0% { transform-origin: right bottom 0px; opacity: 1; }
100% { transform-origin: right bottom 0px; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }
}
@keyframes rotateOutUpRight {
0% { transform-origin: right bottom 0px; opacity: 1; }
100% { transform-origin: right bottom 0px; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }
}
.rotateOutUpRight { animation-name: rotateOutUpRight; }
@keyframes hinge {
0% { transform-origin: left top 0px; animation-timing-function: ease-in-out; }
20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: left top 0px; animation-timing-function: ease-in-out; }
40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: left top 0px; animation-timing-function: ease-in-out; opacity: 1; }
100% { transform: translate3d(0px, 700px, 0px); opacity: 0; }
}
@keyframes hinge {
0% { transform-origin: left top 0px; animation-timing-function: ease-in-out; }
20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: left top 0px; animation-timing-function: ease-in-out; }
40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: left top 0px; animation-timing-function: ease-in-out; opacity: 1; }
100% { transform: translate3d(0px, 700px, 0px); opacity: 0; }
}
.hinge { animation-name: hinge; }
@keyframes rollIn {
0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate3d(0, 0, 1, -120deg); }
100% { opacity: 1; transform: none; }
}
@keyframes rollIn {
0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate3d(0, 0, 1, -120deg); }
100% { opacity: 1; transform: none; }
}
.rollIn { animation-name: rollIn; }
@keyframes rollOut {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate3d(0, 0, 1, 120deg); }
}
@keyframes rollOut {
0% { opacity: 1; }
100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate3d(0, 0, 1, 120deg); }
}
.rollOut { animation-name: rollOut; }
@keyframes zoomIn {
0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
50% { opacity: 1; }
}
@keyframes zoomIn {
0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
50% { opacity: 1; }
}
.zoomIn { animation-name: zoomIn; }
@keyframes zoomInDown {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInDown {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomInDown { animation-name: zoomInDown; }
@keyframes zoomInLeft {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInLeft {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomInLeft { animation-name: zoomInLeft; }
@keyframes zoomInRight {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInRight {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomInRight { animation-name: zoomInRight; }
@keyframes zoomInUp {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInUp {
0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomInUp { animation-name: zoomInUp; }
@keyframes zoomOut {
0% { opacity: 1; }
50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
100% { opacity: 0; }
}
@keyframes zoomOut {
0% { opacity: 1; }
50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
100% { opacity: 0; }
}
.zoomOut { animation-name: zoomOut; }
@keyframes zoomOutDown {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); transform-origin: center bottom 0px; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomOutDown {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); transform-origin: center bottom 0px; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomOutDown { animation-name: zoomOutDown; }
@keyframes zoomOutLeft {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); }
100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); transform-origin: left center 0px; }
}
@keyframes zoomOutLeft {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); }
100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); transform-origin: left center 0px; }
}
.zoomOutLeft { animation-name: zoomOutLeft; }
@keyframes zoomOutRight {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); }
100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); transform-origin: right center 0px; }
}
@keyframes zoomOutRight {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); }
100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); transform-origin: right center 0px; }
}
.zoomOutRight { animation-name: zoomOutRight; }
@keyframes zoomOutUp {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); transform-origin: center bottom 0px; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomOutUp {
40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); transform-origin: center bottom 0px; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomOutUp { animation-name: zoomOutUp; }
@keyframes slideInDown {
0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideInDown {
0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
.slideInDown { animation-name: slideInDown; }
@keyframes slideInLeft {
0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideInLeft {
0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
.slideInLeft { animation-name: slideInLeft; }
@keyframes slideInRight {
0% { transform: translate3d(100%, 0px, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideInRight {
0% { transform: translate3d(100%, 0px, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
.slideInRight { animation-name: slideInRight; }
@keyframes slideInUp {
0% { transform: translate3d(0px, 100%, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideInUp {
0% { transform: translate3d(0px, 100%, 0px); visibility: visible; }
100% { transform: translate3d(0px, 0px, 0px); }
}
.slideInUp { animation-name: slideInUp; }
@keyframes slideOutDown {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); }
}
@keyframes slideOutDown {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); }
}
.slideOutDown { animation-name: slideOutDown; }
@keyframes slideOutLeft {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); }
}
@keyframes slideOutLeft {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); }
}
.slideOutLeft { animation-name: slideOutLeft; }
@keyframes slideOutRight {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); }
}
@keyframes slideOutRight {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); }
}
.slideOutRight { animation-name: slideOutRight; }
@keyframes slideOutUp {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); }
}
@keyframes slideOutUp {
0% { transform: translate3d(0px, 0px, 0px); }
100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); }
}
.slideOutUp { animation-name: slideOutUp; }
:root { font-family: sans-serif; line-height: 1.4; text-rendering: optimizelegibility; }
audio:not([controls]) { display: none; }
input[type="number"] { width: auto; }
input[type="search"] {  }
pre { overflow: auto; }
progress { display: inline-block; }
big { font-size: 125%; }
template { display: none; }
textarea { overflow: auto; resize: vertical; }
[hidden] { display: none; }
[unselectable] { -moz-user-select: none; }
* { font-size: inherit; line-height: inherit; margin: 0px; padding: 0px; }
*::after, *::before { text-decoration: inherit; vertical-align: inherit; }
a { text-decoration: none; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
button, input, select, textarea { background-color: transparent; font-family: inherit; font-style: inherit; font-weight: inherit; min-height: 1.4em; }
code, kbd, pre, samp { font-family: Menlo,Monaco,Consolas,"Courier New",monospace,monospace; }
table { border-collapse: collapse; border-spacing: 0px; }
*::-moz-selection { background-color: rgb(179, 212, 252); text-shadow: none; }
button::-moz-focus-inner { border: 0px none; }
@media screen {
  [hidden~="screen"] { display: inherit; }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) { clip: rect(0px, 0px, 0px, 0px) ! important; position: absolute ! important; }
}
html { box-sizing: border-box; }
*, *::after, *::before { box-sizing: inherit; }
.compact * + * { margin-top: 0.75em; }
noscript + * { margin-top: 0px ! important; }
body { margin: 0px; padding: 0px; background: rgb(238, 236, 234) url(bc4cec4e2014d7a5ccbb158055ce80fa9f90959e.png)  repeat scroll 0% 0%; }
.visuallyhidden { position: absolute ! important; overflow: hidden ! important; clip: rect(0px, 0px, 0px, 0px) ! important; height: 1px; width: 1px; margin: -1px; padding: 0px; border: 0px none; }
.unhidden { position: static ! important; overflow: visible ! important; clip: auto ! important; height: auto; width: auto; margin: auto; border: medium none; }
.animated.slideInLeft { animation-duration: 0.5s; }
.boxed { padding: 15px; background-color: rgb(255, 255, 255); }
@media only screen and (min-width: 768px) {
  .boxed { padding: 30px; }
}
.boxed > .row .row { margin-left: -15px; margin-right: -15px; }
.boxed [class*="col-"] { padding-top: 0px; padding-bottom: 0px; }
.boxed [class*="col-"] [class*="col-"] { padding-left: 15px; padding-right: 15px; }
.boxed [class*="col-"] + [class*="col-"] { margin-top: 30px; }
@media only screen and (min-width: 980px) {
  .boxed [class*="col-"] + [class*="col-"] { margin-top: 0px; }
}
.boxed h2 { margin-bottom: 15px; font-family: font-heavy; color: rgb(43, 73, 122); text-transform: uppercase; }
@media only screen and (min-width: 481px) {
  .boxed h2 { font-size: 1.5em; }
}
@media only screen and (min-width: 768px) {
  .boxed h2 { font-size: 2em; }
}
@media only screen and (min-width: 768px) {
  .boxed p { font-size: 1.3em; }
}
.boxed-band { position: relative; }
.boxed-band::after, .boxed-band::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0px; bottom: 0px; }
.boxed-band::before { left: 100%; }
.boxed-band::after { right: 100%; }
.boxed-band, .boxed-band::after, .boxed-band::before { padding: 1.5em 0px; background-color: rgb(255, 255, 255); }
.state-indicator { position: absolute ! important; overflow: hidden ! important; clip: rect(0px, 0px, 0px, 0px) ! important; height: 1px; width: 1px; margin: -1px; padding: 0px; border: 0px none; }
.state-indicator::before { content: "xsmall"; }
@media only screen and (min-width: 481px) {
  .state-indicator { width: 2px; }
  .state-indicator::before { content: "small"; }
}
@media only screen and (min-width: 768px) {
  .state-indicator { width: 3px; }
  .state-indicator::before { content: "medium"; }
}
@media all and (min-width: 980px) {
  .state-indicator { width: 4px; }
  .state-indicator::before { content: "large"; }
}
@media all and (min-width: 1201px) {
  .state-indicator { width: 5px; }
  .state-indicator::before { content: "xlarge"; }
}
@font-face {
  font-family: "font-regular";
  src: url(a4e9d97afdf18a6544f3c25ef75062020e5a2fa0.eot)  format("eot"), url(3351084cbabf88f6945895cc146672d68c9cf542.woff2)  format("woff2"), url(97c08d4ac6a5ed84f02ead5b9ceae63e45a43300.woff)  format("woff"), url(5bfabf9b00a0d10a0315e6e6aac9923288a88a45.ttf)  format("truetype"), url(b520ee23c8c40340628a325054ff5fea2a5d34fc.svg)  format("svg");
}
@font-face {
  font-family: "font-bold";
  src: url(c913f3efe616ff0cd7df8ef94f47c1c7e9b39fd5.eot)  format("eot"), url(0233ae69eaac53b372df05644417dc5f9c2efce3.woff2)  format("woff2"), url(8195a0b84e8706451f975989eb450b81ed3d4354.woff)  format("woff"), url(4bdf7c4bb01140b6178ffaeb6904ed2b4a201330.ttf)  format("truetype"), url(af9810c0789c7ac2d43af10652b987c901f7523d.svg)  format("svg");
}
@font-face {
  font-family: "font-heavy";
  src: url(966fa6e661c2df392271ef85fef2c1f7983f908d.eot)  format("eot"), url(2cc3e839fa267020ac9adf6a4ccb88ddf1360432.woff2)  format("woff2"), url(d3625d748423f428d24316ebb188b574f93f8c6e.woff)  format("woff"), url(2f79fa5763d88d00c36f0cede6677515d1d17eab.ttf)  format("truetype"), url(921af3719a874dfb31edd7846c47279647805ebc.svg)  format("svg");
}
@font-face {
  font-family: "font-light";
  src: url(2da81d393d5e7461fbb0a3465c330ad9d0d83385.eot)  format("eot"), url(ef21da04eb69c538be3d3ce5b609d5a077caf4cb.woff2)  format("woff2"), url(ff4cfc9fa3be85273ebc232360967bffb3ca88b0.woff)  format("woff"), url(da3995189c27c69971e36c643b440171463d8d28.ttf)  format("truetype"), url(4808c777c7bafe9aa44e536467bf7aa9a6786660.svg)  format("svg");
}
body { color: rgb(131, 124, 117); font-family: sans-serif; font-size: 1em; font-style: normal; font-weight: 400; line-height: 1.5; }
.article-body--text, p { font-family: font-regular; }
.article-body--text { font-size: 1.3em; }
.article-body--trumpet { font-family: font-heavy; line-height: 1; font-weight: 300; color: rgb(25, 51, 94); font-size: 1.3em; }
@media only screen and (min-width: 481px) {
  .article-body--trumpet { font-size: 1.5em; }
}
.article-body--manchet { font-size: 1.5em; }
@media only screen and (min-width: 481px) {
  .article-body--manchet { font-size: 2em; }
}
h1, h2, h3, h4, h5, h6 { font-family: font-heavy; line-height: 1; font-weight: 300; color: rgb(25, 51, 94); }
h1 { font-size: 1.5em; }
@media only screen and (min-width: 481px) {
  h1 { font-size: 2em; }
}
@media only screen and (min-width: 768px) {
  h1 { font-size: 3em; }
}
@media only screen and (min-width: 980px) {
  h1 { font-size: 3.6em; }
}
h2 { font-size: 1.1em; }
@media only screen and (min-width: 481px) {
  h2 { font-size: 1.3em; }
}
@media only screen and (min-width: 768px) {
  h2 { font-size: 1.5em; }
}
h3, h4 { font-size: 1.3em; }
h5, h6 { font-size: 1.1em; }
small { color: rgb(119, 119, 119); font-size: 0.9em; }
pre { background: rgb(250, 249, 249) none repeat scroll 0% 0%; color: rgb(51, 51, 51); display: block; font-family: Menlo,Monaco,Consolas,"Courier New",monospace; font-size: 1.4em; padding: 1.5em; word-break: break-all; overflow-wrap: break-word; }
code { background: rgb(250, 249, 249) none repeat scroll 0% 0%; color: rgb(51, 51, 51); font-family: Menlo,Monaco,Consolas,"Courier New",monospace; font-size: 1.4em; word-break: break-all; overflow-wrap: break-word; }
a { color: rgb(25, 51, 94); transition: all 0.25s ease 0s; }
a:focus, a:hover { text-decoration: underline; }
.call-to-action { font-family: font-bold; font-size: 0.75em; text-transform: uppercase; letter-spacing: 1px; }
dl { margin-bottom: 1.5em; }
dd { margin-left: 1.5em; }
ol, ul { padding-left: 1.5em; }
figcaption { font-family: Georgia,Times,"Times New Roman",serif; }
.imagehandler { display: block; min-width: 50px; min-height: 50px; }
.imagehandler > * { margin-top: 0px; }
.imagehandler > img { display: block; }
.bg-imagehandler { width: 100%; height: auto; background-size: cover; }
.loading[class*="imagehandler"] { background-color: transparent; background-image: url(8264387c4236b5379c499aba80cea71712c2c03c.gif) ; background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin: padding-box; background-position: center center; background-size: inherit; }
.loaded[class*="imagehandler"] { background-size: cover; }
@media only screen and (max-width: 480px) {
  .simple-hero { height: 200px; }
  .simple-hero .imagehandler { position: absolute; top: 0px; right: -50%; bottom: 0px; left: -50%; width: 200%; height: 100%; }
  .simple-hero .imagehandler > img { height: 100%; }
}
.ratio { display: inline-block; vertical-align: top; position: relative; width: 100%; box-sizing: border-box; }
.ratio::before { content: ""; display: block; padding-top: 100%; }
.ratio [class*="imagehandler"] { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: rgb(162, 178, 162); }
.ratio .imagehandler > img { width: 100%; height: 100%; }
.ratio.video-container > iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.ratio-4-1::before { padding-top: 25%; }
.ratio-2-1::before { padding-top: 50%; }
.ratio-16-9::before { padding-top: 56.25%; }
.ratio-4-3::before { padding-top: 75%; }
.ratio-1-1::before { padding-top: 100%; }
.ratio-1-2::before { padding-top: 200%; }
.image-wrap { display: block; }
.image-wrap > img { width: 100%; display: block; }
@media only screen and (max-width: 767px) {
  .image-left .image-wrap > img, .image-left > img, .image-right .image-wrap > img, .image-right > img { width: 100%; margin-bottom: 1.5em; }
}
@media only screen and (min-width: 768px) {
  .image-left::after { display: table; clear: both; content: " "; }
  .image-left .image-wrap, .image-left [class*="imagehandler"] { float: left; margin-right: 1.5em; }
  .image-left > img { float: left; }
  .image-right::after { display: table; clear: both; content: " "; }
  .image-right .image-wrap, .image-right [class*="imagehandler"], .image-right > img { float: right; margin-left: 1.5em; }
  .image-4 .image-wrap, .image-4 [class*="imagehandler"], .image-4 > img { width: 33.3333%; }
  .image-6 [class*="imagehandler"] { width: 50%; }
}
input[type="number"], input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="search"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="tel"], input[type="color"], select { border: 0.1em solid rgb(204, 204, 204); border-radius: 0px; display: inline-block; padding: 0.8em; vertical-align: middle; background-color: rgb(255, 255, 255); }
input:not([type]) { background-clip: padding-box; background-color: rgb(255, 255, 255); border: 0.1em solid rgb(204, 204, 204); border-radius: 0px; color: rgb(51, 51, 51); display: inline-block; padding: 0.8em; text-align: left; }
input[type="color"] { padding: 0.8em 1.6em; }
input:focus:not([type]), input[type="number"]:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="search"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus, input[type="tel"]:focus, input[type="color"]:focus, select:focus, textarea:focus { border-color: rgb(179, 212, 252); }
input[type="radio"], input[type="checkbox"] { vertical-align: middle; }
input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="file"]:focus {  }
input[disabled]:not([type]), input[type="number"][disabled], input[type="text"][disabled], input[type="password"][disabled], input[type="email"][disabled], input[type="url"][disabled], input[type="date"][disabled], input[type="search"][disabled], input[type="month"][disabled], input[type="time"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="week"][disabled], input[type="tel"][disabled], input[type="color"][disabled], select[disabled], textarea[disabled] { background-color: rgb(250, 249, 249); color: rgb(119, 119, 119); cursor: not-allowed; }
input[readonly], select[readonly], textarea[readonly] { background-color: rgb(250, 249, 249); border-color: rgb(204, 204, 204); color: rgb(119, 119, 119); }
input:focus:invalid, select:focus:invalid, textarea:focus:invalid { border-color: rgb(233, 50, 45); color: rgb(185, 74, 72); }
input[type="radio"]:focus:invalid:focus, input[type="checkbox"]:focus:invalid:focus, input[type="file"]:focus:invalid:focus { outline-color: rgb(25, 51, 94); }
select { background-color: rgb(255, 255, 255); border: 0.1em solid rgb(204, 204, 204); }
select[multiple] { height: auto; }
label { display: block; line-height: 2; cursor: pointer; }
label > * { margin-top: 0px; }
label > span { display: block; }
label > input + span { display: inline-block; }
.mute-label > span { position: absolute ! important; overflow: hidden ! important; clip: rect(0px, 0px, 0px, 0px) ! important; height: 1px; width: 1px; margin: -1px; padding: 0px; border: 0px none; }
fieldset { border: 0px none; margin: 0px; padding: 0.8em 0px; }
legend { border-bottom: 0.1em solid rgb(204, 204, 204); color: rgb(51, 51, 51); display: block; margin-bottom: 0.8em; padding: 0.8em 0px; width: 100%; }
textarea { border: 0.1em solid rgb(204, 204, 204); border-radius: 0px; display: block; margin-bottom: 0.8em; padding: 0.8em; vertical-align: middle; background-color: rgb(255, 255, 255); }
.checkbox-group * + *, .radio-group * + * { margin-top: 0px; }
.selectbox-group { position: relative; cursor: pointer; }
.selectbox-group::after { position: absolute; background-color: rgb(255, 255, 255); bottom: 1px; right: 1px; z-index: 2; display: inline-block; width: 38px; height: 38px; line-height: 38px; font-size: 16px; vertical-align: text-bottom; color: rgb(51, 51, 51); content: "▼"; text-align: center; pointer-events: none; cursor: pointer; }
.selectbox-group > select { position: relative; z-index: 1; width: 100%; height: 40px; padding: 5px 38px 5px 10px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; box-shadow: 0px 0px 0px transparent; }
@-moz-document url-prefix("") {
  .selectbox-group { overflow: hidden; }
  .selectbox-group > select { padding: 0px 38px 0px 0.7em; }
}
.selectbox-group > select option { font: 14px/18px sans-serif; margin-bottom: 2px; }
.selectbox-group.disabled { position: relative; opacity: 0.25; }
.selectbox-group.disabled > select { position: relative; filter: inherit; }
.ie .selectbox-group { background-color: rgb(255, 255, 255); }
.ie .selectbox-group::after { z-index: 0; }
.ie .selectbox-group > select { padding: 5px; background: transparent none repeat scroll 0px 0px; }
.ie7 .selectbox-group::after, .ie8 .selectbox-group::after, .ie9 .selectbox-group::after { display: none; }
.custom-formcontrol-group input[type="radio"], .custom-formcontrol-group input[type="checkbox"] { position: absolute; top: -100%; left: -100%; }
.custom-formcontrol-group label { line-height: inherit; }
.custom-formcontrol-group label > span { position: relative; padding-left: 1.6em; }
.custom-formcontrol-group label > span::after, .custom-formcontrol-group label > span::before { content: " "; position: absolute; top: 0.1em; left: 0px; width: 1em; height: 1em; box-sizing: border-box; }
.custom-formcontrol-group label > span::before { border: 1px solid rgb(0, 0, 0); }
.custom-formcontrol-group label > span::after { opacity: 0; }
.custom-formcontrol-group label > input:checked + span::after { opacity: 1; }
.custom-formcontrol-group label > input[type="radio"] + span::after { border: 0.3em solid transparent; background-color: rgb(133, 171, 209); background-clip: content-box; }
.custom-formcontrol-group label > input[type="radio"]:checked + span, .custom-formcontrol-group label > input[type="radio"]:checked + span::before, .custom-formcontrol-group label > input[type="radio"]:focus + span, .custom-formcontrol-group label > input[type="radio"]:focus + span::before, .custom-formcontrol-group label > input[type="radio"]:hover + span, .custom-formcontrol-group label > input[type="radio"]:hover + span::before { color: rgb(133, 171, 209); border-color: rgb(133, 171, 209); }
.custom-formcontrol-group label > input[type="radio"] + span::after, .custom-formcontrol-group label > input[type="radio"] + span::before { border-radius: 50%; }
.custom-formcontrol-group label > input[type="checkbox"] + span::after { content: "✓"; left: 0px; top: -2px; font-weight: 300; line-height: 1; }
.ie .custom-formcontrol-group label > input[type="checkbox"] + span::after { left: -4px; top: -4px; }
.custom-formcontrol-group label > input[type="checkbox"]:checked + span, .custom-formcontrol-group label > input[type="checkbox"]:checked + span::before, .custom-formcontrol-group label > input[type="checkbox"]:focus + span, .custom-formcontrol-group label > input[type="checkbox"]:focus + span::before, .custom-formcontrol-group label > input[type="checkbox"]:hover + span, .custom-formcontrol-group label > input[type="checkbox"]:hover + span::before { color: rgb(133, 171, 209); border-color: rgb(133, 171, 209); }
.custom-formcontrol-group label > input[type="checkbox"] + span::after, .custom-formcontrol-group label > input[type="checkbox"] + span::before { border-radius: 2px; }
.custom-formcontrol-group select { line-height: 1.2; font-family: font-regular; font-size: 1.3em; height: 68px; color: rgb(133, 171, 209); width: 100%; border-width: 1px; padding: 0.3em 0.8em; vertical-align: middle; background-color: rgb(255, 255, 255); font-weight: 200; }
.custom-formcontrol-group select > option { color: rgb(133, 171, 209); padding: 0.4em 0.8em; width: 100%; font-size: 1.1em; font-weight: 300; }
.custom-formcontrol-group [class*="required"] { position: relative; }
.custom-formcontrol-group [class*="required"]::after { content: "*"; position: absolute; top: 20px; right: 20px; line-height: 1; font-size: 2em; color: red; }
.custom-formcontrol-group [class*="required"][class*="selectbox-group"]::after { content: "▼"; width: 106px; height: 66px; top: 1px; right: 1px; line-height: 66px; color: rgb(51, 51, 51); }
.custom-formcontrol-group [class*="required"][class*="selectbox-group"]::before { content: "*"; position: absolute; top: 1px; right: 22px; height: 66px; line-height: 66px; z-index: 3; color: red; width: 10px; font-size: 2em; }
.custom-formcontrol-group .field-validation-error { display: block; color: red; margin: 0px 0px 8px 15px; font-size: 12px; }
.ie7 .custom-formcontrol-group input, .ie7 .custom-formcontrol-group span, .ie8 .custom-formcontrol-group input, .ie8 .custom-formcontrol-group span { position: static ! important; padding: 0px ! important; }
.ie7 .custom-formcontrol-group *::after, .ie7 .custom-formcontrol-group *::before, .ie8 .custom-formcontrol-group *::after, .ie8 .custom-formcontrol-group *::before { display: none; }
table { margin-bottom: 1.6em; }
caption { padding: 0.8em 0px; }
thead th { background: rgb(250, 249, 249) none repeat scroll 0% 0%; color: rgb(51, 51, 51); }
tr { background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin-bottom: 0.8em; }
td, th { border: 0.1em solid rgb(204, 204, 204); padding: 0.8em 1.6em; text-align: center; vertical-align: inherit; }
tfoot tr { background: transparent none repeat scroll 0px 0px; }
tfoot td { color: rgb(250, 249, 249); font-size: 0.8em; font-style: italic; padding: 1.6em 0.4em; }
.row { margin-left: -15px; margin-right: -15px; }
.row.gutter-wide { margin-left: -30px; margin-right: -30px; }
.row.gutter-wide > [class*="col-"] { padding: 30px; }
.row.gutter-compact { margin-left: -7.5px; margin-right: -7.5px; }
.row.gutter-compact > [class*="col-"] { padding: 7.5px; }
.row.no-gutter > [class*="col-"] { padding: 0px; }
.row::after { display: table; clear: both; content: " "; }
[class*="col-"] { position: relative; width: 100%; float: left; padding: 15px; list-style-type: none; }
.break[class*="col-"] { clear: both; }
@media only screen and (max-width: 979px) {
  [class*="col-"] [class*="col-"] { width: 100%; }
}
@media only screen and (min-width: 980px) {
  .col-2 { width: 16.6667%; }
  .col-3 { width: 25%; }
  .col-4 { width: 33.3333%; }
  .col-5 { width: 41.6667%; }
  .col-6 { width: 50%; }
  .col-6.col-centered { margin-left: 25%; margin-right: 25%; }
  .col-7 { width: 58.3333%; }
  .col-8 { width: 66.6667%; }
  .col-9 { width: 75%; }
  .col-10 { width: 83.3333%; }
  .col-12 { width: 100%; }
}
.box { display: block; overflow: hidden; background-color: rgb(255, 255, 255); }
.box img { display: block; width: 100%; }
.box .image-wrap ~ .box--headline { margin-top: 30px; }
.box .box--headline { font-family: font-regular; line-height: 1.1; text-transform: none; }
.box .box--headline > a { text-decoration: none; color: rgb(43, 73, 122); }
.box .box--headline + .box--manchet { margin-top: 15px; }
.box .box--manchet { overflow: hidden; font-size: 1.1em; }
.box .box--date { display: block; margin-top: 15px; font-size: 0.75em; }
.box .box--date + .box--manchet { margin-top: 15px; }
.box.boxed .image-wrap { margin-top: -30px; margin-right: -30px; margin-left: -30px; }
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .box.boxed .image-wrap { float: left; width: 50%; margin-top: 0px; margin-right: 30px; margin-left: 0px; }
  .box.boxed .image-wrap ~ h3 { margin-top: 0px; }
}
.box.boxed-image .image-wrap { margin-top: 0px; margin-right: 0px; margin-left: 0px; }
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .box.boxed-image .image-wrap { margin-right: 30px; }
}
.box::after { display: table; clear: both; content: " "; }
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .col-10 .box h3, .col-12 .box h3, .col-8 .box h3, .col-9 .box h3 { font-size: 1.5em; }
  .col-10 .box p, .col-12 .box p, .col-8 .box p, .col-9 .box p { font-size: 1.1em; }
  .col-10 .box.no-image h3, .col-12 .box.no-image h3, .col-8 .box.no-image h3, .col-9 .box.no-image h3 { font-size: 3em; }
  .col-10 .box.no-image p, .col-12 .box.no-image p, .col-8 .box.no-image p, .col-9 .box.no-image p { font-size: 1.5em; }
  .col-2 .box h3, .col-3 .box h3, .col-4 .box h3, .col-6 .box h3 { font-size: 1.3em; }
  .col-2 .box.no-image h3, .col-3 .box.no-image h3, .col-4 .box.no-image h3, .col-6 .box.no-image h3 { font-size: 1.5em; }
  .col-2 .box.no-image p, .col-3 .box.no-image p, .col-4 .box.no-image p, .col-6 .box.no-image p { font-size: 1.1em; }
}
@media only screen and (min-width: 980px) {
  .col-10 .box h3, .col-12 .box h3, .col-8 .box h3, .col-9 .box h3 { font-size: 3em; }
  .col-10 .box p, .col-12 .box p, .col-8 .box p, .col-9 .box p { font-size: 1.3em; }
  .col-10 .box.no-image h3, .col-12 .box.no-image h3, .col-8 .box.no-image h3, .col-9 .box.no-image h3 { font-size: 2em; }
  .col-10 .box.no-image p, .col-12 .box.no-image p, .col-8 .box.no-image p, .col-9 .box.no-image p { font-size: 1.3em; }
  .col-6 .box h3, .col-6 .box.no-image h3 { font-size: 2em; }
  .col-2 .box h3, .col-3 .box h3, .col-4 .box h3, .col-6 .box.no-image p { font-size: 1.3em; }
  .col-2 .box.no-image h3, .col-3 .box.no-image h3, .col-4 .box.no-image h3 { font-family: font-bold; text-transform: uppercase; }
  .col-2 .box.no-image p, .col-3 .box.no-image p, .col-4 .box.no-image p { font-size: 1.3em; }
}
[class*="skin-"] { position: relative; }
.skin-instagram > a { position: relative; display: block; }
.skin-instagram > a::after { content: ""; position: absolute; bottom: 15px; right: 15px; z-index: 10; width: 40px; height: 40px; background: transparent url(24e81fc39a4e19b7256cc036245dd27fc6d14dd8.gif)  no-repeat scroll center center; }
.skin-facebook .image-wrap { position: relative; }
.skin-facebook .image-wrap::after { content: ""; position: absolute; bottom: 15px; right: 15px; z-index: 10; width: 40px; height: 40px; background: transparent url(f45b4504abb9e9fe646eb3f2c5b6b86a242bbb45.gif)  no-repeat scroll center center; }
.skin-youtube .image-wrap { position: relative; }
.skin-youtube .image-wrap::after { content: ""; position: absolute; bottom: 15px; right: 15px; z-index: 10; width: 40px; height: 40px; background: transparent url(c8e033f6c5e6f0bbd27d5ce0cfd9d81b8917d764.gif)  no-repeat scroll center center; }
.skin-factbox { padding: 60px 0px 0px; text-align: center; }
.skin-factbox h3 { padding-left: 30px; padding-right: 30px; font-family: font-heavy; }
.skin-factbox h3 > span { display: block; }
.skin-factbox .buttons { width: 100%; margin-top: 60px; margin-bottom: 0px; padding: 15px 30px; line-height: 1; font-size: 0.9em; }
.skin-factbox .buttons > a { font-weight: 700; text-transform: uppercase; }
.skin-factbox.rescue { background-color: rgb(226, 74, 33); }
.skin-factbox.rescue h3 { font-size: 1.3em; text-transform: uppercase; color: rgb(160, 51, 22); }
.skin-factbox.rescue h3 .skin-factbox--headline1 { font-size: 2em; }
@media only screen and (min-width: 980px) {
  .skin-factbox.rescue h3 .skin-factbox--headline1 { font-size: 2em; }
}
@media only screen and (min-width: 1201px) {
  .skin-factbox.rescue h3 .skin-factbox--headline1 { font-size: 3em; }
}
.skin-factbox.rescue h3 .skin-factbox--headline2 { font-size: 1.3em; }
@media only screen and (min-width: 980px) {
  .skin-factbox.rescue h3 .skin-factbox--headline2 { font-size: 1.1em; }
}
@media only screen and (min-width: 1201px) {
  .skin-factbox.rescue h3 .skin-factbox--headline2 { font-size: 1.5em; }
}
.skin-factbox.rescue .buttons { background-color: rgb(206, 67, 30); border-top: 1px solid rgb(160, 51, 22); }
.skin-factbox.rescue .buttons > a { color: rgb(106, 38, 20); }
.skin-factbox.oceangreen { background-color: rgb(22, 233, 186); }
.skin-factbox.oceangreen h3 { font-size: 1.3em; text-transform: uppercase; color: rgb(37, 215, 175); }
.skin-factbox.oceangreen h3 .skin-factbox--headline1 { font-size: 2em; }
@media only screen and (min-width: 980px) {
  .skin-factbox.oceangreen h3 .skin-factbox--headline1 { font-size: 2em; }
}
@media only screen and (min-width: 1201px) {
  .skin-factbox.oceangreen h3 .skin-factbox--headline1 { font-size: 3em; }
}
.skin-factbox.oceangreen h3 .skin-factbox--headline2 { font-size: 1.3em; }
@media only screen and (min-width: 980px) {
  .skin-factbox.oceangreen h3 .skin-factbox--headline2 { font-size: 1.1em; }
}
@media only screen and (min-width: 1201px) {
  .skin-factbox.oceangreen h3 .skin-factbox--headline2 { font-size: 1.5em; }
}
.skin-factbox.oceangreen .buttons { background-color: rgb(37, 215, 175); }
.skin-factbox.oceangreen .buttons > a { color: rgb(21, 127, 103); }
.skin-headline { background-color: transparent; }
.skin-headline h2 { font-size: 2em; font-family: font-heavy; text-transform: uppercase; color: rgb(255, 255, 255); }
@media only screen and (min-width: 768px) {
  .skin-headline h2 { font-size: 3.6em; }
}
@media only screen and (min-width: 980px) {
  .skin-headline h2 { font-size: 5em; }
}
@media only screen and (min-width: 1201px) {
  .skin-headline h2 { font-size: 6em; }
}
.module-instagram-box .module-instagram-box--username { margin-top: 15px; font-size: 0.9em; font-weight: 700; }
.module-instagram-box .module-instagram-box--manchet { overflow: hidden; text-overflow: ellipsis; margin-top: 15px; font-size: 0.9em; }
.module-twitter-box { overflow: hidden; padding-bottom: 75px; }
.module-twitter-box > iframe { min-width: 0px ! important; }
.module-twitter-box + .icon-svg { position: absolute; bottom: 30px; right: 30px; }
.icon-svg { position: relative; display: inline-block; overflow: hidden; }
.icon-svg::before { content: ""; position: absolute; top: 0px; left: 0px; z-index: 1; height: 100%; background-color: transparent; }
.icon-svg svg { position: relative; z-index: 2; display: inline-block; fill: rgb(131, 124, 117); }
.icon-svg span { display: inline-block; }
.icon-svg.icon-size--small { line-height: 30px; }
.icon-svg.icon-size--small::before { width: 30px; }
.icon-svg.icon-size--small svg { top: -2px; width: 15px; height: 15px; margin-left: 7.5px; }
.icon-svg.icon-size--small span { margin-left: 22.5px; }
.icon-svg.icon-size--small.mute-text { width: 30px; }
.icon-svg.icon-size--medium { line-height: 45px; }
.icon-svg.icon-size--medium.mute-text, .icon-svg.icon-size--medium::before { width: 45px; }
.icon-svg.icon-size--medium svg { width: 22.5px; height: 22.5px; margin-left: 15px; }
.icon-svg.icon-size--medium span { margin-left: 30px; }
.icon-svg.mute-text { text-align: center; }
.icon-svg.mute-text svg { margin-left: 0px; }
.icon-svg.mute-text span { position: absolute ! important; overflow: hidden ! important; clip: rect(0px, 0px, 0px, 0px) ! important; height: 1px; width: 1px; margin: -1px; padding: 0px; border: 0px none; }
.icon-svg.icon-skin--white::before { background-color: rgb(255, 255, 255); }
.icon-svg.icon-skin--white svg { fill: rgb(133, 171, 209); }
.icon-svg.icon-skin--white:hover::before { background-color: rgb(133, 171, 209); }
.icon-svg.icon-skin--white:hover svg { fill: rgb(255, 255, 255); }
.icon-svg.icon-skin--sand::before { background-color: rgb(231, 227, 223); }
.icon-svg.icon-skin--sand svg { fill: rgb(131, 124, 117); }
.icon-svg.icon-skin--sand:hover::before { background-color: rgb(131, 124, 117); }
.icon-svg.icon-skin--sand:hover svg { fill: rgb(255, 255, 255); }
.icon-svg.icon-skin--skyblue::before { background-color: rgb(154, 188, 222); }
.icon-svg.icon-skin--skyblue svg { fill: rgb(255, 255, 255); }
.icon-svg.icon-skin--skyblue:hover::before { background-color: rgb(133, 171, 209); }
.lt-ie9 .icon-svg::before { display: none; }
.lt-ie9 .icon-svg span { margin-left: 0px; }
article, aside, details, footer, header, main, section, summary { display: block; height: auto; width: 100%; }
hr { border-top: 0.1rem solid rgba(0, 0, 0, 0.2); display: block; margin-bottom: 1.5em; width: 100%; }
img { height: auto; max-width: 100%; vertical-align: baseline; }
a img { border: medium none; }
.mute-heading > h1, .mute-heading > h2, .mute-heading > h3, .mute-heading > h4, .mute-heading > h5, .mute-heading > h6 { position: absolute ! important; overflow: hidden ! important; clip: rect(0px, 0px, 0px, 0px) ! important; height: 1px; width: 1px; margin: -1px; padding: 0px; border: 0px none; }
.site-wrapper { overflow: hidden; position: relative; }
@media only screen and (min-width: 1440px) {
  .max-width { max-width: 1290px; margin-left: auto; margin-right: auto; }
}
.lt-ie9 .max-width, .lt-ie9 [role="content-info"] { width: 1290px; margin-left: auto; margin-right: auto; }
aside[role="complementary"] > h2 { font-size: 1.5em; }
.page-body > h1 { margin-top: 45px; text-transform: uppercase; }
@media only screen and (max-width: 1200px) {
  .page-body > h1 { margin-top: 0px; }
}
@media only screen and (max-width: 1440px) {
  .page-body { padding-left: 1.5em; padding-right: 1.5em; }
}
@media only screen and (max-width: 767px) {
  .page-body { padding-left: 0.75em; padding-right: 0.75em; }
}
.page-body label > input, .page-body label > textarea { width: 100%; font-family: font-regular; font-size: 1.3em; border: 1px solid rgb(231, 227, 223); }
.page-body label > input.error, .page-body label > textarea.error { border: 1px solid red; background-color: rgb(255, 228, 225); }
.page-body label > textarea { min-height: 200px; }
.page-body label + label { margin-top: 1.5em; }
.page-body :-moz-placeholder { color: rgb(133, 171, 209); }
.page-body *::-moz-placeholder { color: rgb(133, 171, 209); }
.page-body .error:-moz-placeholder { color: red; }
.page-body .error::-moz-placeholder { color: red; }
.page-body .buttons { margin-top: 1.5em; }
.page-body--submit { padding: 15px 30px; font-size: 13px; font-weight: 700; text-transform: uppercase; color: rgb(255, 255, 255); border-width: medium medium 2px; border-style: none none solid; border-color: -moz-use-text-color -moz-use-text-color rgb(131, 124, 117); background-color: rgb(133, 171, 209); }
.page-body--manchet { margin-top: 30px; margin-bottom: 30px; font-size: 1.5em; }
.page-contacts .image-left img { max-width: 100px; float: left; margin-right: 0px; margin-bottom: 0px; }
.page-contacts .page-contacts--body, .page-contacts .page-contacts--header { margin-top: 0px; margin-left: 120px; }
@media only screen and (min-width: 980px) {
  .page-contacts .page-contacts--body, .page-contacts .page-contacts--header { margin-left: 55%; }
}
@media only screen and (min-width: 1201px) {
  .page-contacts .page-contacts--body, .page-contacts .page-contacts--header { margin-left: 45%; }
}
.page-contacts .page-contacts--body { font-size: 0.9em; }
.page-contacts .page-contacts--header { margin-bottom: 5px; font-family: font-bold; font-size: 1.1em; color: rgb(131, 124, 117); }
.page-result { padding: 15px; background-color: rgb(250, 249, 249); }
@media only screen and (min-width: 768px) {
  .page-result { padding: 30px; }
}
.page-result > h2 { font-family: font-heavy; text-transform: uppercase; }
@media only screen and (min-width: 768px) {
  .page-result > h2 { font-size: 2em; }
}
.page-result > ul { padding: 0px; list-style: outside none none; }
.page-result li { margin-top: 0.75em; padding: 0.75em 15px; background-color: rgb(255, 255, 255); }
@media only screen and (min-width: 768px) {
  .page-result li { margin-top: 1.5em; padding: 1.5em 30px; }
}
.page-result h3 { font-family: font-regular; font-size: 1.1em; }
@media only screen and (min-width: 768px) {
  .page-result h3 { font-size: 1.5em; }
}
.page-result--date { margin-top: 15px; font-size: 0.75em; }
.page-result--manchet { margin-top: 15px; }
@media only screen and (min-width: 768px) {
  .page-result--manchet { font-size: 1.3em; }
}
@media only screen and (min-width: 768px) {
  .page-related { margin-top: 45px; }
}
.page-related > ul { margin-top: 0px; margin-bottom: 0px; padding: 0px; list-style: outside none none; }
.page-paging { padding: 15px 30px; background-color: rgb(255, 255, 255); }
.page-paging > ul { padding-left: 0px; list-style: outside none none; font-size: 0px; text-align: center; }
.page-paging li { display: inline-block; font-size: 16px; }
.page-paging li + li { margin-left: 1.5em; }
.page-paging .page-paging--item > span { position: absolute ! important; overflow: hidden ! important; clip: rect(0px, 0px, 0px, 0px) ! important; height: 1px; width: 1px; margin: -1px; padding: 0px; border: 0px none; }
.page-paging .is-active { font-weight: 700; }
.search-group { position: relative; padding: 15px; background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(231, 227, 223); }
@media only screen and (min-width: 768px) {
  .search-group { padding: 30px; }
}
.search-group label { width: 100%; }
.search-group .search-group--label { white-space: nowrap; vertical-align: middle; line-height: 1; font-family: font-heavy; font-size: 2em; text-transform: uppercase; color: rgb(25, 51, 94); }
@media only screen and (min-width: 768px) {
  .search-group .search-group--label { display: table-cell; width: 2%; padding-right: 30px; }
}
.search-group .search-group--input-wrapper { position: relative; width: 100%; vertical-align: top; }
@media only screen and (min-width: 768px) {
  .search-group .search-group--input-wrapper { display: table; }
}
.search-group .search-group--input, .search-group input[type="text"], .search-group input[type="search"] { width: 100%; height: 60px; line-height: 60px; padding-top: 0px; padding-bottom: 0px; background-color: rgb(250, 249, 249); display: table-cell; vertical-align: middle; }
.search-group .search-group--submit { position: absolute; bottom: 0px; right: 30px; overflow: hidden; width: 20px; height: 60px; text-indent: 200%; white-space: nowrap; padding: 0px; border: medium none; background: transparent url(1ee0b0c219b00f2b8a912fce1876d42ef12519c9.png)  no-repeat scroll center center; cursor: pointer; }
@media only screen and (min-width: 768px) {
  .search-group .search-group--submit { right: 30px; }
}
@media only screen and (max-width: 1200px) {
  .search-group .search-group--label { font-size: 1.3em; }
}
@media only screen and (max-width: 979px) {
  .search-group .search-group--label { white-space: normal; }
}
.simple-hero { position: relative; }
.simple-hero > h1 { position: absolute; top: 35%; z-index: 2; width: 100%; text-align: center; text-transform: uppercase; color: rgb(133, 171, 209); }
.simple-hero img { width: 100%; }
.hero { position: relative; overflow: hidden; }
.hero h1 { position: absolute; top: 15px; width: 100%; z-index: 10; color: rgb(226, 74, 33); font-family: font-heavy; font-size: 1.5em; text-transform: uppercase; text-align: center; }
.hero h1 > span { display: block; }
.hero h1 .hero-headline--first { font-size: 0.75em; }
.hero h1 .hero-headline--second { margin-top: 15px; font-size: 1.1em; }
@media only screen and (min-width: 481px) {
  .hero h1 .hero-headline--second { margin-top: 30px; }
}
.hero h1 .hero-headline--third { font-size: 0.75em; }
@media only screen and (min-width: 481px) {
  .hero h1 { top: 30%; }
}
@media only screen and (min-width: 768px) {
  .hero h1 .hero-headline--first { margin-bottom: 1.5em; font-size: 0.75em; }
  .hero h1 .hero-headline--second { margin-top: 0px; font-size: 2em; }
  .hero h1 .hero-headline--third { font-size: 1.3em; }
}
@media only screen and (min-width: 980px) {
  .hero h1 { top: auto; bottom: 50%; font-size: 2em; }
  .hero h1 .hero-headline--first { margin-bottom: 1.5em; font-size: 0.75em; }
  .hero h1 .hero-headline--second { margin-top: 0px; font-size: 2em; }
  .hero h1 .hero-headline--third { font-size: 1.3em; }
}
@media only screen and (min-width: 1201px) {
  .hero h1 .hero-headline--second { margin-top: 0px; font-size: 3em; }
  .hero h1 .hero-headline--third { font-size: 1.5em; }
}
@media only screen and (min-width: 1440px) {
  .hero h1 .hero-headline--second { margin-top: 0px; font-size: 4em; }
}
.hero-advanced { background-color: rgb(255, 255, 255); }
.hero-advanced .imagehandler { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; height: 100%; z-index: 1; }
.hero-advanced .imagehandler + .imagehandler { top: 100%; bottom: auto; z-index: 2; }
.story-header { position: absolute; bottom: 15px; left: 50%; z-index: 10; width: 150px; height: auto; margin-left: -75px; }
.story-header > a { display: block; width: 100%; height: 100%; padding-top: 7.5px; padding-bottom: 7.5px; text-align: center; text-decoration: none; text-transform: uppercase; font-family: font-regular; font-weight: 700; font-size: 0.75em; color: rgb(255, 255, 255); background-color: rgb(43, 73, 122); }
.story-header > a > span { display: block; }
@media only screen and (min-width: 980px) {
  .story-header { bottom: 10%; width: 150px; height: 150px; margin-left: -75px; }
  .story-header.levitate { position: fixed; }
  .story-header > a { padding-top: 25px; padding-bottom: 0px; background-image: url(321ac1a298addad286921f6ae071216a99036288.png) ; background-position: center 75%; background-repeat: no-repeat; }
}
@media only screen and (max-height: 1100px) {
  .story-header { bottom: 10px; }
}
@media only screen and (max-height: 990px) {
  .story-header { bottom: 10%; }
  .story-header.levitate { position: absolute; }
}
.frontpage-content { margin-top: 15px; margin-bottom: 15px; padding-left: 15px; padding-right: 15px; }
@media only screen and (min-width: 768px) {
  .frontpage-content { padding-left: 30px; padding-right: 30px; }
}
@media only screen and (min-width: 980px) {
  .frontpage-content { margin-top: 45px; margin-bottom: 45px; padding-left: 0px; padding-right: 0px; }
}
[role="banner"] { font-family: font-regular; }
.no-js-menutoggler { position: absolute; top: 26px; z-index: 20; opacity: 0; }
.no-js-menutoggler + .no-js-menudummy { position: relative; display: block; width: 100%; height: 75px; background-color: rgb(255, 255, 255); }
.no-js-menutoggler + .no-js-menudummy::after { content: ""; position: absolute; top: 0px; left: 0px; overflow: hidden; text-indent: 110%; white-space: nowrap; width: 20px; height: 100%; display: inline-block; margin-left: 1.5em; font-size: 16px; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-image: url(53357a7cf8e16fee0735ed41464f81f754669315.png) ; border: medium none; cursor: pointer; }
.no-js-menutoggler ~ .site-id { position: absolute; top: 20px; left: 50%; z-index: 40; margin-left: -63px; width: 126px; height: 31px; }
.no-js .no-js-menutoggler ~ .site-main-nav-controls, .no-js .no-js-menutoggler ~ header[role="banner"] { position: absolute ! important; overflow: hidden ! important; clip: rect(0px, 0px, 0px, 0px) ! important; height: 1px; width: 1px; margin: -1px; padding: 0px; border: 0px none; }
.no-js .no-js-menutoggler:checked ~ .site-main-nav-controls, .no-js .no-js-menutoggler:checked ~ header[role="banner"] { position: static ! important; overflow: visible ! important; clip: auto ! important; height: auto; width: auto; margin: 0px; padding: 0px; border: 0px none; }
.js .no-js-menutoggler, .js .no-js-menutoggler + .no-js-menudummy { display: none; }
.js .site-id { position: absolute; left: 50%; z-index: 40; margin-left: -63px; width: 126px; height: 31px; transition: none 0s ease 0s ; }
.js .site-id.stay { position: fixed; top: 20px; }
.js .site-id > img { border: medium none; }
.js .site-id > svg { display: block; width: 126px; height: 31px; }
@media only screen and (max-width: 1200px) {
  .js .menu-open { overflow: hidden; }
  .js [role="main"] { margin-top: 75px; }
  .js .site-id { position: fixed; top: 24px; }
  .js .site-main-nav-controls { position: fixed; z-index: 30; width: 100%; height: 75px; background-color: rgb(255, 255, 255); }
  .js .site-main-nav-controls .btn-mainmenu { margin-top: 1em; margin-left: 1.5em; font-size: 16px; background-color: transparent; border: medium none; outline: 0px none; cursor: pointer; }
  .js .site-main-nav-controls .btn-search { position: absolute; top: 0px; right: 0px; margin-top: 1em; margin-right: 1.5em; font-size: 16px; background-color: transparent; border: medium none; outline: 0px none; cursor: pointer; }
  .js [role="banner"] { opacity: 0; position: fixed; top: 75px; z-index: 29; width: 300px; overflow-y: scroll; background-color: rgb(255, 255, 255); }
  .js .ready[role="banner"] { opacity: 1; }
  .js [role="banner"] [role="navigation"] ul { list-style: outside none none; padding-left: 0px; }
  .js .nav-controls, .js .site-contact { display: none; }
  .js .nav-list li { position: relative; display: block; border-top: 1px solid rgb(231, 227, 223); }
  .js .nav-list a { display: block; padding: 1.5em 3em 1.5em 1.5em; line-height: 1; }
  .js .nav-list .nav-list--toggler { position: absolute; top: 0px; right: 0px; bottom: auto; left: auto; display: block; padding: 1.5em; line-height: 1; color: rgb(51, 51, 51); border-left: 1px solid rgb(233, 237, 235); cursor: pointer; }
  .js .nav-sublist { padding-left: 0px; background-color: rgb(250, 249, 248); overflow: hidden; max-height: 0px; opacity: 0; transition: max-height 0.4s ease 0s, opacity 0.6s ease 0s; }
  .js .nav-sublist[aria-selected="true"] { overflow: visible; max-height: 1000px; opacity: 1; }
  .js .nav-sublist a { padding: 0.75em 3em; font-size: 0.9em; }
  .js .nav-sublist .nav-list--toggler { padding: 0.75em; font-size: 0.9em; }
  .js .nav-subsublist { overflow: hidden; max-height: 0px; opacity: 0; transition: max-height 0.4s ease 0s, opacity 0.6s ease 0s; background-color: rgb(239, 239, 239); }
  .js .nav-subsublist[aria-selected="true"] { overflow: visible; max-height: 1000px; opacity: 1; }
  .js .nav-subsublist a { padding-left: 4.5em; }
  .js .nav-subsubsublist { overflow: hidden; max-height: 0px; opacity: 0; transition: max-height 0.4s ease 0s, opacity 0.6s ease 0s; background-color: rgb(232, 232, 232); }
  .js .nav-subsubsublist[aria-selected="true"] { overflow: visible; max-height: 1000px; opacity: 1; }
  .js .nav-subsubsublist a { padding-left: 6em; }
  .js .site-service-nav-overlay { position: absolute; top: 74px; right: 0px; bottom: 0px; left: 0px; z-index: 20; background-color: rgba(25, 51, 94, 0.7); }
  .js .site-language-nav { background-color: rgb(231, 227, 223); }
  .js .site-language-nav .nav-list { text-align: center; }
  .js .site-language-nav .nav-list > li { display: inline-block; list-style: outside none none; border: medium none; }
  .js .site-language-nav .nav-list > li.is-active > a { font-weight: 700; }
  .js .site-language-nav .nav-list a { display: block; margin-right: 0.75em; padding: 0.5em 2.25em 0.5em 0.5em; line-height: 3em; font-size: 0.75em; text-transform: uppercase; color: rgb(131, 124, 117); }
  .js .site-language-nav .nav-list a.da { background: transparent url(e4237c8fc4a78fb412514e512d9781ee030d4d44.png)  no-repeat scroll 2.4em center; }
  .js .site-language-nav .nav-list a.de { background: transparent url(e5b1e35f494dd41d4ef95d955084fed0be946b9c.png)  no-repeat scroll 2.4em center; }
  .js .site-language-nav .nav-list a.en { background: transparent url(4f7750738860ccef77fa2c23478b9ef83e454cf4.png)  no-repeat scroll 2.4em center; }
}
@media only screen and (min-width: 1201px) {
  .js .site-service-nav-overlay { position: absolute; top: 74px; right: 0px; bottom: 0px; left: 0px; z-index: 20; background-color: rgba(25, 51, 94, 0.7); cursor: pointer; }
  .js .nav-list--toggler, .js .site-main-nav-controls { display: none; }
  .js [role="banner"] { position: relative; left: 0px; z-index: 30; height: 117px; background-color: rgb(255, 255, 255); }
  .js .site-id { top: 60px; }
  .js li.focus > a, .js li.is-active > a, .js li > a:active, .js li > a:focus, .js li > a:hover { font-weight: 700; }
  .js .site-section-nav { position: relative; padding: 42px 0px 0px; background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(231, 227, 223); }
  .js .site-section-nav::after { display: table; clear: both; content: " "; }
  .js .site-section-nav.stay { position: fixed; width: 100%; padding-top: 0px ! important; }
  .js .site-section-nav.stay .nav-sublist { top: 76px; }
  .js .site-section-nav ul { list-style: outside none none; padding: 0px; }
  .js .site-section-nav .nav-list { position: relative; }
  .js .site-section-nav .nav-list::after { display: table; clear: both; content: " "; }
  .js .site-section-nav .nav-list > * { font-size: 16px; }
  .js .site-section-nav .nav-list > li { float: left; margin-top: 0px; }
  .js .site-section-nav .nav-list > li > a { display: block; padding-left: 0.75em; padding-right: 0.75em; line-height: 75px; text-decoration: none; transition: all 0.25s ease 0s; font-family: font-regular; font-size: 0.9em; letter-spacing: 1px; color: rgb(43, 73, 122); border-left: 1px solid transparent; border-right: 1px solid transparent; }
  .js .site-section-nav .nav-list > li.is-active > a { position: relative; font-weight: 300; color: rgb(255, 255, 255); background-color: rgb(43, 73, 122); }
  .js .site-section-nav .nav-list > li.is-active > a::after { content: ""; display: block; position: absolute; bottom: -1px; right: -1px; left: -1px; height: 1px; background-color: rgb(43, 73, 122); }
  .js .site-section-nav .nav-list > li.focus > a, .js .site-section-nav .nav-list > li.is-active > a:hover, .js .site-section-nav .nav-list > li > a:active, .js .site-section-nav .nav-list > li > a:focus, .js .site-section-nav .nav-list > li > a:hover { position: relative; font-weight: 300; color: rgb(131, 124, 117); background-color: rgb(255, 255, 255); border-left: 1px solid rgb(231, 227, 223); border-right: 1px solid rgb(231, 227, 223); }
  .js .site-section-nav .nav-list > li.focus > a::after, .js .site-section-nav .nav-list > li.is-active > a:hover::after, .js .site-section-nav .nav-list > li > a:active::after, .js .site-section-nav .nav-list > li > a:focus::after, .js .site-section-nav .nav-list > li > a:hover::after { content: ""; display: block; position: absolute; bottom: -1px; left: 0px; width: 100%; height: 1px; background-color: rgb(255, 255, 255); }
  .js .site-section-nav .nav-list > li.header-contactlink { position: absolute; right: 0px; }
  .js .site-section-nav .nav-list > li.header-contactlink > a { width: 140px; height: 55px; line-height: 55px; margin-top: 10px; text-align: center; color: rgb(226, 74, 33); background-color: rgb(250, 249, 248); border: 1px solid rgb(231, 227, 223); }
  .js .site-section-nav .nav-list > li.header-contactlink > a:active::after, .js .site-section-nav .nav-list > li.header-contactlink > a:focus::after, .js .site-section-nav .nav-list > li.header-contactlink > a:hover::after { display: none; }
  .js .site-section-nav .nav-list > li.header-contactlink > a:hover { background-color: rgb(231, 227, 223); }
  .js .site-section-nav .nav-sublist { display: table; table-layout: fixed; position: absolute; top: 76px; right: 0px; left: 0px; z-index: 0; width: 100%; padding-top: 3em; padding-bottom: 3em; background-color: rgb(255, 255, 255); font-family: font-regular; }
  .js .site-section-nav .nav-sublist > li { display: table-cell; width: 25%; vertical-align: top; border-left: 1px solid rgb(231, 227, 223); }
  .js .site-section-nav .nav-sublist > li:first-child { border: medium none; }
  .js .site-section-nav .nav-sublist > li a { display: block; margin: 0px 1.5em; font-size: 0.9em; font-weight: 300; font-family: inherit; }
}
@media only screen and (min-width: 1201px) and (min-width: 1201px) {
  .js .site-section-nav .nav-sublist > li a { font-size: 1.1em; }
}
@media only screen and (min-width: 1201px) {
  .js .site-section-nav .nav-sublist > li.focus > a, .js .site-section-nav .nav-sublist > li.is-active > a, .js .site-section-nav .nav-sublist > li > a:active, .js .site-section-nav .nav-sublist > li > a:focus, .js .site-section-nav .nav-sublist > li > a:hover { text-decoration: underline; }
  .js .site-section-nav .nav-sublist > li > ul { margin: 0px 0.75em 1.5em 1.95em; }
  .js .site-section-nav .nav-sublist > li > ul ul { margin-left: 1.5em; }
  .js .site-section-nav .nav-subsublist > li a { margin-top: 1.5em; margin-right: 0px; margin-left: 0px; font-size: 0.9em; color: rgb(133, 171, 209); }
  .js .site-section-nav .nav-subsublist > li.focus > a, .js .site-section-nav .nav-subsublist > li.is-active > a, .js .site-section-nav .nav-subsublist > li > a:active, .js .site-section-nav .nav-subsublist > li > a:focus, .js .site-section-nav .nav-subsublist > li > a:hover { position: relative; text-decoration: underline; }
  .js .site-section-nav .nav-subsublist > li.is-active > a::before { content: ""; position: absolute; top: 50%; left: -14px; width: 6px; height: 6px; margin-top: -3px; display: block; background-color: rgb(154, 188, 222); border-radius: 100%; }
  .js .site-section-nav .nav-subsubsublist > li.focus > a, .js .site-section-nav .nav-subsubsublist > li.is-active > a, .js .site-section-nav .nav-subsubsublist > li > a:active, .js .site-section-nav .nav-subsubsublist > li > a:focus, .js .site-section-nav .nav-subsubsublist > li > a:hover { position: relative; text-decoration: underline; }
  .js .site-section-nav .nav-subsubsublist > li.is-active > a::before { content: ""; position: absolute; top: 50%; left: -14px; width: 6px; height: 1px; display: block; background-color: rgb(154, 188, 222); }
  .js .site-section-nav .site-contact { position: absolute; top: 0px; right: 20px; width: 144px; height: 100%; overflow: hidden; text-indent: -100%; background: transparent url(f442c7610f358b4f0c3ac156e5eb33b512756968.png)  no-repeat scroll center center; }
  .js .site-service-nav { position: absolute; top: 0px; right: 0px; left: 0px; z-index: 20; width: 100%; height: 42px; background-color: rgb(250, 249, 248); border-bottom: 1px solid rgb(231, 227, 223); }
  .js .site-service-nav .nav-controls { width: 100%; height: 100%; }
  .js .site-service-nav .nav-controls.boxed-band, .js .site-service-nav .nav-controls.boxed-band::after, .js .site-service-nav .nav-controls.boxed-band::before { padding: 0px; background-color: rgb(250, 249, 248); }
  .js .site-service-nav .btn-servicemenu { height: 41px; line-height: 41px; margin-left: 1.5em; font-size: 16px; background-color: transparent; border: medium none; outline: 0px none; cursor: pointer; }
  .js .site-service-nav .btn-servicemenu::before { width: 42px; line-height: 41px; }
  .js .site-service-nav .site-service-nav--search-form { position: relative; width: 45px; height: 100%; display: inline-block; vertical-align: top; font-size: 16px; transition: all 0.5s ease 0s; }
  .js .site-service-nav .site-service-nav--search-form::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 2; width: 100%; height: 100%; cursor: pointer; }
  .js .site-service-nav .site-service-nav--search-form label { position: absolute ! important; overflow: hidden ! important; clip: rect(0px, 0px, 0px, 0px) ! important; height: 1px; width: 1px; margin: -1px; padding: 0px; border: 0px none; }
  .js .site-service-nav .site-service-nav--search-form .btn-search { position: relative; z-index: 1; background-color: transparent; background-position: center center; background-repeat: no-repeat; border: medium none; cursor: pointer; height: 100%; line-height: 41px; }
  .js .site-service-nav .site-service-nav--search-form.is-active { width: 240px; }
  .js .site-service-nav .site-service-nav--search-form.is-active::before { display: none; }
  .js .site-service-nav .site-service-nav--search-form.is-active label { position: static ! important; overflow: visible ! important; clip: auto ! important; width: auto; margin: 0px; padding: 0px; border: 0px none; height: 100%; line-height: 1; }
  .js .site-service-nav .site-service-nav--search-form.is-active .site-service-nav--search-field { width: 100%; height: 32px; line-height: 32px; min-height: 0px; margin-top: 5px; padding-top: 0px; padding-bottom: 0px; font-size: 0.9em; }
  .js .site-service-nav .site-service-nav--search-form.is-active .site-service-nav--search-field:focus { outline: 0px none; }
  .js .site-service-nav .site-service-nav--search-form.is-active .btn-search { position: absolute; right: 0px; top: 0px; z-index: 3; }
  .js .site-service-nav .nav-list { position: relative; z-index: 30; width: 300px; padding-left: 0px; background-color: rgb(255, 255, 255); }
  .js .site-service-nav .nav-list li { position: relative; display: block; border-top: 1px solid rgb(231, 227, 223); }
  .js .site-service-nav .nav-list li:first-child { padding-top: 11px; }
  .js .site-service-nav .nav-list a { display: block; padding: 1.5em 3em 1.5em 1.5em; line-height: 1; }
  .js .site-service-nav .nav-list .nav-list--toggler { position: absolute; top: 0px; right: 0px; bottom: auto; left: auto; display: block; padding: 1.5em; line-height: 1; color: rgb(51, 51, 51); border-left: 1px solid rgb(233, 237, 235); cursor: pointer; }
  .js .site-service-nav .nav-sublist { padding-left: 0px; background-color: rgb(250, 249, 248); overflow: hidden; max-height: 0px; opacity: 0; transition: max-height 0.4s ease 0s, opacity 0.6s ease 0s; }
  .js .site-service-nav .nav-sublist[aria-selected="true"] { overflow: visible; max-height: 1000px; opacity: 1; }
  .js .site-service-nav .nav-sublist a { padding: 0.75em 3em; font-size: 0.9em; }
  .js .site-service-nav .nav-sublist .nav-list--toggler { padding: 0.75em; font-size: 0.9em; }
  .js .site-service-nav .nav-subsublist { overflow: hidden; max-height: 0px; opacity: 0; transition: max-height 0.4s ease 0s, opacity 0.6s ease 0s; background-color: rgb(239, 239, 239); }
  .js .site-service-nav .nav-subsublist[aria-selected="true"] { overflow: visible; max-height: 1000px; opacity: 1; }
  .js .site-service-nav .nav-subsublist a { padding-left: 4.5em; }
  .js .site-service-nav .nav-subsubsublist { overflow: hidden; max-height: 0px; opacity: 0; transition: max-height 0.4s ease 0s, opacity 0.6s ease 0s; background-color: rgb(232, 232, 232); }
  .js .site-service-nav .nav-subsubsublist[aria-selected="true"] { overflow: visible; max-height: 1000px; opacity: 1; }
  .js .site-service-nav .nav-subsubsublist a { padding-left: 6em; }
  .js .site-service-nav .site-service-nav-overlay { position: absolute; top: 74px; right: 0px; bottom: 0px; left: 0px; z-index: 20; background-color: rgba(25, 51, 94, 0.7); }
  .js [role="banner"] .btn-language { position: absolute; top: 42px; right: 0px; width: 140px; height: 100%; border: medium none; outline: 0px none; cursor: pointer; }
  .js [role="banner"] .btn-language > span { display: block; overflow: hidden; height: 102%; text-indent: 100%; white-space: nowrap; }
  .js [role="banner"] .btn-language > span::before { content: ""; position: absolute; top: 50%; right: 17px; display: block; width: 10px; height: 5px; margin-top: -3px; background: transparent url(e5a124badc15ac1a57718641b75efcce97ce6d7e.png)  no-repeat scroll center center; }
  .js [role="banner"] .site-language-nav { position: absolute; z-index: 21; top: -42px; right: 0px; left: 0px; width: 100%; height: 42px; }
  .js [role="banner"] .site-language-nav .nav-list { position: absolute; top: 42px; z-index: -1; right: 0px; overflow: hidden; width: 140px; height: 42px; padding-left: 0px; background-color: rgb(231, 227, 223); }
  .js [role="banner"] .site-language-nav .nav-list[aria-selected="true"] { height: auto; }
  .js [role="banner"] .site-language-nav .nav-list > li { display: block; list-style: outside none none; border-bottom: 1px solid rgb(231, 227, 223); }
  .js [role="banner"] .site-language-nav .nav-list a { display: block; margin-left: 3em; line-height: 42px; font-size: 0.75em; text-transform: uppercase; color: rgb(131, 124, 117); }
  .js [role="banner"] .site-language-nav .nav-list a.da { background: transparent url(e4237c8fc4a78fb412514e512d9781ee030d4d44.png)  no-repeat scroll 2.4em center; }
  .js [role="banner"] .site-language-nav .nav-list a.de { background: transparent url(e5b1e35f494dd41d4ef95d955084fed0be946b9c.png)  no-repeat scroll 2.4em center; }
  .js [role="banner"] .site-language-nav .nav-list a.en { background: transparent url(4f7750738860ccef77fa2c23478b9ef83e454cf4.png)  no-repeat scroll 2.4em center; }
}
@media only screen and (min-width: 1201px) {
  .js .site-section-nav .nav-list > li > a { padding-left: 1.5em; padding-right: 1.5em; font-size: 1em; }
}
.js.ie8 .site-service-nav .btn-servicemenu { background-position: center center; background-repeat: no-repeat; background-image: url(53357a7cf8e16fee0735ed41464f81f754669315.png) ; }
.js.ie8 .site-service-nav .site-service-nav--search-form .btn-search { background-position: center center; background-repeat: no-repeat; background-image: url(1ee0b0c219b00f2b8a912fce1876d42ef12519c9.png) ; }
.site-footer { padding-top: 3em; padding-bottom: 3em; }
.site-footer * { color: rgb(131, 124, 117); }
@media only screen and (max-width: 1440px) {
  .site-footer > .row { padding-left: 30px; padding-right: 30px; }
}
.site-footer [class*="col-"] { padding-top: 7.5px; padding-bottom: 0px; }
.site-footer h2 { font-family: font-regular; margin-bottom: 30px; }
.site-footer a { font-family: font-regular; font-size: 1.1em; }
.site-footer--contact > h2 { font-family: font-regular; }
.site-footer--contact p + p { margin-top: 15px; }
.site-footer--eu-logo { margin-top: 1.5em; }
[role="article"] { padding-bottom: 1.5em; }
.article-body { padding-left: 1.5em; padding-right: 1.5em; }
@media only screen and (min-width: 980px) {
  .article-body { padding-left: 3em; padding-right: 3em; }
}
.article-body > .imagehandler { margin-top: 1.5em; margin-bottom: 1.5em; }
.article-body h1 { margin-top: 0px; text-transform: uppercase; }
.article-body--trumpet { text-transform: uppercase; }
.article-body--manchet { margin-top: 1em; line-height: 1.2; }
.article-body--date { display: block; margin-top: 1em; line-height: 1.2; }
.article-body--text h2 { margin-top: 30px; font-family: font-regular; line-height: 1.3; font-size: 1.5em; text-transform: none; color: rgb(43, 73, 122); }
.article-body--text h3, .article-body--text h4 { margin-top: 30px; font-family: font-regular; line-height: 1.3; font-size: 1.3em; text-transform: none; color: rgb(43, 73, 122); }
.article-body--text blockquote, .article-body--text p { margin-top: 30px; }
.article-body--text h2 + p, .article-body--text h3 + p, .article-body--text h4 + p, .article-body--text p:first-child { margin-top: 0px; }
.article-body--text a { text-decoration: underline; }
.article-body--text table { width: 100% ! important; margin-top: 1.5em; margin-bottom: 0px; }
.article-body--text tr { margin: 0px; background-color: transparent; }
.article-body--text td, .article-body--text th { padding: 0.5em; border: medium none; text-align: left; }
@media only screen and (max-width: 480px) {
  .article-body--text td, .article-body--text th { font-size: 0.75em; }
}
.article-body--text td h2, .article-body--text td h3, .article-body--text td h4, .article-body--text th h2, .article-body--text th h3, .article-body--text th h4 { margin-top: 0px; }
.article-body--text th { font-weight: 700; }
@media only screen and (max-width: 480px) {
  .article-body--text * + * { margin-top: 0.75em ! important; }
}
.blockquote-wrapper { margin-top: 74px; font-family: font-bold; font-weight: 700; text-transform: uppercase; color: rgb(154, 188, 222); }
.blockquote-wrapper blockquote { position: relative; margin-bottom: 15px; padding: 1.5em; font-style: italic; font-size: 1.5em; color: rgb(255, 255, 255); background-color: rgb(154, 188, 222); }
.blockquote-wrapper blockquote::before { content: ""; position: absolute; top: -54px; left: 0px; width: 48px; height: 34px; display: block; background: transparent url(4ae8253dff8de92340dbddb5f81038216e68cd68.png)  no-repeat scroll left top; }
.info-block { color: rgb(154, 188, 222); }
.info-block--content { margin-bottom: 15px; padding: 1.5em 1.5em 3em; color: rgb(154, 188, 222); background-color: rgb(255, 255, 255); }
.info-block--content > h2 { color: rgb(154, 188, 222); }
.info-block--content > p { margin-top: 1.5em; line-height: 1.8em; }
.share-box { margin-top: 1em; text-align: right; font-size: 0px; }
.share-box > * { font-size: 16px; }
.share-box > .share-box--title { display: inline-block; margin-right: 1.5em; line-height: 44px; vertical-align: top; font-family: font-bold; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }
.ie8 .share-box .icon-svg.mute-text { display: inline-block; width: auto; }
.ie8 .share-box .icon-svg.mute-text span { position: static ! important; overflow: visible ! important; clip: auto ! important; height: auto; width: auto; margin: auto; border: medium none; font-size: 0.75em; }
.no-js .frontpage-breaking { position: static ! important; overflow: visible ! important; clip: auto ! important; height: auto; width: auto; margin: 0px; padding: 0px; border: 0px none; }
.frontpage-breaking { position: absolute; top: 75px; right: 0px; bottom: auto; left: 0px; z-index: 20; width: 100%; padding: 3em 1.5em 1.5em; background-color: rgb(25, 51, 94); }
.frontpage-breaking.visuallyhidden { padding: 0px; }
.frontpage-breaking--byline { display: block; font-family: font-bold; font-style: italic; font-size: 1.3em; text-transform: uppercase; color: rgb(226, 74, 33); }
.frontpage-breaking--headline { font-family: font-bold; font-style: italic; font-size: 2em; text-transform: uppercase; color: rgb(226, 74, 33); }
.frontpage-breaking--date { display: block; margin-top: 30px; font-family: font-regular; text-transform: uppercase; color: rgb(255, 255, 255); }
.frontpage-breaking--manchet { font-size: 1.1em; color: rgb(255, 255, 255); }
.frontpage-breaking--link { margin-top: 45px; text-align: center; }
.frontpage-breaking--link > a { display: inline-block; padding: 15px 45px; background-color: rgb(133, 171, 209); font-size: 0.75em; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: rgb(255, 255, 255); }
.frontpage-breaking--close { position: absolute; top: 1.5em; right: 1.5em; display: inline-block; padding: 7.5px 15px; border: medium none; background-color: rgba(0, 0, 0, 0.4); font-size: 0.75em; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: rgb(255, 255, 255); }
.frontpage-breaking--close::after { content: "X"; margin-left: 15px; }
@media only screen and (min-width: 980px) {
  .frontpage-breaking { top: 0px; padding-right: 0px; padding-bottom: 3em; padding-left: 0px; }
  .frontpage-breaking--headline { font-size: 3em; }
  .frontpage-breaking--manchet { font-size: 1.5em; }
  .frontpage-breaking--close { top: 3em; right: 3em; padding: 15px 45px; }
}
.filterpage, .filterpage fieldset { overflow: hidden; }
.filterpage form { margin-top: 15px; background-color: rgb(250, 249, 249); }
.filterpage .simple-hero { margin-bottom: 15px; }
.filterpage .filterpage-body--manchet { margin-bottom: 15px; padding: 15px 30px; }
@media only screen and (min-width: 768px) {
  .filterpage .filterpage-body--manchet { font-size: 1.5em; }
}
@media only screen and (min-width: 768px) {
  .filterpage .search-group { display: table; }
}
@media only screen and (min-width: 768px) {
  .filterpage .search-group label { display: table-cell; padding-right: 30px; }
}
.filterpage .search-group .filterpage-toggle-filter { display: block; margin-top: 7.5px; vertical-align: top; font-family: font-regular; font-weight: 300; font-style: normal; font-size: 0.9em; cursor: pointer; }
@media only screen and (min-width: 768px) {
  .filterpage .search-group .filterpage-toggle-filter { display: table-cell; margin-top: 0px; line-height: 60px; }
}
.filterpage .search-group .filterpage-toggle-filter:hover { color: rgb(0, 0, 0); }
.filterpage .search-group .filterpage-toggle-filter::after { margin-left: 5px; font-size: 1.2em; content: "▼"; }
.filterpage .search-group .filterpage-toggle-filter.is-open::after { content: "▲"; }
.filterpage-body section[role="region"] { position: relative; padding-bottom: 70px; }
@media only screen and (min-width: 768px) {
  .filterpage-body section[role="region"] { min-height: 300px; }
}
.filterpage-body section.media-banner[role="region"] { min-height: 0px; }
.filterpage-body section[role="region"] .call-to-action { position: absolute; right: 0px; bottom: 0px; left: 0px; display: block; height: 50px; line-height: 50px; text-align: center; color: rgb(154, 188, 222); background-color: rgb(250, 249, 249); border-top: 1px solid rgb(231, 227, 223); border-bottom: 2px solid rgb(231, 227, 223); }
.filterpage-body + .filterpage-body { margin-top: 1.5em; }
.no-js .filter-group { position: relative ! important; overflow: visible ! important; clip: auto ! important; height: auto; width: auto; margin: 0px; padding: 0px; border: 0px none; }
.no-js .filter-group > .filterpage-reset { top: -30px; }
.filter-group { overflow: hidden; position: relative; }
.filter-group > .filterpage-reset { display: block; margin-top: 15px; margin-bottom: 15px; padding-right: 30px; padding-left: 30px; font-family: font-regular; font-weight: 300; font-style: normal; font-size: 0.9em; cursor: pointer; }
.filter-group > .filterpage-reset:hover { color: rgb(0, 0, 0); }
.content-types { position: relative; }
.content-types button[type="reset"] { margin-right: 15px; padding: 0px 30px 0px 15px; line-height: 2; font-size: 16px; color: rgb(43, 73, 122); background-color: rgb(255, 255, 255); border: 1px solid rgb(231, 227, 223); cursor: pointer; }
.content-types button[type="reset"]:focus { outline: 0px none; }
.tag-group { padding: 0px 30px; font-size: 0px; }
.tag-group > label { display: inline-block; padding: 7.5px 7.5px 7.5px 0px; }
.tag-group > label.disabled { cursor: default; }
.tag-group > label.disabled span { color: rgb(231, 227, 223); cursor: default; pointer-events: none; }
.tag-group span { padding: 0px 30px 0px 15px; font-family: font-regular; font-size: 14px; color: rgb(43, 73, 122); background-color: rgb(255, 255, 255); border: 1px solid rgb(231, 227, 223); }
.tag-group input[type="checkbox"] { position: absolute; top: 0px; left: -100%; }
.tag-group input[type="checkbox"]:focus + span, .tag-group input[type="checkbox"]:hover + span { border: 1px solid rgb(133, 171, 209); }
.tag-group input[type="checkbox"]:focus + span.disabled, .tag-group input[type="checkbox"]:hover + span.disabled { color: rgb(231, 227, 223); border: 1px solid rgb(231, 227, 223); cursor: default; pointer-events: none; }
.tag-group input[type="checkbox"]:checked + span { padding-right: 7.5px; color: rgb(255, 255, 255); background-color: rgb(133, 171, 209); border: 1px solid rgb(231, 227, 223); }
.tag-group input[type="checkbox"]:checked + span::after { content: "x"; margin-left: 15px; margin-right: 7.5px; }
.tag-group input[type="checkbox"]:checked:hover + span { color: rgb(43, 73, 122); background-color: rgb(154, 188, 222); }
.tag-group + .tag-group { margin-top: 15px; padding-top: 15px; border-top: 1px solid rgb(231, 227, 223); }
.ie8 .tag-group > label { position: relative; }
.ie8 .tag-group input[checked="checked"] { border: 1px solid red; }
.ie8 .tag-group input[type="checkbox"] { top: 5px; left: 7px; }
.ie8 .tag-group span { padding-left: 30px; }
.filter-date-group { margin-top: 30px; margin-right: 30px; margin-left: 30px; padding: 15px; border: 1px solid rgb(231, 227, 223); background-color: rgb(255, 255, 255); }
.filter-date-group::after { display: table; clear: both; content: " "; }
@media only screen and (min-width: 980px) {
  .filter-date-group .button-group, .filter-date-group > fieldset { float: left; padding: 0px; }
}
.filter-date-group > fieldset + .button-group, .filter-date-group > fieldset + fieldset { margin-top: 0px; }
@media only screen and (min-width: 980px) {
  .filter-date-group > fieldset + .button-group, .filter-date-group > fieldset + fieldset { margin-left: 15px; }
}
.filter-date-group legend { position: static; display: block; width: 100%; min-width: 10%; margin-bottom: 0px; padding: 0px; font-family: font-bold; font-size: 0.9em; text-transform: uppercase; border: medium none; }
@media only screen and (min-width: 980px) {
  .filter-date-group legend { float: left; width: auto; min-width: 0px; margin-right: 15px; line-height: 40px; }
}
.filter-date-group .selectbox-group + .selectbox-group { margin-top: 15px; }
@media only screen and (min-width: 980px) {
  .filter-date-group .selectbox-group { float: left; }
  .filter-date-group .selectbox-group + .selectbox-group { margin-top: 0px; margin-left: 15px; }
}
.filter-date-group .selectbox-group > span { position: absolute ! important; overflow: hidden ! important; clip: rect(0px, 0px, 0px, 0px) ! important; height: 1px; width: 1px; margin: -1px; padding: 0px; border: 0px none; }
.filter-date-group .selectbox-group > select { font-family: font-bold; font-weight: 700; font-size: 1.3em; line-height: 1; text-transform: uppercase; color: rgb(133, 171, 209); border: 1px solid rgb(231, 227, 223); }
.filter-date-group .selectbox-group > select option { text-transform: lowercase; }
.button-group > button { display: block; height: 40px; min-height: 0px; padding-left: 15px; padding-right: 15px; line-height: 1; font-family: font-bold; font-weight: 700; font-size: 0.9em; color: rgb(133, 171, 209); border: 1px solid rgb(231, 227, 223); }
@media only screen and (min-width: 980px) {
  .button-group > button { margin-left: 15px; }
}
.contactpage [role="region"], .media-banner + .media-banner { margin-top: 1.5em; }
@media only screen and (min-width: 768px) {
  .contactpage [role="region"] { margin-top: 3em; }
}
.contactpage [role="region"] .call-to-action { display: block; margin-top: 7.5px; font-family: font-bold; font-size: 1.1em; text-transform: none; color: rgb(154, 188, 222); }
@media only screen and (min-width: 980px) {
  .contactpage [role="region"] .unboxed-image [class*="imagehandler"] { margin-bottom: -30px; }
}
.contactpage [role="region"] .unboxed-image [class*="imagehandler"] > img { display: block; }
.contactpage h3, .contactpage h4 { font-size: 2em; }
.contactpage p { margin-top: 1.5em; }
.contact-name { font-size: 16px; }
.contact-email, .contact-email a, .contact-mobile, .contact-phone, .contact-title { font-size: 14px; }
.sectionpage [role="region"] { margin-top: 1.5em; }
.sectionpage [role="region"] h2 { font-family: font-regular; font-style: normal; text-transform: none; }
.newsletterpage, .searchpage { padding-top: 3em; }
.newsletterpage [class*="newsletter-required"] { position: relative; }
.newsletterpage [class*="newsletter-required"]::after { content: "*"; position: absolute; top: 20px; right: 20px; line-height: 1; font-size: 2em; color: red; }
.lecturebookingpage { padding-top: 3em; }
.faqpage { font-family: font-regular; }
.faqpage [role="region"] { margin-top: 3em; }
.faqpage [role="region"] > h2 { margin-bottom: 15px; font-family: font-heavy; color: rgb(43, 73, 122); text-transform: uppercase; font-size: 1.3em; }
@media only screen and (min-width: 481px) {
  .faqpage [role="region"] > h2 { font-size: 1.5em; }
}
@media only screen and (min-width: 768px) {
  .faqpage [role="region"] > h2 { font-size: 2em; }
}
.faqpage .module-scroller { margin-top: 3em; }
.faqpage .module-scroller > ul { display: block; font-size: 0px; list-style: outside none none; }
.faqpage .module-scroller .box { background-color: rgb(250, 249, 249); padding: 15px; border-top: 1px solid rgb(231, 227, 223); border-right: 1px solid rgb(231, 227, 223); border-bottom: 1px solid rgb(231, 227, 223); }
@media only screen and (min-width: 980px) and (max-width: 1440px) {
  .faqpage .module-scroller .box { min-height: 84px; }
}
.faqpage .module-scroller a { font-family: font-bold; font-size: 0.75em; color: rgb(133, 171, 209); text-transform: uppercase; }
.breadcrumb { margin-bottom: 1.5em; padding-top: 1.5em; padding-left: 0px; }
@media only screen and (min-width: 768px) {
  .breadcrumb { padding-top: 3em; font-size: 1.1em; }
}
.breadcrumb > li { display: inline-block; margin-top: 0px; }
.breadcrumb > li::before { content: "→"; font-family: font-bold; font-size: 1.1em; }
@media only screen and (min-width: 768px) {
  .breadcrumb > li::before { padding-left: 0.5em; }
}
.breadcrumb > li a { display: inline-block; color: rgb(131, 124, 117); }
@media only screen and (min-width: 768px) {
  .breadcrumb > li a { padding-left: 0.5em; }
}
.breadcrumb > li:first-child { padding-left: 0px; }
.breadcrumb > li:first-child a { padding-left: 0px; font-weight: 300; }
.breadcrumb > li:first-child::before { content: ""; display: inline-block; padding-left: 0px; }
.breadcrumb > li:last-child > a { font-weight: 700; }
.module-tabs { position: relative; border-bottom: 1px solid rgb(231, 227, 223); }
.module-tabs .module-tabs--tabheader { padding: 30px; font-family: font-bold; font-size: 0.75em; text-transform: uppercase; letter-spacing: 1px; color: rgb(133, 171, 209); background-color: rgb(245, 245, 245); border-top: 1px solid rgb(231, 227, 223); border-right: 1px solid rgb(231, 227, 223); border-left: 1px solid rgb(231, 227, 223); cursor: pointer; }
.module-tabs .module-tabs--tabheader.is-active { position: relative; color: rgb(131, 124, 117); background-color: rgb(250, 249, 249); }
.module-tabs .module-tabs--tabheader.is-active::after { content: ""; display: block; position: absolute; bottom: -1px; left: 0px; z-index: 2; width: 100%; height: 1px; background-color: rgb(250, 249, 249); }
.module-tabs.wide { border-bottom: medium none; }
.module-tabs.wide .module-tabs--tabheader-wrapper::after { display: table; clear: both; content: " "; }
.module-tabs.wide .module-tabs--tabheader { float: left; padding-right: 45px; padding-left: 45px; border-left: medium none; }
.module-tabs.wide .module-tabs--tabheader:first-child { border-left: 1px solid rgb(231, 227, 223); }
.module-tabs .module-tabs--tabcontent { overflow: hidden; background-color: rgb(250, 249, 249); }
.module-tabs .module-tabs--tabcontent.is-active { padding: 0px 15px 15px; border-right: 1px solid rgb(231, 227, 223); border-left: 1px solid rgb(231, 227, 223); }
@media only screen and (min-width: 768px) {
  .module-tabs .module-tabs--tabcontent.is-active { padding-right: 30px; padding-bottom: 30px; padding-left: 30px; }
}
.module-tabs.wide .module-tabs--tabcontent.is-active { margin-left: -30px; margin-right: -30px; padding: 60px; border-top: 1px solid rgb(231, 227, 223); border-right: medium none; border-left: medium none; }
.module-tabs + .module-tabs { margin-top: 30px; }
.module-maps { position: relative; }
@media only screen and (min-width: 768px) {
  .module-maps--country { position: absolute; top: 15px; right: 30px; }
}
.module-maps--country > select { display: inline-block; }
.module-maps--canvas { min-height: 500px; }
.module-maps--infowindow-address, .module-maps--infowindow-openhours, .module-maps--infowindow-phone, .module-maps--infowindow-title { display: block; font-family: font-regular; font-size: 0.9em; }
.module-maps--infowindow-title { margin-bottom: 5px; font-size: 1.1em; font-weight: 700; }
.module-maps--infowindow-openhours { display: inline-block; }
.module-faq { margin: 0px; }
.module-faq .module-faq--question { position: relative; margin-bottom: 15px; padding: 15px 30px 15px 15px; font-family: font-regular; color: rgb(43, 73, 122); background-color: rgb(255, 255, 255); cursor: pointer; }
@media only screen and (min-width: 768px) {
  .module-faq .module-faq--question { padding: 30px 60px 30px 30px; font-size: 2em; }
}
.module-faq .module-faq--question::after { content: "▼"; position: absolute; top: 15px; right: 7.5px; font-size: 0.9em; }
@media only screen and (min-width: 768px) {
  .module-faq .module-faq--question::after { top: 30px; right: 30px; }
}
.module-faq .module-faq--question.is-active { margin-bottom: 0px; }
.module-faq .module-faq--question.is-active::after { content: "✕"; }
.module-faq .module-faq--answer { margin-left: 0px; font-family: font-regular; font-size: 1.1em; }
.module-faq .module-faq--answer.is-active { margin-bottom: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; background-color: rgb(255, 255, 255); }
@media only screen and (min-width: 768px) {
  .module-faq .module-faq--answer.is-active { padding-right: 30px; padding-bottom: 30px; padding-left: 30px; }
}
.module-faq .module-faq--answer h2, .module-faq .module-faq--answer h3, .module-faq .module-faq--answer h4 { margin-top: 1.5em; margin-bottom: 7.5px; font-family: font-regular; font-size: 0.9em; }
@media only screen and (min-width: 768px) {
  .module-faq .module-faq--answer h2, .module-faq .module-faq--answer h3, .module-faq .module-faq--answer h4 { font-size: 1.3em; }
}
.module-faq .module-faq--answer p { margin: 0px; font-size: 0.9em; }
@media only screen and (min-width: 768px) {
  .module-faq .module-faq--answer p { font-size: 1.1em; }
}
.module-faq .module-faq--answer a { text-decoration: underline; }
.module-faq .module-faq--answer .module-faq--link, .module-faq .module-faq--answer > a { display: block; margin-top: 30px; font-family: font-bold; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: rgb(43, 73, 122); }
.is-pageeditor .ratio::before { display: none; }
.is-pageeditor .ratio [class*="imagehandler"] { position: static; background-color: transparent; }
.is-pageeditor .ratio .imagehandler > img { margin-top: 0px; }
.is-pageeditor .ratio.video-container > iframe { position: static; width: 100% ! important; height: auto ! important; }
.is-pageeditor .loading[class*="imagehandler"] { background: transparent none repeat scroll 0px 0px; }
.is-pageeditor .break > .box { position: relative; }
.is-pageeditor .break > .box::before { content: ""; position: absolute; top: -10px; left: 0px; z-index: 30; width: 20%; height: 10px; background-color: red; }
.is-pageeditor img.scEmptyImage { width: auto ! important; }
@media print {
  .no-js-menudummy, .no-js-menutoggler, .page-related, .share-box, .simple-hero, .site-footer, .site-id, .site-main-nav-controls, [role="banner"] { display: none ! important; }
  .article-body h1 { text-transform: none ! important; color: rgb(0, 0, 0) ! important; }
  .article-body .article-body--manchet, .article-body .article-body--text, .article-body .article-body--text td, .article-body .article-body--text th { font-size: 16px ! important; }
  .article-body .blockquote-wrapper { margin: 0px ! important; }
  .article-body .blockquote-wrapper blockquote { padding: 0px ! important; }
  [class*="col-"] { float: none ! important; width: 100% ! important; padding: 0px ! important; }
}