*{
         box-sizing:border-box; 
     -moz-box-sizing:border-box; 
     -webkit-box-sizing:border-box; 
     -ms-box-sizing:border-box;
}
body{
    margin:0;
    font-size:62.5%;
}

a{
    text-decoration: none;
    font-family: 'Work Sans', sans-serif;
}

a[href^="tel:"] {
  color: #FFF;
  text-decoration: none;
}

h1, h2, h3, h4, li, blockquote, .staffWrap span, .jobLocation{
    font-family: 'Work Sans', sans-serif;
}

h1, h2, h3, h4{
    color:#1a5671;
}

p, #content li{
    font-size: 1.65em;
    font-family: 'Work Sans', sans-serif;
    color: #6F6F6F;
}

.right{float:right;}
.left{float:left;}

header{
    max-height:255px;
    position: absolute;
    z-index: 999;
    width: 100%;
    padding-top:20px;
    background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.4), rgba(255,0,0,0));
}

#headerWrapper{
    position: relative;
    display: block;
    padding: 0 2%;
}

#logo{
    float: left;
    max-width:350px;
    margin-top:5px;
    text-shadow: 1px 1px 50px #000;
}

.handle{
display:none;
}

#topNav{
    display: table;
    float:right;
    font-size: 1.45em;
    font-weight: 400;
    margin-top:5px;
}


#mainNav{
    display: table;
    clear:right;
    float:right;
    font-size: 1.65em;
    font-weight: 400;
}

#topNav nav ul, #mainNav nav ul{
    padding-left: 0;
}

#topNav nav ul li{
    display: table-cell;
    text-align: center;
    padding:0 20px;
}

#topNav nav ul li a{
    color:#FFF;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

#topNav nav ul li a:hover, #mainNav nav ul li a:hover{
    color:#49BB76;
}

#topNav p{
    display: table-cell;
    text-align: center;
    color: #49BB76;
    font-size: inherit;
}

#topNav p span{
    padding-right:20px;
    color:#FFF;
}

#topNav nav ul, #mainNav nav ul{
    padding-left: 0;
    list-style-type: none;
}

#mainNav nav ul li{
    display: table-cell;
    text-align: center;
    padding-left: 40px;
}

#mainNav nav ul li:first-child{padding-left:0;}

#mainNav nav ul li a::after{
    content: '';
    display: block;
    height: 3px;
    width: 0;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}

#mainNav nav ul li:hover a::after{
    width:100%;
    background: #FFF;
}

#mainNav nav ul li a{
    color:#FFF;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.hero{overflow: hidden;margin-bottom:-3px;display:flex;justify-content:center;align-items:center;}
#heroImages{height:600px;background-position:center;background-size:cover;}
.heroTextWrap{mergin-top:50px;}
.heroText{
    color:#FFF;
    font-family: 'Work Sans', sans-serif;
    font-size: 3.3rem;
    font-weight: 600;
    text-align: center;
    text-shadow: 1px 1px 5px #000;
}

/*.heroText a{
    display: inline-block;
    background-color: #49BB76;
    color:#FFF;
    font-size: 1.3rem;
    font-weight: 400;
    padding:10px 15px;
    float: right;
    margin-top:10px;
        -webkit-transition: background 0.25s ease-in;
    -moz-transition: background 0.25s ease-in;
    -o-transition: background 0.25s ease-in;
    transition: background 0.25s ease-in;


.heroText a:hover{
    background-color:#1F51A4;
}
}*/

#homeWrapper{
    display: table;
    table-layout: fixed;
}

#welcome{
    display: table-cell;
    width:50%;
    margin: 55px 0;
    vertical-align: middle;
}

#welcome div{
    height: 7px;	
    width: 221px;	
    background-color: #DCDCDC; 
    margin: 0 auto;
}

#welcome h2{
    font-size: 2em;
    color: #1F51A4;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-right: auto;
    margin-left: auto;
    width:75%;
}

#welcome p{
    font-size: 1.7em;
    font-weight: 300;
    margin-top:5px;
    margin-right: auto;
    margin-left: auto;
    width:75%;
}

#welcome a{
    display: inline-block;
    background-color: #52acd4;
    padding:10px 70px;
    float:right;
    margin-right:12.5%;
    color:#FFF;
    font-weight: 300;
    font-size: 1.8em;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}

#welcome a:hover{
    background-color:#49BB76;
}

.featured{
    display: table-cell;
    width:50%;
    background-image: url(/images/uploads/mainsite/feature-bck.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding:20px;
}

.feature{
    display: table;
    background-color: rgba(0, 34, 49, .3);
    height: 135px;
    border:1px solid #FFF;
    vertical-align: middle;
    cursor: pointer;
    margin:20px 0;
    width:100%;
}

.featureTxt{
    width:80%;
    display: table-cell;
    vertical-align: middle;
    padding: 20px 5px 20px 20px;
}

.featureMore{
    display: table-cell;
    width:19.5%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}

.feature h3{
    color: #FFF;	
    font-size: 2.3em;
    text-transform: uppercase;
    margin:0;
}

.feature p{
    color:#FFF;
    font-size: 1.4em;
    font-weight: 300;
    line-height: 20px;
    margin:0 auto;
}

.featureMore img{
    width:80px;
    display: block;
    margin:0 auto;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.featureMore a.more{
    line-height: 1px;
    border: none;
    opacity: 0;
    color:#FFF;
    font-size:1.5em;
    padding: 0;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}

.feature:hover .featureMore{
    background-color: rgba(255, 255, 255, .5);
        -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.20s ease-in;
    -o-transition: all 0.20s ease-in;
    transition: all 0.20s ease-in;
}

.feature:hover .featureMore img{
    display:none;
}

.feature:hover .featureMore a.more{
    opacity: 1;
    line-height: normal;
    width:100%;
    height:100%;
    display:block;
    position:relative;
    padding-top:50%;
}

.feature:hover .featureMore:hover{
    background-color:rgba(72,172,212,.5);  
}

#preFooter{
    display: table;
    width:100%;
    background-color:#1a5671;
    padding:50px 40px;
}

.preFooterTxt{
    display: table-cell;
    width:45%;
    vertical-align: middle;
}

.preFooterTxt h3{
    color:#FFF;
    font-size: 2em;
    margin-bottom: 0;
}

.preFooterTxt p{
    color:#FFF;
}

.preFooterLogo{
    display: table-cell;
    padding-left: 40px;
    vertical-align: middle;
    text-align: right;
}
.preFooterLogo img{
    max-width:250px;
    max-height: 210px;
    width:100%;
}




footer{
    clear:both;
    display: table;
    table-layout:fixed;
    width: 100%;
    background-color: #4b4b4b;
}

footer #fRight, footer #fLeft{
    display: table-cell;
    color:#FFF;
}

footer h4{
    color: #FFF;
    font-size: 2em;
    font-weight: 600;
    margin-bottom: 5px;
}

#fLeft{
    width:25%; 
    padding-left: 2%;
}


#fRight{
    width:30%;
    text-align: right;
    padding-right: 2%;
}

#fRight p, #fLeft p{
    color:#FFF;
}

#fLeft p:first-of-type{
    margin-top:0;
}

#fRight p a{color:#FFF;}
#fRight p a:hover{color:#49BB76;}

#fRight a i{
    display: inline-block;
    color:#FFF;
    font-size: 3em;
    margin-top:8px;
    margin-left: 20px;
    -webkit-transition: color 0.25s ease-in;
    -moz-transition: color 0.25s ease-in;
    -o-transition: color 0.25s ease-in;
    transition: color 0.25s ease-in;
}

.fa-facebook-square:hover{opacity:0.6;}
.fa-twitter-square:hover{opacity:0.6;}
.fa-youtube:hover{opacity:0.6;}

#internalBck{
    height: 400px;
    background-size:cover;
    position: relative;
    overflow: hidden;
    margin-bottom:15px;
}

#internalBck h1{
    position: absolute;
    z-index: 998;
    color:#FFF;
    font-family: 'Work Sans', sans-serif;
    font-size: 3.3rem;
    font-weight: 600;
    top:55%;
    margin:0 2%;
    width:99%;
    text-align: center;
    text-shadow: 1px 1px 50px #000;
}


#content{padding:0 2%; margin-bottom:40px;}

#content::after{content:"";display:block;clear:both;}

#content h2{
    display: inline-block;
    color: #1f51a4;
	font-size: 2.5em;
    margin-bottom: 0;
}

#content p img{margin-left:30px;}

.contentImg{float:right;margin-top:40px;margin-left:30px;margin-bottom:20px;border-radius: 50%;}

.col2 {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.col2 .contentTxt {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    padding:0 2%;
}

.staffWrap{
    float:left;
    width:47%;
}

.staffWrap:nth-of-type(n+3){
    margin-top:40px;
}

.staffWrap:nth-of-type(odd){
    margin-right:40px;
    clear:left;
}

.staffWrap img{
    float:left;
    border-radius: 50%;
    margin-right: 20px;
}

.staffWrap h3{
    color: #1f51a4;
    font-size: 1.9em;
    margin:0;
}

.staffWrap span{
    font-size: 1.4em;
    color:#49BB76;
}

.staffWrap a{
    color:#49BB76;
}

.readmore-js-section {
    overflow: hidden;
    margin-bottom: 10px;
}
.readmore-js-toggle, .readmore-js-section {
    display: block;
    width: 100%;
}

.readmore-js-toggle{
	text-align:right;
    font-size:1.5em;
}

.thankYou{
  color: #fff;
  background-color: #f1670a;
  padding:20px 10px;
  text-align: center;
}

.contactField{
	margin-top:7px;
	margin-right:10px;
}

.contactField:nth-of-type(n+2){
margin-top:20px;
}

.formbck{
	background-color: #ededed;
    border: 40px solid white;
}

label{
	color:#454545;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:block;
	margin-bottom:3px;
    font-size:1.5em;
}

input[type="submit"], .btn-success{
	background-color:#49BB76;
	margin-top: 10px;
    color: white;
    text-transform: uppercase;
    font-size:1.5em;
    cursor:pointer;
    border: 0;
    padding: 10px 50px;
}

input[type="submit"]:hover, .btn-success:hover{
	background-color:#1f51a4;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    }

input, textarea{
	width:100%;
	padding:10px;
    font-size:1.4em;
}

input[name=checkpoint] {
	display: none;
}

@media only screen and (max-width: 1200px) {
    #mainNav{
        font-size: 1.3em;
    }
}

@media only screen and (max-width: 1080px) {
    #logo{
        max-width: 350px;
    }
    #mainNav{
        font-size: 1.25em;
    }
}

@media only screen and (max-width: 1055px) {

     #mainNav .responsive{
        width:100%;
        height:100%;
        opacity: 1;
        clear:right;
        float:none;
      }
    
    #mainNav{
        display: block;
        float: none;
        padding-top: 20px;
        position: relative;
        z-index: 999;
    }

     #mainNav nav{
        opacity: 0;
    -webkit-transition: all 0.30s ease-in;
    -moz-transition: all 0.30s ease-in;
    -o-transition: all 0.30s ease-in;
    transition: all 0.30s ease-in;
     }
    
    #mainNav nav ul{
        display: none;
    }
    
       #mainNav nav.responsive ul{
        float:none;
           display: block;
        width:100%;
        text-align:center;
        margin:0;
        padding:10px 0;
         position: relative;
         z-index: 999;
         display: block;
         background-color:#015683;
     }

     #mainNav nav ul li{
        display: block;
        padding:20px 0;
        border-bottom: 1px solid  rgba(245, 245, 245, 0.3);
        width:100%;
        margin:0 auto;
     }
     #mainNav nav ul li:nth-last-of-type(1){
     border-bottom:0;
}
    
    #mainNav nav ul li a{
        color:#FFF;
        font-weight: normal;
    }
    
    
    
#handler {display: block; float: right;clear:right;position: relative; z-index: 999; color: #FFF;}

#handler{ cursor: pointer; padding: 10px 35px 16px 0px; }
#handler span, #handler span:before, #handler span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: white;
  position: absolute;
  display: block;
  content: '';
}
#handler span:before {
  top: -10px; 
}
#handler span:after {
  bottom: -10px;
}

#handler span, #handler span:before, #handler span:after {
  transition: all 500ms ease-in-out;
}
#handler.active span {
  background-color: transparent;
}
#handler.active span:before, #handler.active span:after {
  top: 0;
}
#handler.active span:before {
  transform: rotate(45deg);
}
#handler.active span:after {
  transform: rotate(-45deg);
}
    
}

@media only screen and (max-width: 795px) {
    #logo{
        float:none;
        display: block;
        margin:0 auto;
    }
    #topNav{
        float:none;
        margin:2% auto;
    }
    #handler{
        display: inline-block;
        position: relative;
        float: none;
        margin:0 auto;
        left:50%;
        padding: 0;
    }
    .heroText{font-size: 3em;text-align: center;}
    .heroText a{margin-left:auto;margin-right: auto;float:none;}

    #internalBck img{margin-left:-50%;}
    #internalBck h1{
        display: block;
        margin-top:60px;
        font-size: 3em;
        text-align: center;
    }
    
    #content{text-align:center;}
    
    .col2 .contentTxt {
    display: block;
    width: 100%;
    text-align: center;
    padding:2%;
	}
    
    #content img, .contentImg{float:none;display:block;max-width:100%;height:auto !important;margin:5px auto!important;}
    #content ul{list-style-type:none;}
    #content ul li{padding:10px 0;}
    footer #fRight, footer #feed, footer #fLeft{
        display: block;
        width: 100%;
        text-align: center;
    }
    .staffWrap{float:none;width:100%;margin:10px 0;}
    .staffWrap:nth-of-type(odd) {margin-right:0;}
    .staffWrap:nth-of-type(n+3) {margin-top:0;}
    .staffWrap img{width: 50% !important; margin: 5px auto !important; text-align: center;}
    .readmore-js-toggle {text-align: center;}
    #fRight a i{margin-left: 0;}
    #fRight{padding-right:0;margin-bottom: 2%;}
    #fLeft{padding-left:0;}
    
    #homeWrapper{display:block;}
    .featured{display:block;width:100%;}
    .feature{display:table;width:100%;min-height: 190px;}
	.featureTxt{width:60%;}
    .featureMore{width:39.5%;}
    .feature a.more{
        display: inline-block;
        opacity: 1;
        margin-top:10px;
        line-height: 16px;
        padding:10px 20px;
    }
    .feature:hover .featureMore img {
    display: block;
	}
    .feature:hover .featureMore a.more {
    opacity: 1;
    line-height: normal;
    width: auto;
    height: auto;
    display: block;
    position: relative;
    padding-top: 10px;
	}
    #welcome{display:block;width:100%;text-align:center;}
    #welcome a{float:none;display:block;width:75%;text-align:center;margin:0 auto;}
	#preFooter{display:block;text-align:center;}
    .preFooterTxt{display:block;width:100%;}
    .preFooterLogo{display:block;text-align:center;padding-left:0;}
}

@media only screen and (max-width: 460px) {
    #topNav p{
        display: block;
        text-align: center;
    }
    #topNav p span{
        display: none;
    }
}