/*==================================================
                        RESET CSS 
===================================================*/

html,
body,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

html {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 62.5%;
    /*Rem utility*/
    -webkit-text-size-adjust: none;
    /*Reset for text adjustemt on iphone*/
}

body {
    overflow-x: hidden;
    font-size: 1.6rem;
    color: #535353;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
}

.ul_reset ol,
.ul_reset ul,
.slick-dots,
.module_error-container ul,
.module_message--error ul,
.module_error-container ol,
.module_speakers ul,
.module_speakers ol,
.nav--sitemap ul,
.nav--sitemap ol,
.layout_footer ol,
.layout_footer ul,
.layout_header ol,
.layout_header ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul,
ol {
    list-style: disc;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

strong {
    font-weight: bold;
}

small {
    color: #999;
    font-size: 10px;
    line-height: 12px;
}

em {
    font-style: italic;
}


/*==================================================
                        ANIMATIONS 
===================================================*/

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


/*==================================================
                        TYPOGRAPHY 
===================================================*/

h1,
h2,
h3 {
    color: #033764;
    text-transform: uppercase;
}

h1 {
    font-size: 3.6rem;
    margin-bottom: 2rem;
    line-height: 3.6rem;
}

@media only screen and (max-width: 480px) {
    h1 {
        font-size: 2.7rem;
        line-height: 2.7rem;
    }
}

h2 {
    font-size: 2.4rem;
    margin-bottom: 2.5rem;
    color: #033764;
}

@media only screen and (max-width: 480px) {
    h2 {
        font-size: 1.8rem;
    }
}

h3 {
    font-size: 1.6rem;
    margin-bottom: 2rem;
}

h4 {
    font-size: 1.6rem;
    margin-bottom: 1rem;
}

h5 {
    font-size: 12.8rem;
    margin-bottom: 0.8rem;
}

a {
    text-decoration: none;
    color: #e59f2a;
    word-break: break-word;
    transition: all 0.3s ease-in-out;
}

a:hover {
    color: #033764;
}

p {
    line-height: 1.5;
    margin: 15px 0px;
}

@media only screen and (max-width: 480px) {
    p {
        font-size: 1.4rem;
    }
}

i {
    display: inline-block;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

sub {
    vertical-align: sub;
    font-size: 0.8rem;
}

sup {
    vertical-align: super;
    font-size: 0.8rem;
}


/*==================================================
                        INPUTS 
===================================================*/

img {
    max-width: 100%;
}

input[type="checkbox"] {
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 18px;
    width: 18px;
    margin: 0 10px 0 0;
    border: 1px solid;
    border-color: #abb9c5;
    vertical-align: baseline;
    cursor: pointer;
}

input[type="checkbox"]:checked {
    border: 1px solid;
}

input[type="checkbox"]:focus {
    outline: none;
}

input[type="radio"] {
    margin: 0 5px 0 0;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
    display: inline-block;
    cursor: pointer;
    line-height: 0.1;
    font-size: 1.4rem;
}

input::-ms-clear {
    display: none;
}


/*::-webkit-input-placeholder {
   color: #444; 
   opacity: 0.5; 
}

:-moz-placeholder {
   color: #444; 
   opacity: 0.5; 
}
::-moz-placeholder{
   color: #444; 
   opacity: 0.5; 
}
:-ms-input-placeholder {
   color: #444; 
   opacity: 0.5; 
}*/


/*CUSTOM INPUT STYLE*/

input[type='checkbox'] {
    display: none;
}

input[type='checkbox']:focus,
input[type='checkbox']:active {
    outline: none;
}

input[type='checkbox'] + label {
    position: relative;
    display: inline-block;
    transition: 0.3s all ease-in-out;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    padding-left: 30px;
}

input[type='checkbox'] + label:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: transparent;
    border: 1px solid #abb9c5;
    margin-right: 10px;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

input[type='checkbox']:checked + label:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 5px;
    padding: 4px;
    background-color: #e59f2a;
    transform: translateY(-50%);
}

iframe {
    width: 100%;
}


/*==================================================
                        HACKS AND FIXES 
===================================================*/

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}


/*Fix for icons resolution*/

i {
    font-family: 'q4-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/*Calendar Ui*/

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: initial;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    cursor: pointer;
}


/*==================================================
                           LISTS 
===================================================*/

.list {
    margin: 16px 0;
    padding-left: 2rem;
    list-style-type: disc;
}

.list li {
    line-height: 2.4rem;
    line-height: 1.5rem;
}

.list--ordered {
    list-style-type: decimal;
}

.list--alpha {
    list-style-type: lower-alpha;
}

.list--roman {
    list-style-type: lower-roman;
}

.list--inside {
    list-style-position: inside;
}


/*==================================================
                   BUTTONS / INPUTS 
===================================================*/

.input,
.upload,
.submit {
    display: inline-block;
    max-width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    padding: 20px 20px;
    border: 1px solid #abb9c5;
    font-family: inherit;
}

.input:hover,
.textarea:hover {
    color: #e59f2a;
}

.input::-ms-clear,
.textarea::-ms-clear,
.dropdown::-ms-clear,
.upload::-ms-clear,
.submit::-ms-clear,
.button::-ms-clear {
    display: none;
}

.submit,
.button,
.upload,
.dropdown {
    cursor: pointer;
}

.submit,
.button {
    text-transform: uppercase;
}

.textarea {
    width: 100%;
    resize: vertical;
}

.upload {
    line-height: 0;
}

.button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 1.4rem;
    font-family: 'Lato', sans-serif;
    padding: 18px 30px;
    font-weight: 400;
    display: inline;
    color: #fff;
    background-color: #033764;
    transition: 0.3s all ease-in-out;
    display: inline-block;
    border: none;
}

.button:hover {
    background: #e59f2a;
    color: #fff;
}

.button--inverted {
    background: transparent;
    color: #e59f2a;
    border: 1px solid #e59f2a;
    transition: 0.3s all ease-in-out;
    padding: 18px 30px;
    display: inline-block;
}

.button--inverted:hover {
    background: #e59f2a;
    color: #fff;
}

.button--dark {
    border: 2px solid #fff;
    color: #fff;
}

.button--dark:hover {
    background: #fff;
    color: #222;
}

.dropdown {
    padding: 16px 50px 16px 20px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent url(../design/svg/arrow-down.svg) no-repeat right 10px center;
    border: 1px solid #abb9c5;
    color: #033764;
    font-size: 1.6rem;
    font-family: inherit;
}

.dropdown > option {
    text-align: center;
}

.dropdown:focus {
    /*background: transparent url("../design/svg/arrow-up.png") no-repeat right 10px center;*/
    color: #e59f2a;
    border-radius: 4px;
}

.dropdown::-ms-expand {
    display: none;
}


/*==================================================
                          TABLES
===================================================*/

.table {
    width: 100%;
    margin: 16px 0;
    border-collapse: collapse;
}

.table thead th {
    text-align: left;
    font-weight: 700;
}

.table tr {
    border: 1px solid #b3c3d1;
    border-left: 0;
    border-right: 0;
}

.table th:first-child, 
.table td:first-child {
    border-left: 1px solid #b3c3d1;
}

.table th:last-child,
.table td:last-child {
    border-right: 1px solid #b3c3d1;
}

.table th,
.table td,
.table tr > .grid_col {
    margin: 0;
    padding: 15px 20px;
}

.table th {
    color: #033764;
}

.table thead th:first-child {
    border-radius: 3px 0 0px 3px;
}

.table thead th:last-child {
    border-radius: 0 3px 3px 0;
}

.table--headless tr:nth-child(even) {
    background-color: transparent;
}

.table--headless tr:first-child {
    text-align: left;
}

.table--headless tr:first-child td {
    color: #033764;
    font-weight: 900;
    font-size: 1.6rem;
}

@media only screen and (max-width: 1200px) {
    .table--wrapper {
        overflow: auto;
    }
}

@media only screen and (max-width: 480px) {
    .table--responsive thead {
        display: none;
    }
    .table--responsive tbody {
        border-top: 2px solid #b3c3d1;
        border-bottom: 2px solid #b3c3d1;
    }
    .table--responsive td {
        display: block;
    }
    .table--responsive td:before {
        content: attr(data-heading) ": ";
        font-weight: bold;
    }
}


/*==================================================
                      SPECIAL BOXES
===================================================*/

.code {
    margin: 32px 0;
    padding: 20px 15px;
    background: #f6f6f6;
    border-left: 3px solid rgba(0, 111, 186, 0.5);
    font-family: monospace, serif;
    font-size: 14px;
    font-size: 0.875rem;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    overflow: hidden;
}

.code_comment {
    opacity: 0.5;
}

.quote {
    margin: 32px 0;
    padding: 20px 15px;
    background: #f6f6f6;
    border-left: 3px solid rgba(241, 175, 15, 0.5);
    font-size: 14px;
    font-size: 0.875rem;
    font-style: italic;
}

.quote p:before {
    margin-right: 5px;
    font-family: "q4-icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\eb1b";
}

.quote p:after {
    margin-left: 5px;
    font-family: "q4-icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\eb1c";
}


/*==================================
 -------- Q4 Modules Icons ---------
==================================*/

.module_q4-icon-links .module_link:before {
    font-family: "q4-icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e9bb";
    font-size: 16px;
    vertical-align: middle;
    display: inline-block;
    padding-right: 5px;
}

.module_q4-icon-links .module_add-to-calendar-reveal:before {
    content: "\e910";
    padding-right: 5px;
}

.module_q4-icon-links .module_link[href$=".mp3"]:before,
.module_q4-icon-links .module_link[href$=".wmv"]:before,
.module_q4-icon-links .module_link[href$=".MP3"]:before,
.module_q4-icon-links .module_link[href$=".WMV"]:before {
    content: "\e9b1";
}

.module_q4-icon-links .module_link[href$=".xls"]:before,
.module_q4-icon-links .module_link[href$=".csv"]:before,
.module_q4-icon-links .module_link[href$=".XLS"]:before,
.module_q4-icon-links .module_link[href$=".CSV"]:before {
    content: "\eeae";
}

.module_q4-icon-links .module_link[href$=".mp4"]:before,
.module_q4-icon-links .module_link[href$=".flv"]:before,
.module_q4-icon-links .module_link[href$=".avi"]:before,
.module_q4-icon-links .module_link[href$=".MP4"]:before,
.module_q4-icon-links .module_link[href$=".FLV"]:before,
.module_q4-icon-links .module_link[href$=".AVI"]:before {
    content: "\e9b3";
}

.module_q4-icon-links .module_link[href$=".pdf"]:before,
.module_q4-icon-links .module_link[href$=".PDF"]:before {
    content: "\ef3e";
}

.module_q4-icon-links .module_link.module_link-webcast:before,
.module_q4-icon-links .module_webcast-link:before {
    content: "\e90f";
}

.module_q4-icon-links .module_link.module_link-news:before,
.module_q4-icon-links .module_link.module_link-transcript:before {
    content: "\ef3e";
}

.module_q4-icon-links .module_link.module_link-presentation:before {
    content: "\ef3e";
}

.module_q4-icon-links .module_link.module_link-file:before {
    content: "\ef3e";
}

.module_q4-icon-links .module_link.module_link-sec:before {
    content: "\e9bb";
}

.module_q4-icon-links .module_link.module_link-sec[href$=".pdf"]:before {
    content: "\ef3e";
}

.module_q4-icon-links .module_link.module_link-sec[href$=".rtf"]:before {
    content: "\ef40";
}

.module_q4-icon-links .module_link.module_link-sec[href$=".xls"]:before {
    content: "\ef41";
}

.module_q4-icon-links .module_link.module_link-sec[href$=".zip"]:before {
    content: "\e9b9";
}

.q4-icon_news:before {
    content: "\ef3e" !important;
}

.q4-icon_presentation:before {
    content: "\ef3e" !important;
}

.q4-icon_file:before {
    content: "\ef3e" !important;
}


/*==================================================
                      TOAST GRID
===================================================*/

.grid {
    list-style: none;
    margin-left: -20px;
}

.grid_col--1-of-1,
.grid_col--2-of-2,
.grid_col--3-of-3,
.grid_col--4-of-4,
.grid_col--5-of-5,
.grid_col--6-of-6,
.grid_col--8-of-8,
.grid_col--12-of-12 {
    width: 100%;
}

.grid_col--1-of-2,
.grid_col--2-of-4,
.grid_col--3-of-6,
.grid_col--4-of-8,
.grid_col--6-of-12 {
    width: 50%;
}

.grid_col--1-of-3,
.grid_col--2-of-6,
.grid_col--4-of-12 {
    width: 33.33333%;
}

.grid_col--2-of-3,
.grid_col--4-of-6,
.grid_col--8-of-12 {
    width: 66.66667%;
}

.grid_col--1-of-4,
.grid_col--2-of-8,
.grid_col--3-of-12 {
    width: 25%;
}

.grid_col--3-of-4,
.grid_col--6-of-8,
.grid_col--9-of-12 {
    width: 75%;
}

.grid_col--1-of-6 {
    width: 16.66667%
}

.grid_col--push-1-of-1,
.grid_col--push-2-of-2,
.grid_col--push-3-of-3,
.grid_col--push-4-of-4,
.grid_col--push-5-of-5,
.grid_col--push-6-of-6,
.grid_col--push-8-of-8,
.grid_col--push-12-of-12 {
    margin-left: 100%;
}

.grid_col--push-1-of-2,
.grid_col--push-2-of-4,
.grid_col--push-3-of-6,
.grid_col--push-4-of-8,
.grid_col--push-6-of-12 {
    margin-left: 50%;
}

.grid_col--push-1-of-3,
.grid_col--push-2-of-6,
.grid_col--push-4-of-12 {
    margin-left: 33.33333%;
}

.grid_col--push-2-of-3,
.grid_col--push-4-of-6,
.grid_col--push-8-of-12 {
    margin-left: 66.66667%;
}

.grid_col--push-1-of-4,
.grid_col--push-2-of-8,
.grid_col--push-3-of-12 {
    margin-left: 25%;
}

.grid_col--push-3-of-4,
.grid_col--push-6-of-8,
.grid_col--push-9-of-12 {
    margin-left: 75%;
}

.grid_col--pull-1-of-1,
.grid_col--pull-2-of-2,
.grid_col--pull-3-of-3,
.grid_col--pull-4-of-4,
.grid_col--pull-5-of-5,
.grid_col--pull-6-of-6,
.grid_col--pull-8-of-8,
.grid_col--pull-12-of-12 {
    margin-left: -100%;
}

.grid_col--pull-1-of-2,
.grid_col--pull-2-of-4,
.grid_col--pull-3-of-6,
.grid_col--pull-4-of-8,
.grid_col--pull-6-of-12 {
    margin-left: -50%;
}

.grid_col--pull-1-of-3,
.grid_col--pull-2-of-6,
.grid_col--pull-4-of-12 {
    margin-left: -33.33333%;
}

.grid_col--pull-2-of-3,
.grid_col--pull-4-of-6,
.grid_col--pull-8-of-12 {
    margin-left: -66.66667%;
}

.grid_col--pull-1-of-4,
.grid_col--pull-2-of-8,
.grid_col--pull-3-of-12 {
    margin-left: -25%;
}

.grid_col--pull-3-of-4,
.grid_col--pull-6-of-8,
.grid_col--pull-9-of-12 {
    margin-left: -75%;
}

.grid_col--1-of-5 {
    width: 20%;
}

.grid_col--push-1-of-5 {
    margin-left: 20%;
}

.grid_col--pull-1-of-5 {
    margin-left: -20%;
}

.grid_col--2-of-5 {
    width: 40%;
}

.grid_col--push-2-of-5 {
    margin-left: 40%;
}

.grid_col--pull-2-of-5 {
    margin-left: -40%;
}

.grid_col--3-of-5 {
    width: 60%;
}

.grid_col--push-3-of-5 {
    margin-left: 60%;
}

.grid_col--pull-3-of-5 {
    margin-left: -60%;
}

.grid_col--4-of-5 {
    width: 80%;
}

.grid_col--push-4-of-5 {
    margin-left: 80%;
}

.grid_col--pull-4-of-5 {
    margin-left: -80%;
}

.grid_col--1-of-6 {
    width: 16.66667%;
}

.grid_col--push-1-of-6 {
    margin-left: 16.66667%;
}

.grid_col--pull-1-of-6 {
    margin-left: -16.66667%;
}

.grid_col--5-of-6 {
    width: 83.33333%;
}

.grid_col--push-5-of-6 {
    margin-left: 83.33333%;
}

.grid_col--pull-5-of-6 {
    margin-left: -83.33333%;
}

.grid_col--1-of-8 {
    width: 12.5%;
}

.grid_col--push-1-of-8 {
    margin-left: 12.5%;
}

.grid_col--pull-1-of-8 {
    margin-left: -12.5%;
}

.grid_col--3-of-8 {
    width: 37.5%;
}

.grid_col--push-3-of-8 {
    margin-left: 37.5%;
}

.grid_col--pull-3-of-8 {
    margin-left: -37.5%;
}

.grid_col--5-of-8 {
    width: 62.5%;
}

.grid_col--push-5-of-8 {
    margin-left: 62.5%;
}

.grid_col--pull-5-of-8 {
    margin-left: -62.5%;
}

.grid_col--7-of-8 {
    width: 87.5%;
}

.grid_col--push-7-of-8 {
    margin-left: 87.5%;
}

.grid_col--pull-7-of-8 {
    margin-left: -87.5%;
}

.grid_col--1-of-12 {
    width: 8.33333%;
}

.grid_col--push-1-of-12 {
    margin-left: 8.33333%;
}

.grid_col--pull-1-of-12 {
    margin-left: -8.33333%;
}

.grid_col--2-of-12 {
    width: 16.66667%;
}

.grid_col--push-2-of-12 {
    margin-left: 16.66667%;
}

.grid_col--pull-2-of-12 {
    margin-left: -16.66667%;
}

.grid_col--5-of-12 {
    width: 41.66667%;
}

.grid_col--push-5-of-12 {
    margin-left: 41.66667%;
}

.grid_col--pull-5-of-12 {
    margin-left: -41.66667%;
}

.grid_col--7-of-12 {
    width: 58.33333%;
}

.grid_col--push-7-of-12 {
    margin-left: 58.33333%;
}

.grid_col--pull-7-of-12 {
    margin-left: -58.33333%;
}

.grid_col--10-of-12 {
    width: 83.33333%;
}

.grid_col--push-10-of-12 {
    margin-left: 83.33333%;
}

.grid_col--pull-10-of-12 {
    margin-left: -83.33333%;
}

.grid_col--11-of-12 {
    width: 91.66667%;
}

.grid_col--push-11-of-12 {
    margin-left: 91.66667%;
}

.grid_col--pull-11-of-12 {
    margin-left: -91.66667%;
}

.grid_col {
    box-sizing: border-box;
    display: inline-block;
    margin-right: -.25em;
    min-height: 1px;
    padding-left: 20px;
    vertical-align: top;
}

@media (max-width: 480px) {
    .grid_col {
        display: block;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}

@media (max-width: 1200px) and (min-width: 1024px) {
    .grid_col[class*="grid_col--lg-"] {
        display: inline-block;
        margin-right: -.24em;
    }
    .grid_col.grid_col--lg-1-of-1 {
        width: 100%;
    }
    .grid_col.grid_col--lg-1-of-2,
    .grid_col.grid_col--lg-2-of-4 {
        width: 50%;
    }
    .grid_col.grid_col--lg-1-of-3 {
        width: 33.33333%;
    }
    .grid_col.grid_col--lg-2-of-3 {
        width: 66.66667%;
    }
    .grid_col.grid_col--lg-1-of-4 {
        width: 25%;
    }
    .grid_col.grid_col--lg-3-of-4 {
        width: 75%;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .grid_col[class*="grid_col--lc-"] {
        display: inline-block;
        margin-right: -.24em;
    }
    .grid_col.grid_col--lc-1-of-1 {
        width: 100%;
    }
    .grid_col.grid_col--lc-1-of-2,
    .grid_col.grid_col--lc-2-of-4 {
        width: 50%;
    }
    .grid_col.grid_col--lc-1-of-3 {
        width: 33.33333%;
    }
    .grid_col.grid_col--lc-2-of-3 {
        width: 66.66667%;
    }
    .grid_col.grid_col--lc-1-of-4 {
        width: 25%;
    }
    .grid_col.grid_col--lc-3-of-4 {
        width: 75%;
    }
}

@media (max-width: 768px) and (min-width: 480px) {
    .grid_col[class*="grid_col--md-"] {
        display: inline-block;
        margin-right: -.24em;
    }
    .grid_col.grid_col--md-1-of-1 {
        width: 100%;
    }
    .grid_col.grid_col--md-1-of-2,
    .grid_col.grid_col--md-2-of-4 {
        width: 50%;
    }
    .grid_col.grid_col--md-1-of-3 {
        width: 33.33333%;
    }
    .grid_col.grid_col--md-2-of-3 {
        width: 66.66667%;
    }
    .grid_col.grid_col--md-1-of-4 {
        width: 25%;
    }
    .grid_col.grid_col--md-3-of-4 {
        width: 75%;
    }
}

@media (max-width: 480px) {
    .grid_col[class*="grid_col--sm-"] {
        display: inline-block;
        margin-right: -.24em;
    }
    .grid_col.grid_col--sm-1-of-2,
    .grid_col.grid_col--sm-2-of-4 {
        width: 50%;
    }
    .grid_col.grid_col--sm-1-of-3 {
        width: 33.33333%;
    }
    .grid_col.grid_col--sm-2-of-3 {
        width: 66.66667%;
    }
    .grid_col.grid_col--sm-1-of-4 {
        width: 25%;
    }
    .grid_col.grid_col--sm-3-of-4 {
        width: 75%;
    }
}

.grid_col--centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.grid_col--d-first {
    float: left;
}

.grid_col--d-last {
    float: right;
}

.grid--no-gutter {
    margin-left: 0;
}

.grid--no-gutter .grid_col {
    padding-left: 0;
}

.grid--no-gutter .grid_col--span-all {
    margin-left: 0;
    width: 100%;
}

.grid--no-space .grid_col {
    margin-right: 0;
}

.grid_col--ab {
    vertical-align: bottom;
}

.grid_col--am {
    vertical-align: middle;
}


/*==================================================
                    UTILITY CLASSES
===================================================*/

.hidden {
    display: none !important;
}

.disabled {
    opacity: 0.1;
    border-color: #333333;
    color: #333333;
    transition: none;
    pointer-events: none;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.inline {
    display: inline;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.vtop {
    vertical-align: top;
}

.vmiddle {
    vertical-align: middle;
}

.vbottom {
    vertical-align: bottom;
}

.right {
    float: right;
}

.left {
    float: left;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.background--cover {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.background--brand {
    background-color: #006fba;
}

.background--alt-brand {
    background-color: #f1af0f;
}

.background--dark {
    background-color: #222;
}

.background--light {
    background-color: #fff;
}

.background--grey {
    background-color: #f6f6f6;
}

.background--success {
    background-color: #23a217;
}

.background--error {
    background-color: #ff4545;
}

.color--brand {
    color: #e59f2a;
}

.color--dark {
    color: #222;
}

.color--grey {
    color: #f6f6f6;
}

.color--success,
.MessageSent p,
.module_message.module_message--success {
    color: #5bb947;
    font-size: 1.6rem;
}

.color--error {
    color: #ff4545;
}

.dark {
    color: #fff;
}

.dark a {
    color: #fff;
}


/*Module Pager*/

.module_pager {
    cursor: pointer;
    text-align: center;
    padding-left: 0px;
}

.module_pager li {
    display: inline-block;
    padding: 0px 5px;
}

.module_pager li.pager-active {
    font-weight: 700;
    color: #033764;
}

.module_pager .pager-disabled {
    cursor: not-allowed;
}


/*==================================================
                    ACCESSIBILITY
===================================================*/

*:focus {
    outline: none;
}

a:focus {
    text-decoration: underline !important;
}

.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
}

#maincontent:focus {
    outline: 0px;
}


/*==================================================
                    JAVASCRIPT
===================================================*/

.js--loading:after {
    position: relative;
    left: 50%;
    display: inline-block;
    margin: 10px 0 10px -25px;
    font-family: "q4-icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\eb27";
    font-size: 50px;
    font-size: 5rem;
    animation: spin 0.8s infinite linear;
}

.js--hidden {
    display: none;
}

.js--visible {
    display: block;
}

.js--disabled {
    opacity: 0.1;
    pointer-events: none;
}

.js--invalid input[type="text"],
.js--invalid select {
    border: 1px solid #b72121 !important;
}

.js--invalid input[type="checkbox"] {
    border-color: #b72121 !important;
}


/*==================================
 ----------- MODULE CSS -----------
==================================*/


/*-------- All Module CSS --------*/

.module_header,
.module_back-to-top,
.module_anchor-target,
.module_file-size,
.module_file-type,
.module_file-text {
    display: none;
}

.module_nav,
.module_headline,
.module_location,
.module_speakers,
.module_links,
.module_body,
.module_options,
.module_not-found {
    margin-bottom: 15px;
}

.module_error-container {
    margin-bottom: 30px;
    color: #b72121;
}

.module_add-to-calendar-reveal {
    color: #e59f2a;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.module_add-to-calendar-reveal:hover {
    color: #033764 !important;
}

.module_add-to-calendar-reveal:focus {
    text-decoration: underline;
}

.module_add-to-calendar-list {
    display: none;
}

.module_add-to-calendar-list:after {
    content: "Select your Calendar";
    display: block;
    margin-top: 15px;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
}

.module_links .module_attachments {
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.fancybox-container .module_add-to-calendar-list {
    padding: 70px;
}

.module_add-to-calendar-item {
    display: inline-block;
    margin: 0 10px;
}

.module_add-to-calendar-item--ics {
    display: none;
}

.module_add-to-calendar-link {
    font-size: 24px;
    font-size: 2.4rem;
}

.module_add-to-calendar.js--hidden {
    display: none;
}

.module_actions,
.module_pager {
    margin-top: 20px;
}

.module_date-time {
    margin-bottom: 5px;
    font-size: 14px;
    font-size: 1.4rem;
}

.module_error-container {
    display: block;
}

.module_error-container ul {
    padding-left: 18px;
    list-style-type: disc;
}

.module_error-container ul > li {
    line-height: 1.5;
}

.module_error-container > br {
    display: none;
}

.module_error-container > span {
    display: block;
    line-height: 1.5;
}

.module_error-container > span:before {
    font-family: "q4-icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ec6b";
    margin-right: 5px;
}

.module_headline {
    font-weight: normal;
}

.module_headline-link,
.module_headline-link:visited {
    color: #333333;
}

.module_image {
    display: inline-block;
    max-width: 30%;
    margin-bottom: 16px;
}

.module_image--right {
    float: right;
    margin-left: 32px;
}

.module_image--left {
    float: left;
    margin-right: 32px;
}

.module_introduction {
    margin-bottom: 35px;
}

.module_item {
    padding: 30px 0 10px;
}

.module_item ~ .module_item {
    border-top: 1px solid #dddddd;
}

.module_label {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 14px;
    font-size: 1.4rem;
}

.module_label + .module_required {
    font-size: 14px;
    font-size: 1.4rem;
}

.module_links > *,
.module_links li,
.module_links .module_presentation {
    display: inline;
}

@media only screen and (max-width: 480px) {
    .module_links > *,
    .module_links li,
    .module_links .module_presentation {
        display: block;
    }
}

.module_links.module_links--stack > *,
.module_links.module_links--stack li,
.module_links.module_links--stack .module_presentation {
    display: block;
}

.module_link {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 5px 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    text-transform: uppercase;
}

.module_link > .module_link-text,
.module_link > i,
.module_link > span {
    vertical-align: middle;
}

.module_link > i:before {
    display: block;
}

.module_link[style="DISPLAY:block;"],
.module_link[style="display: block;"] {
    display: inline-block !important;
}

.module_loader {
    display: inline-block;
    animation: spin 1s linear infinite;
}

.module_message {
    display: block;
    margin: 16px 0;
}

.module_message[style$="hidden;"],
.module_message:empty {
    display: none;
}

.module_message--success {
    color: #23a217;
}

.module_message--success:before {
    font-family: "q4-icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ed71";
    margin-right: 5px;
}

.module_message--error {
    color: #b72121;
}

.module_message--error:before {
    font-family: "q4-icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ed4f";
    margin-right: 5px;
}

.module_nav-link,
.module_nav .ModuleYearLink,
.module_nav-link:visited,
.module_nav .ModuleYearLink:visited {
    display: inline-block;
    margin-right: 5px;
    padding: 15px 20px;
    border: 1px solid #033764;
    color: #333333;
    font-weight: normal;
}

.module_nav-link.selected,
.module_nav-link.selected:visited,
.module_nav .ModuleYearLink.selected,
.module_nav .ModuleYearLink.selected:visited,
.module_nav-link:visited.selected,
.module_nav-link:visited.selected:visited,
.module_nav .ModuleYearLink:visited.selected,
.module_nav .ModuleYearLink:visited.selected:visited {
    background-color: #033764;
    color: #fff;
}

@media only screen and (max-width: 480px) {
    .module_nav-link,
    .module_nav .ModuleYearLink,
    .module_nav-link:visited,
    .module_nav .ModuleYearLink:visited {
        margin-bottom: 10px;
    }
}

.module_options-label,
.module_options-select {
    margin-right: 10px;
}

@media only screen and (max-width: 480px) {
    .module_options-label,
    .module_options-select,
    .module_options-submit {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
}

.module_pager a {
    color: #535353;
}

.module_pager a[href] {
    color: #e59f2a;
}

.module_reminder .module_input.module_reminder-period,
.module_reminder .module_input.module_reminder-email {
    margin-right: 10px;
}

.module_reminder.js--reminded {
    display: none;
}

.module_required {
    color: #333333;
}

.module_required-text {
    font-size: 13px;
    font-size: 1.3rem;
    color: #333333;
}

.module_rss {
    float: right;
}

.module_speakers li {
    margin-bottom: 5px;
}

.module_title {
    text-transform: uppercase;
}

.module_view-all-link {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    text-transform: uppercase;
}

.module_input[type="text"],
.module_input[type="email"],
.module_input[type="file"],
.module_dropdown,
.module textarea.module_input {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    max-width: none;
    padding: 15px 20px;
    border: 1px solid #abb9c5;
    border-radius: 0;
    font-family: inherit;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 300;
}

.module_input[type="text"]::-ms-clear,
.module_input[type="email"]::-ms-clear,
.module_input[type="file"]::-ms-clear,
.module_dropdown::-ms-clear,
.module textarea.module_input::-ms-clear {
    display: none;
}

.module textarea.module_input {
    resize: vertical;
}

.module_input[type="file"],
.module_dropdown {
    cursor: pointer;
}

.module_input[type="file"] {
    line-height: 1;
}

.module_input--brand[type="text"] {
    display: inline-block;
    width: auto;
    padding: 15px 20px;
    border: 1px solid #abb9c5;
    background: transparent;
}

.module_dropdown {
    background: transparent url("../design/svg/q4-icon_chevron-down-black.svg") no-repeat right 20px center;
    background-size: 14px 14px;
}

.module_dropdown::-ms-expand {
    display: none;
}

.module-details .module_date-time {
    margin-bottom: 15px;
}


/*------- Captcha Component ------*/

.CaptchaContainer {
    display: none;
}

.CaptchaContainer table tr:nth-child(1) {
    display: none;
}

.CaptchaContainer table tr:nth-child(2) td {
    padding-bottom: 20px;
}

.CaptchaContainer table tr:nth-child(3) td {
    padding-bottom: 5px;
    font-size: 14px;
    font-size: 1.4rem;
}

.CaptchaContainer table tr:nth-child(3) td span {
    display: none !important;
}

.CaptchaContainer table tr:nth-child(4) span {
    display: none !important;
}

.CaptchaContainer table tr td {
    padding-right: 10px;
}

@media only screen and (max-width: 768px) {
    .CaptchaContainer table tr td {
        padding-right: 0;
    }
}

.CaptchaContainer input[type="text"] {
    appearance: none;
    -webkit-appearance: none;
    display: block;
    max-width: none;
    padding: 15px 20px;
    border: 1px solid #b3c3d1;
    border-radius: 0;
    font-family: inherit;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 300;
}

.fancybox-container .CaptchaContainer table tr:nth-child(4) td {
    padding-bottom: 20px;
}

.fancybox-container .CaptchaContainer table tr td {
    padding-right: 0;
}


/*- Investment Calculator Widget -*/

.module-calculator_input:not(:last-of-type) {
    margin-bottom: 20px;
}

.module-calculator_input h4 {
    margin-bottom: 12px;
}

.module-calculator_input label {
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 5px;
}

.module-calculator_input input[type="text"] {
    border: 1px solid #abb9c5;
    color: #033764;
    font-size: 1.6rem;
    font-family: inherit;
}

.module-calculator_input input[type="checkbox"] + label {
    margin: 0;
}

.module-calculator_input-row {
    padding-bottom: 10px;
}

.module-calculator_input-row input[type="text"] {
    margin-top: 10px;
    max-width: 300px;
}

.module-calculator_input-row--other input[type="text"] {
    display: none;
}

.module-calculator_input-row--other input[type="text"].js--revealed {
    display: block;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #033764!important;
    color: #fff!important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #033764!important;
    color: #fff!important;
}

.ui-widget-header {
    background: #033764!important;
    color: #333333!important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    color: #fff!important;
}

@media screen and (min-width: 1024px) {
    .module-calculator_popup-container {
        min-width: 920px;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .module-calculator_popup-container .table thead {
        display: none;
    }
    .module-calculator_popup-container .table tbody {
        border-top: 2px solid #006fba;
        border-bottom: 2px solid #006fba;
    }
    .module-calculator_popup-container .table td {
        display: block;
    }
    .module-calculator_popup-container .table td:before {
        content: attr(data-heading) ": ";
        font-weight: bold;
    }
}

.module-calculator_info td:first-child:before {
    content: none;
}


/*- Committee Composition Widget -*/

@media only screen and (max-width: 768px) {
    .module-committee .module_container--desktop {
        display: none;
    }
}

.module-committee .module_container--tablet {
    display: none;
}

@media only screen and (max-width: 768px) {
    .module-committee .module_container--tablet {
        display: block;
    }
}

.module_container--desktop {
    border-left: 1px solid #abb9c5;
    border-top: 1px solid #abb9c5;
    border-right: 1px solid #abb9c5;
}

.module-committee .module_header {
    display: block;
    border-bottom: 1px solid #abb9c5;
    font-weight: normal;
}

.module-committee .module_item {
    padding: 0;
}

.module-committee .module_item:last-child {
    border-bottom: 1px solid #abb9c5;
}

.module-committee .module_item ~ .module_item {
    border-top: 1px solid #abb9c5;
}

.module-committee .grid_col {
    padding: 20px 15px;
    text-align: center;
}

.module-committee .grid_col:first-child {
    text-align: left;
}

.module-committee_category.js--active .module_header i:before {
    content: "\edc2";
    color: #e59f2a;
}

.module-committee_custom-role {
    margin-left: 5px;
}

.module-committee_bio {
    padding: 0 15px 20px;
    text-align: left;
}

.module-committee_bio p {
    margin: 0;
}

.module-committee_bio p:not(:last-of-type) {
    margin-bottom: 16px;
}

.module-committee_legend-container {
    padding: 20px 15px;
}

.module-committee_legend {
    display: inline-block;
    margin-right: 30px;
}

.module-committee_legend i {
    margin-right: 5px;
}

.module-committee .module_non-executive {
    width: 14px;
    height: 16px;
    background-image: url(../images/icon_lead.gif);
    display: inline-block;
    background-position: center;
    background-size: cover;
}


/*----- Download List Module -----*/

.module-downloads .module_nav {
    display: none;
}

.module-downloads .module_item {
    padding: 15px 0;
}

.module-downloads_thumbnail,
.module-downloads_description,
.module-downloads_date {
    display: none;
}

.module-social-downloadlist .module-downloads_thumbnail {
    display: block;
    margin-bottom: 10px;
    text-align: center;
}

.module-social-downloadlist .module-downloads_description,
.module-social-downloadlist .module-downloads_description .module_file-type {
    display: block;
}

.module-social-downloadlist .module-downloads_description .module_file-type {
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
}

.module-social-downloadlist .module-downloads_title-link:before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    text-align: left;
}

.module-social-downloadlist .module_link {
    padding-left: 20px;
    position: relative;
}

.module-social-downloadlist .module-downloads_title {
    text-align: center;
}

.module-downloads_title {
    position: relative;
}

.module-downloads_title-link {
    margin: 0 20px 0 0;
}

.module-downloads_title-link:before {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}


/*--------- Event Module ---------*/

.module-event .module_location,
.module-event .module_speakers h4,
.module-event .module_body {
    display: none;
}

.module-event .module_options {
    margin-bottom: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #dddddd;
}

/* .module-event .module_time-text {
    display: none;
} */

.module-event .module_link,
.module-event-details .module_link {
    position: relative;
    padding-left: 20px;
}

.module-event .module_link:before,
.module-event-details .module_link:before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.module-event-details .module_speakers h4 {
    display: none;
}

.module-event-latest .module_container--content {
    margin-bottom: 30px;
    position: relative;
}

.module-event-latest .module_container--content:before {
    content: "";
    position: absolute;
    width: 1px;
    background-color: #464f46;
    left: -20px;
    top: 0;
    bottom: 0;
    height: 100%;
}

.module-event-latest .module_item {
    padding: 20px 0px 0px;
    margin: 10px 0 0px;
    border: none;
    text-align: left;
}

@media only screen and (max-width: 768px) {
    .module-event-latest .module_item:first-child {
        width: 100%;
    }
}

.module-event-latest .module_item.grid_col {
    padding-left: 20px;
}

.module-event-latest .module_item-wrap {
    padding: 30px;
    background-color: #f6f6f6;
}

.module-event-latest .module_date-time {
    margin-bottom: 15px;
    color: #fff;
    font-weight: 400;
    line-height: 1.5;
}

.module-event-latest .module_headline {
    color: #fff;
    font-weight: 400;
    line-height: 1.5;
}

.module-event-latest .module_headline-link {
    color: #fff;
    font-weight: 400;
    line-height: 1.5;
}

.module-event-latest .module_links {
    margin: 0;
}

.module-event-latest .module_links > div {
    display: inline-block;
    margin-right: 65px;
}

.module-event-latest .module_link {
    color: rgba(255, 255, 255, 0.5);
    font-weight: 400;
    font-size: 1.6rem;
    text-transform: capitalize;
}

.module-event-latest .module_calendar-text {
    color: #fff;
}

.module-event-latest .module_link:before {
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 10px;
    border-radius: 100%;
    margin-right: 12px;
}

.module-event-latest .module_presentations .module_link:before {
    content: "\ef3e";
}

.module-event-latest .module_link-text {
    color: #fff;
}

.module-event-latest .module_links > div:last-child {
    margin-right: 0px;
}

.module-event-latest.background--grey .module_item-wrap {
    background-color: #fff;
}

.module-event-latest.module-event-list .module_item {
    padding-left: 0;
    padding-top: 20px;
}

.module-event-latest.module-event-list .module_item + .module_item {
    border-top: 1px solid #dddddd;
}

.module-event-upcoming .module_nav {
    display: none;
}

.module-event-upcoming .module_item {
    padding: 0 0 10px;
}

.module-event-upcoming .module_item ~ .module_item {
    padding: 30px 0 10px;
}

.module-event-upcoming .module_add-to-calendar-reveal {
    color: #e59f2a;
}

.module-event-calendar {
    display: table;
    width: 100%;
}

.module-event-calendar_calendar-container,
.module-event-calendar_event-container {
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: middle;
}

.module-event-calendar_calendar-container {
    padding-right: 20px;
}

.module-event-calendar_event-container {
    padding: 50px;
    background-color: #f6f6f6;
}

.module-event-calendar_event-container .module_add-to-calendar .module_add-to-calendar-reveal {
    color: #e59f2a;
}

.module-event-calendar_event-container .module_add-to-calendar .module_add-to-calendar-reveal:hover {
    color: #033764;
}

.module-event-calendar_splash i {
    font-size: 40px;
    font-size: 4rem;
    color: #033764;
}

.module-event-calendar_splash p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2;
}

.module-event-calendar_controls {
    padding: 20px 15px;
    background-color: #033764;
    font-weight: bold;
    color: #fff;
}

.module-event-calendar_previous-month,
.module-event-calendar_month,
.module-event-calendar_next-month {
    display: inline-block;
}

.module-event-calendar_previous-month,
.module-event-calendar_next-month {
    cursor: pointer;
}

.module-event-calendar_previous-month {
    float: left;
}

.module-event-calendar_next-month {
    float: right;
}

.module-event-calendar_day-container {
    border-bottom: 1px solid rgba(0, 111, 186, 0.2);
}

.module-event-calendar_day {
    position: relative;
    width: 14.285%;
    margin: 0;
    padding: 8px 0 25px;
    border-top: 1px solid rgba(0, 111, 186, 0.2);
    border-left: 1px solid rgba(0, 111, 186, 0.2);
}

.module-event-calendar_day.calendar-dow-6 {
    border-right: 1px solid rgba(0, 111, 186, 0.2);
}

.module-event-calendar_day--name {
    padding: 15px 0 10px;
    border: none;
}

.module-event-calendar_day--today {
    background: #f6f6f6;
}

.module-event-calendar_day--event {
    cursor: pointer;
}

.module-event-calendar_day--event:after {
    content: "";
    position: absolute;
    right: 10px;
    bottom: 10px;
    left: 10px;
    display: block;
    height: 4px;
    background-color: #033764;
}

.module-event-calendar_day--selected {
    background-color: #033764;
    color: #fff;
}

.module-event-calendar_day--selected:after {
    background-color: #fff;
}

.module-event-calendar_day--adjacent-month {
    color: rgba(51, 51, 51, 0.1);
    pointer-events: none;
}

.module-event-calendar_day--adjacent-month:after {
    content: none;
}

@media only screen and (max-width: 480px) {
    .module-event-calendar_day {
        display: inline-block;
    }
}

.module-event-calendar .module_item {
    padding: 0;
}

.module-event-calendar .module_date-time,
.module-event-calendar .module_headline {
    margin-bottom: 20px;
}

.module-event-calendar .module_add-to-calendar {
    margin: 0;
}

@media only screen and (max-width: 768px) {
    .module-event-calendar {
        display: block;
    }
    .module-event-calendar_calendar-container,
    .module-event-calendar_event-container {
        display: block;
        width: 100%;
    }
    .module-event-calendar_calendar-container {
        padding-right: 0;
    }
    .module-event-calendar_event-container {
        margin-top: 20px;
    }
}


/*---------- FAQ Module ----------*/

.module-faq .module_item {
    padding: 22px 15px;
    border-top: 1px solid #b3c3d1;
    border-left: 1px solid #b3c3d1;
    border-right: 1px solid #b3c3d1;
}

.module-faq .module_item:last-child {
    border-bottom: 1px solid #b3c3d1;
}

.module-faq_question {
    margin: 0px;
    cursor: pointer;
    font-size: 1.8rem;
    position: relative;
    padding-right: 25px;
}

.module-faq .module_item.js--active .module-faq_question {
    color: #033764;
    font-weight: 700;
    padding-right: 24px;
}

.module-faq_question:before {
    font-family: 'q4-icons';
    content: "\edc2";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #abb9c5;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.module_item.js--active .module-faq_question:before {
    content: "\edba";
    color: #e59f2a;
}

.module-faq_answer {
    /*padding-bottom: 80px;*/
    margin-top: 12px;
}

.module-faq_answer p {
    margin: 0;
    padding: 0 0 10px;
}

.module-faq .toggle-all a:before {
    content: "Show all";
}

.module-faq .toggle-all.js--active a:before {
    content: "Hide all";
}


/*--- Financial Report Modules ---*/

.module-financial-year .module_cover {
    margin-bottom: 15px;
}

.module-financial-year .module_cover img {
    display: inline-block;
    border: 1px solid #006fba;
}

.module-financial-year .module_item {
    padding: 0;
}

.module-financial-year .module_item ~ .module_item {
    border: none;
}

.module-financial-year .module_links {
    margin: 0;
}

.module-financial-year .module-financial_year {
    text-align: center;
    margin-bottom: 12px;
}

.module-financial-year .module-financial_year .module-financial_category .module_item {
    margin-bottom: 12px;
}

.module-financial-year .module_thumbnail img {
    border: 1px solid #b3c3d1;
    margin: 0 auto;
}

.module-financial-quarter .module_item {
    border-top: 1px solid #b3c3d1;
    border-left: 1px solid #b3c3d1;
    border-right: 1px solid #b3c3d1;
    padding: 0px;
}

.module-financial-quarter .module_item:last-child {
    border-bottom: 1px solid #b3c3d1;
}

.module-financial-quarter .module_item.js--active h3:after {
    content: "\edba";
    color: #e59f2a;
}

.module-financial-quarter .module_links {
    margin: 0;
    padding: 15px;
}

.module-financial-quarter .module_links > div {
    display: block;
}

.module-financial-quarter .module_link {
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    text-transform: none;
    color: #535353;
}

.module-financial-quarter .module-financial_year-text {
    padding: 15px 22px;
    margin-bottom: 0px;
    color: #535353;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    cursor: pointer;
    text-transform: initial;
}

.module-financial-quarter .module_item.js--active .module-financial_year-text {
    color: #033764;
    font-weight: 700;
}

.module-financial-quarter .module-financial_year-text:after {
    float: right;
    font-family: "q4-icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\edc2";
    color: #abb9c5;
}

.module-financial-table_header {
    color: #033764;
    font-weight: 900;
    border-top: 1px solid #b3c3d1;
    border-left: 1px solid #b3c3d1;
    border-right: 1px solid #b3c3d1;
}

.module-financial-table .slick-arrow.slick-disabled {
    opacity: 1;
    pointer-events: none;
    color: #abb9c5;
}

.module-financial-table_header-year-container {
    text-align: center;
}

.module-financial-table_header-year,
.module-financial-table_header-category.grid_col {
    padding: 20px 15px;
}

.module-financial-table_body-row {
    border-top: 1px solid #b3c3d1;
    border-left: 1px solid #b3c3d1;
    border-right: 1px solid #b3c3d1;
}

.module-financial-table_body-row:last-child {
    border-bottom: 1px solid #b3c3d1;
}

.module-financial-table_body-row:nth-child(even) {
    background-color: #f6f6f6;
}

.module-financial-table_body-year-container {
    text-align: center;
}

.module-financial-table_body-year,
.module-financial-table_body-category.grid_col {
    padding: 20px 15px;
}

.module-financial-table_item {
    display: inline-block;
    margin-right: 15px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: normal;
}

.module-financial-table_item a {
    color: #535353;
}

.module-financial-table_item ~ .module_item {
    margin-right: 5px;
}

.module-financial-table_item--empty {
    opacity: 0.1;
}

@media only screen and (max-width: 768px) {
    .module-financial-table_item {
        margin-right: 10px;
    }
}

@media only screen and (max-width: 480px) {
    .module-financial-table_item {
        margin: 5px;
    }
}

.module-financial-table .slick-slider {
    display: inline-block;
    padding: 0;
}

.module-financial-table .slick-slide:focus {
    outline: none;
}

.module-financial-table .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer;
    z-index: 10;
    color: #e59f2a;
}

.module-financial-table .slick-prev {
    left: 10px;
}

.module-financial-table .slick-next {
    right: 10px;
}

.module-financial-table .slick-disabled {
    opacity: 0.1;
    cursor: default;
}

.module-financial-mashup .module_body {
    max-height: 300px;
    overflow: hidden;
    position: relative;
}

.module-financial-mashup .module_body > *:first-child,
.module-financial-mashup .module_body > style + p {
    margin-top: 0;
}

.module-financial-mashup .module_body:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, white 70%, white 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, white 70%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, white 70%, white 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#70ffffff', endColorstr='#ffffff', GradientType=0);
}

.module-financial-mashup .module-financial-mashup_documents .module_links + h4 {
    margin-top: 30px;
}

.module-financial-mashup .module-financial-mashup_documents .module_links > div {
    background-color: #fcf8ef;
    padding: 14px 28px;
    margin-bottom: 8px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.11);
}

.module-financial-mashup .module-financial-mashup_documents .module_links .module_link {
    margin: 0;
}

.module-financial-mashup .module_link:before {
    content: "\e9bb";
    background-color: #f2efe9;
    padding: 11px;
    border-radius: 100%;
    margin-right: 15px;
    font-size: 2.2rem;
    display: inline-block;
    font-family: 'q4-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}

.module-financial-mashup .q4-icon_chevron-right {
    font-size: 10px;
    font-size: 1rem;
    margin-left: 5px;
}


/*.module-financial-mashup .module_links > div .module_link:before {
  content: "\e9bb";
  font-family: 'q4-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}*/

.module-financial-mashup .module_links > div .module_link[href*="event"]:before {
    content: "\e90f";
}


/* Latest Quarterly Result Widget */

.module-latest-quarter .module_item {
    margin: 50px 0;
    padding: 0;
}

.module-latest-quarter .module_item ~ .module_item {
    border: none;
}

.module-latest-quarter .module_links {
    margin: 0;
    border-left: 2px solid rgba(255, 255, 255, 0.5);
    text-align: left;
}

.module-latest-quarter .module_links > div {
    display: inline-block;
    text-align: center;
}

.module-latest-quarter .module_link {
    margin: 0;
}

.module-latest-quarter .module_link:before {
    display: inline-block;
    font-size: 55px;
    font-size: 5.5rem;
    padding: 0;
}

.module-latest-quarter .module_link-text {
    display: block;
    margin: 15px 0 0;
    font-size: 16px;
    font-size: 1.6rem;
    text-transform: none;
    font-weight: normal;
}

.module-latest-quarter .module-financial_type-text,
.module-latest-quarter .module-financial_year-text {
    display: inline-block;
    width: 100%;
}

.module-latest-quarter .module-financial_type-text {
    font-size: 55px;
    font-size: 5.5rem;
    font-weight: normal;
}

.module-latest-quarter .module-financial_year-text {
    margin-top: 15px;
    font-size: 24px;
    font-size: 2.4rem;
}

.module-latest-quarter .grid_col {
    vertical-align: bottom;
}

@media only screen and (max-width: 1024px) {
    .module-latest-quarter .module_links {
        border-left: 0;
    }
    .module-latest-quarter .module_link {
        margin: 0 0 15px;
    }
    .module-latest-quarter .grid_col {
        vertical-align: middle;
    }
}

@media only screen and (max-width: 768px) {
    .module-latest-quarter .module_item > div:first-child {
        margin-bottom: 30px;
    }
}

/*---- Fundamentals Page ----*/
.module-fundamentals th {
    text-align: left;
}

.module-fundamentals .module_subheading td {
    font-weight: bold;
}

.module-fundamentals .module_subheading > td:first-child {
    padding-left: 20px;
}

.module-fundamentals tr > td:first-child {
    padding-left: 35px;
}

/*------ Formbuilder Module ------*/

.module-form--custom .module_container--content {
    display: none;
}

.module-form--custom .module_container--content.js--visible {
    display: block;
}

.module-form .module_container--content {
    margin-left: -20px;
}

@media only screen and (max-width: 768px) {
    .module-form .module_container--content {
        margin-left: 0;
    }
}

.module-form .module_error-container li[style="visibility: hidden;"] {
    display: none;
}

.module-form .module_required {
    margin-left: 3px;
}

.module-form .module_container--captcha > div {
    margin: 0;
    padding: 0;
}

.module-form .module_container--captcha > div .ErrorMessage {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #b72121;
}

.module-form .module_container--captcha > div .ErrorMessage[style="visibility: hidden;"] {
    display: none;
}

.module-form_item {
    display: inline-block;
    width: 50%;
    margin-bottom: 20px;
    padding-left: 20px;
    vertical-align: top;
}

.module-form_item--document-request legend {
    display: none !important;
}

.module-form_item > label,
.module-form_item legend {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 14px;
    font-size: 1.4rem;
}

.module-form_item legend {
    float: left;
    margin-bottom: 15px;
    font-size: 16px;
    font-size: 1.6rem;
}

.module-form_item legend ~ ul {
    clear: both;
    padding-left: 10px;
    list-style-type: none;
}

.module-form_item ul li:not(:last-of-type) {
    padding-bottom: 5px;
}

.module-form_item--document-request,
.module-form_item--are-you-an-investor {
    width: 100%;
}

@media only screen and (max-width: 768px) {
    .module-form_item {
        width: 100%;
        padding-left: 0;
    }
}

.module-form_error-text {
    color: #b72121;
}

.module-form_error-text[style="visibility:hidden;"] {
    display: none;
}

.module-form .CaptchaContainer {
    display: block;
}

.module-form .CaptchaContainer input[type="text"] {
    width: 100%;
}

.module-glossary .module_header {
    display: block;
}

.module-glossary .module_header table {
    width: 100%;
    table-layout: fixed;
}

.module-glossary .module_header table a {
    color: #333333;
    font-weight: normal;
}

.module-glossary .module_header table a[href] {
    color: #006fba;
}


/*---------- Job Modules ---------*/

.module-job-details_description-container {
    margin-bottom: 35px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.module-job-details_description {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.module-job-details_description label {
    font-weight: normal;
}

.module-job-details_description input {
    width: auto;
    max-width: none;
    padding: 0;
    border: none;
    float: right;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 0;
}

@media only screen and (max-width: 480px) {
    .module-job-details_description label:after {
        content: ":";
    }
    .module-job-details_description input {
        display: block;
        float: none;
        margin-top: 5px;
    }
}

.module-job-details .grid_col {
    padding: 15px 20px;
}

.module-job-application_table {
    display: block;
    width: 100%;
    margin-left: -20px;
    font-size: 0;
}

.module-job-application_table tr {
    display: inline-block;
    width: 50%;
    margin-bottom: 20px;
    padding-left: 20px;
    vertical-align: top;
    font-size: 16px;
    font-size: 1.6rem;
}

.module-job-application_table tr:last-child {
    margin-bottom: 0;
}

.module-job-application_table tr.module-job-application_cover-letter-text,
.module-job-application_table tr.module-job-application_resume-text {
    width: 100%;
}

.module-job-application_table tr td {
    display: block;
    position: relative;
}

.module-job-application_table tr label {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 14px;
    font-size: 1.4rem;
}

@media only screen and (max-width: 768px) {
    .module-job-application_table {
        margin-left: 0;
    }
    .module-job-application_table tr {
        width: 100%;
        padding-left: 0;
    }
}

.module-job-application .module_required {
    font-size: 14px;
    font-size: 1.4rem;
}


/*----- Miscellaneous Modules ----*/

.module-script {
    display: none;
}

.module-slideshow_ratio {
    /*padding-bottom: 56.25%;*/
    /* this should be changed with aspecRatio option in widget */
    position: relative;
}

.module-slideshow_viewer:not(.grid_col) {
    display: inline-block;
    width: 100%;
    max-width: 640px;
}

.module-slideshow_viewer:not(.grid_col):not(:last-child) {
    margin-bottom: 25px;
}

.module-slideshow_title {
    margin-bottom: 10px;
    font-size: 1.6rem;
    color: #033764;
    text-transform: uppercase;
}

.module-slideshow_date-time {
    font-size: 1.4rem;
    color: #535353;
    margin-bottom: 25px;
}

.module-slideshow_link-container .module-slideshow_link {
    color: #535353;
    text-transform: initial;
    font-size: 1.6rem;
    font-weight: 400;
}

.module-slideshow_link-container .module-slideshow_link:hover {
    color: #e59f2a;
}

.module-slideshow_link-container .module-slideshow_link i {
    color: #e59f2a;
    background-color: #f2efe9;
    padding: 8px;
    border-radius: 100%;
    font-size: 2.2rem;
    margin-right: 12px;
    vertical-align: middle;
}

.module-slideshow_link-container .module_link i {
    margin-left: 5px;
}


/*.module-slideshow_download-ico {
  color: #e59f2a;
  background-color: #f2efe9;
  padding: 8px;
  border-radius: 100%;
  font-size: 2.2rem;
  margin-right: 15px;
}*/

.module-slideshow_download-text,
.module-slideshow_download-ico {
    display: inline-block;
    vertical-align: middle;
}

.module-slideshow_link-container .module_all {
    display: block;
    cursor: pointer;
    font-size: 1.4rem;
    text-transform: uppercase;
    margin-top: 45px;
}

.module_all i {
    margin-left: 6px;
    vertical-align: middle;
}

.module-slideshow .module_links > * + * {
    margin-top: 15px;
}

.module-slideshow_link {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    text-transform: uppercase;
}

.module-slideshow iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}

@media only screen and (max-width: 1024px) {
    .module-slideshow_link-container .module_all {
        margin-top: 20px;
    }
}

.module-rss p + h2 {
    margin: 40px 0 30px;
}

@media only screen and (max-width: 1024px) {
    .module-slideshow_viewer {
        margin-bottom: 20px;
    }
}


/*------ Navigation Modules ------*/

.nav--main {
    width: calc(100% - 34px);
    display: inline-block;
    text-align: center;
    position: relative;
    z-index: 100;
    padding-left: 140px;
    vertical-align: bottom;
}

.nav--main li {
    display: inline-block;
}

.nav--main .level1 > li > a {
    display: block;
    padding: 24px 7px 25px;
    color: #033764;
    font-weight: 400;
    font-size: 1.2rem;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
}

.layout.layout--home .nav--main .level1 > li:first-child > a:before ,
.nav--main .level1 > li:hover > a:before {
    content: '';
    border: 8px solid transparent;
    border-bottom: 8px solid #e59f2a;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.layout.layout--home .nav--main .level1 > li:first-child > a,
.nav--main .level1 > li.selected > a,
.nav--main .level1 > li.expanded > a,
.nav--main .level1 > li:hover > a,
.nav--main .level1 > li > a:focus {
    border-bottom: 2px solid #e59f2a;
    color: #e59f2a;
    outline: none;
}

.nav--main .level1 > li {
    position: relative;
}

.nav--main li .level2 {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #fcf8ef;
    width: 200px;
    padding: 10px 0px;
}

.nav--main li .level2 li {
    display: block;
    position: relative;
}

.nav--main li .level2 li > a {
    color: #033764;
    font-size: 1.2rem;
    text-transform: uppercase;
    padding: 13px 20px;
    display: block;
    text-align: left;
}

.nav--main li .level2 li:hover > a {
    background-color: #ebe7de;
}

.nav--main li .level3 {
    display: none;
    position: absolute;
    left: 100%;
    margin-left: 1px;
    top: 0;
    background-color: #ebe7de;
    width: 200px;
}

.nav--main .level1 li.js--hover > ul,
.nav--main .level1 li.sfHover > ul{
    display: block;
}

@media only screen and (max-width: 1024px) {
    .nav--main {
        display: none;
    }
}


/*------ Secondary Navigation ------*/


/*
.nav--secondary {
    background: #fcf8ef;
    font-weight: 400;
}

.nav--secondary .level1 > li {
    display: none;
}

.nav--secondary .level1 > li.selected,
.nav--secondary .level1 > li.expanded {
    display: block;
}

.nav--secondary .level1 > li.selected > a,
.nav--secondary .level1 > li.expanded > a {
    display: none;
}

.nav--secondary .level2 {
    display: table;
    width: 100%;
}

.nav--secondary .level2 > li {
    position: relative;
    display: table-cell;
}

.nav--secondary .level2 > li:hover,
.nav--secondary .level2 > li.selected,
.nav--secondary .level2 > li.expanded {
    background: #005894;
}

.nav--secondary .level2 > li.has-children:hover > ul {
    display: block;
}

.nav--secondary .level2 > li a {
    display: block;
    padding: 20px;
    font-size: 14px;
    font-size: 1.4rem;
}

.nav--secondary .level2 > li a:focus {
    outline: none;
}

.nav--secondary .level3 {
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0;
    display: none;
    width: 100%;
    min-width: 200px;
    border-top: 2px solid #fff;
}

.nav--secondary .level3 > li {
    text-align: left;
}

.nav--secondary .level3 > li a {
    background: #005894;
}

.nav--secondary .level3 > li a:hover,
.nav--secondary .level3 > li a:focus {
    outline: none;
    background: #006fba;
}

.nav--secondary .level3 > li.selected a {
    background: #006fba;
}
*/


/*@media only screen and (max-width: 1024px) {
    .nav--secondary {
        text-align: left;
    }
    .nav--secondary li.has-children > a:before {
        float: right;
        font-family: "q4-icons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e912";
        color: #e59f2a;
    }
    .nav--secondary li.js--expanded > a:before {
        content: "\edc2";
    }
    .nav--secondary a {
        display: block;
        text-transform: uppercase;
        font-weight: 400;
        color: #033764;
    }
    .nav--secondary .level1 > li {
        display: block;
    }
    .nav--secondary .level1 > li.selected a,
    .nav--secondary .level1 > li.expanded a {
        display: block;
    }
    .nav--secondary .level1 > li.js--expanded {
        background: #005894;
    }
    .nav--secondary .level1 > li.js--expanded a {
        display: block;
    }
    .nav--secondary .level1 > li.js--expanded .level2 {
        display: block;
    }
    .nav--secondary .level1 > li > a {
        padding: 12px 26px 12px 33px;
    }
    .nav--secondary .level2 {
        display: none;
    }
    .nav--secondary .level2 > li {
        display: block;
    }
    .nav--secondary .level2 > li.js--expanded .level3 {
        display: block;
    }
    .nav--secondary .level2 > li > a {
        padding: 20px 20px 20px 48px;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .nav--secondary .level3 {
        position: static;
        border: none;
    }
    .nav--secondary .level3 > li {
        display: block;
    }
    .nav--secondary .level3 > li > a {
        padding: 20px 20px 20px 72px;
        font-size: 16px;
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 765px) and (orientation: landscape) {
    .nav--secondary {
        padding-bottom: 85px;
    }
}
*/


/*--------------Nav Slide Leves Default-------------*/

.js--nav--slide {
    height: auto;
    overflow: hidden;
    position: relative;
}

.nav_container {
    overflow: hidden;
    position: relative;
    transition: height 0.4s ease-in-out 0s;
}


/* nav generic template layout*/


/* nav header */

.js--nav--slide .nav_header {
    margin: 0;
    color: #e59f2a;
}

.js--nav--slide .level1 > .nav_header {
    padding-top: 40px;
}


/* nav back button*/

.js--nav--slide .nav_back-level {
    display: inline-block;
    background: transparent;
    border: none;
    width: auto;
    height: 40px;
    padding: 0 15px;
    vertical-align: top;
    cursor: pointer;
}


/* nav level title*/

.js--nav--slide .nav_level-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
}

.js--nav--slide .nav_back-level + .nav_level-title {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}


/* nav back button with level title*/

.js--nav--slide .nav_back-level--name {
    display: block;
    width: 100%;
    text-align: left;
}

.js--nav--slide .nav_back-level--name i {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    line-height: 40px;
}

.js--nav--slide .nav_back-level--name .nav_level-title {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 80px);
    vertical-align: top;
}


/*nav next button*/

.js--nav--slide .nav_next-level {
    display: inline-block;
    background: transparent;
    border: none;
    width: 60px;
    height: 33px;
    padding: 0;
    vertical-align: top;
    font-size: 19px;
    cursor: pointer;
    color: #e59f2a;
}

.js--nav--slide li > a {
    display: block;
}

.js--nav--slide li.has-children.js--nav_has-arrow > a {
    width: calc(100% - 60px);
    display: inline-block;
    vertical-align: top;
}

.js--nav--slide li.has-children:not(.js--nav_has-arrow) > a {
    position: relative;
}

.js--nav--slide li.has-children:not(.js--nav_has-arrow) > a:before {
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    display: inline-block;
    background: transparent;
    border: none;
    width: 30px;
    line-height: 39px;
    font-size: 19px;
    text-align: right;
    cursor: pointer;
    color: #e59f2a;
}


/* end nav generic template layout*/


/* nav slide layout and animation styles 
    DO NOT MODIFY THIS 
*/


/* If other type of animation is needed
    duplice one of the below animation css and add a new modifier
    e.g. js--nav_slide-in--over duplicated and modified in js--nav_slide-in--newanimation
    and use the new modifier "newanimation" in js as slideStyle: "newanimation";
*/


/* nav slide layout */

.js--nav--slide ul {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    transition: left 0.4s ease 0s;
}

.js--nav--slide .js--nav_active {}

.js--nav--slide .level1 ul {
    left: 100%;
    visibility: hidden;
    transition: left 0.4s ease 0s, visibility 0s linear 0.6s;
}


/* nav slide animation */


/*slide default*/

.js--nav--slide .level1 .js--nav_slide-in {
    left: 100%;
    visibility: visible;
    transition: left 0.4s ease 0s, visibility 0s linear 0s;
}

.js--nav--slide .js--nav_slide-out {
    /*height: 100%;*/
    left: -100%;
    visibility: hidden;
    transition: left 0.6s ease 0.0s, visibility 0s linear 0.6s;
}

.js--nav--slide .level1 .js--nav_slide-in.js--nav_slide-out {
    left: 0%;
    visibility: hidden;
    transition: left 0.4s ease 0s, visibility 0s linear 0.6s;
}


/*slide over
e.g. slideStyle: "over"*/

.js--nav--slide .level1 .js--nav_slide-in--over {
    left: 40%;
    visibility: visible;
    transition: left 0.4s ease 0.1s, visibility 0s linear 0s;
}

.js--nav--slide .js--nav_slide-out--over {
    /*height: 100%;*/
    left: -40%;
    visibility: hidden;
    transition: left 0.6s ease 0s, visibility 0s linear 0.6s;
}

.js--nav--slide .level1 .js--nav_slide-in--over.js--nav_slide-out--over {
    left: 0;
    visibility: hidden;
    transition: left 0.4s ease 0s, visibility 0s linear 0.6s;
}


/*slide stack
e.g. slideStyle: "stack" */

.js--nav--slide .level1 .js--nav_slide-in--stack {
    left: 0;
    visibility: visible;
    transition: left 0.4s ease 0s, visibility 0s linear 0s;
}

.js--nav--slide .js--nav_slide-out--stack {
    height: 100%;
    /*left: 0;*/
    visibility: hidden;
    transition: left 0s ease 0s, visibility 0s linear 0.6s;
}

.js--nav--slide .level1 .js--nav_slide-in--stack.js--nav_slide-out--stack {
    left: 0;
    visibility: hidden;
    transition: left 0.4s ease 0s, visibility 0s linear 0.6s;
}


/*------------End Nav Slide Leves Default-----------*/


/*Nav Secondary*/

.nav--secondary {
    text-transform: uppercase;
}


/* nav header */

.nav--secondary .level1 > .nav_header {
    padding-top: 40px;
}

.nav--secondary .nav_header + li,
.nav--secondary li:first-child:not(.nav_header) {
    padding-top: 5px;
}

.nav--secondary li:last-child {
    padding-bottom: 5px;
}

.nav--secondary .level1 .level3,
.nav--secondary .level1 .level3 ul {
    background-color: #f0f0f0;
    position: static;
    display: none;
    visibility: visible;
}

.nav--secondary li a {
    padding: 10px 45px 10px 30px;
    color: #033764;
    font-size: 15px;
}

.nav--secondary .level3 li a {
    padding: 10px 45px 10px 45px;
    font-size: 14px;
}

.nav--secondary .level2 li.has-children > a:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'q4-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e915";
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    display: inline-block;
    background: transparent;
    border: none;
    width: 30px;
    line-height: 33px;
    font-size: 19px;
    text-align: right;
    cursor: pointer;
    color: #e59f2a;
}

.nav--secondary .level2. li.has-children.js--expanded > a:before {
    content: "\e914";
}

.layout.layout--home .nav--secondary .level1 > li:nth-child(2) > a,
.nav--secondary li.expanded > a {
    background-color: #f0f0f0;
}

.nav--secondary .level3 li.expanded > a {
    background-color: #e3e2e2;
}

.nav--secondary li.js--expanded > a {
    background-color: #e3e2e2;
}

.nav--secondary .js--nav_active > li.js--expanded > ul {
    display: block!important;
}

.nav--secondary .nav_back-level {
    font-size: 30px;
    color: #e59f2a;
}

.nav--secondary .nav_level-title {
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
    position: relative;
}

.nav--secondary .nav_level-title:after {
    content: "";
    position: absolute;
    left: 30px;
    bottom: 0;
    width: 40px;
    height: 2px;
    background-color: #e59f2a;
}


/*End Nav Secondary*/

.nav--sitemap {
    max-width: 1270px;
    margin: 0 auto;
    padding: 47px 30px 70px;
}

@media only screen and (max-width: 1024px) {
    .nav--sitemap {
        max-width: none;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.nav--sitemap a {
    display: inline-block;
}

.nav--sitemap .level1 > li:not(:last-of-type) {
    margin-bottom: 35px;
}

.nav--sitemap .level1 > li > a,
.nav--sitemap .level1 > li > a:visited {
    margin-bottom: 15px;
    font-size: 24px;
    font-size: 2.4rem;
    color: #222;
    text-transform: uppercase;
}

.nav--sitemap .level2 > li,
.nav--sitemap .level3 > li {
    padding: 5px 0;
}

.nav--sitemap .level2 > li > a,
.nav--sitemap .level3 > li > a {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    text-transform: uppercase;
}

.nav--sitemap .level2 > li > a {
    margin-bottom: 5px;
}

.nav--sitemap .level3 > li {
    padding-left: 15px;
}

/*-------- News Module CSS -------*/

.module-news-latest .module_container--content {
    margin-bottom: 45px;
}

.module-news-latest .module_item {
    margin: 10px 0 0px;
    padding: 0 0 0 20px;
    border: none;
    text-align: left;
}

.module-news-latest .module_item + .module_item {
    border-top: none !important;
}

@media only screen and (max-width: 768px) {
    .module-news-latest .module_item:first-child {
        width: 100%;
    }
}

.module-news-latest .module_item-wrap {
    padding: 30px;
    background: #fff;
}

.module-news-latest .module_date-time {
    margin-bottom: 0px;
    font-weight: 400;
    color: #fff;
}

.module-news-latest .module_headline {
    line-height: 1.5;
    font-weight: 200;
}

.module-news-latest .module_headline-link,
.module-news-latest .module_headline-link:visited {
    color: #fff !important;
    font-weight: 400;
}

.module-news-latest .module_links {
    margin: 0;
}

.module-news-latest .module_link {
    color: #006fba;
}

.module-news-list .module_item {
    padding-left: 0;
    padding-top: 20px;
}

.module-news-list .module_item + .module_item {
    border-top: 1px solid #dddddd;
}

/*-------- News Details -------*/

.module-news-details .module_view-all-link {
    display: block;
    margin-bottom: 25px;
}

.module-news-details .module_view-all-link--bottom {
    margin-top: 25px;
    margin-bottom: 0;
}

.module-news-details_category {
    display: none;
}

.module-news-details ul {
    margin: 16px 0;
    padding-left: 32px;
    list-style-type: disc;
}

.module-news-details ul li {
    line-height: 1.5;
}


/*------ Person List Module ------*/

.module-person .module-person_description,
.module-person .module-person_res-photo-container,
.module-person .module_comma {
    display: none;
}

.module-person .module_item {
    position: relative;
    padding: 0 0 20px 20px;
    border: none;
}

.module-person .module_item:hover .module-person_name-container {
    opacity: 1;
    visibility: visible;
}

.module-person .module-person_photo-container {
    border-radius: 100%;
    overflow: hidden;
}

.module-person .module-person_photo-container img {
    width: 100%;
}

.module-person .module-person_name-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 20px;
    left: 20px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    cursor: pointer;
}

.module-person .module-person_name-container h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    margin: 0;
    transform: translate(-50%, -50%);
    color: #fff;
}

.module-person .module-person_name-container a {
    color: #fff;
}

.module-person .module-person_name {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
}

.module-person .module-person_suffix,
.module-person_title {
    font-size: 13px;
    font-size: 1.3rem;
}

.fancybox-container .module-person .module_item {
    max-width: 940px;
    padding: 70px;
}

.fancybox-container .module-person_photo-container,
.fancybox-container .module-person_name-container {
    display: inline-block;
    vertical-align: middle;
}

.fancybox-container .module-person_name-container {
    position: static;
    background: transparent;
    text-align: left;
    opacity: 1;
    visibility: visible;
    cursor: initial;
}

.fancybox-container .module-person_name-container h3 {
    position: static;
    transform: none;
}

.fancybox-container .module-person_name-container a {
    color: #333333;
}

.fancybox-container .module-person_photo-container {
    max-width: 30%;
    margin-right: 40px;
}

@media only screen and (max-width: 768px) {
    .fancybox-container .module-person_photo-container {
        margin-right: 15px;
        margin-bottom: 35px;
    }
}

@media only screen and (max-width: 480px) {
    .fancybox-container .module-person_photo-container {
        margin-right: 0;
        max-width: none;
    }
}

.fancybox-container .module-person_name {
    display: block;
    margin-bottom: 10px;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.45;
    color: #006fba;
}

@media only screen and (max-width: 480px) {
    .fancybox-container .module-person_name {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1.2;
    }
}

.fancybox-container .module-person_title {
    font-size: 24px;
    font-size: 2.4rem;
}

@media only screen and (max-width: 480px) {
    .fancybox-container .module-person_title {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.125;
    }
}

.fancybox-container .module-person_description-container {
    margin-top: 40px;
}

.fancybox-container .module-person_description {
    display: block;
}

.module-person-accordion .module-person_name-container {
    padding: 15px 23px;
    cursor: pointer;
}

.module-person-accordion .module-person_name-container h3 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    color: #535353;
    margin: 0;
    text-transform: initial;
}

.module-person-accordion .module_item.js--active .module-person_name-container h3 {
    color: #033764;
    font-weight: 700;
}

.module-person-accordion .module-person_name-container h3:before {
    float: right;
    font-family: "q4-icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\edc2";
    padding-left: 8px;
}

.module-person-accordion .module_item {
    padding: 0;
    border-top: 1px solid #b3c3d1;
    border-left: 1px solid #b3c3d1;
    border-right: 1px solid #b3c3d1;
}

.module-person-accordion .module_item:last-child {
    border-bottom: 1px solid #b3c3d1;
}

.module-person-accordion .module_item.js--active h3:before {
    content: "\edba";
    color: #e59f2a;
}

.module-person-accordion .module-person_name {
    margin-right: 10px;
}

.module-person-accordion .module-person_title {
    font-size: 14px;
    font-size: 1.4rem;
}

.module-person-accordion .module_comma {
    display: none;
}

.module-person-accordion .module-person_description-container {
    padding: 15px;
}

.module-person-accordion .module-person_photo-container {
    float: left;
    margin: 0 25px 15px 0;
}

@media only screen and (max-width: 768px) {
    .module-person-accordion .module-person_photo-container {
        float: none;
        margin: 0 auto 15px auto;
        text-align: center;
    }
}

.module-person-accordion .module-person_photo-container img {
    display: block;
    margin: auto;
}

.module-person-accordion .module-person_description > *:first-child {
    margin-top: 0;
}

.module-person-accordion .module-person_res-photo-container > span {
    margin-right: 10px;
}

@media only screen and (max-width: 768px) {
    .module-person-accordion .module-person_res-photo-container > span {
        display: block;
        margin: 0 0 10px 0;
    }
}

.module-person-details .module_title {
    display: none;
}

.module-person-details .module_comma {
    display: none;
}

.module-person-details_photo-container,
.module-person-details_name-container {
    display: inline-block;
    vertical-align: middle;
}

.module-person-details_photo-container {
    max-width: 30%;
    margin-right: 40px;
}

@media only screen and (max-width: 768px) {
    .module-person-details_photo-container {
        margin-right: 15px;
        margin-bottom: 35px;
    }
}

@media only screen and (max-width: 480px) {
    .module-person-details_photo-container {
        margin-right: 0;
        max-width: none;
    }
}

.module-person-details_name {
    display: block;
    margin-bottom: 10px;
    font-size: 36px;
    font-size: 3.6rem;
    color: #006fba;
}

.module-person-details_title {
    display: block;
    font-size: 24px;
    font-size: 2.4rem;
}

.module-person-details_description-container {
    margin-top: 40px;
}

.module-presentation .module_body {
    display: none;
}


/*------ Q4 Preview Toolbar ------*/

body.PreviewBody {
    margin: 0;
    background-position: 0;
}

body.PreviewBody .PreviewToolBar {
    position: fixed;
    top: 100%;
    bottom: auto;
    width: 100%;
    margin: 0;
    padding: 35px 20px;
    border: 0;
    background: #222;
    font-size: 0;
    text-align: left;
    color: #fff;
    z-index: 100;
}

body.PreviewBody .PreviewToolBar.js--open {
    top: auto;
    bottom: 0;
}

body.PreviewBody .PreviewToolBar .PreviewTrigger {
    position: absolute;
    top: 0;
    left: 10px;
    padding: 20px;
    background: #222;
    transform: translate(0, -100%);
    font-size: 24px;
    font-size: 2.4rem;
    cursor: pointer;
}

body.PreviewBody .PreviewToolBar .PreviewTrigger.js--active i:before {
    content: "\ed6d";
}

body.PreviewBody .PreviewToolBar .PreviewFloatLeft,
body.PreviewBody .PreviewToolBar .PreviewDateControls {
    display: inline-block;
    vertical-align: middle;
}

body.PreviewBody .PreviewToolBar .PreviewFloatLeft:before,
body.PreviewBody .PreviewToolBar .PreviewDateControls:before {
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: 15px;
    line-height: 50px;
}

body.PreviewBody .PreviewToolBar .PreviewFloatLeft {
    float: none;
}

body.PreviewBody .PreviewToolBar .PreviewFloatLeft:before {
    content: "Select Preview Type:";
}

body.PreviewBody .PreviewToolBar .PreviewDateControls {
    float: right;
}

body.PreviewBody .PreviewToolBar .PreviewDateControls:before {
    content: "Select Preview Date:";
}

body.PreviewBody .PreviewToolBar img {
    display: none;
}

body.PreviewBody .PreviewToolBar input[type="radio"],
body.PreviewBody .PreviewToolBar label,
body.PreviewBody .PreviewToolBar input[type="text"],
body.PreviewBody .PreviewToolBar select,
body.PreviewBody .PreviewToolBar input[type="submit"] {
    display: inline-block;
    margin-right: 5px;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 300;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
    vertical-align: baseline;
}

body.PreviewBody .PreviewToolBar input[type="text"],
body.PreviewBody .PreviewToolBar select,
body.PreviewBody .PreviewToolBar input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 15px 20px;
    border: 0;
    border-radius: 0;
}

body.PreviewBody .PreviewToolBar label + input[type="radio"] {
    margin-left: 15px;
}

body.PreviewBody .PreviewToolBar input[type="text"] {
    min-width: 110px;
}

body.PreviewBody .PreviewToolBar select {
    padding: 15px 35px 15px 20px;
    background: #fff url("../design/svg/q4-icon_chevron-down-black.svg") no-repeat right 10px center;
    background-size: 14px 14px;
}

body.PreviewBody .PreviewToolBar select::-ms-expand {
    display: none;
}

body.PreviewBody .PreviewToolBar input[type="submit"] {
    background: #006fba;
    color: #fff !important;
}

@media only screen and (max-width: 1024px) {
    body.PreviewBody .PreviewToolBar .PreviewFloatLeft,
    body.PreviewBody .PreviewToolBar .PreviewDateControls {
        display: block;
        float: none;
        margin-bottom: 15px;
    }
    body.PreviewBody .PreviewToolBar .PreviewFloatLeft:before,
    body.PreviewBody .PreviewToolBar .PreviewDateControls:before {
        display: block;
    }
}

@media only screen and (max-width: 768px) {
    body.PreviewBody .PreviewToolBar input[type="radio"],
    body.PreviewBody .PreviewToolBar label,
    body.PreviewBody .PreviewToolBar input[type="text"],
    body.PreviewBody .PreviewToolBar select,
    body.PreviewBody .PreviewToolBar input[type="submit"] {
        margin-bottom: 5px;
    }
}


/*-------- Search Modules --------*/

.module-search {
    position: relative;
}

.module-search_input[type="text"] {
    display: inline-block;
    width: 90%;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background: #fff;
    text-transform: uppercase;
    font-size: 12px;
    color: #033764;
    font-weight: normal;
    padding: 12px;
}

.module-search_button {
    position: absolute;
    top: 30px;
    left: 10px;
    width: 15px;
    height: 15px;
    padding: 0;
    border: 0;
    background: transparent url(../design/svg/q4-icon_buttons.svg);
    background-size: 300%;
    font-size: 0;
    cursor: pointer;
}


/*--------Desktop Search---------*/

.module-desktop-search {
    max-width: 34px;
    display: inline-block;
    text-align: right
}

.module-desktop-search .module_container--inner {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 250px;
    z-index: 99;
    padding: 20px;
    background-color: #e59f2a;
    z-index: 99999;
}

.module-desktop-search .module_container--inner.js--revealed {
    display: block;
}

.module-desktop-search .module_title {
    color: #5b5b5b;
    font-size: 1.6rem;
    margin-bottom: 22px;
    padding: 5px;
    cursor: pointer;
}

.module-desktop-search .module_title:hover {
    color: #e59f2a;
}

@media only screen and (max-width: 1024px) {
    .module-desktop-search {
        display: none;
    }
}

/*--------Mobile Search---------*/
.module-mobile-search {
    padding: 35px 30px 35px 30px;
}

.module-mobile-search .module-search_button {
    top: 47px;
    right: 40px;
    left: initial;
}

.module-mobile-search .module-search_input {
    width: 100%;
    text-transform: uppercase;
    font-size: 12px;
    color: #033764;
    font-weight: normal;
    padding: 12px;
}


/*--------End Desktop Search---------*/

.module-search-result_link {
    margin-bottom: 15px;
}

.module-search-result_description {
    display: block;
    margin-bottom: 15px;
}

.module-search-result_description:after {
    content: "...";
}

.module-search-result_url {
    display: none;
}


/*-------- SEC Module CSS --------*/

.module-sec .module_header {
    display: block;
    border: 1px solid #b3c3d1;
}

.module-sec .module_header-text {
    padding: 15px 23px;
    color: #033764;
    font-weight: 700;
}

.module-sec .module_item {
    padding: 0;
    border-left: 1px solid #b3c3d1;
    border-right: 1px solid #b3c3d1;
}

.module-sec .module_item ~ .module_item {
    border-top: 1px solid #b3c3d1;
}

.module-sec .module_item + .module_footer {
    border-bottom: 1px solid #b3c3d1;
}

.module-sec .module_item:last-child {
    border-bottom: 1px solid #b3c3d1;
}

.module-sec .module_item .grid_col {
    vertical-align: middle;
    padding: 15px 23px;
}

.module-sec .module_item .module-sec_filing {
    font-weight: bold;
}

@media only screen and (max-width: 768px) {
    .module-sec .module_header {
        display: none;
    }
    .module-sec .module_header + .module_item {
        border-top: 2px solid #b3c3d1;
    }
    .module-sec .module_item {
        padding: 15px 0;
    }
    .module-sec .module_item:first-child {
        border-top: 2px solid #b3c3d1;
    }
    .module-sec .module_item:last-child {
        border-bottom: 2px solid #b3c3d1;
    }
    .module-sec .module_item .grid_col {
        padding: 0 5px;
    }
    .module-sec .module_item + .module_footer {
        border-bottom: 2px solid #b3c3d1;
    }
}


/*------------  Tabs Navigation-------------*/

.module_tabs-navigation ul {
    margin: 0px;
    list-style-type: none;
    padding-left: 0px;
}

.module_tabs-navigation ul li {
    display: inline-block;
    float: left;
    margin-right: 5px;
    vertical-align: baseline;
}

.module_tabs-navigation a {
    display: block;
    font-size: 1.4rem;
    padding: 18px 30px;
    font-weight: 400;
    color: #fff;
    background-color: #033764;
    transition: 0.3s all ease-in-out;
    cursor: pointer;
    text-transform: uppercase;
}

.module_tabs-navigation a:hover,
.module_tabs-navigation li.js--expanded a {
    background-color: #e59f2a;
    color: #fff;
}

.nav--local {
    display: inline-block;
}

@media only screen and (max-width: 620px) {
    .module_tabs-navigation ul li {
        width: 100%;
        margin-bottom: 5px;
        text-align: center;
    }
}


/*------------ End Tabs Navigation-------------*/

.module-sec_download-list {
    margin: 0px;
}

.module-sec_download-list-item {
    display: inline-block;
}

.module-sec_download-list .module_link {
    margin: 0;
}

.module-sec_download-list .module_link:before {
    font-size: 24px;
    font-size: 2.4rem;
}

@media only screen and (max-width: 768px) {
    .module-sec_date,
    .module-sec_filer,
    .module-sec_filing,
    .module-sec_description {
        margin-bottom: 15px;
    }
}

.module-sec-details_download-list {
    padding-left: 0px;
}

.module-sec-details_date,
.module-sec-details_description {
    margin-bottom: 15px;
}

.module-sec-details_download-list-item {
    display: inline-block;
}

.module-sec-details_download-list .module_link {
    margin: 0;
}

.module-sec-details_download-list .module_link:before {
    font-size: 24px;
    font-size: 2.4rem;
}


/*---- Accessibility Skip Link ---*/

.module-skip_link {
    position: absolute;
    top: -100px;
    left: 50%;
    padding: 15px 20px;
    background: transparent;
    color: white;
    transform: translate(-50%, 0);
    transition: 0.5s ease-in-out;
    z-index: 100;
}

.module-skip_link:focus,
.module-skip_link:active,
.module-skip_link:hover {
    top: 0;
    background: #006fba;
    outline: 0;
}

.module-skip_link:visited {
    color: #fff;
}

.module-slider .module_container--outer {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.module-slider .module_container--inner {
    display: table-cell;
    vertical-align: middle;
    height: 390px;
}

.module-slider .slick-slider {
    padding: 0 40px;
}

.module-slider .slick-slider .slick-slide {
    float: none;
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
}

.module-slider .slick-arrow:before {
    font-size: 30px;
}

.module-slider .module_add-to-calendar-reveal {
    color: #fff;
}

.module-slider .module-slider_title h1 {
    margin: 0;
}

.module-slider .module_loader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.module-slider_description {
    font-size: 24px;
    font-size: 2.4rem;
    margin-top: 10px;
}

.module-slider_description .module_date-time {
    font-size: inherit;
}

.module-slider_description p {
    margin: 10px 0;
}

.module-slider_description p:first-child {
    margin-top: 0;
    margin-bottom: 10px;
}

.module-slider_description .module_links {
    margin-top: 10px;
    margin-bottom: 0;
}


/*------ Stock Chart Widget ------*/

.module-stock-chart .highcharts-legend-item:first-child path {
    stroke: #e59f2a;
}

.module-stock-chart .highcharts-legend-item:first-child text {
    cursor: default !important;
}

.module-stock-chart .highcharts-series-0 {
    stroke: #e59f2a;
}

.module-stock-chart .highcharts-series-0 path:first-child {
    stroke: #e59f2a;
}

.module-stock-chart .highcharts-series-group .highcharts-series-2 path {
    stroke: #e59f2a;
}

.module-stock-chart .highcharts-navigator rect {
    fill: rgba(229, 159, 42, 0.6)
}

.module-stock-chart .highcharts-navigator-handle {
    stroke: rgba(229, 159, 42, 0.05);
    fill: #f2f2f2;
    cursor: ew-resize;
}

.module-stock-chart .highcharts-navigator-handle-right rect,
.module-stock-chart .highcharts-navigator-handle-left rect {
    stroke-width: 0;
    fill: #e59f2a;
}

.module-stock-chart .highcharts-navigator-handle-right path,
.module-stock-chart .highcharts-navigator-handle-left path {
    stroke: #fff;
}

.module-stock-chart .highcharts-highcharts-scrollbar g:first-of-type rect {
    fill: #e59f2a;
    stroke: #e59f2a;
}

.module-stock-chart .highcharts-range-selector {
    box-sizing: content-box;
}

.module-stock-chart .highcharts-range-input rect {
    stroke: #cccccc;
    fill: #f2f2f2;
}

.module-stock-chart .highcharts-button rect,
.module-stock-chart .highcharts-input-group rect {
    stroke-width: 0;
    fill: rgba(0, 0, 0, 0.05);
}

.module-stock-chart .highcharts-button text,
.module-stock-chart .highcharts-input-group text {
    fill: #333333;
}

.module-stock-chart .highcharts-container > svg > .highcharts-button {
    display: none;
}


/*------ Stock Header Module -----*/

.module-stock-header {
    color: #033764;
    width: 360px;
    display: inline-block;
}

.module-stock-header .module-stock-header_container {
    padding: 38px 20px 35px;
    background: #fcf8ef;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.11);
}

.module-stock-header .module-stock-header_image {
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.11);
    margin-bottom: 20px;    
}

.module-stock-header .module-stock-header_image img {
    vertical-align: bottom;
}

.module-stock-header_description1 {
    font-size: 1.6rem;
    display: block;
    font-weight: 900;
    margin-bottom: 10px;
}

.module-stock-header_description2 {
    font-size: 1.6rem;
    text-transform: uppercase;
    margin-bottom: 18px;
    display: block;
}

.module-stock-header_stock-price {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 48px;
    font-size: 4.8rem;
    font-weight: 900;
    width: 50%;
    vertical-align: middle;
}

.module-stock-header_stock-price:before {
    content: '$';
}

.module-stock-header_change,
.module-stock-header_percent-change {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 16px;
    font-size: 1.6rem;
    width: 50%;
    vertical-align: middle;
    position: relative;
}

.module-stock-header_percent-change:before {
    content: '(';
}

.module-stock-header_percent-change .module-stock-header_indicator {
    display: none;
}

.module-stock-header_percent-change:after {
    content: ')';
}

.module-stock-header_up:before {
    content: "";
    color: #e59f2a;
    display: inline-block;
    vertical-align: middle;
    border: 30px solid transparent;
    border-bottom: 30px solid #e59f2a;
    position: absolute;
    top: -24px;
    left: 0;
}

.module-stock-header_down:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    border: 30px solid transparent;
    border-top: 30px solid red;
    position: absolute;
    top: 5px;
    left: 0;
}

.module-stock-header_indicator {
    display: inline-block;
    vertical-align: middle;
    padding-left: 70px;
}

.module-stock-header_indicator-change,
.module-stock-header_indicator-perChange {
    display: block;
    text-align: left;
}

.module-stock-header_volume-wrap {
    display: block;
    margin-bottom: 25px;
    border-top: 1px solid #e59f2a;
    padding-top: 13px;
}

.module-stock-header_volume-text {
    float: left;
}

.module-stock-header_volume {
    float: right;
}


/*.module-stock-header_volume:before {
  content: 'Volume: ';
  font-weight: bold;
}*/

.module-stock-header_description3 {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
}

.module-stock-header_description3 i {
    vertical-align: middle;
    margin-left: 10px;
}

.module-stock-header_date {
    /*display: none;*/
    display: block;
    margin-top: 10px;
}

@media only screen and (max-width: 1024px) {
    .module-stock-header {
        display: block;
        margin: 0 auto;
        padding-top: 30px;
    }
}

@media only screen and (max-width: 480px) {
    .module-stock-header {
        width: 280px;
    }
    .module-stock-header_stock-price {
        font-size: 30px;
        font-size: 3rem;
    }
    .module-stock-header_change,
    .module-stock-header_percent-change {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .module-stock-header_indicator {
        padding-left: 40px;
    }
    .module-stock-header_up:before {
        border: 15px solid transparent;
        border-bottom: 15px solid #e59f2a;
        top: -3px;
        left: 0;
    }
    .module-stock-header_down:before {
        border: 15px solid transparent;
        border-top: 15px solid red;
        top: 10px;
        left: 0;
    }
}


/*------ Stock Quote Module ------*/

.module-stock .module_options {
    margin-bottom: 30px;
}

.module-stock .module_container--content {
    border-top: 1px solid rgba(34, 34, 34, 0.2);
}

.module-stock-historical .module_options-submit {

}

@media only screen and (max-width: 768px) {
    .module-stock.module-stock-historical .module-stock_empty {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .module-stock-historical .module_options-label,
    .module-stock-historical .module_options-select,
    .module-stock-historical .module_options-submit {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
}

.module-stock .stock-historical-range .module_options > *:not(:last-of-type) {
    margin-bottom: 20px;
}

.module-stock_lookup-title {
    padding-left: 20px;
}

.module-stock-quote .module-stock_lookup-title-text {
    display: none;
}

.module-stock-quote .module-stock_indice:after {
    content: ': PHM';
}

@media only screen and (max-width: 768px) {
    .module-stock_lookup-title {
        padding-left: 10px;
    }
}

@media only screen and (max-width: 480px) {
    .module-stock_lookup-title {
        padding-left: 5px;
    }
}

.module-stock_label,
.module-stock_value {
    border-bottom: 1px solid rgba(34, 34, 34, 0.2);
}

.module-stock_label > span,
.module-stock_value > span {
    display: block;
    padding: 15px 20px;
}

@media only screen and (max-width: 768px) {
    .module-stock_label > span,
    .module-stock_value > span {
        padding: 15px 10px;
    }
}

@media only screen and (max-width: 480px) {
    .module-stock_label > span,
    .module-stock_value > span {
        padding: 15px 0 15px 5px;
    }
}

.module-stock_up {
    color: #23a217;
}

.module-stock_down {
    color: #b72121;
}

.module-stock_label {
    font-weight: normal;
}

.module-stock_value .module-stock_price:before,
.module-stock_value .module-stock_high:before,
.module-stock_value .module-stock_low:before,
.module-stock_value .module-stock_open:before,
.module-stock_value .module-stock_close:before,
.module-stock_value .module-stock_week-low:before,
.module-stock_value .module-stock_week-high:before,
.module-stock_value .module-stock_previous-close:before {
    content: "$";
}

.module-stock_date {
    margin-top: 25px;
    font-size: 14px;
    font-size: 1.4rem;
    font-style: italic;
    text-align: right;
}

.module-stock_date-text {
    margin-right: 15px;
}


/*- MailingList Subscribe Module -*/

.module-subscribe_table {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.module-subscribe_table tbody {
    width: 100%;
    display: block;
}

.module-subscribe_form {
    font-size: 0;
}

.module-subscribe_form tr {
    display: inline-block;
    width: 50%;
    margin-bottom: 20px;
    vertical-align: top;
    font-size: 16px;
    font-size: 1.6rem;
}

.module-subscribe_form tr:nth-child(even) {
    padding-left: 10px;
}

.module-subscribe_form tr:nth-child(odd) {
    padding-right: 10px;
}

.module-subscribe_form tr.module-subscribe_notes-text {
    margin: 0;
}

.module-subscribe_form tr.module-subscribe_notes-text,
.module-subscribe_form tr.module-subscribe_notes-input {
    display: block;
    width: 100%;
    padding: 0;
}

@media only screen and (max-width: 768px) {
    .module-subscribe_form tr {
        width: 100%;
    }
    .module-subscribe_form tr:nth-child(even) {
        padding-left: 0;
    }
    .module-subscribe_form tr:nth-child(odd) {
        padding-right: 0;
    }
}

.module-subscribe_form td {
    display: block;
}

.module-subscribe_form label {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 14px;
    font-size: 1.4rem;
}

.module-subscribe_mailing-list tr.module-subscribe_list-header td {
    padding-bottom: 15px;
}

.module-subscribe_mailing-list tr table td {
    padding-bottom: 10px;
}

.module-subscribe_mailing-list tr table tr:last-child td {
    padding-bottom: 0;
}

.module-subscribe .module_required {
    font-size: 14px;
    font-size: 1.4rem;
}

.module-subscribe .CaptchaContainer {
    width: 50%;
}

@media only screen and (max-width: 768px) {
    .module-subscribe .CaptchaContainer {
        width: 100%;
    }
}


/* MailingList Unsubscribe Module */

.module-unsubscribe_table {
    width: 50%;
}

@media only screen and (max-width: 768px) {
    .module-unsubscribe_table {
        width: 100%;
    }
}

.module-unsubscribe_table td {
    padding-right: 10px;
}

@media only screen and (max-width: 768px) {
    .module-unsubscribe_table td {
        padding-right: 0;
    }
}

.module-unsubscribe_table label {
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 5px;
}

.module-unsubscribe_table .module_input[type="text"] {
    background-color: #fff;
}


/*==================================
 ----------- LAYOUT CSS -----------
==================================*/


/*------- iframe layout CSS ------*/

.layout--iframe .pane--content .module_container--outer {
    max-width: none;
}

.pane--content .module-social-iframe .module_container--outer {
    padding: 0px !important;
}

.module-social-iframe iframe {
    height: 100vh;
    width: 100%;
}


/*==================================
 ----------- Pane Specific -----------
==================================*/


/*--------- Pane Header --------*/

.pane--header {
    position: relative;
}

.pane--header .pane_inner {
    max-width: 1340px;
    margin: 0 auto;
    padding: 0px 30px;
}

@media only screen and (max-width: 1024px) {
    .pane--header {
        border-bottom: 1px solid #e59f2a;
    }
    .layout--home .pane--header {
        border-bottom:none;
    }
}


/*--------- Pane Banner --------*/

.pane--banner {
    display: table;
    width: 100%;
    position: relative;
    height: 190px;
    background-image: url(../design/banner/banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-bottom: 1px solid #e59f2a;
    position: relative;
}

.layout--home .pane--banner {
    border-bottom:none;
}

.pane--banner::before {
    content: '';
    background: rgba(0,0,0,0.4);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.pane--banner .pane_inner {
    height: 100%;
}

.layout--home .pane--banner .pane_inner {
    height: 100%;
}

.layout--home .pane--banner {
    display: block;
    height: 525px;
    background-image: linear-gradient( 90deg, rgba(3, 55, 100, ) 0%, rgba(137, 161, 182, 0.5) 10%, rgba(255, 255, 255, 0.45) 19%, rgba(255, 255, 255, 0.39) 30%, rgba(255, 255, 255, 0) 100%)/*, url(../design/banner/banner.jpg)*/;
    background-image: -moz-linear-gradient( 90deg, rgb(3, 55, 100) 0%, rgba(137, 161, 182, 0.5) 10%, rgba(255, 255, 255, 0.45) 19%, rgba(255, 255, 255, 0.39) 30%, rgba(255, 255, 255, 0) 100%)/*, url(../design/banner/banner.jpg)*/;
    background-image: -webkit-linear-gradient( 90deg, rgb(3, 55, 100) 0%, rgba(137, 161, 182, 0.5) 10%, rgba(255, 255, 255, 0.45) 19%, rgba(255, 255, 255, 0.39) 30%, rgba(255, 255, 255, 0) 100%)/*, url(../design/banner/banner.jpg)*/;
    background-image: -ms-linear-gradient( 90deg, rgb(3, 55, 100) 0%, rgba(137, 161, 182, 0.5) 10%, rgba(255, 255, 255, 0.45) 19%, rgba(255, 255, 255, 0.39) 30%, rgba(255, 255, 255, 0) 100%)/*, url(../design/banner/banner.jpg)*/;
}

.layout--home .pane--banner:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient( 90deg, rgba(3, 55, 100, ) 0%, rgba(137, 161, 182, 0.5) 10%, rgba(255, 255, 255, 0.45) 19%, rgba(255, 255, 255, 0.39) 30%, rgba(255, 255, 255, 0) 100%);
    background-image: -moz-linear-gradient( 90deg, rgb(3, 55, 100) 0%, rgba(137, 161, 182, 0.5) 10%, rgba(255, 255, 255, 0.45) 19%, rgba(255, 255, 255, 0.39) 30%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(3, 55, 100) 0%, rgba(137, 161, 182, 0.5) 10%, rgba(255, 255, 255, 0.45) 19%, rgba(255, 255, 255, 0.39) 30%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(3, 55, 100) 0%, rgba(137, 161, 182, 0.5) 10%, rgba(255, 255, 255, 0.45) 19%, rgba(255, 255, 255, 0.39) 30%, rgba(255, 255, 255, 0) 100%);
}

.ParentSection_about-us .pane--banner,
.Sectionabout-us .pane--banner {
    background-image: url(../design/banner/Macey-Kessler-InternalBanner_About.jpg);
}

.ParentSection_built-to-honor .pane--banner,
.Sectionbuilt-to-honor  .pane--banner {
    background-image: url(../design/banner/b2hbanner.jpg);
}

.ParentSection_contact-us  .pane--banner,
.Sectioncontact-us .pane--banner {
    background-image: url(../design/banner/Macey-Kessler-InternalBanner_ContactUs.jpg);
}

.Sectionpress-releases .pane--banner,
.Sectionevents-and-presentations .pane--banner,
.ParentSection_investor-relations .pane--banner,
.Sectioninvestor-relations .pane--banner {
    background-image: url(../design/banner/InternalBanner_InvestorRelations-crop.jpg);
}

.PageInvestorResources .pane--banner,
.SectionInvestorResources .pane--banner,
.Sectioninvestor-resources .pane--banner {
    background-image: url(../design/banner/InternalBanner_InvestorResources_crop.jpg);
    background-position: 100% 60%;
}

.ParentSection_our-brands .pane--banner,
.Sectionour-brands .pane--banner {
    background-image: url(../design/banner/OurBrands_crop.jpg);
}


/*--------- Pane Navigation --------*/

.pane--navigation {
    width: 280px;
    position: fixed;
    z-index: 10;
    top: 78px;
    bottom: 0px;
    left: 100%;
    overflow-y: auto;
    background-color: #fcf8ef;
    visibility: hidden;
    transform: translateX(0);
    transition: transform 0.5s ease-in-out 0s, visibility 0s linear 0.6s;
    z-index: 999;
}

@media only screen and (max-width: 1024px) {
    .layout.js--mobile {
        overflow: hidden;
        position: fixed;
        top: 0;
        width: 100%;

    }
    .layout.js--mobile .pane--navigation {
        transform: translateX(-100%);
        visibility: visible;
        transition: transform 0.5s ease-in-out 0s, visibility 0s linear 0s;
    }
}


/*--------- Pane Left --------*/

.pane--left .pane_inner {
    max-width: 1280px;
    padding: 0px 20px;
    margin: 0 auto;
}

.page--investor-relations .pane--left .pane_inner {
    padding: 47px 20px 76px;
}


/*--------- Pane Content --------*/

.layout--home .pane--content {
    margin-top: 130px;
}

.layout--home .pane--content .module_container--outer {
    max-width: 1320px;
    padding: 0px 20px;
    margin: 0 auto;
}

.pane--content .module_container--outer {
    max-width: 1280px;
    padding: 50px 20px 50px;
    margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
    .pane--content .module_container--outer {
        max-width: none;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.pane--content .pane_inner > span > span:first-child .module_container--outer {
    padding-top: 50px;
}

.pane--content .module--no-padding-bottom {
    padding-bottom: 0 !important;
}

.pane--content .module--thin .module_container--outer {
    padding-top: 30px;
    padding-bottom: 30px;
}

.pane--content .module--thin-top .module_container--outer {
    padding-top: 30px;
}

.pane--content .module--thin-bottom .module_container--outer {
    padding-bottom: 30px;
}

.pane--content .module--thick .module_container--outer {
    padding-top: 105px;
    padding-bottom: 105px;
}

.pane--content .module--thick-top .module_container--outer {
    padding-top: 105px;
}

.pane--content .module--thick-bottom .module_container--outer {
    padding-bottom: 105px;
}

.pane--content .module--no-padding .module_container--outer {
    padding-top: 0;
    padding-bottom: 0;
}

.pane--content .module--no-padding-top .module_container--outer {
    padding-top: 0;
}

.pane--content .module--no-padding-bottom .module_container--outer {
    padding-bottom: 0;
}

.pane--content .module-sitemap {
    padding-bottom: 50px;
}


/*--------- Pane Footer --------*/

.pane--footer {
    background-color: #012d52;
}

.pane--footer .pane_inner {
    max-width: 1350px;
    padding: 45px 50px 40px;
    margin: 0 auto;
}

.pane--footer h2.module_title {
    color: #e59f2a;
}

@media only screen and (max-width: 1024px) {
    .pane--footer .pane_inner {
        padding: 45px 30px 40px;
        margin: 0 auto;
    }
}


/*--------- Pane Credits --------*/

.pane--credits {
    background-color: #022542;
    color: rgba(255, 255, 255, 0.5);
}

.pane--credits .pane_inner {
    max-width: 1340px;
    padding: 18px 30px;
    margin: 0 auto;
}


/*==================================
 ----------- Globals -----------
==================================*/


/*-------- Logo Header -------*/

.module-logo {
    max-width: 160px;
    position: absolute;
    left: 0;
    top: 0;
}

.module-logo a {
    height: 66px;
    display: block;
    padding-top: 4px;
    padding-left: 7px;
    position: relative;
    z-index: 101;
}

@media only screen and (max-width: 1024px) {
    .module-logo {
        margin-top: 12px;
        position: static;
        float: left;
    }
}


/*-------- Mobile Toggle -------*/

.layout_toggle {
    display: none;
    float: right;
    margin-top: 25px;
}

.layout_toggle i {
    font-size: 2.2rem;
}

.layout.js--mobile .layout_toggle i {
    color: #e59f2a;
}

@media only screen and (max-width: 1024px) {
    .layout_toggle {
        display: block;
    }
}


/*-------- Page Title -------*/

.pane.pane--banner .module-page-title .module_title {
    color: #fff;
}

.module-page-title  {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 1280px;
    padding: 0px 20px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

/*-------- Page Title - Home -------*/

.module-banner-slider,
.module-banner-slider .module_container--outer,
.module-banner-slider .module_container--inner,
.module-banner-slider .module_container--content,
.module-banner-slider .module_container--content > div,
.module-banner-slider .module_banner-container,
.module-banner-slider .module_banner-container .slick-list {
    height: 100%;
}

.module-banner-slider .module_banner-container .slick-list,
.module-banner-slider .module_banner-container .slick-list .slick-track {
    height: 100% !important;
}

.module_banner-item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.module_banner-container .module_banner-item {
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
}

.module_banner-item:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient( 90deg, rgba(3, 55, 100, ) 0%, rgba(137, 161, 182, 0.5) 10%, rgba(255, 255, 255, 0.45) 19%, rgba(0, 0, 0, 0.39) 30%, rgba(255, 255, 255, 0) 100%);
    background-image: -moz-linear-gradient( 90deg, rgb(3, 55, 100) 0%, rgba(137, 161, 182, 0.5) 10%, rgba(255, 255, 255, 0.45) 19%, rgba(0, 0, 0, 0.39) 30%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(3, 55, 100) 0%, rgba(137, 161, 182, 0.5) 10%, rgba(255, 255, 255, 0.45) 19%, rgba(0, 0, 0, 0.39) 30%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(3, 55, 100) 0%, rgba(137, 161, 182, 0.5) 10%, rgba(255, 255, 255, 0.45) 19%, rgba(0, 0, 0, 0.39) 30%, rgba(255, 255, 255, 0) 100%);
}

.module_banner-container .module_banner-item.slick-active:before {
    background-image: -webkit-linear-gradient(left, rgba(252,248,239,1) 0%, rgba(252,248,239,1) 0%, rgba(252,248,239,0.7) 50%, rgba(252,248,239,0.68) 53%, rgba(252,248,239,0.1) 88%, rgba(252,248,239,0.1) 100%);
    border: 1px solid #f1f1f1;
}

.module-banner-slider .module_slider-container .module_slider-item.slick-current .module_slider-wrap {
    padding-bottom: 5px;
    border-bottom: 2px solid #e59f2a;
}

.module-banner-slider {
    position: relative;
    z-index: 99;
}

.module-banner-slider .module_slider-content {
    padding: 15px 30px;
    width: 100%;
}

.module-banner-slider .module_description-content {
    max-width: 1220px;
    margin: 0 auto;
    position: relative;
    padding: 70px 30px 0px;
}

.module-banner-slider .module_banner-container .slick-list:before {
    content: "";
    display: block;
    background: rgba(33,80,122,0.7);
    position: absolute;
    top: 0;
    left: -4px;
    width: 20%;
    bottom: 0;
    z-index: 1;
}

.module-banner-slider .module_banner-container .slick-list:after {
    content: "";
    display: block;
    background: rgba(33,80,122,0.7);
    position: absolute;
    top: 0;
    right: -4px;
    width: 20%;
    bottom: 0;
    z-index: 1;
}

.module_description-wrapper {
    max-width: 356px;
    background: rgba(255,255,255,0.8);
    padding: 20px;
}

/*.module-banner-slider .module_description-wrapper h1.module_title {
    color: #fff;
}*/
.module-banner-slider .module_slider-container {
    max-width: 1018px;
    margin: 0 auto;
}

.module-page-title--home p {
    font-size: 1.6rem;
    margin-bottom: 35px;
}


/*-------- Banner Slider -------*/

/*.module-banner-slider {
    position: absolute;
    z-index: 5;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.3);
}*/


.module-banner-slider .module_slider-item {
    padding: 0px 10px;
}

.module-banner-slider .slick-slider {
    padding: 0px;
}

.module-banner-slider .slick-arrow {
    color: #000;
}

.module-banner-slider .slick-arrow:before {
    font-size: 3rem;
    font-weight: bold;
}

.module-banner-slider .slick-prev {
    left: 15%;
    color: #fff;
}

.module-banner-slider .slick-next {
    right: 15%;
    color:#fff;
}

.module-banner-slider .module_slider-img {
    cursor: pointer;
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (max-width: 767px) {
    .module-banner-slider .module_banner-container .slick-list:before,
    .module-banner-slider .module_banner-container .slick-list:after {
        width:10%;
    }
    .module-banner-slider .slick-prev {
        left:0;
    }
    .module-banner-slider .slick-next {
        right:0;
    }
}

@media only screen and (max-width: 480px) {
    .module-banner-slider .module_slider-img {
        height: 68px;
    }

    .module-banner-slider .slick-arrow:before {
        font-size: 2rem;
    }
}


/*-------- Footer Quick Links -------*/

.module-footer-links2 h2.module_title {
    visibility: hidden;
}

.module-footer-links .module-links_list-item-link {
    padding: 5px 0px;
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.4rem;
}

.module-footer-links .module-links_list-item-link:before {
    font-family: 'q4-icons';
    content: "\edbe";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #e59f2a;
    margin-right: 10px;
}

.module-footer-links ul {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

@media only screen and (max-width: 768px) {
    .module-footer-links2 h2.module_title {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .module-footer-links .module-links_list-item-link {
        font-size: 1.4rem;
    }
}


/*-------- Footer Email Alerts -------*/

.module-subscribe--footer .module_introduction {
    display: none;
}

.module-subscribe--footer .module-subscribe_form label,
.module-subscribe--footer .module-subscribe_form .module_required {
    display: none;
}

.module-subscribe--footer .module-subscribe_email {
    width: 100%;
}

.module-subscribe--footer .module-subscribe_email .module_input {
    background-color: transparent;
    border: 1px solid #4e6c86;
    color: #8096a9;
}

.module-subscribe--footer .module-subscribe_email .module_input::-webkit-input-placeholder {
    color: #8096a9;
}

.module-subscribe--footer .module-subscribe_email .module_input:-moz-placeholder {
    color: #8096a9;
}

.module-subscribe--footer .module-subscribe_email .module_input::-moz-placeholder {
    color: #8096a9;
}

.module-subscribe--footer .module-subscribe_email .module_input:-ms-input-placeholder {
    color: #8096a9;
}

.module-subscribe--footer .module-subscribe_list-header {
    display: none;
}

.module-subscribe--footer .module-subscribe_mailing-list .module-subscribe_list td table tbody tr {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.module-subscribe--footer .module-subscribe_mailing-list tr table tr:last-child td {
    padding-bottom: 10px;
}

.module-subscribe--footer input[type='checkbox'] + label:before {
    border: 1px solid #4e6c86;
    vertical-align: middle;
}

.module-subscribe--footer .module-subscribe_mailing-list label {
    color: #8096a9;
    text-transform: capitalize;
    font-size: 1.4rem;
    line-height: 1.5;
}

.module-subscribe--footer .module_actions .button {
    background-image: linear-gradient(-22deg, rgba(3, 55, 100, 0) 0%, rgba(3, 55, 100, 0) 50%, rgba(3, 55, 100, 0.8) 51%);
    background-color: #012d52;
    width: 128px;
    color: #e59f2a;
    border: 1px solid #e59f2a;
    transition: all 0s ease-in-out;
}

.module-subscribe--footer .module_actions .button:hover {
    background-color: #e59f2a;
    color: #fff;
    background-image: linear-gradient(-22deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 51%);
}

@media only screen and (max-width: 768px) {
    .module-subscribe--footer,
    .pane--footer .module-subscribe {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 480px) {
    .module-subscribe--footer .module-subscribe_mailing-list label {
        font-size: 1.4rem;
        line-height: 1.5;
    }
}


/*-------- Credits Links -------*/

.module-credits-links {
    float: left;
}

.module-credits-links li {
    display: inline-block;
}

.module-credits-links li a {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.2rem;
    text-transform: uppercase;
    padding: 0px 13px;
}

.module-credits-links li ~ li a {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.module-credits-links li:first-child a {
    padding-left: 0px;
}

.copyright {
    float: right;
    font-size: 1.2rem;
    text-transform: uppercase;
}

@media only screen and (max-width: 1024px) {
    .module-credits-links,
    .copyright {
        float: none;
        display: block;
        text-align: center;
    }
    .copyright {
        margin-top: 25px;
    }
}


/*==================================
 -----------END Globals -----------
==================================*/


/*==================================
 -----------  LANDING PAGE -----------
==================================*/


/*-------- Stories -------*/

.layout--home .module-stories .module_container--outer {
    padding-top: 45px;
    padding-bottom: 65px;
}

.module-stories .module_item {
    padding: 0px;
    display: flex;
}

.module-stories .module_item ~ .module_item {
    border-top: none;
    margin-top: 20px;
}

.module-stories .module_pic {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 40%;
    position: relative;
}

.module-stories .module_pic a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.module-stories .module_description {
    width: 60%;
    background-color: #fcf8ef;
    padding: 45px 28px 55px;
}

.module-stories .module_description .module_more {
    margin-top: 12px;
    text-transform: uppercase;
    font-size: 1.4rem;
    display: inline-block;
}

.module-stories .module_description .module_more > span,
.module-stories .module_description .module_more > i {
    display: inline-block;
    vertical-align: middle;
}

.module-stories .module_description .module_more > i {
    margin-left: 5px;
}

@media only screen and (max-width: 768px) {
    .module-stories .module_item {
        display: block;
    }
    .module-stories .module_pic {
        width: 100%;
        padding-bottom: 50%;
    }
    .module-stories .module_description {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .module-stories .module_description {
        padding: 30px 20px;
    }
}


/*-------- Our Brands -------*/

.layout--home .module-our-brands .module_container--outer {
    padding-top: 45px;
    padding-bottom: 45px;
}

.module-our-brands .module_brand-img {
    height: 78px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: relative;
}

.module-our-brands .module_brand-img a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.module-our-brands h2.module_title {
    text-align: center;
}

.module-our-brands .module_container--wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.module-our-brands .module_container--wrap.grid {
    margin-left: -70px;
}

.module-our-brands .module_container--wrap .module_brand-item.grid_col {
    padding-left: 70px;
}

@media only screen and (max-width: 768px) {
    .module-our-brands .module_container--wrap.grid {
        margin-left: -20px;
    }

    .module-our-brands .module_container--wrap .module_brand-item.grid_col {
        padding-left: 20px;
    }
}


/*==================================
 ------- INVESTOR RELATIONS --------
==================================*/


/*-------- Company Overview -------*/

.module_overview-brands {
    margin-top: 40px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.module-investors-overview {
    padding-right: 60px;
    width: calc(100% - 420px);
    display: inline-block;
}

@media only screen and (max-width: 1024px) {
    .module-investors-overview {
        padding-right: 0px;
        width: 100%;
        display: block;
    }
}


/*-------- Latest Presentation and Quarter -------*/

.module_presentation-and-quarter .module_container--outer {
    padding-top: 70px;
    padding-bottom: 70px;
}

.module_presentation-and-quarter .module-slideshow_viewer,
.module_presentation-and-quarter .module-slideshow_link-container {
    vertical-align: middle;
}

@media only screen and (max-width: 1024px) {
    .module_presentation-and-quarter .module-slideshow_link-container {
        margin-top: 30px;
    }
}

.module-quarter-latest .module_links {
    margin-bottom: 35px;
}

.module-quarter-latest .module_quarter-heading {
    font-size: 1.6rem;
    color: #033764;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.module-quarter-latest .module_item {
    padding: 0px;
}

.module-quarter-latest .module_quarter-category {
    padding: 14px 28px;
    background-color: #fcf8ef;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.11);
}

.module-quarter-latest .module_quarter-category ~ .module_quarter-category {
    margin-top: 8px;
}

.module-quarter-latest .module-circle {
    background-color: #f2efe9;
    padding: 11px;
    border-radius: 100%;
    margin-right: 15px;
    font-size: 2.2rem;
    display: inline-block;
}

.module-quarter-latest .module_link-text {
    text-transform: capitalize;
    font-size: 1.6rem;
    color: #535353;
    font-weight: 400;
}

.module-quarter-latest .module_all {
    text-transform: uppercase;
    font-size: 1.4rem;
}

@media only screen and (max-width: 768px) {
    .module-quarter-latest {
        margin-top: 30px;
    }
}


/*-------- Module Specific -------*/


/*-------- Latest News -------*/

.module-news-and-events {
    background-color: #012d52;
    background-image: url(../images/backgrounds/house_bkg.png);
    background-repeat: no-repeat;
    background-position: center right;
}

.module-news-and-events .module_container--outer {
    padding-top: 75px;
    padding-bottom: 75px;
}

.module-news-and-events h2.module_title {
    color: #fff;
}

.module-news-and-events .module_latest-button:hover {
    color: #fff;
}

.module-news-and-events .module_latest-button {
    text-transform: uppercase;
}

.module-news-and-events .module_latest-button i {
    vertical-align: middle;
    margin-left: 10px;
}

.module-news-and-events .module_add-to-calendar-reveal:hover {
    color: rgba(255, 255, 255, 0.5) !important;
}


@media only screen and (max-width: 768px) {
    .module-event-latest {
        margin-top: 30px;
    }
    .module_container.module_container--content:before {
        display: none;
    }
    .module-news-and-events .module_container--outer {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}


/*-------- Our Brands -------*/

.module-our-brands-overview {
    text-align: center;
}

.module-our-brands-overview .module_container--outer {
    max-width: 920px;
    padding-top: 50px;
    padding-bottom: 25px;
    position: relative;
}

.module-our-brands-overview .module_container--outer:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 43%;
    height: 1px;
    background-color: #b3c3d1;
}

.module-our-brands-overview p {
    font-size: 2rem;
    font-weight: 300;
}

.module-our-brands-overview p ~ p {
    margin-top: 15px;
}


/*-------- Our Brands Slider -------*/


/*.module-slider-brands .module_slider-item .module_slider-pic {
  height: 75px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}*/

.module-slider-brands .module_slider .module_slider-pic {
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    height: 74px;
}

.module-slider-brands .module_pic-hover {
    display: none;
}

.module-slider-brands .module_slider-pic-wrap:hover .module_pic-hover,
.module-slider-brands .module_slider .module_slider-item.slick-current .module_pic-hover {
    display: block;
}

.module-slider-brands .module_slider-pic-wrap:hover .module_pic-unhover,
.module-slider-brands .module_slider .module_slider-item.slick-current .module_pic-unhover {
    display: none;
}

.module-slider-brands .module_slider .slick-slide img {
    display: inline-block;
    vertical-align: middle;
}

.module-slider-brands .module_slider .module_slider-pic:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0px;
}

@media only screen and (max-width: 1024px) {
    .module-slider-brands .module_slider .module_slider-pic {
        background-size: contain;
    }
}

.module-slider-brands .module_slider .module_slider-pic-wrap {
    padding: 0px 25px;
    position: relative;
    text-align: center;
}

.module-slider-brands .module_slider .module_slider-pic-wrap:after {
    content: '';
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
}

/*.module-slider-brands .module_slider .module_slider-pic-wrap-pultehomes:after {
    background-image: url(../images/our-brands/pulte.png);
}

.module-slider-brands .module_slider .module_slider-pic-wrap-centex:after {
    background-image: url(../images/our-brands/centrex.png) !important;
}

.module-slider-brands .module_slider .module_slider-pic-wrap-delwebb:after {
    background-image: url(../images/our-brands/delwebb.jpg) !important;
}

.module-slider-brands .module_slider .module_slider-pic-wrap-divosta:after {
    background-image: url(../images/our-brands/divosta.png) !important;
}

.module-slider-brands .module_slider .module_slider-pic-wrap-wieland:after {
    background-image: url(../images/our-brands/john_wieland.jpg) !important;
}

.module-slider-brands .module_slider .module_slider-pic-wrap-pultemortgage:after {
    background-image: url(../images/our-brands/pulte_mortgage.png) !important;
}

.module-slider-brands .module_slider .module_slider-item.slick-current .module_pic-pultehomes,
.module-slider-brands .module_slider .module_slider-item:hover .module_pic-pultehomes {
    background-image: url(../images/our-brands/pulte.png) !important;
}

.module-slider-brands .module_slider .module_slider-item.slick-current .module_pic-centex,
.module-slider-brands .module_slider .module_slider-item:hover .module_pic-centex {
    background-image: url(../images/our-brands/centrex.png) !important;
}

.module-slider-brands .module_slider .module_slider-item.slick-current .module_pic-delwebb,
.module-slider-brands .module_slider .module_slider-item:hover .module_pic-delwebb {
    background-image: url(../images/our-brands/delwebb.jpg) !important;
}

.module-slider-brands .module_slider .module_slider-item.slick-current .module_pic-divosta,
.module-slider-brands .module_slider .module_slider-item:hover .module_pic-divosta {
    background-image: url(../images/our-brands/divosta.png) !important;
}

.module-slider-brands .module_slider .module_slider-item.slick-current .module_pic-wieland,
.module-slider-brands .module_slider .module_slider-item:hover .module_pic-wieland {
    background-image: url(../images/our-brands/john_wieland.jpg) !important;
}

.module-slider-brands .module_slider .module_slider-item.slick-current .module_pic-pultemortgage,
.module-slider-brands .module_slider .module_slider-item:hover .module_pic-pultemortgage {
    background-image: url(../images/our-brands/pulte_mortgage.png) !important;
}*/

.module-slider-brands .module_container--outer {
    padding-top: 40px;
    padding-bottom: 60px;
}

.module-slider-brands .module_wrap {
    display: flex;
}

@media only screen and (max-width: 768px) {
    .module-slider-brands .module_wrap {
        display: block;
    }
    .module-slider-brands .module_container--outer {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.module-slider-brands .slick-arrow {
    top: calc(50% - 26px);
}

.module-slider-brands .slick-arrow:before {
    font-size: 3rem;
    color: #e59f2a;
}

.module-slider-brands .slick-prev {
    left: -20px;
}

.module-slider-brands .slick-next {
    right: -20px;
}

.module-slider-brands .slick-prev:before {
    content: "\e90d";
}

.module-slider-brands .slick-next:before {
    content: "\e90e";
}

.module-slider-brands .module_description {
    margin-top: 30px;
}

.module-slider-brands .module_description .module_description-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 504px;
}

@media only screen and (max-width: 768px) {
    .module-slider-brands .module_description .module_description-img {
        padding-bottom: 60%;
    }
}

.module-slider-brands .module_description-content {
    background-color: #fcf8ef;
    padding-top: 45px;
    padding-bottom: 45px;
    padding-right: 50px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.11);
}

.module-slider-brands .module_description .slick-dots {
    text-align: center;
    margin-top: 25px;
}

.module-slider-brands .module_description .slick-dots li {
    display: inline-block;
}

.module-slider-brands .module_description .slick-dots li button {
    font-size: 0px;
    border: 1px solid transparent;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    background-color: transparent;
    position: relative;
    cursor: pointer;
}

.module-slider-brands .module_description .slick-dots li button:before {
    content: "";
    background-color: #c4d0db;
    width: 7px;
    height: 7px;
    position: absolute;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.module-slider-brands .module_description .slick-dots li.slick-active button:before {
    background-color: #033764;
}

.module-slider-brands .module_description .slick-dots li.slick-active button {
    border: 1px solid #033764;
}

.module-slider-brands .module_description .button--inverted {
    text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
    .module-slider-brands .module_description-content {
        padding: 30px 20px 30px 40px;
    }
}


/*-------- Our Partners -------*/

.module-partners a {
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    .module-partners a {
        text-align: center;
    }
}


/*-------- Our Partners -------*/

.module_heroes {
    margin-top: 30px;
    display: inline-block;
    width: 100%;
}

.module-heros-banner {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.module-heros-banner .module_container--outer {
    margin-top: 47px;
    margin-bottom: 11px;
    padding-bottom: 0px;
    background-image: url(../images/backgrounds/red-hero-bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 1240px;
    min-height: 200px;
}

.module-heros-banner h5 {
    font-size: 2.1rem;
    font-weight: 700;
}

.module-heros-banner h4 {
    font-size: 5.7rem;
    font-weight: 300;
}

.module-hero-map .module_heromap {
    height: 460px;
    margin-bottom: 50px;
    background-color: rgb(229, 244, 247);
}

.module-hero-map .module_heromap h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    color: #383434;
    padding: 30px 0 6px 0;
    font-weight: 600;
    margin-bottom: 0px;
}

.module-hero-map .module_heroes a {
    position: relative;
    height: 245px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    background-color: #ccc;
}

.module-hero-map .module_image-wrap {
    margin-bottom: 20px;
}

.module-hero-map .module_person-item {
    display: none;
}

.module-hero-map .module_image-wrap a p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 20px 0;
    background: rgba(153, 34, 36, 0.85);
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.jvectormap-zoomin,
.jvectormap-zoomout {
    display: none;
}

/*-------- Our Heroes -------*/
.module_heroes-pic-content {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.module_heroes-pic {
    margin-bottom: 20px;
}

.module_heroes-pic > a {
    display: block;
    height: 100%;
    background: #f6f6f6;
}

.module_heroes-pic img {
    padding: 10px;
}

/*----------- Why Invest Overview ---------*/
.module-invest-overview .module-invest-overview_img img {
    vertical-align: middle;
    margin-top: 10px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 480px) {
    .module-invest-overview .module-invest-overview_img img {
        vertical-align: middle;
        margin-bottom: 30px;
    }
}

/*----------- Pulte History ---------*/
.module-history_img-wrap {
    float: left;
    margin-right: 20px;
}

@media only screen and (max-width: 480px) {
    .module-history_img-wrap {
        float: none;
        margin-right: 0px;
        display: block;
    }
}

/*------ Built to Honor -------*/
.module_honor-overview-img {
    background-image: url(../images/SA_CentexThanks.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 303px;
}

.module_honor-overview-text {
    padding: 45px 40px 43px;
    background-color: #033764;
    color: #fff;
}

.module_honor-overview-text h3 {
    color: #fff;
    font-size: 2rem;
    text-transform: initial;
}

.module_honor-overview-text h3 span {
    text-transform: uppercase;
    font-weight: 900;
}

.module-honor-overview .module_honor-overview-conent .button-less {
    display: none;
}

.module-honor-overview .module_honor-overview-conent.js--active .button-less {
    display: inline-block;
}

.module-honor-overview .module_honor-overview-conent.js--active .button-more {
    display: none;
}

.module_honor-overview-text .button {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    position: relative;
    width: 126px;
    text-transform: uppercase;
    padding: 14px 25px 15px;
    display: inline-block;
    font-size: 1.6rem;
}

.module_honor-overview-text .button:hover {
    color: #000;
    z-index: 5;
}

.module_honor-overview-text .button:before {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.module_honor-overview-text .button:hover:before {
    opacity: 1;
    height: 100%;
    z-index: -1;
}

.module_honor-overview-text .button:after {
    font-family: 'q4-icons';
    content: "\edc2";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 8px;
    font-size: 1.2rem;
}

.module-honor-overview .module_honor-overview-conent.js--active .button:after {
    content: "\edba";
}

@media all and (max-width: 768px) {
    .module_honor-overview-text {
        padding: 30px 20px;
    }
}

/*------ Honor Page - Buttons  -------*/
.module-honor-buttons .module_container--outer {
    padding-top: 20px;
}

.module-honor-buttons .grid > div {
    overflow: hidden;
    vertical-align: bottom;
}

.module-honor-buttons .module_honor-buttons-wrap {
    min-height: 225px;
    text-align: center;
    padding-top: 65px;
    padding-bottom: 65px;
    transition: all 0.3s ease-in-out;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 120%;

}

.module-honor-buttons .module_honor-buttons-wrap:hover {
    background-size: 100%;
}

.module-honor-buttons .module_heroes {
    background-image: url(../images/backgrounds/red-hero-bg.jpg);
}

.module-honor-buttons .module_partners {
    background-image: url(../images/backgrounds/yellow-hero-bg.jpg);
}

.module-honor-buttons h5 {
    font-size: 2.1rem;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

.module-honor-buttons h5 i {
    font-size: 1.6rem;
}

.module-honor-buttons h4 {
    font-size: 57px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    padding-bottom: 22px;
    display: block;
}

.module-honor-buttons a {
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #fff;
    padding: 14px 25px 15px;
    width: 126px;
    display: inline-block;
    position: relative;
}

.module-honor-buttons a:hover {
    color: #000;
    z-index: 5;
}

.module-honor-buttons a:before {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.module-honor-buttons a:hover:before {
    opacity: 1;
    height: 100%;
    z-index: -1;
}

@media all and (max-width: 768px) {
    .module-honor-buttons .module_partners {
        margin-top: 20px
    }

    .module-honor-buttons h4 {
        font-size: 40px;
    }
}

/*---- Social Feed ----*/
.module-social .module_tabs {
    margin-bottom: 10px;
}
.module-social .module_tabs .button {
    display: block;
}
.module-social .module_tabs .button.js--selected {
    background: #e59f2a;
    color: #fff;
}
.module-social .module_tab {
    display: inline-block;
    padding-right: 5px;
    padding-bottom: 5px;
}
@media (max-width: 640px) {
    .module-social .module_tab {
        width: 50%;
    }
}
.module-social .module_container--content {
    padding: 0;
}
@media (max-width: 767px) {
    .module-social .module_container--content {
        padding: 0 20px;
        margin: 0;
    }

    .module-social .module_container--content .module_no-item {
        padding-left: 0px;
    }
}
.module-social .module_container--content .slick-arrow {
    color: #006fba;
}
.module-social .module_container--content .slick-arrow.slick-next {
    right: -20px;
}
.module-social .module_headline-link {
    color: #006fba;
}
.module-social .module_item.grid_col {
    padding: 0 0 0 20px;
    margin: 15px 0;
}
@media (max-width: 767px) {
    .module-social .module_item.grid_col {
        padding-left: 0;
    }
    .module-social .module_container--content .slick-arrow.slick-next {
        right: 0;
    }
}
.module-social .module_item-wrap {
    padding: 30px;
    background-color: #f6f6f6;
}
.module-social .module_item + .module_item {
    border-top: none;
}
.module-social .module_date {
    text-align: left;
    margin-bottom: 15px;
}
.module-social .module_headline {
    text-align: left;
    margin: 0;
    line-height: 1.5;
}
.module-social .module_icon {
    float: right;
    margin-left: 5px;
    margin-bottom: 5px;
    font-size: 20px;
    font-size: 2rem;
}
.module-social .module_icon .q4-icon_twitter {
    color: #1da1f2;
}
.module-social .module_icon .q4-icon_facebook {
    color: #365899;
}
.module-social .module_icon .q4-icon_youtube {
    color: #cc181e;
}

/*---- Careers Opportunities ----*/

.module-careers_opportunities .text-center .button {
    font-size: 1.6rem !important;
}

.module-careers_video {
    margin:0 auto;
    width: 100%;
    max-width: 560px;
    margin-bottom: 40px;
}
.module-careers_video-wrap {
    padding-bottom: 56%;
    position: relative;
}
.module-careers_video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}
.module-careers_opportunities .module-careers_img {
    margin-bottom: 20px;
    text-align: center;
    display:table;

}
.module-careers_img-item {
    max-width: 280px;
    margin: auto;
    margin-top: 40px;
}
.module-careers_opportunities .module-careers_img img {
    margin: 0px auto 20px;
    max-width: 534px;
    width: 100%;
}

.module-careers_opportunities p {
    margin-bottom: 20px;
}

.module-careers_linkedin {
    font-size:40px;
    font-weight:700;
    color:#000;
}

.module-careers_linkedin span {
    color:#0077b5;
    padding-left:5px;
}

.module-careers_opportunities {
    padding-right:50px;
}

.module-careers .module_container--inner {
    display:table;
}

.module-careers .module-careers_content,
.module-careers .module-careers-news {
    display: table-cell;  
}

.module-careers .module-careers-news {
    background: #fcf8ef;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.11);
    padding-right: 20px;
}
.module-careers .module-careers-news h2 {
    text-align: center;
    padding-top: 20px;
}



@media (max-width: 768px) {
    .module-careers .module_container--inner,
    .module-careers .module-careers_content, 
    .module-careers .module-careers-news {
        display: block;
    }
    .module-careers_opportunities {
        padding-right: 0;
        border-right: 0;
    } 
    .module-careers .module-careers-news {
        padding-bottom:20px;
    }
}

@media (max-width: 767px) {
    .module-careers_linkedin {
        font-size: 25px;
    }
}

/****start why invest infografic page*****/

.why-invest-map .module_container--inner {
    padding-top:25px;
}

.module-infografic {
    background: #fcf8ef;
}

.module-infografic .grid_col {
    margin-top: 20px;
}

.module-infografic .module_image {
    max-width: 100%;
    text-align: center;
    position: relative;
    display: block;
    margin: 0;
}

.module-infografic .module_image span {
    color: #033764;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size:24px;
}

.module-infografic .grid_col ul {
    list-style: none;
    padding: 0;
    display: inline-block;
}

.module-infografic .grid_col ul li {
    color: #535353;
    text-align: left;
    font-size:20px;
}

.module-infografic-logos_item span {
    display: block;
    font-size:20px;
}

.module-infografic-logos_item img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.module-infografic-logos_item > div {
    height: 90px;
    position: relative;
}

.module-infografic-logos_item {
    position: relative;
    padding-right: 20px;
    min-height: 220px;
    padding-top: 50px;
    padding-bottom: 35px;
    padding-left:20px;
}

.module-infografic-logos .grid_col:not(:last-of-type) .module-infografic-logos_item::before {
    content: '';
    width: 1px;
    height: 50%;
    display: inline-block;
    background: #e59f2a;
    position: absolute;
    right: 0;
    top: 4px;
    transform: rotate(-20deg);
}

.module-infografic-logos .grid_col:not(:last-of-type) .module-infografic-logos_item::after {
    content: '';
    width: 1px;
    height: 50%;
    display: inline-block;
    background: #e59f2a;
    position: absolute;
    right: 0;
    bottom: 3px;
    transform: rotate(20deg);
}

.module-infographic-portofolio {
    background:#f0f0f0 url("../design/infographic-portofolio-bg.png");
    background-repeat:no-repeat;
    background-position: left bottom;
    padding-bottom: 80px;
}

.module-infographic-portofolio_content {
    margin: 0 auto;
    max-width: 865px;
    position: relative;
}

.module-infographic-portofolio_content p {
    font-size:20px;
    margin-bottom:10px;
}

.module-infographic-portofolio_arrow {
    height: 45px;
    width: 223px;
    position: relative;
    border-top: 1px solid #c5c5c5;
}

.module-infographic-portofolio_arrow:after {
    display: block;
    content:" ";
    height: 45px;
    top: -1px;
    position: absolute;
    right: -23px;
    transform:skewX(45deg);
    -ms-transform:skewX(45deg);
    -webkit-transform:skewX(45deg);
    border-right: 1px solid #c5c5c5;
}

.module-infographic-portofolio_item {
    position: absolute;
}

.module-infographic-portofolio_item.module-infographic-portofolio_adult {
    top: 0;
    left: 0;
}

.module-infographic-portofolio_item.module-infographic-portofolio_level {
    right: 75px;
    top: 0;
}

.module-infographic-portofolio_level .module-infographic-portofolio_arrow {
    width:148px;
}

.module-infographic-portofolio_level .module-infographic-portofolio_arrow:after {
    transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
    border-left: 1px solid #c5c5c5;
    border-right: none;
    left: -23px;
    right:auto;
}

.module-infographic-portofolio_item.module-infographic-portofolio_luxury {
    bottom: 15px;
    left: 0;
}

.module-infographic-portofolio_luxury .module-infographic-portofolio_arrow:after {
    transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
    bottom: 100%;
    top:auto;
}

.module-infographic-portofolio_item.module-infographic-portofolio_time {
    top: 115px;
    right: 75px;
}

.module-infographic-portofolio_time .module-infographic-portofolio_arrow {
    width: 148px;
}

.module-infographic-portofolio_time .module-infographic-portofolio_arrow:after {
    transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
    border-left: 1px solid #c5c5c5;
    border-right: none;
    left: -13px;
    right:auto;
    height:25px;
}

.module-infographic-portofolio_item.module-infographic-portofolio_move {
    right: 110px;
    bottom: -38px;
}

.module-infographic-portofolio_move .module-infographic-portofolio_arrow {
    width:154px;
}

.module-infographic-portofolio_move .module-infographic-portofolio_arrow:after {
    transform: skewX(45deg);
    -ms-transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
    bottom: 100%;
    top:auto;
    border-left: 1px solid #c5c5c5;
    border-right: none;
    left: -23px;
    right: auto;
}

.module-infographic-portofolio_year {
    color:#033764;
    text-transform:uppercase;
    line-height:18px;
    padding-bottom: 70px;
    display: block;
}

@media (max-width: 1023px) {
    .module-infographic-portofolio img {
        width:320px;
        height:320px;
    } 
    .module-infographic-portofolio_content {
        max-width: 730px;
    }
    .module-infographic-portofolio_arrow,
    .module-infographic-portofolio_level .module-infographic-portofolio_arrow,
    .module-infographic-portofolio_time .module-infographic-portofolio_arrow,
    .module-infographic-portofolio_move .module-infographic-portofolio_arrow {
        width:170px;
    }
    .module-infographic-portofolio_item.module-infographic-portofolio_level {
        right:0;
    }
    .module-infographic-portofolio_item.module-infographic-portofolio_time {
        right:15px;
    }
    .module-infographic-portofolio_item.module-infographic-portofolio_move {
        right:35px;
    }
}

@media (max-width: 767px) {
    .module-infografic .module_image span {
        font-size:16px;
    }
    .module-infographic-portofolio {
        padding-bottom:40px;
    }
    .module-infographic-portofolio_content {
        max-width: 560px;
    }
    .module-infographic-portofolio img {
        width: 260px;
        height: 260px;
    }
    .module-infographic-portofolio_content p {
        font-size:13px;
    }
    .module-infographic-portofolio_arrow, 
    .module-infographic-portofolio_level .module-infographic-portofolio_arrow, 
    .module-infographic-portofolio_time .module-infographic-portofolio_arrow, 
    .module-infographic-portofolio_move .module-infographic-portofolio_arrow {
        width: 110px;
    }
    .module-infographic-portofolio_item.module-infographic-portofolio_adult {
        top:-30px;
    }
    .module-infographic-portofolio_item.module-infographic-portofolio_luxury {
        bottom:-20px;
    }
    .module-infographic-portofolio_item.module-infographic-portofolio_level {
        top:-32px;
    }
    .module-infographic-portofolio_item.module-infographic-portofolio_time {
        right:5px;
        top:60px;
    }
    .module-infographic-portofolio_item.module-infographic-portofolio_move {
        bottom:-60px;
    }
}

@media (max-width: 560px) {
    .module-infographic-portofolio_content {
        max-width: 100%;
    }
    .module-infographic-portofolio_item.module-infographic-portofolio_time {
        right: 0px;
        top: 35px;
    }
    .module-infographic-portofolio_arrow:after {
        height:5px;
        right:-4px;
    }
    .module-infographic-portofolio img {
        width: 150px;
        height: 150px;
    }
    .module-infographic-portofolio_time .module-infographic-portofolio_arrow {
        width:83px;
    }
    .module-infographic-portofolio_time .module-infographic-portofolio_arrow:after {
        left: -6px;
        height: 10px;   
    }
    .module-infographic-portofolio_item.module-infographic-portofolio_move {
        bottom: -45px;
        right: 20px;
    }
    .module-infographic-portofolio_move .module-infographic-portofolio_arrow:after {
        left:-3px;
    }
    .module-infographic-portofolio_level .module-infographic-portofolio_arrow:after {
        left:-6px;
    }
}

@media (max-width: 479px) {
    .module-infografic-logos .grid_col:not(:last-of-type) .module-infografic-logos_item::before,
    .module-infografic-logos .grid_col:not(:last-of-type) .module-infografic-logos_item::after {
        content:none;
    }
    .module-infografic-logos_item {
        min-height: inherit;
        padding-top: 0;
        padding-bottom: 30px;
    }
}