::selection {background-color: #0068b5;color: #ffffff;}
#top {position:absolute;top:-116px;}
#getanchor {position:absolute;margin-top:-130px;}
:target:before {
	content: "";
	display: block;
	height: 116px; /* same as your fixed header height */
	margin: -116px 0 0; /* negative fixed header height */
}
a, a:link, a:active, a:visited {color:#0068b5}
a:hover {opacity:.8;}
h1 {color:rgba(0,104,181,1);}
header .container {position:relative;}
.body-bg {max-width:2000px;margin:auto;}
.containerstart {padding-left:30px;padding-right:30px;}
.scroll-top {right:5px;background:#0068b5;color:#FFFFFF!important;}
.scroll-top:hover {background:#FFFFFF;color:#0068b5!important;}
.unvisible {display:none;}
.pswp {z-index: 999999;}
.sidebuttons {position:fixed;right:5px;top:34vh;z-index:999;opacity:1;transition:1s opacity}
.sidebuttons {opacity:0;}
.sidebuttons.visible {opacity:1;}
.sidebuttons ul li.stick {list-style:none;height:48px;width:48px;color:#FFFFFF;text-align:center;font-size:22px;margin-bottom:1px;}
.sidebuttons ul li ul  {display:flex;align-items:center;position:absolute;height:48px;left:48px;margin:0;padding:0;top:0;right:0;background:rgba(0,104,181,1);list-style:none;}
.sidebuttons ul li ul li {width:48px;height:48px;display:flex;align-items:center;justify-content:center;}
.sidebuttons ul li ul li a{display:flex;}
.sidebuttons ul li.text-muted span {opacity:0;}
.sidebuttons .stick {position:absolute;right:0;width:48px;height:48px;border-radius:4px;overflow:hidden;transition:width .8s;}
.sidebuttons .stick.show {width:240px;}
.sidebuttons .stick .icon {width:48px;height:48px;display: flex;justify-content: center;align-items: center;border:1px solid #aaaaaa;border-radius:4px;background:white;}
.stick.language {top:50px;}
.icon-de {
    width: 24px;
    height: 18px;
    border: 1px solid #f0f0f0;
    background-image: url(/typo3conf/ext/hut-package/Resources/Public/icons/de.png);
    background-repeat: no-repeat;display:inline-block;
}

.icon-en {
    width: 24px;
    height: 18px;
    border: 1px solid #f0f0f0;
    background-image: url(/typo3conf/ext/hut-package/Resources/Public/icons/en.png);
    background-repeat: no-repeat;display:inline-block;
}

.icon-cn {
    width: 24px;
    height: 18px;
    border: 1px solid #f0f0f0;
    background-image: url(/typo3conf/ext/hut-package/Resources/Public/icons/zh_CN.png);
    background-repeat: no-repeat;display:inline-block;
}

.navbar-nav.mr-auto {margin-top:5px;border-top:1px solid transparent;transition:1s all}
.navbar-side .caret {position:absolute;right:5px;top:50%;}

.filter {height: 400px;z-index:99999;width:100%;position:absolute;background: linear-gradient(to bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));}

.navbar-brand {font-size:0!important;padding:0;}
.navbar-brand-logo-normal {padding:0px 10px 0px 30px;}
.navbar-brand-logo-normal:not(.grey) {display:none;visibility:hidden}
.backendlayout-special_start .navbar-brand-logo-normal {visibility:visible;display:block;}
.backendlayout-special_start .navbar-brand-logo-normal.grey {display:none;visibility:hidden}
.nav-link  {padding: 14px 18px;color:#000000!important;}
.backendlayout-special_start .nav-link {color:#FFFFFF!important;}
.backendlayout-special_start .nav-item.sub .nav-link,
.backendlayout-special_start .navbar-expand-lg.bgwhite .nav-link {padding: 14px 18px;color:#000000!important;}
.navbar-toggler {position:fixed;top:42px;right:5px;z-index:3333333;border-radius:4px;width:48px;height:48px;color:#000000;transition:1s all;}
.backendlayout-special_start .navbar-toggler {color:#FFFFFF;}
.navbar-toggler:not(.collapsed) {top:10px;right:10px;color:#FFFFFF;}
.navbar-toggler.scrolled.collapsed {top:20px;background:#0068b5;color:#FFFFFF;}
.backendlayout-special_start nav.fixed-top:not(.bgwhite) .navbar-toggler {color:#FFFFFF;}

.nav-item.active > .nav-link {color:#0068b5!important; }
.navbar-nav.mr-auto .nav-link {text-transform: uppercase;}
nav.fixed-top {z-index: 999999;max-width:2000px;margin:auto;}
.navcontainer {width:100%;justify-content:space-between;}
.navbar-expand-lg {background:#FFFFFF;padding:0;box-shadow: 0 13px 36px #00000029;}
.backendlayout-special_start .navbar-expand-lg.bg-white {background:white;}
.backendlayout-special_start .navbar-expand-lg:not(.bgwhite) {background:transparent;box-shadow:none;}
.navbar-expand-lg.bgwhite .navbar-nav.mr-auto {margin-right:0;}
.navbar-expand-lg.bgwhite .navbar-brand-logo-normal.grey {display:block;visibility:visible}
.navbar-expand-lg.bgwhite .navbar-brand-logo-normal {display:none;}

.clicknavbutton {display:none;}
.backendlayout-special_start .clicknavbutton {display:flex;align-items:center;margin-left:20px;cursor:pointer;}
.backendlayout-special_start .navbar-expand-lg.bgwhite .clicknavbutton {display:none;}

.navcircle {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: 2px solid #FFFFFF;
  position: relative;
  padding:10px!important;
}
.navcircle::after {
  content: " ";
  position: absolute;
  display: block;
  background-color: #fff;
  height: 2px;
  margin-top: -1px;
  top: 50%;
  left: 5px;
  right: 5px;
  z-index: 9;
}
.navcircle::before {
  content: " ";
  position: absolute;
  display: block;
  background-color: #fff;
  width: 2px;
  margin-left: -1px;
  left: 50%;
  top: 5px;
  bottom: 5px;
  z-index: 9;
  transition: opacity .3s;
}

.navcircle.open::before {opacity:0}

.dropdown-menu.active {opacity:1;display:block;}

.frame-fontsize18 p, frame-fontsize18 li {font-size:22px;font-weight:300;}
.frame-minmaximage .image {max-width:600px;margin:auto;}


.section-header, .section-header .carousel {padding:0;height:100vh;}
.section-header.default {height:50vh}
.section-header.col2 {text-align:center;min-height:0;height:auto;padding:0;}
.mehrlesenbox {height:50px;text-align:center;padding:10px;position:relative;background:transparent;margin-top:-60px;z-index:99999999;}
.mehrlesenbox a {color:#FFFFFF;font-weight:bold;}
.mehrlesenbox .glyphicon-chevron-down {color:#0068b5;font-size:35px;display:block;}
.section {color:#000000;}

.frame-jumbotron {background:rgba(51,51,53,.8);font-size:16px;padding:20px!important;margin-bottom:30px;}
.frame-jumbotron p, .frame-jumbotron li {font-size:16px;}
.frame-jumbotron h1 {margin-left:-20px;margin-right:-20px;margin-top:-20px;padding:10px 20px;font-size:18px;font-weight:700;background:#0068b5;}
.frame-space-before-extra-large {margin-top:60px;}
.frame-space-after-extra-large {margin-bottom:60px;}
.frame-space-before-extra-small {--frame-outer-spacing-before:0;margin-top:0!important;--frame-spacing:20px;}
.frame-space-after-extra-small {--frame-outer-spacing-after:0;margin-bottom:0!important;--frame-spacing:20px;}

.backendlayout-special_start .gallery-row {justify-content:center;}

figure .caption {text-align:center;}
.col-md-8 .gallery-item.col-xs-12 img {margin:0;}
.frame-carousel-fullscreen {padding-top:0;margin:0 -30px 0 -30px;}
.frame-carousel-fullscreen .frame-container {width:100%;max-width:2000px;}
.frame-carousel-fullscreen .carousel {margin-left:-30px;margin-right:-30px;}
.carousel .carousel-control-icon {background:rgba(0,0,0,.1);color:rgba(0,104,181,1);}
.carousel .carousel-control-icon:before {border-top:3px solid #FFFFFF;border-right:3px solid #FFFFFF;}

.btn-default {color:#FFFFFF!important;margin-bottom:20px;margin-left:10px;margin-right:10px;}
.ml10 {margin-left:10px;}

.embed-responsive {margin-bottom:30px;margin-top:30px;}


.col-md-4.colright ul {padding-left:0;}
.col-md-4.colright h2 {margin-left:-20px;margin-right:-20px;margin-top:-20px;padding:10px 20px;font-size:18px;font-weight:700;background:#0068b5;}

.news-list-view .itemdefault {max-width:390px;min-width:360px;}
.news .article.defaultnews {max-width:630px;margin:20px 0 19px 0;}
.startnews2 .article {margin:20px 0 19px 0;position:relative;max-width:630px;}
.news .col-md-6.detailleft {padding-right:0;}
.news .col-md-6 .content {margin-top:20px;}
.news .col-md-6.newsimages {margin-bottom:-20px;}
.news-list-view .article .news-img-wrap {border:0;padding:0;float:none;margin:0;margin-top:-39px;}
.news-single .article {}
.news-single .teaser-text {font-weight:700;font-size:16px;color:#000000;}
.news-single .article .news-img-wrap {width:auto;margin:0 10px;background:transparent;}
.news .article .news-img-wrap a {border:0;padding:0;margin:0;}
.news .article .news-img-wrap img {width:100%;height:auto;}
.news-single .header {background:rgba(0,104,181,1);padding: 10px;position:relative;}
.news-single .news-img-wrap .topmedia {padding-left:10px;padding-right:10px;}
.news-single .col-md-4.nextmedia {padding-left: 10px;padding-right: 10px;margin-top:20px;}
.news .article h3 {color:#FFFFFF;font-size:18px;font-weight:700;}
.news-single .article h3 {display:inline-block;}
.news-single .rootline {float:right;color:#FFFFFF;}
.news-single .rootline .katlink {display:inline;margin-left:5px;text-transform:uppercase;}
.news-list-view .news-img-wrap {overflow:hidden;}
.news-list-view .header .glyphicon-chevron-right {position:absolute;right:7px;top:10px;}
.news-list-view .header .details {position:absolute;right:25px;top:12px;font-size:12px;}
.news-list-view .header .news-title {width:100%;display:inline-block;}
.news-list-view .teaser-text {display:flex;flex-direction: column; justify-content: center;border-top:1px solid #222222;color:#FFFFFF;font-size:16px;clear:both;padding:10px 7px 5px 7px;margin-bottom:0!important;margin:0;height:70px;overflow:hidden;background:rgba(51,51,53,1);}
.defaultnews .teaser-text, .startnews2 .teaser-text {height:55px;padding-top:0;}
.defaultnews .teaser-text a, .startnews2 .teaser-text a {color:#FFFFFF;display:block;}
.defaultnews .glyphicon-chevron-right {position:absolute;top:40px;right:5px;color:#0068b5;font-size:24px;}
.startnews2 .glyphicon-chevron-right.ref {position:absolute;top:63px;right:5px;color:#0068b5;font-size:24px;}
.defaultnews .details {position:absolute;top:48px;right:20px;font-size:12px;}
.list-intro {background:rgba(0,104,181,.8);padding:10px;clear:both;position:relative;height:39px;}
.list-info {clear:both;position:relative;}
.startnews2 .list-info {top:0;width:100%;}
.startnews2 .footer {position:absolute;top:-21px;font-size:12px;right:0;border:0;}
.startnews2 .footer span {margin-right:0;}
.defaultnews .footer {border:0;margin:0;background:rgba(51,51,53,.8);}
.katdate {min-height:26px;font-size:13px;padding:4px 7px 2px 7px;color:#FFFFFF;background:rgba(51,51,53,.8);}
.katdate div {display:inline;}
.katlink {display:block;color:#FFFFFF!important;}
.startnews2 .article .footer .glyphicon-chevron-right {color:#0068b5!important;margin-left:5px;}
.news .page-navigation ul {display:flex;list-style:none;justify-content:center;margin-top:30px;}
.news .page-navigation ul li {display:flex;background:#eeeeee;}
.news .page-navigation ul li.current {padding:10px 15px;background:#cccccc;}
.news .page-navigation ul li a {padding:10px 15px;}

.news-related {width:auto;padding:0;margin-top:30px;border:0;display:block;}
p.related {font-weight:700;}
.news-related ul {padding:0;}
.news-related ul li {list-style:none;}
.news-related ul li span {border-right:0;margin-right:0;}
.news-related-links ul li span {display:block!important;}

.page-navigation {clear:both;}

.footer-section {border-bottom:1px solid #000000;color:#FFFFFF;padding:15px 0 0 0;margin-top:30px;}
.footer-section .container {padding-right:0;}
.footermenu {padding-left:0;}
.footermenu li {list-style:none;display:inline-block;margin-left:15px;}
.footermenu li a {color:#FFFFFF;padding:15px;}
.footer-section a:hover, .footer-section a:focus {color:rgba(0,104,181,1);text-decoration:none;}

#items li {opacity:.1;font-size:21px;padding-bottom:7px;list-style:none;transition: opacity 2s;}
#items li.animation {opacity:.6;}
#items li.sublist {margin-top:10px;}
#items li.sublist ul {margin-top:10px;}
#items li ul li {opacity:1;}
#items li ul li.animation {opacity:1;}

.tx-powermail .row {flex-direction:column;}
.tx-powermail .form-group {width:100%!important;padding:0;margin-bottom:20px;}
.powermail_fieldwrap_type_check {margin-bottom:20px;}
.tx-powermail fieldset legend, .tx-powermail h3, .tx-powermail label {display:none;}
.tx-powermail .checkbox label, .powermail_fieldwrap_type_check label {display:block;width:auto;}
.tx-powermail textarea {width:100%;padding:5px 10px;margin-bottom:20px;}
.tx-powermail input.powermail_submit {width:auto;padding:7px 10px;background:rgba(0,104,181,1);color:#FFFFFF;border:0;}
.tx-powermail .checkbox input{width:auto;}

.petnews {}

@media (min-width:1400px) {
.navbar-side {position:absolute;top:-50px;right:0;transition:1s top;}
.backendlayout-special-start.navbar-expand-lg.bgwhite .navbar-nav.navbar-side {margin-top:56px;}
.navbar-expand-lg .navbar-side {top:0;}
.backendlayout-special_start .navbar-side {top:-56px;}
.backendlayout-special_start .navbar-side.active,
.backendlayout-special_start .navbar-expand-lg.bgwhite .navbar-side {top:0;}
.navbar-nav.mr-auto {margin-top:56px;border-top:1px solid #aaaaaa;}
.backendlayout-special_start .navbar-nav.mr-auto {margin-right:15px;margin-top:0;}
.backendlayout-special_start .navbar-expand-lg.bgwhite .navbar-nav.mr-auto {margin-top:56px;}
.backendlayout-special_start .navbar-nav.mr-auto.move {margin-top:56px;}
.navbar-expand-lg {max-height:116px;overflow:visible;}
.navbar-toggler {display:none;}
.navbar-expand-lg .navbar-mycollapse {display:flex;align-items: start;justify-content: end;}
}

@media (min-width:1200px) {
.container.default {padding-right:0;}
.ch .dropdown.language {margin-left:700px;}
}

@media (min-width:1100px) {
}

@media (min-width: 992px) {
.section-special {margin-top:-4em;padding-top:7em!important;}
.main-section {margin-top:117px;}
.main-section.slider {margin-top:0;}
.navbar + .main-section > a + .carousel-fullscreen, .navbar + .main-section > a + a + .carousel-fullscreen {height:100vh;margin-top:0;background:#000000;};
#m20 {text-align:right;margin-right:-20px;}
.col-md-4.colright ul {padding-left:20px;}
.dropdown.language {position:fixed;margin-left:372px;}
.ru .dropdown.language {margin-left:426px;}
.en .dropdown.language {margin-left:356px;}
.frame-type-text, .frame-minmaximage {text-align:center;max-width:930px;margin:auto;}
.frame-type-text.frame-defaultraster {text-align:left;max-width:930px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 992px) and (max-width: 1099px) {
}

@media (min-width: 768px) {
.tx-powermail .container-fluid {padding-right:50px;}
.tx-powermail input.powermail_submit {margin-top:-7px;}
.tx-powermail .powermail_fieldset.layout1 {float:left;padding-right:10px;width:50%;}
.tx-powermail .powermail_fieldset.layout2 {padding-left:10px;width:50%;}
.tx-powermail #powermail_field_ihrenachricht_01 {min-height:155px;}
.navbar-toggler {top:20px;}
}

@media (max-width: 1399px) {  
#getanchor {position:absolute;margin-top:0;}
.navcontainer {flex-direction:column;}
.navbar-expand-lg .navbar-nav {flex-direction:column;}
.navbar-mycollapse .nav-item {white-space:nowrap;}
.navbar-expand-lg .navbar-mycollapse {background: linear-gradient(90deg, rgba(0,104,181,1) 0%, rgba(0,72,181,1) 100%);padding-bottom: 25px;padding-top:50px;position:fixed;top:0;right:0;bottom:0;height:auto;overflow-y:auto;width:0;transition:width 1.3s;}
.navbar-expand-lg .navbar-mycollapse.active {width:270px;max-width:100%;}
.navbar-expand-lg .navbar-mycollapse .nav-link {color:#FFFFFF!important;} 
.navbar-mycollapse {display:flex;flex-direction:column;align-items:flex-start!important;}
.dropdown-menu {border:0;padding-left:20px;}
nav.fixed-top {max-height:100vh;overflow-y:auto;position:absolute;}
.navbar-expand-lg .navbar-toggler {display:block;}
.backendlayout-special_start .clicknavbutton {display:none;}
.navbar-expand-lg .navbar-nav .dropdown-menu {position:relative;background:transparent;}
.sidebuttons {top:70px;}
.backendlayout-special_start .nav-item.sub .nav-link,
.backendlayout-special_start .navbar-expand-lg.bgwhite .nav-link {padding: 14px 18px;color:#FFFFFF!important;}
}

@media (max-width:1199px) {
.container {width:100%;}
.navbar-side {right:20px;}
.colright {padding-right:60px;}
}


@media (max-width:1099px) {
.container {width:100%;}
.news-single .rootline {float:none;color:#666666;position:absolute;top:-50px;margin-left:-10px;}
.news-single .rootline .katlink {color:#0068b5!important}
}

@media (max-width:991px) {
.section.section-header#sliderheader {height: calc(100vh - 40px);}
.section-default {margin-top:90px;}
.colleft, .section-default .news {padding-right:60px;}
.curlang .caret {left:4px;top:23px;}
.navbar-side .dropdown.open .caret {top:15px;transform: rotate(180deg);}
.navbar-expand-lg .navbar-nav {flex-direction:column!important;}
}

@media (max-width:767px) {
}

/* source-sans-pro-200 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/source-sans-pro-v13-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'),
       url('../fonts/source-sans-pro-v13-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v13-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v13-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v13-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v13-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-sans-pro-v13-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
       url('../fonts/source-sans-pro-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v13-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v13-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v13-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
       url('../fonts/source-sans-pro-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v13-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v13-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../fonts/source-sans-pro-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v13-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v13-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('../fonts/source-sans-pro-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v13-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v13-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v13-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v13-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('../fonts/source-sans-pro-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v13-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-900 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/source-sans-pro-v13-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'),
       url('../fonts/source-sans-pro-v13-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v13-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v13-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v13-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v13-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/*quick*/

.section-header {padding-top:0!important;}

.videoheader {
    background: #000;
    height: 100vh;
    position: relative;
    top: 0;
    width: 100%;
}

.videoheader .videobg {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}

.videoheader .videobg video {
    bottom: 0;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    left: 50%;
    top:50%;
    transform: translateX(-50%) translateY(-50%);
    width: auto;
    z-index: 100;
}