html{height:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
.bg
{
margin: 0;
background-attachment: fixed;
background-repeat: no-repeat;
background: linear-gradient(180deg, #FFFFFF, #FFFFFF, #3A7AB2);
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -3;
}

.wrapper{width:100%;height:100%;display:flex;align-items:flex-end;overflow:hidden}
.waves{position:fixed;bottom:0;width:100%;margin-bottom:-7px;min-height:100px;max-height:150px;z-index:-2}
.parallax > use {animation:move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite}
.parallax > use:nth-child(1) {animation-delay:-2s;animation-duration:7s}
.parallax > use:nth-child(2) {animation-delay:-3s;animation-duration:10s}
.parallax > use:nth-child(3) {animation-delay:-4s;animation-duration:13s}
.parallax > use:nth-child(4) {animation-delay:-5s;animation-duration:20s}
@keyframes move-forever {0% {transform: translate3d(-90px, 0, 0);}100% {transform: translate3d(85px, 0, 0);}}

body{margin:0;font-size:15px;font-family:serif;color:#FFFFFF}
.header-title{font-size:21px;font-family:sans-serif;font-weight:bold;color:#2271CF}
.header-text{font-size:16px;font-weight:bold;color:#167FD4}
.choicebox-title{font-size:18px;font-weight:bold;color:#FFFFFF;text-decoration:underline}
.choicebox-text{font-size:15px;color:#FFFFFF}
img{vertical-align:middle}
div.outer{width:100%;height:140px}
div.inner
{
background:url('img/logo_orionsoft.png') center no-repeat;
position:absolute;
left:0;
width:100%;
height:inherit;
z-index:-2;
}

div.header-text-container{padding-left:12px;padding-right:12px;max-width:900px}

.choicebox
{
width:480px;
height:280px;
font-size:14px;
margin-bottom:15px;
box-shadow:3px 3px 5px #606060;
border-radius:8px;
}

.choicebox-responsive{float:left;padding:15px;width:100%}
@media (min-width:1490px){.choicebox-responsive{width:33%}.choicebox-responsive2{width:50%}}
.choicebox:after,.choicebox:before{content:"";display:table;clear:both}

.overlay
{
width:435px;
height:235px;
border:2px solid #3A7AB2;
padding:8px;
margin-top:22px;
border-radius:8px;
background-color:rgba(14,41,58,0.75);
}

.container
{
width:480px;
height:400px;
font-size:15px;
box-shadow:3px 3px 5px #606060;
border-radius:8px;
background: linear-gradient(180deg, #F0F0F0, #3A7AB2, #3A7AB2);
margin:20px;
}

.container-col
{
float: left;
text-align: left;
width: 476px;
padding: 8px;
}

@media (min-width:980px) {.container{width:952px;height:200px}}

a.button
{
color: white;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
font-family:serif;
margin: 8px 2px;
cursor: pointer;
box-shadow:3px 3px 5px #606060;
border:2px solid #3A7AB2;
padding:6px 24px 10px 24px;
border-radius:21px;
background: linear-gradient(180deg, #3A7AB2, #08385C);
}
a:link{color:#FFFFFF;text-decoration:none}
a:visited{color:#FFFFFF;text-decoration:none}
a:hover{color:#E0EAF5;text-decoration:underline}
a.fill-div{display:block;height:100%;width:100%;text-decoration:none;}