html {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-font-smoothing:antialiased; 
  text-rendering:optimizeLegibility; 
  -moz-osx-font-smoothing:grayscale;
  font-family:'PFDINTextStd-Regular', sans-serif;
}
*, *:before, *:after {
  -webkit-box-sizing:inherit;
  -moz-box-sizing:inherit;
  box-sizing:inherit;
}
body {background:#fff;}
body, html {height:100%; width:100%; margin:0;}
body, p, h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
sup {vertical-align:baseline; position:relative; top:-0.4em; font-size:60%;}
.clearfix {}
.clearfix:after {content:""; clear:both; display:table;}

#page {z-index:1; background:#fff;}

/*** Mobile First CSS ***/


/* Top Header */

#main_header {position:absolute; padding:11px 0 0 0; background:#160c5a; width:100%; z-index:999; top:0; left:0; right:0;}

#main_header #header_logo {margin:0 0 20px 20px;}
#main_header #header_logo a {display:block; width:260px; height:59px; overflow:hidden; position:relative;}
#main_header #header_logo a span {display:block; position:relative; width:260px; height:59px; overflow:hidden; text-indent:-9999px; background:url("../images/topnav_logo.png") no-repeat; background-position:0 0; background-size:260px 117px;}
#main_header #header_logo a:hover span {background-position:0 -59px;}


/* Page Header */
#page_header {position:relative; z-index:30;}
#page_header-frame {position:relative; max-width:1200px; margin:0 auto;}
#page_header-text {width:300px; height:126px; position:absolute; left:10px; top:-2px;}
#page_header h1 {width:100%; height:100%; position:absolute; left:0; right:0; top:0; bottom:0; text-indent:-9999px; overflow:hidden; background:url("../images/header_mobile-new.svg") 0 0 no-repeat; background-size:300px auto;}
#page_header h1 a {width:100%; height:100%; position:absolute; left:0; right:0; top:0; bottom:0; display:block;}

#nav_toggle {display:block; width:50px; height:50px; background:#fff; position:absolute; bottom:74px; right:0; line-height:50px; outline:none;}
#nav_toggle span {display:block; width:20px; height:3px; background:#160C5A; position:absolute; left:15px; top:24px;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
}
#nav_toggle:before {
content: "";
position: absolute;
left:15px;
top:16px;
width:20px;
height:3px;
background:#160C5A;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
}
#nav_toggle:after {
content: "";
position: absolute;
left:15px;
top:32px;
width:20px;
height:3px;
background:#160C5A;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
}

#nav_toggle:hover span, #nav_toggle:hover:before, #nav_toggle:hover:after {background:#f0534e;}

#nav_toggle.closed span, #nav_toggle.closed:hover span {
  background: transparent;
}

#nav_toggle.closed:before {
	transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
	top:24px;
    background:#f0534e;
    width:28px;
    left:11px;
}


#nav_toggle.closed:after {
	transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
	top:24px;
    background:#f0534e;
    width:28px;
    left:11px;
}

#top_nav-holder {display:none; background:#fff; position:absolute; top:127px; left:0; padding:25px 20px 25px 20px;}

#top_nav-list {
  list-style: none;
  margin:0; 
  padding:0;
  line-height:initial;
  counter-reset: my-awesome-counter;
}
#top_nav-list li {
  display:block;
  counter-increment: my-awesome-counter;
  margin:0; 
  padding:0 0 14px 0;
}
#top_nav-list li:before {
  content:counter(my-awesome-counter) ". ";
  color:#00B5B5;
  font-family:"Torque Web Medium", sans-serif; 
  font-weight:400; 
  font-size:18px;
  display:block;
  margin:0;
  width:30px;
  float:left;
}

#top_nav-list li:after {
  content:" ";
  clear:both;
  display:table;
}

#top_nav-list li a {
  display:block;
  color:#007A96;
  text-decoration:none;
  font-family:"Torque Web Bold", sans-serif; 
  font-weight:400;
  font-size:18px;
  width: calc(100% - 30px);
  float:left;
}
#top_nav-list li:hover a {color:#F0534E; text-decoration:none;}
#top_nav-list li:hover:before {color:#F0534E;}

/* Menu Modal */
#menu_modal {width:100%; min-height:100vh; position:fixed; left:0; right:0; top:0; bottom:0; background:#00B5B5; display:none; z-index:20;}
.menu_open {max-height:100vh; overflow:hidden;}


/* Site Footer */
#site_footer {padding:30px 0; background:#160c5a; position:relative;}

#footer_section {max-width:1240px; margin:0 auto; padding:0 20px;}

#site_footer #footer_logo {}
#site_footer #footer_logo a {display:block; width:260px; height:59px; overflow:hidden; position:relative;}
#site_footer #footer_logo a span {display:block; position:relative; width:260px; height:59px; overflow:hidden; text-indent:-9999px; background:url("../images/topnav_logo.png") no-repeat; background-position:0 0; background-size:260px 117px;}
#site_footer #footer_logo a:hover span {background-position:0 -59px;}

#footer_top {position:relative;}

#footer_text {font-family:'PFDINTextStd-Regular', sans-serif; padding:40px 0;}
#footer_text p {margin:0; padding:0; font-size:15px; line-height:20px; color:#00B5B5;}

#footer_social {position:relative; text-align:left;}
#footer_social a {display:inline-block; width:40px; height:40px; overflow:hidden; margin-right:4px; background-position:0 0; background-repeat:no-repeat; background-size:40px auto; text-indent:-9999px;}
#footer_social a:hover {background-position:0 -40px;}
#footer_social a.social_facebook {background-image:url("../images/footer_facebook_icon.png")}
#footer_social a.social_linkedin {background-image:url("../images/footer_linkedin_icon.png")}
#footer_social a.social_twitter {background-image:url("../images/footer_twitter_icon.png")}
#footer_social a.social_yt {background-image:url("../images/footer_yt_icon.png")}
#footer_social a.social_slideshare {background-image:url("../images/footer_slideshare_icon.png")}

#footer_hosted {width:80px; position:relative; margin:40px 0 0 0;}
#footer_hosted img {width:100%; height:auto;}
#footer_hosted:before {
    content: "Hosted by";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    color: #00b5b5;
    font-family: "PFDINTextStd-Regular", sans-serif;
    font-size: 10px;
    text-align: left;
}
#footer_bottom {border-top:1px solid #0d4c7c; margin:40px auto 0 auto; padding:30px 0 50px 0;}
#bottom_contact {display:block; color:#00B5B5; font-size:14px; line-height:21px; font-family:'PFDINTextStd-Bold', sans-serif; font-weight:400; text-decoration:none; margin:0 0 30px 0;}
#bottom_contact:hover {color:#F0534E}
#bottom_right p#bottom_copyright {color:#00B5B5; font-size:14px; line-height:20px; margin:0 0 14px 0;}
#bottom_right ul#bottom_links {margin:0; padding:0; list-style:none;}
#bottom_right ul#bottom_links li {margin:0 12px 0 0; padding:0; display:inline-block;}
#bottom_right ul#bottom_links li:last-child {margin-right:0;}
#bottom_right ul#bottom_links li a {color:#00B5B5; font-size:14px; line-height:20px; text-decoration:none;}
#bottom_right ul#bottom_links li a:hover {color:#F0534E}


/* Media Queries */
@media only screen and (min-width: 370px) {

/* Page Header */
#page_header-text {width:318px; height:134px; left:50%; transform:translateX(-50%);}
#page_header h1 {background-size:318px auto;}

#nav_toggle {width:54px; height:54px; bottom:78px; line-height:54px;}
#nav_toggle span {width:22px; left:16px; top:25px;}
#nav_toggle:before {
left:16px;
top:18px;
width:22px;
}
#nav_toggle:after {
left:16px;
top:32px;
width:22px;
}

#nav_toggle.closed:before {
top:24px;
width:30px;
left:12px;
}

#nav_toggle.closed:after {
top:24px;
width:30px;
left:12px;
}


#top_nav-holder {top:135px;}

/* Site Footer */
#site_footer {padding:30px 0;}
#footer_section {padding:0 35px;}
#site_footer #footer_logo {}
#site_footer #footer_logo a {display:block; width:304px; height:69px; overflow:hidden; position:relative;}
#site_footer #footer_logo a span {display:block; position:relative; width:304px; height:69px; overflow:hidden; text-indent:-9999px; background:url("../images/topnav_logo.png") no-repeat; background-position:0 0; background-size:304px 138px;}
#site_footer #footer_logo a:hover span {background-position:0 -69px;}

}


@media only screen and (min-width: 370px) {

/* Top Header */
#main_header #header_logo {margin:0 0 20px 20px;}

}

@media only screen and (min-width: 480px) {

}

@media only screen and (min-width: 720px) {

/* Page Header */
/*#page_header-text {left:10px; top:0; transform:none;} */
#main_header #header_logo {margin:0 0 20px 40px;}
#page_header-text {left:20px; top:0; transform:none;}
}

@media only screen and (min-width: 960px) {

}

@media only screen and (min-width: 1024px) {



/* Page Header */
#page_header-text {width:367px; height:149px;}
#page_header h1 {width:100%; height:100%; position:absolute; left:0; right:0; top:0; bottom:0; text-indent:-9999px; overflow:hidden; background:url("../images/header_desktop-new.svg") 0 0 no-repeat; background-size:367px 298px;}
#page_header h1:hover {background-position:0 -149px;}

#nav_toggle {width:65px; height:65px; bottom:0; right:-66px; line-height:65px;}

#nav_toggle span {width:24px; left:20px; top:31px;}
#nav_toggle:before {
left:20px;
top:23px;
width:24px;
}
#nav_toggle:after {
left:20px;
top:39px;
width:24px;
}

#nav_toggle.closed:before {
top:25px;
width:20px;
left:20px;
}

#nav_toggle.closed:after {
top:37px;
width:20px;
left:20px;
}


#top_nav-holder {top:84px; left:434px; padding:25px 50px 10px 30px;}
#top_nav-list li {
  white-space:nowrap;
}

/* Menu Modal */
#menu_modal {width:1px; min-height:1px; height:0px; position:fixed; left:0; right:auto; top:0; bottom:auto; background-color:transparent; visibility:hidden; opacity:0;}
.menu_open {max-height:100%; overflow:auto;}

/* Site Footer */
#site_footer {padding:34px 0;}
#footer_section {padding:0 30px;}

#site_footer #footer_logo {}
#site_footer #footer_logo a {width:372px; height:84px; margin:0;}
#site_footer #footer_logo a span {width:372px; height:84px; background-position:0 0; background-size:372px 168px;}
#site_footer #footer_logo a:hover span {background-position:0 -84px;}

#footer_top {padding:40px 0 0 0;}
#footer_text {width: calc(100% - 400px); max-width:670px; float:left; padding:0;}
#footer_text p {font-size:16px; line-height:21px;}
#footer_social {float:right; width:400px; padding:10px 0 0 0;}

#footer_hosted {position:absolute; margin:0; top:16px; right:0;}

#footer_bottom {padding:25px 0 0 0; margin:18px auto 0 auto;}
#bottom_contact {float:left;}

#bottom_right {margin:0; float:right; width:400px;}
#bottom_right p#bottom_copyright {float:left; font-size:12px;}
#bottom_right ul#bottom_links {margin:0; float:right; max-width:210px;}
#bottom_right ul#bottom_links li a {font-size:12px;}

}

@media only screen and (min-width: 1080px) {

}

@media only screen and (min-width: 1280px) {
#main_header #header_logo {margin:0 0 20px 20px;}
#page_header-text {left:10px; top:0; transform:none;}  
  
/* Site Header 
#main_header #header_logo a {width:372px; height:84px; margin:0 0 0 20px;}
#main_header #header_logo a span {width:372px; height:84px; background-position:0 0; background-size:372px 168px;}
#main_header #header_logo a:hover span {background-position:0 -84px;}
*/
}

@media only screen and (min-width: 1320px) {

}

@media only screen and (min-width: 1900px) {  
 
}






