@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
- content{
width: 100% !important; margin: 0; padding: 0;
}
table{
border: none !important;
}
- top_title{
display:none;
}
- HQ_page p{
padding: 0; margin: 0;
}
- {
font-family: "Quicksand", "Calibri"; margin: 0; padding: 0;
}
- TopNav ul, #BottNav ul {
list-style-type: none; margin: 0; padding: 0; overflow: hidden; text-align: right;
}
- TopNav li, #BottNav li{
display: inline-block; min-width: 15%;
}
- TopNav li:hover{
font-weight: 600;
}
- BottNav li{
cursor: pointer;
}
- TopNav li span, #BottNav li span{
display: block; text-align: center; padding: 14px 16px; font-size: 1.3vw;
}
- BottNav{
width: 15%; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;
}
- BottNav li{
display: block;
}
- BottNav li span{
color: black;
}
- BottNav li span:hover {
box-shadow: inset 0px 0px 10px -8px black;
}
- Navbar{
position: fixed; top: 20; width: 100%; z-index: 100;
}
- TopNav{
-webkit-transition: background-color 400ms linear, color 400ms linear; background: transparent;
}
- TopNav.TopNavsscrolled{
background: linear-gradient(to right, #eee, white 40%); background-color: white;
}
- topnav0{
-webkit-transition: background-color 400ms linear; background: transparent;
}
- topnav0.topnav0scrolled, #topnav0:hover{
background: linear-gradient(to right, white, #d8fdfd);
}
- topnav1{
-webkit-transition: background-color 400ms linear; background: transparent;
}
- topnav1.topnav1scrolled, #topnav1:hover{
background: linear-gradient(to right, #d8fdfd, #bbf0f3);
}
- topnav2{
-webkit-transition: background-color 400ms linear; background: transparent;
}
- topnav2.topnav2scrolled, #topnav2:hover{
background: linear-gradient(to right, #bbf0f3, #85e4e9);
}
- topnav3{
-webkit-transition: background-color 400ms linear; background: transparent;
}
- topnav3.topnav3scrolled, #topnav3:hover{
background: linear-gradient(to right, #85e4e9, #02c9d0);
}
- logo{
width: 15%; height: auto; vertical-align: middle; display: inline;
}
- WDRipple h3{
display: inline; vertical-align: middle;
}
- fancyText{
color: white; font-family: 'Quicksand', 'Helvetica'; font-weight: 300; padding-top: 5vw; margin: 5vw 20% 3% 42vw; overflow:hidden; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0,0,0);
}
.WelcomeDivs {
display:inline-block; overflow:hidden; white-space:nowrap;
}
- WDRipple {
animation: showup 10s forwards;
}
.WelcomeDivs:last-of-type {
width: 0px; animation: reveal 1s forwards;
}
- WDT0{
margin-left:-100%; animation: slidein 7s forwards;
}
- WDT1{
margin-left:-100%; animation: slidein 10s forwards;
}
- WDT2{
margin-left:-100%; animation: slidein 13s forwards;
}
- WDT3{
margin-left:-100%; animation: slideinqwe 17s forwards;
}
@keyframes showup {
0% {opacity:0;} 20% {opacity:1;} 80% {opacity:1;} 100% {opacity:1;}
}
@keyframes slidein {
0% { margin-left:-200%; } 20% { margin-left:-200%; } 35% { margin-left:0px; } 100% { margin-left:0px; }
}
@keyframes slideinqwe {
0% { margin-left:200%; } 20% { margin-left:200%; } 35% { margin-left:0px; } 100% { margin-left:0px; }
}
@keyframes reveal {
0% {opacity:0;width:0px;} 20% {opacity:0;width:0px;} 30% {width:100%} 80% {opacity:1;} 100% {opacity:1;width:100%;}
}
- riverDiv{
background: url("") no-repeat fixed center center; background-size: cover; width: 100%; height: auto;
}
- WDRipple{
font-size: 9vw !important; font-weight: 500 !important;
}
- WDText{
font-size: 5vw;
}
.contentDivs{
font-size: 125%; padding: 2% 15%; text-align: center; color: #051c24;
}
.contentDivs h1{
margin-bottom: 1%
}
- CDiv2{
background-color: #eee;
}
- greywhitesplit{
height: 9.765vw; background: white; background: linear-gradient(to right bottom, #eee 50%, white 50%);
}
- whitegreysplit{
position: absolute; top: 0; left: 0; height: 9.765vw; width: 100%; background: white; background: linear-gradient(to right bottom, white 50%, transparent 50%); z-index: 10;
}
- BOIStriangle{
position: relative; margin: 7.5% auto; width: 30vw; height: 30vw; background-color: transparent; border-radius: 50%; border: 2px dashed black; transition: transform 1s ease-in-out;
}
- BOIStriangle img{
width: 7.813vw; height: auto; position: absolute; border-radius: 50%; background-color: white; transition: transform 1s ease-in-out;
}
- BOIStriangle img:hover{
cursor: pointer;
}
- BOISContent{
width: 60%; height: 60%; margin: 20%; text-align: center; vertical-align: middle; transition: transform 1s ease-in-out;
}
- BCTitle{
font-size: 250%;
}
- BCText{
font-size: 3vh;
}
- bioIMG{
top: -3.64585vw; left: calc(50% - 3.9065vw);
}
- orgIMG{
bottom: 3.3854vw; left: -1.97915vw;
}
- inorgIMG{
bottom: 3.3854vw; right: -1.97915vw;
}
- labIMG{
width: 100%; display: block;
}
.imageDivs{
position: relative; text-align: center; color: white; font-size: 200%;
}
- imageFilter{
position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(3, 46, 67, 50%);
}
.contentOnImages{
position: absolute; top: calc(50% + 50px); left: 50%; transform: translate(-50%, -50%); width: 70%; padding: 1.302vw 0.651vw 0px 0.651vw;
}
.contentOnImages button{
background: none; border: #BBB 0.15vw solid; border-radius: 50vh; font-size: 2vw; color: white; padding: 0.651vw 0.9765vw; outline: 0 none; width: 20vw;
}
.contentOnImages button:hover{
cursor: pointer; background: linear-gradient(to right, #d8fdfd, #bbf0f3, #85e4e9, #02c9d0); color: black; border: none; padding: 0.801vw 1.1265vw;
}
- footer{
height: 27.67vw;
}
- leftFoot{
background: linear-gradient(to bottom, #063444, #002634); padding-top: 1vw; height: 27.67vw; width: 50%; float: left; text-align: center; position: relative;
}
- rightFoot{
background: linear-gradient(to bottom, #aaa, #ddd, #eee, #eee); padding-top: 1vw; background-size: 27.67vw; height: 27.67vw; width: 50%; float: right; text-align: center; position: relative; overflow: hidden;
}
- rightFoot td{
text-align: center;
}
.sponsorimages{
width: 9.765625vw; margin: 0.651vw;
}
- socialmedia{
width: 33%; overflow: hidden; position: absolute; right: 15%; top: 42%;
}
.socialMedia img{
width: 20% !important; display: inline; margin-right: 3%;
}
a{
text-decoration: none;
}
a:visited{
color: initial;
}
.bottomrow img{
width: 19.53125vw;
}
.FooterTitle{
margin: 0.9765625vw auto; color: white; font-size: 2.625vw; font-weight: 300;
}
- theSponsors{
width: 100%; margin-top: -0.9765625vw;
}
- FooterLogo{
position: absolute; width: 12vw; left: 15%; top: 25%;
}
a, a:hover, a:visited{
text-decoration: none; color: black;
}
- Stripe{
height: 2px; width: 60%; margin: 2% 20%; background-color: #02c9d0;
}