/**********MAIN STYLES*********/

*{
  box-sizing:border-box;
  -o-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
}

html{
  width:100%;
  height:100%;
}

html.home { 
  background: url(/images/baby_blocks.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body{
  font: 18px/1.3em 'Lato', sans-serif;
  margin:0;
  color:#222;
  background:none repeat scroll 0 0 #0D353C; 
  min-height:100%;
  height:100%;
  -webkit-text-size-adjust:100%;  
}

.home body{background-color:transparent;}

a, a:visited{
  text-decoration:underline;
  color:#f8871a;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  cursor:pointer;
}

a:hover, a:active{text-decoration:none;}

a img{border:0 none;}

.clear{clear:both;}

.container{
  margin:0 auto;
  padding:0 15px;
  max-width:1170px;
}

.home .page > .container{
  width:100%;
  padding:0;
}

.blanket .container{
  padding-top:7%;
  padding-bottom:7%;
}

.row{margin:0 -15px;}

.column{
  padding:0 15px;
  float:left;
  width:100%;
}

.menu{
  list-style:none;
  padding:0;
  margin:0;
}

h1,h2,h3,h4,h5,h6{
  font-weight:bold;
  color:#466F78;
  font-family:'Roboto Condensed',sans-serif;
  line-height:1em;
  text-align:center;
}

input, input[type="text"], textarea{-webkit-appearance:none;}

.indent{padding:0 0 0 40px;}

.button{
  color:#fff !important;
  text-decoration:none;
  display:block;
  font:bold 15px/40px 'Roboto Condensed',sans-serif !important;
  text-align:center;
  text-transform:uppercase;
}

.more_btn{ 
  margin:10px auto 0;
  width:100%;
  max-width:160px;  
  background:none no-repeat scroll 0 0 rgba(78,117,126,1.0); 
}

.more_btn:hover{background:none no-repeat scroll 0 0 rgba(78,117,126,0.85);}

.social{padding:0 0 30px;}

.social li{display:inline-block;}

.social a, .social a:visited{
  text-decoration:none !important;
  display:inline-block;
  line-height:normal;
  color:#fff;
  margin:0 10px 0 0;
}

.social a:hover, .social a:active{color:#f6891e;}

.social span[class^="fa-"]{
  font-size:2em;
  display:inline-block;
  border:1px solid #fff;
  border-radius:50%;
  text-align:center;  
  color:#fff;
  height:60px;
  width:60px;
  line-height:60px;
  font-family:FontAwesome;
  font-style:normal;
}

.social a:hover span[class^="fa-"], .social a:active span[class^="fa-"]{
  color:#f6891e;
  border:1px solid #f6891e;
}

.social .link_text{
  padding:0 0 0 5px;
  display:none;
}

.social .link_text.display{display:inline-block;}

#masthead{   
  position: fixed;
  left:0;
  background:rgba(67, 107, 114, 0.85) none no-repeat scroll 0 0;
  top:0;  
  padding:5px 0;
  transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  z-index:102;
  width:100%;
  text-align:center;
}

.home #masthead{
  background-color:transparent;
  box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow:none;
  -webkit-box-shadow:none;
  position:absolute;
  transition:none;
  -webkit-transition:none;
  -o-transition:none;
  -ms-transition:none;
  -moz-transition:none;
}

#masthead .container{position:relative;}

#logo{
  padding: 0 15px;
  display:inline-block;
  width:16%;
  min-width:160px;
  max-width:200px;
  transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  float:right;
}

.sticky #logo{
  width:12%;
  min-width:120px;
}

.home .sticky #logo{
  width:16%;
  min-width:140px;
}

#logo img{width:100%;}

#logo a:hover img{opacity:0.8;}

#mobile_menu{
  bottom: 0;
  position: fixed;
  width: 100%;
  height: 100vh;
  min-height:100%;
  top: 0;
  z-index:200;
  overflow:hidden;
  left: 0;
  background: rgba(13,53,60,0.95) none repeat scroll 0% 0%;
  visibility:hidden;
  opacity:0;
  transition: opacity 0.2s ease;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  display:table;
}

.mobile_menu_open #mobile_menu{
  visibility:visible;
  opacity:1;
}

#mobile_nav_wrap{
  width: 100%;
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  overflow-y:auto;
}

.mobile_main_menu a, .mobile_main_menu a:visited{
  display: inline-block;  
  margin: 0;
  color: #fff;
  font-size:2.6em;
  font-family:'Roboto Condensed',sans-serif;
  font-weight: 300;
  line-height: normal;
  text-decoration: none;
  padding:0.25em 0.5em;
  text-transform:uppercase;
  text-align:center;
}

.mobile_main_menu a:hover, .mobile_main_menu a:active{
  color:#f6891e;
}

#mobile_menu_btn{
  font-family:'Roboto Condensed',sans-serif;
  text-align: center;
  position: absolute;
  left: 15px;
  top: 20px;
  z-index:201;
  line-height: normal;
  color: #fff;
  cursor: pointer;
  text-transform:uppercase;
  font-size:1.2em;
  padding:10px;
  border:1px solid #fff;
  border-radius:4px;
  font-weight:300;
  transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
}

.sticky #mobile_menu_btn{top:10px;}

.mobile_menu_open #mobile_menu_btn{
  color:#f6891e;
  border:1px solid #f6891e;
}

.mobile_icon{
  display: inline-block;
  width: 20px;
  margin: 0 0 0 5px;
  position: relative;
  top: 1px;
}

.mobile_icon span{
  background-color:#fff;
  display:block;
  margin:4px 0 0;
  width:100%;
  height:2px;
  transition: transform 0.3s ease;
  -webkit-transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  -ms-transition: -ms-transform 0.3s ease;
}

.mobile_icon span:first-child{margin:0;}

.mobile_menu_open .mobile_icon span{background-color:#fff;}

.mobile_menu_open .mobile_icon span.middle{display:none;}

.mobile_menu_open .mobile_icon span.top{
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.mobile_menu_open .mobile_icon span.bottom{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  top: -6px;
  position: relative;  
}

.page{ 
  min-height:100%;  
  padding-top:12%;
  line-height:1.7em;
  margin:0 0 -66px;
  background-color:#f6f6f6;
}

.home .page{
  padding:0;
  position:relative;
  background-color:transparent;
}

.page:after{
  content:'';
  height:66px;
  display:block;
}

.home .page:after{height:0;}

.page article{
  padding:40px 0;
  max-width:970px;
  margin:0 auto;
}

.home .page article{padding:0;}

.section_header{display:none;}

.section_title{
  display:block !important;
  text-transform:uppercase;
  color:#2C545B;
  text-align:center;
  font-size:2.1em;
  margin:0.75em 0;
}

.section_title.first{margin-top:0;}

.page_title{ 
  font-size:3em;
  margin:0 0 0.5em;
  padding: 0 0 0.4em;
  color:#7D60A7;
}

.page h3{
  font-size:2.3em;
  margin:0.7em 0;
  font-weight:500;
}

.page h3 + em{
  text-align:center;
  display:block;
  font-weight:bold;
}

.page h4{
  margin:0.6em 0;
  font-size:1.2em;
  font-weight:500;
}

.page ul, .page ol{
  margin: 1em 0 0.5em;
  padding:0 0 0 2em;  
}

.page ul{list-style:square;}

.page li{margin:0 0 0.5em;}

.page ul ul, .page ol ul{
  margin: 1em 0 0.5em;
  padding:0 0 0 3em;  
  list-style:none;
}

footer{
  background: none no-repeat scroll 0 0 #0D353C;
  width:100%;
  padding:0.9em 0;
  overflow:hidden;
}

.home footer{
  background-color:transparent;
  position:relative;
}

footer p{
  margin:5px 0;
  line-height:1.2em;
  color:#fff;
}

footer p.copyright{
  font-size:0.9em;
  text-align:center;
}

footer a, footer a:visited{
  color:#ACAEAF;
  text-decoration:none;
}

footer a:hover, footer a:active{
  color:#fff;
  text-decoration:underline;
}

#back_to_top{
  position:fixed;
  right:20px;
  bottom:20px;
  background-color:rgba(248,138,24,.9);
  opacity:0;
  transition: opacity 0.2s ease;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  color:#fff;
  font-size:1.8em;
  padding:10px;
  line-height:1em;
  box-shadow:0 0 5px rgba(0,0,0,0.3);
}

#back_to_top:hover{background-color:rgba(248,138,24,1);}

.back_top_text{display:none;}

/********HOME PAGE*********/

#home_page img{
  display:none;
  height:100%;
}

#home_overlay{
  position:fixed;
  height:100%;
  width:100%;
  top:0;
  left:0;
  background-color:rgba(0,0,0,0.5);
}

#mission{
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  text-align:center;
  width:100%;
  z-index:20;
}

#mission h2{
  color:#fff;  
  background-color:transparent;  
  font-size:3.5em;
  text-align:center;
  padding:0;
  margin:0;
  max-width:none;
  text-transform:uppercase;
  width:100%;
  display:block;
}

#mission h3{
  color:#fff;
  font-size:1.7em;
  text-align:center;
  margin:0.7em 0 0;
  text-transform:uppercase;
  width:100%;
}

.widgets{
  width:33%;
  padding:0 20px;
  text-align:center;
  float:left;
  color:#212121;
}

.widgets a,.widgets a:visited{
  display:block;
  color:inherit;
  text-decoration:none;
  font-weight:normal;
}

.widgets h2{margin:10px 0;}

.widgets div{
  background:none no-repeat scroll 0 0 #7D60A7;
  border-radius:50%;
  width:150px;
  text-decoration:none;
  position:relative;
  margin:0 auto;
  height:150px;
}

.widgets i{
  display:inline-block;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);    
  color:#fff;
  font-size:5.5em;
}

.testimonials i.fa-quote-left{
  left:20%;
  transform:translate(0%, -50%);
  font-size:2.5em;
  font-weight:bold;
}

.testimonials i.fa-quote-right{
  left:auto;
  transform:translate(0%, -50%);
  right:20%;
  font-size:2.5em;
  font-weight:bold;
}

.widgets a:hover i{font-size:6em;}

.widgets a:hover i.fa-quote-left{
  font-size:3em !important;
  left:18%;
}

.widgets a:hover i.fa-quote-right{
  font-size:3em !important;
  right:18%;
}


/********CONTACT PAGE*********/

#staff{
  margin: 0 0 40px;
  width: 100%;
}

#staff .member{  
  padding:0 15px;
  margin:0 auto;
  text-align:center;
}

#staff .member h3{
  margin:0;
  font-size:1.5em;
}

#staff h2{margin:0.5em 0 0;}

form#contact{
  margin:0 auto;
  width:100%;
  max-width:600px;
}

form#contact fieldset{
  border:0 none;
  margin:0;
}

form#contact label{
  float:left;
  font-size:1.5em;
  line-height:1em;
  text-align:left;
  padding:5px;
  margin:0 0 15px;
  clear:both;
}

form#contact label[for="comments"]{
  float:none;
  margin:0 0 10px;
  display:block;
  padding:10px 0 0;
}

form#contact input[type="text"], form#contact textarea{
  float: right;
  font-size: 1.5em;
  width: 72%;
  border-style: solid;
  border-color: rgb(51, 51, 51);
  border-width: 1px;
  background: transparent none no-repeat scroll 0 0;
  text-align: left;
  padding: 5px;
  margin:0 0 15px;
}

form#contact textarea{
  width:100%;
  font-size:16px;
  border-width:1px;
  float:none;
}

form#contact .clear{height:10px;}

.submit_btns{
  margin:20px auto 0;
  width:100%;
  max-width:355px;
}

.submit_btns input{
  border:0 none;
  font-size:18px !important;
  margin: 0 0 0 10px;
  display: inline;
  width: 45%;
  cursor:pointer;
}

.submit_btns input:first-child{margin:0;}

.input_desc {
  font-weight: bold;
  font-size: 0.75em;
  clear: both;
  margin:0;
  text-align:right;
  display:none;
}

.required{
  margin-top:20px;
  color:red;
  text-align:center;
}

.blanket{
  display:none;
  position:absolute;
  margin:0;
  padding:0;
  height:100%;
  width:100%;
  left:0;
  top:0;
  background:none no-repeat scroll 0 0 rgba(255,255,255,0.97);
  z-index:1000;
}

.blanket.overlay{
  background-color: #111;
  opacity: 0.65;
  z-index: 9998;
  position:fixed;
}

.pop_up{
  height: auto;
  padding: 60px 20px;
  text-align: center;
  width: 400px;
  display: none;
  background: transparent linear-gradient(to bottom, #E6E6E6 0%, #E6E6E6 0%, #FFF 100%, #FFF 100%) repeat scroll 0% 0%;
  background: transparent -webkit-linear-gradient(to bottom, #E6E6E6 0%, #E6E6E6 0%, #FFF 100%, #FFF 100%) repeat scroll 0% 0%;
  background: transparent -moz-linear-gradient(to bottom, #E6E6E6 0%, #E6E6E6 0%, #FFF 100%, #FFF 100%) repeat scroll 0% 0%;
  background: transparent -o-linear-gradient(to bottom, #E6E6E6 0%, #E6E6E6 0%, #FFF 100%, #FFF 100%) repeat scroll 0% 0%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #333;
  position: fixed;
  left: 50%;  
  top: 50%;
  transform:translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  -o-transform:translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);
  z-index: 9999;
  font-weight: bold;
  box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 2px rgba(255, 255, 255, 0.2) inset, 0 0 0 3px rgba(0, 0, 0, 0.15);
}

.pop_up span.close {
  background: transparent linear-gradient(to bottom, #A51212 0%, #A51212 3%, #D74444 96%, #D74444 100%) repeat scroll 0% 0%;
  border: 1px solid #C5C5C5;
  position: absolute;
  display: block;
  color: #FFF;
  padding: 6px;
  font-weight: bold;
  font-size: 15px;
  top: 10px;
  right: 10px;
  border-radius: 3px;
  line-height:1em;
  z-index:199;
}

.blanket .close_btn{
  display:block;
  position:absolute;
  right:25px;
  top:25px;
  z-index:1001;
  width:40px;
  height:40px;
}

.blanket .close_btn span{
  background-color:#000;
  display:block;
  margin-bottom:3px;
  width:100%;
  height:3px;
  transition: transform 0.4s ease-in;
  -webkit-transition: -webkit-transform 0.4s ease-in;
  -o-transition: -o-transform 0.4s ease-in;
  -ms-transition: -ms-transform 0.4s ease-in;
  position:relative;
}

.blanket .close_btn span.top{
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);  
  top:7px;  
}

.blanket .close_btn span.bottom{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

@media print{
  *{display:none;}

  .logo,.page article,footer{display:block;}
}