/* global */

body {
    background: #ecf0f1;
    min-width: 1020px;
}
h1, h2, h3, h4, h5, h6, header .address ul li, nav li a {
    font-family: 'Oswald', Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, header .address ul li {
    color: #250858;
}
p, ul, li, a, div, span, tr, td input.submit, button.submit {
    font-family: 'Roboto Condensed', Arial Narrow, Helvetica, sans-serif;
}
p, ul, li, div {
    color: #363636;
    font-weight: 300;
}
a {
    font-weight: 400;
    color: #250858;
}
a:hover {
    color: #583B8B;
    text-decoration: none;
}
nav li, nav .container, #hero, input.submit, button.submit, .rule {
    background: none;
}
nav li a+a, #hero aside a + a, #additional .viewAll a + a, footer .contact, footer .quickLinks {
    display: none;
}
a, nav li li, input.submit, button.submit {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
h1, h2 {
    text-transform: uppercase;
}
/* header */

header {
    height: 145px;
    background: #ecf0f1;
    padding: 0;
}
header .container {
    background: url('https://fmg-websites-custom.s3.amazonaws.com/336846-stabrowski/header-bg.png') no-repeat 100% 40% #ecf0f1;
    height: 109px;
    padding: 18px 0;
}
header .address {
    position: absolute;
    top: 0;
    right: 0;
}
header .address ul {
    margin-top: 8px;
}
header .address ul li {
    color: #250858;
    text-transform: uppercase;
    font-size: 18px;
    text-align: right;
}
/* nav */

nav {
    background: #290964;
    background: -moz-linear-gradient(top, #290964 0%, #1a063e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #290964), color-stop(100%, #1a063e));
    background: -webkit-linear-gradient(top, #290964 0%, #1a063e 100%);
    background: -o-linear-gradient(top, #290964 0%, #1a063e 100%);
    background: -ms-linear-gradient(top, #290964 0%, #1a063e 100%);
    background: linear-gradient(to bottom, #290964 0%, #1a063e 100%);
    height: 50px;
}
nav .container {
    padding: 0;
    height: 50px;
    line-height: 50px;
}
#homeButton {
    display: none;
    margin-top: 14px;
}
nav li {
    margin-left: 0;
    padding-right: 0;
}
nav li a {
    padding: 12px 36px 14px 36px;
    transition: none;
    font-size: 16px;
}
nav li:hover > a, nav li a:hover {
    background-color: #450fa4;
}
nav li > a.selected {
    background: #450fa4;
}
nav li:hover ul {
    left: 0;
}
nav ul ul {
    top: 34px;
    background: #450fa4;
}
nav li li:hover {
    background-color: rgba(37, 8, 88, 0.85);
}
nav li li a {
    padding: 0;
    font-size: 14px;
}
nav li li:hover > a {
    background: none;
}
/* hero */

#hero {
    height: 546px;
    /*    background: #450fa4;
    background: -moz-linear-gradient(top, #450fa4 0%, #2b0966 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #450fa4), color-stop(100%, #2b0966));
    background: -webkit-linear-gradient(top, #450fa4 0%, #2b0966 100%);
    background: -o-linear-gradient(top, #450fa4 0%, #2b0966 100%);
    background: -ms-linear-gradient(top, #450fa4 0%, #2b0966 100%);
    background: linear-gradient(to bottom, #450fa4 0%, #2b0966 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#450fa4', endColorstr='#2b0966', GradientType=0);*/

    background: url(https://fmg-websites-custom.s3.amazonaws.com/336846-stabrowski/hero-bg.jpg) no-repeat;
}
#hero .container {
    padding: 21px 0 0 0;
    height: 300px;
}
#hero .wrapper {
    padding: 0;
}
#hero .backArrow, #hero .forwardArrow {
    height: 32px;
    width: 32px;
    background-image: url('https://fmg-websites-custom.s3.amazonaws.com/336846-stabrowski/hero-arrows.png');
    top: 150px;
}
#hero .backArrow {
    background-position: 0 100%;
    left: 18px;
}
#hero .forwardArrow {
    background-position: 0 0;
    left: 578px;
}
#hero .hero {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
#hero1 .hero {
    background-image: url('https://fmg-websites-custom.s3.amazonaws.com/336846-stabrowski/hero1.jpg') !important;
}
#hero2 .hero {
    background-image: url('https://fmg-websites-custom.s3.amazonaws.com/336846-stabrowski/hero2.jpg') !important;
}
#hero3 .hero {
    background-image: url('https://fmg-websites-custom.s3.amazonaws.com/336846-stabrowski/hero3.jpg') !important;
}
#hero4 .hero {
    background-image: url('https://fmg-websites-custom.s3.amazonaws.com/336846-stabrowski/hero4.jpg') !important;
}
.ie8 #hero1 .hero {
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fmg-websites-custom.s3.amazonaws.com/336846-stabrowski/hero1.jpg', sizingMethod='scale')";
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://fmg-websites-custom.s3.amazonaws.com/336846-stabrowski/hero1.jpg', sizingMethod='scale');
}
.ie8 #hero2 .hero {
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fmg-websites-custom.s3.amazonaws.com/336846-stabrowski/hero1.jpg', sizingMethod='scale')";
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://fmg-websites-custom.s3.amazonaws.com/336846-stabrowski/hero1.jpg', sizingMethod='scale');
}
.ie8 #hero3 .hero {
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fmg-websites-custom.s3.amazonaws.com/336846-stabrowski/hero3.jpg', sizingMethod='scale')";
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://fmg-websites-custom.s3.amazonaws.com/336846-stabrowski/hero3.jpg', sizingMethod='scale');
}
.ie8 #hero4 .hero {
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fmg-websites-custom.s3.amazonaws.com/336846-stabrowski/hero4.jpg', sizingMethod='scale')";
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='https://fmg-websites-custom.s3.amazonaws.com/336846-stabrowski/hero4.jpg', sizingMethod='scale');
}
#hero aside {
    height: 300px;
    background: #f8e674;
}
#hero aside h2 {
    background: #c5aa02;
    font-size: 24px;
    margin: 0;
    padding: 25px;
    height: auto;
    letter-spacing: 0.5px;
}
#hero aside p {
    margin: 0;
    padding: 25px;
    color: #856a00;
}
#hero aside p + p {
    padding: 0 25px;
}
#hero aside a {
    text-transform: uppercase;
    color: #856a00;
    border: 2px solid #856a00;
    padding: 4px 12px;
}
#hero aside a:hover {
    background: #856a00;
    color: #f8e674;
}
/* content */
/* homepage */

.homepage #content {
    min-height: 1200px;
}
.homepage #content article {
    height: 340px;
    width: 100%;
    padding: 0;
    float: none;
    margin-top: -235px;
}
.home-box {
    float: left;
    width: 300px;
    height: 365px;
    background: #fff;
    text-align: center;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
}
.home-box.middle {
    margin: 0 30px;
}
.home-box h2 {
    margin: 14px 0 10px 0;
}
.home-box p {
    color: #666;
    padding: 0 20px;
}
.home-box .learn-more {
    color: #450fa4;
    border: 2px solid #450fa4;
    padding: 4px 14px;
    text-transform: uppercase;
}
.home-box .learn-more:hover {
    background: #450fa4;
    color: #fff;
}
.homepage #content aside {
    margin-top: 73px;
}
/* subpages */
/* article */
/* aside */

#content aside h2 {
    margin: 0 0 16px 0;
}
aside .rule {
    background: #dfdfdf;
    height: 2px;
    width: 270px;
    margin: 40px auto;
}
input.submit, button.submit {
    color: #450fa4;
    text-transform: uppercase;
    border: 2px solid #450fa4;
    padding: 0 14px;
    height: 38px;
    font-size: 16px;
}
input.submit:hover, button.submit:hover {
    background: #450fa4;
    color: #fff;
}
/* system */

#suggested {
    font-weight: 300;
}
#suggested h3 a {
    color: #363636;
    margin-bottom: 16px;
    display: block;
    font-size: 18px;
}
#suggested h3 a:hover, #additional h4 a:hover {
    color: #9C9C9C;
}
#additional {
    width: 630px;
    background: #fff;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
}
#additional nav ul {
    padding-top: 20px;
}
#additional nav li {
    border: none;
}
#additional nav li a {
    background: none;
    padding: 0;
    color: #450fa4;
}
#additional nav li a:hover {
    color: #7842D7;
}
#additional nav li a.selected {
    color: #250858;
}
#additional h4 a {
    color: #363636;
}
#additional .viewAll {
    padding-top: 18px;
}
#additional .viewAll a {
    color: #450fa4;
    text-transform: uppercase;
    border: 2px solid #450fa4;
    padding: 4px 14px;
}
#additional .viewAll a:hover {
    background: #450fa4;
    color: #fff;
}
#matterContent .flagBody {
    background: #250858;
}
#matterContent .flagBody span {
    color: #fff;
}
/* footer */

footer {
    background: #1a063e;
}
footer .note {
    width: 100%;
    padding: 100px 0 0 0;
}
footer .note p {
    color: #fff;
    text-align: center;
    font-size: 15px;
}
.footer-contact {
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    height: 22px;
}
.footer-contact p {
    font-size: 14px !important;
}
footer aside {
    display: none;
}