@charset "utf-8";
/* CSS Document */

html, body{
	margin:0;
	padding:0;
	background:#1d2857;
	font-family:Helvetica, Arial, sans-serif;
}
* {box-sizing: border-box;}
.clear{clear:both;}
img{border:none;outline:none;}

.Blue{color:#1d2857 !important;}
.LightBlue{color:#00adca !important;}
.Green{color:#bcd430 !important;}
.Orange{color:#ab6e29 !important;}
.Gray{color:#666 !important;}
.color-blue{background:#1d2857 !important;color:#fff !important;}
.color-lightblue{background:#00adca !important;color:#fff !important;}

.alignright{
                margin:0 0 2em 2em;
                padding:0px;
                float:right;
                border:0;}

.alignleft{
                margin:0 2em 2em 0;
                padding:0px;
                float:left;
                border:0;}

.aligncenter{
                display:block;
                margin-left:auto;
                margin-right:auto;
                padding:0px;
                border:0;}
a {text-decoration: none;transition: 0.2s all ease;}
.hamburger {
    width: 30px;
    height: 25px;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    margin: 8px auto;
}
.hamburger span {
    width: 100%;
    height: 5px;
    background: #fff;
}
.genetics-nav {
    background: #7a7a7a;
    padding: 0 15px;
}
.genetics-nav ul {
    display: flex;
    padding: 0;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    list-style: none;
}
.genetics-nav ul li {
    flex: 1 1 auto;
}
.genetics-nav ul li a {
    padding: 15px 5px;
    display: block;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-size: 0.9em;
}
.genetics-nav ul li a:hover {
    background: #00adcb;
}
.genetics-nav ul ul {
    display:none;
}
.featimg {
    position: relative;
    background: #fff;
    padding: 10px;
}
.featimg img {
    width: 100%;
}
.featimg .pic {
    width: 10%;
    height: 105%;
    position: absolute;
    box-shadow: 5px 5px 5px 2px rgb(0,0,0,0.1);
}
.featimg .pic-1 {
    left: 2%;
    top: 15%;
}
.featimg .pic-2 {
    left: 13%;
    top: 10px;
}
.featimg .pic-2::after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 100%;
    height: 15px;
    background: #bcd430;
}
.featimg .pic-3 {
    right: 13%;
    top: 10px;
}
.featimg .pic-4 {
    right: 2%;
    top: 15%;
}
.featimg .pic-4::before {
    content: "";
    width: 100%;
    height: 15px;
    position: absolute;
    top: -25px;
    left: 0;
    background: #00adcb;
}
.featimg .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.featimg .text {
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    text-align: center;
/*    width: 100%;*/
    max-width: 100%;
}
.featimg h3 {
    text-align: center;
    color: #5c5c5c;
    font-size: 1.3em;
    margin-top: 0;
}
.featimg .ltblue {
    color: #87bcc4;
    text-transform: uppercase;
}
.featimg .dkblue {
    color: #142a50;
}
.featimg .heading {
    width: 350px;
}
#contentbkgd {
    background: #fff;
    padding: 2% 25%;
}
#content {
    color: #7a7a7a;
    line-height: 1.8em;
    padding-bottom: 5%;
    max-width: 1000px!important;
    width: 100%!important;
}
#content p {
    width: 100%!important;
}
#content h1 {
    text-align: center!important;
    color: #87bcc4!important;
	text-transform:uppercase;
	font-size:28px;
	}
#content h1{margin:15px 0;}
#content h2{
	color:#1d2857;
	font-weight:normal;
	font-size:26px;
	line-height:28px;
	margin:15px 0;}
#content h3{
	color:#00adca;
	font-weight:normal;
	font-size:26px;
	line-height:28px;
	margin:15px 0;}
#content h4{
	color:#666;
	font-weight:normal;
	font-size:26px;
	line-height:28px;
	margin:15px 0;}
#content h5{
	color:#1d2857;
	font-weight:bold;
	font-size:18px;
	line-height:20px;
	margin:15px 0 5px 0;}
#content h6{
	color:#666;
	font-weight:bold;
	font-size:18px;
	line-height:20px;
	margin:15px 0 5px 0;}
#content a{text-decoration:none;color:#87bcc4;}
#content a:hover{color:#7a7a7a;}
#content a.btn{text-transform: uppercase; color:#fff; font-weight:700;background:#1d2857;padding:5px 15px;display:inline-block;transition: 0.2s all ease;}
#content a.btn:hover{background: #00adca;}
#content img{max-width:100%;height:auto;}
#content iframe{max-width:100%;}
#content hr{width:100%;height:5px;border:0;background:#efefef;}
#content ul{margin:0;padding:0 20px;list-style-image:url(images/bullet.jpg);}
#content .column.blue ul{margin:0;padding:0 20px;list-style-image:url(images/bullet-green.jpg);}
#content li.page_item{list-style-image:url(images/bullet.jpg);}
.callouts {
    display: flex;
    flex-flow: row wrap;
}
.callouts a {
    width: 50%;
    padding: 5px 10px;
}
.callouts a:hover {
    opacity: 0.8;
}
.callouts img {
    width: 100%;
}
.faq h3 {
    background: #1d2856;
    position: relative;
    color:#fff!important;
    text-align: center;
    margin: 5% 0!important;
    font-size: 2.7em!important;
    height: 45px;
}
.faq h3::after {
    content: "";
    width: 100%;
    height: 100px;
    position: absolute;
    top: -50%;
    left: 0;
    background: url("images/shadow.png") center/contain no-repeat;
}
.faq h3 span {
    background: #bbd52c;
    padding: 15px 15px;
    transform: translateY(-30px);
    display: inline-block;
    position: relative;
    z-index: 100;
}
.faq h2 {
    text-align: center!important;
    background: #7a7a7a!important;
    color: #fff!important;
    padding: 10px 0!important;
}
#accordion h2{
    padding:8px 5%!important;
    text-align: center!important;
    position: relative!important;
    box-sizing: border-box!important;
    transition:0.2s all ease!important;
}
/*#accordion h2:before{content:"+";margin-right:5px;position: absolute;left:1%;top:auto;bottom:auto;}*/
#accordion h2:hover {
    cursor: pointer!important;
    background: #1d2856!important;
}
#accordion h2.ui-state-active{
    background:#fff!important;
    color:#1d2856!important;
}
/*#accordion h2.ui-state-active:before{content:"-";}*/
#accordion .acc-content{
    padding:5px 5%!important;
    box-sizing: border-box!important;
    text-align: center!important;
}
@media screen and (max-width:1200px){
    #contentbkgd {
        background: #fff;
        padding: 7% 5%;
    }
    .featimg > img {
        width: 100%;
        height: 300px;
        object-fit: cover;
        object-position: center;
    }
    .featimg .pic {
        height: 70%;
    }
    .hamburger {
        display:flex;
    }
    .genetics-nav {
        padding: 1px 15px;
        position: relative;
    }
    .genetics-nav ul {
        display:none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 100000;
        background: #7a7a7a;
    }
}
@media screen and (max-width:800px){
    #contentbkgd {
        background: #fff;
        padding: 7% 20px;
    }
    .featimg .pic {
        display: none;
    }
    .featimg > img {
        height: 200px;
    }
    .featimg .text {
        width: 100%;
    }
    .callouts {
        margin-bottom: 60px;
    }
    .callouts a {
        width: 100%;
    }
}
@media screen and (max-width:400px){
	
}