/* Gamma Science Stylesheet v0.2 */

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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

*{
  font-family:gill-sans-nova;
  box-sizing:border-box;
  max-width:100%;
  text-decoration:none;
}

body{
  font-family:gill-sans-nova,sans-serif;
  line-height:1.3;
  background:#ECEAF1;
}

header{
  width:100%;
  background:#755fa9;
}

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;
}

.text-center{
  text-align:center;
}

.hero{
  height:70vh;
  background:#f4f4f4 url('/assets/images/img.jpg') center center;
  background-size:cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero.small{
  height:auto;
  padding:4rem 0;
}

.hero .vertical-align{
  width:100%;
}

.hero.small h3{
  display:none;
}

.cta{
  background:#755fa9;
}

.cta p{
  font-size:1.6rem;
  font-style:italic;
  color:#fff;
  line-height:3rem;
}

a.button,input.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;
}

.cta a.button:hover{
	color:#fff;
}

.container img{
  display:block;
}

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

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

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

.container.white{
  background:#fff;
}

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

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

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

.col{
  float:left;
  padding:1rem;
}

.col-1{
  width:8.333%;
}

.col-2{
  width:16.666%;
}

.col-3{
  width:25%;
}

.col-4{
  width:33.333%;
}

.col-5{
  width:41.666%;
}

.col-6{
  width:50%;
}

.col-7{
  width:58.333%;
}

.col-8{
  width:66.666%;
}

.col-9{
  width:75%;
}

.col-10{
  width:83.333%;
}

.col-11{
  width:91.666%;
}

.col-12{
  width:100%;
}

.col h2{
  color:#755fa9;
  font-size:2.4rem;
  margin-bottom:1rem;
  font-weight:600;
}

.col h3{
  text-transform:uppercase;
  margin-bottom:1rem;
  font-size:1.2rem;
  font-weight:700;
  color:#333;
}

.col p,.col address{
  color:#333;
  margin-bottom:1rem;
  font-size:1rem;
}

.col ul{
  list-style:disc;
  color:#333;
  margin-left:2rem;
  margin-bottom:1rem;
}

.col ul li{
  margin-bottom:1em;
}

.col ul.lightbulbs{
  list-style:none;
  margin-left:0px;
}

.col ul.lightbulbs li{
  background:url('../images/lightbulb.svg') top left no-repeat;
  background-size:40px;
  padding-left:50px;
}

.col strong{
  font-weight:700;
}

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

.container a{
  color:#755FA9;
}

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

.container.light a.button{
  color:#fff;
  background:#463C67;
}

.container.light a.button:hover{
  color:#463C67;
  background:#f4f4f4;
}

.col.panel{
  overflow:hidden;
}

.primary .col.panel p,.primary .col.panel h2,.primary .col.panel h3{
   color:#463c67;
}

.white .col.panel .text{
  background:#eceaf1;
}

.col.panel img{
  border-top-right-radius:4px;
  border-top-left-radius:4px;
}

.col.panel .text{
  background:#fff;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  padding:1rem;
}

.container.split,.container.split .col{
  padding:0;
}

.container.split .row{
  max-width:100%;
}

.container.split .row .col img{
  width:100%;
  height:auto;
}

.container.split .row .hide-overflow{
  display:flex;
  justify-content:center;
  align-items:center;
  overflow:hidden;
}

.container.split .row .col:last-child{
  max-width:600px;
  padding:1rem;
}

.container.split .highlight-row .titled{
  padding:1rem;
}

.blog-index .container.split .row .col:last-child{
  padding:0 1rem;
}

.blog-index .container.split .highlight-row .titled{
  padding:0 1rem;
}

.container form{
  
}

.container form .col:first-child{
  padding:1rem 2rem 1rem 0;
}

.container form .col:last-child{
  padding:1rem 1rem 1rem 1rem;
}

.container form label{
  text-transform:uppercase;
  font-size:0.9rem;
  color:#777;
  margin-bottom:0.5rem;
}

.container form input,.container form textarea{
  width:100%;
  border:none;
  background:#D1D3D4;
  font-size:1rem;
  padding:0.5rem;
  color:#463C67;
  margin-bottom:1rem;
}

.container form textarea{
  height:120px;
}

.container input[type=submit]{
  width:auto;
  padding:1rem 2rem;
}

.slider{
  
}

.slider div{
  background:#ECEAF1;
  width:100%;
  float:left;
}

.slider div img{
  float:left;
  width:33.333%;
  height:auto;
}

.slider div blockquote{
  color:#181522;
  font-size:1.2rem;
  padding:1rem;
  float:left;
  width:100%;
}

.slider div blockquote footer{
  color:#463C67;
  font-size:1rem;
  margin-top:1rem;
}

.slider div blockquote footer cite{
  color:#939598;
  font-style:italic;
}

.cycle-slider{
  width:100%;
  display:block;
}

.slider .cycle-pager{
  color:#ECEAF1;
  font-size:4rem;
  text-align:center;
}

.slider .cycle-pager span{
  margin:0 1rem;
  cursor:pointer;
  color:#755fa9;
}

.slider .cycle-pager span.cycle-pager-active,.slider .cycle-pager span:hover{
  color:#463C67;
}

footer p{
  clear:left;
}

footer p.social{
  border-bottom:10px solid #755FA9;
  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 .container a{
  border-bottom:1px solid #fff;
  color:#fff;
}

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


.hero  h2{
  color:#fff;
  font-size:4rem;
  font-weight:700;
  margin-bottom:1rem;
}

.hero  h3{
  color:#fff;
  font-size:2.4rem;
  font-style:italic;
}

.hero .dark h2{
  color:#463C67;
  font-size:4rem;
  font-weight:700;
  margin-bottom:1rem;
}

.hero .dark h3{
  color:#463C67;
  font-size:2.4rem;
  font-style:italic;
}


@media screen and (max-width:960px){
  
  .hero h2{
    font-size:3rem;
  }
  
  .hero h3{
    font-size:2rem;
  }
  
  .container.cta{
    padding:0.5rem 0;
  }
  
  .container.cta p{
    font-size:1.2rem;
  }
  
  .container.cta a.button{
    font-size:1rem;
    margin-left:1.4rem;
  }
  
  .col h2{
    font-size:2rem;
  }
  
  .col-5{
    width:50%;
  }
  
}

@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;
  }
  
}

@media screen and (max-width:768px){
 
  .col-4{
    width:50%;
  }
  
  .row .col-4:last-child{
    width:100%;
  }
  
  .col-8{
    width:100%;
  }
  
}

@media screen and (max-width:680px){
 
  .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
    width:100%;
  }
  
  .container form .col:first-child,.container form .col:last-child{
    padding:0px;
  }
  
  .row .col-4:last-child{
    width:100%;
  }
  
  .col-8{
    width:100%;
  }
  
}

@media screen and (max-width:480px){
  
  .hero h2{
    font-size:2.4rem;
  }
  
  .hero h3{
    font-size:1.4rem;
  }
  
  .slider div img{
    display:none;
  }
  
  .slider div blockquote{
    width:100%;
  }
  
}