/*============================================================*/
/* Fonts */
@import url('//fonts.googleapis.com/css?family=Montserrat|Open+Sans:400,400i,700,700i&display=swap');
@import url("//use.fontawesome.com/releases/v5.12.1/css/all.css");
/*============================================================*/
/* Default Overrides */

html {
    -ms-overflow-style: scrollbar;
    /* IE10/11 scrollbar */
    /* auto | none | scrollbar | -ms-autohiding-scrollbar */
}

body {
    position: relative;
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #363636;
}

header {
    padding: 0;
}

a {
    color: #1D7A6B;
    text-decoration: underline;
}
a:hover,
a:focus {
    color: #000000;
}

a.a-icon {
    position: relative;
    /* padding-left: 1.2em; */
}
a.a-icon > [class^="whhg-"],
a.a-icon > [class*=" whhg-"] {
    /*
    position: absolute;
    top: 0;
    left: 0;
    */
    /*
    font-size: 16px;
    */
    line-height: inherit;
    color: #60A297;
    vertical-align: baseline;
    margin-left: 0.3em;
}
a.a-icon:hover > [class^="whhg-"],
a.a-icon:hover > [class*=" whhg-"],
a.a-icon:focus > [class^="whhg-"],
a.a-icon:focus > [class*=" whhg-"] {
    color: #000000;
}
.multimedia-color-1 a.a-icon > [class^="whhg-"],
.multimedia-color-1 a.a-icon > [class*=" whhg-"] {
    color: #D4F8F2;
}
.multimedia-color-1 a.a-icon:hover > [class^="whhg-"],
.multimedia-color-1 a.a-icon:hover > [class*=" whhg-"],
.multimedia-color-1 a.a-icon:focus > [class^="whhg-"],
.multimedia-color-1 a.a-icon:focus > [class*=" whhg-"] {
    color: #FFFFFF;
}

dt {
    margin: 0 0 5px 0;
}
dd {
    margin: 0 0 10px 0;
}

blockquote {
    font-size: 16px;
    font-style: italic;
}

:target:before {
    display: block;
    position: relative;
    z-index: -1;
    height: 60px;
    margin-top: -60px;
    content: " ";
}

/*============================================================*/
/* Skip Navigation */

.skipNav {
    position: absolute;
    top: -100px;
    display: block;
    width: 200px;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #FFFFFF;
    background: #000000;
    border: 2px solid #FFFFFF;
    text-align: center;
    z-index: 4;
}
.skipNav:focus {
    top: 8px;
    left: 50%;
    color: #FFFFFF;
    margin-left: -100px;
}

.skipNavTarget {
    position: absolute;
    left: -9999px;
}

/*============================================================*/
/* On Course Bar */

.ocBar {
    background: #484848;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    color: #C3C3C3;
    padding: 6px 0;
    margin: 0 0 60px 0;
    min-height: 40px;
}
.ocBar .tagline {
    text-transform: none;
}

@media (min-width: 524px) {
    .ocBar {
        padding: 13px 0;
    }
}
@media (max-width: 767px) {
    .ocBar {
        text-align: center;
    }
    .ocBar .container {
        padding-right: 10px;
        padding-left: 10px;
    }
}

/*============================================================*/
/* Top Navigation Bar */

.header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: #2E2E2E;
    color: #C3C3C3;
    z-index: 1012;
}
.ocBar + .header {
    top: 40px;
}

.header.affix {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
}
.header.affix-top {
    /* position: static; */
}

.header .container {
    position: relative;
}

.header-left {
    float: left;
    width: 100%;
    margin: 0 -150px 0 -15px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.header-right {
    float: right;
    width: 150px;
    margin: 0 -15px 0 0;
}

.header-nav {
    position: relative;
    margin: 0 130px 0 0;
}

.topnav-menu {
    display: inline-block;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    color: #C3C3C3;
    height: 60px;
    padding: 16px 15px 16px 15px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.topnav-menu .whhg-menu,
.topnav-menu .whhg-remove-circle {
    top: 0;
    font-size: 24px;
    vertical-align: middle;
    margin: 0 5px 0 0;
}
.topnav-menu .whhg-remove-circle {
    display: none;
}
.topnav-menu.open .whhg-menu { display: none; }
.topnav-menu.open .whhg-remove-circle { display: inline; }

.topnav-menu-text {
    vertical-align: middle;
}
.topnav-menu:hover,
.topnav-menu:focus {
    color: #FFFFFF;
    /* background: #31C6AC; */
    text-decoration: none;
}

.topnav-open {
    overflow: hidden;
}
.topnav-backdrop {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)"; /* IE8 */
    z-index: 1011;
}
@media (min-width: 992px) {
    .topnav-backdrop {
        display: none !important;
    }
    .topnav-menu {
        display: none;
        visibility: hidden;
    }
}

.topnav-container {
    position: fixed;
    top: 60px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden;
    overflow-y: auto;
}
.topnav-container.collapsing {
    overflow-y: hidden;
}
.topnav-subcontainer {
    display: none;
    position: fixed;
    top: 60px;
    bottom: 0;
    z-index: 1000;
    overflow: hidden;
    overflow-y: auto;
}
.topnav-subcontainer.collapsing {
    display: block;
    overflow-y: hidden;
}
@media (min-width: 992px) {
    .topnav-container {
        display: inline-block !important;
        visibility: visible !important;
        position: static !important;
        overflow: visible !important;
        padding-right: 0 !important;
        height: auto;
        -webkit-transition: 0s;
             -o-transition: 0s;
                transition: 0s;
    }
}
@media (max-width: 991px) {
    .topnav-subcontainer {
        position: static;
        overflow: hidden;
        padding-right: 0 !important;
    }
}

.topnav {
    width: 285px;
    max-width: 285px;
    text-align: left;
    list-style: none;
    background-color: #2E2E2E;
    padding: 0;
    margin: 0;
}
.topnav .caret {
    margin-top: -3px;
    border-color: transparent;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-left-color: inherit;
}
.topnav .open > .caret {
    border-color: transparent;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-top-color: inherit;
    margin-top: 0;
    margin-left: -3px;
}
.topnav > li {
    position: relative;
}
.topnav > li > a {
    display: block;
    clear: both;
    color: #999999;
    display: block;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    padding: 10px 40px 10px 15px;
}
.topnav > li > a.topnav-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    background-color: #2E2E2E;
    padding: 10px 15px;
}
/*.topnav .active > a, */
.topnav .active > a:not(.topnav-toggle) {
    color: #FFFFFF;
    background-color: #2E2E2E;
}
.topnav > li > a:hover,
.topnav > li > a:focus,
.topnav > li > a.topnav-toggle:hover,
.topnav > li > a.topnav-toggle:focus {
    color: #FFFFFF;
    background-color: #2E2E2E;
    text-decoration: underline;
}
.topnav ul {
    text-align: left;
    list-style: none;
    background-color: #2E2E2E;
    list-style: none;
    padding: 0;
    margin: 0;
}
.topnav ul > li {
    position: relative;
    background-color: inherit;
}
.topnav ul > li > a {
    display: block;
    clear: both;
    color: #999999;
    display: block;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    padding: 10px 45px 10px 30px;
}
.topnav ul > li > a.topnav-toggle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40px;
    background-color: inherit;
    padding: 10px 15px;
}
/* .topnav ul > .active > a { */
.topnav ul .active > a:not(.topnav-toggle) {
    color: #FFFFFF;
    background-color: #2E2E2E;
}
.topnav ul > li > a:hover,
.topnav ul > li > a:focus {
    color: #FFFFFF;
    background-color: #2E2E2E;
    text-decoration: underline;
}
.topnav ul ul {
    background-color: #2E2E2E;
}
.topnav ul ul > li > a {
    background-color: #2E2E2E;
    padding-left: 45px;
}
.topnav ul ul ul {
    background-color: #2E2E2E;
}
.topnav ul ul ul > li > a {
    background-color: #2E2E2E;
    padding-left: 60px;
}
@media (max-width: 991px) {
    .topnav > li > a {
        width: auto !important;
    }
}
@media (min-width: 992px) {
    .topnav {
        width: auto;
        max-width: none;
        background-color: transparent;
    }
    .topnav > li {
        display: inline-block;
        vertical-align: top;
    }
    .topnav > li +li {
        margin-right: 10px;
    }
    .topnav > li > a {
        display: table-cell;
        vertical-align: middle;
        width: auto;
        max-width: 145px;
        height: 60px;
        background-color: transparent;
        padding: 10px 15px 10px 15px;
    }
    .topnav > li > a.wide {
        max-width: 185px;
    }
    .topnav .active > a,
    .topnav .active > a.topnav-toggle {
        background-color: transparent;
    }
    .topnav > li > a:hover,
    .topnav > li > a:focus,
    .topnav > li > a.topnav-toggle:hover,
    .topnav > li > a.topnav-toggle:focus {
        background-color: transparent;
    }
    .topnav > li > a.topnav-toggle {
        position: absolute;
        top: 0;
        right: -15px;
        width: 31px;
        background-color: transparent;
        border: 0;
        padding: 8px 10px;
    }
    .topnav > li > a.topnav-toggle > .caret {
        position: absolute;
        top: 50%;
        margin-top: -5px;
    }
    .topnav > li > a.topnav-toggle.open > .caret {
        position: absolute;
        top: 50%;
        margin-top: -2px;
    }
    .topnav-subcontainer > ul {
        width: 285px;
        max-width: 285px;
    }
    .topnav ul > li > a {
        padding-left: 25px;
    }
    .topnav ul ul > li > a {
        padding-left: 40px;
    }
    .topnav ul ul ul > li > a {
        padding-left: 55px;
    }
}

/*============================================================*/
/* Texthelp TTS */

.header-tts {
    float: left;
    width: 100px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.header-tts li {
    float: left;
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}
.header-tts button {
    display: block;
    font-size: 28px;
    font-weight: normal;
    line-height: 1;
    text-decoration: none;
    color: #C3C3C3;
    width: 50px;
    height: 60px;
    padding: 14px 0 16px 0;
    text-align: center;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
}
.header-tts button:hover,
.header-tts button:focus {
    color: #FFFFFF;
    /* background: #31C6AC; */
    text-decoration: none;
}
.header-tts .topnavTTS-pause {
    display: none;
}
.header-tts.playing .topnavTTS-play {
    display: none;
}
.header-tts.playing .topnavTTS-pause {
    display: inline-block;
}

/*============================================================*/
/* Search */

.header-search {
    position: relative;
    display: inline-block;
    width: 50px;
    margin: 0 -15px 0 0;
}

.header-search .search-toggle {
    display: block;
    font-size: 28px;
    font-weight: normal;
    line-height: 1;
    text-decoration: none;
    color: #C3C3C3;
    width: 50px;
    height: 60px;
    padding: 14px 0 16px 0;
    text-align: center;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.header-search .search-toggle:hover,
.header-search .search-toggle:focus {
    color: #FFFFFF;
    /* background: #31C6AC; */
    text-decoration: none;
}

.searchBar {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    max-width: 300px;
    background: #FFFFFF;
    z-index: 1;
}

.searchBar .form-control {
    border-width: 0;
    font-size: 18px;
    line-height: 20px;
    color: #6B6B6B;
    height: 40px;
    display: table-cell;
    vertical-align: middle;
    border: 2px solid #A2A2A2;
    border-right: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: none;
            transition: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}

.searchBar .btn {
    border-width: 0;
    display: block;
    font-size: 19px;
    font-weight: normal;
    line-height: 1;
    color: #FFFFFF;
    background: #31C6AC;
    width: 50px;
    height: 40px;
    padding: 8px 0 8px 0;
    text-align: center;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}
.searchBar .btn:hover,
.searchBar .btn:focus {
    background: #009179;
}

/*============================================================*/
/* Footer */

.footerTop {
    background: #424242;
    color: #C3C3C3;
    padding: 30px 0 30px 0;
}
.footerTop .pages {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}
.footerTop .pages li {
    padding-bottom: 10px;
}
.footerTop .pages a {
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #C3C3C3;
}
.footerTop .pages a:hover,
.footerTop .pages a:focus {
    color: #FFFFFF;
    text-decoration: none;
}

.footerBottom {
    background: #5A5A5A;
    color: #E0E0E0;
    font-size: 14px;
    padding: 40px 0 20px 0;
}

.footerBottom a {
    color: #E0E0E0;
    text-decoration: none;
}
.footerBottom a:hover,
.footerBottom a:focus {
    color: #FFFFFF;
    text-decoration: underline;
}

.footerBottom .references {
    list-style: none;
    border-bottom: 2px solid #6F6F6F;
    padding: 0;
    margin: 0 0 20px 0;
}
.footerBottom .references li {
    padding-bottom: 20px;
}
.footerBottom .references li:after {
  content: "";
  display: table;
  clear: both;
}
.footerBottom .references .iconlink{
    display: inline-block;
    width: 120px;
    text-align: center;
    float: left;
}
.footerBottom .references .offset {
    display: block;
    margin-left: 128px;
    margin-bottom: 0;
}

.footerLogo {
    width: 100%;
    max-width: 360px;
    height: auto;
}

.social {
    list-style: none;
    display: block;
    vertical-align: middle;
    padding: 0;
    margin: 0
}
.social li {
    display: inline-block;
    padding: 0;
    margin: 0;
}
.social li:not(:last-child) {
    margin-right: 10px;
}
.social a {
    font-size: 50px;
    color: #c3c3c3;
    text-decoration: none;
}
.social a:hover,
.social a:focus {
    color: #fff;
    text-decoration: none;
}

/*
.social-icon {
    display: inline-block;
    width: 56px;
    height: 56px;
    background-image: url("../img/icons/social.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}
.social-facebook { background-position: 0 0; }
.social-twitter { background-position: -56px 0; }
.social-youtube { background-position: -112px 0; }
.social-googleplus { background-position: -168px 0; }

a:hover .social-facebook, a:focus .social-facebook { background-position: 0 -56px; }
a:hover .social-twitter, a:focus .social-twitter { background-position: -56px -56px; }
a:hover .social-youtube, a:focus .social-youtube { background-position: -112px -56px; }
a:hover .social-googleplus, a:focus .social-googleplus { background-position: -168px -56px; }
*/
.twitter-wrapper {
    margin-top: 30px;
}
@media (min-width: 992px) {
    .twitter-wrapper {
        margin-top: 0;
    }
}

/*============================================================*/
/* Splash Bar */

.splashBar {
    position: relative;
    width: 100%;
    height: 165px;
    background: #D20550;
}

.splashBar:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    width: 50%;
    background: #FFB26B;
    content: "";
}

.splashBar .container {
    position: relative;
    height: 165px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNEMjA1NTAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRkIyNkIiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2NTkpIiAvPgo8L3N2Zz4=");
    background-image: -webkit-gradient(linear, left 0%, right 100%, from(#D20550), to(#FFB26B));
    background-image: -webkit-linear-gradient(left, #D20550 0%, #FFB26B 100%);
    background-image: -moz-linear-gradient(left, #D20550 0%, #FFB26B 100%);
    background-image: linear-gradient(to right, #D20550 0%, #FFB26B 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D20550', endColorstr='#FFB26B',GradientType=1)";
}

.splashBar h1 {
    position: absolute;
    bottom: 5px;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 37px;
    line-height: 1.081;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 485px;
    max-width: 95%;
}

@media (max-width: 500px) {
    .splashBar h1 {
        font-size: 32px;
    }
}

.splashBar-home,
.splashBar-home:before,
.splashBar-home .container {
    height: 300px;
}
.splashBar-home {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
}
.splashBar-home h1 {
    position: static;
    font-size: 58px;
    font-weight: bold;
    width: auto;
    max-width: none;
    margin-top: 120px;
}
.splashBar-home .tagline {
    width: 300px;
    line-height: 1.3;
    margin: 0 auto;
}
.splashBar-home .guide {
    display: block;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    margin-top: 0.5em;
}
@media (max-width: 565px) {
    .splashBar-home {
        font-size: 18px;
    }
    .splashBar-home h1 {
        margin-top: 85px;
    }
}

/*============================================================*/
/* Breadcrumb */

.breadcrumb-main {
    padding: 0;
    font-size: 14px;
    color: #737373;
    margin-top: 7px;
    margin-bottom: 15px;
    background-color: transparent;
    border-radius: 0;
}
.breadcrumb-main > li + li:before  {
    padding: 0 5px 0 4px;
    color: #333333;
    content: "\00BB";
}
.breadcrumb-main > li > a {
    font-weight: 400;
}

/*============================================================*/
/* Social Media - top*/

.socialMedia {
    /*
    position: absolute;
    top: 265px;
    right: 0;
    left: 0;
    */
    height: 32px;
    text-align: right;
}
.socialMedia:before,
.socialMedia:after {
    display: table;
    content: " ";
}
.socialMedia:after {
    clear: both;
}

.socialMedia-title  {
    display: inline-block;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #767676;
    text-transform: uppercase;
    margin-top: 5.5px;
    margin-right: 5px;
    vertical-align: middle;
}
.socialMedia .addthis_default_style {
    display: inline-block;
    vertical-align: middle;
}
.socialMedia .addthis_default_style .at300b,
.socialMedia .addthis_default_style .at300bo,
.socialMedia .addthis_default_style .at300m {
    padding: 0;
}
.socialMedia-home {
    position: absolute;
    top: 268px;
    right: 0;
    left: 0;
}
.socialMedia-home .socialMedia-title {
    color: #FFFFFF;
}

.social-share {
    display: inline-block;
}
.social-survey {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}
.btn-survey {
    text-decoration: none;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    text-transform: uppercase;
    background-color: #337ab7;
    border: 0;
    border-radius: 0;
}
.btn-survey:hover,
.btn-survey:focus {
    color: #FFFFFF;
    background-color: #286090;
    border: 0;
}

.socialMedia-list {
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding: 0;
    margin: 0;
    list-style: none;
}
.socialMedia-list li {
    display: inline-block;
    float: left;
    padding: 0;
    margin: 0;
}
.btn-social {
    width: 32px;
    height: 37px;
    padding: 5px;
    font-size: 22px;
    line-height: 1;
    text-align: center;
    color: #FFFFFF;
    background-color: #232323;
    border-radius: 0;
    border: 0;
    border-bottom: 5px solid #FFFFFF;
}
.socialMedia-home .btn-social {
    border-color: #F1F1F1;
}
.btn-social:hover,
.btn-social:focus {
    color: #FFFFFF;
    border-color: #114AAA;
}
.btn-social-facebook {
    background-color: #3B5998;
}
.btn-social-twitter {
    background-color: #55ACEE;
}
.btn-social-youtube {
    background-color: #E62117;
}
.btn-social-google-plus {
    background-color: #DF4C39;
}

/*============================================================*/
/* Main Content */

.mainContent {
    background: #FFFFFF;
    /* margin-top: 60px; */
    margin-bottom: 20px;
    word-break: break-word;
}
.mainContent > .container > .row + .row {
    margin-top: 25px;
}
.mainContent-home {
    padding: 10px 0 30px 0;
    margin-top: 0;
}
@media (min-width: 768px) {
    .mainContent-home .container {
        padding: 0 50px;
    }
    .mainContent-home h2 .break {
        display: block;
    }
}

@media (min-width: 992px) {
    .mainContent-home .container {
        padding: 0 100px;
    }
}

.mainContent h2 {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 37px;
    text-transform: uppercase;
    color: #939493;
    margin-top: 0;
    margin-bottom: 5px;
}

@media (max-width: 500px) {
    .mainContent h2 {
        font-size: 32px;
    }
}

.mainContent-home h2 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 35px;
    font-weight: normal;
    line-height: 1.4;
    text-transform: none;
    text-align: center;
    color: #6E6E6E;
    margin-top: 20px !important;
}

.mainContent h3 {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    color: #CE144D;
    margin-top: 35px;
    margin-bottom: 20px;
}

.mainContent h4,
.mainContent .h4 {
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-transform: none;
    color: #D42260;
    margin-top: 10px;
    margin-bottom: 10px;
}
.mainContent h2.h4 {
    margin-bottom: 30px;
}

.mainContent h5,
.mainContent .h5 {
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
    text-transform: none;
    color: #767676;
    margin-top: 10px;
    margin-bottom: 10px;
}

.mainContent h6,
.mainContent .h6 {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #767676;
    margin-top: 10px;
    margin-bottom: 10px;
}

.mainContent p {
    margin-bottom: 15px;
}

.mainContent .lead {
    /*
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #939493;
    */
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #363636;
}

.mainContent .aboutImg {
	padding-top: 10px;
}

/*============================================================*/
/* Left Side Navigation */

.sidenav {
    list-style: none;
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #767676;
    padding: 0;
    margin: 0 0 10px 0;
}
.sidenav .caret {
    margin-top: -2px;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: inherit;
}
.sidenav .open > .caret {
    border-color: transparent;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-top-color: inherit;
    margin-left: 0;
}
.sidenav-toggle {
    position: absolute;
    top: 0;
    left: 2px;
    padding: 6px 8px !important;
}
.sidenav-toggle.open {
    padding: 6px 6px !important;
}
.sidenav li {
    position: relative;
    list-style: none;
    padding: 0 0 0 25px;
    margin: 0;
}
/*
.sidenav ul {
    padding-left: 30px;
}
*/
.sidenav ul {
    padding: 0;
    margin: 0 0 0 -10px;
    list-style: none;
}
.sidenav a {
    display: inline-block;
    color: #767676;
    font-weight: bold;
    text-decoration: none;
    padding: 6px 0;
}

.sidenav .active,
.sidenav .active > a {
    color: #000000;
}

.sidenav a:hover,
.sidenav a:focus {
    color: #000000;
}

/*============================================================*/
/* Grids */

@media (min-width: 992px) {
    .grid-hr {
        border-color: #AD1C5D;
        border-width: 2px;
    }

    .grid-vr .col-md-1,
    .grid-vr .col-md-2,
    .grid-vr .col-md-3,
    .grid-vr .col-md-4,
    .grid-vr .col-md-5,
    .grid-vr .col-md-6,
    .grid-vr .col-md-7,
    .grid-vr .col-md-8,
    .grid-vr .col-md-9,
    .grid-vr .col-md-10,
    .grid-vr .col-md-11,
    .grid-vr .col-md-12 {
        border-color: #AD1C5D;
        border-width: 2px;
    }
}

/*============================================================*/
/* Multimedia */

.multimedia {
    background: transparent;
    border: 0;
    border-radius: 0;
}
.multimedia-header {
    font-size: 18px;
    font-weight: bold;
    background: #EEEEEE;
    border: 0;
    border-radius: 0;
}
.multimedia-body {
    background: #F5F5F5;
}
.multimedia-footer {
    background: #EEEEEE;
    border: 0;
    border-radius: 0;
}
.multimedia-action {
    text-align: right;
    float: none;
    padding: 0;
    margin: 0;
    font-size: 18px;
    line-height: 1;
}
.multimedia-action a {
    position: relative;
    color: #60A297;
}
.multimedia-action a:hover,
.multimedia-action a:focus {
    color: #000000;
}

.multimedia-caption {
    color: #5B5B5B;
    font-size: 14px;
    margin: 0;
}
.multimedia-caption p {
    margin-bottom: 5px;
}
.multimedia-caption a {
    color: #1D7869;
}
.multimedia-caption a:hover,
.multimedia-caption a:focus {
    color: #000000;
}
.multimedia-source {
    font-size: 12px;
    font-style: italic;
}

.multimedia-color-1 .multimedia-header,
.multimedia-color-1 .multimedia-footer,
.multimedia-color-1 .multimedia-caption,
.multimedia-color-1 .multimedia-source {
    color: #FFFFFF;
    background: #6D6D6D;
}
.multimedia-color-1 .multimedia-caption a,
.multimedia-color-1 .multimedia-action a,
.multimedia-color-1 .multimedia-source a {
    color: #D4F8F2;
}
.multimedia-color-1 .multimedia-caption a:hover,
.multimedia-color-1 .multimedia-caption a:focus,
.multimedia-color-1 .multimedia-action a:hover,
.multimedia-color-1 .multimedia-action a:focus
.multimedia-color-1 .multimedia-source a:hover,
.multimedia-color-1 .multimedia-source a:focus {
    color: #FFFFFF;
}

/*============================================================*/
/* Callout */

.callout-responsive {
    position: relative;
    z-index: 1;
}

.callout-toggle {
    position: relative;
    display: block;
    width: 100%;
    background: #EEEEEE;
    color: #363636;
    text-decoration: none;
    padding: 15px;
    margin-bottom: 20px;
}
.callout-toggle h2 {
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: none;
    line-height: 1.42857143;
    color: #363636;
    margin-bottom: 0;
}
.callout-toggle .caret {
    position: absolute;
    top: 50%;
    right: 15px;
    border-color: #000000 transparent transparent transparent;
    border-width: 8px 8px 0 8px;
    margin-top: -4px;
}
.callout-toggle.open .caret {
    border-color: transparent transparent #000000 transparent;
    border-width: 0 8px 8px 8px;
}
.callout-toggle + .callout {
    border-top: 2px solid #DDDDDD;
    margin-top: -20px;
}
.callout {
    background: #EEEEEE;
    padding: 15px;
    margin-bottom: 20px;
}
.mainContent .callout-header {
    display: none;
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: none;
    line-height: 1.42857143;
    color: #363636;
    margin-bottom: 10px;
}
.callout-body {
}
.callout .listMain {
    margin-left: 0;
}
.callout .listMain li {
    margin-left: 20px;
    margin-bottom: 5px;
}
.callout .listMain li:before {
    top: 8px;
    left: -20px;
    width: 9px;
    height: 9px;
}
@media (min-width: 992px) {
    .callout-toggle {
        display: none;
    }
    .callout-toggle + .callout {
        border-top: 0;
        margin-top: 0;
    }
    .callout {
        display: block !important;
        height: auto !important;
        float: right;
        width: 33.33333333%;
        margin-left: 20px;
    }
    .mainContent .callout-header {
        display: block;
    }
}


/*============================================================*/
/* Descriptor Block */

.descriptor {
    background: #EEEEEE;
    margin: 0 0 20px 0;
}

.multimedia + .descriptor {
    margin-top: -15px;
}

.descriptorHeader {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
}
.descriptorHeader a {
    position: relative;
    display: block;
    color: #1D7869;
    text-decoration: none;
    padding: 12px 15px;
}
.descriptorHeader a:hover,
.descriptorHeader a:focus {
    text-decoration: underline;
}

.descriptorHeader a .whhg-chevron-up,
.descriptorHeader a .whhg-chevron-down {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 3px solid #DDDDDD;
    padding: 12px 15px;
}
.descriptorHeader a .whhg-chevron-down { display: inline; }

.descriptorHeader a.open .whhg-chevron-up { display: inline; }
.descriptorHeader a.open .whhg-chevron-down { display: none; }

.descriptorContent {
    padding: 10px 15px 1px 15px;
    border-top: 2px solid #DDDDDD;
}

.offset {
    margin-left: 50px;
}

.description {
    margin-left: 50px;
    font-style: italic;
}

/*============================================================*/
/* Table */

.table,
.table th,
.table td {
    background: #FFFFFF;
    border-color: #DDDDDD;
}
.table th {
    background: #AD1C5D;
    color: #FFFFFF;
}

.table th.th1 {
    background: #FCDBDF;
    color: #000000;
}
.table th.th2 {
    background: #FF76A7;
    color: #000000;
}

/*============================================================*/
/* List Styles */

ul.listMain {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0 0 20px 40px;
}
ul.listMain li {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0 0 0 25px;
}
ul.listMain li:before {
    display: inline-block;
    position: absolute;
    top: 7px;
    left: -25px;
    width: 11px;
    height: 11px;
    background: #872173;
    content: "";
}
ul.listMain ul {
    padding-left: 25px;
}
ul.listMain p {
    margin: 0 0 15px 0;
}

ul.listNoBull {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0 0 12px 40px;
}
ul.listNoBull li {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0 0 0 25px;
}
ul.listNoBull ul {
    padding-left: 25px;
}
ul.listNoBull p {
    margin: 0 0 15px 0;
}

ul.resourceList {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0px;
}
ul.resourceList li {
    position: relative;
    list-style: none;
    margin: 0;
}


/*============================================================*/
/* Tab Block */

.tabBlock {
    margin: 30px 0 20px 0;
}

.tabBlock .nav-tabs {
    margin-bottom: 0;
}

.tabBlock .nav-tabs > li > a {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #259A86;
    border-width: 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}
.tabBlock .nav-tabs > li > a:hover,
.tabBlock .nav-tabs > li > a:focus {
    color: #FFFFFF;
    background: #43A191;
}

.tabBlock .nav-tabs > li.active > a,
.tabBlock .nav-tabs > li.active > a:hover,
.tabBlock .nav-tabs > li.active > a:focus {
    color: #FFFFFF;
    background: #1D7B6B;
    border-width: 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}

.tabBlock .nav-tabs > li.active a:after,
.tabPaneHeader.open:after {
    position: absolute;
    top: 100%;
    left: 50%;
    display: block;
    border-style: solid;
    border-color: #1D7B6B transparent transparent transparent;
    border-width: 12px 12px 0 12px;
    content: " ";
    margin-left: -12px;
}

.tabPaneHeader {
    position: relative;
    display: block;
    width: 100%;
    text-decoration: none;
    color: #FFFFFF;
    background: #259A86;
    border-bottom: 1px solid #2AAC97;
    padding: 15px;
    margin: 0;
}
.tabPaneHeader:hover,
.tabPaneHeader:focus {
    color: #FFFFFF;
    background: #43A191;
    text-decoration: none;
}
.tabPaneHeader.open {
    color: #FFFFFF;
    background: #1D7B6B;
    border-bottom: 0;
}

.tabPaneHeader h3 {
    font-size: 20px;
    color: #FFFFFF;
    margin: 0;
}
.tabPaneHeader .caret {
    position: absolute;
    top: 50%;
    right: 15px;
    border-color: #FFFFFF transparent transparent transparent;
    border-width: 8px 8px 0 8px;
    margin-top: -4px;
}
.tabPaneHeader.open .caret {
    border-color: transparent transparent #FFFFFF transparent;
    border-width: 0 8px 8px 8px;
}

.tabPaneCollapse:after {
  clear: both;
}

.tabPaneContent {
    border: 3px solid #1D7B6B;
    border-top: 0;
    padding: 20px 15px 15px 15px;
}
.tabPaneContent .grid {
    margin: 0;
}
.tabBlock .grid-vr .col-md-12,
.tabBlock .grid-vr .col-md-11,
.tabBlock .grid-vr .col-md-10,
.tabBlock .grid-vr .col-md-9,
.tabBlock .grid-vr .col-md-8,
.tabBlock .grid-vr .col-md-7,
.tabBlock .grid-vr .col-md-6,
.tabBlock .grid-vr .col-md-5,
.tabBlock .grid-vr .col-md-4,
.tabBlock .grid-vr .col-md-3,
.tabBlock .grid-vr .col-md-2,
.tabBlock .grid-vr .col-md-1 {
    border-color: #1D7B6B;
}

.tabBlock h4 {
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #1D7B6B;
}
.tabBlock h4:first-child {
    margin-top: 0;
}

@media (max-width: 991px) {
    .tabBlock .tab-pane {
        display: block;
        visibility: visible;
    }
}

@media (min-width: 992px) {
    .tabBlock .nav-tabs > li {
        border-left: 1px solid #1D7B6B;
    }
    .tabBlock .nav-tabs > li:first-child {
        border-left: 0;
    }
    .tabPaneHeader {
        display: none;
    }
    .tabPaneCollapse {
        display: inherit;
        visibility: inherit;
    }
}

/*============================================================*/
/* Grid 'Tables' */

.gridTable {
    background: #F5F5F5;
    border-bottom: 2px solid #AD1C5D;
    margin: 30px 0 20px 0;
}

.gridTableHeader {
    background-color: #AD1C5D;
    color: #FFFFFF;
    padding: 15px;
}

.gridTableHeader h3 {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    color: #FFFFFF;
    margin: 0;
}

.gridTableHeader p {
    color: #FFFFFF;
    padding-top: 10px;
    margin-bottom: 0;
}
/*
.gridTableContent {
    padding: 0 15px;
}
.gridTableContent .grid {
    margin-right: -15px;
    margin-left: -15px;
}
*/
.gridTable > .grid {
    margin-bottom: 0;
}

.gridTable > .grid-vr .col-md-1,
.gridTable > .grid-vr .col-md-2,
.gridTable > .grid-vr .col-md-3,
.gridTable > .grid-vr .col-md-4,
.gridTable > .grid-vr .col-md-5,
.gridTable > .grid-vr .col-md-6,
.gridTable > .grid-vr .col-md-7,
.gridTable > .grid-vr .col-md-8,
.gridTable > .grid-vr .col-md-9,
.gridTable > .grid-vr .col-md-10,
.gridTable > .grid-vr .col-md-11,
.gridTable > .grid-vr .col-md-12 {
    border-left: 0;
}

.gridTable > .grid .gridTableHeader {
    margin-right: -15px;
    margin-left: -15px;
}
.gridTable > .grid .gridTableContent {
    padding: 0 15px;
    margin: 15px -15px;
}
.gridTable > .grid-vr .gridTableContent {
    border-left: 2px solid #AD1C5D;
}
.gridTable > .grid-vr .col-md-1:first-child .gridTableContent,
.gridTable > .grid-vr .col-md-2:first-child .gridTableContent,
.gridTable > .grid-vr .col-md-3:first-child .gridTableContent,
.gridTable > .grid-vr .col-md-4:first-child .gridTableContent,
.gridTable > .grid-vr .col-md-5:first-child .gridTableContent,
.gridTable > .grid-vr .col-md-6:first-child .gridTableContent,
.gridTable > .grid-vr .col-md-7:first-child .gridTableContent,
.gridTable > .grid-vr .col-md-8:first-child .gridTableContent,
.gridTable > .grid-vr .col-md-9:first-child .gridTableContent,
.gridTable > .grid-vr .col-md-10:first-child .gridTableContent,
.gridTable > .grid-vr .col-md-11:first-child .gridTableContent,
.gridTable > .grid-vr .col-md-12:first-child .gridTableContent {
    border-left: 0;
}

.gridTableContent > .grid-hr:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.gridTable > .grid-vr.grid-hr {
    padding-bottom: 0;
}

@media (max-width: 991px) {
    .gridTable > .grid-vr .gridTableContent {
        border-left: 0;
    }
}

@media (min-width: 992px) {
    .gridTableContent h4:first-child {
        margin-top: 0;
    }
}

/*============================================================*/
/* Scenario */

.scenario {
    clear: both;
    margin-top: 30px;
    margin-bottom: 20px;
}

.scenarioBox {
    position: relative;
    background: #EEEEEE;
    padding: 160px 50px 15px 50px;
}

.scenarioIcon {
    position: absolute;
    top: 30px;
    left: 50%;
    display: inline-block;
    background: transparent url("../img/icons/scenario.png") 0 0 no-repeat;
    width: 108px;
    height: 100px;
    margin-left: -54px;
}
.scenarioSolutionIcon { background-position: -108px 0; }
.scenarioSolution:hover:not(.active) .scenarioSolutionIcon,
.scenarioSolution:focus:not(.active) .scenarioSolutionIcon { background-position: -216px 0; }
.scenarioSolution.active .scenarioSolutionIcon { background-position: -324px 0; }

.scenario h3 {
    display: block;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    color: #6C6C6C;
    margin: 0 0 20px 0;
}

a.scenarioAction {
    display: block;
    color: #31766A;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
}

.scenarioSolution:hover:not(.active) h3,
.scenarioSolution:focus:not(.active) H3 {
    color: #31766A;
}
.scenarioSolution:hover:not(.active) a.scenarioAction,
.scenarioSolution:focus:not(.active) a.scenarioAction,
.scenarioSolution a:hover.scenarioAction,
.scenarioSolution a:focus.scenarioAction {
    color: #000000;
    outline: 0;
}

.scenarioSolution { cursor: pointer; }
.scenarioSolution .scenarioSolutionActive   { display: none;  }
.scenarioSolution .scenarioSolutionInactive { display: block; }

.scenarioSolution.active { cursor: default; }
.scenarioSolution.active .scenarioSolutionActive   { display: block; }
.scenarioSolution.active .scenarioSolutionInactive { display: none;  }

/*============================================================*/
/* Home - Sections */

.homeSections {
    color: #767676;
    background: #F1F1F1;
    padding: 20px 0 0 0;
}

.homeSections a {
    text-decoration: none;
    color: inherit !important;
}
.homeSections a:hover,
.homeSections a:focus {
    text-decoration: none;
}
.homeSections a:hover h2,
.homeSections a:focus h2 {
    text-decoration: underline;
}

.homeSections h2 {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #259A86;
    margin-top: 0;
}

.homeSections .section {
    position: relative;
    display: table;
    background: #FFFFFF;
    min-width: 100%;
    padding: 20px;
    margin: 0 -15px 20px -15px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.homeSections .section:hover:after,
.homeSections .section:focus:after {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    z-index: 0;
    display: block;
    border: 5px solid #259A86;
    content: " ";
}
.homeSections .section-1:hover:after,
.homeSections .section-1:focus:after {
    display: none;
}
@media (max-width: 599px) {
    .homeSections .section:hover:after,
    .homeSections .section:focus:after {
        right: 0;
        left: 0;
    }
}

.homeSections .sectionInner {
    display: table-cell;
    min-width: 100%;
    min-height: 100%;
    vertical-align: middle;
}
.homeSections .sectionImg {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 300px;
    height: 245px;
    background-color: transparent;
    background-position: top left;
    background-repeat: no-repeat;
}
.homeSections .sectionImg:after {
    position: absolute;
    display: block;
    border-style: solid;
    content: " ";
}
.homeSections .section-2 .sectionImg { background-image: url("../img/bg/home_2.jpg"); }
.homeSections .section-3 .sectionImg { background-image: url("../img/bg/home_3.jpg"); }
.homeSections .section-4 .sectionImg { background-image: url("../img/bg/home_7.jpg"); }
.homeSections .section-5 .sectionImg { background-image: url("../img/bg/home_5.jpg"); }
.homeSections .section-6 .sectionImg { background-image: url("../img/bg/home_6.jpg"); }

.homeSections .section-0 {
    color: #FFFFFF !important;
    background-color: #A42364;
    font-size: 18px;
    line-height: 1.5;
}
.homeSections .section-0 .sectionInner {
    display: block;
}
.homeSections .section-0 .media-body {
    color: #FFFFFF !important;
    font-weight: bold;
}
.homeSections .section-0:hover .media-body,
.homeSections .section-0:focus .media-body {
    text-decoration: underline;
}
.homeSections .section-0 .media {
    margin-top: 30px;
    min-height: 41px;
}
.homeSections .section-0 .whhg-chevron-right {
    font-size: 20px;
    border: 4px solid #FFFFFF;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    text-align: center;
    padding-top: 1px;
    padding-left: 3px;
}
.homeSections .section-1 {
    background-color: #6D6D6D;
    padding: 0;
}
.homeSections .section-1 .multimedia {
    margin-bottom: 0;
}
.homeSections .section-1 a {
    color: #D4F8F2 !important;
    text-decoration: underline;
}
.homeSections .section-1 a:hover,
.homeSections .section-1 a:focus {
    color: #FFFFFF !important;
    text-decoration: underline;
}

@media (min-width: 600px) {
     .homeSections .section {
        height: 245px;
        margin-right: 0;
        margin-left: 0;
    }
    .homeSections .sectionImg {
        display: block;
    }
}

@media (min-width: 600px) and (max-width: 991px) {
    .homeSections .section-2,
    .homeSections .section-4,
    .homeSections .section-6 {
        padding-left: 340px;
    }
    .homeSections .section-3,
    .homeSections .section-5 {
        padding-right: 340px;
    }
    .homeSections .sectionImg {
        width: 300px;
    }
    .homeSections .section-3 .sectionImg,
    .homeSections .section-5 .sectionImg {
        left: auto;
        right: 0;
    }
    .homeSections .section-2 .sectionImg:after,
    .homeSections .section-4 .sectionImg:after,
    .homeSections .section-6 .sectionImg:after {
        top: 50%;
        right: -20px;
        border-color: transparent transparent transparent #B7B7B7;
        border-width: 20px 0 20px 20px;
        margin-top: -20px;
    }
    .homeSections .section-3 .sectionImg:after,
    .homeSections .section-5 .sectionImg:after {
        top: 50%;
        left: -20px;
        border-color: transparent #B7B7B7 transparent transparent;
        border-width: 20px 20px 20px 0;
        margin-top: -20px;
    }
}

@media (min-width: 992px) {
    .homeSections .container {
        position: relative;
        width: 940px;
        height: 990px;
        margin: 0 auto;
    }
    .homeSections .section {
        display: run-in;
        position: absolute;
        height: auto;
        min-width: 0;
    }
    .homeSections .section-0 {
        top: 0;
        left: 640px;
        width: 300px;
        height: 425px;
    }
    .homeSections .section-1 {
        top: 0;
        left: 0;
        width: 620px;
        height: 440px;
    }
    .homeSections .section-2 {
        top: 460px;
        left: 0;
        width: 620px;
        height: 245px;
        padding-left: 340px;
    }
    .homeSections .section-3 {
        top: 725px;
        left: 0;
        width: 620px;
        height: 245px;
        padding-right: 340px;
    }
    .homeSections .section-4 {
        top: 445px;
        left: 640px;
        width: 300px;
        height: 510px;
        padding-top: 285px;
    }
    .homeSections .section-5 {
        top: 795px;
        left: 320px;
        width: 620px;
        height: 245px;
    }
    .homeSections .section-0 .sectionImg,
    .homeSections .section-1 .sectionImg,
    .homeSections .section-3 .sectionImg {
        width: 300px;
    }
    .homeSections .section-2 .sectionImg,
    .homeSections .section-4 .sectionImg {
        height: 245px;
    }
    .homeSections .section-1 .sectionImg,
    .homeSections .section-3 .sectionImg {
        left: auto;
        right: 0;
        width: 300px;
    }
    .homeSections .section-2 .sectionImg:after {
        top: 50%;
        right: -20px;
        border-color: transparent transparent transparent #B7B7B7;
        border-width: 20px 0 20px 20px;
        margin-top: -20px;
    }
    .homeSections .section-3 .sectionImg:after {
        top: 50%;
        left: -20px;
        border-color: transparent #B7B7B7 transparent transparent;
        border-width: 20px 20px 20px 0;
        margin-top: -20px;
    }
    .homeSections .section-4 .sectionImg:after {
        left: 50%;
        bottom: -20px;
        border-color: #B7B7B7 transparent transparent transparent;
        border-width: 20px 20px 0 20px;
        margin-left: -20px;
    }
}

/*============================================================*/
/* Home - Intro */

.homeIntro {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 19px;
    color: #6E6E6E;
    background: #F1F1F1;
    padding: 10px 0 30px 0;
}
.homeIntro h2 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 35px;
    font-weight: normal;
    line-height: 1.4;
    text-transform: none;
    text-align: center;
    color: #6E6E6E;
    margin-bottom: 30px;
}
.homeIntro p {
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .homeIntro .container {
        padding: 0 50px;
    }
    .homeIntro h2 .break {
        display: block;
    }
}
@media (min-width: 992px) {
    .homeIntro .container {
        padding: 0 100px;
    }
}

/*============================================================*/
/* Home - UDL Principles */

.homeUDL {
    position: relative;
    width: 100%;
    color: #FFFFFF;
    background: #B02664;
    text-align: center;
}

.homeUDL:before {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 50%;
    bottom: 0;
    background: #D32B67;
    content: "";
}

.homeUDL .container {
    position: relative;
    padding: 10px 15px 40px 15px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNzYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNCMDI2NjQiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNEMzJCNjciIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czNzYpIiAvPgo8L3N2Zz4=");
    background-image: -webkit-gradient(linear, left 0%, right 100%, from(#B02664), to(#D32B67));
    background-image: -webkit-linear-gradient(left, #B02664 0%, #D32B67 100%);
    background-image: -moz-linear-gradient(left, #B02664 0%, #D32B67 100%);
    background-image: linear-gradient(to right, #B02664 0%, #D32B67 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B02664', endColorstr='#D32B67',GradientType=1)";
}

.homeUDL h2 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 35px;
    font-weight: normal;
    line-height: 1.4;
    text-transform: none;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.homeUDL h3 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 25px;
    font-weight: normal;
    line-height: 1.4;
    text-transform: none;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .homeUDL {
        text-align: left;
    }
}
@media (min-width: 768px) {
    .homeUDL .container {
        padding: 10px 50px 40px 50px;
    }
    .homeUDL h2 .break {
        display: block;
    }
}
@media (min-width: 992px) {
    .homeUDL .container {
        padding: 10px 15px 40px 15px;
    }
    .homeUDL .col-md-4 {
        padding-right: 20px;
        padding-left: 20px;
    }
}

/*============================================================*/
/* Landing Page */

.landSections {
    color: inherit;
}

.landSections h3 a {
    /* color: inherit !important; */
    color: #43A191;
    text-decoration: none;
}
.landSections h3 a:hover,
.landSections h3 a:focus {
    color: #43A191;
    text-decoration: underline;
}

.landSections h3 {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #43A191;
    /* border-top: 2px solid #259A86; */
    padding-top: 10px;
}

.landSections > .row > div {
    position: relative;
    padding-left: 50px;
}
.landSections > .row > div:before {
    position: absolute;
    display: block;
    top: 47px;
    left: 15px;
    width: 21px;
    height: 21px;
    background-image: url("../img/bg/arrow.png");
    content: " ";
}
@media (max-width: 991px) {
    .landSections > .row > div:before {
        top: 12px;
    }
}

/*============================================================*/
/* Sub-landing items */

.subLanding {
    padding-left: 75px;
    background-position: left top;
    background-repeat: no-repeat;
}

.subLanding h3 a {
    /* color: inherit !important; */
    color: #43A191;
    text-decoration: none;
}
.subLanding h3 a:hover,
.subLanding h3 a:focus {
    color: #43A191;
    text-decoration: underline;
}

.subLanding h3 {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #43A191;
    padding-top: 20px;
}

.subLanding.icon-addresschal { background-image: url("../img/bg/icon-addresschal.png"); }
.subLanding.icon-creating    { background-image: url("../img/bg/icon-creating.png");    }
.subLanding.icon-epub        { background-image: url("../img/bg/icon-epub.png");        }
.subLanding.icon-selecting   { background-image: url("../img/bg/icon-selecting.png");   }
.subLanding.icon-web         { background-image: url("../img/bg/icon-web.png");         }
.subLanding.icon-transcript  { background-image: url("../img/bg/icon-transcript.png");  }
.subLanding.icon-captions    { background-image: url("../img/bg/icon-captions.png");    }
.subLanding.icon-audiodes    { background-image: url("../img/bg/icon-audiodes.png");    }
.subLanding.icon-video       { background-image: url("../img/bg/icon-video.png");       }
.subLanding.icon-text        { background-image: url("../img/bg/icon-text.png");        }
.subLanding.icon-image       { background-image: url("../img/bg/icon-image.png");       }
.subLanding.icon-audio       { background-image: url("../img/bg/icon-audio.png");       }

/*============================================================*/
/* Glossary */

.glossaryWord {
    /* font-weight: bold; */
    border-bottom: 1px dotted #1D7A6B;
    text-decoration: none !important;
}
.glossaryWord:hover,
.glossaryWord:focus {
    border-color: #000000;
}

.gridTableHeader .glossaryWord {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.glossaryJump {
    list-style: none;
    padding: 0;
    margin: -7px 0 20px 0;
}
.glossaryJump:before,
.glossaryJump:after {
  display: table;
  content: " ";
}
.glossaryJump:after {
  clear: both;
}
.glossaryJump li {
    float: left;
    display: inline-block;
}
.glossaryJump a {
    display: block;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 6px;
}
/*
.glossaryJump a:hover,
.glossaryJump a.focus {
    text-decoration: underline;
}
*/

.glossaryJump .empty a {
    color: #BBBBBB;
    cursor: default;
}

@media (max-width: 991px) {
    .glossaryJump {
        display: table;
        margin-right: auto;
        margin-left: auto;
    }
}
@media (max-width: 750px) {
    .glossaryJump {
        width: 75%;
        text-align: center;
    }
    .glossaryJump li {
        float: none;
    }
}
@media (max-width: 500px) {
    .glossaryJump {
        width: 100%;
    }
}

.glossarySide,
.glossarySide ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.glossarySide > li {
    margin: 0 0 20px 0;
}

.glossarySide a {
    color: #767676;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.glossarySide .active,
.glossarySide .active a {
    color: #000000;
    display: block;
}

.glossarySide a:hover,
.glossarySide a:focus {
    color: #000000;
    text-decoration: none;
}

.glossarySideToggle {
    display: inline-block;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    color: #1D7A6B;
    padding: 0;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.glossarySideToggle .whhg-chevron-up,
.glossarySideToggle .whhg-chevron-down {
    top: 0;
    font-size: 24px;
    vertical-align: middle;
    margin: 0 2px 0 0;
}
.glossarySideToggle .whhg-chevron-up {
    display: none;
}
.glossarySideToggle.open .whhg-chevron-down { display: none; }
.glossarySideToggle.open .whhg-chevron-up { display: inline; }

.glossarySideToggleText {
    vertical-align: middle;
}
.glossarySideToggle:hover,
.glossarySideToggle:focus {
    color: #00000;
    text-decoration: none;
}

@media (max-width: 991px) {
    .glossarySide {
        width: 212.5px;
        position: absolute;
        background: #FFFFFF;
        border: 1px solid #000000;
        padding: 5px 15px;
        margin-top: -15px;
        z-index: 1;
    }
    .glossarySide > li {
        display: inline-block;
        width: 100%;
    }
}

@media (min-width: 510px) and (max-width: 767px) {
    .glossarySide {
        width: 467px;
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
    }
}

@media (min-width: 767px) and (max-width: 991px) {
    .glossarySide {
        width: 699px;
        -moz-column-count: 3;
        -moz-column-gap: 20px;
        -webkit-column-count: 3;
        -webkit-column-gap: 20px;
        column-count: 3;
        column-gap: 20px;
    }
}

@media (min-width: 992px) {
    .glossarySideToggle {
        display: none;
    }
    .glossarySide {
        display: block;
    }
}

/*============================================================*/
/* Popovers  */

.popoverGlossaryLink {
    font-size: 14px;
    font-weight: bold;
}

.popoverGlossary {
}
.popoverLD {
    max-width: 600px;
}

@media (max-width: 490px) {
    .popover-open {
        overflow: hidden;
    }
    .popover-open .header {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        -webkit-backface-visibility: hidden !important;
    }
    .popover {
        position: fixed;
        top: 60px !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        border: 0;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
        -webkit-box-shadow: none;
                box-shadow: none;
        -webkit-backface-visibility: hidden;
    }
    .popover .arrow {
        display: none;
    }
    .popover .close {
        position: absolute;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        display: table-cell;
        width: 100%;
        height: 40px;
        font-size: 0;
        color: #FFFFFF;
        background: #259A86;
        text-align: center;
        padding: 13px;
        opacity: 1;
        text-shadow: none;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    /*
    .popover .close .sr-only {
        position: static;
        font-size: 14px;
        font-weight: bold;
        overflow: auto;
        clip: auto;
    }
    */
    .popover .close:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        line-height: 1;
        margin-top: 13px;
        color: #FFFFFF;
        text-align: center;
        content: 'close';
    }
    .popover .close:hover,
    .popover .close:focus {
        color: #259A86;
        background: #CCCCCC;
        opacity: 1;
    }
    .popover .popover-content {
        position: fixed;
        top: 96px;
        bottom: 0;
        margin-bottom: 40px;
        overflow: hidden;
        overflow-y: auto;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-backface-visibility: hidden;
    }
}

/*============================================================*/
/* Modals */

.modalZoom {
    width: 95%;
}
.modalZoom .close {
    margin-top: 10px;
    margin-right: 15px;
}
.modalZoom .modal-body {
    margin-top: 40px;
    padding-top: 0px;
}
.modalZoom img + p {
    margin-top: 5px;
}

/*============================================================*/
/* Misc */

.topLink {
    display: inline-block;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1;
}

.topLink .whhg-circleup {
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    margin: -3px 0 0 3px;
}

.topLink a {
    display: inline-block;
    color: #C3C3C3;
    background: #424242;
    text-decoration: none;
    padding: 5px 5px 5px 7px;
    border-radius: 8px 8px 0 0;
}
.topLink a:hover,
.topLink a:focus {
    color: #FFFFFF;
}

.topLink.affix-top,
.topLink.affix {
    position: fixed;
    bottom: 0;
    -webkit-backface-visibility: hidden;
}
.topLink.affix-top {
    visibility: hidden;
}
.topLink.affix-bottom {
    position: absolute;
}

.media-udl {
    margin-bottom: 20px;
}
.text-udl-expression {
    color: #0070A1;
    font-weight: bold;
}
.text-udl-representation {
    color: #6E4F95 ;
    font-weight: bold;
}
.text-udl-engagement {
    color: #2E7443;
    font-weight: bold;
}

/*============================================================*/
.widgetbox [class*="whhg-"] {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     display: inline-block;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}
.widgetbox:hover [class*="whhg-"] {
	color: #24a159 !important;
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
}