/* Table of Content
==================================================
	#Universal Styles
	#Home Styles
	#Page Styles
	#Media Queries
	#Font-Face */


/* Site Colors
==================================================
	#fff white
	#000 black
	#999 grey
*/


/* #Universal Styles
================================================== */

.wrapper {
	width: 100%;
}
.topbar {
	background: rgba(2, 44, 88, .25);
	position: absolute;
	top: 0px;
	z-index: 99999999;
	height: 50px;

	}
.header-home {
	background: rgba(2, 44, 88, .35);
	padding: 40px 0;
}
div.two.columns.logo {
	float: right;
	text-align: right;
}
div.ten.columns.nav {
	float: left;
	padding-top: 8px;
	text-align: left;

}
div.twelve.columns.nav {
	padding: 8px 0;
	text-align: center;
}
div.nine.columns.nav {
	float: left;
	padding-top: 8px;
	text-align: left;
}
div.three.columns.logo {
	float: right;
	text-align: right;
}
.logo {

}
.subheader {
	background-image:url("../images/home-hero.jpg");
	/*background-image: url("../images/header-background.png");*/
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0 39px 0;
}
.content {
	padding: 50px 0;
}
.bkg-teal {
	background-color: #067a87;
	color: #fff;
	}

.bkg-teal strong{
	color: #fff;

}

.bkg-blue {
	background-color: #022c58;
	color: #fff;
	}





.center {
	text-align:center ;
	}
.rescenter {
	text-align:inherit;
	}
footer {
	color:#fff;
	text-decoration:none;
}
footer a:link, .footer a:link, .footer a:visited {
	color:#fff;
	text-decoration:none;
}
footer a:hover {
	color:#ccc;
	text-decoration:underline;
}

.sup, sup {
	font-size: 66% !important;
	vertical-align:super !important;
}


/* #Home Styles
================================================== */

.home .hero {
	background-image: url("../images/hero-home.jpg.html");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 150px 0;
}
.home .hero.proportionate { /* Should become cover on mobile (only needed if text) */
	background-image: url("../images/hero-home.jpg.html");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
    width: 100%;
    height: 0;
	padding-top: 10.2291665%;	 /* (img-height / img-width * container-width) */
    padding-bottom: 26.2291665%; /* (700px / 1920px * 100(%)) */
}






/* ==========================================================================
   New Home
   ========================================================================== */

html{
    height: 100%;
    position: relative;
}

body.home{
    margin: 0;
    height: 100%;
    position: relative;
}

.hm-full-wrap {
    display: block;
    height:100vh;
    background-image:url("../images/home-hero.jpg");
    background-size:cover;
    position: relative;
	background-position: top center;
}




.one-third.column.logosmall {
		padding: 0px 5%;
	}



.hm-full-intro {
	position: absolute;
	width: 1200px;
}
.intro-logo {
	position: absolute;
    bottom: 5%;
    left: 5%;
}

a.scroll-arrow{
	display: block;
    width: 43px;
    height: 43px;
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -21px;
    z-index: 9999;
    opacity: .5;
}

@media (min-width: 300px) {
	.hm-full-intro{
		width: 100%;
		float: left;
		position:inherit;
		/* top:auto;
		left:auto;
		transform:none;	*/
		padding-top: 4rem;
	}
	/*.hm-graphic {
		width: 100%;
		height: auto;
		padding-top: 60px;
	}*/
	.intro-logo {
	position: absolute;
    bottom: 2%;
    left: 2%;
}
}
@media (max-width: 750) {
	.intro-logo {
	position: absolute;
    bottom: -89px;
    left: 2%;
}
}

@media (min-width: 780px) {
	.hm-full-intro{
		/*width: 780px;*/
		margin: 0 auto;
		float: left;

		padding-top: 125px;
	}
	/*img.hm-graphic {
		width: 600px;
		height: auto;
		position: absolute;
		top: 10%;
	    left: 19%;
	}*/
	.intro-logo {
	position: absolute;
    bottom: -627px;
    left: -4%;
}
}
@media (min-width: 950px) {
	.hm-full-intro{
		width: 950px;
	}
	/*img.hm-graphic {
		position: absolute;
		top: 10%;
	    left: 26%;
	}*/
	.intro-logo {
	position: absolute;
    bottom: 4%;
    left: 5%;
}
}
@media (min-width: 1200px) {
	.hm-full-intro{
		width: 1200px;
	}
	/*img.hm-graphic {
		position: absolute;
		top: 10%;
	    left: 19%;
	}*/
img.hm-graphic {
	position: relative;
	top: -72px;
}
}

img.hm-graphic{
	display:block;
	margin: 0 auto;
}





/* #Subpage Styles
================================================== */

.bkg1 {
	background-image: url("../images/bkg1.jpg.html");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}



/* #Blog Styles
================================================== */

.blog .screen-reader-text{
	display:none;
	}
span.edit-link {
	display:block;
	margin-top:10px;
	}
time.updated {
	display:none;
	}
.widget-area ul {
	list-style: none;
	margin:0px;
	}
.blog h2.widget-title, .blog h2.widget-title a {
	font-size: 17px;
	font-weight:normal;
	color:#333;
	line-height:30px;
}
.widget-area a {
	text-decoration:none;
	color:#000;
	}
.widget-area a:hover  {
	color:#ccc;
	}

/* #Page Styles
================================================== */


.news-items {
    margin-bottom: 45px;
    padding: 20px !important;
    box-sizing: border-box !important;
    border: solid 1px #ccc;
    /* margin: 0 0px 45px 0px; */
}
.news-text {
    font-size: 13px;
    color: #666;
    margin: 4px 0px 0px 0;
    text-align: center;
    line-height: 19px;
}

.news-text a {
	text-transform: uppercase;
	text-decoration: none;
}










.teal .quote {

    border-top: solid 5px #30cbd2;
    border-bottom: solid 5px #30cbd2;

}



.quote {
    background: #f7f7f7;
    padding: 50px 40px 60px 40px !important;
    box-sizing: border-box !important;
    margin-top: 22px;
    background-image: url("../images/quotes-dark.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    border-top: solid 5px #a12f86;
    border-bottom: solid 5px #a12f86;
    font-weight: 400;
    color: #067a87;
    font-size: 19px;
    line-height: 30px;
}

.quote .cite strong {
	font-size: 16px;
	color: #a12f86;
}

.quote .cite {
	line-height: 29px;
}

.quote .cite em {
	font-size: 16px;
	color: #79c4cb;
}



.statement {
	/*background-color: #79c4cb !important;
    color: #fff !important;
    padding: 40px !important;
    box-sizing: border-box !important;
	font-weight: bold !important;*/


	background: #f7f7f7;
    padding: 50px 40px 60px 40px !important;
    box-sizing: border-box !important;
    margin-top: 22px;
    background-image: url("../images/checkmark.png");
    background-repeat: no-repeat;
    background-position: bottom left;
    border-top: solid 5px #a12f86;
    border-bottom: solid 5px #a12f86;
    font-weight: 400;
    color: #067a87;
    font-size: 19px;
    line-height: 30px;
}




.stat-number {
	font-size: 60px;
	font-weight: 700;
	text-align: center;
	color: #BED12B;
}
.stat-number p {
	margin-top: 30px;
}





/* #Flex Content
================================================== */

/*background image for flexible content*/

.bcg {
	background-size: cover;
    background-repeat: no-repeat;
	padding: 185px 0 185px 0;
	background-position: center;
}




/*Backgrounds*/

.white {

	color: #022c58;
	padding: 88px 0 90px 0;

}
.white h2 {
	font-size: 3.5rem;
    line-height: 4.2rem;
    color: #022c58;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;

}
.white h3 {
	color: #30cbd2;
	font-size: 2.6rem;
    line-height: 2.9rem;
    padding-top: 18px;
    padding-bottom: 12px;
	text-transform: capitalize;
}


.blue {
	background-color: #022c58;
	color: #fff;
	padding: 88px 0 90px 0;
}
.blue a {
	color: #fff;
}
.blue h2 {
	font-size: 3.5rem;
	line-height: 4.2rem;
	color: #BED12B;
	font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}
.blue h3 {
	color: #30cbd2;
	font-size: 2.6rem;
    line-height: 2.9rem;
    padding-top: 18px;
    padding-bottom: 12px;
	text-transform: capitalize;
}


.teal {
	background-color: #067a87;
	color: #fff;
	padding: 88px 0 90px 0;
	/*background-image: url("../images/checkmark.png");
    background-repeat: no-repeat;
    background-position: bottom left;*/
}
.teal a {
	color: #30cbd2;
}
.teal a:hover {
	color: #022c58;
}
.teal h2 {
	font-size: 3.5rem;
	line-height: 4.2rem;
	color: #BED12B;
	font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}
.teal h3 {
	color: #30cbd2;
    font-size: 2.6rem;
    line-height: 2.9rem;
    padding-top: 18px;
    padding-bottom: 12px;

	text-transform: capitalize;
}


.green {
	background-color: #BED12B;
	padding: 88px 0 90px 0;
	color: #333;
}
.green a {
	color: #fff;
}
.green h2 {
	font-size: 3.5rem;
	line-height: 4.2rem;
	color: #022c58;
	font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}
.green h3 {
	color: #022c58;
	font-size: 2.6rem;
    line-height: 2.9rem;
    padding-top: 18px;
    padding-bottom: 12px;
	text-transform: capitalize;
}





.bluevioletfade {
	background-color: #a12f86;
	padding: 88px 0 90px 0;
	color: #fff;
}
.bluevioletfade a {
	color: #fff;
}
.bluevioletfade h2 {
	font-size: 3.5rem;
	line-height: 4.2rem;
	color: #fff;
	font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}
.bluevioletfade h3 {
	font-size: 2.4rem;
	line-height: 2.8rem;
	color: #fff;
}





.violet {
	background-color: #a12f86;
	padding: 88px 0 90px 0;
	color: #fff;
}
.violet a {
	color: #fff;
}
.violet h2 {
	font-size: 3.5rem;
	line-height: 4.2rem;
	color: #fff;
	font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}
.violet h3 {
	color: #fff;
	font-size: 2.6rem;
    line-height: 2.9rem;
    padding-top: 18px;
    padding-bottom: 12px;
	text-transform: capitalize;
}


.lightblue {
	background-color: #79c4cb;
	padding: 88px 0 90px 0;
	color: #043e45;
}
.lightblue h2 {
    font-size: 3.5rem;
    line-height: 4.2rem;
    color: #022c58;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}
.lightblue h3 {
	color: #022c58;
	font-size: 2.6rem;
    line-height: 2.9rem;
    padding-top: 18px;
    padding-bottom: 12px;
	text-transform: capitalize;
}


.grey {
	background-color: #F1F1F1;
	padding: 88px 0 90px 0;
}
.grey h2 {
	font-size: 3.5rem;
    line-height: 4.2rem;
    color: #022c58;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;

}
.grey h3 {
	color: #30cbd2;
font-size: 2.6rem;
    line-height: 2.9rem;
    padding-top: 18px;
    padding-bottom: 12px;
	text-transform: capitalize;
}








.border, .border2 {
	border: solid 2px #BED12B;
    padding: 30px 50px !important;
    box-sizing: border-box;
}








.testimonial-bk{
	background-image: url("../images/quotes.png");
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 20px;

}





.top {
	padding: 88px 0 0 0 !important;
}
.bottom {
	padding: 0 0 88px 0 !important;
}
.both {
	padding: 88px 0 !important;
}
.none {
	padding: 0 !important;
}










/* Utilities aka tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }



























/* Zoom
–––––––––––––––––––––––––––––––––––––––––––––––––– */


	/* these styles are for the demo, but are not required for the plugin */
		.zoom {
			display:inline-block;
			position: relative;
		}

		/* magnifying glass icon */
		.zoom:after, .zoom-image:after {
			content:'';
			display:block;
			width:33px;
			height:33px;
			position:absolute;
			top:0;
			right:0;
			background:url("../images/icon.png.html");
		}


		.zoom img {
			display: block;
		}

		.zoom img::selection { background-color: transparent; }

.zoom-image{
	position: relative;
	margin: 0;
	background-size:contain;
	background-position: center;
	background-repeat: no-repeat;
}
.zoom-image > figure{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	background-repeat: no-repeat;
	opacity: 0;
	-o-transition: opacity 200ms ease-out;
	-moz-transition: opacity 200ms ease-out;
	-webkit-transition: opacity 200ms ease-out;
	transition: opacity 200ms ease-out;
}
.zoom-image > figure:hover{
	opacity: 1;
}



















/* #Testimonials
================================================== */



span.test-header {
	font-size: 2.4rem;
	line-height: 2.8rem;
	color: #BED12B;;
	padding-bottom: 20px;
}



.bg-dk .sb-testimonials p {
	color: #ffffff;
}



.bg-dk {
	background-color: #00757e;
	color: #ffffff;
}
.bg-dk p {
	color: #ffffff;
}
.bg-dk h2, .bg-dk b {
	color: #b5be00;
}

.bg-dk .sb-testimonials p {
	color: #ffffff;
}
.bg-dk .st-author p {
	color: #b5be00;

}
.bg-dk b {
	color: #b5be00;
}


.section-callout {
	float: left;
	width: 100%;
	padding: 4rem 0;
}

@media (min-width: 780px) {
	.section{
		padding: 8rem 0;
	}
	.section-callout {
		padding: 4rem 0;
	}
}




.st-testimonial {
	padding: 15px 0;
}
p.st-testimonial,
p.st-author{
	max-width: 900px;
	margin: 0 auto;
}

p.st-testimonial {
    font-size: 2.2rem;
    font-size: 2.9rem;
    color: #fff;
    text-align: left;
    line-height: 3.4rem;
}
p.st-author{
	font-size: 1.6rem;
	color: #fff;
	text-align:center;
}

p.st-author strong{
	color: #30cbd2;
	font-weight: 700;
}

p.st-author em{
	color: #ccc;
}




p.st-title {
	font-size: 1.2rem;
	text-align: left;
}

@media (min-width: 780px) {
	p.st-testimonial{
		font-size: 2.2rem;
	}
	p.st-author{
		font-size: 1.6rem;
	}

}


























/* #Media Queries
================================================== */



	/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 1250px) {



div.two.columns.logo {
    float: right;
    text-align: right;

    z-index: 99999999999999999;
    position: relative;
}





.nav ul li a {
    margin-bottom: 0px;
    margin-top: 0px;
	padding: 17px 0px;
}





div.twelve.columns.nav {
        text-align: right;
    	width: 100% !important;
}
.nav li {
  text-align: center;
	background-color: #022c58;
}
	.topbar .container {
		width: 100%
	}

}







	/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 979px) {


div.two.columns.logo {

    width: 25%;

}





/*button#responsive-menu-pro-button {
    width: 77px !important;
    height: 30px !important;
    position: absolute !important;
    top: -42px !important;
    right: 54px !important;
    display: inline-block !important;
    transition: transform 0.5s, background-color 0.5s !important;
    z-index: 999999999 !important;
}
*/


/* Responsive Nav/Social columns split on mobile */
/*div.nine.columns.social {
	top: 25px;
	position: relative;
}
div.nine.columns.social ul {
	float: left;
}
div.nine.columns.nav {
	background-image: url("../images/bkg-black.png.html");
	background-repeat: repeat;
	background-position: top center;
	background-color:#ccc;
}
div.nine.columns.social {
	top: 8px;
	height: 8px;
}*/
/* / */



div.ten.columns.nav {
	position: absolute;
}


.subheader {
    padding: 100px 0 7px 0;
}

/* Proportionate Hero image becomes cover on mobile (only needed if text) */
.home .hero.proportionate { /* Mobile size should go back to cover */
	background-size: cover !important;
    height: 100% !important;
	padding-top: 150px !important;
    padding-bottom: 150px !important;
}

.rescenter {
	text-align:center;
	}
.respad { /*Adds space below columns when they are 100%*/
	margin-bottom:50px;
	}
body .footer ul.social {
	position: static;
	}
}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 812px) {


.home .two-thirds.column {
		display: none;
	}

.header-home {
    padding: 5px 0;
}


.one-third.column img {
		width: 100px;
		height: auto;
	}

.one-third.column.logosmall {
		padding: 0px 5%;
	}



}



/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-height: 865px) {

	img.hm-graphic {
	max-width: 75% !important;

	}

	}



/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-height: 675px) {

	img.hm-graphic {
	max-width: 64% !important;

	}

	}




/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 812px) {

	img.hm-graphic {
		max-width: 100% !important;
		position: absolute;
		top: 50%;
		transform: translate(0px, 50px);
	}


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	.nine.columns.alpha.omega.nav img {
    top: -42px !important;
		width: 190px;}

	img.hm-graphic {
		top: 163px;
   		position: absolute;
	}




	.border {
     border: solid 0px #BED12B;
     padding: 0px !important;
}

.callout-table th, .callout-table thead {

    font-size: 1.4rem;
}
th, td {
    padding: 12px 0px;

}



}