@font-face {
    font-family: 'Univers';src: url('../fonts/Univers-CondensedLight.woff2') format('woff2'),url('../fonts/Univers-CondensedLight.woff') format('woff');
    font-weight: 300;font-style: normal;font-display: swap;
}
@font-face {
    font-family: 'Univers';src: url('../fonts/Univers-Condensed.woff2') format('woff2'),url('../fonts/Univers-Condensed.woff') format('woff');
    font-weight: normal;font-style: normal;font-display: swap;
}
@font-face {
    font-family: 'Univers';src: url('../fonts/Univers-ExtraBlack.woff2') format('woff2'),url('../fonts/Univers-ExtraBlack.woff') format('woff');
    font-weight: 900;font-style: normal;font-display: swap;
}
@font-face {
    font-family: 'UniverseLT';src: url('../fonts/UniversLTStd-ThinUltraCn.woff2') format('woff2'),url('../fonts/UniversLTStd-ThinUltraCn.woff') format('woff');
    font-weight: 100;font-style: normal;font-display: swap;
}

::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
::-webkit-scrollbar{width: 12px;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #555;}

body,html {height: 100%;}
body{background-color: black;}

a{color:rgb(255, 255, 255);text-decoration:none}
a:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active{text-decoration:none;color:#f7e400}

.wrapper{background: url('../images/bg.png') no-repeat center; background-size: cover;font-family: 'Univers';font-weight: normal;}
#content-block {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;position: relative;overflow-x: hidden;min-height: 100vh;-webkit-transition: padding-right 0.3s linear;transition: padding-right 0.3s linear;}
.text-white{color: #fff;}
.text-yellow{color: #FECB00;}
.bg-black{background-color: rgba(0, 0, 0, 0.8);}

.content-container{padding:40px 0 0 40px; display: flex;flex-direction: column;height:auto;min-height:77vh;justify-content: space-between;-webkit-animation: fadein 2s;-moz-animation: fadein 2s;-ms-animation: fadein 2s;-o-animation: fadein 2s;animation: fadein 2s;}

.content-container article{padding-right: 40px;font-size: 21px;font-weight: 300;}
.content-container article a{color:#FFCC00;text-decoration:underline ;font-weight: 400;}
.content-container article a:hover{color:#FFCC00}
.content-container article span{display: block;}
.content-container article > p{margin-bottom:25px; line-height: 1.35; letter-spacing: 1px;}
.content-container article > ul li{letter-spacing: 1px;font-size: 21px;font-weight: 300;}
.logo{font-family: 'Univers'; font-weight: 900;color: #fff;text-shadow: 2px 5px 5px #000;}
.tagline{text-transform: uppercase;font-weight: 400;font-size: 24px;letter-spacing: 3px;}
.font-14{font-size:14px;font-family: sans-serif;}
.font-24{font-size:24px;font-weight: 300;}

ul.navbar-nav{display: flex;flex-wrap: wrap;}
ul.navbar-nav li {flex: 1 0 50%;font-size:18px;font-weight: 300;text-transform: uppercase;color: #fff;opacity: 1;}
.navbar-light .navbar-nav .nav-link {color: rgb(255 255 255);padding: 0;letter-spacing: 2px;}
ul.navbar-nav li a:hover{color:#FEFF01;}

.page-title{text-transform: uppercase;color:#FEFF01;font-weight: 300;font-size: 55px;-webkit-filter:blur(0px);-webkit-animation: deblur linear 500ms;}
.page-content{-webkit-box-flex: 1;-ms-flex: 1 0 auto;flex: 1 0 auto;}
ul.pad_list li{margin-bottom:30px;}
.abs-pos {position: absolute;left: -45%;}
article {height:65vh;overflow: auto;}
article.no-scroll{overflow: hidden;height: auto;}

.contact_img{width:100%;height: auto;max-width: 450px;}
.publication_list {display: flex;flex-direction: column;margin-bottom: 15px;}

.case-study-img img{min-width: 175px;width:100%;max-width: 180px;}


@-webkit-keyframes deblur {
    0% {    -webkit-filter: opacity(100%) blur(15px);}
   50% { -webkit-filter: opacity(100%)  blur(7px);}
  100% {  -webkit-filter: opacity(100%) blur(0px);}
 }

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@media (min-width: 1200px) {
    .container {max-width: 1400px;}	
}
@media (max-width: 991px) {
    .abs-pos{position: relative;left: 0;}
}
@media (max-width: 768px) {
    .navbar, #collapsibleNavbar{background: #fff;justify-content: flex-end;}
    .navbar{position: relative;background-color: rgba(255, 255, 255, 0.644);}
    #collapsibleNavbar{position: absolute;top: 56px;left:0;z-index:9;}
    .navbar-nav{padding:20px;}
    .navbar-light .navbar-nav .nav-link {color: rgb(0, 0, 0);padding:5px 10px;letter-spacing:0;}

    .logo{font-size: 30px;}
    .tagline{font-size: 16px;}

    .content-container{padding: 20px;}
    .content-container article > p {line-height: 1.2;letter-spacing: 0;font-size: 20px;}
    .page-title{font-size: 45px;}
    
    article{height:auto;overflow: initial;}
    .content-container article{padding-right: 0;}



}