/* Gamma Science Stylesheet v0.2 */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

body, header, footer {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
footer, header, hgroup, menu, nav, section {
	display: block;
    font-family:gill-sans-nova;
}

* {
  box-sizing:border-box;
  max-width:100%;
  text-decoration:none;
}

header{
  width:100%;
  background:#463c67;
}

header button{
  display:none;
}

header nav{
  width:100%;
  padding:0.5rem;
  position:relative;
}

header nav a.menu{
  display:none;
}

header nav svg{
  height:60px;
  width:auto;
}

header nav div.nav-container{
  float:right;
}

header nav div.nav-container ul{
  list-style-type:none;
  text-transform:uppercase;
}

header nav div.nav-container ul li{
  display:inline-block;
  line-height:70px;
}

header nav div.nav-container ul li a{
  display:block;
  padding:0 1rem;
  color:#fff;
}

header nav ul.nav li.active,header nav ul.nav li:hover,header nav ul.nav li.ancestor{
  border-bottom:10px solid #fff;
}

header nav ul.nav li ul{
  display:none;
}

header nav ul.nav li.active ul,header nav ul.nav li.ancestor ul{
  display:block;
  position:absolute;
  bottom:-2.2rem;
  width:100%;
  left:0px;
  text-align:center;
  line-height:2.4rem;
  background:#463C67;
}

header nav ul.nav li.active ul li,header nav ul.nav li.ancestor ul li{
  line-height:2.4rem;
}

header nav ul.nav li.active ul li,header nav ul.nav li.active ul li,header nav ul.nav li.ancestor ul li,header nav ul.nav li.ancestor ul li{
  border-bottom:none;
}

header nav ul.nav li.active ul li.active,header nav ul.nav li.active ul li:hover,header nav ul.nav li.ancestor ul li.active,header nav ul.nav li.ancestor ul li:hover{
  border-bottom:none;
}

header nav ul.nav li.active ul li.active a,header nav ul.nav li.active ul li a:hover,header nav ul.nav li.ancestor ul li.active a,header nav ul.nav li.ancestor ul li a:hover{
  color:#ccc;
}


a.button {
  text-transform:uppercase;
  font-size:1rem;
  font-style:normal;
  display:inline-block;
  border-radius:4px;
  background:#fff;
  color:#755fa9;
  padding:1rem 1rem;
  margin:0.5rem 0;
  line-height:1rem;
  cursor:pointer;
}

a.button.primary,input.button.primary{
  background:#755fa9;
  color:#fff;
}

a.button:hover,input.button:hover,a.button.primary:hover{
  color:#fff;
  background:#463C67;
}


.brand-container img{
  display:block;
}

.brand-container{
  width:100%;
  float:left;
  padding:2rem 0;
}

.brand-container.cta{
  padding:1rem 0;
}

.brand-container.cta a.button{
  margin-left:3rem;
}

.brand-container.white{
  background:#fff;
}

.brand-container.primary{
  background:#755fa9;
}

.brand-container.dark{
  background:#463C67;
}

.row{
  max-width:1024px;
  margin:0 auto;
}

.brand-container.primary h2,.brand-container.primary h3,.brand-container.primary p,.brand-container.primary ul,.brand-container.dark h2,.brand-container.dark h3,.brand-container.dark p,.brand-container.dark ul{
  color:#fff;
}

.brand-container a{
  color:#755FA9;
}

.brand-container a:hover{
  color:#463C67;
}


footer p{
  clear:left;
}

footer p.social{
  width:auto;
  float:left;
  padding-right:100px;
  margin-bottom:3rem;
}

footer p.social a.button{
  padding:0.3rem;
  font-size:2rem;
  margin-bottom:1rem;
  margin-right:1rem;
  border-bottom:none;
}

footer p.social a.button:hover{
  background:#463C67;
}

footer p.social a.button:hover i{
  color:#fff;
}

footer p.social a.button i{
  color:#463C67;
}

footer .brand-container a{
  border-bottom:1px solid #fff;
  color:#fff;
}

footer .brand-container a:hover{
  color:#755FA9;
}

@media screen and (max-width:880px){
  
  header nav ul.nav{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100vh;
    background:#755FA9;
    z-index:2000;
    display:none;
  }
  
  header nav ul.nav.active{
    display:block;
  }
  
  header nav a.menu{
    display:block;
    position:absolute;
    top:1.2rem;
    right:1.2rem;
    width:60px;
    height:60px;
    background:url('../images/menu.svg') center center no-repeat;
    background-size:contain;
    z-index:20000;
    cursor:pointer;
  }
  
  header nav a.menu.active{
    background:url('../images/close.svg') center center no-repeat;
    background-size:contain;
  }
  
  header nav div.nav-container{
    width:100%;
    float:none;
    text-align:center;
  }
  
  header nav div.nav-container ul li{
    line-height:40px;
  }
  
  header nav ul{
    padding-top:70px;
  }
  
  header nav ul.nav li, header nav ul.nav li.active, header nav ul.nav li:hover{
    width:100%;
    border-bottom:none;
    line-height:40px;
    border-bottom:1px solid #fff;
  }
  
  header nav ul.nav li ul,header nav ul.nav li.active ul{
    display:block;
    position:relative;
    bottom:0px;
    background:none;
    font-style:italic;
    padding-top:0px;
  }
  
  header nav ul.nav li.active ul li.active,header nav ul.nav li.active ul li:hover{
    border-bottom:none;
  }
  
  header nav ul.nav li.active ul li{
    border-bottom:none;
  }
  
  header nav ul.nav li.active a, header nav ul.nav li.active ul li.active a{
    color:#463C67;
  }
  
  header nav ul.nav li.active ul li a{
    color:#fff;
  }
  
}



.loader {
  background: #463c67;
  width: 100%;
 text-align: center;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  height: 80px;
 background: #463c67;
  width: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}