:root {
    /** Fonts **/
    --primaryFont : "Source Sans Pro", sans-serif;

    /** Colors **/
    --headerColor : #004b8b;
    --textColor : #45e6264;
    --white : #ffffff;
    --bgFill : #fafafa;
    --footerFill : #004a80;
    --grayColor1 : #e4e8ea;
    --grayColor2 : #e4e8ea;
    --grayColor3 : #e4e8ea;
    --grayColor4 : #7a7d80;
    --grayColor5 : #5e6264;
    --sepColor1 : #2887b0;
    --sepColor2 : #61a741;
    --sepColor3 : #e9c46a;
    --sepColor4 : #f4a261;
    --sepColor5 : #e76f51;
    --sepColor6 : #970255;
    --primaryBlue : #004a80;
    --primaryRed : #b21131;
    --primaryGray : #646464;
    --secondaryLightBlue : #2887b0;
    --secondaryGreen : #61a741;
    --secondaryYellow : #e9c46a;
    --secondaryLightOrange : #f4a261;
    --secondaryDarkOrange : #e76f51;
    --secondaryPurple : #970255;
}
html {
    min-height: 100%;
    box-sizing: border-box;
    font-size: 62.5%; /* Now 10px = 1 rem! */
}
*, *:before, *:after {
    box-sizing: inherit;
}
body {
    min-height: 100%;
    font-family: var(--primaryFont);
    font-size: 1.6rem;
    background-color: var(--bgFill);
}
/* ------------------------------------------------------------------------------------------------
   Header Styles
   ----------------------------------------------------------------------------------------------*/
header.site-header {
    background-color: var(--white);
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    height: 8rem;
}
header.site-header nav {
    padding: 1.876rem 0 0;
}
header.site-header nav a {
    display: block;
    margin: 0 auto;
}
@media only screen and (min-width: 768px) {
    header.site-header nav {
        padding: 1.876rem 0 0 2.778rem;
    }
    header.site-header nav a {
        margin: 0;
    }
}
div.navbar-right.t-strong {
    z-index: 500;
    width: 100%;
}
#prog_menu {
    margin: 2rem 0 0;
    background-color: rgba(0,0,0,.675);
    border-radius: .3rem;
    padding: 3rem 2rem 2rem 2rem;
}
#prog_menu li a {
    color: var(--white);
    font-size: 1.4rem;
    line-height: 3rem;
    font-weight: 600;
}
@media only screen and (min-width: 600px) {
    .navbar-expand-md .navbar-toggler {
        display: none;
    }
}
/* ------------------------------------------------------------------------------------------------
   Content Separators
   ----------------------------------------------------------------------------------------------*/
section.content-separator > div.container {
    max-width: 100%;
    padding: 0;
}
section.content-separator div.row,
section.content-separator div.row div.col-2 {
    height: 13px;
}
section.content-separator div.row {
    margin-left: 0;
    margin-right: 0;
}
section.content-separator div.row div.col-2:nth-of-type(1) {
    background-color: var(--sepColor1);
}
section.content-separator div.row div.col-2:nth-of-type(2) {
    background-color: var(--sepColor2);
}
section.content-separator div.row div.col-2:nth-of-type(3) {
    background-color: var(--sepColor3);
}
section.content-separator div.row div.col-2:nth-of-type(4) {
    background-color: var(--sepColor4);
}
section.content-separator div.row div.col-2:nth-of-type(5) {
    background-color: var(--sepColor5);
}
section.content-separator div.row div.col-2:nth-of-type(6) {
    background-color: var(--sepColor6);
}
/* ------------------------------------------------------------------------------------------------
   Program Links section
   ----------------------------------------------------------------------------------------------*/
#program_links > div.container {
    background-color: var(--white);
    padding: 1rem 0 0;
    box-shadow: 0 2px 2px rgba(0,0,0,0.08);
    border-radius: .3rem;
    max-width: 100%;
}
#program_links div.row {
    margin-right: 0;
    margin-left: 0;
}
#program_links h1 {
    margin: 0 auto 1.1rem;
    color: var(--headerColor);
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.514rem;
    letter-spacing: -0.4px;
}
div.prog-links {
    text-align: center;
}
div.prog-links > p {
    max-width: 83.3333%;
    margin: 0 auto 1rem;
}
@media only screen and (min-width: 1440px) {
    div.prog-links > p {
        max-width: 65%;
    }
}
@media only screen and (min-width: 1920px) {
    div.prog-links > p {
        max-width: 50%;
    }
}
div.prog-links > p > a {
    padding: .5rem 2rem;
    background-color: var(--grayColor1);
    color: var(--grayColor5);
    border-radius: .4rem;
    font-size: 1.4rem;
    line-height: 2.2rem;
    display: inline-block;
    width: 90%;
    margin: 0 auto 1.5rem;
}
@media only screen and (min-width: 768px) {
    div.prog-links > p > a {
        width: auto;
        margin: 0 2rem 1rem 0;
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
    div.prog-links > p > a:last-of-type {
        margin-right: 0;
    }
}
@media only screen and (min-width: 1024px) {
    div.prog-links > p > a {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
}
div.prog-links > p > a.active {
    background-color: var(--headerColor);
    color: var(--white);
    font-weight: 700;
}
div.prog-links > p > a:hover {
    background-color: var(--headerColor);
    color: var(--white);
    font-weight: 700;
    text-decoration: none;
}
/* ------------------------------------------------------------------------------------------------
   Hero Content Styles
   ----------------------------------------------------------------------------------------------*/
#hero_content div.hero {
    background-color: #f0f3f4;
    border-radius: .3rem;
    height: 180px;
    margin-top: -.25rem;
    filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
    overflow-y: hidden;
}
@media only screen and (min-width: 375px) {
    #hero_content div.hero {
        height: 200px;
    }
}
@media only screen and (min-width: 600px) {
    #hero_content div.hero {
        height: 300px;
    }
}
@media only screen and (min-width: 768px) {
    #hero_content div.hero {
        height: 320px;
    }
}
@media only screen and (min-width: 1024px) {
    #hero_content div.hero {
        height: 405px;
    }
}
#hero_content div.hero #hero {
    height: inherit;
    overflow-y: hidden;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    background-size: cover !important;
}
#hero_content div.hero #hero.kids {
    background-position: center top !important;
}
@media only screen and (min-width: 360px) {
    #hero_content div.hero #hero {
        height: calc(100vw * .5625);
    }
}
@media only screen and (min-width: 600px) {
    #hero_content div.hero #hero {
        height: calc(540px * .5625);
    }
}
@media only screen and (min-width: 768px) {
    #hero_content div.hero #hero {
        height: calc(720px * .5625);
        background-size: auto !important;
    }
}
@media only screen and (min-width: 1024px) {
    #hero_content div.hero #hero {
        height: calc(960px * .5625);
    }
}
@media only screen and (min-width: 1280px) {
    #hero_content div.hero #hero {
        height: calc(1140px * .5625);
    }
}
video#bgvideo {
    height: inherit;
    /*background: url(../video/harrison-poster.jpg) no-repeat center top;
    background-size: cover;*/
}
@media only screen and (min-width: 1024px) {
    video#bgvideo {
        background-size: unset;
    }
}
#hero_content div.content {
    overflow: hidden;
    background-color: var(--bgFill);
    border-radius: .3rem;
    /*display: flex;*/
    margin-top: -3rem;
    padding: 2.5rem 2rem;
}
@media only screen and (min-width: 375px) {
    #hero_content div.content {
        padding: 3.5rem 2.5rem;
    }
}
@media only screen and (min-width: 600px) {
    #hero_content div.content {
        padding: 5.5rem 5.5rem 2.5rem;
    }
    #hero_content div.content.inner {
        padding: 5.5rem .5rem 2.5rem;
    }
}
@media only screen and (min-width: 1280px) {
    #hero_content div.content {
        padding: 6.5rem 3rem 6.5rem 4rem;
    }
    #hero_content div.content.inner {
        padding: 6.5rem 0;
    }
}
#hero_content div.tornado-icon {
    width: 25%;
    margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
    #hero_content div.tornado-icon {
        display: inline-block;
        vertical-align: top;
        width: 20%;
    }
}
#hero_content div.tornado-icon p > img {
    max-width: 75%;
}
@media only screen and (min-width: 1024px) {
    #hero_content div.tornado-icon p {
        padding-top: .75rem;
        padding-left: 2rem;
    }
    #hero_content div.tornado-icon p > img {
        width: 70%;
    }
}
@media only screen and (min-width: 1440px) {
    #hero_content div.tornado-icon p > img {
        max-width: unset;
    }
}
#hero_content div.tornado-content,
#hero_content div.hero-content {
    width: 100%;
}
@media only screen and (min-width: 1024px) {
    #hero_content div.tornado-content {
        width: 75%;
        display: inline-block;
    }
}
#hero_content div.tornado-content h3 {
    color: var(--headerColor);
    font-size: 3.1rem;
    line-height: 4rem;
    font-weight: 700;
    letter-spacing: -.4px;
    text-align: center;
}
@media only screen and (min-width: 768px) {
    #hero_content div.tornado-content h3 {
        font-size: 4.1rem;
        line-height: 5rem;
    }
}
@media only screen and (min-width: 1024px) {
    #hero_content div.tornado-content h3 {
        font-size: 5.1rem;
        line-height: 6rem;
        text-align: left;
    }
}
@media only screen and (min-width: 1440px) {
    #hero_content div.tornado-content h3 {
        font-size: 6.1rem;
        line-height: 7rem;
    }
}
#hero_content div.tornado-content p {
    text-align: center;
    color: var(--grayColor5);
    font-size: 1.4rem;
    line-height: 2.2rem;
}
@media only screen and (min-width: 768px) {
    #hero_content div.tornado-content p {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}
@media only screen and (min-width: 1024px) {
    #hero_content div.tornado-content p {
        text-align: left;
        font-size: 1.8rem;
        line-height: 2.6rem;
        margin-bottom: 2rem;
    }
}
#hero_content div.hero-content h2,
#hero_content div.hero-content p {
    color: var(--grayColor5);
    text-align: center;
}
#hero_content div.hero-content h2 {
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 700;
    margin-bottom: 2rem;
    padding: 0;
}
@media only screen and (min-width: 768px) {
    #hero_content div.hero-content h2 {
        font-size: 2rem;
        line-height: 2.7rem;
        margin-bottom: 2rem;
        padding: 0 1.5rem;
    }
}
#hero_content div.hero-content p {
    font-size: 1.6rem;
    line-height: 2.3rem;
}
@media only screen and (min-width: 768px) {
    #hero_content div.hero-content p {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
}
/* ------------------------------------------------------------------------------------------------
   Preparedness Section
   ----------------------------------------------------------------------------------------------*/
#preparedness {
    margin-top: 3rem;
}
@media only screen and (min-width: 768px) {
    #preparedness {
        margin-top: 3.9rem;
    }
}
@media only screen and (min-width: 1024px) {
    #preparedness {
        margin-top: 4.8rem;
    }
}
@media only screen and (min-width: 1440px) {
    #preparedness {
        margin-top: 5.7rem;
    }
}
#preparedness div.container.preparedness,
#participate div.container.preparedness {
    background-color: var(--white);
    border: 2px solid var(--grayColor1);
    border-radius: .3rem;
    box-shadow: 0 2px 3px rgba(0,0,0,0.08);
    padding: 4rem 0 6rem;
}
@media only screen and (min-width: 768px) {
    #preparedness div.container.preparedness,
    #participate div.container.preparedness {
        padding: 5rem 0 6rem;
    }
}
@media only screen and (min-width: 1280px) {
    #preparedness div.container.preparedness,
    #participate div.container.preparedness {
        padding: 6rem 0;
    }
}
#preparedness div.header,
#participate div.header {
    margin-bottom: 3.5rem;
    padding: 0 5rem;
}
@media only screen and (min-width: 768px) {
    #preparedness div.header,
    #participate div.header {
        margin-bottom: 4.75rem;
        padding: 0 1.5rem;
    }
}
@media only screen and (min-width: 1280px) {
    #preparedness div.header,
    #participate div.header {
        margin-bottom: 6rem;
    }
}
#preparedness div.header h3,
#participate div.header h3 {
    text-align: center;
    font-weight: 700;
    color: var(--primaryBlue);
    letter-spacing: -.4px;
    font-size: 2.6rem;
    line-height: 3rem;
}
@media only screen and (min-width: 768px) {
    #preparedness div.header h3,
    #participate div.header h3 {
        font-size: 3.1rem;
        line-height: 4rem;
    }
}
@media only screen and (min-width: 1280px) {
    #preparedness div.header h3,
    #participate div.header h3 {
        font-size: 3.4rem;
        line-height: 4.2rem;
    }
}
@media only screen and (min-width: 1440px) {
    #preparedness div.header h3,
    #participate div.header h3 {
        font-size: 4rem;
        line-height: 4.6rem;
    }
}
#preparedness div.prep-content,
#participate div.prep-content {
    text-align: center;
    padding: 0;
    margin-bottom: 3rem;
}
@media only screen and (min-width: 768px) {
    #preparedness div.prep-content,
    #participate div.prep-content {
        margin-bottom: 0;
    }
}
a.circle-link div.circle-line {
    position: relative;
    margin-bottom: 1rem;
}
@media only screen and (min-width: 1440px) {
    a.circle-link div.circle-line {
        margin-bottom: 1.5rem;
    }
}
.green {
    background-color: var(--white);
}
@media only screen and (min-width: 768px) {
    .green {
        background-color: var(--secondaryGreen);
    }
}
div.circle-line hr {
    position: absolute;
    width: 100%;
    height: 2px;
    border: none;
    z-index: 0;
    top: 50%;
    margin-top: -1px;
}
div.circle-line hr.first {
    width: 50%;
    right: 0;
}
div.circle-line hr.last {
    width: 50%;
    left: 0;
}
a.circle-link div.circle {
    background-color: var(--secondaryGreen);
}
a.circle-link:hover div.circle {
    background-color: var(--secondaryLightOrange);
}
a.circle-link:hover {
    text-decoration: none;
}
a.circle-link:hover h4 {
    color: var(--secondaryLightOrange);
}
div.circle {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 8.8rem;
    height: 8.8rem;
    border-radius: 50%;
    border: 4px solid transparent;
}
@media only screen and (min-width: 768px) {
    div.circle {
        height: 7.4rem;
        width: 7.4rem;
    }
}
@media only screen and (min-width: 1280px) {
    div.circle {
        height: 8.8rem;
        width: 8.8rem;
    }
}
div.circle.personal-safety,
div.circle.seguridad-personal {
    padding: 1.26rem;
}
div.circle.family-preparedness,
div.circle.preparacion-familiar {
    padding: 1.44rem;
}
div.circle.financial-security,
div.circle.seguridad-financiera {
    padding: 1.44rem 1.98rem 1.26rem 1.8rem;
}
div.circle.damage-prevention,
div.circle.prevencion-de-danos {
    padding: 1.8rem 1.26rem 1.8rem 1.44rem;
}
div.circle.community-service,
div.circle.servicio-comunitario {
    padding: 1.98rem 1.08rem;
}
div.circle img {
    max-width: 100%;
}
div.prep-content h4 {
    color: var(--secondaryGreen);
    font-weight: 800;
    font-size: 1.8rem;
    line-height: 2.2rem;
    text-transform: uppercase;
    letter-spacing: -.4px;
    margin-bottom: 1rem;
}
@media only screen and (min-width: 1024px) {
    div.prep-content h4 {
        width: 70%;
        text-align: center;
        display: inline-block;
    }
}
div.prep-content p {
    color: var(--primaryBlue);
    font-size: 1.6rem;
    letter-spacing: -.4px;
    line-height: 2rem;
    padding: 0 15%;
}
@media only screen and (min-width: 1440px) {
    div.prep-content p {
        font-size: 1.8rem;
        line-height: 2.2rem;
    }
}
div.prep-download {
    margin: 3.5rem 0 0;
    text-align: center;
}
@media only screen and (min-width: 600px) {
    div.prep-download {
        margin-top: 2.5rem;
    }
}
@media only screen and (min-width: 768px) {
    div.prep-download {
        margin-top: 3rem;
    }
}
@media only screen and (min-width: 1280px) {
    div.prep-download {
        margin-top: 4.5rem;
    }
}
@media only screen and (min-width: 1440px) {
    div.prep-download {
        margin-top: 6.4rem;
    }
}
div.prep-download h4 {
    color: var(--grayColor5);
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    letter-spacing: -.4px;
    margin-bottom: 2rem;
    padding: 0 5rem;
}
@media only screen and (min-width: 600px) {
    div.prep-download h4 {
        padding: 0;
        margin-bottom: 2.5rem;
    }
}
@media only screen and (min-width: 1280px) {
    div.prep-download h4 {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
}
div.prep-download a {
    color: var(--white);
    background-color: var(--secondaryLightBlue);
    border-radius: 3px;
    padding: .9rem 4.4rem;
}
@media only screen and (min-width: 1440px) {
    div.prep-download a {
        padding: .9rem 4.4rem;
    }
}
div.prep-download a:hover {
    background-color: var(--secondaryGreen);
    text-decoration: none;
}
/* ------------------------------------------------------------------------------------------------
   Video Section Styles
   ----------------------------------------------------------------------------------------------*/
#videos {
    margin-top: 3rem;
    margin-bottom: 6rem;
    padding-bottom: 10rem;
}
@media only screen and (min-width: 600px) {
    #videos {
        padding-bottom: 15rem; /* for the thumbnail navigation */
    }
}
@media only screen and (min-width: 1024px) {
    #videos {
        padding-bottom: 22rem; /* for the thumbnail navigation */
    }
}
@media only screen and (min-width: 1280px) {
    #videos {
        padding-bottom: 28rem; /* for the thumbnail navigation */
    }
}
#videos div.container {
    /*padding: 0;*/
}
#videos div.fp_video_wrapper {
    position: relative;
}
#fp_videos {
    background: var(--white);
}
#fp_videos div.rsVideoContainer {
    background: var(--white);
}
#fp_videos div.rsBtnCenterer {
    top: 50%;
    width: 6.4rem;
    height: 6.4rem;
    margin-top: -3.2rem;
    margin-left: -3.2rem;
}
@media only screen and (min-width: 600px) {
    #fp_videos div.rsBtnCenterer {
        width: 9rem;
        height: 9rem;
        margin-top: -4.5rem;
        margin-left: -4.5rem;
    }
}
@media only screen and (min-width: 1280px) {
    #fp_videos div.rsBtnCenterer {
        width: 11.6rem;
        height: 11.6rem;
        margin-top: -5.8rem;
        margin-left: -5.8rem;
    }
}
#fp_videos div.rsBtnCenterer > div.rsPlayBtn {
    width: 6.4rem;
    height: 6.4rem;
    margin-left: 0;
    margin-top: 0;
}
@media only screen and (min-width: 1024px) {
    #fp_videos div.rsBtnCenterer > div.rsPlayBtn {
        width: 9rem;
        height: 9rem;
    }
}
@media only screen and (min-width: 1280px) {
    #fp_videos div.rsBtnCenterer > div.rsPlayBtn {
        width: 11.6rem;
        height: 11.6rem;
    }
}
#fp_videos div.rsOverflow,
#fp_videos div.rsSlide {
    border-radius: 3px;
}
#fp_videos div.rsGCaption {
    bottom: 1rem;
    left: 2rem;
    background: transparent;
}
@media only screen and (min-width: 600px) {
    #fp_videos div.rsGCaption {
        bottom: 1.5rem;
        left: 3rem;
    }
}
@media only screen and (min-width: 1024px) {
    #fp_videos div.rsGCaption {
        bottom: 3rem;
        left: 5rem;
    }
}
@media only screen and (min-width: 1280px) {
    #fp_videos div.rsGCaption {
        bottom: 4rem;
        left: 6rem;
    }
}
#fp_videos div.rsGCaption > div.rsCaption {
    color: var(--white);
    font-weight: 700;
    letter-spacing: -.4px;
    font-size: 2rem;
    line-height: 2.4rem;
    padding-right: 1rem;
}
@media only screen and (min-width: 600px) {
    #fp_videos div.rsGCaption > div.rsCaption {
        font-size: 3rem;
        line-height: 3.6rem;
        padding-right: 2rem;
    }
}
@media only screen and (min-width: 1280px) {
    #fp_videos div.rsGCaption > div.rsCaption {
        font-size: 4rem;
        line-height: 4.6rem;
    }
}
/* Style the thumbnail navigation */
#fp_videos div.rsThumbsHor {
    position: absolute;
    background: transparent;
    width: 75%;
    left: 12.5%;
    height: 6.175rem;
    bottom: -9rem;
}
@media only screen and (min-width: 360px) {
    #fp_videos div.rsThumbsHor {
        width: 65%;
        left: 17%;
    }
}
@media only screen and (min-width: 384px) {
    #fp_videos div.rsThumbsHor {
        width: 80%;
        left: 8%;
    }
}
@media only screen and (min-width: 411px) {
    #fp_videos div.rsThumbsHor {
        width: 85%;
        left: 6%;
    }
}
@media only screen and (min-width: 600px) {
    #fp_videos div.rsThumbsHor {
        width: 94%;
        left: 3%;
        bottom: -13rem;
        height: 9.25rem;
    }
}
@media only screen and (min-width: 768px) {
    #fp_videos div.rsThumbsHor {
        width: 97%;
        left: 0;
    }
}
@media only screen and (min-width: 1024px) {
    #fp_videos div.rsThumbsHor {
        height: 13.6rem;
        bottom: -20rem;
        width: 90%;
        left: 5%;
    }
}
@media only screen and (min-width: 1280px) {
    #fp_videos div.rsThumbsHor {
        width: 100%;
        left: 0;
        bottom: -24rem;
        height: 18.5rem;
    }
}
#fp_videos div.rsThumbsHor div.rsThumb {
    width: 10rem;
    height: 6.175rem;
    border-radius: 3px;
}
@media only screen and (min-width: 600px) {
    #fp_videos div.rsThumbsHor div.rsThumb {
        width: 15rem;
        height: 9.25rem;
    }
}
@media only screen and (min-width: 1024px) {
    #fp_videos div.rsThumbsHor div.rsThumb {
        width: 22rem;
        height: 13.6rem;
    }
}
@media only screen and (min-width: 1280px) {
    #fp_videos div.rsThumbsHor div.rsThumb {
        width: 30rem;
        height: 18.5rem;
    }
}
#fp_videos div.rsTmb {
    position: relative;
}
#fp_videos div.rsThumb.rsNavSelected {
    background: none;
    border: 2px solid var(--footerFill);
    box-sizing: border-box;
}
#fp_videos div.rsThumb.rsNavSelected img {
    opacity: 1;
}
#fp_videos div.rsTmb > div.thumb-cap {
    position: absolute;
    display: table;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
#fp_videos div.rsTmb > div.thumb-cap::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../images/play.png);
    background-size: 2.4rem;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.5;
}
@media only screen and (min-width: 600px) {
    #fp_videos div.rsTmb > div.thumb-cap::before {
        background-size: 2.8rem;
        background-position: center 1.5rem;
        opacity: 0.75;
    }
}
@media only screen and (min-width: 1024px) {
    #fp_videos div.rsTmb > div.thumb-cap::before {
        background-size: 4rem;
        background-position: center center;
        opacity: 1;
    }
}
@media only screen and (min-width: 1280px) {
    #fp_videos div.rsTmb > div.thumb-cap {
        background-size: 6rem;
    }
    #fp_videos div.rsTmb > div.thumb-cap::before {
        background-size: 6rem;
        background-position: center center;
        opacity: 1;
    }
}
#fp_videos div.rsTmb > div.thumb-cap p {
    display: table-cell;
    vertical-align: bottom;
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-weight: 500;
    color: var(--white);
    letter-spacing: -.4px;
    opacity: 0;
}
@media only screen and (min-width: 600px) {
    #fp_videos div.rsTmb > div.thumb-cap p {
        font-size: 1.4rem;
        line-height: 1.6rem;
        font-weight: 600;
        padding-bottom: .75rem;
        padding-left: .5rem;
        opacity: 1;
    }
}
@media only screen and (min-width: 1024px) {
    #fp_videos div.rsTmb > div.thumb-cap p {
        padding-right: .5rem;
    }
}
@media only screen and (min-width: 1280px) {
    #fp_videos div.rsTmb > div.thumb-cap p {
        font-size: 1.6rem;
        line-height: 1.8rem;
        font-weight: 700;
        padding: 0 2.5rem 1.25rem;
    }
}
#fp_videos div.rsPlayBtnIcon {
    border-radius: 50%;
    width: 6.4rem;
    height: 6.4rem;
    background-image: url(../images/play-arrow.png);
    background-size: 2.8rem;
    background-position: 2.1rem 1.7rem;
    background-color: rgba(255,255,255,.85);
}
@media only screen and (min-width: 600px) {
    #fp_videos div.rsPlayBtnIcon {
        width: 7rem;
        height: 7rem;
        background-size: 3.2rem;
        background-position: 2.25rem center;
    }
}
@media only screen and (min-width: 768px) {
    #fp_videos div.rsPlayBtnIcon {
        width: 9rem;
        height: 9rem;
        background-size: 4.2rem;
        background-position: 3rem center;
    }
}
@media only screen and (min-width: 1280px) {
    #fp_videos div.rsPlayBtnIcon {
        width: 11.6rem;
        height: 11.6rem;
        background-size: 4.8rem;
        background-position: 4.25rem center;
    }
}
/* Thumbnail arrow icons */
#fp_thumb_left, #fp_thumb_right {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    border-left: 4px solid var(--footerFill);
    border-bottom: 4px solid var(--footerFill);
    background: var(--white);
    cursor: pointer;
    bottom: -6.75rem;
}
#fp_thumb_left {
    left: 5%;
    transform: rotate(45deg);
}
#fp_thumb_right {
    right: 5%;
    transform: rotate(-135deg);
}
#fp_thumb_left.rsThumbsArrowDisabled,
#fp_thumb_right.rsThumbsArrowDisabled {
    opacity: .5;
}
@media only screen and (min-width: 600px) {
    #fp_thumb_left, #fp_thumb_right {
        bottom: -9.25rem;
    }
    #fp_thumb_left {
        left: -1.75%;
    }
    #fp_thumb_right {
        right: -1.75%;
    }
}
@media only screen and (min-width: 768px) {
    #fp_thumb_left, #fp_thumb_right {
        width: 2rem;
        height: 2rem;
        bottom: -10.25rem;
    }
    #fp_thumb_left {
        left: 5%;
    }
    #fp_thumb_right {
        right: 5%;
    }
}
@media only screen and (min-width: 1024px) {
    #fp_thumb_left, #fp_thumb_right {
        bottom: -14.75rem;
    }
}
@media only screen and (min-width: 1280px) {
    #fp_thumb_left, #fp_thumb_right {
        width: 2.4rem;
        height: 2.4rem;
        bottom: -15.8rem;
    }
}
#videos div.video_link {
    position: absolute;
    bottom: -14rem;
    left: 50%;
    /*width: 140px;*/
    text-align: center;
    margin-left: -70px;
}
@media only screen and (min-width: 600px) {
    #videos div.video_link {
        left: unset;
        margin-left: unset;
        bottom: -18rem;
        right: 2.5rem;
    }
}
@media only screen and (min-width: 768px) {
    #videos div.video_link {
        right: 7rem;
    }
}
@media only screen and (min-width: 1024px) {
    #videos div.video_link {
        bottom: -24rem;
        right: 12.5rem;
    }
}
@media only screen and (min-width: 1280px) {
    #videos div.video_link {
        bottom: -28rem;
        right: 10rem;
    }
}
#videos div.video_link a {
    color: #e87928;
    font-size: 1.2rem;
    line-height: 3.2rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: underline;
}

/* ------------------------------------------------------------------------------------------------
 * Accordion Section Styles
 * ----------------------------------------------------------------------------------------------*/
#drop_downs {
    margin-top: 6rem;
    margin-bottom: 6rem;
}
@media only screen and (min-width: 1280px) {
    #drop_downs {
        margin-top: 8rem;
    }
}
#drop_downs p.expander {
    text-align: right;
    margin-bottom: 1rem;
}
#drop_downs p.expander > a {
    font-size: 1.2rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: #e87928;
    text-decoration: underline;
    text-transform: uppercase;
    letter-spacing: 2px;
    cursor: pointer;
}
#drop_downs div.flash-accordion {
    margin-bottom: 1.7rem;
    background: var(--white);
    border: 2px solid #c4c4c4;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0,0,0,.08);
    display: inline-flex;
    width: 100%;
}
div.flash-accordion div[class*=accordion-] {
    padding: .75rem 0;
}
@media only screen and (min-width: 600px) {
    div.flash-accordion div[class*=accordion-] {
        padding: 1.2rem 0;
    }
}
@media only screen and (min-width: 1024px) {
    div.flash-accordion div[class*=accordion-] {
        padding: 1.6rem 0;
    }
}
div.flash-accordion > div.accordion-icon {
    width: 20%;
}
div.flash-accordion > div.accordion-icon.share {
    background: url(../images/share.png) no-repeat center center;
    background-size: 4rem;
}
div.flash-accordion > div.accordion-icon.podcast {
    background: url(../images/podcast.png) no-repeat center center;
    background-size: 2rem 3rem;
}
@media only screen and (min-width: 600px) {
    div.flash-accordion > div.accordion-icon {
        width: 15%;
        padding-left: 2rem;
    }
    div.flash-accordion > div.accordion-icon.share {
        background-size: 5.8rem;
    }
    div.flash-accordion > div.accordion-icon.podcast {
        background-size: 3rem 4.5rem;
    }
}
@media only screen and (min-width: 1024px) {
    div.flash-accordion > div.accordion-icon {
        width: 15%;
        padding-left: 3.2rem;
    }
    div.flash-accordion > div.accordion-icon.share {
        background-size: 7.4rem;
    }
    div.flash-accordion > div.accordion-icon.podcast {
        background-size: 4rem 6rem;
    }
}
@media only screen and (min-width: 1280px) {
    div.flash-accordion > div.accordion-icon {
        width: 10%;
    }
    div.flash-accordion > div.accordion-icon.share {
        background-position: right center;
    }
}
div.flash-accordion > div.accordion-label {
    width: 65%;
}
div.flash-accordion > div.accordion-label h3 {
    color: var(--footerFill);
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 3rem;
    padding-top: .75rem;
}
@media only screen and (min-width: 600px) {
    div.flash-accordion > div.accordion-label {
        width: 75%;
        padding-left: 2rem;
    }
    div.flash-accordion > div.accordion-label h3 {
        font-size: 2.2rem;
        line-height: 3.7rem;
        padding-top: .75rem;
    }
}
@media only screen and (min-width: 1024px) {
    div.flash-accordion > div.accordion-label {
        width: 75%;
        padding-left: 2rem;
    }
    div.flash-accordion > div.accordion-label h3 {
        font-size: 2.6rem;
        line-height: 3.7rem;
        padding-top: .75rem;
    }
}
@media only screen and (min-width: 1280px) {
    div.flash-accordion > div.accordion-label {
        width: 80%;
    }
}
div.flash-accordion > div.accordion-btn {
    width: 15%;
    padding: 1.8rem 1rem 1.6rem 0;
}
@media only screen and (min-width: 600px) {
    div.flash-accordion > div.accordion-btn {
        width: 10%;
        padding: 2rem 2.5rem 2rem 0;
    }
}
@media only screen and (min-width: 1024px) {
    div.flash-accordion > div.accordion-btn {
        width: 10%;
        padding: 2rem 2.5rem 2rem 0;
    }
}
div.flash-accordion > div.accordion-btn > div.btn-box {
    position: relative;
    background-color: #e87928;
    border-radius: 3px;
    float: right;
    height: 2.6rem;
    width: 2.6rem;
    cursor: pointer;
}
@media only screen and (min-width: 600px) {
    div.flash-accordion > div.accordion-btn > div.btn-box {
        height: 3.3rem;
        width: 3.3rem;
    }
}
@media only screen and (min-width: 1024px) {
    div.flash-accordion > div.accordion-btn > div.btn-box {
        height: 4rem;
        width: 4rem;
    }
}
div.accordion-btn > div.btn-box > div.arrow {
    position: absolute;
    width: 1.1rem;
    height: 1.1rem;
    border-left: 2px solid var(--white);
    border-bottom: 2px solid var(--white);
    top: 22%;
    left: 27%;
    transform: rotate(-45deg);
}
div.accordion-btn > div.btn-box > div.arrow.open {
    transform: rotate(135deg);
    top: 40%;
}
@media only screen and (min-width: 600px) {
    div.accordion-btn > div.btn-box > div.arrow {
        top: 25%;
        left: 32%;
    }
}
@media only screen and (min-width: 1024px) {
    div.accordion-btn > div.btn-box > div.arrow {
        top: 30%;
        left: 36%;
    }
    div.accordion-btn > div.btn-box > div.arrow.open {
        top: 45%;
    }
}
div.acc-drop.show {
    display: block;
}
div.acc-drop {
    width: calc(100% - 2px);
    border: 1px solid #c4c4c4;
    margin: -2rem auto 1.7rem;
    display: none;
    overflow: hidden;
    transition: height 1s ease .5s;
    padding: 0 2rem;
}
@media only screen and (min-width: 1024px) {
    div.acc-drop {
        padding: 0 5rem;
    }
}
@media only screen and (min-width: 1280px) {
    div.acc-drop {
        padding: 0 7rem;
    }
}
div.acc-drop > div.tk-content {
    padding: 2rem 0 0;
}
div.acc-drop > div.tk-content:nth-of-type(2) {
    padding-top: 0;
    border-bottom: 1px solid #c4c4c4;
}
@media only screen and (min-width: 768px) {
    div.acc-drop > div.tk-content:nth-of-type(2) {
        padding-top: 2rem;
    }
    div.acc-drop > div.tk-content {
        border-bottom: 1px solid #c4c4c4;
        padding: 2rem 0;
    }
}
div.acc-drop > div.tk-content:last-of-type {
    border-bottom: none;
}
@media only screen and (min-width: 1024px) {
    div.acc-drop > div.tk-content {
        padding: 3.5rem 0 1.75rem;
    }
}
@media only screen and (min-width: 1280px) {
    div.acc-drop > div.tk-content {
        padding: 5rem 0 2.5rem;
    }
}
div.acc-drop > div.tk-content {
    display: block;
}
div.acc-strop > div.tk-content:last-of-type {
    margin-bottom: 4rem;
}
div.tk-content div.quick-step {
    display: inline-block;
    border: none;
    vertical-align: top;
}
div.tk-content div.quick-step.left {
    border: none;
}
@media only screen and (min-width: 768px) {
    div.tk-content div.quick-step {
        width: 49.5%;
    }
    div.tk-content div.quick-step.left {
        border-right: 1px solid #C9CDD0;
        padding-right: 3rem;
    }
    div.tk-content div.quick-step.right {
        padding-left: 3rem;
    }
}
div.tk-content div.quick-step > div.header h3 {
    color: var(--primaryBlue);
    font-weight: 700;
    letter-spacing: -.4px;
    font-size: 2rem;
    line-height: 3rem;
}
@media only screen and (min-width: 1280px) {
    div.tk-content div.quick-step > div.header h3 {
        font-size: 2.4rem;
        line-height: 3.4rem;
    }
}
div.tk-content div.quick-step > div.copy {
    padding-bottom: 2rem;
}
@media only screen and (min-width: 768px) {
    div.tk-content div.quick-step > div.copy {
        padding-bottom: 0;
    }
}
div.tk-content div.quick-step > div.copy p {
    color: #292D2f;
    font-size: 1.4rem;
    line-height: 2rem;
    padding-bottom: 0;
    margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
    div.tk-content div.quick-step > div.copy p {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }
}
@media only screen and (min-width: 1280px) {
    div.tk-content div.quick-step > div.copy p {
        font-size: 1.8rem;
        line-height: 2.6rem;
        padding-bottom: 2rem;
    }
}
div.tk-content div.quick-step > div.copy a {
    color: #EE6947;
    font-size: 1.2rem;
    line-height: 1rem;
    text-decoration: underline;
    letter-spacing: 2px;
}
@media only screen and (min-width: 1280px) {
    div.tk-content div.quick-step > div.copy a {
        font-size: 1.4rem;
    }
}
div.dl-link a.download {
    background-color: #e87928;
    padding: .9rem 5.7rem;
    margin-top: .5rem;
    display: inline-block;
    border-radius: 3px;
    color: var(--white);
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
}
div.tk-content > div.copy {
    width: 100%;
    display: inline-block;
}
@media only screen and (min-width: 600px) {
    div.tk-content > div.copy {
        padding-left: 2.5rem;
    }
}
@media only screen and (min-width: 768px) {
    div.tk-content > div.copy {
        padding-left: 3.25rem;
    }
}
@media only screen and (min-width: 1024px) {
    div.tk-content > div.copy {
        padding-left: .5rem;
    }
}
@media only screen and (min-width: 1280px) {
    div.tk-content > div.copy {
        width: 64.5%;
        padding-left: 6.8rem;
    }
}
div.tk-content > div.copy p {
    color: var(--grayColor5);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.4rem;
}
@media only screen and (min-width: 1024px) {
    div.tk-content > div.copy p {
        font-size: 1.6rem;
    }
}
@media only screen and (min-width: 1280px) {
    div.tk-content > div.copy p {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
}
div.tk-content div.small-steps {
    padding-bottom: 2rem;
}
@media only screen and (min-width: 768px) {
    div.tk-content div.small-steps {
        padding-bottom: 0;
    }
}
div.tk-content div.small-steps ul {
    list-style-type: none;
    padding-left: 0;
}
@media only screen and (min-width: 768px) {
    div.tk-content div.small-steps ul {
        columns: 2;
    }
}
@media only screen and (min-width: 1280px) {
    div.tk-content div.small-steps ul {
        columns: 3;
    }
}
div.tk-content div.small-steps ul li {
    margin-bottom: 1rem;
}
@media only screen and (min-width: 1280px) {
    div.tk-content div.small-steps ul li {
        margin-bottom: 3.5rem;
    }
}
div.tk-content div.small-steps ul li > a {
    color: var(--primaryBlue);
    font-size: 1.4rem;
    line-height: 2rem;
    text-decoration: none;
}
@media only screen and (min-width: 768px) {
    div.tk-content div.small-steps ul li > a {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
}
@media only screen and (min-width: 1280px) {
    div.tk-content div.small-steps ul li > a {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
}
div.tk-content div.small-steps ul li > a:hover {
    font-weight: 700;
    border-bottom: 2px solid var(--primaryBlue);
}
div.tk-content > div.copy p.desc {
    margin-bottom: 2rem;
}
@media only screen and (min-width: 1280px) {
    div.tk-content > div.copy p.desc {
        margin-bottom: 3rem;
    }
}
div.tk-content > div.copy p.fine {
    font-size: 1.4rem;
    line-height: 2.4rem;
}
@media only screen and (min-width: 768px) {
    div.tk-content > div.copy p.fine {
        font-size: 1.6rem;
    }
}
@media only screen and (min-width: 1280px) {
    div.tk-content > div.copy p.fine {
        font-size: 1.8rem;
    }
}
div.tk-content > div.copy a {
    color: #e87928;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 2.4rem;
    text-decoration: underline;
    cursor: pointer;
}
@media only screen and (min-width: 1280px) {
    div.tk-content > div.copy a {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
}
div.tk-content > div.copy p.fine > a {
    font-size: 1.6rem;
}
@media only screen and (min-width: 1280px) {
    div.tk-content > div.copy p.fine > a {
        font-size: 1.8rem;
    }
}
/* ------------------------------------------------------------------------------------------------
 * Partner Section Styles
 * ----------------------------------------------------------------------------------------------*/
#partners {
    margin-top: 10rem;
    margin-bottom: 6rem;
}
@media only screen and (min-width: 1280px) {
    #partners {
        margin-top: 12rem;
    }
}
#partners div.row {
    margin-bottom: 5rem;
}
#partners h2 {
    color: var(--primaryBlue);
    font-weight: 400;
    text-align: center;
    letter-spacing: -.4px;
    font-size: 2.8rem;
    line-height: 3.6rem;
    margin-bottom: 5rem;
    background: url(../images/hr.png) repeat-x left center;
    background-size: 2px;
}
#partners h2 span {
    background-color: var(--white);
    padding-left: 1rem;
    padding-right: 1rem;
}
@media only screen and (min-width: 600px) {
    #partners h2 {
        font-size: 3.6rem;
        line-height: 5rem;
        margin-bottom: 7rem;
    }
}
@media only screen and (min-width: 1024px) {
    #partners h2 span {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}
@media only screen and (min-width: 1280px) {
    #partners h2 {
        font-size: 4rem;
        line-height: 4rem;
        margin-bottom: 4rem;
        background-position: left 2.1rem;
    }
    #partners h2 span {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
#partners p {
    text-align: center;
}
#partners div.logo-spreader,
#inner_partners div.logo-spreader {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
#partners div.logo-spreader > div {
    display: inline;
    margin: 0 0 4rem;
    height: 8rem;
    width: 100%;
    text-align: center;
}
#partners div.logo-spreader > div > a {
    display: inline-block;
    height: 8rem;
    line-height: 8rem;
}
#partners div.logo-spreader > div > a > img {
    max-width: 75%;
}
@media only screen and (min-width: 600px) {
    #partners div.logo-spreader > div {
        margin: 0 5rem 4rem 0;
        height: 11rem;
        width: auto;
    }
    #partners div.logo-spreader > div > a {
        height: 11rem;
        line-height: 11rem;
    }
    #partners div.logo-spreader > div > a > img {
        max-width: unset;
    }
}
@media only screen and (min-width: 1280px) {
    #partners div.logo-spreader > div {
        margin: 0 4rem 4rem;
        height: 10rem;
        width: 24%;
    }
    #partners div.logo-spreader > div > a {
        height: 10rem;
        line-height: 10rem;
    }
}
/* ------------------------------------------------------------------------------------------------
 * Footer Styles
 * ----------------------------------------------------------------------------------------------*/
footer.site-footer {
    background-color: var(--footerFill);
    padding: 3rem 0;
}
@media only screen and (min-width: 1440px) {
    footer.site-footer {
        padding: 5.7rem 0 3rem;
    }
}
footer.site-footer div.footer-logo {
    text-align: center;
}
/* Footer Menu */
div.footer-nav {
    padding: 0;
    margin: 1.5rem 0;
    text-align: center;
}
@media only screen and (min-width: 375px) {
    div.footer-nav {
        padding: 0 2rem;
    }
}
#menu_footer {
    list-style: none;
    padding-left: 1rem;
}
@media only screen and (min-width: 1440px) {
    #menu_footer {
        padding-left: 0;
    }
}
#menu_footer .menu_items {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 700;
    padding-left: 0;
    margin-bottom: 0;
}
#menu_footer .menu_items a {
    color: var(--grayColor1);
}
#menu_footer li {
    position: relative;
    display: inline-block;
    padding: 0 1.5rem 0 0;
}
@media only screen and (min-width: 1440px) {
    #menu_footer li {
        padding: 0 3.1rem 0 0;
    }
}
#menu_footer li:last-of-type {
    padding-right: 0;
}
#menu_footer li:hover a:before {
    color:  #FCE8A4;
}

/* Footer Peril Menu */
div.footer-peril-nav {
    padding: 0;
    margin: 0 0 1.5rem;
    text-align: center;
}
@media only screen and (min-width: 375px) {
    div.footer-peril-nav {
        padding: 0 2rem;
    }
}
#menu_footer_peril {
    list-style: none;
    padding-left: 1rem;
}
@media only screen and (min-width: 1440px) {
    #menu_footer_peril {
        padding-left: 0;
    }
}
#menu_footer_peril .menu_items {
    font-size: 1.2rem;
    line-height: 2.2rem;
    font-weight: 300;
    padding-left: 0;
    margin-bottom: 0;
}
#menu_footer_peril .menu_items a {
    color: var(--grayColor1);
}
#menu_footer_peril li {
    position: relative;
    display: inline-block;
    padding: 0 1.5rem 0 0;
}
@media only screen and (min-width: 1024px) {
    #menu_footer_peril li {
        padding: 0 2.7rem 0 0;
    }
}
@media only screen and (min-width: 1440px) {
    #menu_footer_peril li {
        padding: 0 3.7rem 0 0;
    }
}
#menu_footer_peril li:last-of-type {
    padding-right: 0;
}
#menu_footer_peril li:hover a:before {
    color:  #FCE8A4;
}
/* Footer Social Menu */
/** 'sr' stands for screen reader and is used for people with vision challenges **/
.sr-text,
.screen-reader-text {
    display: none;
}
div.footer-social-nav {
    padding: 0;
    margin: 2.5rem 0 3rem;
    text-align: center;
}
@media only screen and (min-width: 375px) {
    div.footer-social-nav {
        padding: 0 2rem;
    }
}
#menu_footer_social {
    list-style: none;
    padding-left: 1rem;
}
@media only screen and (min-width: 1440px) {
    #menu_footer_social {
        padding-left: 0;
    }
}
#menu_footer_social .menu_items {
    font-size: 1.2rem;
    line-height: 2.2rem;
    font-weight: 300;
    padding-left: 0;
    margin-bottom: 0;
}
#menu_footer_social .menu_items a {
    color: var(--grayColor1);
}
#menu_footer_social li {
    position: relative;
    display: inline-block;
    padding: 0 1.5rem 0 0;
}
@media only screen and (min-width: 1024px) {
    #menu_footer_social li {
        padding: 0 2.7rem 0 0;
    }
}
@media only screen and (min-width: 1440px) {
    #menu_footer_social li {
        padding: 0 3.7rem 0 0;
    }
}
#menu_footer_social li:last-of-type {
    padding-right: 0;
}
/* Set up the initial fa-icons on the list items */
#menu_footer_social li a::before {
    font-family: "Font Awesome 5 Brands";
    display: inline-block;
    vertical-align: top;
    padding: 0 .5rem;
    content: '\f16d';
    font-size: 2rem;
    font-weight: 400;
    color: var(--grayColor1);
    -webkit-font-smoothing: antialiased;
}
#menu_footer_social li a[href*="facebook.com"]::before {
    content: '\f39e'
}
#menu_footer_social li a[href*="twitter.com"]::before {
    content: '\f099'
}
#menu_footer_social li a[href*="youtube.com"]::before {
    content: '\f167'
}
#menu_footer_social li a[href*="podcasts.apple.com"]::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f2ce'
}
#menu_footer_social li a[href*="wordpress.org"]::before {
    content: '\f19a'
}

#menu_footer_social li:hover a:before {
    color:  #FCE8A4;
}
/* Footer Copyright */
div.footer-copyright {
    margin-top: 2.5rem;
}
div.footer-copyright p {
    text-align: center;
    color: var(--white);
    font-size: 1.2rem;
    font-weight: 300;
}

/* ------------------------------------------------------------------------------------------------
 * Fact Sheet Archive/Single Template Styles
 * ----------------------------------------------------------------------------------------------*/
#fs_header div.container,
#fs_single_header div.container {
    background-color: var(--footerFill);
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    margin-top: 0;
    margin-bottom: .5rem;
}
@media only screen and (min-width: 600px) {
    #fs_header div.container,
    #fs_single_header div.container {
        border-radius: 3px;
    }
}
#fs_header div.fs-header,
#fs_single_header div.fs-header {
    display: block;
    padding: 2rem 1rem;
    text-align: center;
}
@media only screen and (min-width: 600px) {
    #fs_header div.fs-header,
    #fs_single_header div.fs-header {
        padding: 3rem 1rem 4rem;
    }
}
@media only screen and (min-width: 768px) {
    #fs_header div.fs-header,
    #fs_single_header div.fs-header {
        padding: 3rem 1rem 5rem;
    }
}
@media only screen and (min-width: 1024px) {
    #fs_header div.fs-header,
    #fs_single_header div.fs-header {
        padding: 3rem 2rem 5rem;
    }
}
@media only screen and (min-width: 1280px) {
    #fs_header div.fs-header ,
    #fs_single_header div.fs-header {
        padding: 5rem 2rem 10rem;
    }
}
div.fs-header h1 {
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 700;
    letter-spacing: -.4px;
    margin-top: 2rem;
    color: var(--white);
}
@media only screen and (min-width: 768px) {
    div.fs-header h1 {
        display: inline-block;
        width: 69.5%;
        vertical-align: top;
        text-align: left;
    }
}
@media only screen and (min-width: 1024px) {
    div.fs-header h1 {
        vertical-align: middle;
    }
}
@media only screen and (min-width: 1280px) {
    div.fs-header h1 {
        font-size: 3rem;
        line-height: 3.8rem;
    }
}
div.fs-header div.ts-logo {
    width: 50%;
    display: inline-block;
}
@media only screen and (min-width: 600px) {
    div.fs-header div.ts-logo {
        width: 40%;
    }
}
@media only screen and (min-width: 768px) {
    div.fs-header div.ts-logo {
        width: 30%;
        text-align: center;
    }
}
div.fs-header div.ts-logo img {
    max-width: 100%;
}
@media only screen and (min-width: 768px) {
    div.fs-header div.ts-logo img {
        max-width: 90%;
    }
}
@media only screen and (min-width: 768px) {
    div.fs-header div.ts-logo img {
        max-width: 75%;
    }
}
#fs_header div.fs-subtext,
#fs_single_header div.fs-subtext {
    background-color: var(--white);
    box-shadow: none;
}
#fs_header div.fs-subtext div.content,
#fs_single_header div.fs-subtext div.content {
    position: relative;
    margin-top: -2rem;
    padding: 1.5rem 2rem;
    background-color: var(--white);
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.08);
}
#fs_single_header div.fs-subtext div.content {
    display: flex;
    justify-content: center;
    text-align: center;
}
@media only screen and (min-width: 600px) {
    #fs_header div.fs-subtext div.content {
        margin-top: -2.8rem;
    }
}
@media only screen and (min-width: 768px) {
    #fs_header div.fs-subtext div.content {
        margin-top: -3.5rem;
    }
}
@media only screen and (min-width: 1280px) {
    #fs_header div.fs-subtext div.content {
        margin-top: -7rem;
    }
}
#fs_header div.fs-subtext div.content p {
    text-align: center;
    color: var(--grayColor5);
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: 400;
}
@media only screen and (min-width: 600px) {
    #fs_header div.fs-subtext div.content p {
        font-weight: 400;
    }
}
@media only screen and (min-width: 768px) {
    #fs_header div.fs-subtext div.content p {
        padding: 0 3rem;
        font-size: 1.6rem;
    }
}
@media only screen and (min-width: 1280px) {
    #fs_header div.fs-subtext div.content p {
        padding: 2rem 10rem 1rem;
        line-height: 2.4rem;
    }
}
#fs_single_header div.content a {
    display: block;
    background: #e87928;
    color: var(--white);
    font-size: 1.4rem;
    font-weight: 600;
    padding: .5rem 1.7rem;
    border-radius: 3px;
    position: absolute;
    bottom: 2.5rem;
}
@media only screen and (min-width: 768px) {
    #fs_single_header div.content a {
        font-size: 1.6rem;
        padding: .9rem 2.2rem;
    }
}
#fs_body {
    margin: 3rem 0;
}
@media only screen and (min-width: 768px) {
    #fs_body {
        margin-top: 3.9rem;
    }
}
@media only screen and (min-width: 1024px) {
    #fs_body {
        margin-top: 4.8rem;
    }
}
@media only screen and (min-width: 1440px) {
    #fs_body {
        margin-top: 5.7rem;
    }
}
#fs_body div.fs-container {
    background-color: var(--white);
    border: 2px solid var(--grayColor1);
    border-radius: .3rem;
    box-shadow: 0 2px 3px rgba(0,0,0,0.08);
    padding-left: 0;
    padding-right: 0;
}
#fs_body div.col-12.fs-container {
    max-width: 90%;
    margin: 0 auto 3rem;
}
#fs_body div.col-md-10.fs-container {
    margin-bottom: 4.6rem;
}
#fs_body div.col-12.fs-container div.f_img {
    width: 30%;
    height: 13.75rem;
}
#fs_body div.col-md-10.fs-container div.f_img {
    width: 14rem;
    height: 25.5rem;
}
@media only screen and (min-width: 768px) {
    #fs_body div.col-md-10.fs-container div.f_img {
        width: 20rem;
    }
}
@media only screen and (min-width: 1024px) {
    #fs_body div.col-md-10.fs-container div.f_img {
        width: 25rem;
        height: 30rem;
    }
}
@media only screen and (min-width: 1440px) {
    #fs_body div.col-md-10.fs-container div.f_img {
        width: 23.4rem;
        height: 29.2rem;
    }
}
#fs_body div.col-12.fs-container div.content-header {
    width: 68.5%;
    padding: 2.5rem 2rem;
}
#fs_body div.fs-container div.content-header h3,
#fs_body div.fs-container div.content h3 {
    width: 100%;
    text-align: center;
    font-weight: 700;
    letter-spacing: -.4px;
    color: var(--footerFill);
    margin-bottom: 1.5rem;
}
#fs_body div.col-12.fs-container div.content-header h3 {
    font-size: 2rem;
    line-height: 2.6rem;
}
#fs_body div.col-12.fs-container div.content {
    width: 100%;
    margin-right: 0;
    padding: 2rem;
}
#fs_body div.col-md-10.fs-container div.content {
    position: relative;
    width: 65.5%;
    height: 25.5rem;
    margin-right: 0;
    padding: 4rem 1rem 4rem 2rem;
}
@media only screen and (min-width: 1024px) {
    #fs_body div.col-md-10.fs-container div.content {
        width: 67.5%;
        height: 30rem;
        margin-right: 0;
        padding: 2rem 2rem 4rem;
    }
}
@media only screen and (min-width: 1280px) {
    #fs_body div.col-md-10.fs-container div.content {
        width: 72.5%;
        padding: 4rem 2rem 4rem 3rem;
    }
}
@media only screen and (min-width: 1440px) {
    #fs_body div.col-md-10.fs-container div.content {
        height: 29.2rem;
        padding: 4rem 1.5rem;
    }
}
#fs_body div.col-md-10.fs-container div.content h3 {
    font-size: 2.4rem;
    line-height: 2.6rem;
    margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1024px) {
    #fs_body div.col-md-10.fs-container div.content h3 {
        font-size: 3.2rem;
        line-height: 3.8rem;
        margin-bottom: 2.5rem;
    }
}
#fs_body div.col-12.fs-container div.content p {
    text-align: center;
    color: var(--grayColor5);
    font-size: 1.4rem;
    line-height: 2rem;
}
#fs_body div.fs-container div.content > a,
#fs_body div.fs-container > a {
    display: block;
    text-align: center;
    margin: 0 auto;
    background-color: #e87928;
    border-radius: .3rem;
    color: var(--white);
    font-weight: 600;
}
#fs_body div.col-12.fs-container div.content > a {
    width: 80%;
    padding: .5rem 1.5rem;
    font-size: 1.4rem;
    line-height: 2rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
#fs_body div.col-md-10.fs-container div.content > a {
    position: absolute;
    width: 60%;
    padding: .75rem 2rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    bottom: 3rem;
    right: 20%;
}
@media only screen and (min-width: 1024px) {
    #fs_body div.col-md-10.fs-container div.content > a {
        width: auto;
        right: 34%;
        padding: .9rem 2.2rem;
    }
}
#fs_body div.col-md-10.fs-container div.content p {
    text-align: center;
    color: var(--grayColor5);
    font-size: 1.4rem;
    line-height: 2rem;
}
@media only screen and (min-width: 1440px) {
    #fs_body div.col-md-10.fs-container div.content p {
        padding: 0 1.5rem;
    }
}
/* ------------------------------------------------------------------------------------------------
 * Fact Sheet Single Template Styles
 * ----------------------------------------------------------------------------------------------*/
#fs_single_header div.container {
    padding-bottom: 12rem;
}
@media only screen and (min-width: 360px) {
    #fs_single_header div.container {
        padding-bottom: 8rem;
    }
}
@media only screen and (min-width: 600px) {
    #fs_single_header div.container {
        padding-bottom: 5rem;
    }
}
@media only screen and (min-width: 1280px) {
    #fs_single_header div.container {
        padding-bottom: 1rem;
    }
}
#fs_single_header div.col-12.fs-header {
    display: block;
    padding: 2rem;
}
#fs_single_header div.col-12.fs-header div.fs-logo,
#fs_single_header div.col-12.fs-header div.ts-tornado {
    width: 25%;
    display: block;
    vertical-align: top;
}
@media only screen and (min-device-width: 600px) {
    #fs_single_header div.col-12.fs-header div.fs-logo,
    #fs_single_header div.col-12.fs-header div.ts-tornado {
        width: 20%;
    }
}
#fs_single_header div.col-12.fs-header div.fs-logo,
#fs_single_header div.col-md-12.fs-header div.fs-logo {
    float: left;
}
#fs_single_header div.col-12.fs-header div.ts-tornado,
#fs_single_header div.col-md-12.fs-header div.ts-tornado {
    float: right;
}
#fs_single_header div.col-md-12.fs-header div.fs-logo,
#fs_single_header div.col-md-12.fs-header div.ts-tornado {
    width: 18%;
    display: block;
    vertical-align: top;
}
@media only screen and (min-width: 1024px) {
    #fs_single_header div.col-md-12.fs-header div.fs-logo,
    #fs_single_header div.col-md-12.fs-header div.ts-tornado {
        width: 15%;
    }
}
#fs_single_header div.col-12.fs-header div.fs-logo img {
    max-width: 100%;
}
#fs_single_header div.col-12.fs-header div.ts-tornado img {
    max-width: 100%;
}
#fs_single_header div.col-md-12.fs-header div.fs-logo img {
    max-width: 100%;
}
#fs_single_header div.col-md-12.fs-header div.ts-tornado img {
    max-width: 100%;
}

#fs_single_header div.fs-header h1 {
    clear: both;
    padding: 1.5rem .5rem .5rem;
}
@media only screen and (min-width: 600px) {
    #fs_single_header div.fs-header h1 {
        padding-bottom: 1rem;
    }
}
#fs_single_header div.fs-header h2 {
    color: var(--white);
    font-style: italic;
}
#fs_single_header div.fs-header div.title {
    display: inline-grid;
    width: 64%;
    justify-content: space-around;
    height: 100%;
    align-items: center;
}
@media only screen and (min-width: 1024px) {
    #fs_single_header div.fs-header div.title {
        width: 69%;
    }
}
@media only screen and (min-width: 768px) {
    #fs_single_header div.fs-header h1,
    #fs_single_header div.fs-header h2 {
        display: grid;
        align-self: end;
        width: 100%;
        margin: 0;
        padding: 0;
        height: 3rem;
        text-align: center;
    }
    #fs_single_header div.fs-header h2 {
        height: 2.4rem;
        align-self: baseline;
    }
}
@media only screen and (min-width: 1440px) {
    #fs_single_header div.fs-header h1 {
        font-size: 4.8rem;
        line-height: 5.2rem;
        height: 5.2rem;
    }
}
#fs_single_header div.fs-subtext {
    padding-bottom: 0;
}
#fs_single_header div.fs-subtext div.content {
    margin-top: -13rem;
    min-height: 17.5rem;
}
@media only screen and (min-width: 360px) {
    #fs_single_header div.fs-subtext div.content {
        margin-top: -9rem;
    }
}
@media only screen and (min-width: 600px) {
    #fs_single_header div.fs-subtext div.content {
        margin-top: -7rem;
        min-height: 16rem;
    }
}
@media only screen and (min-width: 768px) {
    #fs_single_header div.fs-subtext div.content {
        margin-top: -10rem;
    }
}
@media only screen and (min-width: 1280px) {
    #fs_single_header div.fs-subtext div.content {
        margin-top: -9rem;
    }
}
@media only screen and (min-width: 1440px) {
    #fs_single_header div.fs-subtext div.content {
        padding: 3rem 0 8.5rem;
    }
}
#fs_single_header div.fs-subtext div.content p {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: 600;
    text-align: center;
    color: var(--headerColor);
    margin-bottom: 0;
    padding-bottom: 6rem;
}
@media only screen and (min-width: 768px) {
    #fs_single_header div.fs-subtext div.content p {
        padding: 0 2rem 7rem;
        font-size: 1.6rem;
    }
}
@media only screen and (min-width: 1024px) {
    #fs_single_header div.fs-subtext div.content p {
        font-size: 1.8rem;
        padding: 1rem 4rem 7rem;
    }
}
@media only screen and (min-width: 1440px) {
    #fs_single_header div.fs-subtext div.content p {
        font-size: 2rem;
        line-height: 2.8rem;
        padding: 1rem 6rem;
    }
}
#fs_single_content {
    margin: 4rem 0 4rem;
}
@media only screen and (min-width: 1024px) {
    div.container.facts div.col-10 {
        margin-bottom: 2rem;
    }
}
div.container.facts h2 {
    font-size: 1.8rem;
    line-height: 3rem;
    margin-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) {
    div.container.facts h2 {
        font-size: 2rem;
        line-height: 3.4rem;
        margin-bottom: 1.5rem;
    }
}
@media only screen and (min-width: 1280px) {
    div.container.facts h2 {
        margin-bottom: 2rem;
    }
    div.container.facts h2.ruled {
        background: url(../images/hr.png) repeat-x left 55%;
        background-size: 2px;
    }
}
div.container.facts h2 > span {
    background: var(--bgFill);
}
div.container.facts h2 > span.section-number {
    padding-right: 1rem;
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--headerColor);
}
@media only screen and (min-width: 768px) {
    div.container.facts h2 > span.section-number {
        font-size: 2rem;
    }
}
div.container.facts h2 > span.section-title {
    vertical-align: top;
    color: var(--headerColor);
    font-weight: 700;
    padding-right: 1.5rem;
}
div.fs-section-content {
    padding: 0 .5rem 0 1.5rem;
}
@media only screen and (min-width: 768px) {
    div.fs-section-content {
        width: 68.5%;
        display: inline-block;
    }
}
div.fs-section-content > ul,
div.fs-section-content-only > ul {
    padding-left: 1.5rem;
}
div.fs-section-content.none > ul,
div.fs-section-content.none > ol,
div.fs-section-content-only.none > ul,
div.fs-section-content-only.none > ol {
    list-style-type: none;
}
div.fs-section-content.none > ul,
div.fs-section-content-only.none > ul {
    padding-left: 0;
}
div.fs-section-content.none > ol,
div.fs-section-content-only.none > ol {
    padding-left: 1.75rem !important;
}
@media only screen and (min-width: 768px) {
    div.fs-section-content.double > ul,
    div.fs-section-content-only.double > ul {
        columns: 2;
    }
    div.fs-section-content > ul > li,
    div.fs-section-content-only > ul > li {
        padding-right: 1.5rem;
    }
}
div.fs-section-content.none.divided > ol > li,
div.fs-section-content-only.none.divided > ol > li {
    border-bottom: 2px solid var(--headerColor);
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}
div.fs-section-content.none.divided > ol > li:last-of-type,
div.fs-section-content-only.none.divided > ol > li:last-of-type {
    border-bottom: none;
}
@media only screen and (min-width: 1024px) {
    div.fs-section-content > ul > li,
    div.fs-section-content-only > ul > li {
        padding-right: 2rem;
    }
}
div.fs-section-content > ul li,
div.fs-section-content-only > ul li {
    font-size: 1.4rem;
    line-height: 2rem;
    margin-bottom: .75rem;
    color: #000000;
}
@media only screen and (min-width: 768px) {
    div.fs-section-content > ul li,
    div.fs-section-content-only > ul li {
        font-size: 1.6rem;
        line-height: 2.2rem;
        margin-bottom: 1rem;
    }
}
@media only screen and (min-width: 1280px) {
    div.fs-section-content > ul li,
    div.fs-section-content-only > ul li {
        font-size: 1.8rem;
        line-height: 2.6rem;
        margin-bottom: 1rem;
    }
}
div.fs-section-image {
    text-align: center;
    padding-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) {
    div.fs-section-image {
        width: 30%;
        display: inline-block;
        vertical-align: top;
    }
}
div.fs-section-image img {
    max-width: 90%;
    border: 1px solid var(--grayColor4);
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}
div.fs-section-post-image {
    text-align: center;
    margin-bottom: 2rem;
}
@media only screen and (min-width: 1440px) {
    div.fs-section-post-image {
        margin-bottom: 4rem;
    }
}
div.fs-section-post-image > img {
    max-width: 100%;
}
div.fs-section-content-only {
    padding: 0 .5rem 0 0;
}
div.fs-section-content-only > ol {
    padding-left: 1.75rem;
}
div.fs-section-content-only > ol > li {
    font-size: 1.4rem;
    line-height: 2rem;
    color: #000000;
    padding-left: .5rem;
}
@media only screen and (min-width: 768px) {
    div.fs-section-content-only > ol > li {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
}
div.fs-section-content-only.none > ol > li {
    padding-left: 0;
}
@media only screen and (min-width: 1280px) {
    div.fs-section-content-only > ol > li {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
}
div.fs-section-content-only > ol li::marker {
    content: "Q: ";
    font-weight: 700;
}
div.fs-section-content-only > ol li > ul {
    padding-left: 0;
    padding-bottom: 1rem;
}
div.fs-section-content-only > ol li > ul li {
    padding-left: .25rem;
    padding-top: .75rem;
    font-size: 1.4rem;
    line-height: 2rem;
    color: #000000;
}
@media only screen and (min-width: 768px) {
    div.fs-section-content-only > ol li > ul li {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
}
@media only screen and (min-width: 1280px) {
    div.fs-section-content-only > ol li > ul li {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
}
div.fs-section-content-only > ol li > ul li::marker {
    content: "A: ";
    font-weight: 700;
}
div.fs-section-content > h3,
div.fs-section-content-only > h3 {
    font-size: 1.8rem;
    line-height: 2rem;
    font-weight: 600;
    color: #000000;
    margin-bottom: 1.5rem;
}
div.fs-section-content > h3.reverse,
div.fs-section-content-only > h3.reverse {
    background-color: var(--headerColor);
    padding: .9rem;
    color: var(--white);
    text-align: center;
    margin-top: 2rem;
}
div.fs-section-content > p,
div.fs-section-content-only > p {
    font-size: 1.4rem;
    line-height: 2rem;
    color: #000000;
}
@media only screen and (min-width: 768px) {
    div.fs-section-content > p,
    div.fs-section-content-only > p {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
}
@media only screen and (min-width: 1280px) {
    div.fs-section-content > p,
    div.fs-section-content-only > p {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
}
/* Pages Menu */
#pages_banner {
    background-color: var(--primaryBlue);
    margin: .5rem 0 1.5rem;
}
@media only screen and (min-width: 1280px) {
    #pages_banner {
        margin: 0 0 2.5rem;
    }
}
#pages_banner h1 {
    margin-bottom: .25rem;
    color: var(--white);
    text-align: center;
    font-size: 1.6rem;
    font-weight: 400;
    padding: .5rem;
}
@media only screen and (min-width: 768px) {
    #pages_banner h1 {
        padding: .9rem 0;
    }
}
@media only screen and (min-width: 1280px) {
    #pages_banner h1 {
        padding: 1.7rem 0;
    }
}
#pages_banner h1 a {
    color: var(--white);
    margin-right: 2rem;
}
#pages_banner h1 a.active {
    font-weight: 600;
}
#pages_banner h1 a span {
    display: inline-block;
    width: .75rem;
    height: .75rem;
    border-bottom: 2px solid white;
    border-left: 2px solid white;
    transform: rotate(225deg);
    margin-left: .5rem;
}
/* ------------------------------------------------------------------------------------------------
 * Interior Partners Panel
 * ----------------------------------------------------------------------------------------------*/
#inner_partners > div.container {
    border: 2px solid #e4e8ea;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.08);
    padding: 3rem 0;
    margin-bottom: 4rem;
    margin-top: 2rem;
}
@media only screen and (min-width: 768px) {
    #inner_partners > div.container {
        margin-top: 4rem;
        padding: 3rem 0 .5rem;
    }
}
@media only screen and (min-width: 1024px) {
    #inner_partners > div.container {
        padding: 4rem 0 1.5rem;
    }
}
@media only screen and (min-width: 1280px) {
    #inner_partners > div.container {
        padding: 5rem 0 2rem;
        margin-bottom: 6rem;
    }
}
#inner_partners div.inner-partner-header {
    display: block;
}
@media only screen and (min-width: 768px) {
    #inner_partners div.inner-partner-header {
        display: inline-block;
        width: 25%;
        vertical-align: top;
    }
}
#inner_partners .royalSlider {
    width: 100%;
    display: block;
    height: 8rem;
    background: var(--white);
    color: var(--grayColor5);
}
@media only screen and (min-width: 768px) {
    #inner_partners .royalSlider {
        display: inline-block;
        width: 74.5%;
        height: 12rem;
    }
}
@media only screen and (min-width: 1280px) {
    #inner_partners .royalSlider {
        height: 10rem;
    }
}
#inner_partners .rsOverflow,
#inner_partners .rsSlide {
    background: var(--white);
    color: var(--grayColor5);
}
#inner_partners .rsOverflow {
    width: auto;
}
#inner_partners .rsNav.rsBullets {
    background: var(--white);
}
#inner_partners .rsDefault .rsBullet span {
    background-color: var(--grayColor3);
}
#inner_partners .rsDefault .rsBullet.rsNavSelected span {
    background-color: var(--secondaryDarkOrange);
}
#inner_partners div.partners-container {
    height: 6rem;
}
@media only screen and (min-width: 768px) {
    #inner_partners div.partners-container {
        height: 10.5rem;
    }
}
@media only screen and (min-width: 1280px) {
    #inner_partners div.partners-container {
        height: 8.5rem;
    }
}
#inner_partners div.basic-partner {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
    text-align: center;
}
@media only screen and (min-width: 600px) {
    #inner_partners div.basic-partner {
        width: 49.5%;
        padding: 0 1.5rem;
    }
}
@media only screen and (min-width: 768px) {
    #inner_partners div.basic-partner {
        width: 32.5%;
        border-right: 1px solid #c4c4c4;
        text-align: left;
    }
    #inner_partners div.basic-partner:last-of-type {
        border-right: none;
    }
}
@media only screen and (min-width: 1024px) {
    #inner_partners div.basic-partner {
        width: 24.5%;
        padding: 0 2rem 1.5rem;
    }
}
#inner_partners h2 {
    color: var(--primaryBlue);
    font-size: 2.6rem;
    line-height: 3rem;
    font-weight: 700;
    letter-spacing: -.4px;
    text-align: center;
    margin-bottom: 2.5rem;
}
@media only screen and (min-width: 768px) {
    #inner_partners h2 {
        font-size: 3.1rem;
        line-height: 4rem;
        margin-bottom: .5rem;
        margin-top: -.75rem;
    }
}
@media only screen and (min-width: 1280px) {
    #inner_partners h2 {
        font-size: 6rem;
        line-height: 6.9rem;
        margin-top: -1.5rem;
    }
}
#inner_partners .logo-spreader {
    padding: 2rem 0;
}
@media only screen and (min-width: 1280px) {
    #inner_partners .logo-spreader {
        padding: 3rem 0;
    }
}
div.basic-partner h3 {
    color: var(--grayColor4);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 2rem;
    line-height: 2.4rem;
}
@media only screen and (min-width: 768px) {
    div.basic-partner h3 {
        font-size: 1.8rem;
        line-height: 2.2rem;
    }
}
@media only screen and (min-width: 1280px) {
    div.basic-partner h3 {
        letter-spacing: 2px;
        font-size: 2.2rem;
        line-height: 2.6rem;
    }
}
div.basic-partner p {
    color: var(--secondaryDarkOrange);
    font-size: 1.6rem;
    letter-spacing: -.4px;
    padding: 0 1rem;
}
@media only screen and (min-width: 768px) {
    div.basic-partner p {
        font-size: 1.8rem;
        line-height: 2.2rem;
        padding: 0;
    }
}
@media only screen and (min-width: 1280px) {
    div.basic-partner p {
        padding: 0;
    }
}
#participate div.container {
    margin-bottom: 6rem;
}
@media only screen and (min-width: 1280px) {
    #participate div.container {
        margin-bottom: 4rem;
    }
}
div.circle.preparation {
    padding: 1.8rem;
}
div.circle.participation {
    padding: 1rem 1.5rem .5rem;
}
div.circle.partnership {
    padding: 1.7rem .5rem;
}
#participate div.prep-content p {
    color: var(--grayColor5);
    margin-top: 3rem;
}
@media only screen and (min-width: 1280px) {
    #participate div.prep-content p {
        font-size: 2rem;
        line-height: 3rem;
        margin-top: 4rem;
    }
}
#closing {
    margin-bottom: 10rem;
}
#closing div.help p {
    text-align: center;
    color: var(--grayColor5);
    font-size: 1.6rem;
    line-height: 2rem;
}
@media only screen and (min-width: 1280px) {
    #closing div.help p {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}
/* ------------------------------------------------------------------------------------------------
 * Kids Page
 * ----------------------------------------------------------------------------------------------*/
#hero_content div.tornado-content.generic {
    height: 100%;
    display: block;
}
@media only screen and (min-width: 1024px) {
    #hero_content div.tornado-content.generic {
        display: inline-table;
    }
}
#hero_content div.tornado-content.generic p {
    display: table-cell;
    vertical-align: top;
    margin-bottom: 0;
    color: var(--grayColor5);
    font-weight: 700;
    letter-spacing: -.4px;
}
@media only screen and (min-width: 768px) {
    #hero_content div.tornado-content.generic p {
        vertical-align: middle;
    }
}
@media only screen and (min-width: 1280px) {
    #hero_content div.tornado-content.generic p {
        font-size: 2rem;
        line-height: 2.7rem;
    }
}
div.flash-accordion > div.accordion-icon.explore {
    background: url(../images/explore.png) no-repeat center center;
    background-size: 3.75rem;
}
div.flash-accordion > div.accordion-icon.track {
    background: url(../images/storm.png) no-repeat center center;
    background-size: 3.75rem;
}
div.flash-accordion > div.accordion-icon.activities {
    background: url(../images/activities.png) no-repeat 1.3rem center;
    background-size: 2.5rem;
}
div.flash-accordion > div.accordion-icon.videos {
    background: url(../images/videos.png) no-repeat .75rem center;
    background-size: 3.75rem;
}
@media only screen and (min-width: 600px) {
    div.flash-accordion > div.accordion-icon.explore,
    div.flash-accordion > div.accordion-icon.track,
    div.flash-accordion > div.accordion-icon.videos {
        background-size: 5rem;
    }
    div.flash-accordion > div.accordion-icon.videos {
        background-position: 1.1rem center;
    }
    div.flash-accordion > div.accordion-icon.activities {
        background-size: 3.2rem;
        background-position: 1.8rem center;
    }
}
@media only screen and (min-width: 1024px) {
    div.flash-accordion > div.accordion-icon.track,
    div.flash-accordion > div.accordion-icon.videos {
        background-size: 6rem;
    }
    div.flash-accordion > div.accordion-icon.explore {
        background-size: 5.5rem;
    }
    div.flash-accordion > div.accordion-icon.activities {
        background-size: 4.25rem;
    }
}
div.tk-content > div.visual {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 3rem;
}
@media only screen and (min-width: 1280px) {
    div.tk-content > div.visual {
        width: 35%;
        margin-bottom: 0;
    }
}
div.tk-content > div.visual img {
    max-width: 100%;
}
@media only screen and (min-width: 600px) {
    div.tk-content > div.visual img {
        display: block;
        width: 90%;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 1024px) {
    div.tk-content > div.visual img {
        width: 100%;
    }
}
div.tk-content > div.visual > div.dl-link,
div.tk-content.kids.activity > div.copy > div.dl-link {
    margin-top: 2rem;
    text-align: center;
}
div.tk-content.kids.activity > div.copy a {
    color: var(--white);
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-decoration: none;
    padding: .9rem 3.4rem;
}
div.acc-drop > div.tk-content.kids {
    padding: 2rem 0 0;
    border-bottom: 1px solid #c4c4c4;
    margin-bottom: 2rem;
    margin-top: 2rem;
}
div.acc-drop > div.tk-content.kids:last-of-type {
    border-bottom: none;
    margin-bottom: 4rem;
}
@media only screen and (min-width: 600px) {
    div.acc-drop > div.tk-content.kids {
        padding: 2rem 0 4rem;
        margin-bottom: 4rem;
    }
}
@media only screen and (min-width: 1024px) {
    div.acc-drop > div.tk-content.kids {
        padding: 3.5rem 0 3.75rem;
    }
}
@media only screen and (min-width: 1280px) {
    div.acc-drop > div.tk-content.kids {
        padding-bottom: 3rem;
        margin-bottom: 3rem;
    }
}

div.tk-content.kids h3 {
    font-weight: 700;
    color: var(--grayColor5);
    letter-spacing: -.4px;
    font-size: 1.6rem;
    line-height: 2.4rem;
}
@media only screen and (min-width: 600px) {
    div.tk-content.kids h3 {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
}
@media only screen and (min-width: 1280px) {
    div.tk-content.kids h3 {
        font-size: 2rem;
        line-height: 2.85rem;
    }
}
div.tk-content.kids h4 {
    font-weight: 400;
    color: var(--sepColor1);
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 1.8rem;
    margin-bottom: 2rem;
}
div.tk-content.kids div.copy p {
    color: var(--grayColor5);
    font-size: 1.4rem;
    line-height: 2rem;
}
@media only screen and (min-width: 768px) {
    div.tk-content.kids div.copy p {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
}
div.acc-drop > div.tk-content.kids.activity {
    width: 100%;
    display: block;
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 4rem;
}
@media only screen and (min-width: 768px) {
    div.acc-drop > div.tk-content.kids.activity {
        width: 32.5%;
        display: inline-block;
        border-bottom: none;
        padding-bottom: 0;
    }
}
@media only screen and (min-width: 1024px) {
    div.acc-drop > div.tk-content.kids.activity {
        width: 33%;
    }
}
div.acc-drop > div.tk-content.kids.activity div.visual,
div.acc-drop > div.tk-content.kids.activity div.copy {
    width: 100%;
}
div.acc-drop > div.tk-content.kids.activity div.visual {
    text-align: center;
}
@media only screen and (min-width: 768px) {
    div.acc-drop > div.tk-content.kids.activity div.visual {
        text-align: left;
    }
}
div.acc-drop > div.tk-content.kids div.visual.video {
    position: relative;
    margin-bottom: 4rem;
}
div.acc-drop > div.tk-content.kids.activity div.copy {
    text-align: center;
    padding: 0;
}
@media only screen and (min-width: 1024px) {
    div.acc-drop > div.tk-content.kids.activity div.visual {
        padding: 2rem;
    }
}
@media only screen and (min-width: 1280px) {
    div.acc-drop > div.tk-content.kids.activity div.visual {
        padding: 3rem;
    }
}
div.acc-drop > p.answer-key {
    text-align: center;
    color: var(--grayColor5);
    font-size: 1.4rem;
    line-height: 2rem;
    padding-bottom: 4rem;
}
div.acc-drop > p.answer-key a {
    color: inherit;
    font-weight: 700;
}
div.k-vid.btnCentered {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 6.4rem;
    height: 6.4rem;
    margin-top: -6.4rem;
    margin-left: -3.2rem;
}
@media only screen and (min-width: 600px) {
    div.k-vid.btnCentered {
        width: 9rem;
        height: 9rem;
        margin-top: -7.5rem;
        margin-left: -4.5rem;
    }
}
@media only screen and (min-width: 1280px) {
    div.k-vid.btnCentered {
        width: 7.5rem;
        height: 7.5rem;
        margin-top: -3.75rem;
        margin-left: -3.75rem;
        top: 9.75rem;
    }
}
div.k-vid.btnCentered > div.play-button {
    -webkit-tap-highlight-color: rgba(0,0,0,0.3);
    cursor: pointer;
    width: 6.4rem;
    height: 6.4rem;
    margin-left: 0;
    margin-top: 0;
}
@media only screen and (min-width: 600px) {
    div.k-vid.btnCentered > div.play-button {
        width: 9rem;
        height: 9rem;
    }
}
@media only screen and (min-width: 1280px) {
    div.k-vid.btnCentered > div.play-button {
        width:7.5rem;
        height: 7.5rem;
    }
}
div.k-vid.btnCentered > div.play-button > div.play-icon {
    display: block;
    border-radius: 50%;
    background-color: rgba(255,255,255,.75);
    width: 6.4rem;
    height: 6.4rem;
    background-image: url(../images/play-arrow.png);
    background-repeat: no-repeat;
    background-size: 2.8rem;
    background-position: 2.1rem 1.7rem;
}
@media only screen and (min-width: 600px) {
    div.k-vid.btnCentered > div.play-button > div.play-icon {
        width: 7rem;
        height: 7rem;
        background-size: 3.2rem;
        background-position: 2.25rem center;
    }
}
@media only screen and (min-width: 768px) {
    div.k-vid.btnCentered > div.play-button > div.play-icon {
        width: 9rem;
        height: 9rem;
        background-size: 4.2rem;
        background-position: 3rem center;
    }
}
@media only screen and (min-width: 1280px) {
    div.k-vid.btnCentered > div.play-button > div.play-icon {
        width: 7.5rem;
        height: 7.5rem;
        background-size: 2.4rem;
        background-position: 2.75rem center;
    }
}
div.visual.video div.caption {
    position: absolute;
    left: 1.5rem;
    bottom: 7.75rem;
}
@media only screen and (min-width: 600px) {
    div.visual.video div.caption {
        left: 4rem;
        bottom: 8rem;
    }
}
@media only screen and (min-width: 1280px) {
    div.visual.video div.caption {
        left: 2rem;
    }
}
div.visual.video div.caption h3 {
    color: var(--white);
    font-size: 1.6rem;
    line-height: 2.1rem;
    letter-spacing: -.4px;
}
#drop_downs.last-section {
    margin-bottom: 12rem;
}
/* ------------------------------------------------------------------------------------------------
 * Top-line Survey Block
 * ----------------------------------------------------------------------------------------------*/
#top_line {
    margin-top: 6rem;
}
@media only screen and (min-width: 1280px) {
    #top_line {
        margin-top: 8rem;
    }
}
#top_line div.survey-banner {
    background-color: var(--primaryBlue);
    border-radius: 3px;
    padding: 2rem 0;
}
@media only screen and (min-width: 768px) {
    #top_line div.survey-banner {
        padding: 0;
    }
}
div.survey-banner > div.eye-candy {
    display: block;
    text-align: center;
}
@media only screen and (min-width: 768px) {
    div.survey-banner > div.eye-candy {
        display: inline-block;
        width: 35%;
        padding: 2.5rem 3.5rem;
    }
}
@media only screen and (min-width: 1024px) {
    div.survey-banner > div.eye-candy {
        width: 39%;
        padding: 3.2rem 4.5rem 3.2rem 6rem;
    }
}
@media only screen and (min-width: 1280px) {
    div.survey-banner > div.eye-candy {
        padding: 4rem 5.5rem 4rem 7rem;
    }
}
div.eye-candy img {
    max-width: 33%;
}
@media only screen and (min-width: 768px) {
    div.eye-candy img {
        max-width: 100%;
    }
}
div.survey-banner > div.survey-info {
    padding: 2rem 2rem 1rem;
    text-align: center;
}
@media only screen and (min-width: 768px) {
    div.survey-banner > div.survey-info {
        display: inline-grid;
        vertical-align: middle;
        width: 64.25%;
        padding: 2rem 2rem 2rem 0;
    }
}
@media only screen and (min-width: 1024px) {
    div.survey-banner > div.survey-info {
        width: 60.5%;
        padding: 3.2rem 3rem 3.2rem 0;
    }
}
@media only screen and (min-width: 1280px) {
    div.survey-banner > div.survey-info {
        padding: 4rem 3rem 4rem 0;
    }
}
div.survey-info > div {
    display: block;
}
@media only screen and (min-width: 768px) {
    div.survey-info > div {
        display: grid;
    }
}
div.survey-info > div h2,
div.survey-info > div h3 {
    color: var(--white);
    font-weight: 700;
    letter-spacing: -.4px;
}
div.survey-info > div h2 {
    font-size: 2rem;
    line-height: 2.8rem;
}
div.survey-info > div h3 {
    font-size: 1.6rem;
    line-height: 2rem;
    margin-bottom: 3rem;
}
@media only screen and (min-width: 768px) {
    div.survey-info > div h2 {
        font-size: 2.6rem;
        line-height: 3.4rem;
    }
    div.survey-info > div h3 {
        font-size: 1.8rem;
        line-height: 2.6rem;
        margin-bottom: .5rem;
    }
}
@media only screen and (min-width: 1024px) {
    div.survey-info > div h2 {
        font-size: 3.2rem;
        line-height: 4rem;
    }
    div.survey-info > div h3 {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }
}
@media only screen and (min-width: 1280px) {
    div.survey-info > div h2 {
        font-size: 4rem;
        line-height: 4.6rem;
    }
    div.survey-info > div h3 {
        font-size: 2.6rem;
        line-height: 3.7rem;
    }
}
div.survey-info > div a {
    margin-top: 2rem;
    background: #e87928;
    color: var(--white);
    border-radius: 3px;
    justify-self: center;
    font-weight: 600;
    padding: .5rem 3.2rem;
    font-size: 1.6rem;
    line-height: 1.6rem;
}
@media only screen and (min-width: 768px) {
    div.survey-info > div a {
        margin-top: 1rem;
    }
}
@media only screen and (min-width: 1024px) {
    div.survey-info > div a {
        margin-top: 2rem;
        padding: .9rem 4rem;
        font-size: 1.8rem;
        line-height: 1.8rem;
    }
}