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

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

p, .content li, .content table td, .content table th{
    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;
}

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

#logo{
    float: left;
    max-width:362px;
}

.handle{
display:none;
}

#topNav{
    display: table;
    float:right;
    font-size: 1.55em;
    font-weight: 400;
}


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

a[href^=tel] {
text-decoration:inherit;
color: 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{
	text-transform:uppercase;
    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;
}

.current, .currentTop{
	color:#49BB76 !important;
}

#mainNav nav ul li a.current::after{
    content: '';
    display: block;
    height: 3px;
    width: 100%;
    background: white;
}

.hero{overflow: hidden;}

.heroText{
    position: absolute;
    z-index: 999;
    color:#FFF;
    font-family: 'Work Sans', sans-serif;
    font-size: 2.3rem;
    font-weight: 600;
    top:50%;
    margin-left:6%;
    width:450px;
}

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

#welcome{
    text-align: center;
    margin: 55px 0;
}

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

#welcome h2{
    font-size: 2em;
    color: #1F51A4;
    text-transform: uppercase;
    margin-bottom: 2px
}

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

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

.feature{
    display: table-cell;
    text-align: center;
    height: 300px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

.feature h3{
    color: #49BB76;	
    font-size: 2.5em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.feature p{
    color:#FFF;
    font-size: 1.7em;
    font-weight: 300;
    line-height: 23px;
    width:70%;
    margin:0 auto;
}

.longTermF{
    background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(images/uploads/home/feature1.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
        -webkit-transition: all 0.30s ease-out;
    -moz-transition: all 0.30s ease-out;
    -o-transition: all 0.30s ease-out;
    transition: all 0.30s ease-out;
}

.medF{
    background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(images/uploads/home/feature2.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
        -webkit-transition: all 0.30s ease-out;
    -moz-transition: all 0.30s ease-out;
    -o-transition: all 0.30s ease-out;
    transition: all 0.30s ease-out;
}

.counF{
    background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(images/uploads/home/feature3.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
        -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.contF{
    background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(images/uploads/home/feature4.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
        -webkit-transition: all 0.30s ease-out;
    -moz-transition: all 0.30s ease-out;
    -o-transition: all 0.30s ease-out;
    transition: all 0.30s ease-out;
}

.feature a.more{
    line-height: 1px;
    opacity: 0;
    border: none;
    color:#FFF;
    font-size:1.5em;
    margin-top:10px;
    padding: 0;
    -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;
}

.feature:hover a.more{
    display: inline-block;
    opacity: 1;
    line-height: 16px;
    padding:10px 20px;
    border:1px solid #FFF;
}

.feature a.more:hover{
    background-color:rgba(255, 255, 255, .1);
}


.longTermF:hover{
    background: linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .8)), url(images/uploads/home/feature1.jpg);
        background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.medF:hover{
        background: linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .8)), url(images/uploads/home/feature2.jpg);
        background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.counF:hover{
        background: linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .8)), url(images/uploads/home/feature3.jpg);
        background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.contF:hover{
        background: linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .8)), url(images/uploads/home/feature4.jpg);
        background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}


#internalBck{
    min-height: 380px;
    position: relative;
}

#internalBck h1{
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -55%);
    color:#FFF;
    font-size: 3.33em;
    text-transform: uppercase;
    font-weight: 600;
}

.ult, .col2{
    display: flex;
    justify-content:space-between;
    width: 100%;
}

.ult .contentTxt{
    flex:1;
    vertical-align: top;
    padding:2%;
}

.contentTxt h2{
    display: inline-block;
    color: #1f51a4;
    font-size: 3em;
}

.contentTxt h3{
    color: #1f51a4;
    font-size: 2.35em;
}

.contentTxt h2 + h3 {
    margin-top: 0;
}

.contentTxt h2 span, .col1 h2 span{
    display: block;
    height: 7px;	
    width: 100%;	
    background-color: #DCDCDC; 
    margin-top:3px;
}

.contentImg{
    overflow: hidden;
}

.contentImg img{
    display: block;
    width:auto;
    height: 100%;
}

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

.quote{
    background-color: #1f51a4;
}

blockquote{
    color:#FFF;
    font-size: 2.2em;
    font-weight: 400;
    text-align: center;
    padding:3% 5%;
    display: block;
    font-style: italic;
}

blockquote span{
    display: block;
    text-align: right;
    font-style: normal;
    font-size:0.8em;
}

.col1{
    margin-left:2%;
    margin-right:2%;
}

.noQuote{
    clear: both;
    content: '';
    display: block;
    border-bottom:5px solid #1f51a4;
    padding-top:50px;
    width:100%;
}

.col1 h2{
    display: inline-block;
    margin-bottom: 0;
    color: #1f51a4;
    font-size: 3em;
}

.col1 h2::after, .contentTxt h2:after{
    content: '';
    display: block;
    width: 100%;
    border-bottom: 7px solid #DCDCDC;
    margin-bottom: 15px;
}

.col1 p:first-of-type{
    margin-top:0;
}

.jobWrap{
    display: block;
    border:2px solid #CCC;
    cursor: pointer;
    padding:20px 20px 10px;
    min-height:125px;
    -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;
}

.jobWrap:hover{
    border:2px solid #49BB76;
}

.jobWrap p:after{
    content:'';
    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;
}

.jobWrap:hover p:after{
    opacity: 1;
    content:' Apply Now \00BB';
    color:#1f51a4;
}

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

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

.jobLocation span{
    display: inline-block;
    background-color:#49BB76;
    padding:10px;
    color:#FFF;
}

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


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

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

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

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

.staffWrap span, .jobWrap 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;
  font-weight: bold;
  background-color: #f1670a;
  padding: 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;
}

#preceptorshipsForm input[type="submit"]{width:200px;}

.fa-phone, .fa-fax, .fa-check-circle{color:#49BB76;}

.social-post .time{
	margin-bottom:0;
}

.social-post .time span{
	font-style:italic;
}

.social-post .fa-facebook, .social-post .fa-twitter{
	font-size:1.5em;
    color:#1F51A4;
}

.social-post p{
	margin-top:5px;
}

a.btn{	
	display:inline-block;
	background-color:#49BB76;
	margin-top10px;
    padding:10px 20px;
    color: #FFF !important;
       -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;
}
a.btn:hover{background-color:#1f51a4;color#FFF !important;}

footer{
    clear:both;
    display: table;
    table-layout:fixed;
    width: 100%;
}

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

footer h4{
    color: #48B773;
    font-size: 2em;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 5px;
}

footer h4 div{
    line-height: 7px;
    background-color: #DCDCDC;
    margin-top:2px;
}

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

#fLeft ul{
    list-style-type: none;
    padding-left: 0;
    font-size: 1.4em;
    margin-top: 0;
}

#fLeft ul li{padding:5px 0;}

#fLeft ul li a, .contentTxt a{
    color:#1F51A4;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

#fLeft ul li a:hover, .contentTxt a:hover, a.twd:hover{
    color:#49BB76;
}

#feed{
    text-align: center;
    width:45%;
	padding:0 2%;
}

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

#fRight p:first-of-type{color:#1F51A4;}

#fRight span{display: inline-block;color:#6F6F6F;font-size: 3em;margin-top:8px;margin-left: 20px;margin-bottom:10px;
    -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;
}
#fRight a span.icon-facebook2{margin-left:0;}
#fRight a span.icon-facebook2:hover{color:#3F5C95;}
#fRight a span.icon-twitter:hover{color:#21A2EC;}
#fRight a span.icon-youtube:hover{color:#FF001A;}
#fRight a span.icon-instagram:hover{color:#AF00A7;}


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

@media only screen and (max-width: 1080px) {
    #logo{
        max-width: 350px;
    }
    #mainNav{
        font-size: 1.25em;
    }
    .ult, .col2{flex-direction: column;}
    .ult .contentTxt{padding:0 20px;}
    .contentImg img{width: 100%;}
    .ult .contentTxt, .contentImg, .col2 .contentTxt{display: block;width:100%;text-align: center;}
    .contentTxt ul{list-style: none;padding-left: 0;}
}

@media only screen and (max-width: 1145px) {
     #mainNav .responsive{
        width:100%;
        height:100%;
        opacity: 1;
        clear:right;
        float:none;
      }
    
    #mainNav{
        display: block;
        float: none;
        padding-top: 20px;
    }

     #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;
    }
    
    #mainNav nav ul li:hover a::after{background:transparent;}
    
	#mainNav nav ul li a.current::after{background:transparent;}
    
#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);
}
	.staffWrap, .jobWrap{
    float: none;
	width: 100%;
    }
    
    .staffWrap:nth-of-type(2), .jobWrap:nth-of-type(2){
    margin-top: 40px;
	}
    
}

@media only screen and (max-width: 830px) {
    #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:45%;
        padding: 0;
    }
    .heroText{font-size: 3em;text-align: center;}
    .heroText a{margin-left:auto;margin-right: auto;float:none;}
    .feature{
        display: block;
        height: auto;
    }
    .feature h3{
        margin-top: 0;
        padding-top:20%;
    }
    .feature a.more{
        display: inline-block;
        opacity: 1;
        margin-top:10px;
        line-height: 16px;
        padding:10px 20px;
        border:1px solid #FFF;
        margin-bottom: 20%;
    }
    #internalBck h1{
        display: block;
        margin-top:60px;
        font-size: 2em;
        text-align: center;
        width:90%;
    }
    footer{padding:0 2%;}
    footer #fRight, footer #feed, footer #fLeft{
        display: block;
        width: 100%;
        text-align: center;
    }
    #fRight{padding-right:0;margin-bottom: 2%;}
    #fLeft{padding-left:0;}
    
        .heroText{
    	left:0;
        margin-top:50px;
        margin-left:0;
        width:100%;
        font-size:2.3em;
        padding:0 25%;
    }
    .heroText a{
    	display:block;
        float:none;
        font-size:0.8em;
    }
    
    .slick-slide img{
    min-width:100vw !important;
    max-width:inherit !important;
    width:auto !important;
    }
}

@media only screen and (max-width: 460px) {
    #topNav p{
        display: block;
        text-align: center;
    }
    #topNav p span{
        display: none;
    }
    
    .slick-slide img{
    position: relative;
    right: 100%;
    }
    
    .heroText{
    	left:0;
        margin-top:20px;
        margin-left:0;
        width:100%;
        font-weight:2.2em;
        padding:0 15%;
    }
    .heroText a{
    	display:block;
        float:none;
    }
    
     table, thead, tbody, th, td, tr { 
		display: block; 
	}

    
    td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
        font-size: 1em;
	}
    
    #internalBck h1{
    overflow:hidden;
    }
}
