/* ========  GLOBAL RESET ==========*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,svg, img, header, footer, section, article{ margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
img {border:none; display:block;}
header, footer, section, article, div{box-sizing:border-box;font-family:sans-serif;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;}
a, input, textarea{box-sizing:border-box;}



/* ========  TYPOGRAPHY  ==========*/
h1::before{
    content:url(../img/header-pipe.svg);
    position:relative;
    left:-15px;
    top:15px;
}

h1{display:inline-block; color:#002f87; font:60px/64px MissionGothicLight; margin-top:16px;margin-bottom:40px;}
h2{color:#909294; font:60px/68px MissionGothicLight;}
h3{color:#909294; font:33px/46px MissionGothicLight; margin-bottom:60px;}

.h2-sub{color:#003893;text-transform: uppercase; font:italic 43px/52px MissionGothic;}

.red{color:#d81e05;}
.blue{color:#003893;}

/* ========  CONTENT  ==========*/
#container{opacity:0;}

#main{
    position:relative;
    width:1550px;
    margin:0 auto;
    transform-origin:0 0;
}

section{
    position:relative;
    padding-left:162px;
    margin-top:62px;
}

#menu{
    position:absolute;
    left:auto; right:64px;
    top:0;
    width:80px;
    height:64px;
    cursor:pointer;
}

#menu-container{
    position:absolute;
    display:block;
    width:346px;
    padding-top:44px;
    background:#f5f4f2;
    top:12px;
    left:auto; right:0;
    z-index:100;
}

#menu-closed, #menu-open{position:absolute; top:0; left:auto; right:0}
.menu-link{
    text-decoration: none;
    color:#243b81;
    display:block;
    margin:20px 0;
    padding:16px 24px;
    font:28px/28px MissionGothic;
}

.menu-link:hover{
    background:#e4e0db;
}

.menu-link::before{
    content:url(../img/red-arrow.svg);
    position:relative;
    left:-7px;
    top:-4px;
}

#header-title{
    position:absolute;
    top:440px;
    left:170px;
    color:#fff;
    letter-spacing:0.02em;
    font:bold 60px/60px MissionGothic;
}
#header-logo{
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
}

#header-bar{
    border-bottom:2px solid white;
}

#nav-bar-spacer{
    display:none;
    height:76px;
}

.nav-bar{
    display:block;
    position:relative;
    width:1550px;
    height:76px;
    background:url(../img/nav-bg.jpg);
	list-style-type: none;
    text-align:center;
    white-space: nowrap;
    z-index:100;
    transform-origin:0 0;
}

.nav-bar li{display:inline-block;}
.nav-bar li a, .dropbtn {
  display: inline-block;
  color: #fff;
  text-align: center;
  font:36px/36px MissionGothicThin;
  text-decoration: none;
  padding:20px 30px;
}
.nav-bar .active
{
  color:#fff;
}
.nav-bar li a:hover, .dropdown:hover .dropbtn {
  color:#fff;
}



.nav-bar li.dropdown {
  display: inline-block;
}

.nav-bar .dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.nav-bar .dropdown-content a {
  color: #d81e05;
  padding: 12px 30px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.nav-bar .dropdown-content a:hover {background-color:#d81e05; color:white;}

.nav-bar .dropdown:hover .dropdown-content {
  display: block;
}

.drop-arrow{
    position:relative;
    display:inline-block;
    width:25px;
    height:17px;
    background:url(../img/dropdown.svg);
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    margin-left:10px;
    top:-2px;
}

.anchor{
    display:block;
    position:relative;
    top:-126px;
}
.divider{
    height:20px;
    background:url("../img/divider.jpg") no-repeat center;
    background-size:fill;
}

.section-content{top:0; left:0;margin-left:304px; padding-top:20px;}

.download{
    position:absolute;
    text-align:center;
    top:40px;
    left:165px;
    width:206px;
    height:74px;
    font:42px/42px MissionGothicThin;
    padding-top:13px;
    color:#fff;
    background:#e2231a;
    border:4px solid white;
    border-radius:0 0 20px 0;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.35);
    cursor:pointer;
    text-decoration: none;
}

footer{
    position:relative;
    display:block;
    height:480px;
    background:#f2f0ee;
    margin-top:62px;
}

footer a{
    text-decoration: none;
}

#footer-logo{
    position:absolute;
    top:80px;
    left:186px;
}

#btn-contact{
    position:absolute;
    top:290px;
    left:200px;
    cursor:pointer;
    width:154px;
    height:58px;
    color:#fff;
    background:#e2231a;
    font:33px/46px MissionGothicLight;
    letter-spacing:0.05em;
    border-radius:0 0 16px 0;
    text-align:center;
    padding-top:6px;
}


.footer-group{
    position:absolute;
    display:block;
    left:490px;
    top:76px;
    font:29px/40px MissionGothicLight;
    color:#e2231a;
    white-space: nowrap;
}


.footer-group span{
    display:inline-block;
    margin-bottom:20px;
}

.footer-group div{
    display:inline-block;
}

.footer-spacer{height:16px;}

#footer-link-bar{
    position:absolute;
    left:490px;
    top:120px;
    width:964px;
    height:2px;
    border-bottom:1px solid #e2231a;
}
#footer-identity{
    left:700px;
}

#identity-links{
    display:flex;
    width:520px;
}

#identity-links div{flex:1;}

#footer-marketing{left:1220px;}

.footer-group a{
    display:block;
    font:19px/27px MissionGothicLight;
    color:#002f87;
    cursor:pointer;
}
/* ========  RESPONSIVENESS  ==========*/


@media screen and (max-width: 1550px)
{
}

@media screen and (max-width: 800px)
{
}