.__center {
    margin: 0 auto
}

.__clear, html, html body {
    padding: 0;
    margin: 0
}

.__inline_image {
    border: none;
    vertical-align: middle
}

.__clearfix {
    display: block;
    clear: both;
    content: ''
}

@font-face {
    font-family: FontAwesome;
    src: url(../_fonts/fontawesome/font.eot);
    src: url(../_fonts/fontawesome/font.eot?#iefix) format('embedded-opentype'), url(../_fonts/fontawesome/font.svg) format('svg'), url(../_fonts/fontawesome/font.woff) format('woff'), url(../_fonts/fontawesome/font.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'ALS Schlange Sans';
    src: url(../_fonts/als_schlange_sans/light/font.eot);
    src: url(../_fonts/als_schlange_sans/light/font.eot?#iefix) format('embedded-opentype'), url(../_fonts/als_schlange_sans/light/font.svg#als_schlange_sanslight) format('svg'), url(../_fonts/als_schlange_sans/light/font.woff2) format('woff2'), url(../_fonts/als_schlange_sans/light/font.woff) format('woff'), url(../_fonts/als_schlange_sans/light/font.ttf) format('truetype');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'ALS Schlange Sans';
    src: url(../_fonts/als_schlange_sans/regular/font.eot);
    src: url(../_fonts/als_schlange_sans/regular/font.eot?#iefix) format('embedded-opentype'), url(../_fonts/als_schlange_sans/regular/font.svg#als_schlange_sansregular) format('svg'), url(../_fonts/als_schlange_sans/regular/font.woff2) format('woff2'), url(../_fonts/als_schlange_sans/regular/font.woff) format('woff'), url(../_fonts/als_schlange_sans/regular/font.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'ALS Schlange Sans';
    src: url(../_fonts/als_schlange_sans/bold/font.eot);
    src: url(../_fonts/als_schlange_sans/bold/font.eot?#iefix) format('embedded-opentype'), url(../_fonts/als_schlange_sans/bold/font.svg#als_schlange_sansbold) format('svg'), url(../_fonts/als_schlange_sans/bold/font.woff2) format('woff2'), url(../_fonts/als_schlange_sans/bold/font.woff) format('woff'), url(../_fonts/als_schlange_sans/bold/font.ttf) format('truetype');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Kotebelle;
    src: url(../_fonts/kotebelle/font.eot);
    src: url(../_fonts/kotebelle/font.eot?#iefix) format('embedded-opentype'), url(../_fonts/kotebelle/font.svg#kotebelle) format('svg'), url(../_fonts/kotebelle/font.woff) format('woff'), url(../_fonts/kotebelle/font.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@keyframes zoomIn {
    0% {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        transform: scale(.8);
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1
    }
}

a, div, figcaption, figure, form, h1, h2, h3, h4, h5, h6, img, label, li, ol, p, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, ul {
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    vertical-align: baseline;
    border: 0;
    outline: 0;
    padding: 0;
    margin: 0
}

ol, ul {
    list-style: none
}

table {
    border-collapse: separate;
    border-spacing: 0
}

input::-ms-clear {
    display: none
}

article, footer, header, hgroup, menu, nav, section {
    display: block
}

:focus {
    outline: transparent dotted 1px
}

::selection {
    color: #fff;
    background: #1946BA
}

::-moz-selection {
    color: #fff;
    background: #1946BA
}

html {
    font-family: 'Open Sans', sans-serif;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

html body.scrolling, html body.scrolling * {
    -webkit-pointer-events: none !important;
    pointer-events: none !important
}

.pace {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-pointer-events: none;
    pointer-events: none
}

.pace .pace-progress {
    position: fixed;
    top: 0;
    right: 100%;
    background: #EC0B43;
    width: 100%;
    height: 2px;
    z-index: 100000
}

.pace .pace-progress-inner {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #EC0B43, 0 0 5px #EC0B43;
    -moz-box-shadow: 0 0 10px #EC0B43, 0 0 5px #EC0B43;
    -webkit-box-shadow: 0 0 10px #EC0B43, 0 0 5px #EC0B43;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-transform: rotate(3deg) translate(0, -4px);
    -moz-transform: rotate(3deg) translate(0, -4px);
    -ms-transform: rotate(3deg) translate(0, -4px);
    -o-transform: rotate(3deg) translate(0, -4px);
    transform: rotate(3deg) translate(0, -4px)
}

.pace-inactive {
    display: none
}

header {
    position: relative
}

header .wrapper {
    width: 1100px;
    margin: 0 auto
}

header .fixedlayer {
    position: fixed;
    left: 0;
    top: 0;
    background-color: #fff;
    border-top: 4px solid #F2F2F2;
    padding: 0 0 20px;
    width: 100%;
    z-index: 10001;
    transition: padding-bottom .3s ease-in-out;
    -moz-transition: padding-bottom .3s ease-in-out;
    -webkit-transition: padding-bottom .3s ease-in-out
}

header .fixedlayer .logo {
    display: block;
    width: 278px;
    height: 50px;
    margin: 15px 0 0;
    background: url(../_graphics/logos/logo.png) left top no-repeat;
    background-image: url(../_svg/logo_en.svg), none;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    float: left;
    transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    perspective: 1000;
    -ms-perspective: 1000;
    -moz-perspective: 1000;
    -webkit-perspective: 1000;
    transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: margin-top .3s ease-in-out, width .3s ease-in-out, height .3s ease-in-out;
    -moz-transition: margin-top .3s ease-in-out, width .3s ease-in-out, height .3s ease-in-out;
    -webkit-transition: margin-top .3s ease-in-out, width .3s ease-in-out, height .3s ease-in-out
}

header .fixedlayer .logo:focus {
    outline-color: #F2F2F2
}

header .fixedlayer .auxiliary {
    margin: 0 0 0 318px;
    transition: margin-left .3s ease-in-out;
    -moz-transition: margin-left .3s ease-in-out;
    -webkit-transition: margin-left .3s ease-in-out
}

header .fixedlayer .auxiliary > ul {
    position: relative;
    top: -4px;
    margin-bottom: -4px;
    float: right
}

header .fixedlayer .auxiliary > ul > li {
    position: relative;
    float: right
}

header .fixedlayer .auxiliary > ul > li > a {
    display: block;
    text-decoration: none;
    padding: 0 10px
}

header .fixedlayer .auxiliary > ul > li > a span {
    display: block;
    font-size: 15px;
    color: #2C2C2C;
    line-height: 15px;
    border-top: 4px solid transparent;
    padding: 32px 0 18px;
    transition: color .2s ease-in-out, border-top-color .15s ease-in-out, line-height .3s ease-in-out, padding-top .3s ease-in-out;
    -moz-transition: color .2s ease-in-out, border-top-color .15s ease-in-out, line-height .3s ease-in-out, padding-top .3s ease-in-out;
    -webkit-transition: color .2s ease-in-out, border-top-color .15s ease-in-out, line-height .3s ease-in-out, padding-top .3s ease-in-out
}

header .fixedlayer .auxiliary > ul > li > a:hover span {
    color: #EC0B43;
    border-top-color: #EC0B43
}

header .fixedlayer .auxiliary > ul > li > a:active span {
    color: #bb0935;
    border-top-color: #bb0935
}

header .fixedlayer .auxiliary > ul > li > a:focus {
    outline-color: #E4E4E4
}

header .fixedlayer .auxiliary > ul > li .dropdown {
    display: none;
    position: absolute;
    top: 20px;
    left: -11px;
    width: 110%;
    min-width: 170px;
    padding: 15px 0 9px;
    z-index: 43;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #F2F2F2;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    transition: top .3s ease-in-out;
    -moz-transition: top .3s ease-in-out;
    -webkit-transition: top .3s ease-in-out
}

header .fixedlayer .auxiliary > ul > li .dropdown h4 {
    font-size: 15px;
    color: #EC0B43;
    line-height: 15px;
    padding: 0 20px;
    margin: 0 0 8px
}

header .fixedlayer .auxiliary > ul > li .dropdown h4 a {
    color: #EC0B43;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

header .fixedlayer .auxiliary > ul > li .dropdown h4 a:hover {
    color: #f63465
}

header .fixedlayer .auxiliary > ul > li .dropdown h4 a:active {
    color: #d40a3c
}

header .fixedlayer .auxiliary > ul > li .dropdown h4 a:focus {
    outline-color: #fcc7d4
}

header .fixedlayer .auxiliary .language ul li a:focus, header .fixedlayer .auxiliary .language > a:focus, header .fixedlayer .auxiliary > ul > li .dropdown ul li a:focus {
    outline-color: #BDBDBD
}

header .fixedlayer .auxiliary > ul > li .dropdown h4:after {
    font-family: FontAwesome;
    font-size: 14px;
    content: '\F107';
    margin: 0 0 0 2px
}

header .fixedlayer .auxiliary > ul > li .dropdown ul {
    display: none
}

header .fixedlayer .auxiliary > ul > li .dropdown ul li a {
    display: block;
    font-weight: 300;
    font-size: 13px;
    color: #575757;
    text-decoration: none;
    border-top: 1px dotted #EBEBEB;
    line-height: 16px;
    padding: 8px 20px;
    transition: color .1s ease-in-out, background-color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out, background-color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out, background-color .1s ease-in-out
}

header .fixedlayer .auxiliary > ul > li .dropdown ul li a[target=_blank]:after {
    font-family: FontAwesome;
    content: '\F08E';
    color: #bdbdbd;
    margin: 0 0 0 7px
}

header .fixedlayer .auxiliary > ul > li .dropdown ul li a:hover {
    color: #2C2C2C;
    background-color: #F7F7F7;
    border-top-color: transparent
}

header .fixedlayer .auxiliary > ul > li .dropdown ul li a:active {
    color: #5f5f5f;
    background-color: #FAFAFA
}

header .fixedlayer .auxiliary > ul > li .dropdown ul li.active a {
    background-color: #FAFAFA
}

header .fixedlayer .auxiliary > ul > li .dropdown ul li:first-child a {
    border-top: none
}

header .fixedlayer .auxiliary > ul > li .dropdown h4 + ul {
    padding: 3px 0 0
}

header .fixedlayer .auxiliary > ul > li.toggle > a span:after {
    font-family: FontAwesome;
    font-size: 14px;
    content: '\F107';
    margin: 0 0 0 6px
}

header .fixedlayer .auxiliary > ul > li.toggle:hover a span {
    color: #EC0B43;
    border-top-color: #EC0B43
}

header .fixedlayer .auxiliary > ul > li.active > a span {
    border-top-color: #EC0B43
}

header .fixedlayer .auxiliary > ul > li:after {
    display: block;
    clear: both;
    content: ''
}

header .fixedlayer .auxiliary .language {
    position: relative;
    margin: 20px 0 0 20px;
    float: right;
    transition: margin-top .3s ease-in-out;
    -moz-transition: margin-top .3s ease-in-out;
    -webkit-transition: margin-top .3s ease-in-out
}

header .fixedlayer .auxiliary .language > a {
    display: block;
    position: relative;
    font-family: FontAwesome;
    font-size: 16px;
    color: #676767;
    text-decoration: none;
    line-height: 38px;
    background-color: #F2F2F2;
    border: 1px solid #F2F2F2;
    padding: 0 15px;
    z-index: 42;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    transition: color .1s ease-in-out, background-color .2s ease-in-out, border .2s ease-in-out;
    -moz-transition: color .1s ease-in-out, background-color .2s ease-in-out, border .2s ease-in-out;
    -webkit-transition: color .1s ease-in-out, background-color .2s ease-in-out, border .2s ease-in-out
}

header .fixedlayer .auxiliary .language > a:hover {
    color: #747474;
    background-color: #F7F7F7
}

header .fixedlayer .auxiliary .language > a:active {
    background-color: #fff
}

header .fixedlayer .auxiliary .language > a:after {
    color: #AFAFAF;
    content: '\F107';
    margin: 0 0 0 13px
}

header .fixedlayer .auxiliary .language ul {
    display: none;
    position: absolute;
    top: 38px;
    right: 0;
    width: 150px;
    padding: 10px 0;
    z-index: 41;
    border-radius: 2px 0 2px 2px;
    -moz-border-radius: 2px 0 2px 2px;
    -webkit-border-radius: 2px 0 2px 2px;
    border: 1px solid #F2F2F2;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

header .fixedlayer .auxiliary .language ul li a {
    display: block;
    font-weight: 300;
    font-size: 13px;
    color: #575757;
    text-decoration: none;
    border-top: 1px dotted #EBEBEB;
    line-height: 16px;
    padding: 8px 20px 8px 15px;
    transition: color .1s ease-in-out, background-color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out, background-color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out, background-color .1s ease-in-out
}

header .fixedlayer .auxiliary .language ul li a[target=_blank]:after {
    font-family: FontAwesome;
    content: '\F08E';
    color: #bdbdbd;
    margin: 0 0 0 7px
}

header .fixedlayer .auxiliary .language ul li a:hover {
    color: #2C2C2C;
    background-color: #F7F7F7;
    border-top-color: transparent
}

header .fixedlayer .auxiliary .language ul li a:active {
    color: #5f5f5f;
    background-color: #FAFAFA
}

header .fixedlayer .auxiliary .language ul li.active a {
    background-color: #FAFAFA
}

header .fixedlayer .auxiliary .language ul li:first-child a {
    border-top: none
}

header .fixedlayer .auxiliary .language ul li a .icon {
    display: inline-block;
    vertical-align: middle;
    background-color: #E5E5E5;
    background-repeat: no-repeat;
    background-position: left top;
    width: 16px;
    height: 11px;
    margin: 0 6px 0 0;
    background-size: 100%;
    -moz-background-size: 100%;
    -webkit-background-size: 100%
}

header .fixedlayer .auxiliary .language ul li a .icon.ru {
    background: url(../_graphics/flags/russian.png) left top no-repeat #E5E5E5;
    background-image: url(../_svg/flags/russian.svg), none
}

header .fixedlayer .auxiliary .language ul li a .icon.zh {
    background: url(../_graphics/flags/chinese.png) left top no-repeat #E5E5E5;
    background-image: url(../_svg/flags/chinese.svg), none
}

header .fixedlayer .auxiliary .language ul li a .icon.en {
    background: url(../_graphics/flags/english.png) left top no-repeat #E5E5E5;
    background-image: url(../_svg/flags/english.svg), none
}

header .fixedlayer .auxiliary .language ul li a .icon.esp {
    background: url(../_graphics/flags/esp.png) left top no-repeat #E5E5E5;
}

header .fixedlayer .auxiliary .language.active > a {
    color: #8d8d8d;
    border-bottom-color: #fff;
    background-color: #fff;
    border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0
}

header .fixedlayer .auxiliary .markethandler {
    display: none;
    position: relative;
    top: -4px;
    font-family: FontAwesome;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    line-height: 38px;
    border-top: none;
    padding: 25px 20px 1px;
    margin: 0 0 -4px 20px;
    z-index: 42;
    border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    transition: background-color .2s ease-in-out, padding-top .3s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, padding-top .3s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out, padding-top .3s ease-in-out;
    float: right
}

header .fixedlayer .auxiliary .markethandler i:before {
    font-style: normal;
    content: '\F00B'
}

header .fixedlayer .auxiliary:after, header .fixedlayer:after {
    display: block;
    content: '';
    clear: both
}

header .fixedlayer .auxiliary .markethandler:hover {
    background-color: #f63465
}

header .fixedlayer .auxiliary .markethandler:active {
    background-color: #d40a3c
}

header .fixedlayer .auxiliary .markethandler, header .fixedlayer .auxiliary .markethandler.active {
    background-color: #EC0B43
}

header .fixedlayer .auxiliary .markethandler:focus {
    outline-color: #f97e9c
}

header .fixedlayer.onair {
    border-bottom: 1px solid #E5E5E5;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 10px
}

header .fixedlayer.onair .logo {
    width: 222px;
    height: 40px;
    margin-top: 10px;
    background: url(../_graphics/logos/logo_small.png) left top no-repeat;
    background-image: url(../_svg/logo_en.svg), none;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
}

header .fixedlayer.onair .auxiliary {
    margin-left: 262px
}

header .fixedlayer.onair .auxiliary > ul > li > a span {
    line-height: 15px;
    padding: 22px 0 13px
}

header .fixedlayer.onair .auxiliary > ul > li .dropdown {
    top: 10px
}

header .fixedlayer.onair .auxiliary .language {
    margin-top: 10px
}

header .fixedlayer.onair .auxiliary .markethandler {
    padding-top: 15px
}

header .fixedlayer.static {
    position: absolute
}

header .navigation {
    padding: 91px 0 30px
}

header .navigation nav {
    width: 72.27272727%;
    float: left
}

header .navigation nav > ul {
    display: table;
    width: 100%
}

header .navigation nav > ul > li {
    display: table-cell;
    width: 20%
}

header .navigation nav > ul > li > a {
    display: block;
    overflow: hidden;
    position: relative;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 45px;
    white-space: nowrap;
    background-color: #1946BA;
    border-left: 1px solid #3b6ae5;
    z-index: 36;
    -webkit-font-smoothing: antialiased;
    transition: background-color .2s ease-in-out, border-color .1s ease-in-out, border-radius .3s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, border-color .1s ease-in-out, border-radius .3s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out, border-color .1s ease-in-out, border-radius .3s ease-in-out
}

header .navigation nav > ul > li > a:hover {
    background-color: #1e54de
}

header .navigation nav > ul > li > a:active {
    background-color: #2459e2
}

header .navigation nav > ul > li > a:focus {
    outline-color: #7e9dee
}

header .navigation nav > ul > li .mega {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 134px;
    left: 0;
    background-color: #fff;
    border-top: 4px solid #EC0B43;
    border-bottom: 1px solid #ccc;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    width: 100%;
    z-index: 37;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
    transition: box-shadow .3s ease-in-out;
    -moz-transition: box-shadow .3s ease-in-out;
    -webkit-transition: box-shadow .3s ease-in-out
}

header .navigation nav > ul > li .mega .wrapper {
    padding: 30px 0
}

header .navigation nav > ul > li .mega .container {
    display: table;
    width: 100%
}

header .navigation nav > ul > li .mega .container .column {
    display: table-cell;
    border-left: 1px dotted #BFBFBF;
    vertical-align: top;
    width: 25%;
    padding: 0 6.25%
}

header .navigation nav > ul > li .mega .container .column ul li {
    padding: 10px 0
}

header .navigation nav > ul > li .mega .container .column ul li a {
    display: inline-block;
    font-size: 15px;
    color: #2C2C2C;
    text-decoration: none;
    line-height: 17px;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

header .navigation nav > ul > li .mega .container .column ul li a[target=_blank]:after {
    font-family: FontAwesome;
    font-size: 14px;
    content: '\F08E';
    color: #bdbdbd;
    margin: 0 0 0 10px
}

header .navigation nav > ul > li .mega .container .column ul li a:hover {
    color: #EC0B43
}

header .navigation nav > ul > li .mega .container .column ul li a:active {
    color: #bb0935
}

header .navigation nav > ul > li .mega .container .column ul li a:focus {
    outline-color: #BDBDBD
}

header .navigation nav > ul > li .mega .container .column:first-child {
    border-left: none;
    padding-left: 0
}

header .navigation nav > ul > li .mega .container .column:last-child {
    padding-right: 0
}

header .navigation nav > ul > li .mega.inaction {
    box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent
}

header .navigation nav > ul > li:first-child > a {
    border-left: none;
    border-radius: 25px 0 0 25px;
    -moz-border-radius: 25px 0 0 25px;
    -webkit-border-radius: 25px 0 0 25px
}

header .navigation nav > ul > li:last-child > a {
    border-radius: 0 25px 25px 0;
    -moz-border-radius: 0 25px 25px 0;
    -webkit-border-radius: 0 25px 25px 0
}

header .navigation nav > ul > li.active > a {
    background-color: #EC0B43;
    border-left-color: #720520
}

header .navigation nav > ul > li.active > a:focus {
    outline-color: #fa96af
}

header .navigation aside .wrap .search .area .value:focus, header .navigation aside .wrap .search .area ul li a:focus, header .navigation aside .wrap .search button:focus {
    outline-color: #bbb
}

header .navigation nav > ul > li.active + li > a {
    border-left-color: #f74d77
}

header .navigation nav.dropped ul li:first-child > a {
    border-radius: 25px 0 0;
    -moz-border-radius: 25px 0 0;
    -webkit-border-radius: 25px 0 0
}

header .navigation nav.dropped ul li:last-child > a {
    border-radius: 0 25px 0 0;
    -moz-border-radius: 0 25px 0 0;
    -webkit-border-radius: 0 25px 0 0
}

header .navigation aside {
    position: relative;
    width: 27.72727273%;
    height: 45px;
    float: left
}

header .navigation aside .wrap {
    position: absolute;
    left: -25px;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #F2F2F2;
    border: 1px solid #F2F2F2;
    border-left: none;
    padding: 0 0 0 25px;
    z-index: 35;
    border-radius: 0 25px 25px 0;
    -moz-border-radius: 0 25px 25px 0;
    -webkit-border-radius: 0 25px 25px 0;
    transition: background-color .15s ease-in-out, border-radius .3s ease-in-out;
    -moz-transition: background-color .15s ease-in-out, border-radius .3s ease-in-out;
    -webkit-transition: background-color .15s ease-in-out, border-radius .3s ease-in-out
}

header .navigation aside .wrap .search {
    width: 100%;
    height: 43px;
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

header .navigation aside .wrap .search select {
    display: none
}

header .navigation aside .wrap .search button {
    display: block;
    color: #2C2C2C;
    cursor: pointer;
    background: 0 0;
    border: none;
    width: 20px;
    float: right;
    padding: 0;
    margin: 0;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

header .navigation aside .wrap .search button:before {
    font-family: FontAwesome;
    font-weight: 400;
    font-size: 20px;
    content: '\F002';
    vertical-align: middle;
    line-height: 43px
}

header .navigation aside .wrap .search button:hover {
    color: #797979
}

header .navigation aside .wrap .search button:active {
    color: #929292
}

header .navigation aside .wrap .search .area {
    position: relative;
    display: block;
    width: 115px;
    height: 19px;
    padding: 12px 0;
    float: right
}

header .navigation aside .wrap .search .area .value {
    display: block;
    font-weight: 300;
    font-size: 14px;
    color: #979797;
    text-align: right;
    text-decoration: none;
    line-height: 19px;
    padding: 0 20px;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

header .navigation aside .wrap .search .area .value span {
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
    width: 51px
}

header .navigation aside .wrap .search .area .value:after {
    font-family: FontAwesome;
    font-weight: 400;
    font-size: 14px;
    content: '\F107';
    vertical-align: middle;
    margin: 0 0 0 10px
}

header .navigation aside .wrap .search .area .value:hover {
    color: #656565
}

header .navigation aside .wrap .search .area ul {
    display: none;
    position: absolute;
    top: 43px;
    left: 0;
    background-color: #fff;
    width: 115px;
    padding: 5px 0;
    z-index: 33;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px
}

header .navigation aside .wrap .search .area ul li a {
    overflow: hidden;
    display: block;
    font-weight: 300;
    font-size: 14px;
    color: #979797;
    text-decoration: none;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 20px;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

header .navigation aside .wrap .search .area ul li a:hover {
    color: #656565
}

header .navigation aside .wrap .search .area ul li a.active {
    color: #2C2C2C
}

header .navigation aside .wrap .search .flex {
    width: 100%;
    height: 43px;
    padding: 0 135px 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

header .navigation aside .wrap .search .flex input {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #2C2C2C;
    background: 0 0;
    border: none;
    width: 100%;
    height: 19px;
    padding: 12px 0;
    margin: 0
}

header .navigation aside .wrap .search:after {
    display: block;
    clear: both;
    content: ''
}

header .navigation aside .wrap:hover {
    background-color: #F7F7F7
}

header .navigation aside .wrap.focused {
    background-color: #fff
}

header .navigation nav.dropped + aside .wrap {
    border-radius: 0 25px 0 0;
    -moz-border-radius: 0 25px 0 0;
    -webkit-border-radius: 0 25px 0 0
}

header .navigation:after {
    display: block;
    clear: both;
    content: ''
}

.layerslider .caption, .layerslider .category {
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    background-color: #EC0B43;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.layerslider .caption.category, .layerslider .category.category {
    font-size: 22px;
    text-transform: lowercase;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.layerslider .caption.category.gray, .layerslider .category.category.gray {
    background-color: #726B68
}

.layerslider .caption.category.violet, .layerslider .category.category.violet {
    background-color: #7852C9
}

.layerslider .caption.category.green, .layerslider .category.category.green {
    background-color: #94D600
}

.layerslider .caption.category.lightblue, .layerslider .category.category.lightblue {
    background-color: #3DB5E6
}

.layerslider .caption.category.orange, .layerslider .category.category.orange {
    background-color: #FF8400
}

.layerslider .caption.category.red, .layerslider .category.category.red {
    background-color: #EC0B43
}

.layerslider .caption.category.blue, .layerslider .category.category.blue {
    background-color: #1946BA
}

.layerslider .description, .layerslider .title {
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 26px;
    color: #fff;
    white-space: nowrap
}

.layerslider .description.title, .layerslider .title.title {
    font-weight: 600;
    text-transform: uppercase;
    white-space: normal;
    max-width: 440px
}

.layerslider .button {
    display: block;
    font-weight: 300;
    font-size: 16px;
    text-transform: uppercase;
    white-space: nowrap;
    outline: transparent dotted 1px !important;
    border: 1px solid transparent !important;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out !important;
    -moz-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out !important;
    -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out !important
}

.layerslider .button, .layerslider .button.red {
    color: #EC0B43;
    border-color: #EC0B43 !important
}

.layerslider .button.red:hover, .layerslider .button:hover {
    color: #fff;
    background-color: #EC0B43
}

.layerslider .button.red:active, .layerslider .button:active {
    background-color: #d40a3c;
    border-color: #d40a3c !important
}

.layerslider .button.red:focus, .layerslider .button:focus {
    outline-color: #f8658a !important
}

.layerslider .button.fill, .layerslider .button.red.fill {
    color: #fff;
    background-color: #EC0B43
}

.layerslider .button.fill:hover, .layerslider .button.red.fill:hover {
    background-color: #d40a3c;
    border-color: #d40a3c !important
}

.layerslider .button.fill:active, .layerslider .button.red.fill:active {
    background-color: #bb0935;
    border-color: #bb0935 !important
}

.layerslider .button.blue {
    color: #1946BA;
    border-color: #1946BA !important
}

.layerslider .button.blue:hover {
    color: #fff;
    background-color: #1946BA
}

.layerslider .button.blue:active {
    background-color: #163ea4;
    border-color: #163ea4 !important
}

.layerslider .button.blue:focus {
    outline-color: #517be8 !important
}

.layerslider .button.blue.fill {
    color: #fff;
    background-color: #1946BA
}

.layerslider .button.blue.fill:hover {
    background-color: #163ea4;
    border-color: #163ea4 !important
}

.layerslider .button.blue.fill:active {
    background-color: #13358d;
    border-color: #13358d !important
}

.layerslider .button.white {
    color: #fff;
    border-color: #fff !important
}

.layerslider .button.white:hover {
    color: #1C1C1C;
    background-color: #fff
}

.layerslider .button.white:active {
    background-color: #f2f2f2;
    border-color: #f2f2f2 !important
}

.layerslider .button.white:focus {
    outline-color: #fff !important
}

.layerslider .button.white.fill {
    color: #1C1C1C;
    background-color: #fff
}

.layerslider .button.white.fill:hover {
    background-color: #f2f2f2;
    border-color: #f2f2f2 !important
}

.layerslider .button.white.fill:active {
    background-color: #e6e6e6;
    border-color: #e6e6e6 !important
}

.layerslider .ls-link {
    display: none
}

.discover {
    background-color: #ECECED
}

.discover .wrapper {
    width: 1100px;
    padding: 40px 0;
    margin: 0 auto
}

.discover .wrapper .column {
    position: relative;
    width: 23.63636364%;
    margin: 0 0 0 1.81818182%;
    float: left
}

.discover .wrapper .column > a {
    display: table;
    text-decoration: none;
    width: 100%
}

.discover .wrapper .column > a .icon {
    display: table-cell;
    width: 30.76923077%;
    height: 100%;
    border-radius: 80px;
    -moz-border-radius: 80px;
    -webkit-border-radius: 80px;
    background-size: 52.5%;
    -moz-background-size: 52.5%;
    -webkit-background-size: 52.5%;
    transition: height .2s ease-in-out;
    -moz-transition: height .2s ease-in-out;
    -webkit-transition: height .2s ease-in-out
}

.discover .wrapper .column > a .icon.academic {
    background: url(../_graphics/discover/academic.png) center center no-repeat #fff;
    background-image: url(../_svg/discover/academic.svg), none
}

.discover .wrapper .column > a .icon.give {
    background: url(../_graphics/discover/give.png) center center no-repeat #fff;
    background-image: url(../_svg/discover/give.svg), none
}

.discover .wrapper .column > a .icon.community {
    background: url(../_graphics/discover/community.png) center center no-repeat #fff;
    background-image: url(../_svg/discover/community.svg), none
}

.discover .wrapper .column > a .icon.workspace {
    background: url(../_graphics/discover/workspace.png) center center no-repeat #fff;
    background-image: url(../_svg/discover/workspace.svg), none
}

.discover .wrapper .column > a .subject {
    display: table-cell;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 20px;
    color: #2C2C2C;
    line-height: 20px;
    vertical-align: middle;
    padding: 0 0 0 20px;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.discover .wrapper .column > a .subject span {
    display: block;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #979797;
    line-height: 16px;
    margin: 5px 0 0
}

.discover .wrapper .column > a:hover .subject {
    color: #1946BA
}

.discover .wrapper .column > a:active .subject {
    color: #13358d
}

.discover .wrapper .column > a:focus {
    outline-color: #ccc
}

.discover .wrapper .column > a:after {
    display: block;
    clear: both;
    content: ''
}

.discover .wrapper .column .dropdown {
    display: none;
    position: absolute;
    bottom: 80px;
    left: 0;
    padding: 0 0 23px;
    z-index: 35;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0
}

.discover .wrapper .column .dropdown ul {
    position: relative;
    background-color: #fff;
    width: 260px;
    padding: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.discover .wrapper .column .dropdown ul li {
    position: relative;
    line-height: 16px;
    padding: 5px 0 5px 15px
}

.discover .wrapper .column .dropdown ul li a {
    display: inline-block;
    font-weight: 300;
    font-size: 14px;
    color: #2C2C2C;
    text-decoration: none;
    transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out
}

.discover .wrapper .column .dropdown ul li a:hover {
    color: #1946BA
}

.discover .wrapper .column .dropdown ul li a:active {
    color: #13358d
}

.discover .wrapper .column .dropdown ul li a:focus {
    outline-color: #CECECE
}

.discover .wrapper .column .dropdown ul li:before {
    position: absolute;
    top: 5px;
    left: 0;
    font-family: FontAwesome;
    font-size: 14px;
    color: #C2C2C2;
    content: '\F105';
    vertical-align: middle;
    margin: 0 10px 0 0
}

.discover .wrapper .column .dropdown ul:after {
    display: block;
    position: absolute;
    bottom: -26px;
    left: 50%;
    content: '\20';
    border-width: 13px 15px;
    border-style: solid;
    border-color: #fff transparent transparent;
    width: 0;
    height: 0;
    margin-left: -15px
}

.discover .wrapper .column:first-child {
    margin: 0
}

.discover .wrapper:after {
    display: block;
    clear: both;
    content: ''
}

.news {
    background-color: #fff
}

.news .wrapper {
    width: 1100px;
    padding: 0 0 40px;
    margin: 0 auto
}

.news .heading h2 {
    display: inline-block;
    width: 70px;
    position: relative;
    top: -5px;
    font-weight: 300;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 26px;
    color: #2C2C2C;
    text-align: center;
    line-height: 26px;
    padding: 25px 0 0;
    margin-bottom: -5px;
    z-index: 3;
    background: url(../_graphics/news_cap.png) left top no-repeat;
    background-image: url(../_svg/news_cap.svg), none
}

.news .wrapper .heading .controls {
    display: inline-block;
    margin: 13px 0 0 35px
}

.news .wrapper .heading .controls a {
    display: block;
    width: 33px;
    height: 33px;
    background: url(../_graphics/news_arrows.png) left top no-repeat #ECECED;
    background-image: url(../_svg/news_arrows.svg), none;
    float: left;
    transition: opacity .4s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .4s ease-in-out, background-color .2s ease-in-out;
    -webkit-transition: opacity .4s ease-in-out, background-color .2s ease-in-out
}

.news .wrapper .heading .controls a.next {
    background-position: right top
}

.news .wrapper .heading .controls a.previous {
    margin: 0 5px 0 0
}

.news .wrapper .heading .controls a:hover {
    background-color: #E6E6E6
}

.news .wrapper .heading .controls a:active {
    background-color: #DCDCDD
}

.news .wrapper .heading .controls a:focus {
    outline-color: #CDCDCD
}

.news .wrapper .heading .controls a.slick-disabled {
    background-color: #ECECED;
    opacity: .5;
    -moz-opacity: .5;
    -khtml-opacity: .5
}

.news .wrapper .heading .more {
    line-height: 28px;
    margin: 22px 0 0;
    float: right
}

.news .wrapper .heading .more a {
    font-weight: 300;
    font-size: 16px;
    color: #1946BA;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.news .wrapper .heading .more a:hover {
    color: #3b6ae5
}

.news .wrapper .heading .more a:active {
    color: #163ea4
}

.news .wrapper .heading .more a:focus {
    outline-color: #ACACAC
}

.news .wrapper .heading .more.mediaportal a {
    color: #F98919
}

.news .wrapper .heading .more.mediaportal a:before {
    font-family: FontAwesome;
    content: '\F030';
    vertical-align: middle;
    margin: 0 8px 0 0
}

.news .wrapper .heading .more.mediaportal a:hover {
    color: #FB5811
}

.news .wrapper .heading .more.mediaportal a:active {
    color: #FE773C
}

.news .wrapper .heading .more.mediaportal a:focus {
    outline-color: #FFC285
}

.news .wrapper .heading .more:before {
    color: #CBCBCB;
    content: '\7C';
    margin: 0 15px 0 0
}

.news .wrapper .heading:after {
    display: block;
    clear: both;
    content: ''
}

.news .wrapper .viewport {
    position: relative;
    overflow: hidden;
    margin: 30px 0 0
}

.news .wrapper .viewport .slick {
    position: relative;
    left: -20px;
    margin: 0 -20px 0 0
}

.news .wrapper .viewport .slick:after {
    display: block;
    clear: both;
    content: ''
}

.news .wrapper .viewport .slick:hover {
    cursor: move
}

.events {
    background-color: #FAFAFA
}

.events .wrapper {
    width: 1100px;
    padding: 0 0 40px;
    margin: 0 auto
}

.events .wrapper .heading h2 {
    display: inline-block;
    width: 80px;
    position: relative;
    top: -5px;
    font-weight: 300;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 26px;
    color: #2C2C2C;
    text-align: center;
    line-height: 26px;
    padding: 25px 0 0;
    margin-bottom: -5px;
    z-index: 3;
    background: url(../_graphics/events_cap.png) left top no-repeat;
    background-image: url(../_svg/events_cap.svg), none
}

.events .wrapper .heading .more {
    line-height: 28px;
    margin: 22px 0 0;
    float: right
}

.events .wrapper .heading .more a {
    font-weight: 300;
    font-size: 16px;
    color: #1946BA;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.events .wrapper .heading .more a:hover {
    color: #3b6ae5
}

.events .wrapper .heading .more a:active {
    color: #163ea4
}

.events .wrapper .heading .more a:focus {
    outline-color: #ACACAC
}

.events .wrapper .heading .more.mediaportal a {
    color: #F98919
}

.events .wrapper .heading .more.mediaportal a:before {
    font-family: FontAwesome;
    content: '\F030';
    vertical-align: middle;
    margin: 0 8px 0 0
}

.events .wrapper .heading .more.mediaportal a:hover {
    color: #FB5811
}

.events .wrapper .heading .more.mediaportal a:active {
    color: #FE773C
}

.events .wrapper .heading .more.mediaportal a:focus {
    outline-color: #FFC285
}

.events .wrapper .heading .more:before {
    color: #CBCBCB;
    content: '\7C';
    margin: 0 15px 0 0
}

.events .wrapper .heading:after, .events .wrapper .viewport .item:after, .quicklinks .wrapper .grid ul:after {
    content: '';
    display: block;
    clear: both
}

.events .wrapper .viewport {
    position: relative;
    overflow: hidden;
    margin: 30px 0 0
}

.events .wrapper .viewport .item {
    width: 30.90909091%;
    height: 52px;
    margin: 0 0 0 3.63636364%;
    float: left
}

.events .wrapper .viewport .item .date {
    display: block;
    font-weight: 400;
    font-size: 10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    line-height: 12px;
    background-color: #EC0B43;
    width: 50px;
    height: 100%;
    padding: 7px 0;
    float: left
}

.events .wrapper .viewport .item .date span {
    display: block;
    font-weight: 600;
    font-size: 24px;
    line-height: 24px
}

.events .wrapper .viewport .item .description {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.events .wrapper .viewport .item .description h4 {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    max-height: 32px
}

.events .wrapper .viewport .item .description h4 a {
    color: #585858;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.events .wrapper .viewport .item .description h4 a:hover {
    color: #3F3F3F
}

.events .wrapper .viewport .item .description h4 a:active {
    color: #616161
}

.events .wrapper .viewport .item .description h4 a:focus {
    outline-color: #B4B4B4
}

.events .wrapper .viewport .item .description time {
    display: block;
    font-weight: 300;
    font-size: 12px;
    color: #9D9D9D;
    line-height: 12px;
    margin: 8px 0 0
}

.events .wrapper .viewport .item div + .description {
    padding-left: 70px
}

.events .wrapper .viewport .item:nth-child(3n+1) {
    margin-left: 0
}

.events .wrapper .viewport .item:nth-child(n+4) {
    margin-top: 20px
}

.quicklinks {
    background-color: #ECECED
}

.quicklinks .wrapper {
    width: 1100px;
    padding: 0 0 30px;
    margin: 0 auto
}

.quicklinks .wrapper h2 {
    width: 120px;
    position: relative;
    top: -5px;
    font-weight: 300;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 26px;
    color: #2C2C2C;
    text-align: center;
    line-height: 26px;
    padding: 25px 0 0;
    margin-bottom: -5px;
    z-index: 3;
    background: url(../_graphics/quicklink_cap.png) left top no-repeat;
    background-image: url(../_svg/quicklink_cap.svg), none
}

.agreement .wrapper p a:before, .bulkhead .wrapper a:after, .page article a[target=_blank]:after, footer .wrapper .follow ul li a, footer .wrapper .join ul li a .icon {
    font-family: FontAwesome
}

.quicklinks .wrapper .grid {
    margin: 30px 0 0
}

.quicklinks .wrapper .grid ul {
    width: 100%
}

.quicklinks .wrapper .grid ul li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 31.81818182%;
    padding: 4px 0;
    margin: 0 0 0 2.27272727%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.quicklinks .wrapper .grid ul li, .quicklinks .wrapper .grid ul li a {
    color: #797979
}

.quicklinks .wrapper .grid ul li a {
    font-size: 15px;
    text-decoration: none;
    line-height: 15px;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.quicklinks .wrapper .grid ul li a:hover {
    color: #606060;
    text-decoration: underline
}

.quicklinks .wrapper .grid ul li a:active {
    color: #868686
}

.quicklinks .wrapper .grid ul li a:focus {
    outline-color: #959595
}

.quicklinks .wrapper .grid ul li:nth-child(3n+1) {
    margin: 0
}

.bulkhead {
    background-color: #4D4D4D
}

.bulkhead .wrapper {
    width: 1100px;
    margin: 0 auto
}

.bulkhead .wrapper a {
    display: block;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    line-height: 16px;
    background-color: #3058C1;
    padding: 17px 20px;
    float: left
}

.bulkhead .wrapper a:first-child {
    background-color: #476BC8
}

.bulkhead .wrapper a:after {
    font-weight: 400;
    font-size: 16px;
    content: '\F105';
    vertical-align: middle;
    margin: 0 0 0 60px
}

.bulkhead .wrapper a:hover span {
    text-decoration: underline
}

.bulkhead .wrapper a:focus {
    outline-color: #7e9dee
}

footer .wrapper .contacts .feedback a:focus, footer .wrapper .follow ul li a:focus, footer .wrapper .join ul li a:focus {
    outline-color: #979797
}

.bulkhead .wrapper:after {
    display: block;
    clear: both;
    content: ''
}

footer {
    background-color: #333
}

footer .hashsum {
    position: absolute;
    left: -9999px
}

.page article, .page article ul:not(.relinks) li, .shortcode li {
    position: relative
}

.directions-list .wrapper,
footer .wrapper {
    width: 1100px;
    padding: 30px 0;
    margin: 0 auto
}

footer .wrapper h3 {
    font-weight: 300;
    font-size: 26px;
    color: #E4E4E4;
    line-height: 26px
}

footer .wrapper .contacts {
    width: 50%;
    float: left
}

footer .wrapper .contacts p {
    font-size: 15px;
    color: #fff;
    line-height: 24px;
    margin: 30px 0 0
}

footer .wrapper .contacts .feedback {
    font-size: 15px;
    color: #fff;
    line-height: 15px;
    white-space: nowrap;
    margin: 20px 0 0
}

footer .wrapper .contacts .feedback a {
    color: #BABABA;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

footer .wrapper .contacts .feedback a:hover {
    color: #d3d3d3;
    text-decoration: underline
}

footer .wrapper .follow ul li a, footer .wrapper .join ul li a {
    text-decoration: none;
    display: block
}

footer .wrapper .contacts .feedback a:active {
    color: #a1a1a1
}

footer .wrapper .contacts .feedback .delimiter:before {
    color: #fff;
    content: '\7C';
    margin: 0 10px
}

footer .wrapper .follow {
    width: 23.63636364%;
    margin: 0 0 0 4.54545455%;
    float: left
}

footer .wrapper .follow ul {
    margin: 30px 0 0
}

footer .wrapper .follow ul li {
    margin: 0 0 0 15px;
    float: left
}

footer .wrapper .follow ul li a {
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 32px;
    width: 32px;
    height: 32px;
    transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out
}

footer .wrapper .follow ul li a.facebook {
    background-color: #27579D
}

footer .wrapper .follow ul li a.facebook:hover {
    background-color: #2c62b1
}

footer .wrapper .follow ul li a.facebook:before {
    content: '\F09A'
}

footer .wrapper .follow ul li a.twitter {
    background-color: #2CA7E0
}

footer .wrapper .follow ul li a.twitter:hover {
    background-color: #42b0e3
}

footer .wrapper .follow ul li a.twitter:before {
    content: '\F099'
}

footer .wrapper .follow ul li a.instagram {
    background-color: #C536A4
}

footer .wrapper .follow ul li a.instagram:hover {
    background-color: #DB59BD
}

footer .wrapper .follow ul li a.instagram:before {
    content: '\f16d';
}

footer .wrapper .follow ul li a.telegram {
    background-color: #0088CC
}

footer .wrapper .follow ul li a.telegram:hover {
    background-color: #0095de
}

footer .wrapper .follow ul li a.telegram:before {
    content: url("/includes/icons/telegram.svg");
    display: block;
    height: 100%;
    width: 100%;
    position: center;
    margin-left: auto;
    margin-right: auto;
    filter: invert(1);
}

footer .wrapper .follow ul li a.youtube {
    background-color: #E7202A
}

footer .wrapper .follow ul li a.youtube:hover {
    background-color: #e93740
}

footer .wrapper .follow ul li a.youtube:before {
    content: '\F167'
}

footer a.vk {
    background-color: #27579D;
}

footer a.vk:before {
    content: '\f189'
}

footer .wrapper .follow ul li:first-child {
    margin: 0
}

footer .wrapper .follow ul:after {
    display: block;
    clear: both;
    content: ''
}

footer .wrapper .follow p {
    font-weight: 300;
    font-size: 14px;
    color: #979797;
    line-height: 18px;
    width: 230px;
    margin: 25px 0 0
}

footer .wrapper .join {
    width: 40%;
    margin: 0 0 0 4.54545455%;
    float: left
}

footer .wrapper .join ul {
    margin: 20px 0 0
}

footer .wrapper .join ul li {
    width: 56.81818182%;
    margin: 10px 0 0;
    float: left
}

footer .wrapper .join ul li a .icon {
    display: block;
    font-size: 20px;
    color: #E4E4E4;
    text-align: center;
    line-height: 38px;
    background-color: #292929;
    width: 38px;
    height: 38px;
    border-radius: 19px;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    float: left
}

footer .wrapper .join ul li a .icon.apple:before {
    content: '\F179'
}

footer .wrapper .join ul li a .icon.android:before {
    content: '\F17B'
}

footer .wrapper .join ul li a .icon.windows:before {
    content: '\F17A'
}

footer .wrapper .join ul li a:after, footer .wrapper .join ul:after, footer .wrapper:after {
    display: block;
    content: '';
    clear: both
}

footer .wrapper .join ul li a .text {
    display: block;
    font-weight: 300;
    font-size: 12px;
    color: #979797;
    line-height: 12px;
    padding: 4px 0;
    margin: 0 0 0 15px;
    float: left
}

footer .wrapper .join ul li a .text span {
    display: block;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 15px;
    margin: 0 0 3px
}

footer .wrapper .join ul li a:hover .text span {
    text-decoration: underline
}

footer .wrapper .join ul li.narrow {
    width: 36.36363636%;
    padding: 0 0 0 6.81818182%
}

footer::selection {
    color: #fff;
    background: #2C2C2C
}

footer::-moz-selection {
    color: #fff;
    background: #2C2C2C
}

.agreement {
    background-color: #242424;
    padding: 24px 0;
}

.agreement .wrapper {
    width: 1100px;
    margin: 0 auto
}

.agreement .wrapper p {
    font-size: 10px;
    color: #797979;
    text-transform: uppercase;
    line-height: 14px;
    height: 48px;
}

.agreement .wrapper p a {
    display: inline-block;
    font-size: 11px;
    font-weight: 300;
    color: #A7A7A7;
    text-transform: none;
    text-decoration: none;
    line-height: 12px;
    margin: 8px 0 0;
    transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out
}

.agreement .wrapper p a:hover {
    color: #cdcdcd
}

.agreement .wrapper p a:active {
    color: #b4b4b4
}

.agreement .wrapper p a:focus {
    outline-color: #747474
}

.agreement .wrapper p a:before {
    content: '\F132';
    vertical-align: middle;
    margin: 0 8px 0 0
}

.agreement .wrapper a.brand:hover {
    background-color: #f41c52;
}

.agreement .wrapper a.brand:active {
    top: 0;
    background-color: #d40a3c;
    height: 91px;
    margin-bottom: 0
}

.agreement .wrapper a.brand:focus {
    outline-color: #fa96af
}

.agreement::selection {
    color: #fff;
    background: #2C2C2C
}

.agreement::-moz-selection {
    color: #fff;
    background: #2C2C2C
}

.breadcrumbs {
    background-color: #1946BA
}

.page, .page article {
    background-color: #fff
}

.breadcrumbs .wrapper {
    width: 1100px;
    padding: 20px 0 40px;
    margin: 0 auto
}

.breadcrumbs .wrapper ul {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.breadcrumbs .wrapper ul li {
    overflow: hidden;
    font-weight: 300;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 70%;
    float: left
}

.breadcrumbs .wrapper ul li a {
    color: #fff;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.breadcrumbs .wrapper ul li a:hover {
    color: #c2d1f7
}

.breadcrumbs .wrapper ul li a:active {
    color: #95aef1
}

.breadcrumbs .wrapper ul li a:focus {
    outline-color: #3b6ae5
}

.breadcrumbs .wrapper ul li:before {
    font-size: 16px;
    color: #688ceb;
    content: '\2F';
    vertical-align: middle;
    margin: 0 10px
}

.breadcrumbs .wrapper ul li:first-child:before {
    display: none
}

.breadcrumbs .wrapper ul:after {
    display: block;
    clear: both;
    content: ''
}

.page article {
    padding: 20px 30px 30px;
    top: -20px;
    width: 1100px;
    margin-bottom: -20px !important;
    margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-weight: 400;
    font-size: 14px;
    color: #2C2C2C;
    line-height: 25px
}

.page article a {
    text-indent: 0;
    text-decoration: underline;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.page article a:hover {
    color: #3b6ae5
}

.page article a:active {
    color: #163ea4
}

.page article a:focus {
    outline-color: #ACACAC
}

.page article a i {
    margin: 0 0 0 5px
}

.page article a[target=_blank]:after {
    display: inline;
    content: '\A0\F08E'
}

.page article a[href$=".pdf"]:before, .page article a[href$=".doc"]:before, .page article a[href$=".docx"]:before, .page article a[href$=".ppt"]:before, .page article a[href$=".pptx"]:before {
    display: inline-block;
    font-family: Kotebelle;
    font-size: 1.6em;
    vertical-align: middle;
    margin: 0 4px 0 0
}

.page article a[href$=".pdf"] {
    color: #F62B2B
}

.page article a[href$=".pdf"]:before {
    content: '\E001'
}

.page article a[href$=".pdf"]:hover {
    color: #FF4D4D
}

.page article a[href$=".pdf"]:active {
    color: #E92525
}

.page article a[href$=".pdf"]:focus {
    outline-color: #FFCDCD
}

.page article a[href$=".doc"], .page article a[href$=".docx"] {
    color: #2A5598
}

.page article a[href$=".doc"]:before, .page article a[href$=".docx"]:before {
    content: '\E000'
}

.page article a[href$=".doc"]:hover, .page article a[href$=".docx"]:hover {
    color: #3665AD
}

.page article a[href$=".doc"]:active, .page article a[href$=".docx"]:active {
    color: #234D8D
}

.page article a[href$=".doc"]:focus, .page article a[href$=".docx"]:focus {
    outline-color: #ACC8F4
}

.page article a[href$=".ppt"], .page article a[href$=".pptx"] {
    color: #E65618
}

.page article a[href$=".ppt"]:before, .page article a[href$=".pptx"]:before {
    content: '\E002'
}

.page article a[href$=".ppt"]:hover, .page article a[href$=".pptx"]:hover {
    color: #F56526
}

.page article a[href$=".ppt"]:active, .page article a[href$=".pptx"]:active {
    color: #D84E13
}

.page article a[href$=".ppt"]:focus, .page article a[href$=".pptx"]:focus {
    outline-color: #FFCBB4
}

.page article a[href$="?"]:after, .page article a[href$="?"]:before {
    display: none
}

.page article h1 {
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 30px 0 20px
}

.page article h1:first-child {
    margin-top: 10px
}

.page article h2 {
    font-weight: 600;
    font-size: 20px;
    color: #2C2C2C;
    line-height: 26px;
    margin: 25px 0 15px
}

.page article h3 {
    font-weight: 600;
    font-size: 18px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 20px 0 10px
}

.page article h4, .page article h5 {
    text-transform: uppercase;
    margin: 15px 0 10px
}

.page article h4 {
    font-weight: 400;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 16px;
    color: #2C2C2C;
    line-height: 16px
}

.page article h5 {
    font-weight: 600;
    font-size: 14px;
    color: #7F7F7F;
    line-height: 18px
}

.page article p {
    text-align: justify
}

.page article p:not(:nth-last-of-type(1)) {
    margin: 15px 0 0
}

.page article strong {
    font-weight: 600
}

.page article img {
    border: none;
    max-width: 100%;
    height: auto
}

.page article .column {
    float: left
}

.page article .column.one-half {
    width: 48.63636364%;
    margin: 0 2.72727273% 0 0
}

.page article .column.one-third {
    width: 31.81818182%;
    margin: 0 2.27272727% 0 0
}

.page article .column.one-fourth {
    width: 23.63636364%;
    margin: 0 1.81818182% 0 0
}

.page article .column.last {
    margin: 0
}

.page article .column.last + .clear {
    display: block;
    clear: both;
    content: ''
}

.page article ol, .page article ul:not(.relinks), .shortcode ul {
    margin: 5px 0 0 30px
}

.page article ol li, .page article ul:not(.relinks) li {
    margin: 2px 0 0
}

.page article ol li:first-child, .page article ul:not(.relinks) li:first-child {
    margin: 0
}

.page article ul:not(.relinks) {
    list-style-type: none
}

.page article ul:not(.relinks) li:before,
.page article ul:not(.program_title) li:before,
.page article ul:not(.program_list) li:before {
    display: block;
    position: absolute;
    left: -30px;
    top: 3px;
    font-family: FontAwesome;
    content: '\F10C';
    color: #5374CB;
    text-align: center;
    line-height: 22px;
    width: 20px
}

.page article ol {
    list-style-type: decimal
}

.page article h1 + ol, .page article h1 + p, .page article h1 + ul, .page article h2 + ol, .page article h2 + p, .page article h2 + ul, .page article h3 + ol, .page article h3 + p, .page article h3 + ul, .page article h4 + ol, .page article h4 + p, .page article h4 + ul, .page article h5 + ol, .page article h5 + p, .page article h5 + ul {
    margin-top: 0 !important
}

.page article iframe, .page article video {
    max-width: 100%
}

.page article hr {
    border: none;
    border-top: 1px dotted #ccc;
    height: 0;
    padding: 0;
    margin: 20px 0
}

.page article:after {
    display: block;
    clear: both;
    content: ''
}

.page article.standalone {
    top: 0;
    margin-bottom: 0 !important
}

.page article .wrap {
    padding: 0 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.page article .wrap .gallery {
    position: relative;
    top: -35px;
    right: -30px;
    background-color: #F7F7F7;
    width: 47.11538462%;
    padding: 35px 0 30px;
    margin: 0 0 5px 10px;
    float: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.page article .wrap .gallery .heading {
    line-height: 24px;
    padding: 0 30px
}

.page article .wrap .gallery .heading .controls {
    float: right;
    padding: 0;
    margin: 0
}

.page article .wrap .gallery .heading .controls li {
    margin: 0 0 0 10px;
    float: left
}

.page article .wrap .gallery .heading .controls li a {
    display: block;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 20px;
    color: #1C1C1C;
    text-align: center;
    text-decoration: none;
    line-height: 20px;
    border: 2px solid #E5E5E5;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: color .1s ease-in-out, border-color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out, border-color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out, border-color .1s ease-in-out
}

.page article .wrap .gallery .heading .controls li a.left:before {
    content: '\3C'
}

.page article .wrap .gallery .heading .controls li a.right:before {
    content: '\3E'
}

.page article .wrap .gallery .heading .controls li a:hover {
    border-color: #BFBFBF
}

.page article .wrap .gallery .heading .controls li a:active {
    border-color: #B3B3B3
}

.page article .wrap .gallery .heading .controls li a:focus {
    outline-color: #E5E5E5
}

.page article .wrap .gallery .heading .controls li a.slick-disabled {
    color: #E5E5E5;
    cursor: default;
    border-color: #E5E5E5
}

.page article .wrap .gallery .heading .controls li a.slick-disabled:focus {
    outline-color: transparent
}

.page article .wrap .gallery .heading .controls li a.slick-hidden {
    visibility: hidden
}

.page article .wrap .gallery .heading .controls li:before {
    display: none
}

.page article .wrap .gallery .heading .controls li:first-child {
    margin-left: 0
}

.page article .wrap .gallery .heading .subject h6 {
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 20px;
    float: left
}

.page article .wrap .gallery .heading .subject .counters {
    font-weight: 300;
    font-size: 12px;
    color: #9B9B9B;
    margin: 0 0 0 15px;
    float: left
}

.page article .wrap .gallery .heading .subject .counters span {
    display: inline-block;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #1C1C1C;
    line-height: 16px;
    vertical-align: baseline;
    margin: 0 0 0 3px
}

.page article .wrap .gallery .heading .subject .counters span.current {
    color: #FFF;
    background-color: #EC0B43;
    padding: 0 8px;
    margin: 0 4px 0 0;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px
}

.page article .wrap .gallery .heading .subject:after, .page article .wrap .gallery .heading:after {
    display: block;
    clear: both;
    content: ''
}

.page article .wrap .gallery .viewport {
    margin: 30px 0 0
}

.page article .wrap .gallery .viewport figure img {
    display: block;
    border: none;
    width: 100%
}

.page article .wrap .gallery .viewport figure figcaption {
    position: relative;
    font-weight: 300;
    font-size: 13px;
    line-height: 20px;
    min-height: 20px;
    padding: 0 30px 0 70px;
    margin: 30px 0 0
}

.page article .wrap .gallery .viewport figure figcaption:before {
    display: block;
    position: absolute;
    left: 30px;
    top: 0;
    content: '\20';
    width: 20px;
    height: 20px;
    background: url(../_graphics/information.png) left top no-repeat;
    background-image: url(../_svg/information.svg), none
}

.page article .wrap .gallery + * {
    margin-top: 15px
}

.page article .wrap:after {
    display: block;
    clear: both;
    content: ''
}

.page article .form {
    position: relative;
    background-color: #F3F3F3;
    width: 100%;
    padding: 30px;
    margin: 40px 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.page article .form h3 {
    font-weight: 300;
    font-size: 22px;
    margin: 0
}

.page article .form h3 + div {
    font-size: 14px;
    color: #9A9A9A;
    line-height: 16px;
    margin: 5px 0 0
}

.page article .form .container {
    width: 100%;
    margin: 30px 0 0
}

.page article .form .container .group {
    margin: 25px 0 0
}

.page article .form .container .group h5 {
    font-weight: 400;
    font-size: 16px;
    color: #2C2C2C;
    line-height: 16px;
    text-transform: none;
    padding: 0;
    margin: 0
}

.page article .form .container .group h5 sup {
    color: #EC0B43
}

.page article .form .container .group .field {
    position: relative;
    width: 100%;
    margin: 10px 0 0
}

.page article .form .container .group .field input, .page article .form .container .group .field select, .page article .form .container .group .field textarea {
    font-weight: 400;
    font-size: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #5f5f5f;
    line-height: 36px;
    background-color: #fff;
    border: 2px solid #F0F0F0;
    padding: 0 10px;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: color .1s ease-in-out, border-color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out, border-color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out, border-color .1s ease-in-out
}

.page article .form .container .group .field input + label, .page article .form .container .group .field select + label, .page article .form .container .group .field textarea + label {
    overflow: hidden;
    display: block;
    font-size: 11px;
    color: #BFBFBF;
    cursor: pointer;
    text-transform: uppercase;
    line-height: 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 5px 0 0;
    transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out
}

.page article .form .container .group .field input + label:focus, .page article .form .container .group .field select + label:focus, .page article .form .container .group .field textarea + label:focus {
    outline-color: #EC0B43
}

.page article .form .container .group .field input.sharp, .page article .form .container .group .field select.sharp, .page article .form .container .group .field textarea.sharp {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none
}

.page article .form .container .group .field input.hover, .page article .form .container .group .field input:hover, .page article .form .container .group .field select.hover, .page article .form .container .group .field select:hover, .page article .form .container .group .field textarea.hover, .page article .form .container .group .field textarea:hover {
    border-color: #e3e3e3
}

.page article .form .container .group .field input:focus, .page article .form .container .group .field select:focus, .page article .form .container .group .field textarea:focus {
    color: #2C2C2C;
    border-color: #8CA2DC
}

.page article .form .container .group .field input:focus + label, .page article .form .container .group .field select:focus + label, .page article .form .container .group .field textarea:focus + label {
    color: #8CA2DC
}

.page article .form .container .group .field textarea {
    line-height: 20px;
    resize: vertical;
    width: 100%;
    height: 124px;
    max-height: 324px;
    padding-top: 10px;
    padding-bottom: 10px
}

.page article .form .container .group .field .clearinput {
    display: none;
    position: absolute;
    top: 2px;
    right: 2px;
    text-align: center;
    line-height: 36px;
    width: 36px;
    height: 36px;
    background: url(../_graphics/bright.png) right top repeat-y;
    background-image: url(../_svg/bright.svg), none;
    background-size: 36px 1px;
    -moz-background-size: 36px 1px;
    -webkit-background-size: 36px 1px
}

.page article .form .container .group .field .clearinput a {
    font-family: FontAwesome;
    font-size: 18px;
    color: #DCDCDC;
    text-decoration: none;
    transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out
}

.page article .form .container .group .field .clearinput a:hover {
    color: #626262
}

.page article .form .container .group .field .clearinput a:active {
    color: #8D8D8D
}

.page article .form .container .group.last .bone, .page article .form .container .group.last button {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #fff;
    line-height: 14px;
    cursor: pointer;
    outline-width: 1px
}

.page article .form .container .group .field .clearinput a:focus {
    outline-color: #DBDBDB
}

.page article .form .container .group .field .clearinput a:after {
    content: '\F057'
}

.page article .form .container .group .field .clearinput.visible + input {
    padding-right: 29px
}

.page article .form .container .group .field.half {
    width: 48.4375%;
    margin-left: 3.125%;
    float: left
}

.page article .form .container .group .field.half:first-of-type, .page article .slider .heading .controls li:first-child {
    margin-left: 0
}

.page article .form .container .group .field.flexible {
    width: 100%;
    max-width: 310px
}

.page article .form .container .group.last {
    text-align: right
}

.page article .form .container .group.last button {
    background: #EF154B;
    background: -moz-linear-gradient(top, #EF154B 0, #D9093D 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EF154B), color-stop(100%, #D9093D));
    background: -webkit-linear-gradient(top, #EF154B 0, #D9093D 100%);
    background: -o-linear-gradient(top, #EF154B 0, #D9093D 100%);
    background: -ms-linear-gradient(top, #EF154B 0, #D9093D 100%);
    background: linear-gradient(to bottom, #EF154B 0, #D9093D 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EF154B', endColorstr='#D9093D', GradientType=0);
    border: none;
    padding: 13px 35px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    transition: box-shadow .3s ease-in-out;
    -moz-transition: box-shadow .3s ease-in-out;
    -webkit-transition: box-shadow .3s ease-in-out
}

.page article .form .container .group.last button:hover {
    background: #F61950;
    background: -moz-linear-gradient(top, #F61950 0, #ED1046 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ED1046), color-stop(100%, #ED1046));
    background: -webkit-linear-gradient(top, #F61950 0, #ED1046 100%);
    background: -o-linear-gradient(top, #F61950 0, #ED1046 100%);
    background: -ms-linear-gradient(top, #F61950 0, #ED1046 100%);
    background: linear-gradient(to bottom, #F61950 0, #ED1046 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F61950', endColorstr='#ED1046', GradientType=0)
}

.page article .form .container .group.last button:active {
    background: #E11346;
    box-shadow: inset 0 1px 3px #D00F3F;
    -moz-box-shadow: inset 0 1px 3px #D00F3F;
    -webkit-box-shadow: inset 0 1px 3px #D00F3F
}

.page article .form .container .group.last button:focus {
    outline-color: #F43161
}

.page article .form .container .group.last .bone {
    display: inline-block;
    text-decoration: none;
    vertical-align: top;
    background: #C7C7C7;
    background: -moz-linear-gradient(top, #C7C7C7 0, #ADADAD 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C7C7C7), color-stop(100%, #ADADAD));
    background: -webkit-linear-gradient(top, #C7C7C7 0, #ADADAD 100%);
    background: -o-linear-gradient(top, #C7C7C7 0, #ADADAD 100%);
    background: -ms-linear-gradient(top, #C7C7C7 0, #ADADAD 100%);
    background: linear-gradient(to bottom, #C7C7C7 0, #ADADAD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C7C7C7', endColorstr='#ADADAD', GradientType=0);
    border: none;
    padding: 13px 20px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    transition: box-shadow .3s ease-in-out;
    -moz-transition: box-shadow .3s ease-in-out;
    -webkit-transition: box-shadow .3s ease-in-out
}

.page article .form .container .group.last .bone:hover {
    background: #CFCFCF;
    background: -moz-linear-gradient(top, #CFCFCF 0, #BDBDBD 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CFCFCF), color-stop(100%, #BDBDBD));
    background: -webkit-linear-gradient(top, #CFCFCF 0, #BDBDBD 100%);
    background: -o-linear-gradient(top, #CFCFCF 0, #BDBDBD 100%);
    background: -ms-linear-gradient(top, #CFCFCF 0, #BDBDBD 100%);
    background: linear-gradient(to bottom, #CFCFCF 0, #BDBDBD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CFCFCF', endColorstr='#BDBDBD', GradientType=0)
}

.page article .form .container .group.last .bone:active {
    background: #BDBDBD;
    padding: 14px 19px 12px 21px;
    box-shadow: inset 0 1px 3px #B3B3B3;
    -moz-box-shadow: inset 0 1px 3px #B3B3B3;
    -webkit-box-shadow: inset 0 1px 3px #B3B3B3
}

.page article .form .container .group.last .bone:before {
    font-family: FontAwesome;
    content: '\F09C';
    text-align: center;
    width: 16px;
    margin: 0 8px 0 0
}

.page article .form .container .group.last .bone:focus {
    outline-color: #C3C3C3
}

.page article .form .container .group:after {
    display: block;
    clear: both;
    content: ''
}

.page article .form .container .group:first-child {
    margin: 0
}

.page article .form .container .signature {
    font-size: 11px;
    color: #A1A1A1;
    line-height: 18px;
    text-transform: uppercase;
    margin: 20px 0 0
}

.page article .form .container .signature sup {
    color: #EC0B43
}

.page article .form .notice {
    margin: 30px 0 0;
    color: #5C5C5C;
    background-color: #F3F3F3;
    padding: 20px 30px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.page article .form .notice h4 {
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: none;
    padding: 0;
    margin: 0
}

.page article .form .notice h4:before {
    font-family: FontAwesome;
    font-size: 20px;
    color: #BEBEBE;
    content: '\F129';
    vertical-align: middle;
    margin: 0 20px 0 0
}

.page article .form .notice .close {
    display: none;
    font-family: FontAwesome;
    font-size: 18px;
    color: #D6D6D6;
    text-decoration: none;
    line-height: 20px;
    margin: 0 0 0 20px;
    float: right;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.page article .form .notice .close:hover {
    color: #9D9D9D
}

.page article .form .notice .close:active {
    color: #ADACAC
}

.page article .form .notice .close:focus {
    outline-color: #D2D2D2
}

.page article .form .notice .close:before {
    content: '\F00D'
}

.page article .form .notice:after {
    display: block;
    clear: both;
    content: ''
}

.page article .form .notice.success {
    color: #799D27;
    background-color: #C9EA7F
}

.page article .form .notice.success h4 {
    color: #799D27
}

.page article .form .notice.success h4:before {
    color: #A4C854;
    content: '\F00C'
}

.page article .form .notice.success .close {
    color: #ABD451
}

.page article .form .notice.success .close:hover {
    color: #85AA33
}

.page article .form .notice.success .close:active {
    color: #90B63D
}

.page article .form .notice.success .close:focus {
    outline-color: #A4C754
}

.page article .form .notice.warning {
    color: #A22746;
    background-color: #F585A1
}

.page article .form .notice.warning h4 {
    color: #A22746
}

.page article .form .notice.warning h4:before {
    color: #CD607C;
    content: '\F12A'
}

.page article .form .notice.warning .close {
    color: #D76985
}

.page article .form .notice.warning .close:hover {
    color: #B4405D
}

.page article .form .notice.warning .close:active {
    color: #C04B68
}

.page article .form .notice.warning .close:focus {
    outline-color: #C84969
}

.page article .form:after {
    display: block;
    position: absolute;
    top: -5px;
    right: 20px;
    font-family: FontAwesome;
    font-size: 42px;
    color: #EC0B43;
    content: '\F02E';
    line-height: 40px
}

.page article .slider {
    padding: 0 30px;
    margin: 40px 0 0
}

.page article .slider .heading {
    line-height: 24px
}

.page article .slider .heading h6 {
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 20px
}

.page article .slider .heading h6:after {
    display: inline-block;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #FFF;
    content: attr(data-size);
    vertical-align: middle;
    background-color: #EC0B43;
    line-height: 16px;
    padding: 0 8px;
    margin: 0 0 0 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px
}

.page article .slider .heading .controls {
    float: right;
    padding: 0;
    margin: 0
}

.page article .slider .heading .controls li {
    margin: 0 0 0 10px;
    float: left
}

.page article .slider .heading .controls li a {
    display: block;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 20px;
    color: #1C1C1C;
    text-align: center;
    text-decoration: none;
    line-height: 20px;
    border: 2px solid #E5E5E5;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: color .1s ease-in-out, border-color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out, border-color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out, border-color .1s ease-in-out
}

.page article .slider .heading .controls li a.left:before {
    content: '\3C'
}

.page article .slider .heading .controls li a.right:before {
    content: '\3E'
}

.page article .slider .heading .controls li a:hover {
    border-color: #BFBFBF
}

.page article .slider .heading .controls li a:active {
    border-color: #B3B3B3
}

.page article .slider .heading .controls li a:focus {
    outline-color: #E5E5E5
}

.page article .slider .heading .controls li a.slick-disabled {
    color: #E5E5E5;
    cursor: default;
    border-color: #E5E5E5
}

.page article .slider .heading .controls li a.slick-disabled:focus {
    outline-color: transparent
}

.page article .slider .heading .controls li a.slick-hidden {
    visibility: hidden
}

.page article .slider .heading .controls li:before {
    display: none
}

.page article .slider .heading:after {
    display: block;
    clear: both;
    content: ''
}

.page article .slider .viewport {
    position: relative;
    left: -20px;
    margin: 30px -20px 0 0
}

.page article .slider .viewport .item {
    margin: 0 0 0 20px
}

.page article .slider .viewport .item a {
    display: block;
    text-decoration: none;
    background-color: #F7F7F7;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    transition: background-color .15s ease-in-out;
    -moz-transition: background-color .15s ease-in-out;
    -webkit-transition: background-color .15s ease-in-out
}

.page article .slider .viewport .item a .image {
    text-align: center;
    line-height: 60px;
    padding: 30px 20px;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0
}

.page article .slider .viewport .item a .image img {
    display: inline-block;
    border: none;
    vertical-align: middle;
    width: auto;
    max-width: 50%;
    max-height: 60px
}

.page article .slider .viewport .item a .subject {
    font-weight: 600;
    font-size: 14px;
    color: #1C1C1C;
    text-align: center;
    line-height: 18px;
    padding: 0 20px 20px
}

.page article .slider .viewport .item a > * {
    display: block
}

.page article .slider .viewport .item a:hover {
    background-color: #F2F2F2
}

.page article .slider .viewport .item a:active {
    background-color: #EDEDED
}

.page article .slider .viewport .item a:focus {
    outline-color: #E5E5E5
}

.page article .slider + * {
    margin-top: 40px
}

.page .relevants {
    background-color: #F3F3F3;
    width: 100%;
    padding: 30px 40px 30px 30px;
    margin: 0 0 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.page .relevants h2 {
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0;
    margin: 0
}

.page .relevants h2:before {
    font-family: FontAwesome;
    font-size: 26px;
    content: '\F127';
    vertical-align: middle;
    margin: 0 15px 0 0
}

.page .relevants h2 + .columnhall {
    margin: 10px 0 0
}

.page .relevants .columnhall {
    padding: 0 0 0 25px
}

.page .relevants .columnhall ul {
    width: 100%
}

.page .relevants .columnhall ul li {
    overflow: hidden;
    line-height: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 30%;
    margin: 0 0 0 5%;
    float: left
}

.page .relevants .columnhall ul li, .page .relevants .columnhall ul li a {
    color: #818181
}

.page .relevants .columnhall ul li a {
    text-decoration: none;
    line-height: 16px;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.page .relevants .columnhall ul li a:before {
    font-family: FontAwesome;
    color: #C7C7C7;
    content: '\F105';
    margin: 0 10px 0 0
}

.page .relevants .columnhall ul li a:hover {
    color: #686868
}

.page .relevants .columnhall ul li a:active {
    color: #5b5b5b
}

.page .relevants .columnhall ul li a:focus {
    outline-color: #C7C7C7
}

.page .relevants .columnhall ul li:nth-child(3n+1) {
    margin-left: 0
}

.page .relevants .columnhall ul:after {
    display: block;
    clear: both;
    content: ''
}

.page + .partners .wrapper {
    padding-top: 0
}

.personality {
    background-color: #fff
}

.personality .wrapper {
    width: 1100px;
    padding: 35px 0 30px;
    margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.personality .wrapper h1 {
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 24px
}

.personality .wrapper .list {
    margin: 20px 0 0
}

.personality .wrapper .list .column {
    width: 30%;
    margin: 0 0 0 5%;
    float: left
}

.personality .wrapper .list .column:first-child {
    margin: 0
}

.personality .wrapper .list .column ul {
    margin: 23px 0 0
}

.personality .wrapper .list .column ul li {
    overflow: hidden;
    font-size: 14px;
    line-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.personality .wrapper .list .column ul li a {
    color: #4E4E4E;
    text-decoration: none;
    transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out
}

.personality .wrapper .list .column ul li a:hover {
    color: #1946BA
}

.personality .wrapper .list .column ul li a:active {
    color: #13358d
}

.personality .wrapper .list .column ul li a:focus {
    outline-color: #BCBCBC
}

.personality .wrapper .list .column ul li:before {
    font-family: FontAwesome;
    content: '\F105';
    color: #ABABAB;
    margin: 0 12px 0 0
}

.personality .wrapper .list .column ul li.letter {
    overflow: visible;
    font-size: 22px;
    color: #fff;
    text-align: right;
    text-transform: uppercase;
    line-height: 22px;
    vertical-align: bottom;
    background-color: #1946BA;
    width: 40px;
    height: 40px;
    padding: 10px;
    margin: 0 0 13px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.personality .wrapper .list .column ul li.letter:before {
    display: none
}

.personality .wrapper .list .column ul:first-child {
    margin: 0
}

.personality .wrapper .list:after {
    display: block;
    clear: both;
    content: ''
}

.personality > article {
    font-weight: 400;
    font-size: 14px;
    color: #2C2C2C;
    line-height: 28px;
    padding: 0 0 40px;
    position: relative;
    top: -20px;
    background-color: #fff;
    width: 1100px;
    margin-bottom: -20px !important;
    margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.personality > article h1 {
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 24px
}

.personality > article section {
    background-color: #F2F2F2;
    padding: 20px 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.personality > article section .headerline {
    position: relative
}

.personality > article section .headerline .editlink {
    display: block;
    position: absolute;
    right: 0;
    top: -20px;
    color: #C7C7C7;
    font-size: 24px;
    text-align: center;
    text-decoration: none;
    line-height: 37px;
    background-color: #fff;
    width: 37px;
    height: 37px;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.personality > article section .headerline .editlink:hover {
    color: #A1A1A1
}

.personality > article section .headerline .editlink:active {
    color: #B4B4B4;
    background-color: #FBFBFC
}

.personality > article section .headerline .editlink:before {
    font-family: FontAwesome;
    content: '\F040'
}

.personality > article section .headerline .editlink:focus {
    outline-color: #DDDCDC
}

.personality > article section .profile {
    margin: 15px 0 0
}

.personality > article section .profile .photo {
    background-color: #fff;
    width: 12.5%;
    padding: .961538%;
    float: left
}

.personality > article section .profile .photo .viewport {
    overflow: hidden;
    text-align: center;
    line-height: 120px;
    width: 100%
}

.personality > article section .profile .photo .viewport img {
    display: block;
    border: none;
    width: 100%
}

.personality > article section .profile .photo .viewport.nonexists:before {
    font-family: FontAwesome;
    font-size: 87px;
    content: '\F007';
    color: #E9E9E9
}

.personality > article section .profile .info {
    width: 80.76923%;
    margin: 0 0 0 4.807692%;
    float: left
}

.personality > article section .profile .info .workdata li {
    font-size: 14px;
    color: #2C2C2C;
    line-height: 16px;
    width: 46.428571%;
    min-height: 50px;
    float: left
}

.personality > article section .profile .info .workdata li::before {
    top: 15px;
}

.personality > article section .profile .info .workdata li a {
    text-indent: 0;
    text-decoration: underline;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.personality > article section .profile .info .workdata li a:hover {
    color: #3b6ae5
}

.personality > article section .profile .info .workdata li a:active {
    color: #163ea4
}

.personality > article section .profile .info .workdata li a:focus {
    outline-color: #ACACAC
}

.personality > article section .profile .info .workdata li a i {
    margin: 0 0 0 5px
}

.personality > article section .profile .info .workdata li a[target=_blank]:after {
    display: inline;
    font-family: FontAwesome;
    content: '\A0\F08E'
}

.personality > article section .profile .info .workdata li a[href$=".pdf"]:before, .personality > article section .profile .info .workdata li a[href$=".doc"]:before, .personality > article section .profile .info .workdata li a[href$=".docx"]:before, .personality > article section .profile .info .workdata li a[href$=".ppt"]:before, .personality > article section .profile .info .workdata li a[href$=".pptx"]:before {
    display: inline-block;
    font-family: Kotebelle;
    font-size: 1.6em;
    vertical-align: middle;
    margin: 0 4px 0 0
}

.personality > article section .profile .info .workdata li a[href$=".pdf"] {
    color: #F62B2B
}

.personality > article section .profile .info .workdata li a[href$=".pdf"]:before {
    content: '\E001'
}

.personality > article section .profile .info .workdata li a[href$=".pdf"]:hover {
    color: #FF4D4D
}

.personality > article section .profile .info .workdata li a[href$=".pdf"]:active {
    color: #E92525
}

.personality > article section .profile .info .workdata li a[href$=".pdf"]:focus {
    outline-color: #FFCDCD
}

.personality > article section .profile .info .workdata li a[href$=".doc"], .personality > article section .profile .info .workdata li a[href$=".docx"] {
    color: #2A5598
}

.personality > article section .profile .info .workdata li a[href$=".doc"]:before, .personality > article section .profile .info .workdata li a[href$=".docx"]:before {
    content: '\E000'
}

.personality > article section .profile .info .workdata li a[href$=".doc"]:hover, .personality > article section .profile .info .workdata li a[href$=".docx"]:hover {
    color: #3665AD
}

.personality > article section .profile .info .workdata li a[href$=".doc"]:active, .personality > article section .profile .info .workdata li a[href$=".docx"]:active {
    color: #234D8D
}

.personality > article section .profile .info .workdata li a[href$=".doc"]:focus, .personality > article section .profile .info .workdata li a[href$=".docx"]:focus {
    outline-color: #ACC8F4
}

.personality > article section .profile .info .workdata li a[href$=".ppt"], .personality > article section .profile .info .workdata li a[href$=".pptx"] {
    color: #E65618
}

.personality > article section .profile .info .workdata li a[href$=".ppt"]:before, .personality > article section .profile .info .workdata li a[href$=".pptx"]:before {
    content: '\E002'
}

.personality > article section .profile .info .workdata li a[href$=".ppt"]:hover, .personality > article section .profile .info .workdata li a[href$=".pptx"]:hover {
    color: #F56526
}

.personality > article section .profile .info .workdata li a[href$=".ppt"]:active, .personality > article section .profile .info .workdata li a[href$=".pptx"]:active {
    color: #D84E13
}

.personality > article section .profile .info .workdata li a[href$=".ppt"]:focus, .personality > article section .profile .info .workdata li a[href$=".pptx"]:focus {
    outline-color: #FFCBB4
}

.personality > article section .profile .info .workdata li a[href$="?"]:after, .personality > article section .profile .info .workdata li a[href$="?"]:before {
    display: none
}

.personality > article section .profile .info .workdata li div {
    overflow: hidden;
    display: block;
    font-weight: 600;
    font-size: 11px;
    color: #B7B7B7;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    letter-spacing: 1px;
    margin: 0 0 2px
}

.personality > article section .profile .info .workdata li:nth-child(2n) {
    margin-left: 7.142857%
}

.personality > article section .profile .info .workdata li:nth-child(n+3) {
    margin-top: 16px
}

.personality > article section .profile .info .workdata:after {
    display: block;
    clear: both;
    content: ''
}

.personality > article section .profile .info .contacts {
    margin: 30px 0 0
}

.personality > article section .profile .info .contacts h4 {
    margin: 0 0 10px;
    font-weight: 400;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 16px;
    color: #2C2C2C;
    text-transform: uppercase;
    line-height: 16px
}

.personality > article section .profile .info .contacts .tabs li {
    border-left: 1px solid #F3F0F8;
    float: left
}

.personality > article section .profile .info .contacts .tabs li a {
    display: block;
    font-size: 12px;
    color: #A3A3A3;
    text-decoration: none;
    line-height: 30px;
    background-color: #FAFAFA;
    border-bottom: 1px solid #F3F0F8;
    padding: 0 10px;
    transition: color .2s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
    -moz-transition: color .2s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
    -webkit-transition: color .2s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out
}

.personality > article section .profile .info .contacts .tabs li a:hover {
    color: #8C8C8C;
    background-color: #FCFCFC
}

.personality > article section .profile .info .contacts .tabs li a:active {
    color: #666;
    background-color: #fff
}

.personality > article section .profile .info .contacts .tabs li a:focus {
    outline-color: silver
}

.personality > article section .profile .info .contacts .tabs li a:before {
    font-family: FontAwesome;
    margin: 0 8px 0 0
}

.personality > article section .profile .info .contacts .tabs li a.phone:before {
    content: '\F095'
}

.personality > article section .profile .info .contacts .tabs li a.web:before {
    content: '\F0AC'
}

.personality > article section .profile .info .contacts .tabs li a.email:before {
    content: '\F0E0'
}

.personality > article section .profile .info .contacts .tabs li a.schedule:before {
    content: '\F073'
}

.personality > article section .profile .info .contacts .tabs li a.active {
    color: #2C2C2C;
    cursor: default;
    background-color: #fff;
    border-bottom-color: #fff
}

.personality > article section .profile .info .contacts .tabs li:first-child {
    border-left: none
}

.personality > article section .profile .info .contacts .tabs:after {
    display: block;
    clear: both;
    content: ''
}

.personality > article section .profile .info .contacts .contents {
    background-color: #fff;
    padding: 20px
}

.personality > article section .profile .info .contacts .contents > div:not(.visible) {
    display: none
}

.personality > article section .profile .info .contacts .contents ul li {
    font-size: 16px;
    color: #2C2C2C;
    white-space: nowrap;
    line-height: 22px;
    border-left: 1px solid #E1E1E1;
    padding: 0 30px;
    float: left
}

.personality > article section .profile .info .contacts .contents ul li .label {
    font-weight: 300;
    color: #8A8A8A;
    line-height: 18px
}

.personality > article section .profile .info .contacts .contents ul li:first-child {
    border-left: none;
    padding-left: 0
}

.personality > article section .profile .info .contacts .contents ul li:last-child {
    padding-right: 0
}

.personality > article section .profile .info .contacts .contents ul:after {
    display: block;
    clear: both;
    content: ''
}

.personality > article section .profile .info .contacts .contents .phone ul li a[href^=skype] {
    color: #12A5F4;
    display: block;
    font-size: 16px;
    line-height: 16px;
    text-decoration: none;
    margin: 12px 0;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.personality > article section .profile .info .contacts .contents .phone ul li a[href^=skype]:before {
    font-family: FontAwesome;
    content: '\F17E';
    margin: 0 12px 0 0
}

.personality > article section .profile .info .contacts .contents .phone ul li a[href^=skype]:hover {
    color: #43b8f6
}

.personality > article section .profile .info .contacts .contents .phone ul li a[href^=skype]:active {
    color: #0a97e2
}

.personality > article section .profile .info .contacts .contents .phone ul li a[href^=skype]:focus {
    outline-color: #12A5F4
}

.personality > article .biography a:focus, .personality > article section .profile .info .contacts .contents .email ul li a:focus, .personality > article section .profile .info .contacts .contents .schedule ul li a:focus, .personality > article section .profile .info .contacts .contents .web ul li a:focus {
    outline-color: #ACACAC
}

.personality > article section .profile .info .contacts .contents .web ul li a {
    display: block;
    font-size: 16px;
    line-height: 16px;
    text-decoration: none;
    margin: 12px 0;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    color: #1946BA
}

.personality > article section .profile .info .contacts .contents .web ul li a:hover {
    color: #3b6ae5
}

.personality > article section .profile .info .contacts .contents .web ul li a:active {
    color: #163ea4
}

.personality > article section .profile .info .contacts .contents .web ul li a:after {
    font-family: FontAwesome;
    content: '\F08E';
    margin: 0 0 0 8px
}

.personality > article section .profile .info .contacts .contents .email ul li a {
    display: block;
    font-size: 16px;
    line-height: 16px;
    text-decoration: none;
    margin: 12px 0;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    color: #1946BA
}

.personality > article section .profile .info .contacts .contents .email ul li a:hover {
    color: #3b6ae5
}

.personality > article section .profile .info .contacts .contents .email ul li a:active {
    color: #163ea4
}

.personality > article section .profile .info .contacts .contents .email ul li a:before {
    font-family: FontAwesome;
    content: '\F0E5';
    margin: 0 12px 0 0
}

.personality > article section .profile .info .contacts .contents .schedule ul li a {
    display: block;
    font-size: 16px;
    line-height: 16px;
    text-decoration: none;
    margin: 12px 0;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    color: #1946BA
}

.personality > article section .profile .info .contacts .contents .schedule ul li a:hover {
    color: #3b6ae5
}

.personality > article section .profile .info .contacts .contents .schedule ul li a:active {
    color: #163ea4
}

.personality > article section .profile:after {
    display: block;
    clear: both;
    content: ''
}

.personality > article .biography {
    margin: 30px 0 0;
    font-weight: 400;
    font-size: 14px;
    color: #2C2C2C;
    line-height: 25px
}

.personality > article .biography a {
    text-indent: 0;
    text-decoration: underline;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.personality > article .biography a:hover {
    color: #3b6ae5
}

.personality > article .biography a:active {
    color: #163ea4
}

.personality > article .biography a i {
    margin: 0 0 0 5px
}

.personality > article .biography a[target=_blank]:after {
    display: inline;
    font-family: FontAwesome;
    content: '\A0\F08E'
}

.personality > article .biography a[href$=".pdf"]:before, .personality > article .biography a[href$=".doc"]:before, .personality > article .biography a[href$=".docx"]:before, .personality > article .biography a[href$=".ppt"]:before, .personality > article .biography a[href$=".pptx"]:before {
    display: inline-block;
    font-family: Kotebelle;
    font-size: 1.6em;
    vertical-align: middle;
    margin: 0 4px 0 0
}

.personality > article .biography a[href$=".pdf"] {
    color: #F62B2B
}

.personality > article .biography a[href$=".pdf"]:before {
    content: '\E001'
}

.personality > article .biography a[href$=".pdf"]:hover {
    color: #FF4D4D
}

.personality > article .biography a[href$=".pdf"]:active {
    color: #E92525
}

.personality > article .biography a[href$=".pdf"]:focus {
    outline-color: #FFCDCD
}

.personality > article .biography a[href$=".doc"], .personality > article .biography a[href$=".docx"] {
    color: #2A5598
}

.personality > article .biography a[href$=".doc"]:before, .personality > article .biography a[href$=".docx"]:before {
    content: '\E000'
}

.personality > article .biography a[href$=".doc"]:hover, .personality > article .biography a[href$=".docx"]:hover {
    color: #3665AD
}

.personality > article .biography a[href$=".doc"]:active, .personality > article .biography a[href$=".docx"]:active {
    color: #234D8D
}

.personality > article .biography a[href$=".doc"]:focus, .personality > article .biography a[href$=".docx"]:focus {
    outline-color: #ACC8F4
}

.personality > article .biography a[href$=".ppt"], .personality > article .biography a[href$=".pptx"] {
    color: #E65618
}

.personality > article .biography a[href$=".ppt"]:before, .personality > article .biography a[href$=".pptx"]:before {
    content: '\E002'
}

.personality > article .biography a[href$=".ppt"]:hover, .personality > article .biography a[href$=".pptx"]:hover {
    color: #F56526
}

.personality > article .biography a[href$=".ppt"]:active, .personality > article .biography a[href$=".pptx"]:active {
    color: #D84E13
}

.personality > article .biography a[href$=".ppt"]:focus, .personality > article .biography a[href$=".pptx"]:focus {
    outline-color: #FFCBB4
}

.programs .wrapper .heading .handler a:focus, .programs .wrapper .heading ul li a:focus {
    outline-color: #C1C1C1
}

.personality > article .biography a[href$="?"]:after, .personality > article .biography a[href$="?"]:before {
    display: none
}

.personality > article .biography h1 {
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 30px 0 20px
}

.personality > article .biography h1:first-child {
    margin-top: 10px
}

.personality > article .biography h2 {
    font-weight: 600;
    font-size: 20px;
    color: #2C2C2C;
    line-height: 26px;
    margin: 25px 0 15px
}

.personality > article .biography h3 {
    font-weight: 600;
    font-size: 18px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 20px 0 10px
}

.personality > article .biography h4 {
    font-weight: 400;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 16px;
    color: #2C2C2C;
    text-transform: uppercase;
    line-height: 16px;
    margin: 15px 0 10px
}

.personality > article .biography h5 {
    font-weight: 600;
    font-size: 14px;
    color: #7F7F7F;
    line-height: 18px;
    text-transform: uppercase;
    margin: 15px 0 10px
}

.personality > article .biography p {
    text-align: justify
}

.personality > article .biography p:not(:nth-last-of-type(1)) {
    margin: 15px 0 0
}

.personality > article .biography strong {
    font-weight: 600
}

.personality > article .biography img {
    border: none;
    max-width: 100%;
    height: auto
}

.personality > article .biography .column {
    float: left
}

.personality > article .biography .column.one-half {
    width: 48.63636364%;
    margin: 0 2.72727273% 0 0
}

.personality > article .biography .column.one-third {
    width: 31.81818182%;
    margin: 0 2.27272727% 0 0
}

.personality > article .biography .column.one-fourth {
    width: 23.63636364%;
    margin: 0 1.81818182% 0 0
}

.personality > article .biography .column.last {
    margin: 0
}

.personality > article .biography .column.last + .clear {
    display: block;
    clear: both;
    content: ''
}

.personality > article .biography ol, .personality > article .biography ul:not(.relinks) {
    margin: 5px 0 0 30px
}

.personality > article .biography ol li, .personality > article .biography ul:not(.relinks) li {
    margin: 2px 0 0
}

.personality > article .biography ol li:first-child, .personality > article .biography ul:not(.relinks) li:first-child {
    margin: 0
}

.personality > article .biography ul:not(.relinks) {
    list-style-type: none
}

.personality > article .biography ul:not(.relinks) li {
    position: relative
}

.personality > article .biography ul:not(.relinks) li:before {
    display: block;
    position: absolute;
    left: -30px;
    top: 3px;
    font-family: FontAwesome;
    content: '\F10C';
    color: #5374CB;
    text-align: center;
    line-height: 22px;
    width: 20px
}

.personality > article .biography ol {
    list-style-type: decimal
}

.personality > article .biography h1 + ol, .personality > article .biography h1 + p, .personality > article .biography h1 + ul, .personality > article .biography h2 + ol, .personality > article .biography h2 + p, .personality > article .biography h2 + ul, .personality > article .biography h3 + ol, .personality > article .biography h3 + p, .personality > article .biography h3 + ul, .personality > article .biography h4 + ol, .personality > article .biography h4 + p, .personality > article .biography h4 + ul, .personality > article .biography h5 + ol, .personality > article .biography h5 + p, .personality > article .biography h5 + ul {
    margin-top: 0 !important
}

.personality > article .biography iframe, .personality > article .biography video {
    max-width: 100%
}

.personality > article .biography hr {
    border: none;
    border-top: 1px dotted #ccc;
    height: 0;
    padding: 0;
    margin: 20px 0
}

.personality > article .biography:after {
    display: block;
    clear: both;
    content: ''
}

.personality > article .biography .wrap {
    padding: 0 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.programs {
    background-color: #fff
}

.programs .wrapper {
    padding: 0 0 25px;
    position: relative;
    top: -20px;
    background-color: #fff;
    width: 1100px;
    margin-bottom: -20px !important;
    margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.programs .wrapper.standalone {
    top: 0;
    margin-bottom: 0 !important
}

.programs .wrapper .heading {
    padding: 20px 30px 15px;
    transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out
}

.programs .wrapper .heading h1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 30px !important;
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C
}

.programs .wrapper .heading ul {
    display: none;
    margin: 30px 0
}

.programs .wrapper .heading ul li {
    border-left: 1px solid #E5E5E5;
    padding-left: 5.76923077%;
    width: 26.44230769%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.programs .wrapper .heading ul li a {
    font-weight: 300;
    font-size: 14px;
    color: #2C2C2C;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.programs .wrapper .heading ul li a img {
    border: none;
    vertical-align: middle;
    margin: 0 15px 0 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out
}

.programs .wrapper .heading ul li a.default {
    color: #9D9D9D
}

.programs .wrapper .heading ul li a.default:before {
    font-family: FontAwesome;
    content: '\F024';
    margin: 0 15px 0 0
}

.programs .wrapper .heading ul li a:hover {
    color: #1946BA
}

.programs .wrapper .heading ul li a:hover img {
    opacity: .8;
    -moz-opacity: .8;
    -khtml-opacity: .8
}

.programs .wrapper .heading ul li a:active {
    color: #979797
}

.programs .wrapper .heading ul li a:active img {
    opacity: .6;
    -moz-opacity: .6;
    -khtml-opacity: .6
}

.programs .wrapper .heading ul li:nth-child(4n+1) {
    border-left: 0;
    width: 20.57692308%;
    padding-left: 0
}

.programs .wrapper .heading ul li:nth-child(n+5) {
    padding-top: 20px
}

.programs .wrapper .heading ul:after {
    display: block;
    clear: both;
    content: ''
}

.programs .wrapper .heading .handler {
    font-weight: 300;
    font-size: 16px;
    color: #B3B3B3;
    line-height: 30px;
    margin: 0 0 0 30px;
    float: right
}

.programs .wrapper .heading .handler a {
    font-weight: 400;
    color: #3D3D3D;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.programs .wrapper .heading .handler a:after {
    font-family: FontAwesome;
    content: '\F107';
    margin: 0 0 0 8px
}

.programs .wrapper .heading .handler a:hover {
    color: #707070
}

.programs .wrapper .heading .handler a:active {
    color: #8a8a8a
}

.programs .wrapper .heading.active {
    background-color: #F7F7F7
}

.programs .wrapper .heading.active .handler a {
    color: #1946BA
}

.programs .wrapper .heading.active .handler a:after {
    content: '\F106'
}

.programs .wrapper .heading.active .handler a:hover {
    color: #2459e2
}

.programs .wrapper .heading.active .handler a:active {
    color: #163ea4
}

.programs .wrapper .heading.active .handler a:focus {
    outline-color: #7e9dee
}

.programs .wrapper .heading.active + .tiles {
    margin-top: 15px
}

.programs .wrapper .tiles {
    margin: 0 30px 0 10px;
    transition: margin-bottom .2s ease-in-out;
    -moz-transition: margin-bottom .2s ease-in-out;
    -webkit-transition: margin-bottom .2s ease-in-out
}

.programs .wrapper .tiles article {
    background-color: #F7F7F7;
    width: 23.11320755%;
    margin: 1.41509434% 0 .47169811% 1.88679245%;
    float: left
}

.programs .wrapper .tiles article h2 {
    font-weight: 300;
    font-size: 15px;
    color: #3D3D3D;
    line-height: 18px;
    padding: 20px;
    transition: height .3s ease-in-out;
    -moz-transition: height .3s ease-in-out;
    -webkit-transition: height .3s ease-in-out
}

.programs .wrapper .tiles article h2 a {
    color: #3D3D3D;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.programs .wrapper .tiles article h2 a:hover {
    color: #636363
}

.programs .wrapper .tiles article h2 a:active {
    color: #7d7d7d
}

.programs .wrapper .tiles article h2 a:focus {
    outline-color: #C1C1C1
}

.programs .wrapper .tiles article .country {
    overflow: hidden;
    font-size: 14px;
    color: #3D3D3D;
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #F0F0F0;
    padding: 10px 20px
}

.programs .wrapper .tiles article .country span {
    font-weight: 600;
    font-size: 9px;
    color: #aaa;
    line-height: 10px;
    text-transform: uppercase;
    vertical-align: middle;
    margin: 0 10px 0 0
}

.programs .wrapper .tiles article .country img {
    border: none;
    vertical-align: middle;
    margin: 0 5px 0 0
}

.programs .wrapper .tiles:after {
    display: block;
    clear: both;
    content: ''
}

.newsfeed {
    background-color: #F7F7F7
}

.newsfeed .wrapper {
    width: 1100px;
    padding: 0 0 50px;
    margin: 0 auto
}

.newsfeed .wrapper main {
    width: 63.63636364%;
    float: left
}

.newsfeed .wrapper main .heading h2 {
    width: 70px;
    position: relative;
    top: -5px;
    font-weight: 300;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 26px;
    color: #2C2C2C;
    text-align: center;
    line-height: 26px;
    padding: 25px 0 0;
    margin-bottom: -5px;
    z-index: 3;
    background: url(../_graphics/news_cap.png) left top no-repeat
}

.newsfeed .wrapper main .heading > ul {
    margin: 30px 0 0;
    padding: 0 0 7px;
    float: right
}

.newsfeed .wrapper main .heading > ul li {
    position: relative;
    border-color: transparent;
    padding: 10px 0;
    float: right;
    transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out
}

.newsfeed .wrapper main .heading > ul li a {
    display: block;
    font-size: 14px;
    color: #7B7B7B;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 14px;
    border-right: 1px solid #E2E2E2;
    padding: 0 20px;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newsfeed .wrapper main .heading > ul li a:hover {
    color: #636363
}

.newsfeed .wrapper main .heading > ul li a:active {
    color: #717171
}

.newsfeed .wrapper main .heading > ul li a:focus {
    outline-color: #B1B0B0
}

.newsfeed .wrapper main .heading > ul li:after {
    position: absolute;
    left: 50%;
    top: 34px;
    content: '\20';
    border-style: solid;
    border-width: 7px 11px;
    border-color: inherit;
    width: 0;
    height: 0;
    margin-left: -11px
}

.newsfeed .wrapper main .heading > ul li:first-child a {
    border-right: none
}

.newsfeed .wrapper main .heading > ul li.active {
    background-color: #1946BA;
    border-top-color: #1946BA;
    transition: border-top-color .2s ease-in-out;
    -moz-transition: border-top-color .2s ease-in-out;
    -webkit-transition: border-top-color .2s ease-in-out
}

.newsfeed .wrapper main .heading > ul li.active a {
    color: #fff
}

.newsfeed .wrapper main .heading > ul li.active a, .newsfeed .wrapper main .heading > ul li.active + li a {
    border-right-color: transparent
}

.newsfeed .wrapper main .heading > ul:after {
    display: block;
    clear: both;
    content: ''
}

.newsfeed .wrapper main .heading .sort {
    display: none;
    position: relative;
    margin: 20px 20px 0 0;
    padding: 0;
    float: right
}

.newsfeed .wrapper main .heading .sort ul {
    display: none;
    position: absolute;
    right: -10px;
    top: 34px;
    width: 250px;
    padding: 10px 0;
    z-index: 5;
    border-radius: 2px 0 2px 2px;
    -moz-border-radius: 2px 0 2px 2px;
    -webkit-border-radius: 2px 0 2px 2px;
    border: 1px solid #F2F2F2;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0
}

.newsfeed .wrapper main .heading .sort ul li a {
    display: block;
    font-weight: 300;
    color: #575757;
    text-decoration: none;
    border-top: 1px dotted #EBEBEB;
    line-height: 16px;
    padding: 8px 20px;
    transition: color .1s ease-in-out, background-color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out, background-color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out, background-color .1s ease-in-out;
    font-size: 14px
}

.newsfeed .wrapper main .heading .sort ul li a[target=_blank]:after {
    font-family: FontAwesome;
    content: '\F08E';
    color: #bdbdbd;
    margin: 0 0 0 7px
}

.newsfeed .wrapper main .heading .sort ul li a:hover {
    color: #2C2C2C;
    background-color: #F7F7F7;
    border-top-color: transparent
}

.newsfeed .wrapper main .heading .sort ul li a:active, .newsfeed .wrapper main .heading .sort ul li.active a {
    color: #5f5f5f;
    background-color: #FAFAFA
}

.newsfeed .wrapper main .heading .sort ul li a:focus {
    outline-color: #BDBDBD
}

.newsfeed .wrapper main .heading .sort ul li:first-child a {
    border-top: none
}

.newsfeed .wrapper main .heading .sort ul:before {
    position: absolute;
    right: 12px;
    top: -18px;
    content: '\20';
    border: 9px solid transparent;
    border-bottom-color: #F2F2F2;
    width: 0;
    height: 0
}

.newsfeed .wrapper main .heading .sort ul:after {
    position: absolute;
    right: 13px;
    top: -16px;
    content: '\20';
    border: 8px solid transparent;
    border-bottom-color: #fff;
    width: 0;
    height: 0
}

.newsfeed .wrapper main .heading .sort .resphandler {
    display: block;
    font-family: FontAwesome;
    font-size: 24px;
    color: #7E7E7E;
    line-height: 24px;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newsfeed .wrapper main .heading .sort .resphandler:hover {
    color: #585858
}

.newsfeed .wrapper main .heading .sort .resphandler:active {
    color: #656565
}

.newsfeed .wrapper main .heading .sort .resphandler.active {
    color: #EC0B43
}

.newsfeed .wrapper main .heading .sort .resphandler:focus {
    outline-color: #cbcbcb
}

.newsfeed .wrapper main .heading .sort .resphandler:after {
    content: '\F00A'
}

.newsfeed .wrapper main .heading:after {
    display: block;
    clear: both;
    content: ''
}

.newsfeed .wrapper main .feed article {
    background-color: #fff;
    width: 100%;
    padding: 20px;
    margin: 15px 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.newsfeed .wrapper main .feed article .information time {
    display: block;
    font-weight: 300;
    font-size: 12px;
    color: #9D9D9D;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 16px;
    width: 25.75757576%;
    float: left
}

.newsfeed .wrapper main .feed article .information .publicator {
    display: block;
    font-weight: 300;
    font-size: 14px;
    color: #9D9D9D;
    line-height: 16px;
    margin: 0 0 0 3.03030303%;
    width: 71.21212121%;
    float: left
}

.newsfeed .wrapper main .feed article .information a {
    color: #656565;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newsfeed .wrapper main .feed article .information a:hover {
    color: #555
}

.newsfeed .wrapper main .feed article .information a:active {
    color: #747373
}

.newsfeed .wrapper main .feed article .information a:focus {
    outline-color: #A6A6A6
}

.newsfeed .wrapper main .feed article .information a[rel=author] {
    color: #1946BA
}

.newsfeed .wrapper main .feed article .information a[rel=author]:hover {
    color: #2459e2
}

.newsfeed .wrapper main .feed article .information a[rel=author]:active {
    color: #163ea4
}

.newsfeed .wrapper main .feed article .information a[rel=author]:focus {
    outline-color: #688ceb
}

.newsfeed .wrapper main .feed article .information a[rel=author][rel]:before {
    font-family: FontAwesome;
    margin: 0 5px 0 0
}

.newsfeed .wrapper main .feed article .information a[rel=author][rel][rel=author]:before {
    content: '\F007'
}

.newsfeed .wrapper main .feed article .information a[rel=author][rel][rel=noreferrer]:before {
    content: '\F0AC'
}

.newsfeed .wrapper main .feed article .content:after, .newsfeed .wrapper main .feed article .information:after {
    display: block;
    content: '';
    clear: both
}

.newsfeed .wrapper main .feed article .content {
    margin: 20px 0 0
}

.newsfeed .wrapper main .feed article .content .cover {
    overflow: hidden;
    width: 25.75757576%;
    float: left
}

.newsfeed .wrapper main .feed article .content .cover img {
    display: block;
    border: none;
    width: 100%
}

.newsfeed .wrapper main .feed article .content .wrap {
    width: 100%;
    float: left
}

.newsfeed .wrapper main .feed article .content .wrap h3 {
    font-weight: 300;
    font-size: 22px;
    line-height: 26px
}

.newsfeed .wrapper main .feed article .content .wrap h3 a {
    color: #2C2C2C;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newsfeed .wrapper main .feed article .content .wrap h3 a:hover {
    color: #1946BA
}

.newsfeed .wrapper main .feed article .content .wrap h3 a:active {
    color: #3b6ae5
}

.newsfeed .wrapper main .feed article .content .wrap h3 a:focus {
    outline-color: #B4B4B4
}

.newsfeed .wrapper main .feed article .content .wrap p {
    font-weight: 400;
    font-size: 15px;
    color: #969696;
    line-height: 20px;
    margin: 10px 0 0
}

.newsfeed .wrapper main .feed article .content .cover + .wrap {
    width: 71.21212121%;
    margin: 0 0 0 3.03030303%
}

.newsfeed .wrapper main .feed .postload {
    text-align: center;
    width: 100%;
    margin: 20px 0 0
}

.newsfeed .wrapper main .feed .postload a {
    display: inline-block;
    font-weight: 300;
    color: #656565;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newsfeed .wrapper main .feed .postload a .icon {
    font-family: FontAwesome;
    color: #CBCBCB;
    margin: 0 10px 0 0
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.newsfeed .wrapper main .feed .postload a .icon:before {
    content: '\F021'
}

.newsfeed .wrapper main .feed .postload a:hover {
    color: #4b4b4b
}

.newsfeed .wrapper main .feed .postload a:active {
    color: #727272
}

.newsfeed .wrapper main .feed .postload a:focus {
    outline-color: #cbcbcb
}

.newsfeed .wrapper main .feed .postload a.spin {
    color: #B0B0B0
}

.newsfeed .wrapper main .feed .postload a.spin .icon {
    -webkit-animation: fa-spin 1.5s infinite linear;
    animation: fa-spin 1.5s infinite linear
}

.newsfeed .wrapper aside {
    width: 33.63636364%;
    margin: 0 0 0 2.72727273%;
    padding: 30px 0 0;
    float: left
}

.newsfeed .wrapper aside .subscribe {
    background-color: #5374CB;
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.newsfeed .wrapper aside .subscribe h3 {
    font-weight: 300;
    font-size: 24px;
    color: #fff;
    line-height: 28px
}

.newsfeed .wrapper aside .subscribe .form {
    margin: 20px 0 0
}

.newsfeed .wrapper aside .subscribe .form .field button {
    display: block;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #fff;
    line-height: 14px;
    cursor: pointer;
    background: #EF154B;
    background: -moz-linear-gradient(top, #EF154B 0, #D9093D 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EF154B), color-stop(100%, #D9093D));
    background: -webkit-linear-gradient(top, #EF154B 0, #D9093D 100%);
    background: -o-linear-gradient(top, #EF154B 0, #D9093D 100%);
    background: -ms-linear-gradient(top, #EF154B 0, #D9093D 100%);
    background: linear-gradient(to bottom, #EF154B 0, #D9093D 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EF154B', endColorstr='#D9093D', GradientType=0);
    outline-width: 1px;
    border: none;
    padding: 13px 35px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    transition: box-shadow .3s ease-in-out;
    -moz-transition: box-shadow .3s ease-in-out;
    -webkit-transition: box-shadow .3s ease-in-out
}

.newsfeed .wrapper aside .subscribe .form .field button:hover {
    background: #F61950;
    background: -moz-linear-gradient(top, #F61950 0, #ED1046 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ED1046), color-stop(100%, #ED1046));
    background: -webkit-linear-gradient(top, #F61950 0, #ED1046 100%);
    background: -o-linear-gradient(top, #F61950 0, #ED1046 100%);
    background: -ms-linear-gradient(top, #F61950 0, #ED1046 100%);
    background: linear-gradient(to bottom, #F61950 0, #ED1046 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F61950', endColorstr='#ED1046', GradientType=0)
}

.newsfeed .wrapper aside .subscribe .form .field button:active {
    background: #E11346;
    box-shadow: inset 0 1px 3px #D00F3F;
    -moz-box-shadow: inset 0 1px 3px #D00F3F;
    -webkit-box-shadow: inset 0 1px 3px #D00F3F
}

.newsfeed .wrapper aside .subscribe .form .field button:focus {
    outline-color: #F43161
}

.newsfeed .wrapper aside .subscribe .form .field .control {
    position: relative;
    display: block;
    background-color: #fff;
    width: 100%;
    height: 37px;
    padding: 5px 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.newsfeed .wrapper aside .subscribe .form .field .control .icon {
    display: block;
    font-weight: 400;
    font-family: FontAwesome;
    font-style: normal;
    font-size: 18px;
    color: #2C2C2C;
    text-align: center;
    line-height: 27px;
    border-right: 1px solid #E4E4E4;
    width: 20px;
    padding: 0 9px 0 0;
    margin: 0 12px 0 0;
    float: left
}

.newsfeed .wrapper aside .subscribe .form .field .control .icon.mail:before {
    content: '\F0E0'
}

.newsfeed .wrapper aside .subscribe .form .field .control .icon.password:before {
    content: '\F069'
}

.newsfeed .wrapper aside .subscribe .form .field .control .icon.user:before {
    content: '\F007'
}

.newsfeed .wrapper aside .subscribe .form .field .control input {
    position: absolute;
    left: 0;
    top: 5px;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #2C2C2C;
    background: 0 0;
    border: none;
    width: 100%;
    height: 27px;
    padding: 0 10px;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.newsfeed .wrapper aside .subscribe .form .field .control .icon + input {
    padding-left: 52px
}

.newsfeed .wrapper aside .subscribe .form .field .control:after {
    display: block;
    clear: both;
    content: ''
}

.newsfeed .wrapper aside .subscribe .form .field .control:first-child {
    margin: 0
}

.newsfeed .wrapper aside .subscribe .form .field:nth-child(1) {
    border-bottom: 1px solid #fff
}

.newsfeed .wrapper aside .subscribe .form .field:nth-child(2) {
    position: relative;
    top: -1px;
    border-top: 1px dashed #E4E4E4;
    margin-bottom: -1px
}

.newsfeed .wrapper aside .subscribe .form .field:nth-child(3) {
    margin: 20px 0 0
}

.newsfeed .wrapper aside .subscribe .notice {
    color: #5C5C5C;
    background-color: #F3F3F3;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 15px 20px;
    margin: 20px 0 0
}

.newsfeed .wrapper aside .subscribe .notice h4 {
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: none;
    padding: 0;
    margin: 0
}

.newsfeed .wrapper aside .subscribe .notice h4:before {
    font-family: FontAwesome;
    font-size: 20px;
    color: #BEBEBE;
    content: '\F129';
    vertical-align: middle;
    margin: 0 20px 0 0
}

.newsfeed .wrapper aside .subscribe .notice .close {
    display: none;
    font-family: FontAwesome;
    font-size: 18px;
    color: #D6D6D6;
    text-decoration: none;
    line-height: 20px;
    margin: 0 0 0 20px;
    float: right;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newsfeed .wrapper aside .subscribe .notice .close:hover {
    color: #9D9D9D
}

.newsfeed .wrapper aside .subscribe .notice .close:active {
    color: #ADACAC
}

.newsfeed .wrapper aside .subscribe .notice .close:focus {
    outline-color: #D2D2D2
}

.newsfeed .wrapper aside .subscribe .notice .close:before {
    content: '\F00D'
}

.newsfeed .wrapper aside .subscribe .notice:after {
    display: block;
    clear: both;
    content: ''
}

.newsfeed .wrapper aside .subscribe .notice.success {
    color: #799D27;
    background-color: #C9EA7F
}

.newsfeed .wrapper aside .subscribe .notice.success h4 {
    color: #799D27
}

.newsfeed .wrapper aside .subscribe .notice.success h4:before {
    color: #A4C854;
    content: '\F00C'
}

.newsfeed .wrapper aside .subscribe .notice.success .close {
    color: #ABD451
}

.newsfeed .wrapper aside .subscribe .notice.success .close:hover {
    color: #85AA33
}

.newsfeed .wrapper aside .subscribe .notice.success .close:active {
    color: #90B63D
}

.newsfeed .wrapper aside .subscribe .notice.success .close:focus {
    outline-color: #A4C754
}

.newsfeed .wrapper aside .subscribe .notice.warning {
    color: #A22746;
    background-color: #F585A1
}

.newsfeed .wrapper aside .subscribe .notice.warning h4 {
    color: #A22746
}

.newsfeed .wrapper aside .subscribe .notice.warning h4:before {
    color: #CD607C;
    content: '\F12A'
}

.newsfeed .wrapper aside .subscribe .notice.warning .close {
    color: #D76985
}

.newsfeed .wrapper aside .subscribe .notice.warning .close:hover {
    color: #B4405D
}

.newsfeed .wrapper aside .subscribe .notice.warning .close:active {
    color: #C04B68
}

.newsfeed .wrapper aside .subscribe .notice.warning .close:focus {
    outline-color: #C84969
}

.newsfeed .wrapper aside .events {
    background-color: #fff;
    width: 100%;
    padding: 25px 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.newsfeed .wrapper aside .events .heading h3 {
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 28px
}

.newsfeed .wrapper aside .events .heading a {
    display: inline-block;
    font-weight: 300;
    font-size: 16px;
    text-decoration: none;
    line-height: 28px;
    float: right;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newsfeed .wrapper aside .events .heading a:hover {
    color: #3b6ae5
}

.newsfeed .wrapper aside .events .heading a:active {
    color: #163ea4
}

.newsfeed .wrapper aside .events .heading a:focus {
    outline-color: #ACACAC
}

.newsfeed .wrapper aside .events .heading a:before {
    color: #CBCBCB;
    content: '\7C';
    margin: 0 15px 0 0
}

.newsfeed .wrapper aside .events .heading:after, .newsfeed .wrapper aside .events .list .item:after, .newsfeed .wrapper:after {
    content: '';
    clear: both;
    display: block
}

.newsfeed .wrapper aside .events .list {
    margin: 20px 0 0
}

.newsfeed .wrapper aside .events .list .item {
    position: relative
}

.newsfeed .wrapper aside .events .list .item .date {
    display: block;
    font-weight: 400;
    font-size: 10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    line-height: 12px;
    background-color: #EC0B43;
    width: 50px;
    height: 36px;
    padding: 7px 0;
    float: left
}

.newspage, .newspage .wrapper {
    background-color: #fff
}

.newsfeed .wrapper aside .events .list .item .date span {
    display: block;
    font-weight: 600;
    font-size: 24px;
    line-height: 24px
}

.newsfeed .wrapper aside .events .list .item .description {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.newsfeed .wrapper aside .events .list .item .description h4 {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.newsfeed .wrapper aside .events .list .item .description h4 a {
    color: #585858;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newsfeed .wrapper aside .events .list .item .description h4 a:hover {
    color: #3F3F3F
}

.newsfeed .wrapper aside .events .list .item .description h4 a:active {
    color: #616161
}

.newsfeed .wrapper aside .events .list .item .description h4 a:focus {
    outline-color: #B4B4B4
}

.newsfeed .wrapper aside .events .list .item .description time {
    display: block;
    font-weight: 300;
    font-size: 12px;
    color: #9D9D9D;
    line-height: 12px;
    margin: 8px 0 0
}

.newsfeed .wrapper aside .events .list .item div + .description {
    padding-left: 70px
}

.newsfeed .wrapper aside .events .list .item:not(:first-child) {
    margin: 20px 0 0
}

.newsfeed .wrapper aside > section:not(:first-child) {
    margin: 30px 0 0
}

.newspage .wrapper {
    position: relative;
    top: -20px;
    width: 1100px;
    margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 0 !important
}

.newspage .wrapper main {
    width: 66.36363636%;
    float: left
}

.newspage .wrapper main .poster {
    overflow: hidden;
    position: relative;
    min-height: 420px;
    max-height: 420px;
    background: url(../_graphics/preloader.gif) center 40% no-repeat #404040
}

.newspage .wrapper main .poster img {
    display: block;
    position: relative;
    border: none;
    width: 100%;
    z-index: 1;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0
}

.newspage .wrapper main .poster .copyinfo {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 300;
    font-size: 12px;
    color: #fff;
    cursor: default;
    line-height: 16px;
    background-color: transparent;
    width: 330px;
    padding: 20px 25px;
    z-index: 2;
    transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out
}

.newspage .wrapper main .poster .copyinfo > div {
    width: 276px;
    margin: 0 20px 0 0;
    float: right;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out
}

.newspage .wrapper main .poster .copyinfo .handle {
    display: block;
    font-family: FontAwesome;
    font-size: 16px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 30px;
    border: 2px solid #fff;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    float: right;
    transition: color .1s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -moz-transition: color .1s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -webkit-transition: color .1s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out
}

.newspage .wrapper main .poster .copyinfo .handle:hover {
    color: #2C2C2C;
    background-color: #fff
}

.newspage .wrapper main .poster .copyinfo .handle:active {
    background-color: #E5E5E5;
    border-color: #E5E5E5
}

.newspage .wrapper main .poster .copyinfo .handle:focus {
    outline-color: #767676
}

.newspage .wrapper main .viewarea .charms > ul > li a:focus, .newspage .wrapper main .viewarea .paper .wrap article .tags li a:focus {
    outline-color: #688ceb
}

.newspage .wrapper main .poster .copyinfo .handle:after {
    content: '\F129'
}

.newspage .wrapper main .poster .copyinfo.active {
    background-color: #906EC7;
    background-color: rgba(0, 0, 0, .5);
    width: 330px;
    height: auto
}

.newspage .wrapper main .poster .copyinfo.active .handle {
    color: #2C2C2C;
    background-color: #fff
}

.newspage .wrapper main .poster .copyinfo.active .handle:active {
    background-color: #E5E5E5;
    border-color: #E5E5E5
}

.newspage .wrapper main .poster .copyinfo.active > div {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1
}

.newspage .wrapper main .poster .copyinfo:after {
    display: block;
    clear: both;
    content: ''
}

.newspage .wrapper main .poster.noimage {
    background: #F7F7F7;
    height: 420px
}

.newspage .wrapper main .poster.noimage:after {
    display: block;
    font-family: FontAwesome;
    font-size: 140px;
    color: #EBEBEB;
    text-align: center;
    line-height: 420px;
    content: '\F030'
}

.newspage .wrapper main .poster.loaded {
    background-image: none;
    min-height: 0
}

.newspage .wrapper main .poster.broken {
    background: url(../_graphics/broken.png) center 40% no-repeat #404040;
    background-image: url(../_svg/broken.svg), none
}

.newspage .wrapper main .viewarea .charms {
    position: relative;
    text-align: right;
    width: 120px;
    padding: 30px 0;
    z-index: 4;
    float: left
}

.newspage .wrapper main .viewarea .charms > ul > li {
    font-weight: 600;
    font-size: 13px;
    color: #2C2C2C;
    margin: 30px 0 0
}

.newspage .wrapper main .viewarea .charms > ul > li h6 {
    font-weight: 600;
    font-size: 11px;
    color: #898989;
    line-height: 12px;
    text-transform: uppercase;
    margin: 0 0 8px
}

.newspage .wrapper main .viewarea .charms > ul > li time {
    display: block;
    text-transform: uppercase
}

.newspage .wrapper main .viewarea .charms > ul > li a {
    display: inline-block;
    text-decoration: none;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newspage .wrapper main .viewarea .charms > ul > li a:hover {
    color: #2459e2
}

.newspage .wrapper main .viewarea .charms > ul > li a:active {
    color: #163ea4
}

.newspage .wrapper main .viewarea .charms > ul > li a[rel]:before {
    font-family: FontAwesome;
    margin: 0 5px 0 0
}

.newspage .wrapper main .viewarea .charms > ul > li a[rel][rel=author]:before {
    content: '\F007'
}

.newspage .wrapper main .viewarea .charms > ul > li a[rel][rel=noreferrer]:before {
    content: '\F0AC'
}

.newspage .wrapper main .viewarea .charms > ul > li .social {
    padding: 5px 0 0
}

.newspage .wrapper main .viewarea .charms > ul > li .social li {
    margin: 10px 0 0
}

.newspage .wrapper main .viewarea .charms > ul > li .social li:first-child, .newspage .wrapper main .viewarea .charms > ul > li:first-child {
    margin: 0
}

.newspage .wrapper main .viewarea .charms > ul > li .social li a {
    display: block;
    text-align: center;
    line-height: 28px;
    background-color: #C6C6C6;
    width: 28px;
    height: 28px;
    float: right;
    transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out
}

.newspage .wrapper main .viewarea .charms > ul > li .social li a:before {
    font-family: FontAwesome;
    font-weight: 400;
    font-size: 16px;
    color: #fff
}

.newspage .wrapper main .viewarea .charms > ul > li .social li a.facebook:hover {
    background-color: #2C62B1
}

.newspage .wrapper main .viewarea .charms > ul > li .social li a.facebook:active {
    background-color: #316dc5
}

.newspage .wrapper main .viewarea .charms > ul > li .social li a.facebook:before {
    content: '\F09A'
}

.newspage .wrapper main .viewarea .charms > ul > li .social li a.twitter:hover {
    background-color: #2CA7E0
}

.newspage .wrapper main .viewarea .charms > ul > li .social li a.twitter:active {
    background-color: #42b0e3
}

.newspage .wrapper main .viewarea .charms > ul > li .social li a.twitter:before {
    content: '\F099'
}

.newspage .wrapper main .viewarea .charms > ul > li .social li a.google:hover {
    background-color: #E0624C
}

.newspage .wrapper main .viewarea .charms > ul > li .social li a.google:active {
    background-color: #e47562
}

.newspage .wrapper main .viewarea .charms > ul > li .social li a.google:before {
    content: '\F0D5'
}

.newspage .wrapper main .viewarea .charms > ul > li .social li:after, .newspage .wrapper main .viewarea .paper .wrap article .tags:after {
    display: block;
    content: '';
    clear: both
}

.newspage .wrapper main .viewarea .charms > ul > li .social:hover li a {
    background-color: #B3B3B3
}

.newspage .wrapper main .viewarea .paper {
    width: 100%;
    margin-left: -120px;
    float: left
}

.newspage .wrapper main .viewarea .paper .wrap {
    position: relative;
    top: -70px;
    background: #fff;
    min-height: 70px;
    padding: 0 0 30px;
    margin: 0 0 -70px 120px;
    z-index: 3
}

.newspage .wrapper main .viewarea .paper .wrap article {
    padding: 0 30px;
    margin: 15px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article h1 {
    font-weight: 600;
    font-size: 32px;
    color: #2C2C2C;
    line-height: 40px
}

.newspage .wrapper main .viewarea .paper .wrap article .tags {
    position: relative;
    left: -5px;
    margin: 15px -10px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .tags li {
    margin: 10px 5px 0;
    float: left
}

.newspage .wrapper main .viewarea .paper .wrap article .tags li a {
    display: block;
    font-size: 12px;
    color: #1946BA;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 13px;
    border: 1px solid #1c4ed0;
    padding: 5px 10px;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out
}

.newspage .wrapper main .viewarea .paper .wrap article .tags li a:hover {
    color: #fff;
    background-color: #1c4ed0;
    border-color: #1c4ed0
}

.newspage .wrapper main .viewarea .paper .wrap article .tags li a:active {
    background-color: #163ea4;
    border-color: #163ea4
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation {
    font-weight: 600;
    font-size: 16px;
    color: #464646;
    line-height: 24px;
    margin: 25px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a {
    text-indent: 0;
    text-decoration: underline;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a:hover {
    color: #3b6ae5
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a:active {
    color: #163ea4
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a:focus {
    outline-color: #ACACAC
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a i {
    margin: 0 0 0 5px
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[target=_blank]:after {
    display: inline;
    font-family: FontAwesome;
    content: '\A0\F08E'
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".pdf"]:before, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".doc"]:before, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".docx"]:before, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".ppt"]:before, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".pptx"]:before {
    display: inline-block;
    font-family: Kotebelle;
    font-size: 1.6em;
    vertical-align: middle;
    margin: 0 4px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".pdf"] {
    color: #F62B2B
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".pdf"]:before {
    content: '\E001'
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".pdf"]:hover {
    color: #FF4D4D
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".pdf"]:active {
    color: #E92525
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".pdf"]:focus {
    outline-color: #FFCDCD
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".doc"], .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".docx"] {
    color: #2A5598
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".doc"]:before, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".docx"]:before {
    content: '\E000'
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".doc"]:hover, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".docx"]:hover {
    color: #3665AD
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".doc"]:active, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".docx"]:active {
    color: #234D8D
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".doc"]:focus, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".docx"]:focus {
    outline-color: #ACC8F4
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".ppt"], .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".pptx"] {
    color: #E65618
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".ppt"]:before, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".pptx"]:before {
    content: '\E002'
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".ppt"]:hover, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".pptx"]:hover {
    color: #F56526
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".ppt"]:active, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".pptx"]:active {
    color: #D84E13
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".ppt"]:focus, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".pptx"]:focus {
    outline-color: #FFCBB4
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$="?"]:after, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$="?"]:before {
    display: none
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation h1 {
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 30px 0 20px
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation h1:first-child {
    margin-top: 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation h2 {
    font-weight: 600;
    font-size: 20px;
    color: #2C2C2C;
    line-height: 26px;
    margin: 25px 0 15px
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation h3 {
    font-weight: 600;
    font-size: 18px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 20px 0 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation h4 {
    font-weight: 400;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 16px;
    color: #2C2C2C;
    text-transform: uppercase;
    line-height: 16px;
    margin: 15px 0 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation h5 {
    font-weight: 600;
    font-size: 14px;
    color: #7F7F7F;
    line-height: 18px;
    text-transform: uppercase;
    margin: 15px 0 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation p {
    text-align: justify
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation p:not(:nth-last-of-type(1)) {
    margin: 15px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation strong {
    font-weight: 600
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation img {
    border: none;
    max-width: 100%;
    height: auto
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation .column {
    float: left
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation .column.one-half {
    width: 48.63636364%;
    margin: 0 2.72727273% 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation .column.one-third {
    width: 31.81818182%;
    margin: 0 2.27272727% 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation .column.one-fourth {
    width: 23.63636364%;
    margin: 0 1.81818182% 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation .column.last {
    margin: 0
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation .column.last + .clear {
    display: block;
    clear: both;
    content: ''
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation ol, .newspage .wrapper main .viewarea .paper .wrap article .annotation ul:not(.relinks) {
    margin: 5px 0 0 30px
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation ol li, .newspage .wrapper main .viewarea .paper .wrap article .annotation ul:not(.relinks) li {
    margin: 2px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation ol li:first-child, .newspage .wrapper main .viewarea .paper .wrap article .annotation ul:not(.relinks) li:first-child {
    margin: 0
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation ul:not(.relinks) {
    list-style-type: none
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation ul:not(.relinks) li {
    position: relative
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation ul:not(.relinks) li:before {
    display: block;
    position: absolute;
    left: -30px;
    top: 3px;
    font-family: FontAwesome;
    content: '\F10C';
    color: #5374CB;
    text-align: center;
    line-height: 22px;
    width: 20px
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation ol {
    list-style-type: decimal
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation h1 + ol, .newspage .wrapper main .viewarea .paper .wrap article .annotation h1 + p, .newspage .wrapper main .viewarea .paper .wrap article .annotation h1 + ul, .newspage .wrapper main .viewarea .paper .wrap article .annotation h2 + ol, .newspage .wrapper main .viewarea .paper .wrap article .annotation h2 + p, .newspage .wrapper main .viewarea .paper .wrap article .annotation h2 + ul, .newspage .wrapper main .viewarea .paper .wrap article .annotation h3 + ol, .newspage .wrapper main .viewarea .paper .wrap article .annotation h3 + p, .newspage .wrapper main .viewarea .paper .wrap article .annotation h3 + ul, .newspage .wrapper main .viewarea .paper .wrap article .annotation h4 + ol, .newspage .wrapper main .viewarea .paper .wrap article .annotation h4 + p, .newspage .wrapper main .viewarea .paper .wrap article .annotation h4 + ul, .newspage .wrapper main .viewarea .paper .wrap article .annotation h5 + ol, .newspage .wrapper main .viewarea .paper .wrap article .annotation h5 + p, .newspage .wrapper main .viewarea .paper .wrap article .annotation h5 + ul {
    margin-top: 0 !important
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation iframe, .newspage .wrapper main .viewarea .paper .wrap article .annotation video {
    max-width: 100%
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation hr {
    border: none;
    border-top: 1px dotted #ccc;
    height: 0;
    padding: 0;
    margin: 20px 0
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation:after {
    display: block;
    clear: both;
    content: ''
}

.newspage .wrapper main .viewarea .paper .wrap article .stripe {
    border: none;
    border-top: 1px solid #E8E8E8;
    padding: 0;
    margin: 20px 0 30px
}

.newspage .wrapper main .viewarea .paper .wrap article .content {
    font-weight: 400;
    font-size: 14px;
    color: #2C2C2C;
    line-height: 25px
}

.newspage .wrapper main .viewarea .paper .wrap article .content a {
    text-indent: 0;
    text-decoration: underline;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newspage .wrapper main .viewarea .paper .wrap article .content a:hover {
    color: #3b6ae5
}

.newspage .wrapper main .viewarea .paper .wrap article .content a:active {
    color: #163ea4
}

.newspage .wrapper main .viewarea .paper .wrap article .content a:focus {
    outline-color: #ACACAC
}

.newspage .wrapper main .viewarea .paper .wrap article .content a i {
    margin: 0 0 0 5px
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[target=_blank]:after {
    display: inline;
    font-family: FontAwesome;
    content: '\A0\F08E'
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".pdf"]:before, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".doc"]:before, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".docx"]:before, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".ppt"]:before, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".pptx"]:before {
    display: inline-block;
    font-family: Kotebelle;
    font-size: 1.6em;
    vertical-align: middle;
    margin: 0 4px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".pdf"] {
    color: #F62B2B
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".pdf"]:before {
    content: '\E001'
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".pdf"]:hover {
    color: #FF4D4D
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".pdf"]:active {
    color: #E92525
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".pdf"]:focus {
    outline-color: #FFCDCD
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".doc"], .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".docx"] {
    color: #2A5598
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".doc"]:before, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".docx"]:before {
    content: '\E000'
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".doc"]:hover, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".docx"]:hover {
    color: #3665AD
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".doc"]:active, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".docx"]:active {
    color: #234D8D
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".doc"]:focus, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".docx"]:focus {
    outline-color: #ACC8F4
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".ppt"], .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".pptx"] {
    color: #E65618
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".ppt"]:before, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".pptx"]:before {
    content: '\E002'
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".ppt"]:hover, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".pptx"]:hover {
    color: #F56526
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".ppt"]:active, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".pptx"]:active {
    color: #D84E13
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".ppt"]:focus, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".pptx"]:focus {
    outline-color: #FFCBB4
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$="?"]:after, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$="?"]:before {
    display: none
}

.newspage .wrapper main .viewarea .paper .wrap article .content h1 {
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 30px 0 20px
}

.newspage .wrapper main .viewarea .paper .wrap article .content h1:first-child {
    margin-top: 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .content h2 {
    font-weight: 600;
    font-size: 20px;
    color: #2C2C2C;
    line-height: 26px;
    margin: 25px 0 15px
}

.newspage .wrapper main .viewarea .paper .wrap article .content h3 {
    font-weight: 600;
    font-size: 18px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 20px 0 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .content h4 {
    font-weight: 400;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 16px;
    color: #2C2C2C;
    text-transform: uppercase;
    line-height: 16px;
    margin: 15px 0 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .content h5 {
    font-weight: 600;
    font-size: 14px;
    color: #7F7F7F;
    line-height: 18px;
    text-transform: uppercase;
    margin: 15px 0 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .content p {
    text-align: justify
}

.newspage .wrapper main .viewarea .paper .wrap article .content p:not(:nth-last-of-type(1)) {
    margin: 15px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .content strong {
    font-weight: 600
}

.newspage .wrapper main .viewarea .paper .wrap article .content img {
    border: none;
    max-width: 100%;
    height: auto
}

.newspage .wrapper main .viewarea .paper .wrap article .content .column {
    float: left
}

.newspage .wrapper main .viewarea .paper .wrap article .content .column.one-half {
    width: 48.63636364%;
    margin: 0 2.72727273% 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .content .column.one-third {
    width: 31.81818182%;
    margin: 0 2.27272727% 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .content .column.one-fourth {
    width: 23.63636364%;
    margin: 0 1.81818182% 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .content .column.last {
    margin: 0
}

.newspage .wrapper main .viewarea .paper .wrap article .content .column.last + .clear {
    display: block;
    clear: both;
    content: ''
}

.newspage .wrapper main .viewarea .paper .wrap article .content ol, .newspage .wrapper main .viewarea .paper .wrap article .content ul:not(.relinks) {
    margin: 5px 0 0 30px
}

.newspage .wrapper main .viewarea .paper .wrap article .content ol li, .newspage .wrapper main .viewarea .paper .wrap article .content ul:not(.relinks) li {
    margin: 2px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .content ol li:first-child, .newspage .wrapper main .viewarea .paper .wrap article .content ul:not(.relinks) li:first-child {
    margin: 0
}

.newspage .wrapper main .viewarea .paper .wrap article .content ul:not(.relinks) {
    list-style-type: none
}

.newspage .wrapper main .viewarea .paper .wrap article .content ul:not(.relinks) li {
    position: relative
}

.newspage .wrapper main .viewarea .paper .wrap article .content ul:not(.relinks) li:before {
    display: block;
    position: absolute;
    left: -30px;
    top: 3px;
    font-family: FontAwesome;
    content: '\F10C';
    color: #5374CB;
    text-align: center;
    line-height: 22px;
    width: 20px
}

.newspage .wrapper main .viewarea .paper .wrap article .content ol {
    list-style-type: decimal
}

.newspage .wrapper main .viewarea .paper .wrap article .content h1 + ol, .newspage .wrapper main .viewarea .paper .wrap article .content h1 + p, .newspage .wrapper main .viewarea .paper .wrap article .content h1 + ul, .newspage .wrapper main .viewarea .paper .wrap article .content h2 + ol, .newspage .wrapper main .viewarea .paper .wrap article .content h2 + p, .newspage .wrapper main .viewarea .paper .wrap article .content h2 + ul, .newspage .wrapper main .viewarea .paper .wrap article .content h3 + ol, .newspage .wrapper main .viewarea .paper .wrap article .content h3 + p, .newspage .wrapper main .viewarea .paper .wrap article .content h3 + ul, .newspage .wrapper main .viewarea .paper .wrap article .content h4 + ol, .newspage .wrapper main .viewarea .paper .wrap article .content h4 + p, .newspage .wrapper main .viewarea .paper .wrap article .content h4 + ul, .newspage .wrapper main .viewarea .paper .wrap article .content h5 + ol, .newspage .wrapper main .viewarea .paper .wrap article .content h5 + p, .newspage .wrapper main .viewarea .paper .wrap article .content h5 + ul {
    margin-top: 0 !important
}

.newspage .wrapper main .viewarea .paper .wrap article .content iframe, .newspage .wrapper main .viewarea .paper .wrap article .content video {
    max-width: 100%
}

.newspage .wrapper main .viewarea .paper .wrap article .content hr {
    border: none;
    border-top: 1px dotted #ccc;
    height: 0;
    padding: 0;
    margin: 20px 0
}

.newspage .wrapper main .viewarea .paper .wrap article .content:after {
    display: block;
    clear: both;
    content: ''
}

.newspage .wrapper main .viewarea .paper .wrap article .timeframe {
    margin: 30px 0;
    background: url(../_graphics/dotline.png) left center repeat-x;
    background-image: url(../_svg/dotline.svg), none
}

.newspage .wrapper main .viewarea .paper .wrap article .timeframe .period {
    position: relative;
    font-weight: 600;
    font-size: 10px;
    color: #7F7F7F;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 10px;
    background-color: #fff;
    border: 2px solid #EDEDED;
    padding: 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .timeframe .period time {
    display: block;
    font-weight: 400;
    font-size: 14px;
    color: #EC0B43;
    line-height: 16px;
    text-transform: none;
    margin: 5px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .timeframe .period:before {
    position: absolute;
    top: 50%;
    content: '\20';
    background-color: #fff;
    border: 2px solid #EDEDED;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.newspage .wrapper main .viewarea .paper .wrap article .timeframe .period.from {
    float: left
}

.newspage .wrapper main .viewarea .paper .wrap article .timeframe .period.from:before {
    right: -5px
}

.newspage .wrapper main .viewarea .paper .wrap article .timeframe .period.to {
    float: right
}

.newspage .wrapper main .viewarea .paper .wrap article .timeframe .period.to:before {
    left: -5px
}

.newspage .wrapper main .viewarea .paper .wrap article .timeframe:after {
    display: block;
    clear: both;
    content: ''
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes {
    margin: 10px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item {
    border: 1px solid #EDEDED;
    width: 48%;
    padding: 15px 20px;
    margin: 20px 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item h4 {
    font-weight: 300;
    font-size: 14px;
    color: #B6B6B6;
    line-height: 16px
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents {
    margin: 15px 0 0;
    font-weight: 400;
    font-size: 14px;
    color: #2C2C2C;
    line-height: 25px
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a {
    text-indent: 0;
    text-decoration: underline;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a:hover {
    color: #3b6ae5
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a:active {
    color: #163ea4
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a:focus {
    outline-color: #ACACAC
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a i {
    margin: 0 0 0 5px
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[target=_blank]:after {
    display: inline;
    font-family: FontAwesome;
    content: '\A0\F08E'
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".pdf"]:before, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".doc"]:before, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".docx"]:before, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".ppt"]:before, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".pptx"]:before {
    display: inline-block;
    font-family: Kotebelle;
    font-size: 1.6em;
    vertical-align: middle;
    margin: 0 4px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".pdf"] {
    color: #F62B2B
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".pdf"]:before {
    content: '\E001'
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".pdf"]:hover {
    color: #FF4D4D
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".pdf"]:active {
    color: #E92525
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".pdf"]:focus {
    outline-color: #FFCDCD
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".doc"], .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".docx"] {
    color: #2A5598
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".doc"]:before, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".docx"]:before {
    content: '\E000'
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".doc"]:hover, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".docx"]:hover {
    color: #3665AD
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".doc"]:active, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".docx"]:active {
    color: #234D8D
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".doc"]:focus, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".docx"]:focus {
    outline-color: #ACC8F4
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".ppt"], .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".pptx"] {
    color: #E65618
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".ppt"]:before, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".pptx"]:before {
    content: '\E002'
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".ppt"]:hover, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".pptx"]:hover {
    color: #F56526
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".ppt"]:active, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".pptx"]:active {
    color: #D84E13
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".ppt"]:focus, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".pptx"]:focus {
    outline-color: #FFCBB4
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$="?"]:after, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$="?"]:before {
    display: none
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h1 {
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 30px 0 20px
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h1:first-child {
    margin-top: 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h2 {
    font-weight: 600;
    font-size: 20px;
    color: #2C2C2C;
    line-height: 26px;
    margin: 25px 0 15px
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h3 {
    font-weight: 600;
    font-size: 18px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 20px 0 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h4 {
    font-weight: 400;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 16px;
    color: #2C2C2C;
    text-transform: uppercase;
    line-height: 16px;
    margin: 15px 0 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h5 {
    font-weight: 600;
    font-size: 14px;
    color: #7F7F7F;
    line-height: 18px;
    text-transform: uppercase;
    margin: 15px 0 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents p {
    text-align: justify
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents p:not(:nth-last-of-type(1)) {
    margin: 15px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents strong {
    font-weight: 600
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents img {
    border: none;
    max-width: 100%;
    height: auto
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents .column {
    float: left
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents .column.one-half {
    width: 48.63636364%;
    margin: 0 2.72727273% 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents .column.one-third {
    width: 31.81818182%;
    margin: 0 2.27272727% 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents .column.one-fourth {
    width: 23.63636364%;
    margin: 0 1.81818182% 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents .column.last {
    margin: 0
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents .column.last + .clear {
    display: block;
    clear: both;
    content: ''
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents ol, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents ul:not(.relinks) {
    margin: 5px 0 0 30px
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents ol li, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents ul:not(.relinks) li {
    margin: 2px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents ol li:first-child, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents ul:not(.relinks) li:first-child {
    margin: 0
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents ul:not(.relinks) {
    list-style-type: none
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents ul:not(.relinks) li {
    position: relative
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents ul:not(.relinks) li:before {
    display: block;
    position: absolute;
    left: -30px;
    top: 3px;
    font-family: FontAwesome;
    content: '\F10C';
    color: #5374CB;
    text-align: center;
    line-height: 22px;
    width: 20px
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents:after, .newspage .wrapper main .viewarea:after {
    display: block;
    content: '';
    clear: both
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents ol {
    list-style-type: decimal
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h1 + ol, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h1 + p, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h1 + ul, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h2 + ol, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h2 + p, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h2 + ul, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h3 + ol, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h3 + p, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h3 + ul, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h4 + ol, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h4 + p, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h4 + ul, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h5 + ol, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h5 + p, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h5 + ul {
    margin-top: 0 !important
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents iframe, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents video {
    max-width: 100%
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents hr {
    border: none;
    border-top: 1px dotted #ccc;
    height: 0;
    padding: 0;
    margin: 20px 0
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .gutter {
    width: 4%
}

.newspage .wrapper main .viewarea .paper .wrap .category {
    font-weight: 700;
    font-size: 11px;
    color: #999;
    text-transform: uppercase;
    line-height: 11px;
    text-align: right;
    border-top: 3px solid #D9D9D9;
    padding: 10px 30px 0
}

.newspage .wrapper main .viewarea .paper .wrap .category.gray {
    color: #726B68;
    border-top-color: #726B68
}

.newspage .wrapper main .viewarea .paper .wrap .category.violet {
    color: #7852C9;
    border-top-color: #7852C9
}

.newspage .wrapper main .viewarea .paper .wrap .category.green {
    color: #94D600;
    border-top-color: #94D600
}

.newspage .wrapper main .viewarea .paper .wrap .category.lightblue {
    color: #3DB5E6;
    border-top-color: #3DB5E6
}

.newspage .wrapper main .viewarea .paper .wrap .category.orange {
    color: #FF8400;
    border-top-color: #FF8400
}

.newspage .wrapper main .viewarea .paper .wrap .category.red {
    color: #EC0B43;
    border-top-color: #EC0B43
}

.newspage .wrapper main .viewarea .paper .wrap .category.blue {
    color: #1946BA;
    border-top-color: #1946BA
}

.newspage .wrapper aside {
    width: 33.63636364%;
    float: left
}

.newspage .wrapper aside .announces {
    background-color: #F7F7F7;
    padding: 30px 0
}

.newspage .wrapper aside .announces .legend {
    display: table;
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.newspage .wrapper aside .announces .legend li {
    display: table-cell
}

.newspage .wrapper aside .announces .legend li a {
    display: block;
    font-weight: 300;
    font-size: 14px;
    color: #1946BA;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 28px;
    border: 1px solid #1946BA;
    transition: color .1s ease-in-out, background-color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out, background-color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out, background-color .1s ease-in-out
}

.newspage .wrapper aside .announces .legend li a:hover {
    color: #fff;
    background-color: #2459e2
}

.newspage .wrapper aside .announces .legend li a:active {
    background-color: #1946BA
}

.newspage .wrapper aside .announces .legend li a:focus {
    outline-color: #7e9dee
}

.newspage .wrapper aside .announces .legend li.active a {
    color: #fff;
    background-color: #2459e2
}

.newspage .wrapper aside .announces .legend li:not(:first-child) a {
    border-left: none
}

.newspage .wrapper aside .announces .legend li:first-child a {
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px
}

.newspage .wrapper aside .announces .legend li:last-child a {
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0
}

.newspage .wrapper aside .announces .stripes {
    margin: 10px 0 0
}

.newspage .wrapper aside .announces .stripes article {
    width: 100%;
    padding: 20px 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.newspage .wrapper aside .announces .stripes article .photo {
    position: relative;
    width: 32.25806452%;
    margin: 0 0 0 6.4516129%;
    float: right
}

.newspage .wrapper aside .announces .stripes article .photo .wrap {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.newspage .wrapper aside .announces .stripes article .photo .wrap img {
    display: block;
    border: none
}

.newspage .wrapper aside .announces .stripes article .photo .wrap img.landscape {
    min-width: 100%;
    height: 100%
}

.newspage .wrapper aside .announces .stripes article .photo .wrap img.portrait {
    width: 100%;
    min-height: 100%
}

.newspage .wrapper aside .announces .stripes article .photo:before {
    display: block;
    content: '\20';
    padding-top: 100%
}

.newspage .wrapper aside .announces .stripes article .content {
    position: relative;
    width: 100%;
    padding: 0 0 0 10px;
    float: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.newspage .wrapper aside .announces .stripes article .content time {
    display: block;
    font-weight: 600;
    font-size: 12px;
    color: #BFBFBF;
    text-transform: uppercase;
    line-height: 12px
}

.newspage .wrapper aside .announces .stripes article .content h4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0 0
}

.newspage .wrapper aside .announces .stripes article .content h4 a {
    color: #585858;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newspage .wrapper aside .announces .stripes article .content h4 a:hover {
    color: #3F3F3F
}

.newspage .wrapper aside .announces .stripes article .content h4 a:active {
    color: #616161
}

.newspage .wrapper aside .announces .stripes article .content h4 a:focus {
    outline-color: #B4B4B4
}

.newspage .wrapper aside .announces .stripes article .content .category {
    display: block;
    position: absolute !important;
    left: -13px;
    top: 27px;
    border: 5px solid #E1E1E1;
    width: 0;
    height: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.newspage .wrapper aside .announces .stripes article .content .category:hover {
    cursor: help
}

.newspage .wrapper aside .announces .stripes article .content .category:hover:after {
    display: block;
    overflow: hidden;
    position: absolute;
    left: -15px;
    bottom: 20px;
    font-weight: 400;
    font-size: 12px;
    font-style: normal;
    content: attr(data-tooltip);
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #333;
    background-color: rgba(0, 0, 0, .8);
    max-width: 200px;
    padding: 6px 10px;
    z-index: 20;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}

.newspage .wrapper aside .announces .stripes article .content .category:hover:before {
    display: block;
    position: absolute;
    left: -5px;
    bottom: 10px;
    content: '\20';
    border-width: 5px 8px;
    border-style: solid;
    border-color: #333 transparent transparent;
    border-top-color: rgba(0, 0, 0, .8);
    width: 0;
    height: 0;
    z-index: 21
}

.newspage .wrapper aside .announces .stripes article .content .category.gray {
    border-color: #726B68
}

.newspage .wrapper aside .announces .stripes article .content .category.violet {
    border-color: #7852C9
}

.newspage .wrapper aside .announces .stripes article .content .category.green {
    border-color: #94D600
}

.newspage .wrapper aside .announces .stripes article .content .category.lightblue {
    border-color: #3DB5E6
}

.newspage .wrapper aside .announces .stripes article .content .category.orange {
    border-color: #FF8400
}

.newspage .wrapper aside .announces .stripes article .content .category.red {
    border-color: #EC0B43
}

.newspage .wrapper aside .announces .stripes article .content .category.blue {
    border-color: #1946BA
}

.newspage .wrapper aside .announces .stripes article .photo + .content {
    width: 61.29032258%
}

.newspage .wrapper aside .announces .stripes article.even {
    background-color: #F2F2F2
}

.newspage .wrapper aside .announces .stripes article:after {
    display: block;
    clear: both;
    content: ''
}

.newspage .wrapper aside .events {
    background-color: #fff;
    width: 100%;
    padding: 25px 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.newspage .wrapper aside .events .heading h3 {
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 28px
}

.newspage .wrapper aside .events .heading a {
    display: inline-block;
    font-weight: 300;
    font-size: 16px;
    text-decoration: none;
    line-height: 28px;
    float: right;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newspage .wrapper aside .events .heading a:hover {
    color: #3b6ae5
}

.newspage .wrapper aside .events .heading a:active {
    color: #163ea4
}

.newspage .wrapper aside .events .heading a:focus {
    outline-color: #ACACAC
}

.newspage .wrapper aside .events .heading a:before {
    color: #CBCBCB;
    content: '\7C';
    margin: 0 15px 0 0
}

.newspage .wrapper aside .events .heading:after, .newspage .wrapper aside .events .list .item:after, .newspage .wrapper:after {
    content: '';
    display: block;
    clear: both
}

.newspage .wrapper aside .events .list {
    margin: 20px 0 0
}

.newspage .wrapper aside .events .list .item {
    position: relative
}

.newspage .wrapper aside .events .list .item .date {
    display: block;
    font-weight: 400;
    font-size: 10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    line-height: 12px;
    background-color: #EC0B43;
    width: 50px;
    height: 36px;
    padding: 7px 0;
    float: left
}

.newspage .wrapper aside .events .list .item .date span {
    display: block;
    font-weight: 600;
    font-size: 24px;
    line-height: 24px
}

.newspage .wrapper aside .events .list .item .description {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.newspage .wrapper aside .events .list .item .description h4 {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.newspage .wrapper aside .events .list .item .description h4 a {
    color: #585858;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newspage .wrapper aside .events .list .item .description h4 a:hover {
    color: #3F3F3F
}

.newspage .wrapper aside .events .list .item .description h4 a:active {
    color: #616161
}

.newspage .wrapper aside .events .list .item .description h4 a:focus {
    outline-color: #B4B4B4
}

.newspage .wrapper aside .events .list .item .description time {
    display: block;
    font-weight: 300;
    font-size: 12px;
    color: #9D9D9D;
    line-height: 12px;
    margin: 8px 0 0
}

.newspage .wrapper aside .events .list .item div + .description {
    padding-left: 70px
}

.newspage .wrapper aside .events .list .item:not(:first-child) {
    margin: 20px 0 0
}

.newspage .wrapper aside > section:not(:first-child) {
    margin: 30px 0 0
}

.feedbackpage {
    background-color: #fff
}

.feedbackpage .wrapper {
    position: relative;
    top: -20px;
    background-color: #fff;
    width: 800px;
    margin-bottom: -20px !important;
    margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.feedbackpage .wrapper .wrap > section {
    padding: 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.feedbackpage .wrapper .wrap > section h1 {
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 24px
}

.feedbackpage .wrapper .wrap > section .form {
    margin: 40px 0 0
}

.feedbackpage .wrapper .wrap > section .form .group {
    margin: 25px 0 0
}

.feedbackpage .wrapper .wrap > section .form .group h5 {
    font-weight: 400;
    font-size: 16px;
    color: #2C2C2C;
    line-height: 16px;
    text-transform: none;
    padding: 0;
    margin: 0
}

.feedbackpage .wrapper .wrap > section .form .group h5 sup {
    color: #EC0B43
}

.feedbackpage .wrapper .wrap > section .form .group .field {
    position: relative;
    width: 100%;
    margin: 10px 0 0
}

.feedbackpage .wrapper .wrap > section .form .group .field input, .feedbackpage .wrapper .wrap > section .form .group .field select, .feedbackpage .wrapper .wrap > section .form .group .field textarea {
    font-weight: 400;
    font-size: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #5f5f5f;
    line-height: 36px;
    background-color: #fff;
    border: 2px solid #F0F0F0;
    padding: 0 10px;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: color .1s ease-in-out, border-color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out, border-color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out, border-color .1s ease-in-out
}

.feedbackpage .wrapper .wrap > section .form .group .field.field--file input {
    padding: 0;
    border: 0;
}

.feedbackpage .wrapper .wrap > section .form .group .field input + label, .feedbackpage .wrapper .wrap > section .form .group .field select + label, .feedbackpage .wrapper .wrap > section .form .group .field textarea + label {
    overflow: hidden;
    display: block;
    font-size: 11px;
    color: #BFBFBF;
    cursor: pointer;
    text-transform: uppercase;
    line-height: 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 5px 0 0;
    transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out
}

.feedbackpage .wrapper .wrap > section .form .group .field input + label:focus, .feedbackpage .wrapper .wrap > section .form .group .field select + label:focus, .feedbackpage .wrapper .wrap > section .form .group .field textarea + label:focus {
    outline-color: #EC0B43
}

.feedbackpage .wrapper .wrap > section .form .group .field input.sharp, .feedbackpage .wrapper .wrap > section .form .group .field select.sharp, .feedbackpage .wrapper .wrap > section .form .group .field textarea.sharp {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none
}

.feedbackpage .wrapper .wrap > section .form .group .field input.hover, .feedbackpage .wrapper .wrap > section .form .group .field input:hover, .feedbackpage .wrapper .wrap > section .form .group .field select.hover, .feedbackpage .wrapper .wrap > section .form .group .field select:hover, .feedbackpage .wrapper .wrap > section .form .group .field textarea.hover, .feedbackpage .wrapper .wrap > section .form .group .field textarea:hover {
    border-color: #e3e3e3
}

.feedbackpage .wrapper .wrap > section .form .group .field input:focus, .feedbackpage .wrapper .wrap > section .form .group .field select:focus, .feedbackpage .wrapper .wrap > section .form .group .field textarea:focus {
    color: #2C2C2C;
    border-color: #8CA2DC
}

.feedbackpage .wrapper .wrap > section .form .group .field input:focus + label, .feedbackpage .wrapper .wrap > section .form .group .field select:focus + label, .feedbackpage .wrapper .wrap > section .form .group .field textarea:focus + label {
    color: #8CA2DC
}

.feedbackpage .wrapper .wrap > section .form .group .field textarea {
    line-height: 20px;
    resize: vertical;
    width: 100%;
    height: 124px;
    max-height: 324px;
    padding-top: 10px;
    padding-bottom: 10px
}

.feedbackpage .wrapper .wrap > section .form .group .field .clearinput {
    display: none;
    position: absolute;
    top: 2px;
    right: 2px;
    text-align: center;
    line-height: 36px;
    width: 36px;
    height: 36px;
    background: url(../_graphics/bright.png) right top repeat-y;
    background-image: url(../_svg/bright.svg), none;
    background-size: 36px 1px;
    -moz-background-size: 36px 1px;
    -webkit-background-size: 36px 1px
}

.feedbackpage .wrapper .wrap > section .form .group .field .clearinput a {
    font-family: FontAwesome;
    font-size: 18px;
    color: #DCDCDC;
    text-decoration: none;
    transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out
}

.feedbackpage .wrapper .wrap > section .form .group .field .clearinput a:hover {
    color: #626262
}

.feedbackpage .wrapper .wrap > section .form .group .field .clearinput a:active {
    color: #8D8D8D
}

.feedbackpage .wrapper .wrap > section .form .group.last .bone, .feedbackpage .wrapper .wrap > section .form .group.last button {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #fff;
    line-height: 14px;
    outline-width: 1px;
    cursor: pointer
}

.feedbackpage .wrapper .wrap > section .form .group .field .clearinput a:focus {
    outline-color: #DBDBDB
}

.feedbackpage .wrapper .wrap > section .form .group .field .clearinput a:after {
    content: '\F057'
}

.feedbackpage .wrapper .wrap > section .form .group .field .clearinput.visible + input {
    padding-right: 29px
}

.feedbackpage .wrapper .wrap > section .form .group .field.half {
    width: 48.4375%;
    margin-left: 3.125%;
    float: left
}

.feedbackpage .wrapper .wrap > section .form .group .field.half:first-of-type {
    margin-left: 0
}

.feedbackpage .wrapper .wrap > section .form .group .field.flexible {
    width: 100%;
    max-width: 310px
}

.feedbackpage .wrapper .wrap > section .form .group.last {
    text-align: right
}

.feedbackpage .wrapper .wrap > section .form .group.last button {
    background: #EF154B;
    background: -moz-linear-gradient(top, #EF154B 0, #D9093D 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EF154B), color-stop(100%, #D9093D));
    background: -webkit-linear-gradient(top, #EF154B 0, #D9093D 100%);
    background: -o-linear-gradient(top, #EF154B 0, #D9093D 100%);
    background: -ms-linear-gradient(top, #EF154B 0, #D9093D 100%);
    background: linear-gradient(to bottom, #EF154B 0, #D9093D 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EF154B', endColorstr='#D9093D', GradientType=0);
    border: none;
    padding: 13px 35px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    transition: box-shadow .3s ease-in-out;
    -moz-transition: box-shadow .3s ease-in-out;
    -webkit-transition: box-shadow .3s ease-in-out
}

.feedbackpage .wrapper .wrap > section .form .group.last button:hover {
    background: #F61950;
    background: -moz-linear-gradient(top, #F61950 0, #ED1046 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ED1046), color-stop(100%, #ED1046));
    background: -webkit-linear-gradient(top, #F61950 0, #ED1046 100%);
    background: -o-linear-gradient(top, #F61950 0, #ED1046 100%);
    background: -ms-linear-gradient(top, #F61950 0, #ED1046 100%);
    background: linear-gradient(to bottom, #F61950 0, #ED1046 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F61950', endColorstr='#ED1046', GradientType=0)
}

.feedbackpage .wrapper .wrap > section .form .group.last button:active {
    background: #E11346;
    box-shadow: inset 0 1px 3px #D00F3F;
    -moz-box-shadow: inset 0 1px 3px #D00F3F;
    -webkit-box-shadow: inset 0 1px 3px #D00F3F
}

.feedbackpage .wrapper .wrap > section .form .group.last button:focus {
    outline-color: #F43161
}

.feedbackpage .wrapper .wrap > section .form .group.last .bone {
    display: inline-block;
    text-decoration: none;
    vertical-align: top;
    background: #C7C7C7;
    background: -moz-linear-gradient(top, #C7C7C7 0, #ADADAD 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C7C7C7), color-stop(100%, #ADADAD));
    background: -webkit-linear-gradient(top, #C7C7C7 0, #ADADAD 100%);
    background: -o-linear-gradient(top, #C7C7C7 0, #ADADAD 100%);
    background: -ms-linear-gradient(top, #C7C7C7 0, #ADADAD 100%);
    background: linear-gradient(to bottom, #C7C7C7 0, #ADADAD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C7C7C7', endColorstr='#ADADAD', GradientType=0);
    border: none;
    padding: 13px 20px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    transition: box-shadow .3s ease-in-out;
    -moz-transition: box-shadow .3s ease-in-out;
    -webkit-transition: box-shadow .3s ease-in-out
}

.feedbackpage .wrapper .wrap > section .form .group.last .bone:hover {
    background: #CFCFCF;
    background: -moz-linear-gradient(top, #CFCFCF 0, #BDBDBD 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CFCFCF), color-stop(100%, #BDBDBD));
    background: -webkit-linear-gradient(top, #CFCFCF 0, #BDBDBD 100%);
    background: -o-linear-gradient(top, #CFCFCF 0, #BDBDBD 100%);
    background: -ms-linear-gradient(top, #CFCFCF 0, #BDBDBD 100%);
    background: linear-gradient(to bottom, #CFCFCF 0, #BDBDBD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CFCFCF', endColorstr='#BDBDBD', GradientType=0)
}

.feedbackpage .wrapper .wrap > section .form .group.last .bone:active {
    background: #BDBDBD;
    padding: 14px 19px 12px 21px;
    box-shadow: inset 0 1px 3px #B3B3B3;
    -moz-box-shadow: inset 0 1px 3px #B3B3B3;
    -webkit-box-shadow: inset 0 1px 3px #B3B3B3
}

.feedbackpage .wrapper .wrap > section .form .group.last .bone:before {
    font-family: FontAwesome;
    content: '\F09C';
    text-align: center;
    width: 16px;
    margin: 0 8px 0 0
}

.feedbackpage .wrapper .wrap > section .form .group.last .bone:focus {
    outline-color: #C3C3C3
}

.feedbackpage .wrapper .wrap > section .form .group:after {
    display: block;
    clear: both;
    content: ''
}

.feedbackpage .wrapper .wrap > section .form .group:first-child {
    margin: 0
}

.feedbackpage .wrapper .wrap > section .form .signature {
    font-size: 11px;
    color: #A1A1A1;
    line-height: 18px;
    text-transform: uppercase;
    margin: 20px 0 0
}

.feedbackpage .wrapper .wrap > section .form .signature sup {
    color: #EC0B43
}

.feedbackpage .wrapper .wrap > section .notice {
    margin: 40px 0 0;
    color: #5C5C5C;
    background-color: #F3F3F3;
    padding: 20px 30px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.feedbackpage .wrapper .wrap > section .notice h4 {
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: none;
    padding: 0;
    margin: 0
}

.feedbackpage .wrapper .wrap > section .notice h4:before {
    font-family: FontAwesome;
    font-size: 20px;
    color: #BEBEBE;
    content: '\F129';
    vertical-align: middle;
    margin: 0 20px 0 0
}

.feedbackpage .wrapper .wrap > section .notice .close {
    display: none;
    font-family: FontAwesome;
    font-size: 18px;
    color: #D6D6D6;
    text-decoration: none;
    line-height: 20px;
    margin: 0 0 0 20px;
    float: right;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.feedbackpage .wrapper .wrap > section .notice .close:hover {
    color: #9D9D9D
}

.feedbackpage .wrapper .wrap > section .notice .close:active {
    color: #ADACAC
}

.feedbackpage .wrapper .wrap > section .notice .close:focus {
    outline-color: #D2D2D2
}

.feedbackpage .wrapper .wrap > section .notice .close:before {
    content: '\F00D'
}

.feedbackpage .wrapper .wrap > section .notice:after {
    display: block;
    clear: both;
    content: ''
}

.feedbackpage .wrapper .wrap > section .notice.success {
    color: #799D27;
    background-color: #C9EA7F
}

.feedbackpage .wrapper .wrap > section .notice.success h4 {
    color: #799D27
}

.feedbackpage .wrapper .wrap > section .notice.success h4:before {
    color: #A4C854;
    content: '\F00C'
}

.feedbackpage .wrapper .wrap > section .notice.success .close {
    color: #ABD451
}

.feedbackpage .wrapper .wrap > section .notice.success .close:hover {
    color: #85AA33
}

.feedbackpage .wrapper .wrap > section .notice.success .close:active {
    color: #90B63D
}

.feedbackpage .wrapper .wrap > section .notice.success .close:focus {
    outline-color: #A4C754
}

.feedbackpage .wrapper .wrap > section .notice.warning {
    color: #A22746;
    background-color: #F585A1
}

.feedbackpage .wrapper .wrap > section .notice.warning h4 {
    color: #A22746
}

.feedbackpage .wrapper .wrap > section .notice.warning h4:before {
    color: #CD607C;
    content: '\F12A'
}

.feedbackpage .wrapper .wrap > section .notice.warning .close {
    color: #D76985
}

.feedbackpage .wrapper .wrap > section .notice.warning .close:hover {
    color: #B4405D
}

.feedbackpage .wrapper .wrap > section .notice.warning .close:active {
    color: #C04B68
}

.feedbackpage .wrapper .wrap > section .notice.warning .close:focus {
    outline-color: #C84969
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li .content a:focus, .feedbackpage .wrapper .wrap > aside .lifter .location .content a:focus {
    outline-color: #ACACAC
}

.feedbackpage .wrapper .wrap > aside {
    width: 36.36363636%;
    padding: 0 0 40px;
    margin: 0 0 0 2.72727273%;
    float: right
}

.feedbackpage .wrapper .wrap > aside .lifter {
    position: relative;
    top: -70px;
    background-color: #fff;
    min-height: 70px;
    margin-bottom: -70px
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry {
    background-color: #F2F2F2;
    padding: 25px 30px
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry h1 {
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 24px
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul {
    margin: 25px 0 0
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li {
    margin: 20px 0 0
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li .icon {
    color: #fff;
    text-align: center;
    background-color: #EC0B43;
    width: 34px;
    height: 34px;
    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    float: left
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li .icon:before {
    font-family: FontAwesome;
    font-size: 18px;
    line-height: 34px
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li .icon.phone:before {
    content: '\F095'
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li .icon.fax:before {
    content: '\F02F'
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li .icon.email:before {
    content: '\F0E0'
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li .icon.place:before {
    content: '\F041'
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li .content {
    font-size: 16px;
    color: #2C2C2C;
    line-height: 20px;
    width: 100%;
    padding: 0 0 0 54px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li .content a {
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li .content a:hover {
    color: #3b6ae5
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li .content a:active {
    color: #163ea4
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li .content .label {
    display: block;
    font-size: 14px;
    color: #9D9D9D;
    line-height: 12px;
    margin: 0 0 4px
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li:after {
    display: block;
    clear: both;
    content: ''
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li:first-child {
    margin: 0
}

.feedbackpage .wrapper .wrap > aside .lifter .location {
    padding: 0 30px
}

.feedbackpage .wrapper .wrap > aside .lifter .location .icon {
    color: #000;
    text-align: center;
    background-color: transparent;
    width: 34px;
    height: 34px;
    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    float: left
}

.feedbackpage .wrapper .wrap > aside .lifter .location .icon:before {
    font-family: FontAwesome;
    font-size: 32px;
    line-height: 34px
}

.feedbackpage .wrapper .wrap > aside .lifter .location .icon.phone:before {
    content: '\F095'
}

.feedbackpage .wrapper .wrap > aside .lifter .location .icon.fax:before {
    content: '\F02F'
}

.feedbackpage .wrapper .wrap > aside .lifter .location .icon.email:before {
    content: '\F0E0'
}

.feedbackpage .wrapper .wrap > aside .lifter .location .icon.place:before {
    content: '\F041'
}

.feedbackpage .wrapper .wrap:after, .responsive.marketmenu .wrapper > ul:after, .responsive.marketmenu .wrapper > ul > .split:after, .responsive.marketmenu .wrapper > ul > li:not(.split):after {
    display: block;
    content: '';
    clear: both
}

.feedbackpage .wrapper .wrap > aside .lifter .location .content {
    font-size: 16px;
    color: #2C2C2C;
    line-height: 20px;
    width: 100%;
    padding: 0 0 0 54px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.feedbackpage .wrapper .wrap > aside .lifter .location .content a {
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.feedbackpage .wrapper .wrap > aside .lifter .location .content a:hover {
    color: #3b6ae5
}

.feedbackpage .wrapper .wrap > aside .lifter .location .content a:active {
    color: #163ea4
}

.responsive.marketmenu .wrapper > ul > li:not(.split) .dropdown ul li a:focus, .responsive.marketmenu .wrapper > ul > li:not(.split) > a:focus {
    outline-color: #f97e9c
}

.feedbackpage .wrapper .wrap > aside .lifter .location .content .label {
    display: block;
    font-size: 14px;
    color: #9D9D9D;
    line-height: 12px;
    margin: 0 0 4px
}

.feedbackpage .wrapper .wrap > aside .lifter > section:not(:first-child) {
    margin: 30px 0 0
}

.responsive.marketmenu {
    display: block;
    background-color: #EC0B43
}

.responsive.marketmenu .wrapper {
    width: 1100px;
    padding: 30px 0;
    margin: 0 auto
}

.responsive.marketmenu .wrapper > ul > li:not(.split) {
    width: 31.81818182%;
    margin: 0 0 0 2.27272727%;
    float: left
}

.responsive.marketmenu .toggle .arrowdrop:last-child {
    display: none;
}

.responsive.marketmenu .wrapper > ul > li:not(.split) .dropdown {
    padding: 16px 0 0;
    margin: 10px 0 0;
    background: url(../_graphics/pattern.png) left top repeat-x;
    background-image: url(../_svg/pattern.svg), none;
    background-size: 16px 6px;
    -moz-background-size: 16px 6px;
    -webkit-background-size: 16px 6px
}

.responsive.marketmenu .wrapper > ul > li:not(.split) .dropdown ul li {
    line-height: 16px;
    margin: 10px 0 0
}

.responsive.marketmenu .wrapper > ul > li:not(.split) .dropdown ul li a {
    font-size: 14px;
    color: #fcc7d4;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.responsive.marketmenu .wrapper > ul > li:not(.split) .dropdown ul li a:hover {
    color: #fff;
    text-decoration: underline
}

.responsive.marketmenu .wrapper > ul > li:not(.split) .dropdown ul li a:active {
    color: #fedfe7
}

.responsive.marketmenu .wrapper > ul > li:not(.split) .dropdown ul li:first-child {
    margin: 0
}

.responsive.marketmenu .wrapper > ul > li:not(.split) .arrowdrop {
    display: none
}

.responsive.marketmenu .wrapper > ul > li:not(.split) > a {
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    line-height: 20px;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.responsive.marketmenu .wrapper > ul > li:not(.split) > a:hover {
    color: #fbaec1
}

.responsive.marketmenu .wrapper > ul > li:not(.split) > a:active {
    color: #f97e9c
}

.responsive.megamenu > ul > li > a, .responsive.navhandler {
    color: #fff;
    text-transform: uppercase;
    transition: background-color .2s ease-in-out, border-color .1s ease-in-out, border-radius .3s ease-in-out;
    padding: 0 20px;
    position: relative;
    font-size: 14px;
    line-height: 45px;
    z-index: 36;
    -webkit-font-smoothing: antialiased;
    text-align: left;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.responsive.megamenu > ul > li > a:focus, .responsive.navhandler:focus {
    outline-color: #7e9dee
}

.responsive.marketmenu .wrapper > ul > li:not(.split):nth-child(n+4) {
    margin-top: 30px
}

.responsive.marketmenu .wrapper > ul > li:not(.split):nth-child(4n+1) {
    margin-left: 0
}

.responsive.navhandler {
    font-family: 'ALS Schlange Sans', sans-serif;
    background-color: #1946BA;
    -moz-transition: background-color .2s ease-in-out, border-color .1s ease-in-out, border-radius .3s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out, border-color .1s ease-in-out, border-radius .3s ease-in-out;
    display: none;
    border-left: none
}

.responsive.navhandler:hover {
    background-color: #1e54de
}

.responsive.navhandler.active, .responsive.navhandler:active {
    background-color: #2459e2
}

.responsive.navhandler:before {
    font-family: FontAwesome;
    content: '\F0C9';
    vertical-align: middle;
    margin: 0 10px 0 0
}

.responsive.megamenu {
    display: none
}

.responsive.megamenu > ul > li > a {
    display: block;
    font-family: 'ALS Schlange Sans', sans-serif;
    background-color: #1946BA;
    border-left: 1px solid #3b6ae5;
    -moz-transition: background-color .2s ease-in-out, border-color .1s ease-in-out, border-radius .3s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out, border-color .1s ease-in-out, border-radius .3s ease-in-out;
    border-top: 1px solid #1c4ed0
}

.responsive.megamenu > ul > li > a:hover {
    background-color: #1e54de
}

.responsive.megamenu > ul > li > a:active {
    background-color: #2459e2
}

.responsive.megamenu > ul > li .arrowdrop {
    display: block;
    background-color: #163ea4;
    border-top: 1px solid #1843b1;
    border-left: none;
    height: 45px;
    padding: 0 20px;
    float: right
}

.responsive.megamenu > ul > li .arrowdrop:after {
    font-family: FontAwesome;
    content: '\F107'
}

.responsive.megamenu > ul > li .arrowdrop.active {
    color: #fbaec1;
    background-color: #f41c52
}

.owl .item .overlay .wrap .category span, .owl .item .overlay .wrap h3, .responsive.megamenu > ul > li .mega .container .column ul li a {
    color: #fff;
    font-family: 'ALS Schlange Sans', sans-serif
}

.responsive.megamenu > ul > li .arrowdrop.active:after {
    content: '\F106'
}

.responsive.megamenu > ul > li .arrowdrop.active:focus {
    outline-color: #fa96af
}

.responsive.megamenu > ul > li .mega {
    display: none
}

.responsive.megamenu > ul > li .mega .wrapper {
    width: 100% !important
}

.responsive.megamenu > ul > li .mega .container {
    background-color: #1946BA
}

.responsive.megamenu > ul > li .mega .container .column ul li {
    border-top: 1px dotted #3b6ae5
}

.responsive.megamenu > ul > li .mega .container .column ul li a {
    display: block;
    position: relative;
    font-size: 14px;
    text-decoration: none;
    line-height: 45px;
    background-color: #1946BA;
    border-left: 1px solid #3b6ae5;
    z-index: 36;
    -webkit-font-smoothing: antialiased;
    transition: background-color .2s ease-in-out, border-color .1s ease-in-out, border-radius .3s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, border-color .1s ease-in-out, border-radius .3s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out, border-color .1s ease-in-out, border-radius .3s ease-in-out;
    overflow: hidden;
    text-align: left;
    text-transform: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 30px
}

.responsive.megamenu > ul > li .mega .container .column ul li a:hover {
    background-color: #1e54de
}

.responsive.megamenu > ul > li .mega .container .column ul li a:active {
    background-color: #2459e2
}

.responsive.megamenu > ul > li .mega .container .column ul li a:focus {
    outline-color: #7e9dee
}

.responsive.megamenu > ul > li .mega .container .column:first-child ul li:first-child, .responsive.megamenu > ul > li:first-child .arrowdrop, .responsive.megamenu > ul > li:first-child > a {
    border-top: none
}

.responsive.megamenu > ul > li:after {
    display: block;
    clear: both;
    content: ''
}

.owl {
    width: 100%
}

.owl .item {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover
}

.owl .item img {
    display: block;
    width: 100%
}

.owl .item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.owl .item .overlay .wrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 40px 30px 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    opacity: .85;
    -moz-opacity: .85;
    -khtml-opacity: .85;
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .851) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .851)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .851) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .851) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .851) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .851) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0)', endColorstr='rgba(0, 0, 0, 0.851)', GradientType=0);
    transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out
}

.owl .item .overlay .wrap .category span {
    display: block;
    overflow: hidden;
    font-size: 15px;
    text-transform: lowercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #EC0B43;
    padding: 4px 8px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    float: left
}

.owl .item .overlay .wrap .category span.gray {
    background-color: #726B68
}

.owl .item .overlay .wrap .category span.violet {
    background-color: #7852C9
}

.owl .item .overlay .wrap .category span.green {
    background-color: #94D600
}

.owl .item .overlay .wrap .category span.lightblue {
    background-color: #3DB5E6
}

.owl .item .overlay .wrap .category span.orange {
    background-color: #FF8400
}

.owl .item .overlay .wrap .category span.red {
    background-color: #EC0B43
}

.owl .item .overlay .wrap .category span.blue {
    background-color: #1946BA
}

.owl .item .overlay .wrap .category:after {
    display: block;
    clear: both;
    content: ''
}

.owl .item .overlay .wrap h3 {
    font-size: 24px;
    line-height: 28px;
    margin: 15px 0 0
}

.owl .item .overlay .wrap .button {
    margin: 25px 0 0
}

.owl .item .overlay .wrap .button a {
    display: block;
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 14px;
    white-space: nowrap;
    outline: transparent dotted 1px;
    border: 1px solid transparent;
    padding: 10px 20px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out !important;
    -moz-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out !important;
    -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out !important;
    float: left
}

.owl .item .overlay .wrap .button a, .owl .item .overlay .wrap .button a.red {
    color: #EC0B43;
    border-color: #EC0B43 !important
}

.owl .item .overlay .wrap .button a.red:hover, .owl .item .overlay .wrap .button a:hover {
    color: #fff;
    background-color: #EC0B43
}

.owl .item .overlay .wrap .button a.red:active, .owl .item .overlay .wrap .button a:active {
    background-color: #d40a3c;
    border-color: #d40a3c !important
}

.owl .item .overlay .wrap .button a.red:focus, .owl .item .overlay .wrap .button a:focus {
    outline-color: #f8658a !important
}

.owl .item .overlay .wrap .button a.fill, .owl .item .overlay .wrap .button a.red.fill {
    color: #fff;
    background-color: #EC0B43
}

.owl .item .overlay .wrap .button a.fill:hover, .owl .item .overlay .wrap .button a.red.fill:hover {
    background-color: #d40a3c;
    border-color: #d40a3c !important
}

.owl .item .overlay .wrap .button a.fill:active, .owl .item .overlay .wrap .button a.red.fill:active {
    background-color: #bb0935;
    border-color: #bb0935 !important
}

.owl .item .overlay .wrap .button a.blue {
    color: #1946BA;
    border-color: #1946BA !important
}

.owl .item .overlay .wrap .button a.blue:hover {
    color: #fff;
    background-color: #1946BA
}

.owl .item .overlay .wrap .button a.blue:active {
    background-color: #163ea4;
    border-color: #163ea4 !important
}

.owl .item .overlay .wrap .button a.blue:focus {
    outline-color: #517be8 !important
}

.owl .item .overlay .wrap .button a.blue.fill {
    color: #fff;
    background-color: #1946BA
}

.owl .item .overlay .wrap .button a.blue.fill:hover {
    background-color: #163ea4;
    border-color: #163ea4 !important
}

.owl .item .overlay .wrap .button a.blue.fill:active {
    background-color: #13358d;
    border-color: #13358d !important
}

.owl .item .overlay .wrap .button a.white {
    color: #fff;
    border-color: #fff !important
}

.owl .item .overlay .wrap .button a.white:hover {
    color: #1C1C1C;
    background-color: #fff
}

.owl .item .overlay .wrap .button a.white:active {
    background-color: #f2f2f2;
    border-color: #f2f2f2 !important
}

.owl .item .overlay .wrap .button a.white:focus {
    outline-color: #fff !important
}

.owl .item .overlay .wrap .button a.white.fill {
    color: #1C1C1C;
    background-color: #fff
}

.owl .item .overlay .wrap .button a.white.fill:hover {
    background-color: #f2f2f2;
    border-color: #f2f2f2 !important
}

.owl .item .overlay .wrap .button a.white.fill:active {
    background-color: #e6e6e6;
    border-color: #e6e6e6 !important
}

.owl .item .overlay .wrap:hover {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1
}

.owl .owl-nav > div {
    position: absolute;
    top: 50%;
    background-color: #fff;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.axles, .axles .wrapper ul li.active a .icon {
    position: relative
}

.owl .owl-nav > div span {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../_graphics/owl_controls.png) left top no-repeat;
    background-image: url(../_svg/owl_controls.svg), none;
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    opacity: .5;
    -moz-opacity: .5;
    -khtml-opacity: .5
}

.owl .owl-nav > div span:hover {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1
}

.owl .owl-nav > div span:active {
    opacity: .8;
    -moz-opacity: .8;
    -khtml-opacity: .8
}

.owl .owl-nav > div.owl-prev {
    left: 28px
}

.owl .owl-nav > div.owl-prev span {
    background-position: left center !important
}

.owl .owl-nav > div.owl-next {
    right: 28px
}

.owl .owl-nav > div.owl-next span {
    background-position: right center !important
}

.axles {
    z-index: 0
}

.axles .wrapper {
    width: 1100px;
    padding: 20px 0 0;
    margin: 0 auto
}

.axles .wrapper ul {
    margin: 0 0 0 30px;
    float: right
}

.axles .wrapper ul li {
    margin: 0 0 0 20px;
    float: left
}

.axles .wrapper ul li a {
    display: block;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 16px;
    color: #1946BA;
    text-align: center;
    text-decoration: none;
    line-height: 20px;
    width: 150px;
    padding: 0 0 18px;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.axles .wrapper ul li a .icon {
    display: block;
    border: 4px solid #F2F2F2;
    width: 52px;
    height: 52px;
    margin-bottom: 7px !important;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    margin: 0 auto
}

.axles .wrapper ul li a .icon.wallet {
    background: url(../_graphics/axles/wallet.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/wallet.svg), none
}

.axles .wrapper ul li a .icon.timetable {
    background: url(../_graphics/axles/timetable.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/timetable.svg), none
}

.axles .wrapper ul li a .icon.rating {
    background: url(../_graphics/axles/rating.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/rating.svg), none
}

.axles .wrapper ul li a .icon.units {
    background: url(../_graphics/axles/units.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/units.svg), none
}

.axles .wrapper ul li a .icon.media {
    background: url(../_graphics/axles/media.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/media.svg), none
}

.axles .wrapper ul li a .icon.research {
    background: url(../_graphics/axles/research.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/research.svg), none
}

.axles .wrapper ul li a .icon.postgraduate {
    background: url(../_graphics/axles/postgraduate.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/postgraduate.svg), none
}

.axles .wrapper ul li a .icon.overview {
    background: url(../_graphics/axles/overview.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/overview.svg), none
}

.axles .wrapper ul li a .icon.library {
    background: url(../_graphics/axles/library.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/library.svg), none
}

.axles .wrapper ul li a .icon.joint {
    background: url(../_graphics/axles/joint.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/joint.svg), none
}

.axles .wrapper ul li a .icon.innovation {
    background: url(../_graphics/axles/innovation.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/innovation.svg), none
}

.axles .wrapper ul li a .icon.association {
    background: url(../_graphics/axles/association.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/association.svg), none
}

.axles .wrapper ul li a .icon.video {
    background: url(../_graphics/axles/video.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/video.svg), none
}

.axles .wrapper ul li a .icon.testimonial {
    background: url(../_graphics/axles/testimonial.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/testimonial.svg), none
}

.axles .wrapper ul li a .icon.structure {
    background: url(../_graphics/axles/structure.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/structure.svg), none
}

.axles .wrapper ul li a .icon.rector {
    background: url(../_graphics/axles/rector.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/rector.svg), none
}

.axles .wrapper ul li a .icon.professor {
    background: url(../_graphics/axles/professor.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/professor.svg), none
}

.axles .wrapper ul li a .icon.plan {
    background: url(../_graphics/axles/plan.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/plan.svg), none
}

.axles .wrapper ul li a .icon.personality {
    background: url(../_graphics/axles/personality.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/personality.svg), none
}

.axles .wrapper ul li a .icon.partner {
    background: url(../_graphics/axles/partner.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/partner.svg), none
}

.axles .wrapper ul li a .icon.offices {
    background: url(../_graphics/axles/offices.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/offices.svg), none
}

.axles .wrapper ul li a .icon.office {
    background: url(../_graphics/axles/office.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/office.svg), none
}

.axles .wrapper ul li a .icon.mission {
    background: url(../_graphics/axles/mission.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/mission.svg), none
}

.axles .wrapper ul li a .icon.major {
    background: url(../_graphics/axles/major.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/major.svg), none
}

.axles .wrapper ul li a .icon.job {
    background: url(../_graphics/axles/job.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/job.svg), none
}

.axles .wrapper ul li a .icon.internship {
    background: url(../_graphics/axles/internship.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/internship.svg), none
}

.axles .wrapper ul li a .icon.honor {
    background: url(../_graphics/axles/honor.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/honor.svg), none
}

.axles .wrapper ul li a .icon.history {
    background: url(../_graphics/axles/history.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/history.svg), none
}

.axles .wrapper ul li a .icon.greeting {
    background: url(../_graphics/axles/greeting.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/greeting.svg), none
}

.axles .wrapper ul li a .icon.graduate {
    background: url(../_graphics/axles/graduate.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/graduate.svg), none
}

.axles .wrapper ul li a .icon.fellowship {
    background: url(../_graphics/axles/fellowship.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/fellowship.svg), none
}

.axles .wrapper ul li a .icon.fact {
    background: url(../_graphics/axles/fact.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/fact.svg), none
}

.axles .wrapper ul li a .icon.departments {
    background: url(../_graphics/axles/departments.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/departments.svg), none
}

.axles .wrapper ul li a .icon.department {
    background: url(../_graphics/axles/department.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/department.svg), none
}

.axles .wrapper ul li a .icon.cooperation {
    background: url(../_graphics/axles/cooperation.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/cooperation.svg), none
}

.axles .wrapper ul li a .icon.contacts {
    background: url(../_graphics/axles/contacts.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/contacts.svg), none
}

.axles .wrapper ul li a .icon.campus {
    background: url(../_graphics/axles/campus.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/campus.svg), none
}

.axles .wrapper ul li a .icon.board {
    background: url(../_graphics/axles/board.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/board.svg), none
}

.axles .wrapper ul li a .icon.alumni {
    background: url(../_graphics/axles/alumni.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/alumni.svg), none
}

.axles .wrapper ul li a .icon.admission {
    background: url(../_graphics/axles/admission.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/admission.svg), none
}

.axles .wrapper ul li a .icon.administration {
    background: url(../_graphics/axles/administration.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/administration.svg), none
}

.axles .wrapper ul li a:hover {
    color: #3b6ae5
}

.axles .wrapper ul li a:active {
    color: #13358d
}

.axles .wrapper ul li a:focus {
    outline-color: #C5D2F3
}

.axles .wrapper ul li.active a {
    position: relative;
    color: #EC0B43
}

.axles .wrapper ul li.active a .icon:after, .axles .wrapper ul li.active a:after {
    display: block;
    position: absolute;
    content: '\20';
    background-color: #EC0B43
}

.axles .wrapper ul li.active a .icon:after {
    left: 50%;
    bottom: -3px;
    width: 8px;
    height: 8px;
    margin-left: -4px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.axles .wrapper ul li.active a:after {
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px
}

.axles .wrapper ul:after, .axles .wrapper:after {
    display: block;
    content: '';
    clear: both
}

.axles .wrapper ul li:first-child {
    margin-left: 0
}

.axles .wrapper ul + h1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-bottom: 0
}

.axles .wrapper h1 {
    font-weight: 300;
    font-size: 22px;
    color: #737373;
    line-height: 26px;
    padding: 54px 0 20px
}

.axles + .feedbackpage .wrapper, .axles + .newspage .wrapper, .axles + .page article, .axles + .personality > article, .axles + .programs .wrapper {
    position: static;
    top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0 !important
}

.axles:after, .axles:before {
    position: absolute;
    left: 0;
    content: '\20';
    right: 0;
    z-index: -1
}

.axles.dark {
    background-color: #242424
}

.axles.dark .wrapper ul {
    display: none
}

.axles.dark .wrapper h1 {
    color: #B3B3B3
}

.axles.dark:after {
    background-color: #3e3e3e
}

.axles:before {
    background-color: #1946BA;
    height: 50px
}

.axles:after {
    bottom: 0;
    background-color: #F2F2F2;
    height: 1px
}

.timeline, .timeline .wrapper aside .wrap .description .content ul:not(.relinks) li {
    position: relative
}

.timeline .wrapper {
    display: table;
    background-color: #FFF;
    width: 1100px;
    margin: 0 auto
}

.timeline .wrapper aside {
    display: table-cell;
    vertical-align: top;
    background-color: #F7F7F7;
    width: 44.54545455%;
    padding: 30px 0 40px
}

.timeline .wrapper aside .wrap time {
    display: block;
    font-weight: 300;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 16px;
    color: #9B9B9B;
    line-height: 16px;
    letter-spacing: 3px;
    padding: 0 0 0 30px
}

.timeline .wrapper aside .wrap h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    padding: 0 0 0 30px;
    margin: 8px 0 0
}

.timeline .wrapper aside .wrap .description {
    margin: 30px 0 0
}

.timeline .wrapper aside .wrap .description figure {
    padding: 0;
    margin: 0 0 30px
}

.timeline .wrapper aside .wrap .description figure img {
    display: block;
    border: none;
    width: 100%
}

.timeline .wrapper aside .wrap .description figure figcaption {
    font-size: 12px;
    color: #9B9B9B;
    padding: 15px 0 0 30px
}

.timeline .wrapper aside .wrap .description .content {
    padding: 0 0 0 30px;
    font-weight: 400;
    font-size: 14px;
    color: #2C2C2C;
    line-height: 25px
}

.timeline .wrapper aside .wrap .description .content a {
    text-indent: 0;
    text-decoration: underline;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.timeline .wrapper aside .wrap .description .content a:hover {
    color: #3b6ae5
}

.timeline .wrapper aside .wrap .description .content a:active {
    color: #163ea4
}

.timeline .wrapper aside .wrap .description .content a:focus {
    outline-color: #ACACAC
}

.timeline .wrapper aside .wrap .description .content a i {
    margin: 0 0 0 5px
}

.timeline .wrapper aside .wrap .description .content a[target=_blank]:after {
    display: inline;
    font-family: FontAwesome;
    content: '\A0\F08E'
}

.timeline .wrapper aside .wrap .description .content a[href$=".pdf"]:before, .timeline .wrapper aside .wrap .description .content a[href$=".doc"]:before, .timeline .wrapper aside .wrap .description .content a[href$=".docx"]:before, .timeline .wrapper aside .wrap .description .content a[href$=".ppt"]:before, .timeline .wrapper aside .wrap .description .content a[href$=".pptx"]:before {
    display: inline-block;
    font-family: Kotebelle;
    font-size: 1.6em;
    vertical-align: middle;
    margin: 0 4px 0 0
}

.timeline .wrapper aside .wrap .description .content a[href$=".pdf"] {
    color: #F62B2B
}

.timeline .wrapper aside .wrap .description .content a[href$=".pdf"]:before {
    content: '\E001'
}

.timeline .wrapper aside .wrap .description .content a[href$=".pdf"]:hover {
    color: #FF4D4D
}

.timeline .wrapper aside .wrap .description .content a[href$=".pdf"]:active {
    color: #E92525
}

.timeline .wrapper aside .wrap .description .content a[href$=".pdf"]:focus {
    outline-color: #FFCDCD
}

.timeline .wrapper aside .wrap .description .content a[href$=".doc"], .timeline .wrapper aside .wrap .description .content a[href$=".docx"] {
    color: #2A5598
}

.timeline .wrapper aside .wrap .description .content a[href$=".doc"]:before, .timeline .wrapper aside .wrap .description .content a[href$=".docx"]:before {
    content: '\E000'
}

.timeline .wrapper aside .wrap .description .content a[href$=".doc"]:hover, .timeline .wrapper aside .wrap .description .content a[href$=".docx"]:hover {
    color: #3665AD
}

.timeline .wrapper aside .wrap .description .content a[href$=".doc"]:active, .timeline .wrapper aside .wrap .description .content a[href$=".docx"]:active {
    color: #234D8D
}

.timeline .wrapper aside .wrap .description .content a[href$=".doc"]:focus, .timeline .wrapper aside .wrap .description .content a[href$=".docx"]:focus {
    outline-color: #ACC8F4
}

.timeline .wrapper aside .wrap .description .content a[href$=".ppt"], .timeline .wrapper aside .wrap .description .content a[href$=".pptx"] {
    color: #E65618
}

.timeline .wrapper aside .wrap .description .content a[href$=".ppt"]:before, .timeline .wrapper aside .wrap .description .content a[href$=".pptx"]:before {
    content: '\E002'
}

.timeline .wrapper aside .wrap .description .content a[href$=".ppt"]:hover, .timeline .wrapper aside .wrap .description .content a[href$=".pptx"]:hover {
    color: #F56526
}

.timeline .wrapper aside .wrap .description .content a[href$=".ppt"]:active, .timeline .wrapper aside .wrap .description .content a[href$=".pptx"]:active {
    color: #D84E13
}

.timeline .wrapper aside .wrap .description .content a[href$=".ppt"]:focus, .timeline .wrapper aside .wrap .description .content a[href$=".pptx"]:focus {
    outline-color: #FFCBB4
}

.timeline .wrapper aside .wrap .description .content a[href$="?"]:after, .timeline .wrapper aside .wrap .description .content a[href$="?"]:before {
    display: none
}

.timeline .wrapper aside .wrap .description .content h1 {
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 30px 0 20px
}

.timeline .wrapper aside .wrap .description .content h1:first-child {
    margin-top: 10px
}

.timeline .wrapper aside .wrap .description .content h2 {
    font-weight: 600;
    font-size: 20px;
    color: #2C2C2C;
    line-height: 26px;
    margin: 25px 0 15px
}

.timeline .wrapper aside .wrap .description .content h3 {
    font-weight: 600;
    font-size: 18px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 20px 0 10px
}

.timeline .wrapper aside .wrap .description .content h4 {
    font-weight: 400;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 16px;
    color: #2C2C2C;
    text-transform: uppercase;
    line-height: 16px;
    margin: 15px 0 10px
}

.timeline .wrapper aside .wrap .description .content h5 {
    font-weight: 600;
    font-size: 14px;
    color: #7F7F7F;
    line-height: 18px;
    text-transform: uppercase;
    margin: 15px 0 10px
}

.timeline .wrapper aside .wrap .description .content p {
    text-align: justify
}

.timeline .wrapper aside .wrap .description .content p:not(:nth-last-of-type(1)) {
    margin: 15px 0 0
}

.timeline .wrapper aside .wrap .description .content strong {
    font-weight: 600
}

.timeline .wrapper aside .wrap .description .content img {
    border: none;
    max-width: 100%;
    height: auto
}

.timeline .wrapper aside .wrap .description .content .column {
    float: left
}

.timeline .wrapper aside .wrap .description .content .column.one-half {
    width: 48.63636364%;
    margin: 0 2.72727273% 0 0
}

.timeline .wrapper aside .wrap .description .content .column.one-third {
    width: 31.81818182%;
    margin: 0 2.27272727% 0 0
}

.timeline .wrapper aside .wrap .description .content .column.one-fourth {
    width: 23.63636364%;
    margin: 0 1.81818182% 0 0
}

.timeline .wrapper aside .wrap .description .content .column.last {
    margin: 0
}

.timeline .wrapper aside .wrap .description .content .column.last + .clear {
    display: block;
    clear: both;
    content: ''
}

.timeline .wrapper aside .wrap .description .content ol, .timeline .wrapper aside .wrap .description .content ul:not(.relinks) {
    margin: 5px 0 0 30px
}

.timeline .wrapper aside .wrap .description .content ol li, .timeline .wrapper aside .wrap .description .content ul:not(.relinks) li {
    margin: 2px 0 0
}

.timeline .wrapper aside .wrap .description .content ol li:first-child, .timeline .wrapper aside .wrap .description .content ul:not(.relinks) li:first-child {
    margin: 0
}

.timeline .wrapper aside .wrap .description .content ul:not(.relinks) {
    list-style-type: none
}

.timeline .wrapper aside .wrap .description .content ul:not(.relinks) li:before {
    display: block;
    position: absolute;
    left: -30px;
    top: 3px;
    font-family: FontAwesome;
    content: '\F10C';
    color: #5374CB;
    text-align: center;
    line-height: 22px;
    width: 20px
}

.timeline .wrapper aside .wrap .description .content ol {
    list-style-type: decimal
}

.timeline .wrapper aside .wrap .description .content h1 + ol, .timeline .wrapper aside .wrap .description .content h1 + p, .timeline .wrapper aside .wrap .description .content h1 + ul, .timeline .wrapper aside .wrap .description .content h2 + ol, .timeline .wrapper aside .wrap .description .content h2 + p, .timeline .wrapper aside .wrap .description .content h2 + ul, .timeline .wrapper aside .wrap .description .content h3 + ol, .timeline .wrapper aside .wrap .description .content h3 + p, .timeline .wrapper aside .wrap .description .content h3 + ul, .timeline .wrapper aside .wrap .description .content h4 + ol, .timeline .wrapper aside .wrap .description .content h4 + p, .timeline .wrapper aside .wrap .description .content h4 + ul, .timeline .wrapper aside .wrap .description .content h5 + ol, .timeline .wrapper aside .wrap .description .content h5 + p, .timeline .wrapper aside .wrap .description .content h5 + ul {
    margin-top: 0 !important
}

.timeline .wrapper aside .wrap .description .content iframe, .timeline .wrapper aside .wrap .description .content video {
    max-width: 100%
}

.timeline .wrapper aside .wrap .description .content hr {
    border: none;
    border-top: 1px dotted #ccc;
    height: 0;
    padding: 0;
    margin: 20px 0
}

.timeline .wrapper aside .wrap .description .content:after {
    display: block;
    clear: both;
    content: ''
}

.timeline .wrapper .history {
    display: table-cell;
    vertical-align: top;
    width: 55.45454545%;
    padding: 30px 30px 40px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.timeline .wrapper .history ul {
    position: relative
}

.timeline .wrapper .history ul li {
    margin: 40px 0 0
}

.timeline .wrapper .history ul li time {
    display: block;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 13px;
    color: #757575;
    text-align: right;
    line-height: 20px;
    width: 30px;
    padding: 0 20px 0 0;
    float: left
}

.timeline .wrapper .history ul li .point {
    position: relative;
    padding: 0 0 0 100px
}

.timeline .wrapper .history ul li .point h4 {
    font-size: 14px;
    line-height: 20px
}

.timeline .wrapper .history ul li .point h4 a {
    color: #1C1C1C;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.timeline .wrapper .history ul li .point h4 a:hover {
    color: #4f4f4f
}

.timeline .wrapper .history ul li .point h4 a:active {
    color: #363636
}

.timeline .wrapper .history ul li .point h4 a:focus {
    outline-color: #EBEBEB
}

.timeline .wrapper .history ul li .point .label {
    display: none;
    margin: 0 0 10px
}

.timeline .wrapper .history ul li .point .label span {
    display: block;
    position: relative;
    font-weight: 600;
    font-size: 9px;
    color: #EC0B43;
    line-height: 16px;
    text-transform: uppercase;
    border: 1px solid #EC0B43;
    padding: 0 6px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    float: left
}

.timeline .wrapper .history ul li .point .label span:before {
    position: absolute;
    top: 3px;
    left: -10px;
    content: '\20';
    border-style: solid;
    border-width: 5px;
    border-color: transparent #EC0B43 transparent transparent
}

.timeline .wrapper .history ul li .point .label span:after {
    position: absolute;
    top: 4px;
    left: -8px;
    content: '\20';
    border-style: solid;
    border-width: 4px;
    border-color: transparent #FFF transparent transparent
}

.timeline .wrapper .history ul li .point .label:after {
    display: block;
    clear: both;
    content: ''
}

.timeline .wrapper .history ul li .point .description {
    display: none;
    margin: 30px 0 0
}

.timeline .wrapper .history ul li .point .description figure {
    padding: 0;
    margin: 0
}

.timeline .wrapper .history ul li .point .description figure img {
    display: block;
    border: none;
    width: 100%
}

.timeline .wrapper .history ul li .point .description figure figcaption {
    font-size: 12px;
    color: #9B9B9B;
    margin: 15px 0 0
}

.timeline .wrapper .history ul li .point .description .content {
    margin: 20px 0 0;
    font-weight: 400;
    font-size: 14px;
    color: #2C2C2C;
    line-height: 25px
}

.timeline .wrapper .history ul li .point .description .content a {
    text-indent: 0;
    text-decoration: underline;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.timeline .wrapper .history ul li .point .description .content a:hover {
    color: #3b6ae5
}

.timeline .wrapper .history ul li .point .description .content a:active {
    color: #163ea4
}

.timeline .wrapper .history ul li .point .description .content a:focus {
    outline-color: #ACACAC
}

.timeline .wrapper .history ul li .point .description .content a i {
    margin: 0 0 0 5px
}

.timeline .wrapper .history ul li .point .description .content a[target=_blank]:after {
    display: inline;
    font-family: FontAwesome;
    content: '\A0\F08E'
}

.timeline .wrapper .history ul li .point .description .content a[href$=".pdf"]:before, .timeline .wrapper .history ul li .point .description .content a[href$=".doc"]:before, .timeline .wrapper .history ul li .point .description .content a[href$=".docx"]:before, .timeline .wrapper .history ul li .point .description .content a[href$=".ppt"]:before, .timeline .wrapper .history ul li .point .description .content a[href$=".pptx"]:before {
    display: inline-block;
    font-family: Kotebelle;
    font-size: 1.6em;
    vertical-align: middle;
    margin: 0 4px 0 0
}

.timeline .wrapper .history ul li .point .description .content a[href$=".pdf"] {
    color: #F62B2B
}

.timeline .wrapper .history ul li .point .description .content a[href$=".pdf"]:before {
    content: '\E001'
}

.timeline .wrapper .history ul li .point .description .content a[href$=".pdf"]:hover {
    color: #FF4D4D
}

.timeline .wrapper .history ul li .point .description .content a[href$=".pdf"]:active {
    color: #E92525
}

.timeline .wrapper .history ul li .point .description .content a[href$=".pdf"]:focus {
    outline-color: #FFCDCD
}

.timeline .wrapper .history ul li .point .description .content a[href$=".doc"], .timeline .wrapper .history ul li .point .description .content a[href$=".docx"] {
    color: #2A5598
}

.timeline .wrapper .history ul li .point .description .content a[href$=".doc"]:before, .timeline .wrapper .history ul li .point .description .content a[href$=".docx"]:before {
    content: '\E000'
}

.timeline .wrapper .history ul li .point .description .content a[href$=".doc"]:hover, .timeline .wrapper .history ul li .point .description .content a[href$=".docx"]:hover {
    color: #3665AD
}

.timeline .wrapper .history ul li .point .description .content a[href$=".doc"]:active, .timeline .wrapper .history ul li .point .description .content a[href$=".docx"]:active {
    color: #234D8D
}

.timeline .wrapper .history ul li .point .description .content a[href$=".doc"]:focus, .timeline .wrapper .history ul li .point .description .content a[href$=".docx"]:focus {
    outline-color: #ACC8F4
}

.timeline .wrapper .history ul li .point .description .content a[href$=".ppt"], .timeline .wrapper .history ul li .point .description .content a[href$=".pptx"] {
    color: #E65618
}

.timeline .wrapper .history ul li .point .description .content a[href$=".ppt"]:before, .timeline .wrapper .history ul li .point .description .content a[href$=".pptx"]:before {
    content: '\E002'
}

.timeline .wrapper .history ul li .point .description .content a[href$=".ppt"]:hover, .timeline .wrapper .history ul li .point .description .content a[href$=".pptx"]:hover {
    color: #F56526
}

.timeline .wrapper .history ul li .point .description .content a[href$=".ppt"]:active, .timeline .wrapper .history ul li .point .description .content a[href$=".pptx"]:active {
    color: #D84E13
}

.timeline .wrapper .history ul li .point .description .content a[href$=".ppt"]:focus, .timeline .wrapper .history ul li .point .description .content a[href$=".pptx"]:focus {
    outline-color: #FFCBB4
}

.timeline .wrapper .history ul li .point .description .content a[href$="?"]:after, .timeline .wrapper .history ul li .point .description .content a[href$="?"]:before {
    display: none
}

.timeline .wrapper .history ul li .point .description .content h1 {
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 30px 0 20px
}

.timeline .wrapper .history ul li .point .description .content h1:first-child {
    margin-top: 10px
}

.timeline .wrapper .history ul li .point .description .content h2 {
    font-weight: 600;
    font-size: 20px;
    color: #2C2C2C;
    line-height: 26px;
    margin: 25px 0 15px
}

.timeline .wrapper .history ul li .point .description .content h3 {
    font-weight: 600;
    font-size: 18px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 20px 0 10px
}

.timeline .wrapper .history ul li .point .description .content h4 {
    font-weight: 400;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 16px;
    color: #2C2C2C;
    text-transform: uppercase;
    line-height: 16px;
    margin: 15px 0 10px
}

.timeline .wrapper .history ul li .point .description .content h5 {
    font-weight: 600;
    font-size: 14px;
    color: #7F7F7F;
    line-height: 18px;
    text-transform: uppercase;
    margin: 15px 0 10px
}

.timeline .wrapper .history ul li .point .description .content p {
    text-align: justify
}

.timeline .wrapper .history ul li .point .description .content p:not(:nth-last-of-type(1)) {
    margin: 15px 0 0
}

.timeline .wrapper .history ul li .point .description .content strong {
    font-weight: 600
}

.timeline .wrapper .history ul li .point .description .content img {
    border: none;
    max-width: 100%;
    height: auto
}

.timeline .wrapper .history ul li .point .description .content .column {
    float: left
}

.timeline .wrapper .history ul li .point .description .content .column.one-half {
    width: 48.63636364%;
    margin: 0 2.72727273% 0 0
}

.timeline .wrapper .history ul li .point .description .content .column.one-third {
    width: 31.81818182%;
    margin: 0 2.27272727% 0 0
}

.timeline .wrapper .history ul li .point .description .content .column.one-fourth {
    width: 23.63636364%;
    margin: 0 1.81818182% 0 0
}

.timeline .wrapper .history ul li .point .description .content .column.last {
    margin: 0
}

.timeline .wrapper .history ul li .point .description .content .column.last + .clear {
    display: block;
    clear: both;
    content: ''
}

.timeline .wrapper .history ul li .point .description .content ol, .timeline .wrapper .history ul li .point .description .content ul:not(.relinks) {
    margin: 5px 0 0 30px
}

.timeline .wrapper .history ul li .point .description .content ol li, .timeline .wrapper .history ul li .point .description .content ul:not(.relinks) li {
    margin: 2px 0 0
}

.timeline .wrapper .history ul li .point .description .content ol li:first-child, .timeline .wrapper .history ul li .point .description .content ul:not(.relinks) li:first-child {
    margin: 0
}

.timeline .wrapper .history ul li .point .description .content ul:not(.relinks) {
    list-style-type: none
}

.timeline .wrapper .history ul li .point .description .content ul:not(.relinks) li {
    position: relative
}

.timeline .wrapper .history ul li .point .description .content ul:not(.relinks) li:before {
    display: block;
    position: absolute;
    left: -30px;
    top: 3px;
    font-family: FontAwesome;
    content: '\F10C';
    color: #5374CB;
    text-align: center;
    line-height: 22px;
    width: 20px
}

.timeline .wrapper .history ul li .point .description .content ol {
    list-style-type: decimal
}

.timeline .wrapper .history ul li .point .description .content h1 + ol, .timeline .wrapper .history ul li .point .description .content h1 + p, .timeline .wrapper .history ul li .point .description .content h1 + ul, .timeline .wrapper .history ul li .point .description .content h2 + ol, .timeline .wrapper .history ul li .point .description .content h2 + p, .timeline .wrapper .history ul li .point .description .content h2 + ul, .timeline .wrapper .history ul li .point .description .content h3 + ol, .timeline .wrapper .history ul li .point .description .content h3 + p, .timeline .wrapper .history ul li .point .description .content h3 + ul, .timeline .wrapper .history ul li .point .description .content h4 + ol, .timeline .wrapper .history ul li .point .description .content h4 + p, .timeline .wrapper .history ul li .point .description .content h4 + ul, .timeline .wrapper .history ul li .point .description .content h5 + ol, .timeline .wrapper .history ul li .point .description .content h5 + p, .timeline .wrapper .history ul li .point .description .content h5 + ul {
    margin-top: 0 !important
}

.timeline .wrapper .history ul li .point .description .content iframe, .timeline .wrapper .history ul li .point .description .content video {
    max-width: 100%
}

.timeline .wrapper .history ul li .point .description .content hr {
    border: none;
    border-top: 1px dotted #ccc;
    height: 0;
    padding: 0;
    margin: 20px 0
}

.timeline .wrapper .history ul li .point .description .content:after {
    display: block;
    clear: both;
    content: ''
}

.timeline .wrapper .history ul li .point.small:before {
    display: block;
    position: absolute;
    left: 46px;
    top: 6px;
    content: '\20';
    background-color: #EC0B43;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.timeline .wrapper .history ul li .point.medium:before {
    display: block;
    position: absolute;
    left: 44px;
    top: 4px;
    content: '\20';
    background-color: #FFF;
    border: 2px solid #EC0B43;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.timeline .wrapper .history ul li .point.large {
    min-height: 30px;
    padding-top: 10px
}

.timeline .wrapper .history ul li .point.large h4 {
    font-size: 16px;
    line-height: 24px
}

.timeline .wrapper .history ul li .point.large:before {
    display: block;
    position: absolute;
    left: 30px;
    top: 0;
    font-weight: 600;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 13px;
    color: #EC0B43;
    content: '\4E\6F\77';
    text-align: center;
    line-height: 36px;
    background-color: #FFF;
    border: 2px solid #EC0B43;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.timeline .wrapper .history ul li.active .point h4 a, .timeline .wrapper .history ul li.active time {
    color: #EC0B43
}

.timeline .wrapper .history ul li.active .point h4 a:focus {
    outline-color: #fcc7d4
}

.timeline .wrapper .history ul li:first-child {
    margin-top: 0
}

.timeline .wrapper .history ul li:after {
    display: block;
    clear: both;
    content: ''
}

.timeline .wrapper .history ul:before, .timeline:before {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    content: '\20'
}

.timeline .wrapper .history ul:before {
    left: 48px;
    width: 4px;
    background: url(../_graphics/dots.png) center 10px repeat-y;
    background-image: url(../_svg/dots.svg), none
}

.timeline:before {
    left: 50%;
    right: 0;
    background-color: #F7F7F7;
    z-index: -1
}

.laboratories .wrapper {
    width: 1100px;
    padding: 30px 0 50px;
    margin: 0 auto
}

.laboratories .wrapper .directions {
    padding: 0 30px 0 0;
    background: url(../_graphics/dots.png) 38px 10px repeat-y;
    background-image: url(../_svg/dots.svg), none
}

.laboratories .wrapper .directions > li {
    margin: 40px 0 0
}

.laboratories .wrapper .directions > li ul {
    display: none;
    padding: 0 0 0 110px;
    margin: 20px 0 0
}

.laboratories .wrapper .directions > li ul li {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    margin: 20px 0 0
}

.laboratories .wrapper .directions > li ul li:first-child, .laboratories .wrapper .directions > li:first-child {
    margin-top: 0
}

.laboratories .wrapper .directions > li ul li a {
    text-decoration: none;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.laboratories .wrapper .directions > li ul li a:hover {
    color: #3b6ae5
}

.laboratories .wrapper .directions > li ul li a:active {
    color: #163ea4
}

.laboratories .wrapper .directions > li ul li a:focus {
    outline-color: #ACACAC
}

.laboratories .wrapper .directions > li .heading a:focus, .photostack nav a:focus {
    outline-color: #E5E5E5
}

.laboratories .wrapper .directions > li ul li a[target=_blank]:after {
    display: inline;
    font-family: FontAwesome;
    content: '\A0\F08E'
}

.laboratories .wrapper .directions > li ul li:before {
    display: block;
    position: absolute;
    left: -70px;
    top: 7px;
    content: '\20';
    background-color: #1946BA;
    width: 6px;
    height: 6px;
    margin-left: -3px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.laboratories .wrapper .directions > li .heading a {
    display: table;
    font-weight: 400;
    font-size: 18px;
    font-family: 'ALS Schlange Sans', sans-serif;
    color: #1C1C1C;
    text-decoration: none;
    line-height: 24px;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.laboratories .wrapper .directions > li .heading a .image {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 80px
}

.laboratories .wrapper .directions > li .heading a .image img {
    position: relative;
    display: block;
    border: none;
    width: 80px;
    height: 80px;
    z-index: 1;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.laboratories .wrapper .directions > li .heading a .image:after, .laboratories .wrapper .directions > li .heading a .image:before {
    display: block;
    position: absolute
}

.laboratories .wrapper .directions > li .heading a .image:before {
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    content: '\20';
    background-color: #EC0B43;
    z-index: 2;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transition: opacity .3s ease-in-out, transform .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out, transform .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out, transform .3s ease-in-out
}

.laboratories .wrapper .directions > li .heading a .image:after {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-family: FontAwesome;
    font-size: 16px;
    content: '\F063';
    color: #FFF;
    text-align: center;
    line-height: 80px;
    z-index: 3;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    transition: transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out;
    -webkit-transition: transform .2s ease-in-out
}

.laboratories .wrapper .directions > li .heading a .subject {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.laboratories .wrapper .directions > li .heading a:hover {
    color: #EC0B43
}

.laboratories .wrapper .directions > li .heading a:hover .image:before {
    opacity: .9;
    -moz-opacity: .9;
    -khtml-opacity: .9
}

.laboratories .wrapper .directions > li .heading a:hover .image:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.laboratories .wrapper .directions > li .heading a:active {
    color: #bb0935
}

.laboratories .wrapper .directions > li.active .heading a {
    color: #EC0B43
}

.laboratories .wrapper .directions > li.active .heading a .image:before {
    opacity: .9;
    -moz-opacity: .9;
    -khtml-opacity: .9;
    -webkit-transform: scale(1.33333333);
    -moz-transform: scale(1.33333333);
    transform: scale(1.33333333)
}

.laboratories .wrapper .directions > li.active .heading a .image:after {
    content: '\F00C';
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.laboratories .wrapper:after {
    display: block;
    clear: both;
    content: ''
}

.contacts__wrapper {
    width: 1100px;
    padding: 15px 0 40px;
    margin: 0 auto
}

.contacts__card {
    border: 2px solid #F7F7F7;
    margin: 57px 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.contacts__card-heading {
    position: relative;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    text-transform: capitalize;
    line-height: 20px;
    padding: 20px 53px
}

.contacts__card-icon {
    display: block;
    background-color: #1946BA !important;
    border: 2px solid #FFF;
    width: 64px;
    height: 64px;
    margin-top: -52px !important;
    margin-bottom: 10px !important;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.contacts__card-icon.general {
    background: url(../_graphics/contacts/general.png) center center no-repeat;
    background-image: url(../_svg/contacts/general.svg), none
}

.contacts__card-icon.press {
    background: url(../_graphics/contacts/press.png) center center no-repeat;
    background-image: url(../_svg/contacts/press.svg), none
}

.contacts__card-icon.student {
    background: url(../_graphics/contacts/student.png) center center no-repeat;
    background-image: url(../_svg/contacts/student.svg), none
}

.contacts__card-icon.candidate {
    background: url(../_graphics/contacts/candidate.png) center center no-repeat;
    background-image: url(../_svg/contacts/candidate.svg), none
}

.contacts__card-icon.professor {
    background: url(../_graphics/contacts/professor.png) center center no-repeat;
    background-image: url(../_svg/contacts/professor.svg), none
}

.contacts__card-icon.diploma {
    background: url(../_graphics/contacts/diploma.png) center center no-repeat;
    background-image: url(../_svg/contacts/diploma.svg), none
}

.contacts__card-icon.alumni {
    background: url(../_graphics/contacts/alumni.png) center center no-repeat;
    background-image: url(../_svg/contacts/alumni.svg), none
}

.contacts__card-heading:after,
.contacts__card-heading:before {
    position: absolute;
    top: 50%;
    display: block;
    content: '\20';
    background-color: #F7F7F7;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.contacts__card-heading:before {
    left: 28px
}

.contacts__card-heading:after {
    right: 28px
}

.contacts__list {
    background-color: #F7F7F7;
    padding: 0 0 10px
}

.contacts__list-item {
    font-size: 16px;
    color: #1C1C1C;
    line-height: 24px;
    border-top: 1px dashed #E5E5E5;
    padding: 20px 28px
}

.contacts__list-text {
    display: block;
    font-size: 10px;
    color: #8A8A8A;
    text-transform: uppercase;
    line-height: 10px;
    margin: 5px 0 0
}

.contacts__list-item a {
    text-decoration: none;
    color: #1946BA
}

.contacts__list-item a:hover {
    color: #3b6ae5
}

.contacts__list-item a:active {
    color: #163ea4
}

.contacts__list-item a:focus {
    outline-color: #ACACAC
}

.contacts__list-item:first-child {
    border-top: none
}

.contacts .wrapper .gutter {
    width: 2.27272727%
}

.partners .wrapper {
    width: 1100px;
    padding: 30px 0;
    margin: 0 auto
}

.partners .wrapper .item {
    width: 18.18181818%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.partners .wrapper .item .logotype {
    display: block;
    text-decoration: none;
    padding: 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: background-color .15s ease-in-out;
    -moz-transition: background-color .15s ease-in-out;
    -webkit-transition: background-color .15s ease-in-out
}

.partners .wrapper .item .logotype img {
    display: block;
    border: none;
    max-width: 100%;
    transition: opacity .25s ease-in-out, filter .5s ease-in-out;
    -moz-transition: opacity .25s ease-in-out, filter .5s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out, filter .5s ease-in-out;
    margin: 0 auto
}

.partners .wrapper .item .logotype:hover {
    background-color: #F7F7F7
}

.partners .wrapper .item .logotype:focus {
    outline-color: #DBDBDB
}

.partners .wrapper .item .logotype.active {
    background-color: transparent
}

.partners .wrapper .item .summary {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    background-color: #F7F7F7;
    padding: 20px;
    margin: 10px 0 0;
    z-index: 9998
}

.partners .wrapper .item .summary time {
    display: block;
    font-weight: 300;
    font-size: 12px;
    color: #9B9B9B;
    line-height: 12px
}

.partners .wrapper .item .summary h5 {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    margin: 5px 0 0
}

.partners .wrapper .item .summary p {
    font-size: 13px;
    line-height: 20px;
    margin: 10px 0 0
}

.partners .wrapper .item .summary .link {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 5px 0 0
}

.partners .wrapper .item .summary .link a {
    font-size: 13px;
    text-decoration: none;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.partners .wrapper .item .summary .link a:hover {
    color: #3b6ae5
}

.partners .wrapper .item .summary .link a:active {
    color: #163ea4
}

.partners .wrapper .item .summary .link a:focus {
    outline-color: #ACACAC
}

.alumni .wrapper .group > ul > li .photo a:focus, .alumni .wrapper .group > ul > li .summary h5 a:focus, .alumni .wrapper .group > ul > li .summary ul li a:focus {
    outline-color: #DBDBDB
}

.partners .wrapper .item .summary .link a[target=_blank]:after {
    display: inline;
    font-family: FontAwesome;
    content: '\A0\F08E'
}

.partners .wrapper .item .summary:before {
    position: absolute;
    left: 20px;
    top: -20px;
    content: '\20';
    border: 10px solid transparent;
    border-bottom-color: #F7F7F7;
    width: 0;
    height: 0
}

.partners .wrapper .gutter {
    width: 2.27272727%
}

.partners .wrapper.faded .item .logotype img {
    opacity: .3;
    -moz-opacity: .3;
    -khtml-opacity: .3
}

.partners .wrapper.faded .item .logotype:hover img {
    opacity: .8;
    -moz-opacity: .8;
    -khtml-opacity: .8
}

.partners .wrapper.faded .item .logotype.active img {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1
}

.partners .wrapper.faded .item .logotype:not(.active) img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.alumni .wrapper {
    width: 1100px;
    padding: 40px 0;
    margin: 0 auto;
    background: url(../_graphics/dots.png) 2px 10px repeat-y;
    background-image: url(../_svg/dots.svg), none
}

.alumni .wrapper .group > ul > li .photo .dummy, .alumni .wrapper .group > ul > li .summary ul li a {
    display: block;
    font-family: FontAwesome;
    background-color: #F7F7F7;
    text-align: center
}

.alumni .wrapper .group {
    position: relative;
    margin: 40px 0 0
}

.alumni .wrapper .group > ul {
    padding: 40px 0 0 36px
}

.alumni .wrapper .group > ul > li {
    width: 31.57894737%;
    margin: 0 0 0 2.63157895%;
    float: left
}

.alumni .wrapper .group > ul > li .photo {
    height: 80px;
    float: left
}

.alumni .wrapper .group > ul > li .photo img {
    display: block;
    border: none;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.alumni .wrapper .group > ul > li .photo a {
    text-decoration: none
}

.alumni .wrapper .group > ul > li .photo .dummy {
    font-size: 32px;
    color: #D9D9D9;
    line-height: 80px;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.alumni .wrapper .group > ul > li .photo .dummy:before {
    content: '\F118'
}

.alumni .wrapper .group > ul > li .summary {
    padding: 10px 0 0 100px
}

.alumni .wrapper .group > ul > li .summary h5 {
    font-weight: 400;
    font-size: 17px;
    line-height: 20px
}

.alumni .wrapper .group > ul > li .summary h5 a {
    color: #1C1C1C;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.alumni .wrapper .group > ul > li .summary h5 a:hover {
    color: #1946BA
}

.alumni .wrapper .group > ul > li .summary h5 a:active {
    color: #13358d
}

.alumni .wrapper .group > ul > li .summary .job {
    font-weight: 400;
    font-size: 14px;
    color: #949494;
    line-height: 20px;
    margin: 6px 0 0
}

.alumni .wrapper .group > ul > li .summary ul {
    margin: 10px 0 0
}

.alumni .wrapper .group > ul > li .summary ul li {
    margin: 0 0 0 10px;
    float: left;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    transform: scale(.5);
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transition: transform .2s ease-in-out, opacity .1s ease-in-out;
    -moz-transition: transform .2s ease-in-out, opacity .1s ease-in-out;
    -webkit-transition: transform .2s ease-in-out, opacity .1s ease-in-out
}

.alumni .wrapper .group > ul > li .summary ul li:first-child, .alumni .wrapper .group > ul > li:nth-child(3n+1) {
    margin-left: 0
}

.alumni .wrapper .group > ul > li .summary ul li a {
    font-size: 14px;
    color: #1C1C1C;
    text-decoration: none;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    transition: color .15s ease-in-out, background-color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out, background-color .15s ease-in-out;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out
}

.alumni .wrapper .group > ul > li .summary ul li a.envelope:before {
    content: '\F0E0'
}

.alumni .wrapper .group > ul > li .summary ul li a.phone:before {
    content: '\F095'
}

.alumni .wrapper .group > ul:after, .alumni .wrapper .group > ul > li .summary ul:after, .alumni .wrapper .group > ul > li:after {
    content: '';
    display: block;
    clear: both
}

.alumni .wrapper .group > ul > li .summary ul li a:hover {
    color: #FFF;
    background-color: #EC0B43
}

.alumni .wrapper .group > ul > li .summary ul li a:active {
    background-color: #bb0935
}

.alumni .wrapper .group > ul > li .summary ul li:nth-child(2) {
    transition-delay: .05s
}

.alumni .wrapper .group > ul > li:hover .summary ul li {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1
}

.alumni .wrapper .group > ul > li:nth-child(n+4) {
    margin-top: 20px
}

.alumni .wrapper .group:after, .alumni .wrapper .group:before {
    display: block;
    position: absolute
}

.alumni .wrapper .group:before {
    left: 0;
    top: 6px;
    content: '\20';
    background-color: #FFF;
    border: 2px solid #1946BA;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.alumni .wrapper .group:after {
    left: 18px;
    top: 0;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #1946BA;
    content: attr(data-year);
    line-height: 20px
}

.alumni .wrapper .group:first-child {
    margin-top: 0
}

.photostack {
    position: relative;
    overflow: hidden;
    background-color: #F2F2F2;
    height: 480px;
    padding: 0 0 60px
}

.photostack nav {
    position: absolute;
    width: 100%;
    bottom: 40px;
    z-index: 90;
    text-align: center;
    left: 0;
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out
}

.photostack nav a {
    position: relative;
    display: inline-block;
    background-color: #BFBFBF;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    transition: background-color .2s ease-in-out, transform .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, transform .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out, transform .2s ease-in-out;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    transform: scale(.5)
}

.photostack nav a:after {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: '\20';
    background: url(../_graphics/flip.png) 48% 45% no-repeat;
    background-image: url(../_svg/flip.svg), none;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    -webkit-transition: transform .2s ease-in-out, opacity .2s ease-in-out
}

.photostack nav a:hover {
    background-color: #a6a6a6
}

.photostack nav a:active {
    background-color: #999
}

.photostack nav a.current {
    background-color: #1946BA;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.photostack nav a.current.flip {
    background-color: #EC0B43;
    -webkit-transform: scale(1) rotateY(-180deg) translateZ(-1px);
    -moz-transform: scale(1) rotateY(-180deg) translateZ(-1px);
    -ms-transform: scale(1) rotateY(-180deg) translateZ(-1px);
    -o-transform: scale(1) rotateY(-180deg) translateZ(-1px);
    transform: scale(1) rotateY(-180deg) translateZ(-1px)
}

.photostack nav a.current:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1
}

.photostack nav a.flippable {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.photostack nav a:last-child {
    margin-right: 0
}

.photostack .wrapper {
    width: 100%;
    height: 100%;
    margin: 0 auto
}

.photostack .wrapper figure {
    position: absolute;
    background-color: #fff;
    text-align: center;
    width: 300px;
    height: 360px;
    padding: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: transform .6s ease-in-out;
    -moz-transition: transform .6s ease-in-out;
    -webkit-transition: transform .6s ease-in-out
}

.photostack .wrapper figure figcaption h2 {
    overflow: hidden;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 18px;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 20px 0 0
}

.photostack .wrapper figure figcaption .country {
    font-size: 14px;
    color: grey;
    line-height: 20px;
    margin: 8px 0 0
}

.photostack .wrapper figure figcaption .country img {
    vertical-align: middle;
    height: 20px;
    margin: 0 4px 0 0
}

.photostack .wrapper figure figcaption .photostack-back {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FFF;
    width: 100%;
    height: 100%;
    padding: 40px 30px;
    z-index: 2000000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.photostack .wrapper figure figcaption .photostack-back p {
    overflow: hidden;
    font-weight: 300;
    font-size: 16px;
    font-style: italic;
    color: #565656;
    text-align: left;
    line-height: 28px;
    max-height: 280px
}

.photostack .wrapper figure .handwritten {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: .08;
    -moz-opacity: .08;
    -khtml-opacity: .08
}

.photostack .wrapper figure .photo {
    background-color: #F9F9F9;
    width: 240px;
    height: 240px
}

.photostack .wrapper figure .photo img {
    display: block;
    border: none;
    width: 100%
}

.photostack .wrapper figure.photostack-current {
    cursor: pointer;
    z-index: 1
}

.photostack .wrapper figure.photostack-current:after {
    visibility: hidden;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0
}

.photostack .wrapper figure:not(.photostack-current) {
    z-index: 0;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.photostack .wrapper figure:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: '\20';
    background-color: rgba(245, 245, 245, .6);
    width: 100%;
    height: 100%;
    transition: opacity .5s ease-in-out, visibility 0s .5s;
    -moz-transition: opacity .5s ease-in-out, visibility 0s .5s;
    -webkit-transition: opacity .5s ease-in-out, visibility 0s .5s;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1
}

.photostack + .page article {
    padding-top: 30px
}

.media {
    background-color: #242424
}

.media .wrapper {
    width: 1100px;
    margin: 0 auto
}

.media .wrapper .item {
    background-color: #1C1C1C;
    background-repeatL: no-repeat;
    background-position: center center;
    width: 33.33333333%;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    float: left
}

.media .wrapper .item .gradient {
    padding: 10px;
    background: rgba(28, 28, 28, 0);
    background: -moz-linear-gradient(top, rgba(28, 28, 28, 0) 0, rgba(28, 28, 28, .98) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(28, 28, 28, 0)), color-stop(100%, rgba(28, 28, 28, .98)));
    background: -webkit-linear-gradient(top, rgba(28, 28, 28, 0) 0, rgba(28, 28, 28, .98) 100%);
    background: -o-linear-gradient(top, rgba(28, 28, 28, 0) 0, rgba(28, 28, 28, .98) 100%);
    background: -ms-linear-gradient(top, rgba(28, 28, 28, 0) 0, rgba(28, 28, 28, .98) 100%);
    background: linear-gradient(to bottom, rgba(28, 28, 28, 0) 0, rgba(28, 28, 28, .98) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(28, 28, 28, 0)', endColorstr='rgba(28, 28, 28, 0.98)', GradientType=0)
}

.media .wrapper .item .gradient .border {
    position: relative;
    border: 1px solid rgba(255, 255, 255, .1)
}

.media .wrapper .item .gradient .border .wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 20px 15px
}

.media .wrapper .item .gradient .border .wrap h4 {
    font-family: 'ALS Schlange Sans', sans-serif;
    font-weight: 600;
    font-size: 17px;
    color: #FFF;
    line-height: 22px
}

.media .wrapper .item .gradient .border .wrap h4 a {
    display: inline-block;
    color: #FFF;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.media .wrapper .item .gradient .border .wrap h4 a:hover {
    color: #f2f2f2
}

.media .wrapper .item .gradient .border .wrap h4 a:active {
    color: #e6e6e6
}

.media .wrapper .item .gradient .border .wrap h4 a:focus {
    outline-color: rgba(255, 255, 255, .2)
}

.media .wrapper .item .gradient .border .wrap .source {
    font-weight: 300;
    font-size: 12px;
    color: rgba(255, 255, 255, .45);
    line-height: 16px;
    margin: 15px 0 0
}

.media .wrapper .item .gradient .border .wrap .source a {
    font-weight: 400;
    color: #EC0B43;
    text-decoration: none;
    border-bottom: 1px solid rgba(236, 11, 67, .4);
    margin: 0 0 0 4px;
    transition: color .2s ease-in-out, border-bottom-color .1s ease-in-out;
    -moz-transition: color .2s ease-in-out, border-bottom-color .1s ease-in-out;
    -webkit-transition: color .2s ease-in-out, border-bottom-color .1s ease-in-out
}

.media .wrapper .item .gradient .border .wrap .source a:after {
    font-family: FontAwesome;
    content: '\F08E';
    vertical-align: middle;
    margin: 0 0 0 5px
}

.media .wrapper .item .gradient .border .wrap .source a:hover {
    border-bottom-color: rgba(236, 11, 67, .8)
}

.media .wrapper .item .gradient .border .wrap .source a:active {
    color: #d40a3c;
    border-bottom-color: rgba(236, 11, 67, .7)
}

.media .wrapper .item .gradient .border .wrap .source a:focus {
    outline-color: rgba(236, 11, 67, .4)
}

.groupschedule .wrapper .results .list .group ul li a:focus, .groupschedule .wrapper .searchform .field .select .handler a:focus, .groupschedule .wrapper .searchform .field .select ul li a:focus, .groupschedule .wrapper .searchform .field button:focus, .groupschedule .wrapper .timetable .heading .backward a:focus, .groupschedule .wrapper .timetable .list .dailyinfo .table .body .row .subject .instructor a:focus {
    outline-color: #E5E5E5
}

.media .wrapper:after {
    display: block;
    clear: both;
    content: ''
}

.groupschedule .wrapper {
    width: 1100px;
    padding: 0 0 40px;
    margin: 0 auto
}

.groupschedule .wrapper h3 {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px
}

.groupschedule .wrapper h3 strong {
    font-weight: 600
}

.groupschedule .wrapper .searchform {
    background-color: #F7F7F7;
    padding: 30px 30px 40px
}

.groupschedule .wrapper .searchform .field {
    position: relative;
    width: 27.27272727%;
    margin: 0 0 0 6.36363636%;
    z-index: 0;
    float: left
}

.groupschedule .wrapper .searchform .field label {
    display: block;
    font-weight: 600;
    font-size: 11px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 10px
}

.groupschedule .wrapper .searchform .field select {
    display: none
}

.groupschedule .wrapper .searchform .field button {
    display: inline-block;
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #FFF;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 40px;
    background-color: #1946BA;
    border: none;
    max-width: 100%;
    padding: 0 20px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    transition: background-color .15s ease-in-out;
    -moz-transition: background-color .15s ease-in-out;
    -webkit-transition: background-color .15s ease-in-out;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.groupschedule .wrapper .searchform .field button strong {
    font-weight: 600
}

.groupschedule .wrapper .searchform .field button:hover {
    background-color: #1c4ed0
}

.groupschedule .wrapper .searchform .field button:active {
    background-color: #163ea4
}

.groupschedule .wrapper .searchform .field .select {
    position: relative;
    margin: 10px 0 0
}

.groupschedule .wrapper .searchform .field .select .handler {
    position: relative;
    z-index: 1
}

.groupschedule .wrapper .searchform .field .select .handler a {
    position: relative;
    display: block;
    overflow: hidden;
    font-weight: 300;
    font-size: 20px;
    color: #1C1C1C;
    text-decoration: none;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid #8D8D8D;
    padding: 0 20px 0 0;
    transition: border-bottom-color .15s ease-in-out;
    -moz-transition: border-bottom-color .15s ease-in-out;
    -webkit-transition: border-bottom-color .15s ease-in-out
}

.groupschedule .wrapper .searchform .field .select .handler a:before {
    position: absolute;
    right: 5px;
    top: 10px;
    font-family: Kotebelle;
    font-weight: 400;
    font-size: 10px;
    content: '\E005';
    color: grey;
    text-align: center;
    line-height: 10px;
    width: 10px;
    height: 10px
}

.groupschedule .wrapper .searchform .field .select .handler a:hover {
    border-bottom-color: #1C1C1C
}

.groupschedule .wrapper .searchform .field .select .handler a:active {
    border-bottom-color: #595959
}

.groupschedule .wrapper .searchform .field .select .handler.active a {
    border-bottom-color: #E5E5E5
}

.groupschedule .wrapper .searchform .field .select .handler.placeholded a {
    color: #b3b3b3
}

.groupschedule .wrapper .searchform .field .select ul {
    display: none;
    position: absolute;
    left: -15px;
    top: -5px;
    right: -15px;
    background-color: #FFF;
    padding: 45px 0 5px;
    z-index: 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 1px 2px rgba(28, 28, 28, .1);
    -moz-box-shadow: 0 1px 2px rgba(28, 28, 28, .1);
    -webkit-box-shadow: 0 1px 2px rgba(28, 28, 28, .1)
}

.groupschedule .wrapper .searchform .field .select ul li {
    animation: zoomIn .2s ease-out;
    -moz-animation: zoomIn .2s ease-out;
    -webkit-animation: zoomIn .2s ease-out;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0
}

.groupschedule .wrapper .searchform .field .select ul li a {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #1C1C1C;
    text-decoration: none;
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 10px 15px;
    transition: background-color .1s ease-in-out;
    -moz-transition: background-color .1s ease-in-out;
    -webkit-transition: background-color .1s ease-in-out
}

.groupschedule .wrapper .searchform .field .select ul li a:hover {
    background-color: #FAFAFA
}

.groupschedule .wrapper .searchform .field .select ul li a:active {
    background-color: #F5F5F5
}

.groupschedule .wrapper .searchform .field .select ul li.selected a {
    color: #1946BA;
    background-color: #f2f6ff
}

.groupschedule .wrapper .searchform .field.focused {
    z-index: 99
}

.groupschedule .wrapper .searchform .field.submit {
    font-size: 0;
    text-align: right;
    padding-top: 10px
}

.groupschedule .wrapper .searchform .field:nth-child(3n+1) {
    clear: left;
    margin-left: 0
}

.groupschedule .wrapper .searchform .field:nth-child(n+4) {
    margin-top: 30px
}

.groupschedule .wrapper .searchform:after {
    display: block;
    clear: both;
    content: ''
}

.groupschedule .wrapper .results, .groupschedule .wrapper .results .list {
    margin: 40px 0 0
}

.groupschedule .wrapper .results .list .group {
    position: relative;
    padding: 30px 0 0;
    margin: 30px 0 0
}

.groupschedule .wrapper .results .list .group ul {
    width: 84.54545455%;
    margin: 0 0 0 6.36363636%;
    float: left
}

.groupschedule .wrapper .results .list .group ul li {
    text-align: center;
    width: 22.58064516%;
    margin: 0 0 0 3.22580645%;
    float: left
}

.groupschedule .wrapper .results .list .group ul li a {
    position: relative;
    display: inline-block;
    color: #1946BA;
    font-size: 13px;
    text-decoration: none;
    line-height: 30px;
    padding: 0 12px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    transition: color .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out
}

.groupschedule .wrapper .results .list .group ul li a:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: '\20';
    border: 1px solid rgba(25, 70, 186, .3);
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px
}

.groupschedule .wrapper .results .list .group ul li a:hover {
    color: #FFF;
    background-color: #1946BA
}

.groupschedule .wrapper .results .list .group ul li a:hover:before {
    border-color: transparent;
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    transform: scale(1.4);
    transition: border-color .4s ease-in-out, transform .4s ease-in-out;
    -moz-transition: border-color .4s ease-in-out, transform .4s ease-in-out;
    -webkit-transition: border-color .4s ease-in-out, transform .4s ease-in-out
}

.groupschedule .wrapper .results .list .group ul li a:active {
    color: #FFF;
    background-color: #163ea4
}

.groupschedule .wrapper .results .list .group ul li a:active:before {
    display: none
}

.groupschedule .wrapper .results .list .group ul li:nth-child(4n+1) {
    margin-left: 0
}

.groupschedule .wrapper .results .list .group ul li:nth-child(n+5) {
    margin-top: 15px
}

.groupschedule .wrapper .results .list .group ul:after {
    display: block;
    clear: both;
    content: ''
}

.groupschedule .wrapper .results .list .group .mask {
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 5px;
    line-height: 16px;
    width: 9.09090909%;
    float: left
}

.groupschedule .wrapper .results .list .group .mask i {
    font-family: Kotebelle;
    font-weight: 400;
    font-style: normal;
    font-size: 6px;
    color: #DBDBDB;
    vertical-align: middle
}

.groupschedule .wrapper .results .list .group .mask i:before {
    content: '\E006'
}

.groupschedule .wrapper .results .list .group:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '\20';
    background-color: #EDEDED;
    width: 100px;
    height: 1px;
    z-index: 0
}

.groupschedule .wrapper .results .list .group:after {
    display: block;
    clear: both;
    content: ''
}

.groupschedule .wrapper .results .list .group:first-child {
    padding-top: 0;
    margin-top: 0
}

.groupschedule .wrapper .results .list .group:first-child:before {
    display: none
}

.groupschedule .wrapper .timetable {
    margin: 40px 0 0
}

.groupschedule .wrapper .timetable .heading h3 {
    padding-left: 61px
}

.groupschedule .wrapper .timetable .heading .backward {
    border-right: 1px solid #E6E6E6;
    padding: 0 20px 0 0;
    margin: 0 20px 0 0;
    float: left
}

.groupschedule .wrapper .timetable .heading .backward a {
    display: block;
    font-family: Kotebelle;
    font-size: 20px;
    color: #1C1C1C;
    text-align: center;
    text-decoration: none;
    line-height: 20px;
    width: 20px;
    height: 20px;
    transition: color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out;
    -webkit-transition: color .15s ease-in-out
}

.groupschedule .wrapper .timetable .heading .backward a:before {
    content: '\E003'
}

.groupschedule .wrapper .timetable .heading .backward a:hover {
    color: #696969
}

.groupschedule .wrapper .timetable .heading .backward a:active {
    color: #424242
}

.groupschedule .wrapper .timetable .heading:after {
    display: block;
    clear: both;
    content: ''
}

.groupschedule .wrapper .timetable .list {
    margin: 30px 0 0
}

.groupschedule .wrapper .timetable .list .dailyinfo {
    margin: 60px 0 0
}

.groupschedule .wrapper .timetable .list .dailyinfo .weekday {
    width: 15.45454545%;
    float: left
}

.groupschedule .wrapper .timetable .list .dailyinfo .weekday h5 {
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 20px
}

.groupschedule .wrapper .timetable .list .dailyinfo .weekday time {
    display: block;
    font-size: 13px;
    color: #999;
    line-height: 16px;
    margin: 5px 0 0
}

.groupschedule .wrapper .timetable .list .dailyinfo .weekday time strong {
    display: block;
    font-weight: 600;
    color: #EC0B43
}

.groupschedule .wrapper .timetable .list .dailyinfo .weekday time.now {
    position: relative;
    color: #EC0B43;
    padding-left: 16px
}

.groupschedule .wrapper .timetable .list .dailyinfo .weekday time.now:before {
    position: absolute;
    left: 0;
    top: 5px;
    content: '\20';
    background-color: #EC0B43;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.groupschedule .wrapper .timetable .list .dailyinfo .table {
    width: 80.90909091%;
    margin: 0 0 0 3.63636364%;
    float: left
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .head {
    display: none;
    border-bottom: 1px solid #E6E6E6;
    padding: 0 0 10px
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .head .column {
    font-weight: 300;
    font-size: 13px;
    color: #999;
    text-transform: uppercase;
    border-left-color: #E6E6E6;
    line-height: 30px
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .head:after {
    display: block;
    clear: both;
    content: ''
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .body .row {
    border-top: 1px solid #E6E6E6;
    padding: 20px 0 0;
    margin: 20px 0 0
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .body .row .subject h6, .groupschedule .wrapper .timetable .list .dailyinfo .table .body .row .time {
    font-weight: 300;
    font-size: 16px;
    line-height: 22px
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .body .row .subject .instructor {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    margin: 5px 0 0
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .body .row .subject .instructor a {
    color: #1946BA;
    text-decoration: none;
    border-bottom: 1px solid rgba(25, 70, 186, .4);
    transition: color .15s ease-in-out, border-bottom-color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out, border-bottom-color .15s ease-in-out;
    -webkit-transition: color .15s ease-in-out, border-bottom-color .15s ease-in-out
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .body .row .subject .instructor a:hover {
    color: #EC0B43;
    border-bottom-color: rgba(236, 11, 67, .4)
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .body .row .subject .instructor a:active {
    color: #bb0935;
    border-bottom-color: rgba(236, 11, 67, .7)
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .body .row .room {
    font-weight: 600;
    font-size: 16px;
    line-height: 18px
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .body .row .room address {
    position: relative;
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
    color: grey;
    padding: 0 0 0 25px;
    margin: 10px 0 0
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .body .row .room address:before {
    position: absolute;
    left: 0;
    top: 0;
    font-family: Kotebelle;
    font-weight: 400;
    font-size: 16px;
    content: '\E004'
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .body .row:after, .groupschedule .wrapper .timetable .list .dailyinfo:after {
    clear: both;
    content: '';
    display: block
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .body .row:first-child {
    border-top: none;
    padding-top: 0;
    margin-top: 0
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .column {
    border-left: 1px solid transparent;
    padding: 0 20px;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .column.time {
    width: 23.59550562%
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .column.subject {
    width: 46.06741573%
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .column.room {
    width: 30.33707865%
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .column:first-child {
    border-left: none
}

.groupschedule .wrapper .timetable .list .dailyinfo:first-child {
    margin-top: 0
}

.groupschedule .wrapper .timetable .list .dailyinfo:first-child .weekday {
    padding-top: 70px
}

.groupschedule .wrapper .timetable .list .dailyinfo:first-child .table .head {
    display: block
}

.groupschedule .wrapper .timetable .list .dailyinfo:first-child .table .head + .body {
    margin-top: 30px
}

.alert {
    position: relative;
    padding: 16px 56px 16px 24px;
    margin: 16px 0;
    border-radius: 4px;
    line-height: 1.5;
}

.alert--danger {
    color: #cd0014;
    background-color: #ffcdd2;
}

.__center {
    margin: 0 auto
}

.__clear, html, html body {
    padding: 0;
    margin: 0
}

.__inline_image {
    border: none;
    vertical-align: middle
}

.__clearfix {
    display: block;
    clear: both;
    content: ''
}

@keyframes zoomIn {
    0% {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        transform: scale(.8);
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1
    }
}

a, div, figcaption, figure, form, h1, h2, h3, h4, h5, h6, img, label, li, ol, p, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, ul {
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    vertical-align: baseline;
    border: 0;
    outline: 0;
    padding: 0;
    margin: 0
}

ol, ul {
    list-style: none
}

table {
    border-collapse: separate;
    border-spacing: 0
}

input::-ms-clear {
    display: none
}

article, footer, header, hgroup, menu, nav, section {
    display: block
}

:focus {
    outline: transparent dotted 1px
}

::selection {
    color: #fff;
    background: #1946BA
}

::-moz-selection {
    color: #fff;
    background: #1946BA
}

html {
    font-family: 'Open Sans', sans-serif;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

html body.scrolling, html body.scrolling * {
    -webkit-pointer-events: none !important;
    pointer-events: none !important
}

.pace {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-pointer-events: none;
    pointer-events: none
}

.pace .pace-progress {
    position: fixed;
    top: 0;
    right: 100%;
    background: #EC0B43;
    width: 100%;
    height: 2px;
    z-index: 100000
}

.pace .pace-progress-inner {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #EC0B43, 0 0 5px #EC0B43;
    -moz-box-shadow: 0 0 10px #EC0B43, 0 0 5px #EC0B43;
    -webkit-box-shadow: 0 0 10px #EC0B43, 0 0 5px #EC0B43;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-transform: rotate(3deg) translate(0, -4px);
    -moz-transform: rotate(3deg) translate(0, -4px);
    -ms-transform: rotate(3deg) translate(0, -4px);
    -o-transform: rotate(3deg) translate(0, -4px);
    transform: rotate(3deg) translate(0, -4px)
}

.pace-inactive {
    display: none
}

header {
    position: relative
}

header .wrapper {
    width: 1100px;
    margin: 0 auto
}

header .fixedlayer {
    position: fixed;
    left: 0;
    top: 0;
    background-color: #fff;
    border-top: 4px solid #F2F2F2;
    padding: 0 0 20px;
    width: 100%;
    z-index: 10001;
    transition: padding-bottom .3s ease-in-out;
    -moz-transition: padding-bottom .3s ease-in-out;
    -webkit-transition: padding-bottom .3s ease-in-out
}

header .fixedlayer .logo {
    display: block;
    width: 278px;
    height: 50px;
    margin: 15px 0 0;
    background: url(../_graphics/logos/logo.png) left top no-repeat;
    background-image: url(../_svg/logo_en.svg), none;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    float: left;
    transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    perspective: 1000;
    -ms-perspective: 1000;
    -moz-perspective: 1000;
    -webkit-perspective: 1000;
    transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: margin-top .3s ease-in-out, width .3s ease-in-out, height .3s ease-in-out;
    -moz-transition: margin-top .3s ease-in-out, width .3s ease-in-out, height .3s ease-in-out;
    -webkit-transition: margin-top .3s ease-in-out, width .3s ease-in-out, height .3s ease-in-out
}

header .fixedlayer .logo:focus {
    outline-color: #F2F2F2
}

header .fixedlayer .auxiliary {
    margin: 0 0 0 318px;
    transition: margin-left .3s ease-in-out;
    -moz-transition: margin-left .3s ease-in-out;
    -webkit-transition: margin-left .3s ease-in-out
}

header .fixedlayer .auxiliary > ul {
    position: relative;
    top: -4px;
    margin-bottom: -4px;
    float: right
}

header .fixedlayer .auxiliary > ul > li {
    position: relative;
    float: right
}

header .fixedlayer .auxiliary > ul > li > a {
    display: block;
    text-decoration: none;
    padding: 0 10px
}

header .fixedlayer .auxiliary > ul > li > a span {
    display: block;
    font-size: 15px;
    color: #2C2C2C;
    line-height: 15px;
    border-top: 4px solid transparent;
    padding: 32px 0 18px;
    transition: color .2s ease-in-out, border-top-color .15s ease-in-out, line-height .3s ease-in-out, padding-top .3s ease-in-out;
    -moz-transition: color .2s ease-in-out, border-top-color .15s ease-in-out, line-height .3s ease-in-out, padding-top .3s ease-in-out;
    -webkit-transition: color .2s ease-in-out, border-top-color .15s ease-in-out, line-height .3s ease-in-out, padding-top .3s ease-in-out
}

header .fixedlayer .auxiliary > ul > li > a:hover span {
    color: #EC0B43;
    border-top-color: #EC0B43
}

header .fixedlayer .auxiliary > ul > li > a:active span {
    color: #bb0935;
    border-top-color: #bb0935
}

header .fixedlayer .auxiliary > ul > li > a:focus {
    outline-color: #E4E4E4
}

header .fixedlayer .auxiliary > ul > li .dropdown {
    display: none;
    position: absolute;
    top: 20px;
    left: -11px;
    width: 110%;
    min-width: 170px;
    padding: 15px 0 9px;
    z-index: 43;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #F2F2F2;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    transition: top .3s ease-in-out;
    -moz-transition: top .3s ease-in-out;
    -webkit-transition: top .3s ease-in-out
}

header .fixedlayer .auxiliary > ul > li .dropdown h4 {
    font-size: 15px;
    color: #EC0B43;
    line-height: 15px;
    padding: 0 20px;
    margin: 0 0 8px
}

header .fixedlayer .auxiliary > ul > li .dropdown h4 a {
    color: #EC0B43;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

header .fixedlayer .auxiliary > ul > li .dropdown h4 a:hover {
    color: #f63465
}

header .fixedlayer .auxiliary > ul > li .dropdown h4 a:active {
    color: #d40a3c
}

header .fixedlayer .auxiliary > ul > li .dropdown h4 a:focus {
    outline-color: #fcc7d4
}

header .fixedlayer .auxiliary .language ul li a:focus, header .fixedlayer .auxiliary .language > a:focus, header .fixedlayer .auxiliary > ul > li .dropdown ul li a:focus {
    outline-color: #BDBDBD
}

header .fixedlayer .auxiliary > ul > li .dropdown h4:after {
    font-family: FontAwesome;
    font-size: 14px;
    content: '\F107';
    margin: 0 0 0 2px
}

header .fixedlayer .auxiliary > ul > li .dropdown ul {
    display: none
}

header .fixedlayer .auxiliary > ul > li .dropdown ul li a {
    display: block;
    font-weight: 300;
    font-size: 13px;
    color: #575757;
    text-decoration: none;
    border-top: 1px dotted #EBEBEB;
    line-height: 16px;
    padding: 8px 20px;
    transition: color .1s ease-in-out, background-color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out, background-color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out, background-color .1s ease-in-out
}

header .fixedlayer .auxiliary > ul > li .dropdown ul li a[target=_blank]:after {
    font-family: FontAwesome;
    content: '\F08E';
    color: #bdbdbd;
    margin: 0 0 0 7px
}

header .fixedlayer .auxiliary > ul > li .dropdown ul li a:hover {
    color: #2C2C2C;
    background-color: #F7F7F7;
    border-top-color: transparent
}

header .fixedlayer .auxiliary > ul > li .dropdown ul li a:active {
    color: #5f5f5f;
    background-color: #FAFAFA
}

header .fixedlayer .auxiliary > ul > li .dropdown ul li.active a {
    background-color: #FAFAFA
}

header .fixedlayer .auxiliary > ul > li .dropdown ul li:first-child a {
    border-top: none
}

header .fixedlayer .auxiliary > ul > li .dropdown h4 + ul {
    padding: 3px 0 0
}

header .fixedlayer .auxiliary > ul > li.toggle > a span:after {
    font-family: FontAwesome;
    font-size: 14px;
    content: '\F107';
    margin: 0 0 0 6px
}

header .fixedlayer .auxiliary > ul > li.toggle:hover a span {
    color: #EC0B43;
    border-top-color: #EC0B43
}

header .fixedlayer .auxiliary > ul > li.active > a span {
    border-top-color: #EC0B43
}

header .fixedlayer .auxiliary > ul > li:after {
    display: block;
    clear: both;
    content: ''
}

header .fixedlayer .auxiliary .language {
    position: relative;
    margin: 20px 0 0 20px;
    float: right;
    transition: margin-top .3s ease-in-out;
    -moz-transition: margin-top .3s ease-in-out;
    -webkit-transition: margin-top .3s ease-in-out
}

header .fixedlayer .auxiliary .language > a {
    display: block;
    position: relative;
    font-family: FontAwesome;
    font-size: 16px;
    color: #676767;
    text-decoration: none;
    line-height: 38px;
    background-color: #F2F2F2;
    border: 1px solid #F2F2F2;
    padding: 0 15px;
    z-index: 42;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    transition: color .1s ease-in-out, background-color .2s ease-in-out, border .2s ease-in-out;
    -moz-transition: color .1s ease-in-out, background-color .2s ease-in-out, border .2s ease-in-out;
    -webkit-transition: color .1s ease-in-out, background-color .2s ease-in-out, border .2s ease-in-out
}

header .fixedlayer .auxiliary .language > a:hover {
    color: #747474;
    background-color: #F7F7F7
}

header .fixedlayer .auxiliary .language > a:active {
    background-color: #fff
}

header .fixedlayer .auxiliary .language > a:after {
    color: #AFAFAF;
    content: '\F107';
    margin: 0 0 0 15px
}

header .fixedlayer .auxiliary .language ul {
    display: none;
    position: absolute;
    top: 38px;
    right: 0;
    width: 150px;
    padding: 10px 0;
    z-index: 41;
    border-radius: 2px 0 2px 2px;
    -moz-border-radius: 2px 0 2px 2px;
    -webkit-border-radius: 2px 0 2px 2px;
    border: 1px solid #F2F2F2;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

header .fixedlayer .auxiliary .language ul li a {
    display: block;
    font-weight: 300;
    font-size: 13px;
    color: #575757;
    text-decoration: none;
    border-top: 1px dotted #EBEBEB;
    line-height: 16px;
    padding: 8px 20px 8px 15px;
    transition: color .1s ease-in-out, background-color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out, background-color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out, background-color .1s ease-in-out
}

header .fixedlayer .auxiliary .language ul li a[target=_blank]:after {
    font-family: FontAwesome;
    content: '\F08E';
    color: #bdbdbd;
    margin: 0 0 0 7px
}

header .fixedlayer .auxiliary .language ul li a:hover {
    color: #2C2C2C;
    background-color: #F7F7F7;
    border-top-color: transparent
}

header .fixedlayer .auxiliary .language ul li a:active {
    color: #5f5f5f;
    background-color: #FAFAFA
}

header .fixedlayer .auxiliary .language ul li.active a {
    background-color: #FAFAFA
}

header .fixedlayer .auxiliary .language ul li:first-child a {
    border-top: none
}

header .fixedlayer .auxiliary .language ul li a .icon {
    display: inline-block;
    vertical-align: middle;
    background-color: #E5E5E5;
    background-repeat: no-repeat;
    background-position: left top;
    width: 16px;
    height: 11px;
    margin: 0 6px 0 0;
    background-size: 100%;
    -moz-background-size: 100%;
    -webkit-background-size: 100%
}

header .fixedlayer .auxiliary .language ul li a .icon.ru {
    background: url(../_graphics/flags/russian.png) left top no-repeat #E5E5E5;
    background-image: url(../_svg/flags/russian.svg), none
}

header .fixedlayer .auxiliary .language ul li a .icon.zh {
    background: url(../_graphics/flags/chinese.png) left top no-repeat #E5E5E5;
    background-image: url(../_svg/flags/chinese.svg), none
}

header .fixedlayer .auxiliary .language ul li a .icon.en {
    background: url(../_graphics/flags/english.png) left top no-repeat #E5E5E5;
    background-image: url(../_svg/flags/english.svg), none
}

header .fixedlayer .auxiliary .language.active > a {
    color: #8d8d8d;
    border-bottom-color: #fff;
    background-color: #fff;
    border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0
}

header .fixedlayer .auxiliary .markethandler {
    display: none;
    position: relative;
    top: -4px;
    font-family: FontAwesome;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    line-height: 38px;
    border-top: none;
    padding: 25px 20px 1px;
    margin: 0 0 -4px 20px;
    z-index: 42;
    border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    transition: background-color .2s ease-in-out, padding-top .3s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, padding-top .3s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out, padding-top .3s ease-in-out;
    float: right
}

header .fixedlayer .auxiliary .markethandler i:before {
    font-style: normal;
    content: '\F00B'
}

header .fixedlayer .auxiliary:after, header .fixedlayer:after {
    display: block;
    content: '';
    clear: both
}

header .fixedlayer .auxiliary .markethandler:hover {
    background-color: #f63465
}

header .fixedlayer .auxiliary .markethandler:active {
    background-color: #d40a3c
}

header .fixedlayer .auxiliary .markethandler, header .fixedlayer .auxiliary .markethandler.active {
    background-color: #EC0B43
}

header .fixedlayer .auxiliary .markethandler:focus {
    outline-color: #f97e9c
}

header .fixedlayer.onair {
    border-bottom: 1px solid #E5E5E5;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 10px
}

header .fixedlayer.onair .logo {
    width: 222px;
    height: 40px;
    margin-top: 10px;
    background: url(../_graphics/logos/logo_small.png) left top no-repeat;
    background-image: url(../_svg/logo_en.svg), none;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
}

header .fixedlayer.onair .auxiliary {
    margin-left: 262px
}

header .fixedlayer.onair .auxiliary > ul > li > a span {
    line-height: 15px;
    padding: 22px 0 13px
}

header .fixedlayer.onair .auxiliary > ul > li .dropdown {
    top: 10px
}

header .fixedlayer.onair .auxiliary .language {
    margin-top: 10px
}

header .fixedlayer.onair .auxiliary .markethandler {
    padding-top: 15px
}

header .fixedlayer.static {
    position: absolute
}

header .navigation {
    padding: 91px 0 30px
}

header .navigation nav {
    width: 72.27272727%;
    float: left
}

header .navigation nav > ul {
    display: table;
    width: 100%
}

header .navigation nav > ul > li {
    display: table-cell;
    width: 20%
}

header .navigation nav > ul > li > a {
    display: block;
    overflow: hidden;
    position: relative;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 45px;
    white-space: nowrap;
    background-color: #1946BA;
    border-left: 1px solid #3b6ae5;
    z-index: 36;
    -webkit-font-smoothing: antialiased;
    transition: background-color .2s ease-in-out, border-color .1s ease-in-out, border-radius .3s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, border-color .1s ease-in-out, border-radius .3s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out, border-color .1s ease-in-out, border-radius .3s ease-in-out
}

header .navigation nav > ul > li > a:hover {
    background-color: #1e54de
}

header .navigation nav > ul > li > a:active {
    background-color: #2459e2
}

header .navigation nav > ul > li > a:focus {
    outline-color: #7e9dee
}

header .navigation nav > ul > li .mega {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 134px;
    left: 0;
    background-color: #fff;
    border-top: 4px solid #EC0B43;
    border-bottom: 1px solid #ccc;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    width: 100%;
    z-index: 37;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
    transition: box-shadow .3s ease-in-out;
    -moz-transition: box-shadow .3s ease-in-out;
    -webkit-transition: box-shadow .3s ease-in-out
}

header .navigation nav > ul > li .mega .wrapper {
    padding: 30px 0
}

header .navigation nav > ul > li .mega .container {
    display: table;
    width: 100%
}

header .navigation nav > ul > li .mega .container .column {
    display: table-cell;
    border-left: 1px dotted #BFBFBF;
    vertical-align: top;
    width: 25%;
    padding: 0 6.25%
}

header .navigation nav > ul > li .mega .container .column ul li {
    padding: 10px 0
}

header .navigation nav > ul > li .mega .container .column ul li a {
    display: inline-block;
    font-size: 15px;
    color: #2C2C2C;
    text-decoration: none;
    line-height: 17px;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

header .navigation nav > ul > li .mega .container .column ul li a[target=_blank]:after {
    font-family: FontAwesome;
    font-size: 14px;
    content: '\F08E';
    color: #bdbdbd;
    margin: 0 0 0 10px
}

header .navigation nav > ul > li .mega .container .column ul li a:hover {
    color: #EC0B43
}

header .navigation nav > ul > li .mega .container .column ul li a:active {
    color: #bb0935
}

header .navigation nav > ul > li .mega .container .column ul li a:focus {
    outline-color: #BDBDBD
}

header .navigation nav > ul > li .mega .container .column:first-child {
    border-left: none;
    padding-left: 0
}

header .navigation nav > ul > li .mega .container .column:last-child {
    padding-right: 0
}

header .navigation nav > ul > li .mega.inaction {
    box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent
}

header .navigation nav > ul > li:first-child > a {
    border-left: none;
    border-radius: 25px 0 0 25px;
    -moz-border-radius: 25px 0 0 25px;
    -webkit-border-radius: 25px 0 0 25px
}

header .navigation nav > ul > li:last-child > a {
    border-radius: 0 25px 25px 0;
    -moz-border-radius: 0 25px 25px 0;
    -webkit-border-radius: 0 25px 25px 0
}

header .navigation nav > ul > li.active > a {
    background-color: #EC0B43;
    border-left-color: #720520
}

header .navigation nav > ul > li.active > a:focus {
    outline-color: #fa96af
}

header .navigation aside .wrap .search .area .value:focus, header .navigation aside .wrap .search .area ul li a:focus, header .navigation aside .wrap .search button:focus {
    outline-color: #bbb
}

header .navigation nav > ul > li.active + li > a {
    border-left-color: #f74d77
}

header .navigation nav.dropped ul li:first-child > a {
    border-radius: 25px 0 0;
    -moz-border-radius: 25px 0 0;
    -webkit-border-radius: 25px 0 0
}

header .navigation nav.dropped ul li:last-child > a {
    border-radius: 0 25px 0 0;
    -moz-border-radius: 0 25px 0 0;
    -webkit-border-radius: 0 25px 0 0
}

header .navigation aside {
    position: relative;
    width: 27.72727273%;
    height: 45px;
    float: left
}

header .navigation aside .wrap {
    position: absolute;
    left: -25px;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #F2F2F2;
    border: 1px solid #F2F2F2;
    border-left: none;
    padding: 0 0 0 25px;
    z-index: 35;
    border-radius: 0 25px 25px 0;
    -moz-border-radius: 0 25px 25px 0;
    -webkit-border-radius: 0 25px 25px 0;
    transition: background-color .15s ease-in-out, border-radius .3s ease-in-out;
    -moz-transition: background-color .15s ease-in-out, border-radius .3s ease-in-out;
    -webkit-transition: background-color .15s ease-in-out, border-radius .3s ease-in-out
}

header .navigation aside .wrap .search {
    width: 100%;
    height: 43px;
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

header .navigation aside .wrap .search select {
    display: none
}

header .navigation aside .wrap .search button {
    display: block;
    color: #2C2C2C;
    cursor: pointer;
    background: 0 0;
    border: none;
    width: 20px;
    float: right;
    padding: 0;
    margin: 0;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

header .navigation aside .wrap .search button:before {
    font-family: FontAwesome;
    font-weight: 400;
    font-size: 20px;
    content: '\F002';
    vertical-align: middle;
    line-height: 43px
}

header .navigation aside .wrap .search button:hover {
    color: #797979
}

header .navigation aside .wrap .search button:active {
    color: #929292
}

header .navigation aside .wrap .search .area {
    position: relative;
    display: block;
    width: 115px;
    height: 19px;
    padding: 12px 0;
    float: right
}

header .navigation aside .wrap .search .area .value {
    display: block;
    font-weight: 300;
    font-size: 14px;
    color: #979797;
    text-align: right;
    text-decoration: none;
    line-height: 19px;
    padding: 0 20px;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

header .navigation aside .wrap .search .area .value span {
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
    width: 51px
}

header .navigation aside .wrap .search .area .value:after {
    font-family: FontAwesome;
    font-weight: 400;
    font-size: 14px;
    content: '\F107';
    vertical-align: middle;
    margin: 0 0 0 10px
}

header .navigation aside .wrap .search .area .value:hover {
    color: #656565
}

header .navigation aside .wrap .search .area ul {
    display: none;
    position: absolute;
    top: 43px;
    left: 0;
    background-color: #fff;
    width: 115px;
    padding: 5px 0;
    z-index: 33;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px
}

header .navigation aside .wrap .search .area ul li a {
    overflow: hidden;
    display: block;
    font-weight: 300;
    font-size: 14px;
    color: #979797;
    text-decoration: none;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 20px;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

header .navigation aside .wrap .search .area ul li a:hover {
    color: #656565
}

header .navigation aside .wrap .search .area ul li a.active {
    color: #2C2C2C
}

header .navigation aside .wrap .search .flex {
    width: 100%;
    height: 43px;
    padding: 0 135px 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

header .navigation aside .wrap .search .flex input {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #2C2C2C;
    background: 0 0;
    border: none;
    width: 100%;
    height: 19px;
    padding: 12px 0;
    margin: 0
}

header .navigation aside .wrap .search:after {
    display: block;
    clear: both;
    content: ''
}

header .navigation aside .wrap:hover {
    background-color: #F7F7F7
}

header .navigation aside .wrap.focused {
    background-color: #fff
}

header .navigation nav.dropped + aside .wrap {
    border-radius: 0 25px 0 0;
    -moz-border-radius: 0 25px 0 0;
    -webkit-border-radius: 0 25px 0 0
}

header .navigation:after {
    display: block;
    clear: both;
    content: ''
}

.layerslider .caption, .layerslider .category {
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    background-color: #EC0B43;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.layerslider .caption.category, .layerslider .category.category {
    font-size: 22px;
    text-transform: lowercase;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.layerslider .caption.category.gray, .layerslider .category.category.gray {
    background-color: #726B68
}

.layerslider .caption.category.violet, .layerslider .category.category.violet {
    background-color: #7852C9
}

.layerslider .caption.category.green, .layerslider .category.category.green {
    background-color: #94D600
}

.layerslider .caption.category.lightblue, .layerslider .category.category.lightblue {
    background-color: #3DB5E6
}

.layerslider .caption.category.orange, .layerslider .category.category.orange {
    background-color: #FF8400
}

.layerslider .caption.category.red, .layerslider .category.category.red {
    background-color: #EC0B43
}

.layerslider .caption.category.blue, .layerslider .category.category.blue {
    background-color: #1946BA
}

.layerslider .description, .layerslider .title {
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 26px;
    color: #fff;
    white-space: nowrap
}

.layerslider .description.title, .layerslider .title.title {
    font-weight: 600;
    text-transform: uppercase;
    white-space: normal;
    max-width: 440px
}

.layerslider .button {
    display: block;
    font-weight: 300;
    font-size: 16px;
    text-transform: uppercase;
    white-space: nowrap;
    outline: transparent dotted 1px !important;
    border: 1px solid transparent !important;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out !important;
    -moz-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out !important;
    -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out !important
}

.layerslider .button, .layerslider .button.red {
    color: #EC0B43;
    border-color: #EC0B43 !important
}

.layerslider .button.red:hover, .layerslider .button:hover {
    color: #fff;
    background-color: #EC0B43
}

.layerslider .button.red:active, .layerslider .button:active {
    background-color: #d40a3c;
    border-color: #d40a3c !important
}

.layerslider .button.red:focus, .layerslider .button:focus {
    outline-color: #f8658a !important
}

.layerslider .button.fill, .layerslider .button.red.fill {
    color: #fff;
    background-color: #EC0B43
}

.layerslider .button.fill:hover, .layerslider .button.red.fill:hover {
    background-color: #d40a3c;
    border-color: #d40a3c !important
}

.layerslider .button.fill:active, .layerslider .button.red.fill:active {
    background-color: #bb0935;
    border-color: #bb0935 !important
}

.layerslider .button.blue {
    color: #1946BA;
    border-color: #1946BA !important
}

.layerslider .button.blue:hover {
    color: #fff;
    background-color: #1946BA
}

.layerslider .button.blue:active {
    background-color: #163ea4;
    border-color: #163ea4 !important
}

.layerslider .button.blue:focus {
    outline-color: #517be8 !important
}

.layerslider .button.blue.fill {
    color: #fff;
    background-color: #1946BA
}

.layerslider .button.blue.fill:hover {
    background-color: #163ea4;
    border-color: #163ea4 !important
}

.layerslider .button.blue.fill:active {
    background-color: #13358d;
    border-color: #13358d !important
}

.layerslider .button.white {
    color: #fff;
    border-color: #fff !important
}

.layerslider .button.white:hover {
    color: #1C1C1C;
    background-color: #fff
}

.layerslider .button.white:active {
    background-color: #f2f2f2;
    border-color: #f2f2f2 !important
}

.layerslider .button.white:focus {
    outline-color: #fff !important
}

.layerslider .button.white.fill {
    color: #1C1C1C;
    background-color: #fff
}

.layerslider .button.white.fill:hover {
    background-color: #f2f2f2;
    border-color: #f2f2f2 !important
}

.layerslider .button.white.fill:active {
    background-color: #e6e6e6;
    border-color: #e6e6e6 !important
}

.layerslider .ls-link {
    display: none
}

.discover {
    background-color: #ECECED
}

.discover .wrapper {
    width: 1100px;
    padding: 40px 0;
    margin: 0 auto
}

.discover .wrapper .column {
    position: relative;
    width: 23.63636364%;
    margin: 0 0 0 1.81818182%;
    float: left
}

.discover .wrapper .column > a {
    display: table;
    text-decoration: none;
    width: 100%
}

.discover .wrapper .column > a .icon {
    display: table-cell;
    width: 30.76923077%;
    height: 100%;
    border-radius: 80px;
    -moz-border-radius: 80px;
    -webkit-border-radius: 80px;
    background-size: 52.5%;
    -moz-background-size: 52.5%;
    -webkit-background-size: 52.5%;
    transition: height .2s ease-in-out;
    -moz-transition: height .2s ease-in-out;
    -webkit-transition: height .2s ease-in-out
}

.discover .wrapper .column > a .icon.academic {
    background: url(../_graphics/discover/academic.png) center center no-repeat #fff;
    background-image: url(../_svg/discover/academic.svg), none
}

.discover .wrapper .column > a .icon.give {
    background: url(../_graphics/discover/give.png) center center no-repeat #fff;
    background-image: url(../_svg/discover/give.svg), none
}

.discover .wrapper .column > a .icon.community {
    background: url(../_graphics/discover/community.png) center center no-repeat #fff;
    background-image: url(../_svg/discover/community.svg), none
}

.discover .wrapper .column > a .icon.workspace {
    background: url(../_graphics/discover/workspace.png) center center no-repeat #fff;
    background-image: url(../_svg/discover/workspace.svg), none
}

.discover .wrapper .column > a .subject {
    display: table-cell;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 20px;
    color: #2C2C2C;
    line-height: 20px;
    vertical-align: middle;
    padding: 0 0 0 20px;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.discover .wrapper .column > a .subject span {
    display: block;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #979797;
    line-height: 16px;
    margin: 5px 0 0
}

.discover .wrapper .column > a:hover .subject {
    color: #1946BA
}

.discover .wrapper .column > a:active .subject {
    color: #13358d
}

.discover .wrapper .column > a:focus {
    outline-color: #ccc
}

.discover .wrapper .column > a:after {
    display: block;
    clear: both;
    content: ''
}

.discover .wrapper .column .dropdown {
    display: none;
    position: absolute;
    bottom: 80px;
    left: 0;
    padding: 0 0 23px;
    z-index: 35;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0
}

.discover .wrapper .column .dropdown ul {
    position: relative;
    background-color: #fff;
    width: 260px;
    padding: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.discover .wrapper .column .dropdown ul li {
    position: relative;
    line-height: 16px;
    padding: 5px 0 5px 15px
}

.discover .wrapper .column .dropdown ul li a {
    display: inline-block;
    font-weight: 300;
    font-size: 14px;
    color: #2C2C2C;
    text-decoration: none;
    transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out
}

.discover .wrapper .column .dropdown ul li a:hover {
    color: #1946BA
}

.discover .wrapper .column .dropdown ul li a:active {
    color: #13358d
}

.discover .wrapper .column .dropdown ul li a:focus {
    outline-color: #CECECE
}

.discover .wrapper .column .dropdown ul li:before {
    position: absolute;
    top: 5px;
    left: 0;
    font-family: FontAwesome;
    font-size: 14px;
    color: #C2C2C2;
    content: '\F105';
    vertical-align: middle;
    margin: 0 10px 0 0
}

.discover .wrapper .column .dropdown ul:after {
    display: block;
    position: absolute;
    bottom: -26px;
    left: 50%;
    content: '\20';
    border-width: 13px 15px;
    border-style: solid;
    border-color: #fff transparent transparent;
    width: 0;
    height: 0;
    margin-left: -15px
}

.discover .wrapper .column:first-child {
    margin: 0
}

.discover .wrapper:after {
    display: block;
    clear: both;
    content: ''
}

.news {
    background-color: #fff
}

.news .wrapper {
    width: 1100px;
    padding: 0 0 40px;
    margin: 0 auto
}

.news .heading h2 {
    display: inline-block;
    width: 70px;
    position: relative;
    top: -5px;
    font-weight: 300;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 26px;
    color: #2C2C2C;
    text-align: center;
    line-height: 26px;
    padding: 25px 0 0;
    margin-bottom: -5px;
    z-index: 3;
    background: url(../_graphics/news_cap.png) left top no-repeat;
    background-image: url(../_svg/news_cap.svg), none
}

.news .wrapper .heading .controls {
    display: inline-block;
    margin: 13px 0 0 35px
}

.news .wrapper .heading .controls a {
    display: block;
    width: 33px;
    height: 33px;
    background: url(../_graphics/news_arrows.png) left top no-repeat #ECECED;
    background-image: url(../_svg/news_arrows.svg), none;
    float: left;
    transition: opacity .4s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .4s ease-in-out, background-color .2s ease-in-out;
    -webkit-transition: opacity .4s ease-in-out, background-color .2s ease-in-out
}

.news .wrapper .heading .controls a.next {
    background-position: right top
}

.news .wrapper .heading .controls a.previous {
    margin: 0 5px 0 0
}

.news .wrapper .heading .controls a:hover {
    background-color: #E6E6E6
}

.news .wrapper .heading .controls a:active {
    background-color: #DCDCDD
}

.news .wrapper .heading .controls a:focus {
    outline-color: #CDCDCD
}

.news .wrapper .heading .controls a.slick-disabled {
    background-color: #ECECED;
    opacity: .5;
    -moz-opacity: .5;
    -khtml-opacity: .5
}

.news .wrapper .heading .more {
    line-height: 28px;
    margin: 22px 0 0;
    float: right
}

.news .wrapper .heading .more a {
    font-weight: 300;
    font-size: 16px;
    color: #1946BA;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.news .wrapper .heading .more a:hover {
    color: #3b6ae5
}

.news .wrapper .heading .more a:active {
    color: #163ea4
}

.news .wrapper .heading .more a:focus {
    outline-color: #ACACAC
}

.news .wrapper .heading .more.mediaportal a {
    color: #F98919
}

.news .wrapper .heading .more.mediaportal a:before {
    font-family: FontAwesome;
    content: '\F030';
    vertical-align: middle;
    margin: 0 8px 0 0
}

.news .wrapper .heading .more.mediaportal a:hover {
    color: #FB5811
}

.news .wrapper .heading .more.mediaportal a:active {
    color: #FE773C
}

.news .wrapper .heading .more.mediaportal a:focus {
    outline-color: #FFC285
}

.news .wrapper .heading .more:before {
    color: #CBCBCB;
    content: '\7C';
    margin: 0 15px 0 0
}

.news .wrapper .heading:after {
    display: block;
    clear: both;
    content: ''
}

.news .wrapper .viewport {
    position: relative;
    overflow: hidden;
    margin: 30px 0 0
}

.news .wrapper .viewport .slick {
    position: relative;
    left: -20px;
    margin: 0 -20px 0 0
}

.news .wrapper .viewport .slick article {
    margin: 0 0 0 20px
}

/*.news .wrapper .viewport .slick article .poster {*/
/*    overflow: hidden;*/
/*    position: relative;*/
/*    width: 100%;*/
/*    height: 160px*/
/*}*/

/*.news .wrapper .viewport .slick article .poster img {*/
/*    display: block;*/
/*    border: none*/
/*}*/

/*.news .wrapper .viewport .slick article .poster img.landscape {*/
/*    min-width: 100%;*/
/*    height: 100%*/
/*}*/

/*.news .wrapper .viewport .slick article .poster img.portrait {*/
/*    width: 100%;*/
/*    min-height: 100%*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .category {*/
/*    overflow: hidden;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    font-weight: 600;*/
/*    font-size: 9px;*/
/*    color: #fff;*/
/*    line-height: 9px;*/
/*    text-transform: uppercase;*/
/*    white-space: nowrap;*/
/*    text-overflow: ellipsis;*/
/*    background-color: #A6A6A6;*/
/*    max-width: 100%;*/
/*    padding: 4px 10px;*/
/*    z-index: 4;*/
/*    box-sizing: border-box;*/
/*    -moz-box-sizing: border-box;*/
/*    -webkit-box-sizing: border-box*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .category.gray {*/
/*    background-color: #726B68*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .category.violet {*/
/*    background-color: #7852C9*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .category.green {*/
/*    background-color: #94D600*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .category.lightblue {*/
/*    background-color: #3DB5E6*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .category.orange {*/
/*    background-color: #FF8400*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .category.red {*/
/*    background-color: #EC0B43*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .category.blue {*/
/*    background-color: #1946BA*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .social {*/
/*    display: none;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    text-align: center;*/
/*    background-color: rgba(44, 44, 44, .9);*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    z-index: 5*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .social .wrap {*/
/*    position: relative;*/
/*    top: 50%;*/
/*    margin-top: -40px*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .social .wrap h6 {*/
/*    font-weight: 600;*/
/*    font-size: 18px;*/
/*    color: #fff;*/
/*    text-align: center;*/
/*    line-height: 18px;*/
/*    text-transform: uppercase*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .social .wrap h6 span {*/
/*    display: block;*/
/*    font-weight: 300;*/
/*    font-size: 11px;*/
/*    line-height: 11px;*/
/*    -webkit-font-smoothing: antialiased*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .social .wrap ul {*/
/*    display: inline-block;*/
/*    margin: 25px 0 0*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .social .wrap ul li {*/
/*    width: 24px;*/
/*    height: 24px;*/
/*    margin: 0 0 0 10px;*/
/*    float: left*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .social .wrap ul li a {*/
/*    display: block;*/
/*    font-family: FontAwesome;*/
/*    font-size: 12px;*/
/*    color: #fff;*/
/*    text-align: center;*/
/*    text-decoration: none;*/
/*    line-height: 24px;*/
/*    width: 24px;*/
/*    height: 24px;*/
/*    border-radius: 12px;*/
/*    -moz-border-radius: 12px;*/
/*    -webkit-border-radius: 12px;*/
/*    opacity: 0;*/
/*    -moz-opacity: 0;*/
/*    -khtml-opacity: 0;*/
/*    transition: background-color .2s ease-in-out;*/
/*    -moz-transition: background-color .2s ease-in-out;*/
/*    -webkit-transition: background-color .2s ease-in-out*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .social .wrap ul li a.facebook {*/
/*    background-color: #27579D*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .social .wrap ul li a.facebook:hover {*/
/*    background-color: #316ec6*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .social .wrap ul li a.facebook:before {*/
/*    content: '\F09A'*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .social .wrap ul li a.twitter {*/
/*    background-color: #2CA7E0*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .social .wrap ul li a.twitter:hover {*/
/*    background-color: #58bae7*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .social .wrap ul li a.twitter:before {*/
/*    content: '\F099'*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .social .wrap ul li a.google {*/
/*    background-color: #DC4F36*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .social .wrap ul li a.google:hover {*/
/*    background-color: #e47561*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .social .wrap ul li a.google:before {*/
/*    content: '\F0D5'*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .social .wrap ul li a:focus {*/
/*    outline-color: #727272*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .social .wrap ul li:first-child {*/
/*    margin: 0*/
/*}*/

/*.news .wrapper .viewport .slick article .poster .social .wrap ul:after {*/
/*    display: block;*/
/*    clear: both;*/
/*    content: ''*/
/*}*/

/*.news .wrapper .viewport .slick article .poster.video:before {*/
/*    display: block;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    content: '\20';*/
/*    background-color: #5374CB;*/
/*    width: 38px;*/
/*    height: 38px;*/
/*    z-index: 3*/
/*}*/

.news .wrapper .viewport .slick article .poster.video:after {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    font-family: FontAwesome;
    font-size: 20px;
    color: #fff;
    content: '\F03D';
    text-align: center;
    line-height: 38px;
    width: 38px;
    height: 38px;
    z-index: 4
}

.news .wrapper .viewport .slick article > time {
    display: block;
    font-weight: 300;
    font-size: 13px;
    color: #A6A6A6;
    line-height: 13px;
    -webkit-font-smoothing: antialiased;
    margin: 15px 0 0
}

.news .wrapper .viewport .slick article > a {
    display: block;
    font-weight: 400;
    font-size: 15px;
    color: #2C2C2C;
    text-decoration: none;
    line-height: 20px;
    margin: 10px 0 0;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.news .wrapper .viewport .slick article > a:hover {
    color: #1946BA
}

.news .wrapper .viewport .slick article > a:active {
    color: #13358d
}

.news .wrapper .viewport .slick article > a:focus {
    outline-color: #A4A4A4
}

.news .wrapper .viewport .slick:after {
    display: block;
    clear: both;
    content: ''
}

.news .wrapper .viewport .slick:hover {
    cursor: move
}

.events {
    background-color: #FAFAFA
}

.events .wrapper {
    width: 1100px;
    padding: 0 0 40px;
    margin: 0 auto
}

.events .wrapper .heading h2 {
    display: inline-block;
    width: 80px;
    position: relative;
    top: -5px;
    font-weight: 300;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 26px;
    color: #2C2C2C;
    text-align: center;
    line-height: 26px;
    padding: 25px 0 0;
    margin-bottom: -5px;
    z-index: 3;
    background: url(../_graphics/events_cap.png) left top no-repeat;
    background-image: url(../_svg/events_cap.svg), none
}

.events .wrapper .heading .more {
    line-height: 28px;
    margin: 22px 0 0;
    float: right
}

.events .wrapper .heading .more a {
    font-weight: 300;
    font-size: 16px;
    color: #1946BA;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.events .wrapper .heading .more a:hover {
    color: #3b6ae5
}

.events .wrapper .heading .more a:active {
    color: #163ea4
}

.events .wrapper .heading .more a:focus {
    outline-color: #ACACAC
}

.events .wrapper .heading .more.mediaportal a {
    color: #F98919
}

.events .wrapper .heading .more.mediaportal a:before {
    font-family: FontAwesome;
    content: '\F030';
    vertical-align: middle;
    margin: 0 8px 0 0
}

.events .wrapper .heading .more.mediaportal a:hover {
    color: #FB5811
}

.events .wrapper .heading .more.mediaportal a:active {
    color: #FE773C
}

.events .wrapper .heading .more.mediaportal a:focus {
    outline-color: #FFC285
}

.events .wrapper .heading .more:before {
    color: #CBCBCB;
    content: '\7C';
    margin: 0 15px 0 0
}

.events .wrapper .heading:after, .events .wrapper .viewport .item:after, .quicklinks .wrapper .grid ul:after {
    content: '';
    display: block;
    clear: both
}

.events .wrapper .viewport {
    position: relative;
    overflow: hidden;
    margin: 30px 0 0
}

.events .wrapper .viewport .item {
    width: 30.90909091%;
    height: 52px;
    margin: 0 0 0 3.63636364%;
    float: left
}

.events .wrapper .viewport .item .date span {
    display: block;
    font-weight: 600;
    font-size: 24px;
    line-height: 24px
}

.events .wrapper .viewport .item .description {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.events .wrapper .viewport .item .description h4 {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    max-height: 32px
}

.events .wrapper .viewport .item .description h4 a {
    color: #585858;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.events .wrapper .viewport .item .description h4 a:hover {
    color: #3F3F3F
}

.events .wrapper .viewport .item .description h4 a:active {
    color: #616161
}

.events .wrapper .viewport .item .description h4 a:focus {
    outline-color: #B4B4B4
}

.events .wrapper .viewport .item .description time {
    display: block;
    font-weight: 300;
    font-size: 12px;
    color: #9D9D9D;
    line-height: 12px;
    margin: 8px 0 0
}

.events .wrapper .viewport .item div + .description {
    padding-left: 70px
}

.events .wrapper .viewport .item:nth-child(3n+1) {
    margin-left: 0
}

.events .wrapper .viewport .item:nth-child(n+4) {
    margin-top: 20px
}

.quicklinks {
    background-color: #ECECED
}

.quicklinks .wrapper {
    width: 1100px;
    padding: 0 0 30px;
    margin: 0 auto
}

.quicklinks .wrapper h2 {
    width: 120px;
    position: relative;
    top: -5px;
    font-weight: 300;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 26px;
    color: #2C2C2C;
    text-align: center;
    line-height: 26px;
    padding: 25px 0 0;
    margin-bottom: -5px;
    z-index: 3;
    background: url(../_graphics/quicklink_cap.png) left top no-repeat;
    background-image: url(../_svg/quicklink_cap.svg), none
}

.agreement .wrapper p a:before, .bulkhead .wrapper a:after, .page article a[target=_blank]:after, footer .wrapper .follow ul li a, footer .wrapper .join ul li a .icon {
    font-family: FontAwesome
}

.quicklinks .wrapper .grid {
    margin: 30px 0 0
}

.quicklinks .wrapper .grid ul {
    width: 100%
}

.quicklinks .wrapper .grid ul li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 31.81818182%;
    padding: 4px 0;
    margin: 0 0 0 2.27272727%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.quicklinks .wrapper .grid ul li, .quicklinks .wrapper .grid ul li a {
    color: #797979
}

.quicklinks .wrapper .grid ul li a {
    font-size: 15px;
    text-decoration: none;
    line-height: 15px;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.quicklinks .wrapper .grid ul li a:hover {
    color: #606060;
    text-decoration: underline
}

.quicklinks .wrapper .grid ul li a:active {
    color: #868686
}

.quicklinks .wrapper .grid ul li a:focus {
    outline-color: #959595
}

.quicklinks .wrapper .grid ul li:nth-child(3n+1) {
    margin: 0
}

.bulkhead {
    background-color: #4D4D4D
}

.bulkhead .wrapper {
    width: 1100px;
    margin: 0 auto
}

.bulkhead .wrapper a {
    display: block;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    line-height: 16px;
    background-color: #3058C1;
    padding: 17px 20px;
    float: left
}

.bulkhead .wrapper a:first-child {
    background-color: #476BC8
}

.bulkhead .wrapper a:after {
    font-weight: 400;
    font-size: 16px;
    content: '\F105';
    vertical-align: middle;
    margin: 0 0 0 60px
}

.bulkhead .wrapper a:hover span {
    text-decoration: underline
}

.bulkhead .wrapper a:focus {
    outline-color: #7e9dee
}

footer .wrapper .contacts .feedback a:focus, footer .wrapper .follow ul li a:focus, footer .wrapper .join ul li a:focus {
    outline-color: #979797
}

.bulkhead .wrapper:after {
    display: block;
    clear: both;
    content: ''
}

footer {
    background-color: #333
}

footer .hashsum {
    position: absolute;
    left: -9999px
}

.page article, .page article ul:not(.relinks) li {
    position: relative
}

footer .wrapper {
    width: 1100px;
    padding: 30px 0;
    margin: 0 auto
}

footer .wrapper h3 {
    font-weight: 300;
    font-size: 26px;
    color: #E4E4E4;
    line-height: 26px
}

footer .wrapper .contacts {
    width: 50%;
    float: left
}

footer .wrapper .contacts p {
    font-size: 15px;
    color: #fff;
    line-height: 24px;
    margin: 30px 0 0
}

footer .wrapper .contacts .feedback {
    font-size: 15px;
    color: #fff;
    line-height: 15px;
    white-space: nowrap;
    margin: 20px 0 0
}

footer .wrapper .contacts .feedback a {
    color: #BABABA;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

footer .wrapper .contacts .feedback a:hover {
    color: #d3d3d3;
    text-decoration: underline
}

footer .wrapper .follow ul li a, footer .wrapper .join ul li a {
    text-decoration: none;
    display: block
}

footer .wrapper .contacts .feedback a:active {
    color: #a1a1a1
}

footer .wrapper .contacts .feedback .delimiter:before {
    color: #fff;
    content: '\7C';
    margin: 0 10px
}

footer .wrapper .follow {
    width: 45%;
    margin: 0 0 0 5%;
    float: left
}

footer .wrapper .follow .follow__wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

footer .follow__list {
    margin: 30px 20px 0 0;
}

footer .wrapper .follow ul li {
    margin: 0 0 0 15px;
    float: left
}

footer .wrapper .follow ul li a {
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 32px;
    width: 32px;
    height: 32px;
    transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out
}

footer .wrapper .follow ul li a.facebook {
    background-color: #27579D
}

footer .wrapper .follow ul li a.facebook:hover {
    background-color: #2c62b1
}

footer .wrapper .follow ul li a.facebook:before {
    content: '\F09A'
}

footer .wrapper .follow ul li a.twitter {
    background-color: #2CA7E0
}

footer .wrapper .follow ul li a.twitter:hover {
    background-color: #42b0e3
}

footer .wrapper .follow ul li a.twitter:before {
    content: '\F099'
}

footer .wrapper .follow ul li a.google {
    background-color: #DC4F36
}

footer .wrapper .follow ul li a.google:hover {
    background-color: #e0624c
}

footer .wrapper .follow ul li a.google:before {
    content: '\F0D5'
}

footer .wrapper .follow ul li a.youtube {
    background-color: #E7202A
}

footer .wrapper .follow ul li a.youtube:hover {
    background-color: #e93740
}

footer .wrapper .follow ul li a.youtube:before {
    content: '\F167'
}

footer .wrapper .follow ul li:first-child {
    margin: 0
}

footer .wrapper .follow ul:after {
    display: block;
    clear: both;
    content: ''
}

footer .wrapper .follow p {
    font-weight: 300;
    font-size: 14px;
    color: #979797;
    line-height: 18px;
    width: 100%;
    max-width: 300px;
    margin: 25px 0 0
}

footer .wrapper .join {
    width: 40%;
    margin: 0 0 0 4.54545455%;
    float: left
}

footer .wrapper .join ul {
    margin: 20px 0 0
}

footer .wrapper .join ul li {
    width: 56.81818182%;
    margin: 10px 0 0;
    float: left
}

footer .wrapper .join ul li a .icon {
    display: block;
    font-size: 20px;
    color: #E4E4E4;
    text-align: center;
    line-height: 38px;
    background-color: #292929;
    width: 38px;
    height: 38px;
    border-radius: 19px;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    float: left
}

footer .wrapper .join ul li a .icon.apple:before {
    content: '\F179'
}

footer .wrapper .join ul li a .icon.android:before {
    content: '\F17B'
}

footer .wrapper .join ul li a .icon.windows:before {
    content: '\F17A'
}

footer .wrapper .join ul li a:after, footer .wrapper .join ul:after, footer .wrapper:after {
    display: block;
    content: '';
    clear: both
}

footer .wrapper .join ul li a .text {
    display: block;
    font-weight: 300;
    font-size: 12px;
    color: #979797;
    line-height: 12px;
    padding: 4px 0;
    margin: 0 0 0 15px;
    float: left
}

footer .wrapper .join ul li a .text span {
    display: block;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    line-height: 15px;
    margin: 0 0 3px
}

footer .wrapper .join ul li a:hover .text span {
    text-decoration: underline
}

footer .wrapper .join ul li.narrow {
    width: 36.36363636%;
    padding: 0 0 0 6.81818182%
}

footer::selection {
    color: #fff;
    background: #2C2C2C
}

footer::-moz-selection {
    color: #fff;
    background: #2C2C2C
}

.agreement {
    background-color: #242424;
    padding: 24px 0
}

.agreement .wrapper {
    width: 1100px;
    margin: 0 auto
}

.agreement .wrapper p {
    font-size: 10px;
    color: #797979;
    text-transform: uppercase;
    line-height: 14px;
    height: 48px;
}

.agreement .wrapper p a {
    display: inline-block;
    font-size: 11px;
    font-weight: 300;
    color: #A7A7A7;
    text-transform: none;
    text-decoration: none;
    line-height: 12px;
    margin: 8px 0 0;
    transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out
}

.agreement .wrapper p a:hover {
    color: #cdcdcd
}

.agreement .wrapper p a:active {
    color: #b4b4b4
}

.agreement .wrapper p a:focus {
    outline-color: #747474
}

.agreement .wrapper p a:before {
    content: '\F132';
    vertical-align: middle;
    margin: 0 8px 0 0
}

.agreement .wrapper a.brand {
    display: block;
    transition: background-color .2s ease-in-out, background-position .3s ease-in-out, top .1s ease-in-out, height .1s ease-in-out, margin-bottom .1s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, background-position .3s ease-in-out, top .1s ease-in-out, height .1s ease-in-out, margin-bottom .1s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out, background-position .3s ease-in-out, top .1s ease-in-out, height .1s ease-in-out, margin-bottom .1s ease-in-out;
    transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    perspective: 1000;
    -ms-perspective: 1000;
    -moz-perspective: 1000;
    -webkit-perspective: 1000;
    transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.agreement .wrapper a.brand:hover {
    background-color: #f41c52;
}

.agreement .wrapper a.brand:active {
    top: 0;
    background-color: #d40a3c;
    height: 91px;
    margin-bottom: 0
}

.agreement .wrapper a.brand:focus {
    outline-color: #fa96af
}

.agreement .wrapper .brand {
    position: relative;
    top: -5px;
    border-top: 5px solid #F14872;
    width: 180px;
    height: 96px;
    margin-bottom: -5px;
    margin-left: 20px;
    float: right;
    background: #ec0b43 url("../_svg/logo_white.svg") no-repeat center;
    background-size: 269px;
    background-position: 20px 30px;
}

.agreement::selection {
    color: #fff;
    background: #2C2C2C
}

.agreement::-moz-selection {
    color: #fff;
    background: #2C2C2C
}

.breadcrumbs {
    background-color: #1946BA
}

.page, .page article {
    background-color: #fff
}

.breadcrumbs .wrapper {
    width: 1100px;
    padding: 20px 0 40px;
    margin: 0 auto
}

.breadcrumbs .wrapper ul {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.breadcrumbs .wrapper ul li {
    overflow: hidden;
    font-weight: 300;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 70%;
    float: left
}

.breadcrumbs .wrapper ul li a {
    color: #fff;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.breadcrumbs .wrapper ul li a:hover {
    color: #c2d1f7
}

.breadcrumbs .wrapper ul li a:active {
    color: #95aef1
}

.breadcrumbs .wrapper ul li a:focus {
    outline-color: #3b6ae5
}

.breadcrumbs .wrapper ul li:before {
    font-size: 16px;
    color: #688ceb;
    content: '\2F';
    vertical-align: middle;
    margin: 0 10px
}

.breadcrumbs .wrapper ul li:first-child:before {
    display: none
}

.breadcrumbs .wrapper ul:after {
    display: block;
    clear: both;
    content: ''
}

.page article {
    padding: 20px 30px 30px;
    top: -20px;
    width: 1100px;
    margin-bottom: -20px !important;
    margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-weight: 400;
    font-size: 14px;
    color: #2C2C2C;
    line-height: 25px
}

.page article a {
    text-indent: 0;
    text-decoration: underline;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.page article a:hover {
    color: #3b6ae5
}

.page article a:active {
    color: #163ea4
}

.page article a:focus {
    outline-color: #ACACAC
}

.page article a i {
    margin: 0 0 0 5px
}

.page article a[target=_blank]:after {
    display: none;
    content: '\A0\F08E'
}

.page article a[href$=".pdf"]:before, .page article a[href$=".doc"]:before, .page article a[href$=".docx"]:before, .page article a[href$=".ppt"]:before, .page article a[href$=".pptx"]:before {
    display: inline-block;
    font-family: Kotebelle;
    font-size: 1.6em;
    vertical-align: middle;
    margin: 0 4px 0 0
}

.page article a[href$=".pdf"] {
    color: #F62B2B
}

.page article a[href$=".pdf"]:before {
    content: '\E001'
}

.page article a[href$=".pdf"]:hover {
    color: #FF4D4D
}

.page article a[href$=".pdf"]:active {
    color: #E92525
}

.page article a[href$=".pdf"]:focus {
    outline-color: #FFCDCD
}

.page article a[href$=".doc"], .page article a[href$=".docx"] {
    color: #2A5598
}

.page article a[href$=".doc"]:before, .page article a[href$=".docx"]:before {
    content: '\E000'
}

.page article a[href$=".doc"]:hover, .page article a[href$=".docx"]:hover {
    color: #3665AD
}

.page article a[href$=".doc"]:active, .page article a[href$=".docx"]:active {
    color: #234D8D
}

.page article a[href$=".doc"]:focus, .page article a[href$=".docx"]:focus {
    outline-color: #ACC8F4
}

.page article a[href$=".ppt"], .page article a[href$=".pptx"] {
    color: #E65618
}

.page article a[href$=".ppt"]:before, .page article a[href$=".pptx"]:before {
    content: '\E002'
}

.page article a[href$=".ppt"]:hover, .page article a[href$=".pptx"]:hover {
    color: #F56526
}

.page article a[href$=".ppt"]:active, .page article a[href$=".pptx"]:active {
    color: #D84E13
}

.page article a[href$=".ppt"]:focus, .page article a[href$=".pptx"]:focus {
    outline-color: #FFCBB4
}

.page article a[href$="?"]:after, .page article a[href$="?"]:before {
    display: none
}

.page article h1 {
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 30px 0 20px
}

.page article h1:first-child {
    margin-top: 10px
}

.page article h2 {
    font-weight: 600;
    font-size: 20px;
    color: #2C2C2C;
    line-height: 26px;
    margin: 25px 0 15px
}

.page article h3 {
    font-weight: 600;
    font-size: 18px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 20px 0 10px
}

.page article h4, .page article h5 {
    text-transform: uppercase;
    margin: 15px 0 10px
}

.page article h4 {
    font-weight: 400;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 16px;
    color: #2C2C2C;
    line-height: 16px
}

.page article h5 {
    font-weight: 600;
    font-size: 14px;
    color: #7F7F7F;
    line-height: 18px
}

.page article p {
    text-align: justify
}

.page article p:not(:nth-last-of-type(1)) {
    margin: 15px 0 0
}

.page article strong {
    font-weight: 600
}

.page article img {
    border: none;
    max-width: 100%;
    height: auto
}

.page article .column {
    float: left
}

.page article .column.one-half {
    width: 48.63636364%;
    margin: 0 2.72727273% 0 0
}

.page article .column.one-third {
    width: 31.81818182%;
    margin: 0 2.27272727% 0 0
}

.page article .column.one-fourth {
    width: 23.63636364%;
    margin: 0 1.81818182% 0 0
}

.page article .column.last {
    margin: 0
}

.page article .column.last + .clear {
    display: block;
    clear: both;
    content: ''
}

.page article ol, .page article ul:not(.relinks) {
    margin: 5px 0 0 30px
}

.page article ol li, .page article ul:not(.relinks) li {
    margin: 2px 0 0
}

.page article ol li:first-child, .page article ul:not(.relinks) li:first-child {
    margin: 0
}

.page article ul:not(.relinks) {
    list-style-type: none
}

.page article ul:not(.relinks) li:before,
.page article ul:not(.program_title) li:before,
.page article ul:not(.program_list) li:before,
.shortcode ul li:before{
    display: block;
    position: absolute;
    left: -30px;
    top: 3px;
    font-family: FontAwesome;
    content: '\F10C';
    color: #5374CB;
    text-align: center;
    line-height: 22px;
    width: 20px
}

.page article ol {
    list-style-type: decimal
}

.page article h1 + ol, .page article h1 + p, .page article h1 + ul, .page article h2 + ol, .page article h2 + p, .page article h2 + ul, .page article h3 + ol, .page article h3 + p, .page article h3 + ul, .page article h4 + ol, .page article h4 + p, .page article h4 + ul, .page article h5 + ol, .page article h5 + p, .page article h5 + ul {
    margin-top: 0 !important
}

.page article iframe, .page article video {
    max-width: 100%
}

.page article hr {
    border: none;
    border-top: 1px dotted #ccc;
    height: 0;
    padding: 0;
    margin: 20px 0
}

.page article:after {
    display: block;
    clear: both;
    content: ''
}

.page article.standalone {
    top: 0;
    margin-bottom: 0 !important
}

.page article .wrap {
    padding: 0 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.page article .wrap .gallery {
    position: relative;
    top: -35px;
    right: -30px;
    background-color: #F7F7F7;
    width: 47.11538462%;
    padding: 35px 0 30px;
    margin: 0 0 5px 10px;
    float: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.page article .wrap .gallery .heading {
    line-height: 24px;
    padding: 0 30px
}

.page article .wrap .gallery .heading .controls {
    float: right;
    padding: 0;
    margin: 0
}

.page article .wrap .gallery .heading .controls li {
    margin: 0 0 0 10px;
    float: left
}

.page article .wrap .gallery .heading .controls li a {
    display: block;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 20px;
    color: #1C1C1C;
    text-align: center;
    text-decoration: none;
    line-height: 20px;
    border: 2px solid #E5E5E5;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: color .1s ease-in-out, border-color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out, border-color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out, border-color .1s ease-in-out
}

.page article .wrap .gallery .heading .controls li a.left:before {
    content: '\3C'
}

.page article .wrap .gallery .heading .controls li a.right:before {
    content: '\3E'
}

.page article .wrap .gallery .heading .controls li a:hover {
    border-color: #BFBFBF
}

.page article .wrap .gallery .heading .controls li a:active {
    border-color: #B3B3B3
}

.page article .wrap .gallery .heading .controls li a:focus {
    outline-color: #E5E5E5
}

.page article .wrap .gallery .heading .controls li a.slick-disabled {
    color: #E5E5E5;
    cursor: default;
    border-color: #E5E5E5
}

.page article .wrap .gallery .heading .controls li a.slick-disabled:focus {
    outline-color: transparent
}

.page article .wrap .gallery .heading .controls li a.slick-hidden {
    visibility: hidden
}

.page article .wrap .gallery .heading .controls li:before {
    display: none
}

.page article .wrap .gallery .heading .controls li:first-child {
    margin-left: 0
}

.page article .wrap .gallery .heading .subject h6 {
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 20px;
    float: left
}

.page article .wrap .gallery .heading .subject .counters {
    font-weight: 300;
    font-size: 12px;
    color: #9B9B9B;
    margin: 0 0 0 15px;
    float: left
}

.page article .wrap .gallery .heading .subject .counters span {
    display: inline-block;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #1C1C1C;
    line-height: 16px;
    vertical-align: baseline;
    margin: 0 0 0 3px
}

.page article .wrap .gallery .heading .subject .counters span.current {
    color: #FFF;
    background-color: #EC0B43;
    padding: 0 8px;
    margin: 0 4px 0 0;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px
}

.page article .wrap .gallery .heading .subject:after, .page article .wrap .gallery .heading:after {
    display: block;
    clear: both;
    content: ''
}

.page article .wrap .gallery .viewport {
    margin: 30px 0 0
}

.page article .wrap .gallery .viewport figure img {
    display: block;
    border: none;
    width: 100%
}

.page article .wrap .gallery .viewport figure figcaption {
    position: relative;
    font-weight: 300;
    font-size: 13px;
    line-height: 20px;
    min-height: 20px;
    padding: 0 30px 0 70px;
    margin: 30px 0 0
}

.page article .wrap .gallery .viewport figure figcaption:before {
    display: block;
    position: absolute;
    left: 30px;
    top: 0;
    content: '\20';
    width: 20px;
    height: 20px;
    background: url(../_graphics/information.png) left top no-repeat;
    background-image: url(../_svg/information.svg), none
}

.page article .wrap .gallery + * {
    margin-top: 15px
}

.page article .wrap:after {
    display: block;
    clear: both;
    content: ''
}

.page article .form {
    position: relative;
    background-color: #F3F3F3;
    width: 100%;
    padding: 30px;
    margin: 40px 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.page article .form h3 {
    font-weight: 300;
    font-size: 22px;
    margin: 0
}

.page article .form h3 + div {
    font-size: 14px;
    color: #9A9A9A;
    line-height: 16px;
    margin: 5px 0 0
}

.page article .form .container {
    width: 100%;
    margin: 30px 0 0
}

.page article .form .container .group {
    margin: 25px 0 0
}

.page article .form .container .group h5 {
    font-weight: 400;
    font-size: 16px;
    color: #2C2C2C;
    line-height: 16px;
    text-transform: none;
    padding: 0;
    margin: 0
}

.page article .form .container .group h5 sup {
    color: #EC0B43
}

.page article .form .container .group .field {
    position: relative;
    width: 100%;
    margin: 10px 0 0
}

.page article .form .container .group .field input, .page article .form .container .group .field select, .page article .form .container .group .field textarea {
    font-weight: 400;
    font-size: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #5f5f5f;
    line-height: 36px;
    background-color: #fff;
    border: 2px solid #F0F0F0;
    padding: 0 10px;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: color .1s ease-in-out, border-color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out, border-color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out, border-color .1s ease-in-out
}

.page article .form .container .group .field input + label, .page article .form .container .group .field select + label, .page article .form .container .group .field textarea + label {
    overflow: hidden;
    display: block;
    font-size: 11px;
    color: #BFBFBF;
    cursor: pointer;
    text-transform: uppercase;
    line-height: 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 5px 0 0;
    transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out
}

.page article .form .container .group .field input + label:focus, .page article .form .container .group .field select + label:focus, .page article .form .container .group .field textarea + label:focus {
    outline-color: #EC0B43
}

.page article .form .container .group .field input.sharp, .page article .form .container .group .field select.sharp, .page article .form .container .group .field textarea.sharp {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none
}

.page article .form .container .group .field input.hover, .page article .form .container .group .field input:hover, .page article .form .container .group .field select.hover, .page article .form .container .group .field select:hover, .page article .form .container .group .field textarea.hover, .page article .form .container .group .field textarea:hover {
    border-color: #e3e3e3
}

.page article .form .container .group .field input:focus, .page article .form .container .group .field select:focus, .page article .form .container .group .field textarea:focus {
    color: #2C2C2C;
    border-color: #8CA2DC
}

.page article .form .container .group .field input:focus + label, .page article .form .container .group .field select:focus + label, .page article .form .container .group .field textarea:focus + label {
    color: #8CA2DC
}

.page article .form .container .group .field textarea {
    line-height: 20px;
    resize: vertical;
    width: 100%;
    height: 124px;
    max-height: 324px;
    padding-top: 10px;
    padding-bottom: 10px
}

.page article .form .container .group .field .clearinput {
    display: none;
    position: absolute;
    top: 2px;
    right: 2px;
    text-align: center;
    line-height: 36px;
    width: 36px;
    height: 36px;
    background: url(../_graphics/bright.png) right top repeat-y;
    background-image: url(../_svg/bright.svg), none;
    background-size: 36px 1px;
    -moz-background-size: 36px 1px;
    -webkit-background-size: 36px 1px
}

.page article .form .container .group .field .clearinput a {
    font-family: FontAwesome;
    font-size: 18px;
    color: #DCDCDC;
    text-decoration: none;
    transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out
}

.page article .form .container .group .field .clearinput a:hover {
    color: #626262
}

.page article .form .container .group .field .clearinput a:active {
    color: #8D8D8D
}

.page article .form .container .group.last .bone, .page article .form .container .group.last button {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #fff;
    line-height: 14px;
    cursor: pointer;
    outline-width: 1px
}

.page article .form .container .group .field .clearinput a:focus {
    outline-color: #DBDBDB
}

.page article .form .container .group .field .clearinput a:after {
    content: '\F057'
}

.page article .form .container .group .field .clearinput.visible + input {
    padding-right: 29px
}

.page article .form .container .group .field.half {
    width: 48.4375%;
    margin-left: 3.125%;
    float: left
}

.page article .form .container .group .field.half:first-of-type, .page article .slider .heading .controls li:first-child {
    margin-left: 0
}

.page article .form .container .group .field.flexible {
    width: 100%;
    max-width: 310px
}

.page article .form .container .group.last {
    text-align: right
}

.page article .form .container .group.last button {
    background: #EF154B;
    background: -moz-linear-gradient(top, #EF154B 0, #D9093D 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EF154B), color-stop(100%, #D9093D));
    background: -webkit-linear-gradient(top, #EF154B 0, #D9093D 100%);
    background: -o-linear-gradient(top, #EF154B 0, #D9093D 100%);
    background: -ms-linear-gradient(top, #EF154B 0, #D9093D 100%);
    background: linear-gradient(to bottom, #EF154B 0, #D9093D 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EF154B', endColorstr='#D9093D', GradientType=0);
    border: none;
    padding: 13px 35px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    transition: box-shadow .3s ease-in-out;
    -moz-transition: box-shadow .3s ease-in-out;
    -webkit-transition: box-shadow .3s ease-in-out
}

.page article .form .container .group.last button:hover {
    background: #F61950;
    background: -moz-linear-gradient(top, #F61950 0, #ED1046 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ED1046), color-stop(100%, #ED1046));
    background: -webkit-linear-gradient(top, #F61950 0, #ED1046 100%);
    background: -o-linear-gradient(top, #F61950 0, #ED1046 100%);
    background: -ms-linear-gradient(top, #F61950 0, #ED1046 100%);
    background: linear-gradient(to bottom, #F61950 0, #ED1046 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F61950', endColorstr='#ED1046', GradientType=0)
}

.page article .form .container .group.last button:active {
    background: #E11346;
    box-shadow: inset 0 1px 3px #D00F3F;
    -moz-box-shadow: inset 0 1px 3px #D00F3F;
    -webkit-box-shadow: inset 0 1px 3px #D00F3F
}

.page article .form .container .group.last button:focus {
    outline-color: #F43161
}

.page article .form .container .group.last .bone {
    display: inline-block;
    text-decoration: none;
    vertical-align: top;
    background: #C7C7C7;
    background: -moz-linear-gradient(top, #C7C7C7 0, #ADADAD 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C7C7C7), color-stop(100%, #ADADAD));
    background: -webkit-linear-gradient(top, #C7C7C7 0, #ADADAD 100%);
    background: -o-linear-gradient(top, #C7C7C7 0, #ADADAD 100%);
    background: -ms-linear-gradient(top, #C7C7C7 0, #ADADAD 100%);
    background: linear-gradient(to bottom, #C7C7C7 0, #ADADAD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C7C7C7', endColorstr='#ADADAD', GradientType=0);
    border: none;
    padding: 13px 20px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    transition: box-shadow .3s ease-in-out;
    -moz-transition: box-shadow .3s ease-in-out;
    -webkit-transition: box-shadow .3s ease-in-out
}

.page article .form .container .group.last .bone:hover {
    background: #CFCFCF;
    background: -moz-linear-gradient(top, #CFCFCF 0, #BDBDBD 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CFCFCF), color-stop(100%, #BDBDBD));
    background: -webkit-linear-gradient(top, #CFCFCF 0, #BDBDBD 100%);
    background: -o-linear-gradient(top, #CFCFCF 0, #BDBDBD 100%);
    background: -ms-linear-gradient(top, #CFCFCF 0, #BDBDBD 100%);
    background: linear-gradient(to bottom, #CFCFCF 0, #BDBDBD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CFCFCF', endColorstr='#BDBDBD', GradientType=0)
}

.page article .form .container .group.last .bone:active {
    background: #BDBDBD;
    padding: 14px 19px 12px 21px;
    box-shadow: inset 0 1px 3px #B3B3B3;
    -moz-box-shadow: inset 0 1px 3px #B3B3B3;
    -webkit-box-shadow: inset 0 1px 3px #B3B3B3
}

.page article .form .container .group.last .bone:before {
    font-family: FontAwesome;
    content: '\F09C';
    text-align: center;
    width: 16px;
    margin: 0 8px 0 0
}

.page article .form .container .group.last .bone:focus {
    outline-color: #C3C3C3
}

.page article .form .container .group:after {
    display: block;
    clear: both;
    content: ''
}

.page article .form .container .group:first-child {
    margin: 0
}

.page article .form .container .signature {
    font-size: 11px;
    color: #A1A1A1;
    line-height: 18px;
    text-transform: uppercase;
    margin: 20px 0 0
}

.page article .form .container .signature sup {
    color: #EC0B43
}

.page article .form .notice {
    margin: 30px 0 0;
    color: #5C5C5C;
    background-color: #F3F3F3;
    padding: 20px 30px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.page article .form .notice h4 {
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: none;
    padding: 0;
    margin: 0
}

.page article .form .notice h4:before {
    font-family: FontAwesome;
    font-size: 20px;
    color: #BEBEBE;
    content: '\F129';
    vertical-align: middle;
    margin: 0 20px 0 0
}

.page article .form .notice .close {
    display: none;
    font-family: FontAwesome;
    font-size: 18px;
    color: #D6D6D6;
    text-decoration: none;
    line-height: 20px;
    margin: 0 0 0 20px;
    float: right;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.page article .form .notice .close:hover {
    color: #9D9D9D
}

.page article .form .notice .close:active {
    color: #ADACAC
}

.page article .form .notice .close:focus {
    outline-color: #D2D2D2
}

.page article .form .notice .close:before {
    content: '\F00D'
}

.page article .form .notice:after {
    display: block;
    clear: both;
    content: ''
}

.page article .form .notice.success {
    color: #799D27;
    background-color: #C9EA7F
}

.page article .form .notice.success h4 {
    color: #799D27
}

.page article .form .notice.success h4:before {
    color: #A4C854;
    content: '\F00C'
}

.page article .form .notice.success .close {
    color: #ABD451
}

.page article .form .notice.success .close:hover {
    color: #85AA33
}

.page article .form .notice.success .close:active {
    color: #90B63D
}

.page article .form .notice.success .close:focus {
    outline-color: #A4C754
}

.page article .form .notice.warning {
    color: #A22746;
    background-color: #F585A1
}

.page article .form .notice.warning h4 {
    color: #A22746
}

.page article .form .notice.warning h4:before {
    color: #CD607C;
    content: '\F12A'
}

.page article .form .notice.warning .close {
    color: #D76985
}

.page article .form .notice.warning .close:hover {
    color: #B4405D
}

.page article .form .notice.warning .close:active {
    color: #C04B68
}

.page article .form .notice.warning .close:focus {
    outline-color: #C84969
}

.page article .form:after {
    display: block;
    position: absolute;
    top: -5px;
    right: 20px;
    font-family: FontAwesome;
    font-size: 42px;
    color: #EC0B43;
    content: '\F02E';
    line-height: 40px
}

.page article .slider {
    padding: 0 30px;
    margin: 40px 0 0
}

.page article .slider .heading {
    line-height: 24px
}

.page article .slider .heading h6 {
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 20px
}

.page article .slider .heading h6:after {
    display: inline-block;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #FFF;
    content: attr(data-size);
    vertical-align: middle;
    background-color: #EC0B43;
    line-height: 16px;
    padding: 0 8px;
    margin: 0 0 0 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px
}

.page article .slider .heading .controls {
    float: right;
    padding: 0;
    margin: 0
}

.page article .slider .heading .controls li {
    margin: 0 0 0 10px;
    float: left
}

.page article .slider .heading .controls li a {
    display: block;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 20px;
    color: #1C1C1C;
    text-align: center;
    text-decoration: none;
    line-height: 20px;
    border: 2px solid #E5E5E5;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: color .1s ease-in-out, border-color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out, border-color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out, border-color .1s ease-in-out
}

.page article .slider .heading .controls li a.left:before {
    content: '\3C'
}

.page article .slider .heading .controls li a.right:before {
    content: '\3E'
}

.page article .slider .heading .controls li a:hover {
    border-color: #BFBFBF
}

.page article .slider .heading .controls li a:active {
    border-color: #B3B3B3
}

.page article .slider .heading .controls li a:focus {
    outline-color: #E5E5E5
}

.page article .slider .heading .controls li a.slick-disabled {
    color: #E5E5E5;
    cursor: default;
    border-color: #E5E5E5
}

.page article .slider .heading .controls li a.slick-disabled:focus {
    outline-color: transparent
}

.page article .slider .heading .controls li a.slick-hidden {
    visibility: hidden
}

.page article .slider .heading .controls li:before {
    display: none
}

.page article .slider .heading:after {
    display: block;
    clear: both;
    content: ''
}

.page article .slider .viewport {
    position: relative;
    left: -20px;
    margin: 30px -20px 0 0
}

.page article .slider .viewport .item {
    margin: 0 0 0 20px
}

.page article .slider .viewport .item a {
    display: block;
    text-decoration: none;
    background-color: #F7F7F7;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    transition: background-color .15s ease-in-out;
    -moz-transition: background-color .15s ease-in-out;
    -webkit-transition: background-color .15s ease-in-out
}

.page article .slider .viewport .item a .image {
    text-align: center;
    line-height: 60px;
    padding: 30px 20px;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0
}

.page article .slider .viewport .item a .image img {
    display: inline-block;
    border: none;
    vertical-align: middle;
    width: auto;
    max-width: 50%;
    max-height: 60px
}

.page article .slider .viewport .item a .subject {
    font-weight: 600;
    font-size: 14px;
    color: #1C1C1C;
    text-align: center;
    line-height: 18px;
    padding: 0 20px 20px
}

.page article .slider .viewport .item a > * {
    display: block
}

.page article .slider .viewport .item a:hover {
    background-color: #F2F2F2
}

.page article .slider .viewport .item a:active {
    background-color: #EDEDED
}

.page article .slider .viewport .item a:focus {
    outline-color: #E5E5E5
}

.page article .slider + * {
    margin-top: 40px
}

.page .relevants {
    background-color: #F3F3F3;
    width: 100%;
    padding: 30px 40px 30px 30px;
    margin: 0 0 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.page .relevants h2 {
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0;
    margin: 0
}

.page .relevants h2:before {
    font-family: FontAwesome;
    font-size: 26px;
    content: '\F127';
    vertical-align: middle;
    margin: 0 15px 0 0
}

.page .relevants h2 + .columnhall {
    margin: 10px 0 0
}

.page .relevants .columnhall {
    padding: 0 0 0 25px
}

.page .relevants .columnhall ul {
    width: 100%
}

.page .relevants .columnhall ul li {
    overflow: hidden;
    line-height: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 30%;
    margin: 0 0 0 5%;
    float: left
}

.page .relevants .columnhall ul li, .page .relevants .columnhall ul li a {
    color: #818181
}

.page .relevants .columnhall ul li a {
    text-decoration: none;
    line-height: 16px;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.page .relevants .columnhall ul li a:before {
    font-family: FontAwesome;
    color: #C7C7C7;
    content: '\F105';
    margin: 0 10px 0 0
}

.page .relevants .columnhall ul li a:hover {
    color: #686868
}

.page .relevants .columnhall ul li a:active {
    color: #5b5b5b
}

.page .relevants .columnhall ul li a:focus {
    outline-color: #C7C7C7
}

.page .relevants .columnhall ul li:nth-child(3n+1) {
    margin-left: 0
}

.page .relevants .columnhall ul:after {
    display: block;
    clear: both;
    content: ''
}

.page + .partners .wrapper {
    padding-top: 0
}

.personality {
    background-color: #fff
}

.personality .wrapper {
    width: 1100px;
    padding: 35px 0 30px;
    margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.personality .wrapper h1 {
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 24px
}

.personality .wrapper .list {
    margin: 20px 0 0
}

.personality .wrapper .list .column {
    width: 30%;
    margin: 0 0 0 5%;
    float: left
}

.personality .wrapper .list .column:first-child {
    margin: 0
}

.personality .wrapper .list .column ul {
    margin: 23px 0 0
}

.personality .wrapper .list .column ul li {
    overflow: hidden;
    font-size: 14px;
    line-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.personality .wrapper .list .column ul li a {
    color: #4E4E4E;
    text-decoration: none;
    transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out
}

.personality .wrapper .list .column ul li a:hover {
    color: #1946BA
}

.personality .wrapper .list .column ul li a:active {
    color: #13358d
}

.personality .wrapper .list .column ul li a:focus {
    outline-color: #BCBCBC
}

.personality .wrapper .list .column ul li:before {
    font-family: FontAwesome;
    content: '\F105';
    color: #ABABAB;
    margin: 0 12px 0 0
}

.personality .wrapper .list .column ul li.letter {
    overflow: visible;
    font-size: 22px;
    color: #fff;
    text-align: right;
    text-transform: uppercase;
    line-height: 22px;
    vertical-align: bottom;
    background-color: #1946BA;
    width: 40px;
    height: 40px;
    padding: 10px;
    margin: 0 0 13px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.personality .wrapper .list .column ul li.letter:before {
    display: none
}

.personality .wrapper .list .column ul:first-child {
    margin: 0
}

.personality .wrapper .list:after {
    display: block;
    clear: both;
    content: ''
}

.personality > article {
    font-weight: 400;
    font-size: 14px;
    color: #2C2C2C;
    line-height: 28px;
    padding: 0 0 40px;
    position: relative;
    top: -20px;
    background-color: #fff;
    width: 1100px;
    margin-bottom: -20px !important;
    margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.personality > article h1 {
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 24px
}

.personality > article section {
    background-color: #F2F2F2;
    padding: 20px 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.personality > article section .headerline {
    position: relative
}

.personality > article section .headerline .editlink {
    display: block;
    position: absolute;
    right: 0;
    top: -20px;
    color: #C7C7C7;
    font-size: 24px;
    text-align: center;
    text-decoration: none;
    line-height: 37px;
    background-color: #fff;
    width: 37px;
    height: 37px;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.personality > article section .headerline .editlink:hover {
    color: #A1A1A1
}

.personality > article section .headerline .editlink:active {
    color: #B4B4B4;
    background-color: #FBFBFC
}

.personality > article section .headerline .editlink:before {
    font-family: FontAwesome;
    content: '\F040'
}

.personality > article section .headerline .editlink:focus {
    outline-color: #DDDCDC
}

.personality > article section .profile {
    margin: 15px 0 0
}

.personality > article section .profile .photo {
    background-color: #fff;
    width: 12.5%;
    padding: .961538%;
    float: left
}

.personality > article section .profile .photo .viewport {
    overflow: hidden;
    text-align: center;
    line-height: 120px;
    width: 100%
}

.personality > article section .profile .photo .viewport img {
    display: block;
    border: none;
    width: 100%
}

.personality > article section .profile .photo .viewport.nonexists:before {
    font-family: FontAwesome;
    font-size: 87px;
    content: '\F007';
    color: #E9E9E9
}

.personality > article section .profile .info {
    width: 80.76923%;
    margin: 0 0 0 4.807692%;
    float: left
}

.personality > article section .profile .info .workdata li {
    font-size: 14px;
    color: #2C2C2C;
    line-height: 16px;
    width: 46.428571%;
    float: left
}

.personality > article section .profile .info .workdata li a {
    text-indent: 0;
    text-decoration: underline;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.personality > article section .profile .info .workdata li a:hover {
    color: #3b6ae5
}

.personality > article section .profile .info .workdata li a:active {
    color: #163ea4
}

.personality > article section .profile .info .workdata li a:focus {
    outline-color: #ACACAC
}

.personality > article section .profile .info .workdata li a i {
    margin: 0 0 0 5px
}

.personality > article section .profile .info .workdata li a[target=_blank]:after {
    display: inline;
    font-family: FontAwesome;
    content: '\A0\F08E'
}

.personality > article section .profile .info .workdata li a[href$=".pdf"]:before, .personality > article section .profile .info .workdata li a[href$=".doc"]:before, .personality > article section .profile .info .workdata li a[href$=".docx"]:before, .personality > article section .profile .info .workdata li a[href$=".ppt"]:before, .personality > article section .profile .info .workdata li a[href$=".pptx"]:before {
    display: inline-block;
    font-family: Kotebelle;
    font-size: 1.6em;
    vertical-align: middle;
    margin: 0 4px 0 0
}

.personality > article section .profile .info .workdata li a[href$=".pdf"] {
    color: #F62B2B
}

.personality > article section .profile .info .workdata li a[href$=".pdf"]:before {
    content: '\E001'
}

.personality > article section .profile .info .workdata li a[href$=".pdf"]:hover {
    color: #FF4D4D
}

.personality > article section .profile .info .workdata li a[href$=".pdf"]:active {
    color: #E92525
}

.personality > article section .profile .info .workdata li a[href$=".pdf"]:focus {
    outline-color: #FFCDCD
}

.personality > article section .profile .info .workdata li a[href$=".doc"], .personality > article section .profile .info .workdata li a[href$=".docx"] {
    color: #2A5598
}

.personality > article section .profile .info .workdata li a[href$=".doc"]:before, .personality > article section .profile .info .workdata li a[href$=".docx"]:before {
    content: '\E000'
}

.personality > article section .profile .info .workdata li a[href$=".doc"]:hover, .personality > article section .profile .info .workdata li a[href$=".docx"]:hover {
    color: #3665AD
}

.personality > article section .profile .info .workdata li a[href$=".doc"]:active, .personality > article section .profile .info .workdata li a[href$=".docx"]:active {
    color: #234D8D
}

.personality > article section .profile .info .workdata li a[href$=".doc"]:focus, .personality > article section .profile .info .workdata li a[href$=".docx"]:focus {
    outline-color: #ACC8F4
}

.personality > article section .profile .info .workdata li a[href$=".ppt"], .personality > article section .profile .info .workdata li a[href$=".pptx"] {
    color: #E65618
}

.personality > article section .profile .info .workdata li a[href$=".ppt"]:before, .personality > article section .profile .info .workdata li a[href$=".pptx"]:before {
    content: '\E002'
}

.personality > article section .profile .info .workdata li a[href$=".ppt"]:hover, .personality > article section .profile .info .workdata li a[href$=".pptx"]:hover {
    color: #F56526
}

.personality > article section .profile .info .workdata li a[href$=".ppt"]:active, .personality > article section .profile .info .workdata li a[href$=".pptx"]:active {
    color: #D84E13
}

.personality > article section .profile .info .workdata li a[href$=".ppt"]:focus, .personality > article section .profile .info .workdata li a[href$=".pptx"]:focus {
    outline-color: #FFCBB4
}

.personality > article section .profile .info .workdata li a[href$="?"]:after, .personality > article section .profile .info .workdata li a[href$="?"]:before {
    display: none
}

.personality > article section .profile .info .workdata li div {
    overflow: hidden;
    display: block;
    font-weight: 600;
    font-size: 11px;
    color: #B7B7B7;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    letter-spacing: 1px;
    margin: 0 0 2px
}

.personality > article section .profile .info .workdata li:nth-child(2n) {
    margin-left: 7.142857%
}

.personality > article section .profile .info .workdata li:nth-child(n+3) {
    margin-top: 16px
}

.personality > article section .profile .info .workdata:after {
    display: block;
    clear: both;
    content: ''
}

.personality > article section .profile .info .contacts {
    margin: 30px 0 0
}

.personality > article section .profile .info .contacts h4 {
    margin: 0 0 10px;
    font-weight: 400;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 16px;
    color: #2C2C2C;
    text-transform: uppercase;
    line-height: 16px
}

.personality > article section .profile .info .contacts .tabs li {
    border-left: 1px solid #F3F0F8;
    float: left
}

.personality > article section .profile .info .contacts .tabs li a {
    display: block;
    font-size: 12px;
    color: #A3A3A3;
    text-decoration: none;
    line-height: 30px;
    background-color: #FAFAFA;
    border-bottom: 1px solid #F3F0F8;
    padding: 0 10px;
    transition: color .2s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
    -moz-transition: color .2s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
    -webkit-transition: color .2s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out
}

.personality > article section .profile .info .contacts .tabs li a:hover {
    color: #8C8C8C;
    background-color: #FCFCFC
}

.personality > article section .profile .info .contacts .tabs li a:active {
    color: #666;
    background-color: #fff
}

.personality > article section .profile .info .contacts .tabs li a:focus {
    outline-color: silver
}

.personality > article section .profile .info .contacts .tabs li a:before {
    font-family: FontAwesome;
    margin: 0 8px 0 0
}

.personality > article section .profile .info .contacts .tabs li a.phone:before {
    content: '\F095'
}

.personality > article section .profile .info .contacts .tabs li a.web:before {
    content: '\F0AC'
}

.personality > article section .profile .info .contacts .tabs li a.email:before {
    content: '\F0E0'
}

.personality > article section .profile .info .contacts .tabs li a.schedule:before {
    content: '\F073'
}

.personality > article section .profile .info .contacts .tabs li a.active {
    color: #2C2C2C;
    cursor: default;
    background-color: #fff;
    border-bottom-color: #fff
}

.personality > article section .profile .info .contacts .tabs li:first-child {
    border-left: none
}

.personality > article section .profile .info .contacts .tabs:after {
    display: block;
    clear: both;
    content: ''
}

.personality > article section .profile .info .contacts .contents {
    background-color: #fff;
    padding: 20px
}

.personality > article section .profile .info .contacts .contents > div:not(.visible) {
    display: none
}

.personality > article section .profile .info .contacts .contents ul li {
    font-size: 16px;
    color: #2C2C2C;
    white-space: nowrap;
    line-height: 22px;
    border-left: 1px solid #E1E1E1;
    padding: 0 30px;
    float: left
}

.personality > article section .profile .info .contacts .contents ul li .label {
    font-weight: 300;
    color: #8A8A8A;
    line-height: 18px
}

.personality > article section .profile .info .contacts .contents ul li:first-child {
    border-left: none;
    padding-left: 0
}

.personality > article section .profile .info .contacts .contents ul li:last-child {
    padding-right: 0
}

.personality > article section .profile .info .contacts .contents ul:after {
    display: block;
    clear: both;
    content: ''
}

.personality > article section .profile .info .contacts .contents .phone ul li a[href^=skype] {
    color: #12A5F4;
    display: block;
    font-size: 16px;
    line-height: 16px;
    text-decoration: none;
    margin: 12px 0;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.personality > article section .profile .info .contacts .contents .phone ul li a[href^=skype]:before {
    font-family: FontAwesome;
    content: '\F17E';
    margin: 0 12px 0 0
}

.personality > article section .profile .info .contacts .contents .phone ul li a[href^=skype]:hover {
    color: #43b8f6
}

.personality > article section .profile .info .contacts .contents .phone ul li a[href^=skype]:active {
    color: #0a97e2
}

.personality > article section .profile .info .contacts .contents .phone ul li a[href^=skype]:focus {
    outline-color: #12A5F4
}

.personality > article .biography a:focus, .personality > article section .profile .info .contacts .contents .email ul li a:focus, .personality > article section .profile .info .contacts .contents .schedule ul li a:focus, .personality > article section .profile .info .contacts .contents .web ul li a:focus {
    outline-color: #ACACAC
}

.personality > article section .profile .info .contacts .contents .web ul li a {
    display: block;
    font-size: 16px;
    line-height: 16px;
    text-decoration: none;
    margin: 12px 0;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    color: #1946BA
}

.personality > article section .profile .info .contacts .contents .web ul li a:hover {
    color: #3b6ae5
}

.personality > article section .profile .info .contacts .contents .web ul li a:active {
    color: #163ea4
}

.personality > article section .profile .info .contacts .contents .web ul li a:after {
    font-family: FontAwesome;
    content: '\F08E';
    margin: 0 0 0 8px
}

.personality > article section .profile .info .contacts .contents .email ul li a {
    display: block;
    font-size: 16px;
    line-height: 16px;
    text-decoration: none;
    margin: 12px 0;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    color: #1946BA
}

.personality > article section .profile .info .contacts .contents .email ul li a:hover {
    color: #3b6ae5
}

.personality > article section .profile .info .contacts .contents .email ul li a:active {
    color: #163ea4
}

.personality > article section .profile .info .contacts .contents .email ul li a:before {
    font-family: FontAwesome;
    content: '\F0E5';
    margin: 0 12px 0 0
}

.personality > article section .profile .info .contacts .contents .schedule ul li a {
    display: block;
    font-size: 16px;
    line-height: 16px;
    text-decoration: none;
    margin: 12px 0;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    color: #1946BA
}

.personality > article section .profile .info .contacts .contents .schedule ul li a:hover {
    color: #3b6ae5
}

.personality > article section .profile .info .contacts .contents .schedule ul li a:active {
    color: #163ea4
}

.personality > article section .profile:after {
    display: block;
    clear: both;
    content: ''
}

.personality > article .biography {
    margin: 30px 0 0;
    font-weight: 400;
    font-size: 14px;
    color: #2C2C2C;
    line-height: 25px
}

.personality > article .biography a {
    text-indent: 0;
    text-decoration: underline;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.personality > article .biography a:hover {
    color: #3b6ae5
}

.personality > article .biography a:active {
    color: #163ea4
}

.personality > article .biography a i {
    margin: 0 0 0 5px
}

.personality > article .biography a[target=_blank]:after {
    display: inline;
    font-family: FontAwesome;
    content: '\A0\F08E'
}

.personality > article .biography a[href$=".pdf"]:before, .personality > article .biography a[href$=".doc"]:before, .personality > article .biography a[href$=".docx"]:before, .personality > article .biography a[href$=".ppt"]:before, .personality > article .biography a[href$=".pptx"]:before {
    display: inline-block;
    font-family: Kotebelle;
    font-size: 1.6em;
    vertical-align: middle;
    margin: 0 4px 0 0
}

.personality > article .biography a[href$=".pdf"] {
    color: #F62B2B
}

.personality > article .biography a[href$=".pdf"]:before {
    content: '\E001'
}

.personality > article .biography a[href$=".pdf"]:hover {
    color: #FF4D4D
}

.personality > article .biography a[href$=".pdf"]:active {
    color: #E92525
}

.personality > article .biography a[href$=".pdf"]:focus {
    outline-color: #FFCDCD
}

.personality > article .biography a[href$=".doc"], .personality > article .biography a[href$=".docx"] {
    color: #2A5598
}

.personality > article .biography a[href$=".doc"]:before, .personality > article .biography a[href$=".docx"]:before {
    content: '\E000'
}

.personality > article .biography a[href$=".doc"]:hover, .personality > article .biography a[href$=".docx"]:hover {
    color: #3665AD
}

.personality > article .biography a[href$=".doc"]:active, .personality > article .biography a[href$=".docx"]:active {
    color: #234D8D
}

.personality > article .biography a[href$=".doc"]:focus, .personality > article .biography a[href$=".docx"]:focus {
    outline-color: #ACC8F4
}

.personality > article .biography a[href$=".ppt"], .personality > article .biography a[href$=".pptx"] {
    color: #E65618
}

.personality > article .biography a[href$=".ppt"]:before, .personality > article .biography a[href$=".pptx"]:before {
    content: '\E002'
}

.personality > article .biography a[href$=".ppt"]:hover, .personality > article .biography a[href$=".pptx"]:hover {
    color: #F56526
}

.personality > article .biography a[href$=".ppt"]:active, .personality > article .biography a[href$=".pptx"]:active {
    color: #D84E13
}

.personality > article .biography a[href$=".ppt"]:focus, .personality > article .biography a[href$=".pptx"]:focus {
    outline-color: #FFCBB4
}

.programs .wrapper .heading .handler a:focus, .programs .wrapper .heading ul li a:focus {
    outline-color: #C1C1C1
}

.personality > article .biography a[href$="?"]:after, .personality > article .biography a[href$="?"]:before {
    display: none
}

.personality > article .biography h1 {
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 30px 0 20px
}

.personality > article .biography h1:first-child {
    margin-top: 10px
}

.personality > article .biography h2 {
    font-weight: 600;
    font-size: 20px;
    color: #2C2C2C;
    line-height: 26px;
    margin: 25px 0 15px
}

.personality > article .biography h3 {
    font-weight: 600;
    font-size: 18px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 20px 0 10px
}

.personality > article .biography h4 {
    font-weight: 400;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 16px;
    color: #2C2C2C;
    text-transform: uppercase;
    line-height: 16px;
    margin: 15px 0 10px
}

.personality > article .biography h5 {
    font-weight: 600;
    font-size: 14px;
    color: #7F7F7F;
    line-height: 18px;
    text-transform: uppercase;
    margin: 15px 0 10px
}

.personality > article .biography p {
    text-align: justify
}

.personality > article .biography p:not(:nth-last-of-type(1)) {
    margin: 15px 0 0
}

.personality > article .biography strong {
    font-weight: 600
}

.personality > article .biography img {
    border: none;
    max-width: 100%;
    height: auto
}

.personality > article .biography .column {
    float: left
}

.personality > article .biography .column.one-half {
    width: 48.63636364%;
    margin: 0 2.72727273% 0 0
}

.personality > article .biography .column.one-third {
    width: 31.81818182%;
    margin: 0 2.27272727% 0 0
}

.personality > article .biography .column.one-fourth {
    width: 23.63636364%;
    margin: 0 1.81818182% 0 0
}

.personality > article .biography .column.last {
    margin: 0
}

.personality > article .biography .column.last + .clear {
    display: block;
    clear: both;
    content: ''
}

.personality > article .biography ol, .personality > article .biography ul:not(.relinks) {
    margin: 5px 0 0 30px
}

.personality > article .biography ol li, .personality > article .biography ul:not(.relinks) li {
    margin: 2px 0 0
}

.personality > article .biography ol li:first-child, .personality > article .biography ul:not(.relinks) li:first-child {
    margin: 0
}

.personality > article .biography ul:not(.relinks) {
    list-style-type: none
}

.personality > article .biography ul:not(.relinks) li {
    position: relative
}

.personality > article .biography ul:not(.relinks) li:before {
    display: block;
    position: absolute;
    left: -30px;
    top: 3px;
    font-family: FontAwesome;
    content: '\F10C';
    color: #5374CB;
    text-align: center;
    line-height: 22px;
    width: 20px
}

.personality > article .biography ol {
    list-style-type: decimal
}

.personality > article .biography h1 + ol, .personality > article .biography h1 + p, .personality > article .biography h1 + ul, .personality > article .biography h2 + ol, .personality > article .biography h2 + p, .personality > article .biography h2 + ul, .personality > article .biography h3 + ol, .personality > article .biography h3 + p, .personality > article .biography h3 + ul, .personality > article .biography h4 + ol, .personality > article .biography h4 + p, .personality > article .biography h4 + ul, .personality > article .biography h5 + ol, .personality > article .biography h5 + p, .personality > article .biography h5 + ul {
    margin-top: 0 !important
}

.personality > article .biography iframe, .personality > article .biography video {
    max-width: 100%
}

.personality > article .biography hr {
    border: none;
    border-top: 1px dotted #ccc;
    height: 0;
    padding: 0;
    margin: 20px 0
}

.personality > article .biography:after {
    display: block;
    clear: both;
    content: ''
}

.personality > article .biography .wrap {
    padding: 0 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.programs {
    background-color: #fff
}

.programs .wrapper {
    padding: 0 0 25px;
    position: relative;
    top: -20px;
    background-color: #fff;
    width: 1100px;
    margin-bottom: -20px !important;
    margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.programs .wrapper.standalone {
    top: 0;
    margin-bottom: 0 !important
}

.programs .wrapper .heading {
    padding: 20px 30px 15px;
    transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out
}

.programs .wrapper .heading h1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 30px !important;
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C
}

.programs .wrapper .heading ul {
    display: none;
    margin: 30px 0
}

.programs .wrapper .heading ul li {
    border-left: 1px solid #E5E5E5;
    padding-left: 5.76923077%;
    width: 26.44230769%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.programs .wrapper .heading ul li a {
    font-weight: 300;
    font-size: 14px;
    color: #2C2C2C;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.programs .wrapper .heading ul li a img {
    border: none;
    vertical-align: middle;
    margin: 0 15px 0 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out
}

.programs .wrapper .heading ul li a.default {
    color: #9D9D9D
}

.programs .wrapper .heading ul li a.default:before {
    font-family: FontAwesome;
    content: '\F024';
    margin: 0 15px 0 0
}

.programs .wrapper .heading ul li a:hover {
    color: #1946BA
}

.programs .wrapper .heading ul li a:hover img {
    opacity: .8;
    -moz-opacity: .8;
    -khtml-opacity: .8
}

.programs .wrapper .heading ul li a:active {
    color: #979797
}

.programs .wrapper .heading ul li a:active img {
    opacity: .6;
    -moz-opacity: .6;
    -khtml-opacity: .6
}

.programs .wrapper .heading ul li:nth-child(4n+1) {
    border-left: 0;
    width: 20.57692308%;
    padding-left: 0
}

.programs .wrapper .heading ul li:nth-child(n+5) {
    padding-top: 20px
}

.programs .wrapper .heading ul:after {
    display: block;
    clear: both;
    content: ''
}

.programs .wrapper .heading .handler {
    font-weight: 300;
    font-size: 16px;
    color: #B3B3B3;
    line-height: 30px;
    margin: 0 0 0 30px;
    float: right
}

.programs .wrapper .heading .handler a {
    font-weight: 400;
    color: #3D3D3D;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.programs .wrapper .heading .handler a:after {
    font-family: FontAwesome;
    content: '\F107';
    margin: 0 0 0 8px
}

.programs .wrapper .heading .handler a:hover {
    color: #707070
}

.programs .wrapper .heading .handler a:active {
    color: #8a8a8a
}

.programs .wrapper .heading.active {
    background-color: #F7F7F7
}

.programs .wrapper .heading.active .handler a {
    color: #1946BA
}

.programs .wrapper .heading.active .handler a:after {
    content: '\F106'
}

.programs .wrapper .heading.active .handler a:hover {
    color: #2459e2
}

.programs .wrapper .heading.active .handler a:active {
    color: #163ea4
}

.programs .wrapper .heading.active .handler a:focus {
    outline-color: #7e9dee
}

.programs .wrapper .heading.active + .tiles {
    margin-top: 15px
}

.programs .wrapper .tiles {
    margin: 0 30px 0 10px;
    transition: margin-bottom .2s ease-in-out;
    -moz-transition: margin-bottom .2s ease-in-out;
    -webkit-transition: margin-bottom .2s ease-in-out
}

.programs .wrapper .tiles article {
    background-color: #F7F7F7;
    width: 23.11320755%;
    margin: 1.41509434% 0 .47169811% 1.88679245%;
    float: left
}

.programs .wrapper .tiles article h2 {
    font-weight: 300;
    font-size: 15px;
    color: #3D3D3D;
    line-height: 18px;
    padding: 20px;
    transition: height .3s ease-in-out;
    -moz-transition: height .3s ease-in-out;
    -webkit-transition: height .3s ease-in-out
}

.programs .wrapper .tiles article h2 a {
    color: #3D3D3D;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.programs .wrapper .tiles article h2 a:hover {
    color: #636363
}

.programs .wrapper .tiles article h2 a:active {
    color: #7d7d7d
}

.programs .wrapper .tiles article h2 a:focus {
    outline-color: #C1C1C1
}

.programs .wrapper .tiles article .country {
    overflow: hidden;
    font-size: 14px;
    color: #3D3D3D;
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #F0F0F0;
    padding: 10px 20px
}

.programs .wrapper .tiles article .country span {
    font-weight: 600;
    font-size: 9px;
    color: #aaa;
    line-height: 10px;
    text-transform: uppercase;
    vertical-align: middle;
    margin: 0 10px 0 0
}

.programs .wrapper .tiles article .country img {
    border: none;
    vertical-align: middle;
    margin: 0 5px 0 0
}

.programs .wrapper .tiles:after {
    display: block;
    clear: both;
    content: ''
}

.newsfeed {
    background-color: #F7F7F7
}

.newsfeed .wrapper {
    width: 1100px;
    padding: 0 0 50px;
    margin: 0 auto
}

.newsfeed .wrapper main {
    width: 63.63636364%;
    float: left
}

.newsfeed .wrapper main .heading h2 {
    width: 70px;
    position: relative;
    top: -5px;
    font-weight: 300;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 26px;
    color: #2C2C2C;
    text-align: center;
    line-height: 26px;
    padding: 25px 0 0;
    margin-bottom: -5px;
    z-index: 3;
    background: url(../_graphics/news_cap.png) left top no-repeat
}

.newsfeed .wrapper main .heading > ul {
    margin: 30px 0 0;
    padding: 0 0 7px;
    float: right
}

.newsfeed .wrapper main .heading > ul li {
    position: relative;
    border-color: transparent;
    padding: 10px 0;
    float: right;
    transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out
}

.newsfeed .wrapper main .heading > ul li a {
    display: block;
    font-size: 14px;
    color: #7B7B7B;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 14px;
    border-right: 1px solid #E2E2E2;
    padding: 0 20px;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newsfeed .wrapper main .heading > ul li a:hover {
    color: #636363
}

.newsfeed .wrapper main .heading > ul li a:active {
    color: #717171
}

.newsfeed .wrapper main .heading > ul li a:focus {
    outline-color: #B1B0B0
}

.newsfeed .wrapper main .heading > ul li:after {
    position: absolute;
    left: 50%;
    top: 34px;
    content: '\20';
    border-style: solid;
    border-width: 7px 11px;
    border-color: inherit;
    width: 0;
    height: 0;
    margin-left: -11px
}

.newsfeed .wrapper main .heading > ul li:first-child a {
    border-right: none
}

.newsfeed .wrapper main .heading > ul li.active {
    background-color: #1946BA;
    border-top-color: #1946BA;
    transition: border-top-color .2s ease-in-out;
    -moz-transition: border-top-color .2s ease-in-out;
    -webkit-transition: border-top-color .2s ease-in-out
}

.newsfeed .wrapper main .heading > ul li.active a {
    color: #fff
}

.newsfeed .wrapper main .heading > ul li.active a, .newsfeed .wrapper main .heading > ul li.active + li a {
    border-right-color: transparent
}

.newsfeed .wrapper main .heading > ul:after {
    display: block;
    clear: both;
    content: ''
}

.newsfeed .wrapper main .heading .sort {
    display: none;
    position: relative;
    margin: 20px 20px 0 0;
    padding: 0;
    float: right
}

.newsfeed .wrapper main .heading .sort ul {
    display: none;
    position: absolute;
    right: -10px;
    top: 34px;
    width: 250px;
    padding: 10px 0;
    z-index: 5;
    border-radius: 2px 0 2px 2px;
    -moz-border-radius: 2px 0 2px 2px;
    -webkit-border-radius: 2px 0 2px 2px;
    border: 1px solid #F2F2F2;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0
}

.newsfeed .wrapper main .heading .sort ul li a {
    display: block;
    font-weight: 300;
    color: #575757;
    text-decoration: none;
    border-top: 1px dotted #EBEBEB;
    line-height: 16px;
    padding: 8px 20px;
    transition: color .1s ease-in-out, background-color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out, background-color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out, background-color .1s ease-in-out;
    font-size: 14px
}

.newsfeed .wrapper main .heading .sort ul li a[target=_blank]:after {
    font-family: FontAwesome;
    content: '\F08E';
    color: #bdbdbd;
    margin: 0 0 0 7px
}

.newsfeed .wrapper main .heading .sort ul li a:hover {
    color: #2C2C2C;
    background-color: #F7F7F7;
    border-top-color: transparent
}

.newsfeed .wrapper main .heading .sort ul li a:active, .newsfeed .wrapper main .heading .sort ul li.active a {
    color: #5f5f5f;
    background-color: #FAFAFA
}

.newsfeed .wrapper main .heading .sort ul li a:focus {
    outline-color: #BDBDBD
}

.newsfeed .wrapper main .heading .sort ul li:first-child a {
    border-top: none
}

.newsfeed .wrapper main .heading .sort ul:before {
    position: absolute;
    right: 12px;
    top: -18px;
    content: '\20';
    border: 9px solid transparent;
    border-bottom-color: #F2F2F2;
    width: 0;
    height: 0
}

.newsfeed .wrapper main .heading .sort ul:after {
    position: absolute;
    right: 13px;
    top: -16px;
    content: '\20';
    border: 8px solid transparent;
    border-bottom-color: #fff;
    width: 0;
    height: 0
}

.newsfeed .wrapper main .heading .sort .resphandler {
    display: block;
    font-family: FontAwesome;
    font-size: 24px;
    color: #7E7E7E;
    line-height: 24px;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newsfeed .wrapper main .heading .sort .resphandler:hover {
    color: #585858
}

.newsfeed .wrapper main .heading .sort .resphandler:active {
    color: #656565
}

.newsfeed .wrapper main .heading .sort .resphandler.active {
    color: #EC0B43
}

.newsfeed .wrapper main .heading .sort .resphandler:focus {
    outline-color: #cbcbcb
}

.newsfeed .wrapper main .heading .sort .resphandler:after {
    content: '\F00A'
}

.newsfeed .wrapper main .heading:after {
    display: block;
    clear: both;
    content: ''
}

.newsfeed .wrapper main .feed article {
    background-color: #fff;
    width: 100%;
    padding: 20px;
    margin: 15px 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.newsfeed .wrapper main .feed article .information time {
    display: block;
    font-weight: 300;
    font-size: 12px;
    color: #9D9D9D;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 16px;
    width: 25.75757576%;
    float: left
}

.newsfeed .wrapper main .feed article .information .publicator {
    display: block;
    font-weight: 300;
    font-size: 14px;
    color: #9D9D9D;
    line-height: 16px;
    margin: 0 0 0 3.03030303%;
    width: 71.21212121%;
    float: left
}

.newsfeed .wrapper main .feed article .information a {
    color: #656565;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newsfeed .wrapper main .feed article .information a:hover {
    color: #555
}

.newsfeed .wrapper main .feed article .information a:active {
    color: #747373
}

.newsfeed .wrapper main .feed article .information a:focus {
    outline-color: #A6A6A6
}

.newsfeed .wrapper main .feed article .information a[rel=author] {
    color: #1946BA
}

.newsfeed .wrapper main .feed article .information a[rel=author]:hover {
    color: #2459e2
}

.newsfeed .wrapper main .feed article .information a[rel=author]:active {
    color: #163ea4
}

.newsfeed .wrapper main .feed article .information a[rel=author]:focus {
    outline-color: #688ceb
}

.newsfeed .wrapper main .feed article .information a[rel=author][rel]:before {
    font-family: FontAwesome;
    margin: 0 5px 0 0
}

.newsfeed .wrapper main .feed article .information a[rel=author][rel][rel=author]:before {
    content: '\F007'
}

.newsfeed .wrapper main .feed article .information a[rel=author][rel][rel=noreferrer]:before {
    content: '\F0AC'
}

.newsfeed .wrapper main .feed article .content:after, .newsfeed .wrapper main .feed article .information:after {
    display: block;
    content: '';
    clear: both
}

.newsfeed .wrapper main .feed article .content {
    margin: 20px 0 0
}

.newsfeed .wrapper main .feed article .content .cover {
    overflow: hidden;
    width: 25.75757576%;
    float: left
}

.newsfeed .wrapper main .feed article .content .cover img {
    display: block;
    border: none;
    width: 100%
}

.newsfeed .wrapper main .feed article .content .wrap {
    width: 100%;
    float: left
}

.newsfeed .wrapper main .feed article .content .wrap h3 {
    font-weight: 300;
    font-size: 22px;
    line-height: 26px
}

.newsfeed .wrapper main .feed article .content .wrap h3 a {
    color: #2C2C2C;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newsfeed .wrapper main .feed article .content .wrap h3 a:hover {
    color: #1946BA
}

.newsfeed .wrapper main .feed article .content .wrap h3 a:active {
    color: #3b6ae5
}

.newsfeed .wrapper main .feed article .content .wrap h3 a:focus {
    outline-color: #B4B4B4
}

.newsfeed .wrapper main .feed article .content .wrap p {
    font-weight: 400;
    font-size: 15px;
    color: #969696;
    line-height: 20px;
    margin: 10px 0 0
}

.newsfeed .wrapper main .feed article .content .cover + .wrap {
    width: 71.21212121%;
    margin: 0 0 0 3.03030303%
}

.newsfeed .wrapper main .feed .postload {
    text-align: center;
    width: 100%;
    margin: 20px 0 0
}

.newsfeed .wrapper main .feed .postload a {
    display: inline-block;
    font-weight: 300;
    color: #656565;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newsfeed .wrapper main .feed .postload a .icon {
    font-family: FontAwesome;
    color: #CBCBCB;
    margin: 0 10px 0 0
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.newsfeed .wrapper main .feed .postload a .icon:before {
    content: '\F021'
}

.newsfeed .wrapper main .feed .postload a:hover {
    color: #4b4b4b
}

.newsfeed .wrapper main .feed .postload a:active {
    color: #727272
}

.newsfeed .wrapper main .feed .postload a:focus {
    outline-color: #cbcbcb
}

.newsfeed .wrapper main .feed .postload a.spin {
    color: #B0B0B0
}

.newsfeed .wrapper main .feed .postload a.spin .icon {
    -webkit-animation: fa-spin 1.5s infinite linear;
    animation: fa-spin 1.5s infinite linear
}

.newsfeed .wrapper aside {
    width: 33.63636364%;
    margin: 0 0 0 2.72727273%;
    padding: 30px 0 0;
    float: left
}

.newsfeed .wrapper aside .subscribe {
    background-color: #5374CB;
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.newsfeed .wrapper aside .subscribe h3 {
    font-weight: 300;
    font-size: 24px;
    color: #fff;
    line-height: 28px
}

.newsfeed .wrapper aside .subscribe .form {
    margin: 20px 0 0
}

.newsfeed .wrapper aside .subscribe .form .field button {
    display: block;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #fff;
    line-height: 14px;
    cursor: pointer;
    background: #EF154B;
    background: -moz-linear-gradient(top, #EF154B 0, #D9093D 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EF154B), color-stop(100%, #D9093D));
    background: -webkit-linear-gradient(top, #EF154B 0, #D9093D 100%);
    background: -o-linear-gradient(top, #EF154B 0, #D9093D 100%);
    background: -ms-linear-gradient(top, #EF154B 0, #D9093D 100%);
    background: linear-gradient(to bottom, #EF154B 0, #D9093D 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EF154B', endColorstr='#D9093D', GradientType=0);
    outline-width: 1px;
    border: none;
    padding: 13px 35px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    transition: box-shadow .3s ease-in-out;
    -moz-transition: box-shadow .3s ease-in-out;
    -webkit-transition: box-shadow .3s ease-in-out
}

.newsfeed .wrapper aside .subscribe .form .field button:hover {
    background: #F61950;
    background: -moz-linear-gradient(top, #F61950 0, #ED1046 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ED1046), color-stop(100%, #ED1046));
    background: -webkit-linear-gradient(top, #F61950 0, #ED1046 100%);
    background: -o-linear-gradient(top, #F61950 0, #ED1046 100%);
    background: -ms-linear-gradient(top, #F61950 0, #ED1046 100%);
    background: linear-gradient(to bottom, #F61950 0, #ED1046 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F61950', endColorstr='#ED1046', GradientType=0)
}

.newsfeed .wrapper aside .subscribe .form .field button:active {
    background: #E11346;
    box-shadow: inset 0 1px 3px #D00F3F;
    -moz-box-shadow: inset 0 1px 3px #D00F3F;
    -webkit-box-shadow: inset 0 1px 3px #D00F3F
}

.newsfeed .wrapper aside .subscribe .form .field button:focus {
    outline-color: #F43161
}

.newsfeed .wrapper aside .subscribe .form .field .control {
    position: relative;
    display: block;
    background-color: #fff;
    width: 100%;
    height: 37px;
    padding: 5px 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.newsfeed .wrapper aside .subscribe .form .field .control .icon {
    display: block;
    font-weight: 400;
    font-family: FontAwesome;
    font-style: normal;
    font-size: 18px;
    color: #2C2C2C;
    text-align: center;
    line-height: 27px;
    border-right: 1px solid #E4E4E4;
    width: 20px;
    padding: 0 9px 0 0;
    margin: 0 12px 0 0;
    float: left
}

.newsfeed .wrapper aside .subscribe .form .field .control .icon.mail:before {
    content: '\F0E0'
}

.newsfeed .wrapper aside .subscribe .form .field .control .icon.password:before {
    content: '\F069'
}

.newsfeed .wrapper aside .subscribe .form .field .control .icon.user:before {
    content: '\F007'
}

.newsfeed .wrapper aside .subscribe .form .field .control input {
    position: absolute;
    left: 0;
    top: 5px;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #2C2C2C;
    background: 0 0;
    border: none;
    width: 100%;
    height: 27px;
    padding: 0 10px;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.newsfeed .wrapper aside .subscribe .form .field .control .icon + input {
    padding-left: 52px
}

.newsfeed .wrapper aside .subscribe .form .field .control:after {
    display: block;
    clear: both;
    content: ''
}

.newsfeed .wrapper aside .subscribe .form .field .control:first-child {
    margin: 0
}

.newsfeed .wrapper aside .subscribe .form .field:nth-child(1) {
    border-bottom: 1px solid #fff
}

.newsfeed .wrapper aside .subscribe .form .field:nth-child(2) {
    position: relative;
    top: -1px;
    border-top: 1px dashed #E4E4E4;
    margin-bottom: -1px
}

.newsfeed .wrapper aside .subscribe .form .field:nth-child(3) {
    margin: 20px 0 0
}

.newsfeed .wrapper aside .subscribe .notice {
    color: #5C5C5C;
    background-color: #F3F3F3;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 15px 20px;
    margin: 20px 0 0
}

.newsfeed .wrapper aside .subscribe .notice h4 {
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: none;
    padding: 0;
    margin: 0
}

.newsfeed .wrapper aside .subscribe .notice h4:before {
    font-family: FontAwesome;
    font-size: 20px;
    color: #BEBEBE;
    content: '\F129';
    vertical-align: middle;
    margin: 0 20px 0 0
}

.newsfeed .wrapper aside .subscribe .notice .close {
    display: none;
    font-family: FontAwesome;
    font-size: 18px;
    color: #D6D6D6;
    text-decoration: none;
    line-height: 20px;
    margin: 0 0 0 20px;
    float: right;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newsfeed .wrapper aside .subscribe .notice .close:hover {
    color: #9D9D9D
}

.newsfeed .wrapper aside .subscribe .notice .close:active {
    color: #ADACAC
}

.newsfeed .wrapper aside .subscribe .notice .close:focus {
    outline-color: #D2D2D2
}

.newsfeed .wrapper aside .subscribe .notice .close:before {
    content: '\F00D'
}

.newsfeed .wrapper aside .subscribe .notice:after {
    display: block;
    clear: both;
    content: ''
}

.newsfeed .wrapper aside .subscribe .notice.success {
    color: #799D27;
    background-color: #C9EA7F
}

.newsfeed .wrapper aside .subscribe .notice.success h4 {
    color: #799D27
}

.newsfeed .wrapper aside .subscribe .notice.success h4:before {
    color: #A4C854;
    content: '\F00C'
}

.newsfeed .wrapper aside .subscribe .notice.success .close {
    color: #ABD451
}

.newsfeed .wrapper aside .subscribe .notice.success .close:hover {
    color: #85AA33
}

.newsfeed .wrapper aside .subscribe .notice.success .close:active {
    color: #90B63D
}

.newsfeed .wrapper aside .subscribe .notice.success .close:focus {
    outline-color: #A4C754
}

.newsfeed .wrapper aside .subscribe .notice.warning {
    color: #A22746;
    background-color: #F585A1
}

.newsfeed .wrapper aside .subscribe .notice.warning h4 {
    color: #A22746
}

.newsfeed .wrapper aside .subscribe .notice.warning h4:before {
    color: #CD607C;
    content: '\F12A'
}

.newsfeed .wrapper aside .subscribe .notice.warning .close {
    color: #D76985
}

.newsfeed .wrapper aside .subscribe .notice.warning .close:hover {
    color: #B4405D
}

.newsfeed .wrapper aside .subscribe .notice.warning .close:active {
    color: #C04B68
}

.newsfeed .wrapper aside .subscribe .notice.warning .close:focus {
    outline-color: #C84969
}

.newsfeed .wrapper aside .events {
    background-color: #fff;
    width: 100%;
    padding: 25px 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.newsfeed .wrapper aside .events .heading h3 {
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 28px
}

.newsfeed .wrapper aside .events .heading a {
    display: inline-block;
    font-weight: 300;
    font-size: 16px;
    text-decoration: none;
    line-height: 28px;
    float: right;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newsfeed .wrapper aside .events .heading a:hover {
    color: #3b6ae5
}

.newsfeed .wrapper aside .events .heading a:active {
    color: #163ea4
}

.newsfeed .wrapper aside .events .heading a:focus {
    outline-color: #ACACAC
}

.newsfeed .wrapper aside .events .heading a:before {
    color: #CBCBCB;
    content: '\7C';
    margin: 0 15px 0 0
}

.newsfeed .wrapper aside .events .heading:after, .newsfeed .wrapper aside .events .list .item:after, .newsfeed .wrapper:after {
    content: '';
    clear: both;
    display: block
}

.newsfeed .wrapper aside .events .list {
    margin: 20px 0 0
}

.newsfeed .wrapper aside .events .list .item {
    position: relative
}

.newsfeed .wrapper aside .events .list .item .date {
    display: block;
    font-weight: 400;
    font-size: 10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    line-height: 12px;
    background-color: #EC0B43;
    width: 50px;
    height: 36px;
    padding: 7px 0;
    float: left
}

.newspage, .newspage .wrapper {
    background-color: #fff
}

.newsfeed .wrapper aside .events .list .item .date span {
    display: block;
    font-weight: 600;
    font-size: 24px;
    line-height: 24px
}

.newsfeed .wrapper aside .events .list .item .description {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.newsfeed .wrapper aside .events .list .item .description h4 {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.newsfeed .wrapper aside .events .list .item .description h4 a {
    color: #585858;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newsfeed .wrapper aside .events .list .item .description h4 a:hover {
    color: #3F3F3F
}

.newsfeed .wrapper aside .events .list .item .description h4 a:active {
    color: #616161
}

.newsfeed .wrapper aside .events .list .item .description h4 a:focus {
    outline-color: #B4B4B4
}

.newsfeed .wrapper aside .events .list .item .description time {
    display: block;
    font-weight: 300;
    font-size: 12px;
    color: #9D9D9D;
    line-height: 12px;
    margin: 8px 0 0
}

.newsfeed .wrapper aside .events .list .item div + .description {
    padding-left: 70px
}

.newsfeed .wrapper aside .events .list .item:not(:first-child) {
    margin: 20px 0 0
}

.newsfeed .wrapper aside > section:not(:first-child) {
    margin: 30px 0 0
}

.newspage .wrapper {
    position: relative;
    top: -20px;
    width: 1100px;
    margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 0 !important
}

.newspage .wrapper main {
    width: 66.36363636%;
    float: left
}

.newspage .wrapper main .poster {
    overflow: hidden;
    position: relative;
    min-height: 420px;
    max-height: 420px;
    background: url(../_graphics/preloader.gif) center 40% no-repeat #404040
}

.newspage .wrapper main .poster img {
    display: block;
    position: relative;
    border: none;
    width: 100%;
    z-index: 1;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0
}

.newspage .wrapper main .poster .copyinfo {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 300;
    font-size: 12px;
    color: #fff;
    cursor: default;
    line-height: 16px;
    background-color: transparent;
    width: 330px;
    padding: 20px 25px;
    z-index: 2;
    transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out
}

.newspage .wrapper main .poster .copyinfo > div {
    width: 276px;
    margin: 0 20px 0 0;
    float: right;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out
}

.newspage .wrapper main .poster .copyinfo .handle {
    display: block;
    font-family: FontAwesome;
    font-size: 16px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 30px;
    border: 2px solid #fff;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    float: right;
    transition: color .1s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -moz-transition: color .1s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -webkit-transition: color .1s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out
}

.newspage .wrapper main .poster .copyinfo .handle:hover {
    color: #2C2C2C;
    background-color: #fff
}

.newspage .wrapper main .poster .copyinfo .handle:active {
    background-color: #E5E5E5;
    border-color: #E5E5E5
}

.newspage .wrapper main .poster .copyinfo .handle:focus {
    outline-color: #767676
}

.newspage .wrapper main .viewarea .charms > ul > li a:focus, .newspage .wrapper main .viewarea .paper .wrap article .tags li a:focus {
    outline-color: #688ceb
}

.newspage .wrapper main .poster .copyinfo .handle:after {
    content: '\F129'
}

.newspage .wrapper main .poster .copyinfo.active {
    background-color: #906EC7;
    background-color: rgba(0, 0, 0, .5);
    width: 330px;
    height: auto
}

.newspage .wrapper main .poster .copyinfo.active .handle {
    color: #2C2C2C;
    background-color: #fff
}

.newspage .wrapper main .poster .copyinfo.active .handle:active {
    background-color: #E5E5E5;
    border-color: #E5E5E5
}

.newspage .wrapper main .poster .copyinfo.active > div {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1
}

.newspage .wrapper main .poster .copyinfo:after {
    display: block;
    clear: both;
    content: ''
}

.newspage .wrapper main .poster.noimage {
    background: #F7F7F7;
    height: 420px
}

.newspage .wrapper main .poster.noimage:after {
    display: block;
    font-family: FontAwesome;
    font-size: 140px;
    color: #EBEBEB;
    text-align: center;
    line-height: 420px;
    content: '\F030'
}

.newspage .wrapper main .poster.loaded {
    background-image: none;
    min-height: 0
}

.newspage .wrapper main .poster.broken {
    background: url(../_graphics/broken.png) center 40% no-repeat #404040;
    background-image: url(../_svg/broken.svg), none
}

.newspage .wrapper main .viewarea .charms {
    position: relative;
    text-align: right;
    width: 120px;
    padding: 30px 0;
    z-index: 4;
    float: left
}

.newspage .wrapper main .viewarea .charms > ul > li {
    font-weight: 600;
    font-size: 13px;
    color: #2C2C2C;
    margin: 30px 0 0
}

.newspage .wrapper main .viewarea .charms > ul > li h6 {
    font-weight: 600;
    font-size: 11px;
    color: #898989;
    line-height: 12px;
    text-transform: uppercase;
    margin: 0 0 8px
}

.newspage .wrapper main .viewarea .charms > ul > li time {
    display: block;
    text-transform: uppercase
}

.newspage .wrapper main .viewarea .charms > ul > li a {
    display: inline-block;
    text-decoration: none;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newspage .wrapper main .viewarea .charms > ul > li a:hover {
    color: #2459e2
}

.newspage .wrapper main .viewarea .charms > ul > li a:active {
    color: #163ea4
}

.newspage .wrapper main .viewarea .charms > ul > li a[rel]:before {
    font-family: FontAwesome;
    margin: 0 5px 0 0
}

.newspage .wrapper main .viewarea .charms > ul > li a[rel][rel=author]:before {
    content: '\F007'
}

.newspage .wrapper main .viewarea .charms > ul > li a[rel][rel=noreferrer]:before {
    content: '\F0AC'
}

.newspage .wrapper main .viewarea .charms > ul > li .social {
    padding: 5px 0 0
}

.newspage .wrapper main .viewarea .charms > ul > li .social li {
    margin: 10px 0 0
}

.newspage .wrapper main .viewarea .charms > ul > li .social li:first-child, .newspage .wrapper main .viewarea .charms > ul > li:first-child {
    margin: 0
}

.newspage .wrapper main .viewarea .charms > ul > li .social li a {
    display: block;
    text-align: center;
    line-height: 28px;
    background-color: #C6C6C6;
    width: 28px;
    height: 28px;
    float: right;
    transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out
}

.newspage .wrapper main .viewarea .charms > ul > li .social li a:before {
    font-family: FontAwesome;
    font-weight: 400;
    font-size: 16px;
    color: #fff
}

.newspage .wrapper main .viewarea .charms > ul > li .social li a.facebook:hover {
    background-color: #2C62B1
}

.newspage .wrapper main .viewarea .charms > ul > li .social li a.facebook:active {
    background-color: #316dc5
}

.newspage .wrapper main .viewarea .charms > ul > li .social li a.facebook:before {
    content: '\F09A'
}

.newspage .wrapper main .viewarea .charms > ul > li .social li a.twitter:hover {
    background-color: #2CA7E0
}

.newspage .wrapper main .viewarea .charms > ul > li .social li a.twitter:active {
    background-color: #42b0e3
}

.newspage .wrapper main .viewarea .charms > ul > li .social li a.twitter:before {
    content: '\F099'
}

.newspage .wrapper main .viewarea .charms > ul > li .social li a.google:hover {
    background-color: #E0624C
}

.newspage .wrapper main .viewarea .charms > ul > li .social li a.google:active {
    background-color: #e47562
}

.newspage .wrapper main .viewarea .charms > ul > li .social li a.google:before {
    content: '\F0D5'
}

.newspage .wrapper main .viewarea .charms > ul > li .social li:after, .newspage .wrapper main .viewarea .paper .wrap article .tags:after {
    display: block;
    content: '';
    clear: both
}

.newspage .wrapper main .viewarea .charms > ul > li .social:hover li a {
    background-color: #B3B3B3
}

.newspage .wrapper main .viewarea .paper {
    width: 100%;
    margin-left: -120px;
    float: left
}

.newspage .wrapper main .viewarea .paper .wrap {
    position: relative;
    top: -70px;
    background: #fff;
    min-height: 70px;
    padding: 0 0 30px;
    margin: 0 0 -70px 120px;
    z-index: 3
}

.newspage .wrapper main .viewarea .paper .wrap article {
    padding: 0 30px;
    margin: 15px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article h1 {
    font-weight: 600;
    font-size: 32px;
    color: #2C2C2C;
    line-height: 40px
}

.newspage .wrapper main .viewarea .paper .wrap article .tags {
    position: relative;
    left: -5px;
    margin: 15px -10px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .tags li {
    margin: 10px 5px 0;
    float: left
}

.newspage .wrapper main .viewarea .paper .wrap article .tags li a {
    display: block;
    font-size: 12px;
    color: #1946BA;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 13px;
    border: 1px solid #1c4ed0;
    padding: 5px 10px;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out
}

.newspage .wrapper main .viewarea .paper .wrap article .tags li a:hover {
    color: #fff;
    background-color: #1c4ed0;
    border-color: #1c4ed0
}

.newspage .wrapper main .viewarea .paper .wrap article .tags li a:active {
    background-color: #163ea4;
    border-color: #163ea4
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation {
    font-weight: 600;
    font-size: 16px;
    color: #464646;
    line-height: 24px;
    margin: 25px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a {
    text-indent: 0;
    text-decoration: underline;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a:hover {
    color: #3b6ae5
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a:active {
    color: #163ea4
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a:focus {
    outline-color: #ACACAC
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a i {
    margin: 0 0 0 5px
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[target=_blank]:after {
    display: inline;
    font-family: FontAwesome;
    content: '\A0\F08E'
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".pdf"]:before, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".doc"]:before, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".docx"]:before, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".ppt"]:before, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".pptx"]:before {
    display: inline-block;
    font-family: Kotebelle;
    font-size: 1.6em;
    vertical-align: middle;
    margin: 0 4px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".pdf"] {
    color: #F62B2B
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".pdf"]:before {
    content: '\E001'
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".pdf"]:hover {
    color: #FF4D4D
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".pdf"]:active {
    color: #E92525
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".pdf"]:focus {
    outline-color: #FFCDCD
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".doc"], .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".docx"] {
    color: #2A5598
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".doc"]:before, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".docx"]:before {
    content: '\E000'
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".doc"]:hover, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".docx"]:hover {
    color: #3665AD
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".doc"]:active, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".docx"]:active {
    color: #234D8D
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".doc"]:focus, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".docx"]:focus {
    outline-color: #ACC8F4
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".ppt"], .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".pptx"] {
    color: #E65618
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".ppt"]:before, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".pptx"]:before {
    content: '\E002'
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".ppt"]:hover, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".pptx"]:hover {
    color: #F56526
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".ppt"]:active, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".pptx"]:active {
    color: #D84E13
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".ppt"]:focus, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$=".pptx"]:focus {
    outline-color: #FFCBB4
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$="?"]:after, .newspage .wrapper main .viewarea .paper .wrap article .annotation a[href$="?"]:before {
    display: none
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation h1 {
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 30px 0 20px
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation h1:first-child {
    margin-top: 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation h2 {
    font-weight: 600;
    font-size: 20px;
    color: #2C2C2C;
    line-height: 26px;
    margin: 25px 0 15px
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation h3 {
    font-weight: 600;
    font-size: 18px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 20px 0 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation h4 {
    font-weight: 400;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 16px;
    color: #2C2C2C;
    text-transform: uppercase;
    line-height: 16px;
    margin: 15px 0 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation h5 {
    font-weight: 600;
    font-size: 14px;
    color: #7F7F7F;
    line-height: 18px;
    text-transform: uppercase;
    margin: 15px 0 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation p {
    text-align: justify
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation p:not(:nth-last-of-type(1)) {
    margin: 15px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation strong {
    font-weight: 600
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation img {
    border: none;
    max-width: 100%;
    height: auto
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation .column {
    float: left
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation .column.one-half {
    width: 48.63636364%;
    margin: 0 2.72727273% 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation .column.one-third {
    width: 31.81818182%;
    margin: 0 2.27272727% 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation .column.one-fourth {
    width: 23.63636364%;
    margin: 0 1.81818182% 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation .column.last {
    margin: 0
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation .column.last + .clear {
    display: block;
    clear: both;
    content: ''
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation ol, .newspage .wrapper main .viewarea .paper .wrap article .annotation ul:not(.relinks) {
    margin: 5px 0 0 30px
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation ol li, .newspage .wrapper main .viewarea .paper .wrap article .annotation ul:not(.relinks) li {
    margin: 2px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation ol li:first-child, .newspage .wrapper main .viewarea .paper .wrap article .annotation ul:not(.relinks) li:first-child {
    margin: 0
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation ul:not(.relinks) {
    list-style-type: none
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation ul:not(.relinks) li {
    position: relative
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation ul:not(.relinks) li:before {
    display: block;
    position: absolute;
    left: -30px;
    top: 3px;
    font-family: FontAwesome;
    content: '\F10C';
    color: #5374CB;
    text-align: center;
    line-height: 22px;
    width: 20px
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation ol {
    list-style-type: decimal
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation h1 + ol, .newspage .wrapper main .viewarea .paper .wrap article .annotation h1 + p, .newspage .wrapper main .viewarea .paper .wrap article .annotation h1 + ul, .newspage .wrapper main .viewarea .paper .wrap article .annotation h2 + ol, .newspage .wrapper main .viewarea .paper .wrap article .annotation h2 + p, .newspage .wrapper main .viewarea .paper .wrap article .annotation h2 + ul, .newspage .wrapper main .viewarea .paper .wrap article .annotation h3 + ol, .newspage .wrapper main .viewarea .paper .wrap article .annotation h3 + p, .newspage .wrapper main .viewarea .paper .wrap article .annotation h3 + ul, .newspage .wrapper main .viewarea .paper .wrap article .annotation h4 + ol, .newspage .wrapper main .viewarea .paper .wrap article .annotation h4 + p, .newspage .wrapper main .viewarea .paper .wrap article .annotation h4 + ul, .newspage .wrapper main .viewarea .paper .wrap article .annotation h5 + ol, .newspage .wrapper main .viewarea .paper .wrap article .annotation h5 + p, .newspage .wrapper main .viewarea .paper .wrap article .annotation h5 + ul {
    margin-top: 0 !important
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation iframe, .newspage .wrapper main .viewarea .paper .wrap article .annotation video {
    max-width: 100%
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation hr {
    border: none;
    border-top: 1px dotted #ccc;
    height: 0;
    padding: 0;
    margin: 20px 0
}

.newspage .wrapper main .viewarea .paper .wrap article .annotation:after {
    display: block;
    clear: both;
    content: ''
}

.newspage .wrapper main .viewarea .paper .wrap article .stripe {
    border: none;
    border-top: 1px solid #E8E8E8;
    padding: 0;
    margin: 20px 0 30px
}

.newspage .wrapper main .viewarea .paper .wrap article .content {
    font-weight: 400;
    font-size: 14px;
    color: #2C2C2C;
    line-height: 25px
}

.newspage .wrapper main .viewarea .paper .wrap article .content a {
    text-indent: 0;
    text-decoration: underline;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newspage .wrapper main .viewarea .paper .wrap article .content a:hover {
    color: #3b6ae5
}

.newspage .wrapper main .viewarea .paper .wrap article .content a:active {
    color: #163ea4
}

.newspage .wrapper main .viewarea .paper .wrap article .content a:focus {
    outline-color: #ACACAC
}

.newspage .wrapper main .viewarea .paper .wrap article .content a i {
    margin: 0 0 0 5px
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[target=_blank]:after {
    display: inline;
    font-family: FontAwesome;
    content: '\A0\F08E'
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".pdf"]:before, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".doc"]:before, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".docx"]:before, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".ppt"]:before, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".pptx"]:before {
    display: inline-block;
    font-family: Kotebelle;
    font-size: 1.6em;
    vertical-align: middle;
    margin: 0 4px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".pdf"] {
    color: #F62B2B
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".pdf"]:before {
    content: '\E001'
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".pdf"]:hover {
    color: #FF4D4D
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".pdf"]:active {
    color: #E92525
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".pdf"]:focus {
    outline-color: #FFCDCD
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".doc"], .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".docx"] {
    color: #2A5598
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".doc"]:before, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".docx"]:before {
    content: '\E000'
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".doc"]:hover, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".docx"]:hover {
    color: #3665AD
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".doc"]:active, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".docx"]:active {
    color: #234D8D
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".doc"]:focus, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".docx"]:focus {
    outline-color: #ACC8F4
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".ppt"], .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".pptx"] {
    color: #E65618
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".ppt"]:before, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".pptx"]:before {
    content: '\E002'
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".ppt"]:hover, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".pptx"]:hover {
    color: #F56526
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".ppt"]:active, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".pptx"]:active {
    color: #D84E13
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".ppt"]:focus, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$=".pptx"]:focus {
    outline-color: #FFCBB4
}

.newspage .wrapper main .viewarea .paper .wrap article .content a[href$="?"]:after, .newspage .wrapper main .viewarea .paper .wrap article .content a[href$="?"]:before {
    display: none
}

.newspage .wrapper main .viewarea .paper .wrap article .content h1 {
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 30px 0 20px
}

.newspage .wrapper main .viewarea .paper .wrap article .content h1:first-child {
    margin-top: 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .content h2 {
    font-weight: 600;
    font-size: 20px;
    color: #2C2C2C;
    line-height: 26px;
    margin: 25px 0 15px
}

.newspage .wrapper main .viewarea .paper .wrap article .content h3 {
    font-weight: 600;
    font-size: 18px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 20px 0 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .content h4 {
    font-weight: 400;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 16px;
    color: #2C2C2C;
    text-transform: uppercase;
    line-height: 16px;
    margin: 15px 0 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .content h5 {
    font-weight: 600;
    font-size: 14px;
    color: #7F7F7F;
    line-height: 18px;
    text-transform: uppercase;
    margin: 15px 0 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .content p {
    text-align: justify
}

.newspage .wrapper main .viewarea .paper .wrap article .content p:not(:nth-last-of-type(1)) {
    margin: 15px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .content strong {
    font-weight: 600
}

.newspage .wrapper main .viewarea .paper .wrap article .content img {
    border: none;
    max-width: 100%;
    height: auto
}

.newspage .wrapper main .viewarea .paper .wrap article .content .column {
    float: left
}

.newspage .wrapper main .viewarea .paper .wrap article .content .column.one-half {
    width: 48.63636364%;
    margin: 0 2.72727273% 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .content .column.one-third {
    width: 31.81818182%;
    margin: 0 2.27272727% 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .content .column.one-fourth {
    width: 23.63636364%;
    margin: 0 1.81818182% 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .content .column.last {
    margin: 0
}

.newspage .wrapper main .viewarea .paper .wrap article .content .column.last + .clear {
    display: block;
    clear: both;
    content: ''
}

.newspage .wrapper main .viewarea .paper .wrap article .content ol, .newspage .wrapper main .viewarea .paper .wrap article .content ul:not(.relinks) {
    margin: 5px 0 0 30px
}

.newspage .wrapper main .viewarea .paper .wrap article .content ol li, .newspage .wrapper main .viewarea .paper .wrap article .content ul:not(.relinks) li {
    margin: 2px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .content ol li:first-child, .newspage .wrapper main .viewarea .paper .wrap article .content ul:not(.relinks) li:first-child {
    margin: 0
}

.newspage .wrapper main .viewarea .paper .wrap article .content ul:not(.relinks) {
    list-style-type: none
}

.newspage .wrapper main .viewarea .paper .wrap article .content ul:not(.relinks) li {
    position: relative
}

.newspage .wrapper main .viewarea .paper .wrap article .content ul:not(.relinks) li:before {
    display: block;
    position: absolute;
    left: -30px;
    top: 3px;
    font-family: FontAwesome;
    content: '\F10C';
    color: #5374CB;
    text-align: center;
    line-height: 22px;
    width: 20px
}

.newspage .wrapper main .viewarea .paper .wrap article .content ol {
    list-style-type: decimal
}

.newspage .wrapper main .viewarea .paper .wrap article .content h1 + ol, .newspage .wrapper main .viewarea .paper .wrap article .content h1 + p, .newspage .wrapper main .viewarea .paper .wrap article .content h1 + ul, .newspage .wrapper main .viewarea .paper .wrap article .content h2 + ol, .newspage .wrapper main .viewarea .paper .wrap article .content h2 + p, .newspage .wrapper main .viewarea .paper .wrap article .content h2 + ul, .newspage .wrapper main .viewarea .paper .wrap article .content h3 + ol, .newspage .wrapper main .viewarea .paper .wrap article .content h3 + p, .newspage .wrapper main .viewarea .paper .wrap article .content h3 + ul, .newspage .wrapper main .viewarea .paper .wrap article .content h4 + ol, .newspage .wrapper main .viewarea .paper .wrap article .content h4 + p, .newspage .wrapper main .viewarea .paper .wrap article .content h4 + ul, .newspage .wrapper main .viewarea .paper .wrap article .content h5 + ol, .newspage .wrapper main .viewarea .paper .wrap article .content h5 + p, .newspage .wrapper main .viewarea .paper .wrap article .content h5 + ul {
    margin-top: 0 !important
}

.newspage .wrapper main .viewarea .paper .wrap article .content iframe, .newspage .wrapper main .viewarea .paper .wrap article .content video {
    max-width: 100%
}

.newspage .wrapper main .viewarea .paper .wrap article .content hr {
    border: none;
    border-top: 1px dotted #ccc;
    height: 0;
    padding: 0;
    margin: 20px 0
}

.newspage .wrapper main .viewarea .paper .wrap article .content:after {
    display: block;
    clear: both;
    content: ''
}

.newspage .wrapper main .viewarea .paper .wrap article .timeframe {
    margin: 30px 0;
    background: url(../_graphics/dotline.png) left center repeat-x;
    background-image: url(../_svg/dotline.svg), none
}

.newspage .wrapper main .viewarea .paper .wrap article .timeframe .period {
    position: relative;
    font-weight: 600;
    font-size: 10px;
    color: #7F7F7F;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 10px;
    background-color: #fff;
    border: 2px solid #EDEDED;
    padding: 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .timeframe .period time {
    display: block;
    font-weight: 400;
    font-size: 14px;
    color: #EC0B43;
    line-height: 16px;
    text-transform: none;
    margin: 5px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .timeframe .period:before {
    position: absolute;
    top: 50%;
    content: '\20';
    background-color: #fff;
    border: 2px solid #EDEDED;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.newspage .wrapper main .viewarea .paper .wrap article .timeframe .period.from {
    float: left
}

.newspage .wrapper main .viewarea .paper .wrap article .timeframe .period.from:before {
    right: -5px
}

.newspage .wrapper main .viewarea .paper .wrap article .timeframe .period.to {
    float: right
}

.newspage .wrapper main .viewarea .paper .wrap article .timeframe .period.to:before {
    left: -5px
}

.newspage .wrapper main .viewarea .paper .wrap article .timeframe:after {
    display: block;
    clear: both;
    content: ''
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes {
    margin: 10px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item {
    border: 1px solid #EDEDED;
    width: 48%;
    padding: 15px 20px;
    margin: 20px 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item h4 {
    font-weight: 300;
    font-size: 14px;
    color: #B6B6B6;
    line-height: 16px
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents {
    margin: 15px 0 0;
    font-weight: 400;
    font-size: 14px;
    color: #2C2C2C;
    line-height: 25px
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a {
    text-indent: 0;
    text-decoration: underline;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a:hover {
    color: #3b6ae5
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a:active {
    color: #163ea4
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a:focus {
    outline-color: #ACACAC
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a i {
    margin: 0 0 0 5px
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[target=_blank]:after {
    display: inline;
    font-family: FontAwesome;
    content: '\A0\F08E'
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".pdf"]:before, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".doc"]:before, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".docx"]:before, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".ppt"]:before, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".pptx"]:before {
    display: inline-block;
    font-family: Kotebelle;
    font-size: 1.6em;
    vertical-align: middle;
    margin: 0 4px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".pdf"] {
    color: #F62B2B
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".pdf"]:before {
    content: '\E001'
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".pdf"]:hover {
    color: #FF4D4D
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".pdf"]:active {
    color: #E92525
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".pdf"]:focus {
    outline-color: #FFCDCD
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".doc"], .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".docx"] {
    color: #2A5598
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".doc"]:before, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".docx"]:before {
    content: '\E000'
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".doc"]:hover, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".docx"]:hover {
    color: #3665AD
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".doc"]:active, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".docx"]:active {
    color: #234D8D
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".doc"]:focus, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".docx"]:focus {
    outline-color: #ACC8F4
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".ppt"], .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".pptx"] {
    color: #E65618
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".ppt"]:before, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".pptx"]:before {
    content: '\E002'
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".ppt"]:hover, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".pptx"]:hover {
    color: #F56526
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".ppt"]:active, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".pptx"]:active {
    color: #D84E13
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".ppt"]:focus, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$=".pptx"]:focus {
    outline-color: #FFCBB4
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$="?"]:after, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents a[href$="?"]:before {
    display: none
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h1 {
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 30px 0 20px
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h1:first-child {
    margin-top: 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h2 {
    font-weight: 600;
    font-size: 20px;
    color: #2C2C2C;
    line-height: 26px;
    margin: 25px 0 15px
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h3 {
    font-weight: 600;
    font-size: 18px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 20px 0 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h4 {
    font-weight: 400;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 16px;
    color: #2C2C2C;
    text-transform: uppercase;
    line-height: 16px;
    margin: 15px 0 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h5 {
    font-weight: 600;
    font-size: 14px;
    color: #7F7F7F;
    line-height: 18px;
    text-transform: uppercase;
    margin: 15px 0 10px
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents p {
    text-align: justify
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents p:not(:nth-last-of-type(1)) {
    margin: 15px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents strong {
    font-weight: 600
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents img {
    border: none;
    max-width: 100%;
    height: auto
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents .column {
    float: left
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents .column.one-half {
    width: 48.63636364%;
    margin: 0 2.72727273% 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents .column.one-third {
    width: 31.81818182%;
    margin: 0 2.27272727% 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents .column.one-fourth {
    width: 23.63636364%;
    margin: 0 1.81818182% 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents .column.last {
    margin: 0
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents .column.last + .clear {
    display: block;
    clear: both;
    content: ''
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents ol, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents ul:not(.relinks) {
    margin: 5px 0 0 30px
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents ol li, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents ul:not(.relinks) li {
    margin: 2px 0 0
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents ol li:first-child, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents ul:not(.relinks) li:first-child {
    margin: 0
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents ul:not(.relinks) {
    list-style-type: none
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents ul:not(.relinks) li {
    position: relative
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents ul:not(.relinks) li:before {
    display: block;
    position: absolute;
    left: -30px;
    top: 3px;
    font-family: FontAwesome;
    content: '\F10C';
    color: #5374CB;
    text-align: center;
    line-height: 22px;
    width: 20px
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents:after, .newspage .wrapper main .viewarea:after {
    display: block;
    content: '';
    clear: both
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents ol {
    list-style-type: decimal
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h1 + ol, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h1 + p, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h1 + ul, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h2 + ol, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h2 + p, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h2 + ul, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h3 + ol, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h3 + p, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h3 + ul, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h4 + ol, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h4 + p, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h4 + ul, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h5 + ol, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h5 + p, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents h5 + ul {
    margin-top: 0 !important
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents iframe, .newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents video {
    max-width: 100%
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .item .contents hr {
    border: none;
    border-top: 1px dotted #ccc;
    height: 0;
    padding: 0;
    margin: 20px 0
}

.newspage .wrapper main .viewarea .paper .wrap article .infoboxes .gutter {
    width: 4%
}

.newspage .wrapper main .viewarea .paper .wrap .category {
    font-weight: 700;
    font-size: 11px;
    color: #999;
    text-transform: uppercase;
    line-height: 11px;
    text-align: right;
    border-top: 3px solid #D9D9D9;
    padding: 10px 30px 0
}

.newspage .wrapper main .viewarea .paper .wrap .category.gray {
    color: #726B68;
    border-top-color: #726B68
}

.newspage .wrapper main .viewarea .paper .wrap .category.violet {
    color: #7852C9;
    border-top-color: #7852C9
}

.newspage .wrapper main .viewarea .paper .wrap .category.green {
    color: #94D600;
    border-top-color: #94D600
}

.newspage .wrapper main .viewarea .paper .wrap .category.lightblue {
    color: #3DB5E6;
    border-top-color: #3DB5E6
}

.newspage .wrapper main .viewarea .paper .wrap .category.orange {
    color: #FF8400;
    border-top-color: #FF8400
}

.newspage .wrapper main .viewarea .paper .wrap .category.red {
    color: #EC0B43;
    border-top-color: #EC0B43
}

.newspage .wrapper main .viewarea .paper .wrap .category.blue {
    color: #1946BA;
    border-top-color: #1946BA
}

.newspage .wrapper aside {
    width: 33.63636364%;
    float: left
}

.newspage .wrapper aside .announces {
    background-color: #F7F7F7;
    padding: 30px 0
}

.newspage .wrapper aside .announces .legend {
    display: table;
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.newspage .wrapper aside .announces .legend li {
    display: table-cell
}

.newspage .wrapper aside .announces .legend li a {
    display: block;
    font-weight: 300;
    font-size: 14px;
    color: #1946BA;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 28px;
    border: 1px solid #1946BA;
    transition: color .1s ease-in-out, background-color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out, background-color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out, background-color .1s ease-in-out
}

.newspage .wrapper aside .announces .legend li a:hover {
    color: #fff;
    background-color: #2459e2
}

.newspage .wrapper aside .announces .legend li a:active {
    background-color: #1946BA
}

.newspage .wrapper aside .announces .legend li a:focus {
    outline-color: #7e9dee
}

.newspage .wrapper aside .announces .legend li.active a {
    color: #fff;
    background-color: #2459e2
}

.newspage .wrapper aside .announces .legend li:not(:first-child) a {
    border-left: none
}

.newspage .wrapper aside .announces .legend li:first-child a {
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px
}

.newspage .wrapper aside .announces .legend li:last-child a {
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0
}

.newspage .wrapper aside .announces .stripes {
    margin: 10px 0 0
}

.newspage .wrapper aside .announces .stripes article {
    width: 100%;
    padding: 20px 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.newspage .wrapper aside .announces .stripes article .photo {
    position: relative;
    width: 32.25806452%;
    margin: 0 0 0 6.4516129%;
    float: right
}

.newspage .wrapper aside .announces .stripes article .photo .wrap {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.newspage .wrapper aside .announces .stripes article .photo .wrap img {
    display: block;
    border: none
}

.newspage .wrapper aside .announces .stripes article .photo .wrap img.landscape {
    min-width: 100%;
    height: 100%
}

.newspage .wrapper aside .announces .stripes article .photo .wrap img.portrait {
    width: 100%;
    min-height: 100%
}

.newspage .wrapper aside .announces .stripes article .photo:before {
    display: block;
    content: '\20';
    padding-top: 100%
}

.newspage .wrapper aside .announces .stripes article .content {
    position: relative;
    width: 100%;
    padding: 0 0 0 10px;
    float: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.newspage .wrapper aside .announces .stripes article .content time {
    display: block;
    font-weight: 600;
    font-size: 12px;
    color: #BFBFBF;
    text-transform: uppercase;
    line-height: 12px
}

.newspage .wrapper aside .announces .stripes article .content h4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0 0
}

.newspage .wrapper aside .announces .stripes article .content h4 a {
    color: #585858;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newspage .wrapper aside .announces .stripes article .content h4 a:hover {
    color: #3F3F3F
}

.newspage .wrapper aside .announces .stripes article .content h4 a:active {
    color: #616161
}

.newspage .wrapper aside .announces .stripes article .content h4 a:focus {
    outline-color: #B4B4B4
}

.newspage .wrapper aside .announces .stripes article .content .category {
    display: block;
    position: absolute !important;
    left: -13px;
    top: 27px;
    border: 5px solid #E1E1E1;
    width: 0;
    height: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.newspage .wrapper aside .announces .stripes article .content .category:hover {
    cursor: help
}

.newspage .wrapper aside .announces .stripes article .content .category:hover:after {
    display: block;
    overflow: hidden;
    position: absolute;
    left: -15px;
    bottom: 20px;
    font-weight: 400;
    font-size: 12px;
    font-style: normal;
    content: attr(data-tooltip);
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #333;
    background-color: rgba(0, 0, 0, .8);
    max-width: 200px;
    padding: 6px 10px;
    z-index: 20;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}

.newspage .wrapper aside .announces .stripes article .content .category:hover:before {
    display: block;
    position: absolute;
    left: -5px;
    bottom: 10px;
    content: '\20';
    border-width: 5px 8px;
    border-style: solid;
    border-color: #333 transparent transparent;
    border-top-color: rgba(0, 0, 0, .8);
    width: 0;
    height: 0;
    z-index: 21
}

.newspage .wrapper aside .announces .stripes article .content .category.gray {
    border-color: #726B68
}

.newspage .wrapper aside .announces .stripes article .content .category.violet {
    border-color: #7852C9
}

.newspage .wrapper aside .announces .stripes article .content .category.green {
    border-color: #94D600
}

.newspage .wrapper aside .announces .stripes article .content .category.lightblue {
    border-color: #3DB5E6
}

.newspage .wrapper aside .announces .stripes article .content .category.orange {
    border-color: #FF8400
}

.newspage .wrapper aside .announces .stripes article .content .category.red {
    border-color: #EC0B43
}

.newspage .wrapper aside .announces .stripes article .content .category.blue {
    border-color: #1946BA
}

.newspage .wrapper aside .announces .stripes article .photo + .content {
    width: 61.29032258%
}

.newspage .wrapper aside .announces .stripes article.even {
    background-color: #F2F2F2
}

.newspage .wrapper aside .announces .stripes article:after {
    display: block;
    clear: both;
    content: ''
}

.newspage .wrapper aside .events {
    background-color: #fff;
    width: 100%;
    padding: 25px 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.newspage .wrapper aside .events .heading h3 {
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 28px
}

.newspage .wrapper aside .events .heading a {
    display: inline-block;
    font-weight: 300;
    font-size: 16px;
    text-decoration: none;
    line-height: 28px;
    float: right;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newspage .wrapper aside .events .heading a:hover {
    color: #3b6ae5
}

.newspage .wrapper aside .events .heading a:active {
    color: #163ea4
}

.newspage .wrapper aside .events .heading a:focus {
    outline-color: #ACACAC
}

.newspage .wrapper aside .events .heading a:before {
    color: #CBCBCB;
    content: '\7C';
    margin: 0 15px 0 0
}

.newspage .wrapper aside .events .heading:after, .newspage .wrapper aside .events .list .item:after, .newspage .wrapper:after {
    content: '';
    display: block;
    clear: both
}

.newspage .wrapper aside .events .list {
    margin: 20px 0 0
}

.newspage .wrapper aside .events .list .item {
    position: relative
}

.newspage .wrapper aside .events .list .item .date {
    display: block;
    font-weight: 400;
    font-size: 10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    line-height: 12px;
    background-color: #EC0B43;
    width: 50px;
    height: 36px;
    padding: 7px 0;
    float: left
}

.newspage .wrapper aside .events .list .item .date span {
    display: block;
    font-weight: 600;
    font-size: 24px;
    line-height: 24px
}

.newspage .wrapper aside .events .list .item .description {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.newspage .wrapper aside .events .list .item .description h4 {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.newspage .wrapper aside .events .list .item .description h4 a {
    color: #585858;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.newspage .wrapper aside .events .list .item .description h4 a:hover {
    color: #3F3F3F
}

.newspage .wrapper aside .events .list .item .description h4 a:active {
    color: #616161
}

.newspage .wrapper aside .events .list .item .description h4 a:focus {
    outline-color: #B4B4B4
}

.newspage .wrapper aside .events .list .item .description time {
    display: block;
    font-weight: 300;
    font-size: 12px;
    color: #9D9D9D;
    line-height: 12px;
    margin: 8px 0 0
}

.newspage .wrapper aside .events .list .item div + .description {
    padding-left: 70px
}

.newspage .wrapper aside .events .list .item:not(:first-child) {
    margin: 20px 0 0
}

.newspage .wrapper aside > section:not(:first-child) {
    margin: 30px 0 0
}

.feedbackpage {
    background-color: #fff;
    padding: 30px 0;
}

.feedbackpage .wrapper {
    position: relative;
    top: -20px;
    background-color: #fff;
    max-width: 620px;
    margin-bottom: -20px !important;
    margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.feedbackpage .wrapper .map {
    background-color: #eee;
    width: 100%;
    height: 420px
}

.feedbackpage .wrapper .wrap > section {
    position: relative;
    padding: 50px 80px 80px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.08);
    background-color: #fff;
}

.feedbackpage .wrapper .wrap > section::before,
.feedbackpage .wrapper .wrap > section::after {
    position: absolute;
    display: block;
    content: '';
    background-image: url(../_graphics/feedbackpage-bg.png);
    background-color: transparent;
    background-size: 260px 260px;
    width: 160px;
    height: 260px;
}

@media (max-width: 991px) {
    .feedbackpage .wrapper .wrap > section::before,
    .feedbackpage .wrapper .wrap > section::after {
        display: none;
    }
}

.feedbackpage .wrapper .wrap > section::before {
    background-position: top right;
    top: 40px;
    right: -160px;
}

.feedbackpage .wrapper .wrap > section::after {
    background-position: top left;
    bottom: 40px;
    left: -160px;
}

.feedbackpage .wrapper .wrap > section h1 {
    font-family: 'ALS Schlange Sans', sans-serif;
    font-weight: 600;
    font-size: 24px;
    text-align: center;
    color: #2C2C2C;
    line-height: 24px
}

.feedbackpage .wrapper .wrap > section .form {
    margin: 40px 0 0
}

.feedbackpage-bottom {
    display: inline-block;
    min-width: 100%;
    margin-top: 40px;
}

.feedbackpage-bottom .captch-wrapper {
    float: left;
    max-width: 230px;
}

.feedbackpage-bottom .group.last {
    float: right;
}

.feedbackpage .wrapper .wrap > section .form .group {
    margin: 25px 0 0
}

.feedbackpage .wrapper .wrap > section .form .group.group--small-text {
    font-size: 14px;
    line-height: 20px;
}

.feedbackpage .wrapper .wrap > section .form .group.group--small-text a {
    text-decoration: none;
    color: #3951e3;
}

.feedbackpage .wrapper .wrap > section .form .group h5 {
    font-weight: 400;
    font-size: 14px;
    color: #2C2C2C;
    line-height: 14px;
    text-transform: none;
    text-align: left;
    padding: 0;
    margin: 0
}

.feedbackpage .wrapper .wrap > section .form .group h5 sup {
    color: #EC0B43
}

.feedbackpage .wrapper .wrap > section .form .group .field {
    position: relative;
    width: 100%;
    margin: 10px 0 0
}

.feedbackpage .wrapper .wrap > section .form .group .field input,
.feedbackpage .wrapper .wrap > section .form .group .field select,
.feedbackpage .wrapper .wrap > section .form .group .field textarea {
    font-weight: 400;
    font-size: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #5f5f5f;
    line-height: 36px;
    background-color: #fff;
    border: 2px solid #F0F0F0;
    padding: 0 10px;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: color .1s ease-in-out, border-color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out, border-color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out, border-color .1s ease-in-out
}

.feedbackpage .wrapper .wrap > section .form .group .field input + label,
.feedbackpage .wrapper .wrap > section .form .group .field select + label,
.feedbackpage .wrapper .wrap > section .form .group .field textarea + label {
    overflow: hidden;
    display: block;
    font-size: 11px;
    color: #BFBFBF;
    cursor: pointer;
    text-transform: uppercase;
    line-height: 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 5px 0 0;
    transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out
}

.feedbackpage .wrapper .wrap > section .form .group .field input + label:focus,
.feedbackpage .wrapper .wrap > section .form .group .field select + label:focus,
.feedbackpage .wrapper .wrap > section .form .group .field textarea + label:focus {
    outline-color: #EC0B43
}

.feedbackpage .wrapper .wrap > section .form .group .field input.sharp,
.feedbackpage .wrapper .wrap > section .form .group .field select.sharp,
.feedbackpage .wrapper .wrap > section .form .group .field textarea.sharp {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none
}

.feedbackpage .wrapper .wrap > section .form .group .field input.hover,
.feedbackpage .wrapper .wrap > section .form .group .field input:hover,
.feedbackpage .wrapper .wrap > section .form .group .field select.hover, .feedbackpage .wrapper .wrap > section .form .group .field select:hover, .feedbackpage .wrapper .wrap > section .form .group .field textarea.hover, .feedbackpage .wrapper .wrap > section .form .group .field textarea:hover {
    border-color: #e3e3e3
}

.feedbackpage .wrapper .wrap > section .form .group .field input:focus,
.feedbackpage .wrapper .wrap > section .form .group .field select:focus,
.feedbackpage .wrapper .wrap > section .form .group .field textarea:focus {
    color: #2C2C2C;
    border-color: #8CA2DC
}

.feedbackpage .wrapper .wrap > section .form .group .field input:focus + label,
.feedbackpage .wrapper .wrap > section .form .group .field select:focus + label,
.feedbackpage .wrapper .wrap > section .form .group .field textarea:focus + label {
    color: #8CA2DC
}

.feedbackpage .wrapper .wrap > section .form .group .field textarea {
    line-height: 20px;
    resize: vertical;
    width: 100%;
    height: 124px;
    max-height: 324px;
    padding-top: 10px;
    padding-bottom: 10px
}

.feedbackpage .wrapper .wrap > section .form .group .field .clearinput {
    display: none;
    position: absolute;
    top: 2px;
    right: 2px;
    text-align: center;
    line-height: 36px;
    width: 36px;
    height: 36px;
    background: url(../_graphics/bright.png) right top repeat-y;
    background-image: url(../_svg/bright.svg), none;
    background-size: 36px 1px;
    -moz-background-size: 36px 1px;
    -webkit-background-size: 36px 1px
}

.feedbackpage .wrapper .wrap > section .form .group .field .clearinput a {
    font-family: FontAwesome;
    font-size: 18px;
    color: #DCDCDC;
    text-decoration: none;
    transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out
}

.feedbackpage .wrapper .wrap > section .form .group .field .clearinput a:hover {
    color: #626262
}

.feedbackpage .wrapper .wrap > section .form .group .field .clearinput a:active {
    color: #8D8D8D
}

.feedbackpage .wrapper .wrap > section .form .group.last .bone, .feedbackpage .wrapper .wrap > section .form .group.last button {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #fff;
    line-height: 14px;
    outline-width: 1px;
    cursor: pointer
}

.feedbackpage .wrapper .wrap > section .form .group .field .clearinput a:focus {
    outline-color: #DBDBDB
}

.feedbackpage .wrapper .wrap > section .form .group .field .clearinput a:after {
    content: '\F057'
}

.feedbackpage .wrapper .wrap > section .form .group .field .clearinput.visible + input {
    padding-right: 29px
}

.feedbackpage .wrapper .wrap > section .form .group .field.half {
    width: 48.4375%;
    margin-left: 3.125%;
    float: left
}

.feedbackpage .wrapper .wrap > section .form .group .field.half:first-of-type {
    margin-left: 0
}

.feedbackpage .wrapper .wrap > section .form .group .field.flexible {
    width: 100%;
    max-width: 100%;
}

.feedbackpage .wrapper .wrap > section .form .group.last {
    text-align: right
}

.feedbackpage .wrapper .wrap > section .form .group.last button {
    background: #EF154B;
    background: -moz-linear-gradient(top, #EF154B 0, #D9093D 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EF154B), color-stop(100%, #D9093D));
    background: -webkit-linear-gradient(top, #EF154B 0, #D9093D 100%);
    background: -o-linear-gradient(top, #EF154B 0, #D9093D 100%);
    background: -ms-linear-gradient(top, #EF154B 0, #D9093D 100%);
    background: linear-gradient(to bottom, #EF154B 0, #D9093D 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EF154B', endColorstr='#D9093D', GradientType=0);
    border: none;
    padding: 13px 35px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    transition: box-shadow .3s ease-in-out;
    -moz-transition: box-shadow .3s ease-in-out;
    -webkit-transition: box-shadow .3s ease-in-out
}

.feedbackpage .wrapper .wrap > section .form .group.last button:hover {
    background: #F61950;
    background: -moz-linear-gradient(top, #F61950 0, #ED1046 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ED1046), color-stop(100%, #ED1046));
    background: -webkit-linear-gradient(top, #F61950 0, #ED1046 100%);
    background: -o-linear-gradient(top, #F61950 0, #ED1046 100%);
    background: -ms-linear-gradient(top, #F61950 0, #ED1046 100%);
    background: linear-gradient(to bottom, #F61950 0, #ED1046 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F61950', endColorstr='#ED1046', GradientType=0)
}

.feedbackpage .wrapper .wrap > section .form .group.last button:active {
    background: #E11346;
    box-shadow: inset 0 1px 3px #D00F3F;
    -moz-box-shadow: inset 0 1px 3px #D00F3F;
    -webkit-box-shadow: inset 0 1px 3px #D00F3F
}

.feedbackpage .wrapper .wrap > section .form .group.last button:focus {
    outline-color: #F43161
}

.feedbackpage .wrapper .wrap > section .form .group.last .bone {
    display: inline-block;
    text-decoration: none;
    vertical-align: top;
    background: #C7C7C7;
    background: -moz-linear-gradient(top, #C7C7C7 0, #ADADAD 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C7C7C7), color-stop(100%, #ADADAD));
    background: -webkit-linear-gradient(top, #C7C7C7 0, #ADADAD 100%);
    background: -o-linear-gradient(top, #C7C7C7 0, #ADADAD 100%);
    background: -ms-linear-gradient(top, #C7C7C7 0, #ADADAD 100%);
    background: linear-gradient(to bottom, #C7C7C7 0, #ADADAD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C7C7C7', endColorstr='#ADADAD', GradientType=0);
    border: none;
    padding: 13px 20px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    transition: box-shadow .3s ease-in-out;
    -moz-transition: box-shadow .3s ease-in-out;
    -webkit-transition: box-shadow .3s ease-in-out
}

.feedbackpage .wrapper .wrap > section .form .group.last .bone:hover {
    background: #CFCFCF;
    background: -moz-linear-gradient(top, #CFCFCF 0, #BDBDBD 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CFCFCF), color-stop(100%, #BDBDBD));
    background: -webkit-linear-gradient(top, #CFCFCF 0, #BDBDBD 100%);
    background: -o-linear-gradient(top, #CFCFCF 0, #BDBDBD 100%);
    background: -ms-linear-gradient(top, #CFCFCF 0, #BDBDBD 100%);
    background: linear-gradient(to bottom, #CFCFCF 0, #BDBDBD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CFCFCF', endColorstr='#BDBDBD', GradientType=0)
}

.feedbackpage .wrapper .wrap > section .form .group.last .bone:active {
    background: #BDBDBD;
    padding: 14px 19px 12px 21px;
    box-shadow: inset 0 1px 3px #B3B3B3;
    -moz-box-shadow: inset 0 1px 3px #B3B3B3;
    -webkit-box-shadow: inset 0 1px 3px #B3B3B3
}

.feedbackpage .wrapper .wrap > section .form .group.last .bone:before {
    font-family: FontAwesome;
    content: '\F09C';
    text-align: center;
    width: 16px;
    margin: 0 8px 0 0
}

.feedbackpage .wrapper .wrap > section .form .group.last .bone:focus {
    outline-color: #C3C3C3
}

.feedbackpage .wrapper .wrap > section .form .group:after {
    display: block;
    clear: both;
    content: ''
}

.feedbackpage .wrapper .wrap > section .form .group:first-child {
    margin: 0
}

.feedbackpage .wrapper .wrap > section .form .signature {
    font-size: 11px;
    color: #A1A1A1;
    line-height: 18px;
    text-transform: uppercase;
    margin: 20px 0 0
}

.feedbackpage .wrapper .wrap > section .form .signature sup {
    color: #EC0B43
}

.feedbackpage .wrapper .wrap > section .notice {
    margin: 40px 0 0;
    color: #5C5C5C;
    background-color: #F3F3F3;
    padding: 20px 30px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.feedbackpage .wrapper .wrap > section .notice h4 {
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: none;
    padding: 0;
    margin: 0
}

.feedbackpage .wrapper .wrap > section .notice h4:before {
    font-family: FontAwesome;
    font-size: 20px;
    color: #BEBEBE;
    content: '\F129';
    vertical-align: middle;
    margin: 0 20px 0 0
}

.feedbackpage .wrapper .wrap > section .notice .close {
    display: none;
    font-family: FontAwesome;
    font-size: 18px;
    color: #D6D6D6;
    text-decoration: none;
    line-height: 20px;
    margin: 0 0 0 20px;
    float: right;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.feedbackpage .wrapper .wrap > section .notice .close:hover {
    color: #9D9D9D
}

.feedbackpage .wrapper .wrap > section .notice .close:active {
    color: #ADACAC
}

.feedbackpage .wrapper .wrap > section .notice .close:focus {
    outline-color: #D2D2D2
}

.feedbackpage .wrapper .wrap > section .notice .close:before {
    content: '\F00D'
}

.feedbackpage .wrapper .wrap > section .notice:after {
    display: block;
    clear: both;
    content: ''
}

.feedbackpage .wrapper .wrap > section .notice.success {
    color: #799D27;
    background-color: #C9EA7F
}

.feedbackpage .wrapper .wrap > section .notice.success h4 {
    color: #799D27
}

.feedbackpage .wrapper .wrap > section .notice.success h4:before {
    color: #A4C854;
    content: '\F00C'
}

.feedbackpage .wrapper .wrap > section .notice.success .close {
    color: #ABD451
}

.feedbackpage .wrapper .wrap > section .notice.success .close:hover {
    color: #85AA33
}

.feedbackpage .wrapper .wrap > section .notice.success .close:active {
    color: #90B63D
}

.feedbackpage .wrapper .wrap > section .notice.success .close:focus {
    outline-color: #A4C754
}

.feedbackpage .wrapper .wrap > section .notice.warning {
    color: #A22746;
    background-color: #F585A1
}

.feedbackpage .wrapper .wrap > section .notice.warning h4 {
    color: #A22746
}

.feedbackpage .wrapper .wrap > section .notice.warning h4:before {
    color: #CD607C;
    content: '\F12A'
}

.feedbackpage .wrapper .wrap > section .notice.warning .close {
    color: #D76985
}

.feedbackpage .wrapper .wrap > section .notice.warning .close:hover {
    color: #B4405D
}

.feedbackpage .wrapper .wrap > section .notice.warning .close:active {
    color: #C04B68
}

.feedbackpage .wrapper .wrap > section .notice.warning .close:focus {
    outline-color: #C84969
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li .content a:focus, .feedbackpage .wrapper .wrap > aside .lifter .location .content a:focus {
    outline-color: #ACACAC
}

.feedbackpage .wrapper .wrap > aside {
    width: 36.36363636%;
    padding: 0 0 40px;
    margin: 0 0 0 2.72727273%;
    float: right
}

.feedbackpage .wrapper .wrap > aside .lifter {
    position: relative;
    top: -70px;
    background-color: #fff;
    min-height: 70px;
    margin-bottom: -70px
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry {
    background-color: #F2F2F2;
    padding: 25px 30px
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry h1 {
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 24px
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul {
    margin: 25px 0 0
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li {
    margin: 20px 0 0
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li .icon {
    color: #fff;
    text-align: center;
    background-color: #EC0B43;
    width: 34px;
    height: 34px;
    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    float: left
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li .icon:before {
    font-family: FontAwesome;
    font-size: 18px;
    line-height: 34px
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li .icon.phone:before {
    content: '\F095'
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li .icon.fax:before {
    content: '\F02F'
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li .icon.email:before {
    content: '\F0E0'
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li .icon.place:before {
    content: '\F041'
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li .content {
    font-size: 16px;
    color: #2C2C2C;
    line-height: 20px;
    width: 100%;
    padding: 0 0 0 54px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li .content a {
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li .content a:hover {
    color: #3b6ae5
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li .content a:active {
    color: #163ea4
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li .content .label {
    display: block;
    font-size: 14px;
    color: #9D9D9D;
    line-height: 12px;
    margin: 0 0 4px
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li:after {
    display: block;
    clear: both;
    content: ''
}

.feedbackpage .wrapper .wrap > aside .lifter .enquiry ul li:first-child {
    margin: 0
}

.feedbackpage .wrapper .wrap > aside .lifter .location {
    padding: 0 30px
}

.feedbackpage .wrapper .wrap > aside .lifter .location .icon {
    color: #000;
    text-align: center;
    background-color: transparent;
    width: 34px;
    height: 34px;
    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    float: left
}

.feedbackpage .wrapper .wrap > aside .lifter .location .icon:before {
    font-family: FontAwesome;
    font-size: 32px;
    line-height: 34px
}

.feedbackpage .wrapper .wrap > aside .lifter .location .icon.phone:before {
    content: '\F095'
}

.feedbackpage .wrapper .wrap > aside .lifter .location .icon.fax:before {
    content: '\F02F'
}

.feedbackpage .wrapper .wrap > aside .lifter .location .icon.email:before {
    content: '\F0E0'
}

.feedbackpage .wrapper .wrap > aside .lifter .location .icon.place:before {
    content: '\F041'
}

.feedbackpage .wrapper .wrap:after, .responsive.marketmenu .wrapper > ul:after, .responsive.marketmenu .wrapper > ul > .split:after, .responsive.marketmenu .wrapper > ul > li:not(.split):after {
    display: block;
    content: '';
    clear: both
}

.feedbackpage .wrapper .wrap > aside .lifter .location .content {
    font-size: 16px;
    color: #2C2C2C;
    line-height: 20px;
    width: 100%;
    padding: 0 0 0 54px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.feedbackpage .wrapper .wrap > aside .lifter .location .content a {
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.feedbackpage .wrapper .wrap > aside .lifter .location .content a:hover {
    color: #3b6ae5
}

.feedbackpage .wrapper .wrap > aside .lifter .location .content a:active {
    color: #163ea4
}

.responsive.marketmenu .wrapper > ul > li:not(.split) .dropdown ul li a:focus, .responsive.marketmenu .wrapper > ul > li:not(.split) > a:focus {
    outline-color: #f97e9c
}

.feedbackpage .wrapper .wrap > aside .lifter .location .content .label {
    display: block;
    font-size: 14px;
    color: #9D9D9D;
    line-height: 12px;
    margin: 0 0 4px
}

.feedbackpage .wrapper .wrap > aside .lifter > section:not(:first-child) {
    margin: 30px 0 0
}

.languages-resp {
    display: none;
}

.responsive.marketmenu {
    display: none;
    background-color: #EC0B43
}

.responsive.marketmenu .wrapper {
    width: 1100px;
    padding: 30px 0;
    margin: 0 auto
}

.responsive.marketmenu .wrapper > ul > li:not(.split) {
    width: 31.81818182%;
    margin: 0 0 0 2.27272727%;
    float: left
}

.responsive.marketmenu .wrapper > ul > li:not(.split) .arrowdrop:first-of-type {
    display: none !important;
}

.responsive.marketmenu .wrapper > ul > li:not(.split) .dropdown {
    padding: 16px 0 0;
    margin: 10px 0 0;
    background: url(../_graphics/pattern.png) left top repeat-x;
    background-image: url(../_svg/pattern.svg), none;
    background-size: 16px 6px;
    -moz-background-size: 16px 6px;
    -webkit-background-size: 16px 6px
}

.responsive.marketmenu .wrapper > ul > li:not(.split) .dropdown ul li {
    line-height: 16px;
    margin: 10px 0 0
}

.responsive.marketmenu .wrapper > ul > li:not(.split) .dropdown ul li a {
    font-size: 14px;
    color: #fcc7d4;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.responsive.marketmenu .wrapper > ul > li:not(.split) .dropdown ul li a:hover {
    color: #fff;
    text-decoration: underline
}

.responsive.marketmenu .wrapper > ul > li:not(.split) .dropdown ul li a:active {
    color: #fedfe7
}

.responsive.marketmenu .wrapper > ul > li:not(.split) .dropdown ul li:first-child {
    margin: 0
}

.responsive.marketmenu .wrapper > ul > li:not(.split) .arrowdrop {
    display: none
}

.responsive.marketmenu .wrapper > ul > li:not(.split) > a {
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    line-height: 20px;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.responsive.marketmenu .wrapper > ul > li:not(.split) > a:hover {
    color: #fbaec1
}

.responsive.marketmenu .wrapper > ul > li:not(.split) > a:active {
    color: #f97e9c
}

.responsive.megamenu > ul > li > a, .responsive.navhandler {
    color: #fff;
    text-transform: uppercase;
    transition: background-color .2s ease-in-out, border-color .1s ease-in-out, border-radius .3s ease-in-out;
    padding: 0 20px;
    position: relative;
    font-size: 14px;
    line-height: 45px;
    z-index: 36;
    -webkit-font-smoothing: antialiased;
    text-align: left;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.responsive.megamenu > ul > li > a:focus, .responsive.navhandler:focus {
    outline-color: #7e9dee
}

.responsive.marketmenu .wrapper > ul > li:not(.split):nth-child(n+4) {
    margin-top: 30px
}

.responsive.marketmenu .wrapper > ul > li:not(.split):nth-child(4n+1) {
    margin-left: 0
}

.responsive.navhandler {
    font-family: 'ALS Schlange Sans', sans-serif;
    background-color: #1946BA;
    -moz-transition: background-color .2s ease-in-out, border-color .1s ease-in-out, border-radius .3s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out, border-color .1s ease-in-out, border-radius .3s ease-in-out;
    display: none;
    border-left: none
}

.responsive.navhandler:hover {
    background-color: #1e54de
}

.responsive.navhandler.active, .responsive.navhandler:active {
    background-color: #2459e2
}

.responsive.navhandler:before {
    font-family: FontAwesome;
    content: '\F0C9';
    vertical-align: middle;
    margin: 0 10px 0 0
}

.responsive.megamenu {
    display: none
}

.responsive.megamenu > ul > li > a {
    display: block;
    font-family: 'ALS Schlange Sans', sans-serif;
    background-color: #1946BA;
    border-left: 1px solid #3b6ae5;
    -moz-transition: background-color .2s ease-in-out, border-color .1s ease-in-out, border-radius .3s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out, border-color .1s ease-in-out, border-radius .3s ease-in-out;
    border-top: 1px solid #1c4ed0
}

.responsive.megamenu > ul > li > a:hover {
    background-color: #1e54de
}

.responsive.megamenu > ul > li > a:active {
    background-color: #2459e2
}

.responsive.megamenu > ul > li .arrowdrop {
    display: block;
    background-color: #163ea4;
    border-top: 1px solid #1843b1;
    border-left: none;
    height: 45px;
    padding: 0 20px;
    float: right
}

.responsive.megamenu > ul > li .arrowdrop:after {
    font-family: FontAwesome;
    content: '\F107'
}

.responsive.megamenu > ul > li .arrowdrop.active {
    color: #fbaec1;
    background-color: #f41c52
}

.owl .item .overlay .wrap .category span, .owl .item .overlay .wrap h3, .responsive.megamenu > ul > li .mega .container .column ul li a {
    color: #fff;
    font-family: 'ALS Schlange Sans', sans-serif
}

.responsive.megamenu > ul > li .arrowdrop.active:after {
    content: '\F106'
}

.responsive.megamenu > ul > li .arrowdrop.active:focus {
    outline-color: #fa96af
}

.responsive.megamenu > ul > li .mega {
    display: none
}

.responsive.megamenu > ul > li .mega .wrapper {
    width: 100% !important
}

.responsive.megamenu > ul > li .mega .container {
    background-color: #1946BA
}

.responsive.megamenu > ul > li .mega .container .column ul li {
    border-top: 1px dotted #3b6ae5
}

.responsive.megamenu > ul > li .mega .container .column ul li a {
    display: block;
    position: relative;
    font-size: 14px;
    text-decoration: none;
    line-height: 45px;
    background-color: #1946BA;
    border-left: 1px solid #3b6ae5;
    z-index: 36;
    -webkit-font-smoothing: antialiased;
    transition: background-color .2s ease-in-out, border-color .1s ease-in-out, border-radius .3s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, border-color .1s ease-in-out, border-radius .3s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out, border-color .1s ease-in-out, border-radius .3s ease-in-out;
    overflow: hidden;
    text-align: left;
    text-transform: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 30px
}

.responsive.megamenu > ul > li .mega .container .column ul li a:hover {
    background-color: #1e54de
}

.responsive.megamenu > ul > li .mega .container .column ul li a:active {
    background-color: #2459e2
}

.responsive.megamenu > ul > li .mega .container .column ul li a:focus {
    outline-color: #7e9dee
}

.responsive.megamenu > ul > li .mega .container .column:first-child ul li:first-child, .responsive.megamenu > ul > li:first-child .arrowdrop, .responsive.megamenu > ul > li:first-child > a {
    border-top: none
}

.responsive.megamenu > ul > li:after {
    display: block;
    clear: both;
    content: ''
}

.owl {
    width: 100%
}

.owl .item {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover
}

.owl .item img {
    display: block;
    width: 100%
}

.owl .item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.owl .item .overlay .wrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 40px 30px 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    opacity: .85;
    -moz-opacity: .85;
    -khtml-opacity: .85;
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .851) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .851)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .851) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .851) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .851) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .851) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0)', endColorstr='rgba(0, 0, 0, 0.851)', GradientType=0);
    transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out
}

.owl .item .overlay .wrap .category span {
    display: block;
    overflow: hidden;
    font-size: 15px;
    text-transform: lowercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #EC0B43;
    padding: 4px 8px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    float: left
}

.owl .item .overlay .wrap .category span.gray {
    background-color: #726B68
}

.owl .item .overlay .wrap .category span.violet {
    background-color: #7852C9
}

.owl .item .overlay .wrap .category span.green {
    background-color: #94D600
}

.owl .item .overlay .wrap .category span.lightblue {
    background-color: #3DB5E6
}

.owl .item .overlay .wrap .category span.orange {
    background-color: #FF8400
}

.owl .item .overlay .wrap .category span.red {
    background-color: #EC0B43
}

.owl .item .overlay .wrap .category span.blue {
    background-color: #1946BA
}

.owl .item .overlay .wrap .category:after {
    display: block;
    clear: both;
    content: ''
}

.owl .item .overlay .wrap h3 {
    font-size: 24px;
    line-height: 28px;
    margin: 15px 0 0
}

.owl .item .overlay .wrap .button {
    margin: 25px 0 0
}

.owl .item .overlay .wrap .button a {
    display: block;
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 14px;
    white-space: nowrap;
    outline: transparent dotted 1px;
    border: 1px solid transparent;
    padding: 10px 20px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out !important;
    -moz-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out !important;
    -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out !important;
    float: left
}

.owl .item .overlay .wrap .button a, .owl .item .overlay .wrap .button a.red {
    color: #EC0B43;
    border-color: #EC0B43 !important
}

.owl .item .overlay .wrap .button a.red:hover, .owl .item .overlay .wrap .button a:hover {
    color: #fff;
    background-color: #EC0B43
}

.owl .item .overlay .wrap .button a.red:active, .owl .item .overlay .wrap .button a:active {
    background-color: #d40a3c;
    border-color: #d40a3c !important
}

.owl .item .overlay .wrap .button a.red:focus, .owl .item .overlay .wrap .button a:focus {
    outline-color: #f8658a !important
}

.owl .item .overlay .wrap .button a.fill, .owl .item .overlay .wrap .button a.red.fill {
    color: #fff;
    background-color: #EC0B43
}

.owl .item .overlay .wrap .button a.fill:hover, .owl .item .overlay .wrap .button a.red.fill:hover {
    background-color: #d40a3c;
    border-color: #d40a3c !important
}

.owl .item .overlay .wrap .button a.fill:active, .owl .item .overlay .wrap .button a.red.fill:active {
    background-color: #bb0935;
    border-color: #bb0935 !important
}

.owl .item .overlay .wrap .button a.blue {
    color: #1946BA;
    border-color: #1946BA !important
}

.owl .item .overlay .wrap .button a.blue:hover {
    color: #fff;
    background-color: #1946BA
}

.owl .item .overlay .wrap .button a.blue:active {
    background-color: #163ea4;
    border-color: #163ea4 !important
}

.owl .item .overlay .wrap .button a.blue:focus {
    outline-color: #517be8 !important
}

.owl .item .overlay .wrap .button a.blue.fill {
    color: #fff;
    background-color: #1946BA
}

.owl .item .overlay .wrap .button a.blue.fill:hover {
    background-color: #163ea4;
    border-color: #163ea4 !important
}

.owl .item .overlay .wrap .button a.blue.fill:active {
    background-color: #13358d;
    border-color: #13358d !important
}

.owl .item .overlay .wrap .button a.white {
    color: #fff;
    border-color: #fff !important
}

.owl .item .overlay .wrap .button a.white:hover {
    color: #1C1C1C;
    background-color: #fff
}

.owl .item .overlay .wrap .button a.white:active {
    background-color: #f2f2f2;
    border-color: #f2f2f2 !important
}

.owl .item .overlay .wrap .button a.white:focus {
    outline-color: #fff !important
}

.owl .item .overlay .wrap .button a.white.fill {
    color: #1C1C1C;
    background-color: #fff
}

.owl .item .overlay .wrap .button a.white.fill:hover {
    background-color: #f2f2f2;
    border-color: #f2f2f2 !important
}

.owl .item .overlay .wrap .button a.white.fill:active {
    background-color: #e6e6e6;
    border-color: #e6e6e6 !important
}

.owl .item .overlay .wrap:hover {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1
}

.owl .owl-nav > div {
    position: absolute;
    top: 50%;
    background-color: #fff;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.axles, .axles .wrapper ul li.active a .icon {
    position: relative
}

.owl .owl-nav > div span {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../_graphics/owl_controls.png) left top no-repeat;
    background-image: url(../_svg/owl_controls.svg), none;
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    opacity: .5;
    -moz-opacity: .5;
    -khtml-opacity: .5
}

.owl .owl-nav > div span:hover {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1
}

.owl .owl-nav > div span:active {
    opacity: .8;
    -moz-opacity: .8;
    -khtml-opacity: .8
}

.owl .owl-nav > div.owl-prev {
    left: 28px
}

.owl .owl-nav > div.owl-prev span {
    background-position: left center !important
}

.owl .owl-nav > div.owl-next {
    right: 28px
}

.owl .owl-nav > div.owl-next span {
    background-position: right center !important
}

.axles {
    z-index: 0
}

.axles .wrapper {
    width: 1100px;
    padding: 20px 0 0;
    margin: 0 auto
}

.axles .wrapper ul {
    margin: 0 0 0 30px;
    float: right
}

.axles .wrapper ul li {
    margin: 0 0 0 20px;
    float: left
}

.axles .wrapper ul li a {
    display: block;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 16px;
    color: #1946BA;
    text-align: center;
    text-decoration: none;
    line-height: 20px;
    width: 150px;
    padding: 0 0 18px;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.axles .wrapper ul li a .icon {
    display: block;
    border: 4px solid #F2F2F2;
    width: 52px;
    height: 52px;
    margin-bottom: 7px !important;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    margin: 0 auto
}

.axles .wrapper ul li a .icon.wallet {
    background: url(../_graphics/axles/wallet.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/wallet.svg), none
}

.axles .wrapper ul li a .icon.timetable {
    background: url(../_graphics/axles/timetable.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/timetable.svg), none
}

.axles .wrapper ul li a .icon.rating {
    background: url(../_graphics/axles/rating.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/rating.svg), none
}

.axles .wrapper ul li a .icon.units {
    background: url(../_graphics/axles/units.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/units.svg), none
}

.axles .wrapper ul li a .icon.media {
    background: url(../_graphics/axles/media.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/media.svg), none
}

.axles .wrapper ul li a .icon.research {
    background: url(../_graphics/axles/research.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/research.svg), none
}

.axles .wrapper ul li a .icon.postgraduate {
    background: url(../_graphics/axles/postgraduate.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/postgraduate.svg), none
}

.axles .wrapper ul li a .icon.overview {
    background: url(../_graphics/axles/overview.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/overview.svg), none
}

.axles .wrapper ul li a .icon.library {
    background: url(../_graphics/axles/library.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/library.svg), none
}

.axles .wrapper ul li a .icon.joint {
    background: url(../_graphics/axles/joint.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/joint.svg), none
}

.axles .wrapper ul li a .icon.innovation {
    background: url(../_graphics/axles/innovation.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/innovation.svg), none
}

.axles .wrapper ul li a .icon.association {
    background: url(../_graphics/axles/association.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/association.svg), none
}

.axles .wrapper ul li a .icon.video {
    background: url(../_graphics/axles/video.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/video.svg), none
}

.axles .wrapper ul li a .icon.testimonial {
    background: url(../_graphics/axles/testimonial.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/testimonial.svg), none
}

.axles .wrapper ul li a .icon.structure {
    background: url(../_graphics/axles/structure.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/structure.svg), none
}

.axles .wrapper ul li a .icon.rector {
    background: url(../_graphics/axles/rector.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/rector.svg), none
}

.axles .wrapper ul li a .icon.professor {
    background: url(../_graphics/axles/professor.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/professor.svg), none
}

.axles .wrapper ul li a .icon.plan {
    background: url(../_graphics/axles/plan.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/plan.svg), none
}

.axles .wrapper ul li a .icon.personality {
    background: url(../_graphics/axles/personality.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/personality.svg), none
}

.axles .wrapper ul li a .icon.partner {
    background: url(../_graphics/axles/partner.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/partner.svg), none
}

.axles .wrapper ul li a .icon.offices {
    background: url(../_graphics/axles/offices.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/offices.svg), none
}

.axles .wrapper ul li a .icon.office {
    background: url(../_graphics/axles/office.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/office.svg), none
}

.axles .wrapper ul li a .icon.mission {
    background: url(../_graphics/axles/mission.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/mission.svg), none
}

.axles .wrapper ul li a .icon.major {
    background: url(../_graphics/axles/major.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/major.svg), none
}

.axles .wrapper ul li a .icon.job {
    background: url(../_graphics/axles/job.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/job.svg), none
}

.axles .wrapper ul li a .icon.internship {
    background: url(../_graphics/axles/internship.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/internship.svg), none
}

.axles .wrapper ul li a .icon.honor {
    background: url(../_graphics/axles/honor.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/honor.svg), none
}

.axles .wrapper ul li a .icon.history {
    background: url(../_graphics/axles/history.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/history.svg), none
}

.axles .wrapper ul li a .icon.greeting {
    background: url(../_graphics/axles/greeting.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/greeting.svg), none
}

.axles .wrapper ul li a .icon.graduate {
    background: url(../_graphics/axles/graduate.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/graduate.svg), none
}

.axles .wrapper ul li a .icon.fellowship {
    background: url(../_graphics/axles/fellowship.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/fellowship.svg), none
}

.axles .wrapper ul li a .icon.fact {
    background: url(../_graphics/axles/fact.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/fact.svg), none
}

.axles .wrapper ul li a .icon.departments {
    background: url(../_graphics/axles/departments.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/departments.svg), none
}

.axles .wrapper ul li a .icon.department {
    background: url(../_graphics/axles/department.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/department.svg), none
}

.axles .wrapper ul li a .icon.cooperation {
    background: url(../_graphics/axles/cooperation.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/cooperation.svg), none
}

.axles .wrapper ul li a .icon.contacts {
    background: url(../_graphics/axles/contacts.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/contacts.svg), none
}

.axles .wrapper ul li a .icon.campus {
    background: url(../_graphics/axles/campus.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/campus.svg), none
}

.axles .wrapper ul li a .icon.board {
    background: url(../_graphics/axles/board.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/board.svg), none
}

.axles .wrapper ul li a .icon.alumni {
    background: url(../_graphics/axles/alumni.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/alumni.svg), none
}

.axles .wrapper ul li a .icon.admission {
    background: url(../_graphics/axles/admission.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/admission.svg), none
}

.axles .wrapper ul li a .icon.administration {
    background: url(../_graphics/axles/administration.png) center center no-repeat #F2F2F2;
    background-image: url(../_svg/axles/administration.svg), none
}

.axles .wrapper ul li a:hover {
    color: #3b6ae5
}

.axles .wrapper ul li a:active {
    color: #13358d
}

.axles .wrapper ul li a:focus {
    outline-color: #C5D2F3
}

.axles .wrapper ul li.active a {
    position: relative;
    color: #EC0B43
}

.axles .wrapper ul li.active a .icon:after, .axles .wrapper ul li.active a:after {
    display: block;
    position: absolute;
    content: '\20';
    background-color: #EC0B43
}

.axles .wrapper ul li.active a .icon:after {
    left: 50%;
    bottom: -3px;
    width: 8px;
    height: 8px;
    margin-left: -4px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.axles .wrapper ul li.active a:after {
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px
}

.axles .wrapper ul:after, .axles .wrapper:after {
    display: block;
    content: '';
    clear: both
}

.axles .wrapper ul li:first-child {
    margin-left: 0
}

.axles .wrapper ul + h1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-bottom: 0
}

.axles .wrapper h1 {
    font-weight: 300;
    font-size: 22px;
    color: #737373;
    line-height: 26px;
    padding: 54px 0 20px
}

.axles + .feedbackpage .wrapper, .axles + .newspage .wrapper, .axles + .page article, .axles + .personality > article, .axles + .programs .wrapper {
    position: static;
    top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0 !important
}

.axles:after, .axles:before {
    position: absolute;
    left: 0;
    content: '\20';
    right: 0;
    z-index: -1
}

.axles.dark {
    background-color: #242424
}

.axles.dark .wrapper ul {
    display: none
}

.axles.dark .wrapper h1 {
    color: #B3B3B3
}

.axles.dark:after {
    background-color: #3e3e3e
}

.axles:before {
    background-color: #1946BA;
    height: 50px
}

.axles:after {
    bottom: 0;
    background-color: #F2F2F2;
    height: 1px
}

.timeline, .timeline .wrapper aside .wrap .description .content ul:not(.relinks) li {
    position: relative
}

.timeline .wrapper {
    display: table;
    background-color: #FFF;
    width: 1100px;
    margin: 0 auto
}

.timeline .wrapper aside {
    display: table-cell;
    vertical-align: top;
    background-color: #F7F7F7;
    width: 44.54545455%;
    padding: 30px 0 40px
}

.timeline .wrapper aside .wrap time {
    display: block;
    font-weight: 300;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 16px;
    color: #9B9B9B;
    line-height: 16px;
    letter-spacing: 3px;
    padding: 0 0 0 30px
}

.timeline .wrapper aside .wrap h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    padding: 0 0 0 30px;
    margin: 8px 0 0
}

.timeline .wrapper aside .wrap .description {
    margin: 30px 0 0
}

.timeline .wrapper aside .wrap .description figure {
    padding: 0;
    margin: 0 0 30px
}

.timeline .wrapper aside .wrap .description figure img {
    display: block;
    border: none;
    width: 100%
}

.timeline .wrapper aside .wrap .description figure figcaption {
    font-size: 12px;
    color: #9B9B9B;
    padding: 15px 0 0 30px
}

.timeline .wrapper aside .wrap .description .content {
    padding: 0 0 0 30px;
    font-weight: 400;
    font-size: 14px;
    color: #2C2C2C;
    line-height: 25px
}

.timeline .wrapper aside .wrap .description .content a {
    text-indent: 0;
    text-decoration: underline;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.timeline .wrapper aside .wrap .description .content a:hover {
    color: #3b6ae5
}

.timeline .wrapper aside .wrap .description .content a:active {
    color: #163ea4
}

.timeline .wrapper aside .wrap .description .content a:focus {
    outline-color: #ACACAC
}

.timeline .wrapper aside .wrap .description .content a i {
    margin: 0 0 0 5px
}

.timeline .wrapper aside .wrap .description .content a[target=_blank]:after {
    display: inline;
    font-family: FontAwesome;
    content: '\A0\F08E'
}

.timeline .wrapper aside .wrap .description .content a[href$=".pdf"]:before, .timeline .wrapper aside .wrap .description .content a[href$=".doc"]:before, .timeline .wrapper aside .wrap .description .content a[href$=".docx"]:before, .timeline .wrapper aside .wrap .description .content a[href$=".ppt"]:before, .timeline .wrapper aside .wrap .description .content a[href$=".pptx"]:before {
    display: inline-block;
    font-family: Kotebelle;
    font-size: 1.6em;
    vertical-align: middle;
    margin: 0 4px 0 0
}

.timeline .wrapper aside .wrap .description .content a[href$=".pdf"] {
    color: #F62B2B
}

.timeline .wrapper aside .wrap .description .content a[href$=".pdf"]:before {
    content: '\E001'
}

.timeline .wrapper aside .wrap .description .content a[href$=".pdf"]:hover {
    color: #FF4D4D
}

.timeline .wrapper aside .wrap .description .content a[href$=".pdf"]:active {
    color: #E92525
}

.timeline .wrapper aside .wrap .description .content a[href$=".pdf"]:focus {
    outline-color: #FFCDCD
}

.timeline .wrapper aside .wrap .description .content a[href$=".doc"], .timeline .wrapper aside .wrap .description .content a[href$=".docx"] {
    color: #2A5598
}

.timeline .wrapper aside .wrap .description .content a[href$=".doc"]:before, .timeline .wrapper aside .wrap .description .content a[href$=".docx"]:before {
    content: '\E000'
}

.timeline .wrapper aside .wrap .description .content a[href$=".doc"]:hover, .timeline .wrapper aside .wrap .description .content a[href$=".docx"]:hover {
    color: #3665AD
}

.timeline .wrapper aside .wrap .description .content a[href$=".doc"]:active, .timeline .wrapper aside .wrap .description .content a[href$=".docx"]:active {
    color: #234D8D
}

.timeline .wrapper aside .wrap .description .content a[href$=".doc"]:focus, .timeline .wrapper aside .wrap .description .content a[href$=".docx"]:focus {
    outline-color: #ACC8F4
}

.timeline .wrapper aside .wrap .description .content a[href$=".ppt"], .timeline .wrapper aside .wrap .description .content a[href$=".pptx"] {
    color: #E65618
}

.timeline .wrapper aside .wrap .description .content a[href$=".ppt"]:before, .timeline .wrapper aside .wrap .description .content a[href$=".pptx"]:before {
    content: '\E002'
}

.timeline .wrapper aside .wrap .description .content a[href$=".ppt"]:hover, .timeline .wrapper aside .wrap .description .content a[href$=".pptx"]:hover {
    color: #F56526
}

.timeline .wrapper aside .wrap .description .content a[href$=".ppt"]:active, .timeline .wrapper aside .wrap .description .content a[href$=".pptx"]:active {
    color: #D84E13
}

.timeline .wrapper aside .wrap .description .content a[href$=".ppt"]:focus, .timeline .wrapper aside .wrap .description .content a[href$=".pptx"]:focus {
    outline-color: #FFCBB4
}

.timeline .wrapper aside .wrap .description .content a[href$="?"]:after, .timeline .wrapper aside .wrap .description .content a[href$="?"]:before {
    display: none
}

.timeline .wrapper aside .wrap .description .content h1 {
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 30px 0 20px
}

.timeline .wrapper aside .wrap .description .content h1:first-child {
    margin-top: 10px
}

.timeline .wrapper aside .wrap .description .content h2 {
    font-weight: 600;
    font-size: 20px;
    color: #2C2C2C;
    line-height: 26px;
    margin: 25px 0 15px
}

.timeline .wrapper aside .wrap .description .content h3 {
    font-weight: 600;
    font-size: 18px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 20px 0 10px
}

.timeline .wrapper aside .wrap .description .content h4 {
    font-weight: 400;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 16px;
    color: #2C2C2C;
    text-transform: uppercase;
    line-height: 16px;
    margin: 15px 0 10px
}

.timeline .wrapper aside .wrap .description .content h5 {
    font-weight: 600;
    font-size: 14px;
    color: #7F7F7F;
    line-height: 18px;
    text-transform: uppercase;
    margin: 15px 0 10px
}

.timeline .wrapper aside .wrap .description .content p {
    text-align: justify
}

.timeline .wrapper aside .wrap .description .content p:not(:nth-last-of-type(1)) {
    margin: 15px 0 0
}

.timeline .wrapper aside .wrap .description .content strong {
    font-weight: 600
}

.timeline .wrapper aside .wrap .description .content img {
    border: none;
    max-width: 100%;
    height: auto
}

.timeline .wrapper aside .wrap .description .content .column {
    float: left
}

.timeline .wrapper aside .wrap .description .content .column.one-half {
    width: 48.63636364%;
    margin: 0 2.72727273% 0 0
}

.timeline .wrapper aside .wrap .description .content .column.one-third {
    width: 31.81818182%;
    margin: 0 2.27272727% 0 0
}

.timeline .wrapper aside .wrap .description .content .column.one-fourth {
    width: 23.63636364%;
    margin: 0 1.81818182% 0 0
}

.timeline .wrapper aside .wrap .description .content .column.last {
    margin: 0
}

.timeline .wrapper aside .wrap .description .content .column.last + .clear {
    display: block;
    clear: both;
    content: ''
}

.timeline .wrapper aside .wrap .description .content ol, .timeline .wrapper aside .wrap .description .content ul:not(.relinks) {
    margin: 5px 0 0 30px
}

.timeline .wrapper aside .wrap .description .content ol li, .timeline .wrapper aside .wrap .description .content ul:not(.relinks) li {
    margin: 2px 0 0
}

.timeline .wrapper aside .wrap .description .content ol li:first-child, .timeline .wrapper aside .wrap .description .content ul:not(.relinks) li:first-child {
    margin: 0
}

.timeline .wrapper aside .wrap .description .content ul:not(.relinks) {
    list-style-type: none
}

.timeline .wrapper aside .wrap .description .content ul:not(.relinks) li:before {
    display: block;
    position: absolute;
    left: -30px;
    top: 3px;
    font-family: FontAwesome;
    content: '\F10C';
    color: #5374CB;
    text-align: center;
    line-height: 22px;
    width: 20px
}

.timeline .wrapper aside .wrap .description .content ol {
    list-style-type: decimal
}

.timeline .wrapper aside .wrap .description .content h1 + ol, .timeline .wrapper aside .wrap .description .content h1 + p, .timeline .wrapper aside .wrap .description .content h1 + ul, .timeline .wrapper aside .wrap .description .content h2 + ol, .timeline .wrapper aside .wrap .description .content h2 + p, .timeline .wrapper aside .wrap .description .content h2 + ul, .timeline .wrapper aside .wrap .description .content h3 + ol, .timeline .wrapper aside .wrap .description .content h3 + p, .timeline .wrapper aside .wrap .description .content h3 + ul, .timeline .wrapper aside .wrap .description .content h4 + ol, .timeline .wrapper aside .wrap .description .content h4 + p, .timeline .wrapper aside .wrap .description .content h4 + ul, .timeline .wrapper aside .wrap .description .content h5 + ol, .timeline .wrapper aside .wrap .description .content h5 + p, .timeline .wrapper aside .wrap .description .content h5 + ul {
    margin-top: 0 !important
}

.timeline .wrapper aside .wrap .description .content iframe, .timeline .wrapper aside .wrap .description .content video {
    max-width: 100%
}

.timeline .wrapper aside .wrap .description .content hr {
    border: none;
    border-top: 1px dotted #ccc;
    height: 0;
    padding: 0;
    margin: 20px 0
}

.timeline .wrapper aside .wrap .description .content:after {
    display: block;
    clear: both;
    content: ''
}

.timeline .wrapper .history {
    display: table-cell;
    vertical-align: top;
    width: 55.45454545%;
    padding: 30px 30px 40px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.timeline .wrapper .history ul {
    position: relative
}

.timeline .wrapper .history ul li {
    margin: 40px 0 0
}

.timeline .wrapper .history ul li time {
    display: block;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 13px;
    color: #757575;
    text-align: right;
    line-height: 20px;
    width: 30px;
    padding: 0 20px 0 0;
    float: left
}

.timeline .wrapper .history ul li .point {
    position: relative;
    padding: 0 0 0 100px
}

.timeline .wrapper .history ul li .point h4 {
    font-size: 14px;
    line-height: 20px
}

.timeline .wrapper .history ul li .point h4 a {
    color: #1C1C1C;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.timeline .wrapper .history ul li .point h4 a:hover {
    color: #4f4f4f
}

.timeline .wrapper .history ul li .point h4 a:active {
    color: #363636
}

.timeline .wrapper .history ul li .point h4 a:focus {
    outline-color: #EBEBEB
}

.timeline .wrapper .history ul li .point .label {
    display: none;
    margin: 0 0 10px
}

.timeline .wrapper .history ul li .point .label span {
    display: block;
    position: relative;
    font-weight: 600;
    font-size: 9px;
    color: #EC0B43;
    line-height: 16px;
    text-transform: uppercase;
    border: 1px solid #EC0B43;
    padding: 0 6px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    float: left
}

.timeline .wrapper .history ul li .point .label span:before {
    position: absolute;
    top: 3px;
    left: -10px;
    content: '\20';
    border-style: solid;
    border-width: 5px;
    border-color: transparent #EC0B43 transparent transparent
}

.timeline .wrapper .history ul li .point .label span:after {
    position: absolute;
    top: 4px;
    left: -8px;
    content: '\20';
    border-style: solid;
    border-width: 4px;
    border-color: transparent #FFF transparent transparent
}

.timeline .wrapper .history ul li .point .label:after {
    display: block;
    clear: both;
    content: ''
}

.timeline .wrapper .history ul li .point .description {
    display: none;
    margin: 30px 0 0
}

.timeline .wrapper .history ul li .point .description figure {
    padding: 0;
    margin: 0
}

.timeline .wrapper .history ul li .point .description figure img {
    display: block;
    border: none;
    width: 100%
}

.timeline .wrapper .history ul li .point .description figure figcaption {
    font-size: 12px;
    color: #9B9B9B;
    margin: 15px 0 0
}

.timeline .wrapper .history ul li .point .description .content {
    margin: 20px 0 0;
    font-weight: 400;
    font-size: 14px;
    color: #2C2C2C;
    line-height: 25px
}

.timeline .wrapper .history ul li .point .description .content a {
    text-indent: 0;
    text-decoration: underline;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.timeline .wrapper .history ul li .point .description .content a:hover {
    color: #3b6ae5
}

.timeline .wrapper .history ul li .point .description .content a:active {
    color: #163ea4
}

.timeline .wrapper .history ul li .point .description .content a:focus {
    outline-color: #ACACAC
}

.timeline .wrapper .history ul li .point .description .content a i {
    margin: 0 0 0 5px
}

.timeline .wrapper .history ul li .point .description .content a[target=_blank]:after {
    display: inline;
    font-family: FontAwesome;
    content: '\A0\F08E'
}

.timeline .wrapper .history ul li .point .description .content a[href$=".pdf"]:before, .timeline .wrapper .history ul li .point .description .content a[href$=".doc"]:before, .timeline .wrapper .history ul li .point .description .content a[href$=".docx"]:before, .timeline .wrapper .history ul li .point .description .content a[href$=".ppt"]:before, .timeline .wrapper .history ul li .point .description .content a[href$=".pptx"]:before {
    display: inline-block;
    font-family: Kotebelle;
    font-size: 1.6em;
    vertical-align: middle;
    margin: 0 4px 0 0
}

.timeline .wrapper .history ul li .point .description .content a[href$=".pdf"] {
    color: #F62B2B
}

.timeline .wrapper .history ul li .point .description .content a[href$=".pdf"]:before {
    content: '\E001'
}

.timeline .wrapper .history ul li .point .description .content a[href$=".pdf"]:hover {
    color: #FF4D4D
}

.timeline .wrapper .history ul li .point .description .content a[href$=".pdf"]:active {
    color: #E92525
}

.timeline .wrapper .history ul li .point .description .content a[href$=".pdf"]:focus {
    outline-color: #FFCDCD
}

.timeline .wrapper .history ul li .point .description .content a[href$=".doc"], .timeline .wrapper .history ul li .point .description .content a[href$=".docx"] {
    color: #2A5598
}

.timeline .wrapper .history ul li .point .description .content a[href$=".doc"]:before, .timeline .wrapper .history ul li .point .description .content a[href$=".docx"]:before {
    content: '\E000'
}

.timeline .wrapper .history ul li .point .description .content a[href$=".doc"]:hover, .timeline .wrapper .history ul li .point .description .content a[href$=".docx"]:hover {
    color: #3665AD
}

.timeline .wrapper .history ul li .point .description .content a[href$=".doc"]:active, .timeline .wrapper .history ul li .point .description .content a[href$=".docx"]:active {
    color: #234D8D
}

.timeline .wrapper .history ul li .point .description .content a[href$=".doc"]:focus, .timeline .wrapper .history ul li .point .description .content a[href$=".docx"]:focus {
    outline-color: #ACC8F4
}

.timeline .wrapper .history ul li .point .description .content a[href$=".ppt"], .timeline .wrapper .history ul li .point .description .content a[href$=".pptx"] {
    color: #E65618
}

.timeline .wrapper .history ul li .point .description .content a[href$=".ppt"]:before, .timeline .wrapper .history ul li .point .description .content a[href$=".pptx"]:before {
    content: '\E002'
}

.timeline .wrapper .history ul li .point .description .content a[href$=".ppt"]:hover, .timeline .wrapper .history ul li .point .description .content a[href$=".pptx"]:hover {
    color: #F56526
}

.timeline .wrapper .history ul li .point .description .content a[href$=".ppt"]:active, .timeline .wrapper .history ul li .point .description .content a[href$=".pptx"]:active {
    color: #D84E13
}

.timeline .wrapper .history ul li .point .description .content a[href$=".ppt"]:focus, .timeline .wrapper .history ul li .point .description .content a[href$=".pptx"]:focus {
    outline-color: #FFCBB4
}

.timeline .wrapper .history ul li .point .description .content a[href$="?"]:after, .timeline .wrapper .history ul li .point .description .content a[href$="?"]:before {
    display: none
}

.timeline .wrapper .history ul li .point .description .content h1 {
    font-weight: 300;
    font-size: 24px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 30px 0 20px
}

.timeline .wrapper .history ul li .point .description .content h1:first-child {
    margin-top: 10px
}

.timeline .wrapper .history ul li .point .description .content h2 {
    font-weight: 600;
    font-size: 20px;
    color: #2C2C2C;
    line-height: 26px;
    margin: 25px 0 15px
}

.timeline .wrapper .history ul li .point .description .content h3 {
    font-weight: 600;
    font-size: 18px;
    color: #2C2C2C;
    line-height: 24px;
    margin: 20px 0 10px
}

.timeline .wrapper .history ul li .point .description .content h4 {
    font-weight: 400;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 16px;
    color: #2C2C2C;
    text-transform: uppercase;
    line-height: 16px;
    margin: 15px 0 10px
}

.timeline .wrapper .history ul li .point .description .content h5 {
    font-weight: 600;
    font-size: 14px;
    color: #7F7F7F;
    line-height: 18px;
    text-transform: uppercase;
    margin: 15px 0 10px
}

.timeline .wrapper .history ul li .point .description .content p {
    text-align: justify
}

.timeline .wrapper .history ul li .point .description .content p:not(:nth-last-of-type(1)) {
    margin: 15px 0 0
}

.timeline .wrapper .history ul li .point .description .content strong {
    font-weight: 600
}

.timeline .wrapper .history ul li .point .description .content img {
    border: none;
    max-width: 100%;
    height: auto
}

.timeline .wrapper .history ul li .point .description .content .column {
    float: left
}

.timeline .wrapper .history ul li .point .description .content .column.one-half {
    width: 48.63636364%;
    margin: 0 2.72727273% 0 0
}

.timeline .wrapper .history ul li .point .description .content .column.one-third {
    width: 31.81818182%;
    margin: 0 2.27272727% 0 0
}

.timeline .wrapper .history ul li .point .description .content .column.one-fourth {
    width: 23.63636364%;
    margin: 0 1.81818182% 0 0
}

.timeline .wrapper .history ul li .point .description .content .column.last {
    margin: 0
}

.timeline .wrapper .history ul li .point .description .content .column.last + .clear {
    display: block;
    clear: both;
    content: ''
}

.timeline .wrapper .history ul li .point .description .content ol, .timeline .wrapper .history ul li .point .description .content ul:not(.relinks) {
    margin: 5px 0 0 30px
}

.timeline .wrapper .history ul li .point .description .content ol li, .timeline .wrapper .history ul li .point .description .content ul:not(.relinks) li {
    margin: 2px 0 0
}

.timeline .wrapper .history ul li .point .description .content ol li:first-child, .timeline .wrapper .history ul li .point .description .content ul:not(.relinks) li:first-child {
    margin: 0
}

.timeline .wrapper .history ul li .point .description .content ul:not(.relinks) {
    list-style-type: none
}

.timeline .wrapper .history ul li .point .description .content ul:not(.relinks) li {
    position: relative
}

.timeline .wrapper .history ul li .point .description .content ul:not(.relinks) li:before {
    display: block;
    position: absolute;
    left: -30px;
    top: 3px;
    font-family: FontAwesome;
    content: '\F10C';
    color: #5374CB;
    text-align: center;
    line-height: 22px;
    width: 20px
}

.timeline .wrapper .history ul li .point .description .content ol {
    list-style-type: decimal
}

.timeline .wrapper .history ul li .point .description .content h1 + ol, .timeline .wrapper .history ul li .point .description .content h1 + p, .timeline .wrapper .history ul li .point .description .content h1 + ul, .timeline .wrapper .history ul li .point .description .content h2 + ol, .timeline .wrapper .history ul li .point .description .content h2 + p, .timeline .wrapper .history ul li .point .description .content h2 + ul, .timeline .wrapper .history ul li .point .description .content h3 + ol, .timeline .wrapper .history ul li .point .description .content h3 + p, .timeline .wrapper .history ul li .point .description .content h3 + ul, .timeline .wrapper .history ul li .point .description .content h4 + ol, .timeline .wrapper .history ul li .point .description .content h4 + p, .timeline .wrapper .history ul li .point .description .content h4 + ul, .timeline .wrapper .history ul li .point .description .content h5 + ol, .timeline .wrapper .history ul li .point .description .content h5 + p, .timeline .wrapper .history ul li .point .description .content h5 + ul {
    margin-top: 0 !important
}

.timeline .wrapper .history ul li .point .description .content iframe, .timeline .wrapper .history ul li .point .description .content video {
    max-width: 100%
}

.timeline .wrapper .history ul li .point .description .content hr {
    border: none;
    border-top: 1px dotted #ccc;
    height: 0;
    padding: 0;
    margin: 20px 0
}

.timeline .wrapper .history ul li .point .description .content:after {
    display: block;
    clear: both;
    content: ''
}

.timeline .wrapper .history ul li .point.small:before {
    display: block;
    position: absolute;
    left: 46px;
    top: 6px;
    content: '\20';
    background-color: #EC0B43;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.timeline .wrapper .history ul li .point.medium:before {
    display: block;
    position: absolute;
    left: 44px;
    top: 4px;
    content: '\20';
    background-color: #FFF;
    border: 2px solid #EC0B43;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.timeline .wrapper .history ul li .point.large {
    min-height: 30px;
    padding-top: 10px
}

.timeline .wrapper .history ul li .point.large h4 {
    font-size: 16px;
    line-height: 24px
}

.timeline .wrapper .history ul li .point.large:before {
    display: block;
    position: absolute;
    left: 30px;
    top: 0;
    font-weight: 600;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 13px;
    color: #EC0B43;
    content: '\4E\6F\77';
    text-align: center;
    line-height: 36px;
    background-color: #FFF;
    border: 2px solid #EC0B43;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.timeline .wrapper .history ul li.active .point h4 a, .timeline .wrapper .history ul li.active time {
    color: #EC0B43
}

.timeline .wrapper .history ul li.active .point h4 a:focus {
    outline-color: #fcc7d4
}

.timeline .wrapper .history ul li:first-child {
    margin-top: 0
}

.timeline .wrapper .history ul li:after {
    display: block;
    clear: both;
    content: ''
}

.timeline .wrapper .history ul:before, .timeline:before {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    content: '\20'
}

.timeline .wrapper .history ul:before {
    left: 48px;
    width: 4px;
    background: url(../_graphics/dots.png) center 10px repeat-y;
    background-image: url(../_svg/dots.svg), none
}

.timeline:before {
    left: 50%;
    right: 0;
    background-color: #F7F7F7;
    z-index: -1
}

.laboratories .wrapper {
    width: 1100px;
    padding: 30px 0 50px;
    margin: 0 auto
}

.laboratories .wrapper .directions {
    padding: 0 30px 0 0;
    background: url(../_graphics/dots.png) 38px 10px repeat-y;
    background-image: url(../_svg/dots.svg), none
}

.laboratories .wrapper .directions > li {
    margin: 40px 0 0
}

.laboratories .wrapper .directions > li ul {
    display: none;
    padding: 0 0 0 110px;
    margin: 20px 0 0
}

.laboratories .wrapper .directions > li ul li {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    margin: 20px 0 0
}

.laboratories .wrapper .directions > li ul li:first-child, .laboratories .wrapper .directions > li:first-child {
    margin-top: 0
}

.laboratories .wrapper .directions > li ul li a {
    text-decoration: none;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.laboratories .wrapper .directions > li ul li a:hover {
    color: #3b6ae5
}

.laboratories .wrapper .directions > li ul li a:active {
    color: #163ea4
}

.laboratories .wrapper .directions > li ul li a:focus {
    outline-color: #ACACAC
}

.laboratories .wrapper .directions > li .heading a:focus, .photostack nav a:focus {
    outline-color: #E5E5E5
}

.laboratories .wrapper .directions > li ul li a[target=_blank]:after {
    display: inline;
    font-family: FontAwesome;
    content: '\A0\F08E'
}

.laboratories .wrapper .directions > li ul li:before {
    display: block;
    position: absolute;
    left: -70px;
    top: 7px;
    content: '\20';
    background-color: #1946BA;
    width: 6px;
    height: 6px;
    margin-left: -3px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.laboratories .wrapper .directions > li .heading a {
    display: table;
    font-weight: 400;
    font-size: 18px;
    font-family: 'ALS Schlange Sans', sans-serif;
    color: #1C1C1C;
    text-decoration: none;
    line-height: 24px;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.laboratories .wrapper .directions > li .heading a .image {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 80px
}

.laboratories .wrapper .directions > li .heading a .image img {
    position: relative;
    display: block;
    border: none;
    width: 80px;
    height: 80px;
    z-index: 1;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.laboratories .wrapper .directions > li .heading a .image:after, .laboratories .wrapper .directions > li .heading a .image:before {
    display: block;
    position: absolute
}

.laboratories .wrapper .directions > li .heading a .image:before {
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    content: '\20';
    background-color: #EC0B43;
    z-index: 2;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transition: opacity .3s ease-in-out, transform .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out, transform .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out, transform .3s ease-in-out
}

.laboratories .wrapper .directions > li .heading a .image:after {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-family: FontAwesome;
    font-size: 16px;
    content: '\F063';
    color: #FFF;
    text-align: center;
    line-height: 80px;
    z-index: 3;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    transition: transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out;
    -webkit-transition: transform .2s ease-in-out
}

.laboratories .wrapper .directions > li .heading a .subject {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.laboratories .wrapper .directions > li .heading a:hover {
    color: #EC0B43
}

.laboratories .wrapper .directions > li .heading a:hover .image:before {
    opacity: .9;
    -moz-opacity: .9;
    -khtml-opacity: .9
}

.laboratories .wrapper .directions > li .heading a:hover .image:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.laboratories .wrapper .directions > li .heading a:active {
    color: #bb0935
}

.laboratories .wrapper .directions > li.active .heading a {
    color: #EC0B43
}

.laboratories .wrapper .directions > li.active .heading a .image:before {
    opacity: .9;
    -moz-opacity: .9;
    -khtml-opacity: .9;
    -webkit-transform: scale(1.33333333);
    -moz-transform: scale(1.33333333);
    transform: scale(1.33333333)
}

.laboratories .wrapper .directions > li.active .heading a .image:after {
    content: '\F00C';
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.laboratories .wrapper:after {
    display: block;
    clear: both;
    content: ''
}

.contacts .wrapper {
    width: 1100px;
    padding: 15px 0 40px;
    margin: 0 auto
}

.contacts .wrapper .item {
    border: 2px solid #F7F7F7;
    width: 31.81818182%;
    margin: 57px 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.contacts .wrapper .item h4 {
    position: relative;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    text-transform: capitalize;
    line-height: 20px;
    padding: 20px 53px
}

.contacts .wrapper .item h4 .icon {
    display: block;
    background-color: #1946BA !important;
    border: 2px solid #FFF;
    width: 64px;
    height: 64px;
    margin-top: -52px !important;
    margin-bottom: 10px !important;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.contacts .wrapper .item h4 .icon.general {
    background: url(../_graphics/contacts/general.png) center center no-repeat;
    background-image: url(../_svg/contacts/general.svg), none
}

.contacts .wrapper .item h4 .icon.press {
    background: url(../_graphics/contacts/press.png) center center no-repeat;
    background-image: url(../_svg/contacts/press.svg), none
}

.contacts .wrapper .item h4 .icon.student {
    background: url(../_graphics/contacts/student.png) center center no-repeat;
    background-image: url(../_svg/contacts/student.svg), none
}

.contacts .wrapper .item h4 .icon.candidate {
    background: url(../_graphics/contacts/candidate.png) center center no-repeat;
    background-image: url(../_svg/contacts/candidate.svg), none
}

.contacts .wrapper .item h4 .icon.professor {
    background: url(../_graphics/contacts/professor.png) center center no-repeat;
    background-image: url(../_svg/contacts/professor.svg), none
}

.contacts .wrapper .item h4 .icon.diploma {
    background: url(../_graphics/contacts/diploma.png) center center no-repeat;
    background-image: url(../_svg/contacts/diploma.svg), none
}

.contacts .wrapper .item h4:after, .contacts .wrapper .item h4:before {
    position: absolute;
    top: 50%;
    display: block;
    content: '\20';
    background-color: #F7F7F7;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.contacts .wrapper .item h4:before {
    left: 28px
}

.contacts .wrapper .item h4:after {
    right: 28px
}

.contacts .wrapper .item ul {
    background-color: #F7F7F7;
    padding: 0 0 10px
}

.contacts .wrapper .item ul li {
    font-size: 16px;
    color: #1C1C1C;
    line-height: 24px;
    border-top: 1px dashed #E5E5E5;
    padding: 20px 28px
}

.contacts .wrapper .item ul li span {
    display: block;
    font-size: 10px;
    color: #8A8A8A;
    text-transform: uppercase;
    line-height: 10px;
    margin: 5px 0 0
}

.contacts .wrapper .item ul li a {
    text-decoration: none;
    color: #1946BA
}

.contacts .wrapper .item ul li a:hover {
    color: #3b6ae5
}

.contacts .wrapper .item ul li a:active {
    color: #163ea4
}

.contacts .wrapper .item ul li a:focus {
    outline-color: #ACACAC
}

.contacts .wrapper .item ul li:first-child {
    border-top: none
}

.contacts .wrapper .gutter {
    width: 2.27272727%
}

.partners .wrapper {
    width: 1100px;
    padding: 30px 0;
    margin: 0 auto
}

.partners .wrapper .item {
    width: 18.18181818%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.partners .wrapper .item .logotype {
    display: block;
    text-decoration: none;
    padding: 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: background-color .15s ease-in-out;
    -moz-transition: background-color .15s ease-in-out;
    -webkit-transition: background-color .15s ease-in-out
}

.partners .wrapper .item .logotype img {
    display: block;
    border: none;
    max-width: 100%;
    transition: opacity .25s ease-in-out, filter .5s ease-in-out;
    -moz-transition: opacity .25s ease-in-out, filter .5s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out, filter .5s ease-in-out;
    margin: 0 auto
}

.partners .wrapper .item .logotype:hover {
    background-color: #F7F7F7
}

.partners .wrapper .item .logotype:focus {
    outline-color: #DBDBDB
}

.partners .wrapper .item .logotype.active {
    background-color: transparent
}

.partners .wrapper .item .summary {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    background-color: #F7F7F7;
    padding: 20px;
    margin: 10px 0 0;
    z-index: 9998
}

.partners .wrapper .item .summary time {
    display: block;
    font-weight: 300;
    font-size: 12px;
    color: #9B9B9B;
    line-height: 12px
}

.partners .wrapper .item .summary h5 {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    margin: 5px 0 0
}

.partners .wrapper .item .summary p {
    font-size: 13px;
    line-height: 20px;
    margin: 10px 0 0
}

.partners .wrapper .item .summary .link {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 5px 0 0
}

.partners .wrapper .item .summary .link a {
    font-size: 13px;
    text-decoration: none;
    color: #1946BA;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.partners .wrapper .item .summary .link a:hover {
    color: #3b6ae5
}

.partners .wrapper .item .summary .link a:active {
    color: #163ea4
}

.partners .wrapper .item .summary .link a:focus {
    outline-color: #ACACAC
}

.alumni .wrapper .group > ul > li .photo a:focus, .alumni .wrapper .group > ul > li .summary h5 a:focus, .alumni .wrapper .group > ul > li .summary ul li a:focus {
    outline-color: #DBDBDB
}

.partners .wrapper .item .summary .link a[target=_blank]:after {
    display: inline;
    font-family: FontAwesome;
    content: '\A0\F08E'
}

.partners .wrapper .item .summary:before {
    position: absolute;
    left: 20px;
    top: -20px;
    content: '\20';
    border: 10px solid transparent;
    border-bottom-color: #F7F7F7;
    width: 0;
    height: 0
}

.partners .wrapper .gutter {
    width: 2.27272727%
}

.partners .wrapper.faded .item .logotype img {
    opacity: .3;
    -moz-opacity: .3;
    -khtml-opacity: .3
}

.partners .wrapper.faded .item .logotype:hover img {
    opacity: .8;
    -moz-opacity: .8;
    -khtml-opacity: .8
}

.partners .wrapper.faded .item .logotype.active img {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1
}

.partners .wrapper.faded .item .logotype:not(.active) img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.alumni .wrapper {
    width: 1100px;
    padding: 40px 0;
    margin: 0 auto;
    background: url(../_graphics/dots.png) 2px 10px repeat-y;
    background-image: url(../_svg/dots.svg), none
}

.alumni .wrapper .group > ul > li .photo .dummy, .alumni .wrapper .group > ul > li .summary ul li a {
    display: block;
    font-family: FontAwesome;
    background-color: #F7F7F7;
    text-align: center
}

.alumni .wrapper .group {
    position: relative;
    margin: 40px 0 0
}

.alumni .wrapper .group > ul {
    padding: 40px 0 0 36px
}

.alumni .wrapper .group > ul > li {
    width: 31.57894737%;
    margin: 0 0 0 2.63157895%;
    float: left
}

.alumni .wrapper .group > ul > li .photo {
    height: 80px;
    float: left
}

.alumni .wrapper .group > ul > li .photo img {
    display: block;
    border: none;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.alumni .wrapper .group > ul > li .photo a {
    text-decoration: none
}

.alumni .wrapper .group > ul > li .photo .dummy {
    font-size: 32px;
    color: #D9D9D9;
    line-height: 80px;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.alumni .wrapper .group > ul > li .photo .dummy:before {
    content: '\F118'
}

.alumni .wrapper .group > ul > li .summary {
    padding: 10px 0 0 100px
}

.alumni .wrapper .group > ul > li .summary h5 {
    font-weight: 400;
    font-size: 17px;
    line-height: 20px
}

.alumni .wrapper .group > ul > li .summary h5 a {
    color: #1C1C1C;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.alumni .wrapper .group > ul > li .summary h5 a:hover {
    color: #1946BA
}

.alumni .wrapper .group > ul > li .summary h5 a:active {
    color: #13358d
}

.alumni .wrapper .group > ul > li .summary .job {
    font-weight: 400;
    font-size: 14px;
    color: #949494;
    line-height: 20px;
    margin: 6px 0 0
}

.alumni .wrapper .group > ul > li .summary ul {
    margin: 10px 0 0
}

.alumni .wrapper .group > ul > li .summary ul li {
    margin: 0 0 0 10px;
    float: left;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    transform: scale(.5);
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transition: transform .2s ease-in-out, opacity .1s ease-in-out;
    -moz-transition: transform .2s ease-in-out, opacity .1s ease-in-out;
    -webkit-transition: transform .2s ease-in-out, opacity .1s ease-in-out
}

.alumni .wrapper .group > ul > li .summary ul li:first-child, .alumni .wrapper .group > ul > li:nth-child(3n+1) {
    margin-left: 0
}

.alumni .wrapper .group > ul > li .summary ul li a {
    font-size: 14px;
    color: #1C1C1C;
    text-decoration: none;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    transition: color .15s ease-in-out, background-color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out, background-color .15s ease-in-out;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out
}

.alumni .wrapper .group > ul > li .summary ul li a.envelope:before {
    content: '\F0E0'
}

.alumni .wrapper .group > ul > li .summary ul li a.phone:before {
    content: '\F095'
}

.alumni .wrapper .group > ul:after, .alumni .wrapper .group > ul > li .summary ul:after, .alumni .wrapper .group > ul > li:after {
    content: '';
    display: block;
    clear: both
}

.alumni .wrapper .group > ul > li .summary ul li a:hover {
    color: #FFF;
    background-color: #EC0B43
}

.alumni .wrapper .group > ul > li .summary ul li a:active {
    background-color: #bb0935
}

.alumni .wrapper .group > ul > li .summary ul li:nth-child(2) {
    transition-delay: .05s
}

.alumni .wrapper .group > ul > li:hover .summary ul li {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1
}

.alumni .wrapper .group > ul > li:nth-child(n+4) {
    margin-top: 20px
}

.alumni .wrapper .group:after, .alumni .wrapper .group:before {
    display: block;
    position: absolute
}

.alumni .wrapper .group:before {
    left: 0;
    top: 6px;
    content: '\20';
    background-color: #FFF;
    border: 2px solid #1946BA;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.alumni .wrapper .group:after {
    left: 18px;
    top: 0;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #1946BA;
    content: attr(data-year);
    line-height: 20px
}

.alumni .wrapper .group:first-child {
    margin-top: 0
}

.photostack {
    position: relative;
    overflow: hidden;
    background-color: #F2F2F2;
    height: 480px;
    padding: 0 0 60px
}

.photostack nav {
    position: absolute;
    width: 100%;
    bottom: 40px;
    z-index: 90;
    text-align: center;
    left: 0;
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out
}

.photostack nav a {
    position: relative;
    display: inline-block;
    background-color: #BFBFBF;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    transition: background-color .2s ease-in-out, transform .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, transform .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out, transform .2s ease-in-out;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    transform: scale(.5)
}

.photostack nav a:after {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: '\20';
    background: url(../_graphics/flip.png) 48% 45% no-repeat;
    background-image: url(../_svg/flip.svg), none;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    -webkit-transition: transform .2s ease-in-out, opacity .2s ease-in-out
}

.photostack nav a:hover {
    background-color: #a6a6a6
}

.photostack nav a:active {
    background-color: #999
}

.photostack nav a.current {
    background-color: #1946BA;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.photostack nav a.current.flip {
    background-color: #EC0B43;
    -webkit-transform: scale(1) rotateY(-180deg) translateZ(-1px);
    -moz-transform: scale(1) rotateY(-180deg) translateZ(-1px);
    -ms-transform: scale(1) rotateY(-180deg) translateZ(-1px);
    -o-transform: scale(1) rotateY(-180deg) translateZ(-1px);
    transform: scale(1) rotateY(-180deg) translateZ(-1px)
}

.photostack nav a.current:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1
}

.photostack nav a.flippable {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.photostack nav a:last-child {
    margin-right: 0
}

.photostack .wrapper {
    width: 100%;
    height: 100%;
    margin: 0 auto
}

.photostack .wrapper figure {
    position: absolute;
    background-color: #fff;
    text-align: center;
    width: 300px;
    height: 360px;
    padding: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: transform .6s ease-in-out;
    -moz-transition: transform .6s ease-in-out;
    -webkit-transition: transform .6s ease-in-out
}

.photostack .wrapper figure figcaption h2 {
    overflow: hidden;
    font-family: 'ALS Schlange Sans', sans-serif;
    font-size: 18px;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 20px 0 0
}

.photostack .wrapper figure figcaption .country {
    font-size: 14px;
    color: grey;
    line-height: 20px;
    margin: 8px 0 0
}

.photostack .wrapper figure figcaption .country img {
    vertical-align: middle;
    height: 20px;
    margin: 0 4px 0 0
}

.photostack .wrapper figure figcaption .photostack-back {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FFF;
    width: 100%;
    height: 100%;
    padding: 40px 30px;
    z-index: 2000000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.photostack .wrapper figure figcaption .photostack-back p {
    overflow: hidden;
    font-weight: 300;
    font-size: 16px;
    font-style: italic;
    color: #565656;
    text-align: left;
    line-height: 28px;
    max-height: 280px
}

.photostack .wrapper figure .handwritten {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: .08;
    -moz-opacity: .08;
    -khtml-opacity: .08
}

.photostack .wrapper figure .photo {
    background-color: #F9F9F9;
    width: 240px;
    height: 240px
}

.photostack .wrapper figure .photo img {
    display: block;
    border: none;
    width: 100%
}

.photostack .wrapper figure.photostack-current {
    cursor: pointer;
    z-index: 1
}

.photostack .wrapper figure.photostack-current:after {
    visibility: hidden;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0
}

.photostack .wrapper figure:not(.photostack-current) {
    z-index: 0;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.photostack .wrapper figure:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: '\20';
    background-color: rgba(245, 245, 245, .6);
    width: 100%;
    height: 100%;
    transition: opacity .5s ease-in-out, visibility 0s .5s;
    -moz-transition: opacity .5s ease-in-out, visibility 0s .5s;
    -webkit-transition: opacity .5s ease-in-out, visibility 0s .5s;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1
}

.photostack + .page article {
    padding-top: 30px
}

.media {
    background-color: #242424
}

.media .wrapper {
    width: 1100px;
    margin: 0 auto
}

.media .wrapper .item {
    background-color: #1C1C1C;
    background-repeatL: no-repeat;
    background-position: center center;
    width: 33.33333333%;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    float: left
}

.media .wrapper .item .gradient {
    padding: 10px;
    background: rgba(28, 28, 28, 0);
    background: -moz-linear-gradient(top, rgba(28, 28, 28, 0) 0, rgba(28, 28, 28, .98) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(28, 28, 28, 0)), color-stop(100%, rgba(28, 28, 28, .98)));
    background: -webkit-linear-gradient(top, rgba(28, 28, 28, 0) 0, rgba(28, 28, 28, .98) 100%);
    background: -o-linear-gradient(top, rgba(28, 28, 28, 0) 0, rgba(28, 28, 28, .98) 100%);
    background: -ms-linear-gradient(top, rgba(28, 28, 28, 0) 0, rgba(28, 28, 28, .98) 100%);
    background: linear-gradient(to bottom, rgba(28, 28, 28, 0) 0, rgba(28, 28, 28, .98) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(28, 28, 28, 0)', endColorstr='rgba(28, 28, 28, 0.98)', GradientType=0)
}

.media .wrapper .item .gradient .border {
    position: relative;
    border: 1px solid rgba(255, 255, 255, .1)
}

.media .wrapper .item .gradient .border .wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 20px 15px
}

.media .wrapper .item .gradient .border .wrap h4 {
    font-family: 'ALS Schlange Sans', sans-serif;
    font-weight: 600;
    font-size: 17px;
    color: #FFF;
    line-height: 22px
}

.media .wrapper .item .gradient .border .wrap h4 a {
    display: inline-block;
    color: #FFF;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out
}

.media .wrapper .item .gradient .border .wrap h4 a:hover {
    color: #f2f2f2
}

.media .wrapper .item .gradient .border .wrap h4 a:active {
    color: #e6e6e6
}

.media .wrapper .item .gradient .border .wrap h4 a:focus {
    outline-color: rgba(255, 255, 255, .2)
}

.media .wrapper .item .gradient .border .wrap .source {
    font-weight: 300;
    font-size: 12px;
    color: rgba(255, 255, 255, .45);
    line-height: 16px;
    margin: 15px 0 0
}

.media .wrapper .item .gradient .border .wrap .source a {
    font-weight: 400;
    color: #EC0B43;
    text-decoration: none;
    border-bottom: 1px solid rgba(236, 11, 67, .4);
    margin: 0 0 0 4px;
    transition: color .2s ease-in-out, border-bottom-color .1s ease-in-out;
    -moz-transition: color .2s ease-in-out, border-bottom-color .1s ease-in-out;
    -webkit-transition: color .2s ease-in-out, border-bottom-color .1s ease-in-out
}

.media .wrapper .item .gradient .border .wrap .source a:after {
    font-family: FontAwesome;
    content: '\F08E';
    vertical-align: middle;
    margin: 0 0 0 5px
}

.media .wrapper .item .gradient .border .wrap .source a:hover {
    border-bottom-color: rgba(236, 11, 67, .8)
}

.media .wrapper .item .gradient .border .wrap .source a:active {
    color: #d40a3c;
    border-bottom-color: rgba(236, 11, 67, .7)
}

.media .wrapper .item .gradient .border .wrap .source a:focus {
    outline-color: rgba(236, 11, 67, .4)
}

.groupschedule .wrapper .results .list .group ul li a:focus, .groupschedule .wrapper .searchform .field .select .handler a:focus, .groupschedule .wrapper .searchform .field .select ul li a:focus, .groupschedule .wrapper .searchform .field button:focus, .groupschedule .wrapper .timetable .heading .backward a:focus, .groupschedule .wrapper .timetable .list .dailyinfo .table .body .row .subject .instructor a:focus {
    outline-color: #E5E5E5
}

.media .wrapper:after {
    display: block;
    clear: both;
    content: ''
}

.groupschedule .wrapper {
    width: 1100px;
    padding: 0 0 40px;
    margin: 0 auto
}

.groupschedule .wrapper h3 {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px
}

.groupschedule .wrapper h3 strong {
    font-weight: 600
}

.groupschedule .wrapper .searchform {
    background-color: #F7F7F7;
    padding: 30px 30px 40px
}

.groupschedule .wrapper .searchform .field {
    position: relative;
    width: 27.27272727%;
    margin: 0 0 0 6.36363636%;
    z-index: 0;
    float: left
}

.groupschedule .wrapper .searchform .field label {
    display: block;
    font-weight: 600;
    font-size: 11px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 10px
}

.groupschedule .wrapper .searchform .field select {
    display: none
}

.groupschedule .wrapper .searchform .field button {
    display: inline-block;
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #FFF;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 40px;
    background-color: #1946BA;
    border: none;
    max-width: 100%;
    padding: 0 20px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    transition: background-color .15s ease-in-out;
    -moz-transition: background-color .15s ease-in-out;
    -webkit-transition: background-color .15s ease-in-out;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.groupschedule .wrapper .searchform .field button strong {
    font-weight: 600
}

.groupschedule .wrapper .searchform .field button:hover {
    background-color: #1c4ed0
}

.groupschedule .wrapper .searchform .field button:active {
    background-color: #163ea4
}

.groupschedule .wrapper .searchform .field .select {
    position: relative;
    margin: 10px 0 0
}

.groupschedule .wrapper .searchform .field .select .handler {
    position: relative;
    z-index: 1
}

.groupschedule .wrapper .searchform .field .select .handler a {
    position: relative;
    display: block;
    overflow: hidden;
    font-weight: 300;
    font-size: 20px;
    color: #1C1C1C;
    text-decoration: none;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid #8D8D8D;
    padding: 0 20px 0 0;
    transition: border-bottom-color .15s ease-in-out;
    -moz-transition: border-bottom-color .15s ease-in-out;
    -webkit-transition: border-bottom-color .15s ease-in-out
}

.groupschedule .wrapper .searchform .field .select .handler a:before {
    position: absolute;
    right: 5px;
    top: 10px;
    font-family: Kotebelle;
    font-weight: 400;
    font-size: 10px;
    content: '\E005';
    color: grey;
    text-align: center;
    line-height: 10px;
    width: 10px;
    height: 10px
}

.groupschedule .wrapper .searchform .field .select .handler a:hover {
    border-bottom-color: #1C1C1C
}

.groupschedule .wrapper .searchform .field .select .handler a:active {
    border-bottom-color: #595959
}

.groupschedule .wrapper .searchform .field .select .handler.active a {
    border-bottom-color: #E5E5E5
}

.groupschedule .wrapper .searchform .field .select .handler.placeholded a {
    color: #b3b3b3
}

.groupschedule .wrapper .searchform .field .select ul {
    display: none;
    position: absolute;
    left: -15px;
    top: -5px;
    right: -15px;
    background-color: #FFF;
    padding: 45px 0 5px;
    z-index: 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 1px 2px rgba(28, 28, 28, .1);
    -moz-box-shadow: 0 1px 2px rgba(28, 28, 28, .1);
    -webkit-box-shadow: 0 1px 2px rgba(28, 28, 28, .1)
}

.groupschedule .wrapper .searchform .field .select ul li {
    animation: zoomIn .2s ease-out;
    -moz-animation: zoomIn .2s ease-out;
    -webkit-animation: zoomIn .2s ease-out;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0
}

.groupschedule .wrapper .searchform .field .select ul li a {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #1C1C1C;
    text-decoration: none;
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 10px 15px;
    transition: background-color .1s ease-in-out;
    -moz-transition: background-color .1s ease-in-out;
    -webkit-transition: background-color .1s ease-in-out
}

.groupschedule .wrapper .searchform .field .select ul li a:hover {
    background-color: #FAFAFA
}

.groupschedule .wrapper .searchform .field .select ul li a:active {
    background-color: #F5F5F5
}

.groupschedule .wrapper .searchform .field .select ul li.selected a {
    color: #1946BA;
    background-color: #f2f6ff
}

.groupschedule .wrapper .searchform .field.focused {
    z-index: 99
}

.groupschedule .wrapper .searchform .field.submit {
    font-size: 0;
    text-align: right;
    padding-top: 10px
}

.groupschedule .wrapper .searchform .field:nth-child(3n+1) {
    clear: left;
    margin-left: 0
}

.groupschedule .wrapper .searchform .field:nth-child(n+4) {
    margin-top: 30px
}

.groupschedule .wrapper .searchform:after {
    display: block;
    clear: both;
    content: ''
}

.groupschedule .wrapper .results, .groupschedule .wrapper .results .list {
    margin: 40px 0 0
}

.groupschedule .wrapper .results .list .group {
    position: relative;
    padding: 30px 0 0;
    margin: 30px 0 0
}

.groupschedule .wrapper .results .list .group ul {
    width: 84.54545455%;
    margin: 0 0 0 6.36363636%;
    float: left
}

.groupschedule .wrapper .results .list .group ul li {
    text-align: center;
    width: 22.58064516%;
    margin: 0 0 0 3.22580645%;
    float: left
}

.groupschedule .wrapper .results .list .group ul li a {
    position: relative;
    display: inline-block;
    color: #1946BA;
    font-size: 13px;
    text-decoration: none;
    line-height: 30px;
    padding: 0 12px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    transition: color .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out
}

.groupschedule .wrapper .results .list .group ul li a:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: '\20';
    border: 1px solid rgba(25, 70, 186, .3);
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px
}

.groupschedule .wrapper .results .list .group ul li a:hover {
    color: #FFF;
    background-color: #1946BA
}

.groupschedule .wrapper .results .list .group ul li a:hover:before {
    border-color: transparent;
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    transform: scale(1.4);
    transition: border-color .4s ease-in-out, transform .4s ease-in-out;
    -moz-transition: border-color .4s ease-in-out, transform .4s ease-in-out;
    -webkit-transition: border-color .4s ease-in-out, transform .4s ease-in-out
}

.groupschedule .wrapper .results .list .group ul li a:active {
    color: #FFF;
    background-color: #163ea4
}

.groupschedule .wrapper .results .list .group ul li a:active:before {
    display: none
}

.groupschedule .wrapper .results .list .group ul li:nth-child(4n+1) {
    margin-left: 0
}

.groupschedule .wrapper .results .list .group ul li:nth-child(n+5) {
    margin-top: 15px
}

.groupschedule .wrapper .results .list .group ul:after {
    display: block;
    clear: both;
    content: ''
}

.groupschedule .wrapper .results .list .group .mask {
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 5px;
    line-height: 16px;
    width: 9.09090909%;
    float: left
}

.groupschedule .wrapper .results .list .group .mask i {
    font-family: Kotebelle;
    font-weight: 400;
    font-style: normal;
    font-size: 6px;
    color: #DBDBDB;
    vertical-align: middle
}

.groupschedule .wrapper .results .list .group .mask i:before {
    content: '\E006'
}

.groupschedule .wrapper .results .list .group:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '\20';
    background-color: #EDEDED;
    width: 100px;
    height: 1px;
    z-index: 0
}

.groupschedule .wrapper .results .list .group:after {
    display: block;
    clear: both;
    content: ''
}

.groupschedule .wrapper .results .list .group:first-child {
    padding-top: 0;
    margin-top: 0
}

.groupschedule .wrapper .results .list .group:first-child:before {
    display: none
}

.groupschedule .wrapper .timetable {
    margin: 40px 0 0
}

.groupschedule .wrapper .timetable .heading h3 {
    padding-left: 61px
}

.groupschedule .wrapper .timetable .heading .backward {
    border-right: 1px solid #E6E6E6;
    padding: 0 20px 0 0;
    margin: 0 20px 0 0;
    float: left
}

.groupschedule .wrapper .timetable .heading .backward a {
    display: block;
    font-family: Kotebelle;
    font-size: 20px;
    color: #1C1C1C;
    text-align: center;
    text-decoration: none;
    line-height: 20px;
    width: 20px;
    height: 20px;
    transition: color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out;
    -webkit-transition: color .15s ease-in-out
}

.groupschedule .wrapper .timetable .heading .backward a:before {
    content: '\E003'
}

.groupschedule .wrapper .timetable .heading .backward a:hover {
    color: #696969
}

.groupschedule .wrapper .timetable .heading .backward a:active {
    color: #424242
}

.groupschedule .wrapper .timetable .heading:after {
    display: block;
    clear: both;
    content: ''
}

.groupschedule .wrapper .timetable .list {
    margin: 30px 0 0
}

.groupschedule .wrapper .timetable .list .dailyinfo {
    margin: 60px 0 0
}

.groupschedule .wrapper .timetable .list .dailyinfo .weekday {
    width: 15.45454545%;
    float: left
}

.groupschedule .wrapper .timetable .list .dailyinfo .weekday h5 {
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 20px
}

.groupschedule .wrapper .timetable .list .dailyinfo .weekday time {
    display: block;
    font-size: 13px;
    color: #999;
    line-height: 16px;
    margin: 5px 0 0
}

.groupschedule .wrapper .timetable .list .dailyinfo .weekday time strong {
    display: block;
    font-weight: 600;
    color: #EC0B43
}

.groupschedule .wrapper .timetable .list .dailyinfo .weekday time.now {
    position: relative;
    color: #EC0B43;
    padding-left: 16px
}

.groupschedule .wrapper .timetable .list .dailyinfo .weekday time.now:before {
    position: absolute;
    left: 0;
    top: 5px;
    content: '\20';
    background-color: #EC0B43;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.groupschedule .wrapper .timetable .list .dailyinfo .table {
    width: 80.90909091%;
    margin: 0 0 0 3.63636364%;
    float: left
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .head {
    display: none;
    border-bottom: 1px solid #E6E6E6;
    padding: 0 0 10px
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .head .column {
    font-weight: 300;
    font-size: 13px;
    color: #999;
    text-transform: uppercase;
    border-left-color: #E6E6E6;
    line-height: 30px
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .head:after {
    display: block;
    clear: both;
    content: ''
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .body .row {
    border-top: 1px solid #E6E6E6;
    padding: 20px 0 0;
    margin: 20px 0 0
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .body .row .subject h6, .groupschedule .wrapper .timetable .list .dailyinfo .table .body .row .time {
    font-weight: 300;
    font-size: 16px;
    line-height: 22px
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .body .row .subject .instructor {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    margin: 5px 0 0
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .body .row .subject .instructor a {
    color: #1946BA;
    text-decoration: none;
    border-bottom: 1px solid rgba(25, 70, 186, .4);
    transition: color .15s ease-in-out, border-bottom-color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out, border-bottom-color .15s ease-in-out;
    -webkit-transition: color .15s ease-in-out, border-bottom-color .15s ease-in-out
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .body .row .subject .instructor a:hover {
    color: #EC0B43;
    border-bottom-color: rgba(236, 11, 67, .4)
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .body .row .subject .instructor a:active {
    color: #bb0935;
    border-bottom-color: rgba(236, 11, 67, .7)
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .body .row .room {
    font-weight: 600;
    font-size: 16px;
    line-height: 18px
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .body .row .room address {
    position: relative;
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
    color: grey;
    padding: 0 0 0 25px;
    margin: 10px 0 0
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .body .row .room address:before {
    position: absolute;
    left: 0;
    top: 0;
    font-family: Kotebelle;
    font-weight: 400;
    font-size: 16px;
    content: '\E004'
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .body .row:after, .groupschedule .wrapper .timetable .list .dailyinfo:after {
    clear: both;
    content: '';
    display: block
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .body .row:first-child {
    border-top: none;
    padding-top: 0;
    margin-top: 0
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .column {
    border-left: 1px solid transparent;
    padding: 0 20px;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .column.time {
    width: 23.59550562%
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .column.subject {
    width: 46.06741573%
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .column.room {
    width: 30.33707865%
}

.groupschedule .wrapper .timetable .list .dailyinfo .table .column:first-child {
    border-left: none
}

.groupschedule .wrapper .timetable .list .dailyinfo:first-child {
    margin-top: 0
}

.groupschedule .wrapper .timetable .list .dailyinfo:first-child .weekday {
    padding-top: 70px
}

.groupschedule .wrapper .timetable .list .dailyinfo:first-child .table .head {
    display: block
}

.groupschedule .wrapper .timetable .list .dailyinfo:first-child .table .head + .body {
    margin-top: 30px
}

.bold {
    color: black !important;
    font-weight: bold !important;
}

.directions-list_item {
    -webkit-border-radius: 37px;
    -moz-border-radius: 37px;
    border-radius: 37px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    overflow: hidden;
}
.directions-list_item.opened {
    border: 1px solid #1946BA;
}
.directions-list_toggle {
    position: relative;
    height: 80px;
    font-size: 20px;
    color: #1946BA;
    font-weight: 600;
    background-color: #fff;
    font-family: "Schlange Sans Bold","Open Sans",sans-serif;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    cursor: pointer;
    overflow: hidden;
}
.vertical-aligned {
    display: table-cell;
    height: inherit;
    width: inherit;
    vertical-align: middle;
}
.directions-list_toggle p {
    display: inline-block;
    height: inherit;
    margin: 0;
}
.opened .directions-list_toggle,
.directions-list_toggle:hover,
.directions-list_toggle:active,
.directions-list_toggle:focus {
    color: #fff;
    background: #1946BA;
}
.directions-list_toggle:hover:after {
    color: #fff;
}
.directions-list_toggle-content {
    display: none;
    padding: 20px 30px;
    background: #f9f9f9;
    font-family: "Open Sans",sans-serif !important;
    font-weight: 400;
    font-size: 16px;
}
.directions-list_toggle:before {
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 5px 20px 15px 16px;
}
.directions-list_internet:before {
    background: url('../_graphics/list-internet.png') no-repeat;
    background-size: contain;
}
.directions-list_comp:before {
    background: url('../_graphics/list-comp.png') no-repeat;
    background-size: contain;
}
.directions-list_geo:before {
    background: url('../_graphics/list-geo.png') no-repeat;
    background-size: contain;
}
.directions-list_flor:before {
    background: url('../_graphics/list-flor.png') no-repeat;
    background-size: contain;
}
.directions-list_writ:before {
    background: url('../_graphics/list-writ.png') no-repeat;
    background-size: contain;
}
.directions-list_innovations:before {
    background: url('../_graphics/list-innovations.png') no-repeat;
    background-size: contain;
    border-radius: 50%;
}
.directions-list_life_sciences:before {
    background: url('../_graphics/list-life_sciences.png') no-repeat;
    background-size: contain;
}
.directions-list_international:before {
    background-image: url('../_graphics/list-international.svg');
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: contain;
    border: 2px solid #fff;
    border-radius: 50%;
    background-position: center center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.directions-list_mathmatics:before {
    background: url('../_graphics/mtm.png') no-repeat;
    background-size: contain;
}
.directions-list_physics:before {
    background: url('../_graphics/fsk.png') no-repeat;
    background-size: contain;
}
.directions-list_economics:before {
    background: url('../_graphics/ekn.png') no-repeat;
    background-size: contain;
}
.directions-list_comp-science:before {
    background: url('../_graphics/prg.png') no-repeat;
    background-size: contain;
}
.directions-list_toggle:after {
    position: absolute;
    content: '\203A';
    display: block;
    top: 50%;
    right: 30px;
    margin-top: -20px;
    font-size: 32px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #1946BA;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.opened .directions-list_toggle:after {
    right: 38px;
    color: #fff;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.directions-list_toggle-content ul.direction {
    margin-bottom: 20px;
}
.directions-list_toggle-content ul.direction > li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}
.directions-list_toggle-content ul.direction > li:before {
    position: absolute;
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    top: 5px;
    left: 0;
    background: #1946BA;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.directions-list_toggle-content ul.program {
    margin-bottom: 20px;
    list-style-type: none;
}
.directions-list_toggle-content ul.program > li {
    margin-top: 10px;
}
.directions-list_toggle-content ul.program li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}
.page article ul.program_title li:before {
    display: block;
    position: absolute;
    left: -45px;
    content: '';
    color: #5374CB;
    text-align: center;
    line-height: 22px;
    width: 45px;
    height: 45px;
    top: -10px;
}
.page article ul.program_title li {
    padding-left: 15px;
}
.page article ul.program_title li h1{
    margin-bottom: 5px;
}
.page article .directions-list_internet ul.program_title li:before {
    background: url('../_graphics/list-internet.png') no-repeat;
    background-size: contain;
}
.page article .directions-list_comp ul.program_title li:before {
    background: url('../_graphics/list-comp.png') no-repeat;
    background-size: contain;
}
.page article .directions-list_geo ul.program_title li:before {
    background: url('../_graphics/list-geo.png') no-repeat;
    background-size: contain;
}
.page article .directions-list_flor ul.program_title li:before {
    background: url('../_graphics/list-flor.png') no-repeat;
    background-size: contain;
}
.page article .directions-list_writ ul.program_title li:before {
    background: url('../_graphics/list-writ.png') no-repeat;
    background-size: contain;
}
.page article ul.program_list li:before {
    display: block;
    position: absolute;
    left: -30px;
    content: '';
    color: #5374CB;
    text-align: center;
    line-height: 22px;
    width: 30px;
    height: 30px;
    top: -5px;
}
.page article ul.program_list li {
    padding-left: 15px;
}
.page article ul.program_list li.department:before {
    background: url('../_graphics/units.png') no-repeat;
    background-size: contain;
}
.page article ul.program_list li.contacts:before {
    background: url('../_graphics/phone_icon.png') no-repeat;
    background-size: contain;
}
.page article ul.program_list li.description:before {
    background: url('../_graphics/info_icon.png') no-repeat;
    background-size: contain;
}
.page article .program_list h3 {
    font-weight: 100;
}
.page article .program_list .description {
    margin-top: 40px;
}
span.required-field {
    color: #EC0B43;
}
.form-feedback {
    padding: 60px 0;
    font-size: 35px;
    line-height: 1.5;
    text-align: center;
    color: #EC0B43;
}
.feedbackpage .wrapper .wrap > section .form .group.captch-wrapper input,
.captch-wrapper .captch {
    display: inline-block;
}
.feedbackpage .wrapper .wrap > section .form .group.captch-wrapper input {
    width: 80px;
    font-size: 16px;
    color: #000;
}
.feedbackpage .wrapper .wrap > section .form .group.last .feedback-submit[disabled] {
    background: #C7C7C7;
    background: -moz-linear-gradient(top, #C7C7C7 0, #ADADAD 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C7C7C7), color-stop(100%, #ADADAD));
    background: -webkit-linear-gradient(top, #C7C7C7 0, #ADADAD 100%);
    background: -o-linear-gradient(top, #C7C7C7 0, #ADADAD 100%);
    background: -ms-linear-gradient(top, #C7C7C7 0, #ADADAD 100%);
    background: linear-gradient(to bottom, #C7C7C7 0, #ADADAD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C7C7C7', endColorstr='#ADADAD', GradientType=0);
    cursor: default;
    pointer-events: none;
}

/* table styles */

table {
    border-collapse: collapse;
}

table thead {
    background-color: #f3f3f3;
}

table tr {
    transition: .3s;
}

table tr:hover {
    background-color: #f8f8f8;
}

table tr td {
    padding: 10px;
    border: 1px solid #f3f3f3;
}

table tr th {
    padding: 10px;
    border: 1px solid #f3f3f3;
    vertical-align: middle;
}

table tr td p:first-child {
    margin-top: 0 !important;
}

table,
table th,
table tr,
table td,
table p {
    font-family: 'Open Sans', sans-serif !important;
    text-align: left;
}

@media (max-width: 600px) {
    table {
        max-width: 600px;
        display: block !important;
        overflow-x: scroll !important;
        background: #fdfdfd !important;
    }
    table tr th,
    table tr td {
        min-width: 150px !important;
    }
}


.d-flex {
    display: flex;
    display: -webkit-flex;
}

.flex-column {
    flex-direction: column;
    -webkit-flex-direction: column;
}

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

.justify-between {
    justify-content: space-between;
}

.partners__images .partners__images-item {
    max-height: 50px;
    margin-right: 16px;
}

.partners__images {
    margin-bottom: 25px;
    order: 1;
}

.partners__images-elem {
    margin-bottom: 15px;
}

@media (max-width: 520px) {
    footer .follow__wrapper ul.follow__list {
        margin: 30px auto 0;
    }
}

header .icon-en {
    content: '';
    display: inline-block;
    width: 18px;
    height: 16px;
    background: url("../_graphics/flags/english.png") no-repeat center;
    vertical-align: middle;
}

.blog__item {
    margin-top: 0;
    display: block;
}

.blog__item-wrap {
    position: relative;
    display: block;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.blog__item-photo {
    position: relative;
    text-align: center;
    height: 280px;
    overflow: hidden;
}

.blog__item-photo--news {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 160px;
}

.blog__item-photo--news .blog__item-img {
    min-width: 100%;
    height: 100%;
}

.blog__share {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(44, 44, 44, .9);
    opacity: 0;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    z-index: 2;
}

.blog__item-img {
   height: 100%;
}

.blog__item-title {
    padding: 24px 22px;
    display: block;
    min-height: 92px;
}

.blog__item-title--news {
    padding: 0;
    min-height: auto;
}

.blog__share-wrap {
    position: relative;
    top: 50%;
    margin-top: -40px;
}

.blog__share-heading {
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    text-transform: uppercase;
}

.blog__share-heading--span {
    display: block;
    font-weight: 300;
    font-size: 11px;
}

.blog__item-photo:hover .blog__share {
    opacity: 1;
}

.blog__share-link {
    display: block;
    font-family: 'FontAwesome';
    font-size: 12px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 24px;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
}

.blog__share-link.facebook {
    background-color: #27579D;
}

.blog__share-link.facebook:hover {
    background-color: #316ec6;
}

.blog__share-link.facebook:before {
    content: '\F09A';
}

.blog__share-link.twitter {
    background-color: #2CA7E0;
}

.blog__share-link.twitter:hover {
    background-color: #58bae7;
}

.blog__share-link.twitter:before {
    content: '\F099';
}

.blog__share-link.google {
    background-color: #DC4F36;
}

.blog__share-link.google:hover {
    background-color: #e47561;
}

.blog__share-link.google:before {
    content: '\F0D5';
}

.blog__share-items {
    display: inline-block;
    margin: 25px 0 0;
}

.blog__share-item {
    width: 24px;
    height: 24px;
    margin: 0 0 0 10px;
    float: left;
}

.blog__share-item:first-child {
    margin-left: 0;
}

.blog__item-title {
    color: #2C2C2C;
    text-decoration: none;
}

.blog__item-title:hover {
    color:#1946BA;
}

.blog__item-date {
    display: block;
    font-weight: 300;
    font-size: 13px;
    color: #A6A6A6;
    line-height: 13px;
    margin: 15px 0 0;
}

.blog__item-category {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    font-weight: 600;
    font-size: 9px;
    color: #fff;
    line-height: 9px;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #A6A6A6;
    max-width: 100%;
    padding: 4px 10px;
    z-index: 1;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.blog__item-category.gray {
    background-color: #726B68
}

.blog__item-category.violet {
    background-color: #7852C9
}

.blog__item-category.green {
    background-color: #94D600
}

.blog__item-category.lightblue {
    background-color: #3DB5E6
}

.blog__item-category.orange {
    background-color: #FF8400
}

.blog__item-category.red {
    background-color: #EC0B43
}

.blog__item-category.blue {
    background-color: #1946BA
}

.blog__decor {
    display: block;
    width: 70px;
    position: relative;
    top: 16px;
    font-weight: 300;
    padding: 25px 0 0;
    margin-bottom: -5px;
    z-index: 3;
    background: url(../_graphics/news_cap.png) left top no-repeat;
    background-image: url(../_svg/news_cap.svg), none;
}

#blog h2.blog__heading {
    background: none;
    width: auto;
}

@media (max-width: 1130px) {
    .blog__item-photo {
        height: 180px;
    }
    .blog__item-img {
        width: auto;
        height: 100%;
    }

}

@media (max-width: 768px) {
    .blog__heading-span {
        display: none;
    }
}

@media (max-width: 380px) {
    .blog__item-img {
        max-height: inherit;
        max-width: 100%;
    }
    .blog__item-img {
        width: 100%;
        height: auto;
    }

    .blog__item-photo--news {
        height: 220px;
    }
}