.form-control {
    color: #464646;
}

.col-form-label {
    color: #636363;
    font-family: "gotham_htfmedium";
}

.PageLoader {
    background: url(../images/PageLoader.gif) center no-repeat #ffffff;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.MasterForm {
    background-color: #ffffff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    position: relative;
    z-index: 2;
}

.HeaderStrip {
    background-color: #f2f2f2;
    margin: 0 0 10px 0;
    padding: 10px 0;
}

.ContentHeaderBox {
    margin-bottom: 5px;
}

.ContentContainer h1 {
    color: #0066a6;
    font-family: "gotham_htfmedium";
    font-size: 24px;
    margin: 0;
    padding: 5px 0;
    text-align: center;
}

.ContentContainer h2 {
    color: #0066a6;
    font-family: "gotham_htfbook";
    font-size: 1.2em;
    margin: 0;
    padding: 0 0 5px 0;
    text-align: center;
}

.ContentContainer h3 {
    color: #0066a6;
    font-family: "gotham_htfbook";
    font-size: 18px;
    margin: 0 0 5px 0;
    padding: 0 0 20px 0;
    text-align: center;
}

.ContentContainer h4 {
    color: #464646;
    font-family: "gotham_htfbook";
    font-size: 16px;
    margin: 0 0 20px 0;
    padding: 0;
    text-align: center;
}

.ContentContainer h5 {
    color: #0066a6;
    font-family: "gotham_htfbook";
    font-size: 14px;
    margin: 20px 0 10px 0;
    padding: 0;
    text-align: left;
}

.ContentContainer h6 {
    color: #0066a6;
    font-family: "gotham_htfbook";
    font-size: 13px;
    margin: 20px 0 5px 0;
    padding: 0;
    text-align: left;
}

.ContentContainer p {
    font-family: "gotham_htfbook";
    font-size: 14px;
    line-height: 1.3em;
    margin: 5px 0 7px 0;
}

.ContentContainer p.BolderFont {
    font-family: "gotham_htfmedium";
}

.ContentContainer p.NoTopMargin {
    margin-top: 0;
}

.ContentContainer a {
    font-family: "gotham_htfbook";
}

.ContentContainer a:hover,
.ContentContainer a:active,
.ContentContainer a:focus {
    text-decoration: underline;
}

.ContentContainer .ContentHeaderBox h2 {
    color: #0066a6;
    font-family: "gotham_htfbook";
    font-size: 1.2em;
    margin: 0;
    padding: 5px 0 3px 0;
    text-align: left;
}

.InfoSectionBox h1 {
    color: #0066a6;
    font-family: "gotham_htfmedium";
    font-size: 24px;
    margin: 0;
    padding: 5px 0;
    text-align: center;
}

.InfoSectionBox h2 {
    color: #0066a6;
    font-family: "gotham_htfbook";
    font-size: 1.2em;
    margin: 0;
    padding: 5px 0 0 0;
    text-align: left;
}

.InfoSectionBox p {
    font-family: "gotham_htfbook";
    font-size: 14px;
    line-height: 1.3em;
    margin: 5px 0 7px 0;
}

.InfoSectionBox p strong {
    font-family: "gotham_htfmedium";
    font-weight: normal;
}

.NavToggle {
    cursor: pointer;
    display: none;
    padding: 10px 0;
    position: fixed;
    right: 20px;
    top: 40px;
    text-decoration: none;
    z-index: 3;
}

.NavToggle i {
    background: #0066a6;
    color: #ffffff;
    display: inline-block;
    font: bold 14px/.4 Helvetica;
    height: 2px;
    position: relative;
    text-indent: -55px;
    text-transform: uppercase;
    width: 30px;
    transition: all .2s ease-out;
    zoom: 1;
}

.NavToggle.active i {
    background: transparent;
}

.NavToggle i::before,
.NavToggle i::after {
    content: '';
    width: 30px;
    height: 2px;
    background: #0066a6;
    position: absolute;
    left: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.NavToggle i::before {
    top: -7px;
}

.NavToggle i::after {
    bottom: -7px;
}

.NavToggle:hover i::before {
    top: -10px;
}

.NavToggle:hover i::after {
    bottom: -10px;
}

.NavToggle.active i::before,
.NavToggle.active i::after {
    background: #ffffff;
}

.NavToggle.active i::before {
    top: 0;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.NavToggle.active i::after {
    bottom: 0;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}

.HeaderBox {
    background-image: url(../images/MountainBackground.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-bottom: 5px solid #0066a6;
    line-height: 1em;
    min-height: 0;
    padding-top: 25px;
    padding-bottom: 20px;
}

.PageIE, .PageIE .ContentContainer p {
    font-family: "Aptos";
    font-size:12pt;
}

.PageIE .BolderFont {
    font-family: "Aptos";
    font-weight:700;
}
.HeaderBox.HeaderBoxUK, .HeaderBox.HeaderBoxIE {
    background-image: none !important; /* url(../images/MountainBackground_dark.jpg); */
}

.HeaderBox.HeaderBoxIE {
    font-family: "Aptos";
    font-weight:600;
    border-bottom: 5px solid #66F8AB;
}

        .HeaderBox.HeaderBoxIE .PhoneNumber, .HeaderBox.HeaderBoxIE a {
            font-family: "Aptos";
            color: #003551;
        }

        .HeaderBox.HeaderBoxIE .PrimaryMenu a:hover, .HeaderBox.HeaderBoxIE .PrimaryMenu a:visited {
            font-family: "Aptos";
            color: #003551;
        }

        .HeaderBox.HeaderBoxIE #MetLifeHeaderText {
            font-family: "Aptos";
            color: #003551;
            font-size: 27px;
            font-weight: 600;
            position: absolute;
            left: 265px;
            top: 140px;
        }

.PageIE .popupp-inner h2,
.PageIE .popupp-inner p,
.PageIE .AssistanceText span,
.ContentContainer.ContentContainerIE,
.ContentContainer.ContentContainerIE .LoginServicesHeader,
.ContentContainer.ContentContainerIE .LoginTextBox,
.ContentContainer.ContentContainerIE .LoginServicesTextBox,
.ContentContainer.ContentContainerIE .col-form-label,
.ContentContainer.ContentContainerIE a,
.ContentContainer.ContentContainerIE .LoginServicesTextBox a {
    font-family: "Aptos";
    color: #003552;
}

    .ContentContainer.ContentContainerIE .LoginServicesHeader {
        font-weight:600;
    }

    .ContentContainer.ContentContainerIE .LoginHeaderBox h2 {
        font-family: "Aptos";
        font-size: 1.2em;
        font-weight: 600;
        color: #003552;
    }

    .ContentContainer.ContentContainerIE .LoginImageTextBox {
        font-family: "Aptos";
        background: #003755;
        color: #8EF4B1;
    }

    .ContentContainer.ContentContainerIE .MetLifePortalText1 {
        font-family: "Aptos";
        font-size: 1.2em;
    }
    .ContentContainer.ContentContainerIE .MetLifePortalText2 {
        font-family: "Aptos" !important;
        font-weight: 400 !important;
    }
    .ContentContainer.ContentContainerIE .ActionButton {
        font-family: "Aptos";
        background-color: #66F8AB;
        color: #003552;
    }

.PageIE .FooterWidget,
.PageIE .FooterWidget h3,
.PageIE .FooterWidget h3 span,
.PageIE .FooterWidget ul li a
{
    font-family: "Aptos" !important;
    font-size: 10pt;
}

    .PageIE .FooterWidget h3 span {
        font-weight:600;
    }

.PageIE .FooterBox,
.PageIE .FooterCopyright,
.PageIE .FooterCopyrightBox ul li a {
    font-family: "Aptos" !important;
}

.PartnerImage3ColUK {
    line-height: 150px;
}
.PartnerImage3ColUK #PartnerImage3 {
    width: 100%;
    max-height:150px;
}

.PageLinkBox {
    float: left;
    padding: 0 60px 0 30px;
}

.PageLinkBox a {
    outline: none;
}

.MenuDivider {
    border-right: 1px solid #a1a1a1;
    margin-right: 10px;
    padding-right: 15px;
}

.LeftMenuDivider {
    border-left: 1px solid #a1a1a1;
    margin-left: 10px;
    padding-left: 15px;
}

.PhoneMenu {
    color: #a1a1a1;
    font-family: "gotham_htfmedium";
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.PrimaryMenu,
.AgentMenu {
    margin: 0;
    padding: 20px 0 0 0;
}

.SecondaryMenu {
    float: left;
    margin: 0;
    padding: 28px 0 0 0;
}

.PhoneMenu li,
.PrimaryMenu li,
.AgentMenu li,
.SecondaryMenu li {
    display: inline;
}

.PhoneMenu li.PhoneLabel {
    color: #0066a6;
    display: none;
}

.PrimaryMenu a,
.AgentMenu a {
    color: #a1a1a1;
    font-family: "gotham_htfmedium";
    font-size: 16px;
    text-align: center;
}

.PrimaryMenu a:visited,
.AgentMenu a:visited {
    color: #a1a1a1;
}

.PrimaryMenu a:hover,
.PrimaryMenu a:active,
.PrimaryMenu a:focus,
.PrimaryMenu a.select,
.AgentMenu a:hover,
.AgentMenu a:active,
.AgentMenu a:focus,
.AgentMenu a.select {
    border-bottom: 3px solid #e7b927;
    color: #0066a6;
    padding-bottom: 3px;
    text-decoration: none;
}

.LoginApplyList {
    float: left;
    margin: 0;
    min-width: 250px;
    padding: 27px 0 0 0;
}

.SecondaryMenu .LoginButton {
    border: 2px solid #e7b927;
    color: #007cbb;
    font-family: "gotham_htfmedium";
    font-size: 14px;
    line-height: 18px;
    outline: none;
    padding: 5px 15px;
    text-decoration: none;
}

.SecondaryMenu .LoginButton:hover,
.SecondaryMenu .LoginButton:active,
.SecondaryMenu .LoginButton:focus {
    background-color: #ffd947;
    border: 2px solid #e7b927;
    color: #007cbb;
    padding-bottom: 5px;
    text-decoration: none;
}

.ApplyButton {
    position: relative;
    font-size: 14px;
    font-family: "gotham_htfmedium";
    font-weight: 900;
    background-color: #ffd947;
    line-height: 18px;
    margin-left: 25px;
    padding: 5px 15px;
    outline: none;
    text-decoration: none;
    border: 2px solid #ffd947;
    color: #464646;
}

.ApplyButton:hover,
.ApplyButton:active,
.ApplyButton:focus {
    background-color: #e7b927;
    border: 2px solid #e7b927;
    color: #464646;
    text-decoration: none;
}

.AlternateLoginNameBox {
    padding: 0 0 0 20px;
}

.PageLangBox {
    float: left;
}

.LoginNameBox {
    height: 24px;
    padding: 0 0 4px 0;
}

.LoginName {
    color: #333333;
    display: inline-block;
    font-family: "gothamregular";
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.PageLangList {
    display: inline-block;
    margin: 2px 0 0 0;
    padding: 0;
    vertical-align: top;
}

.PageLangLink {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0
}

.PageLangLink a {
    border: 3px solid transparent;
    display: inline-block;
    height: 23px;
    line-height: normal;
    margin: 0;
    padding: 0;
    outline: none;
}

.PageLangLink a:hover,
.PageLangLink a:active,
.PageLangLink a:focus,
.PageLangLink a.SelectedLang:hover,
.PageLangLink a.SelectedLang:active,
.PageLangLink a.SelectedLang:focus {
    border: 3px solid #e7b927;
    text-decoration: none;
}

.PageLangLink a.SelectedLang {
    border: 3px solid #007cbb;
}

.PageLangLink img {
    vertical-align: top;
}

.PageLangSelectBox {
    display: inline-block;
}

.PageLangSelectBox select:not([size]):not([multiple]).form-control {
    font-size: 14px;
    height: 28px;
    padding: 2px 4px;
}

.PageLangSelectLabel {
    display: table-cell;
    padding: 0 5px;
    vertical-align: middle;
}

.PageLangSelectControl {
    display: table-cell;
    padding: 0;
    vertical-align: middle;
}

.PartnerImageBox {
    display: none;
}

.PartnerImage2Col {
    margin-top: -86px;
}

.PartnerImage3Col {
    margin-top: -166px;
}

.RecaptchaBox {
    padding: 15px 35px;
}

.SecureButtonBox {
    padding: 0 35px;
}

.SecureSealBox {
    padding: 0 10px 10px 10px;
}

.FooterBox {
    background-color: #f5f5f5;
    border-top: 1px solid #999999;
    font-family: "gotham_htfbook";
    padding: 10px 15px 15px 15px;
}

.FooterTopBox {
    margin: 0 auto;
    max-width: 1170px;
    padding: 0 35px;
}

.FooterLeftBox {
    float: left;
}

.FooterRightBox {
    float: right;
    text-align: center;
    vertical-align: top;
}

.FooterWidgetBox {
}

.FooterWidget {
    display: inline-block;
    padding: 10px 30px 20px 0;
    vertical-align: top;
}

.FooterWidget h3 {
    font-family: "gotham_htfbold";
    font-size: 11px;
    text-transform: uppercase;
    color: #676767;
    margin-bottom: 0;
}

.FooterWidget h3 span {
    display: inline-block;
    border-bottom: 1px solid #676767;
    padding-bottom: 3px;
    margin-bottom: 8px;
}

.FooterWidget ul {
    padding: 0;
    margin: 0;
    white-space: nowrap;
}

.FooterWidget ul li {
    line-height: .95em;
    list-style: none;
    margin: 1px 0 6px 0;
    padding: 0;
}

.FooterWidget ul li a {
    font-family: "gotham_htfbook";
    font-size: 11px;
    color: #676767;
    text-align: center;
}

.FooterWidget ul li a:hover,
.FooterWidget ul li a:active,
.FooterWidget ul li a:focus {
    text-decoration: underline;
}

.FooterSponsorBox {
    float: right;
}

.FooterSponsor {
    padding: 0 15px 20px 15px;
}

.FooterSponsor a {
    outline: none;
}

.FooterSponsorText {
    color: #676767;
    font-size: 12px;
    margin-top: 3px;
    text-align: center;
    white-space: nowrap;
}

.FooterImageLink {
    text-align: right;
}

.FooterImageLink img {
    margin-top: 10px;
}

.FooterSocial {
    margin-top: 10px;
    text-align: right;
}

.FooterSocial ul {
    margin: 0;
    padding: 0;
}

.FooterSocial ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.FooterSocial .FooterYouTube {
    display: none;
}

.FooterSocial ul li a {
    margin: 3px 0 3px 12px;
    padding: 0;
    outline: none;
}

.FooterSocial ul li a:hover,
.FooterSocial ul li a:active,
.FooterSocial ul li a:focus {
    text-decoration: none;
}

.FooterSocial ul li a:hover i,
.FooterSocial ul li a:active i,
.FooterSocial ul li a:focus i {
    color: #0066a6;
    text-decoration: none;
}

.FooterSocial ul li a i {
    color: #676767;
    font-size: 28px;
}

.FooterCopyrightBox {
    font-size: 10px;
    color: #676767;
    text-align: center;
    margin: 20px 0 0 0;
}

.FooterCopyright {
    display: inline-block;
    font-size: 12px;
    margin: 0 15px 8px 15px;
}

.FooterCopyrightBox ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.FooterCopyrightBox ul li {
    display: inline-block;
    margin: 0 15px 8px 15px;
    padding: 0;
    text-align: center;
}

.FooterCopyrightBox ul li a {
    font-family: "gotham_htfbook";
    font-size: 12px;
    color: #676767;
}

.FooterCopyrightBox ul li a:hover,
.FooterCopyrightBox ul li a:active,
.FooterCopyrightBox ul li a:focus {
    text-decoration: underline;
}

.FooterEverestBox {
    font-size: 10px;
    color: #676767;
    text-align: center;
    margin: 0 30px 15px 30px;
}

.FooterLegal {
    padding: 3px 0;
}

.OffCanvasVisible .MasterForm {
    overflow-x: auto;
    -moz-transform: translateX(-275px);
    -webkit-transform: translateX(-275px);
    -ms-transform: translateX(-275px);
    -o-transform: translateX(-275px);
    transform: translateX(-275px);
}

.OffCanvas {
    background: #000000;
    display: none;
    overflow-y: auto;
    padding: 30px;
    position: fixed;
    right: 0;
    top: 0;
    width: 275px;
    z-index: 1;
}

.OffCanvas ul {
    margin: 0;
    padding: 0;
}

.OffCanvas ul li {
    padding: 0;
    margin: 0 0 10px 0;
    list-style: none;
    line-height: 28px;
}

.OffCanvas ul li.PageLangLink a {
    margin-bottom: 10px;
}

.OffCanvas ul li a {
    font-size: 14px;
    font-family: "gotham_htfmedium";
    color: #ffffff;
}

.OffCanvas ul li.active a {
    color: #8dc63f;
}

.OffCanvas ul li a:hover,
.OffCanvas ul li a:active,
.OffCanvas ul li a:focus,
.OffCanvas ul li a.select {
    border-bottom: 3px solid #e7b927;
    color: #50b6f6;
    padding-bottom: 3px;
    text-decoration: none;
}

.OffCanvas ul li.PageLangLink a:hover,
.OffCanvas ul li.PageLangLink a:active,
.OffCanvas ul li.PageLangLink a:focus,
.OffCanvas ul li.PageLangLink a.SelectedLang:hover,
.OffCanvas ul li.PageLangLink a.SelectedLang:active,
.OffCanvas ul li.PageLangLink a.SelectedLang:focus {
    border: 3px solid #e7b927;
    padding: 0;
}

.OffCanvas ul li.PageLangLink a.SelectedLang {
    border: 3px solid #007cbb;
}

.OffCanvas .PhoneLabel {
    color: #3096d6;
    display: block;
    font-family: "gotham_htfmedium";
    font-size: 14px;
    margin: 20px 0 10px 0;
}

.OffCanvas .PhoneNumber {
    color: #ffffff;
    font-family: "gotham_htfmedium";
    font-size: 14px;
    padding-left: 20px;
}

.OffCanvas .ContactUsLink {
    padding-left: 20px;
}

.OffCanvas ul li.MenuDivider,
.OffCanvas ul li.LeftMenuDivider {
    border: none;
}

.OffCanvas ul li.AlternateLoginNameBox {
    display: none;
}

.InfoRow {
    padding: 0 100px;
}

.ContentBox {
    border: 1px solid #cccccc;
    margin: 0 0 10px 0;
    padding: 10px 15px;
}

.PaymentContentBox {
    border: 1px solid #0086c6;
    margin: 0 auto 10px auto;
    padding: 10px 15px;
}

.ButtonGroupBox {
    padding: 10px 0 0 0;
}

.ButtonGroupStrip {
    padding: 5px 0 15px 0;
    text-align: center;
}

.FieldButtonGroupStrip {
    padding: 10px 0 15px 0;
}

.LimitExceededButtonGroupStrip {
    padding: 10px 15px 15px 15px;
}

.ButtonGroupBox .btn {
    margin: 2px 4px 2px 0;
    white-space: normal;
}

.ButtonGroupStrip .btn {
    margin: 2px;
    white-space: normal;
}

.FieldButtonGroupStrip .btn {
    margin: 2px 4px 2px 0;
    white-space: normal;
}

.LimitExceededButtonGroupStrip .btn {
    margin: 2px 4px 2px 0;
    white-space: normal;
}

.EverestVideoImage {
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    z-index: 8;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.modal-header {
    padding-bottom: .75em;
    padding-top: .75em;
}

.modal-header h4 {
    font-size: 1.3em;
}

.popupp {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10000000;
    background: rgba(0,0,0,0.75);
    overflow: scroll;
}

.popupp.popupp-video {
    overflow: visible;
}

.popupp-inner {
    max-width: 700px;
    width: 90%;
    padding: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0px 2px 6px rgba(0,0,0,1);
    border-radius: 3px;
    background: #fff;
}

.popupp-inner h2 {
    color: #0066a6;
    font-family: "gotham_htfmedium";
    font-size: 1.2em;
    padding: 0;
    margin-bottom: 5px;
    margin-top: 15px;
}

.popupp-inner p {
    color: #464646;
    font-family: "gotham_htfbook";
    font-size: 13px;
    line-height: 1.5em;
    margin-bottom: 24px;
    padding-right: 20px;
}

.popupp-divider {
    border-top: 1px solid #e7b927;
    padding: 0;
}

.popupp-close {
    width: 30px;
    height: 30px;
    padding-top: 4px;
    display: inline-block;
    position: absolute;
    top: 25px;
    right: 25px;
    transition: ease 0.25s all;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    background: none;
    font-family: Arial, Sans-Serif;
    font-size: 26px;
    text-align: center;
    line-height: 100%;
    color: #fabf3a;
}

a.popupp-close:hover {
    text-decoration: none;
}

.popupp-video .popupp-close {
    top: 12px;
    right: 15px;
}

.popupp-inner-video {
    padding: 30px 0 0 0;
    max-width: 100%;
    width: 744px;
    height: 465px;
}

@media screen and (max-width: 767px) {
    .popupp-inner {
        width: auto;
        margin: 10px;
        position: static;
        -webkit-transform: none;
        transform: none;
    }

    .popup-inner-info {
        padding: 20px;
    }

    .popupp-video .popupp-close {
        top: 22px;
        right: 25px;
    }

    .popupp-inner-video {
        max-height: 480px;
    }
}

@media screen and (max-width: 740px) {
    .popupp-inner-video {
        max-height: 390px;
    }
}

@media screen and (max-width: 667px) {
    .popupp-inner-video {
        max-height: 355px;
    }
}

@media screen and (max-width: 640px) {
    .popupp-inner-video {
        max-height: 335px;
    }
}

@media screen and (max-width: 575px) {
    .popupp-inner-video {
        max-height: 300px;
    }
}

@media screen and (max-width: 480px) {
    .popupp-inner-video {
        max-height: 240px;
    }
}

@media screen and (max-width: 375px) {
    .popupp-inner-video {
        max-height: 185px;
    }
}

@media screen and (max-width: 350px) {
    .popupp-inner-video {
        max-height: 175px;
    }
}

.TableBox {
    display: table;
}

.TableRowBox {
    display: table-row;
}

.TableCellBox {
    display: table-cell;
    vertical-align: top;
}

.EnrollmentPassword {
    text-align: right;
}

.EnrollmentPassword a {
    margin: 0;
    padding: 0;
    font-family: "gotham_htfbook";
    font-size: 13px;
    color: #a1a1a1;
    text-decoration: none;
    line-height: 22px;
}

.EnrollmentPassword a:hover,
.EnrollmentPassword a:focus,
.EnrollmentPassword a:after {
    margin: 0;
    line-height: 22px;
    text-decoration: none;
    padding: 0;
    border: 0;
}

.EnrollmentCodeTable {
    margin-bottom: 5px;
}

p.EnrollmentCodeIntro {
    margin-bottom: 10px;
}

.EnrollmentCodeFlags {
    padding: 3px 10px 0 0;
}

.EnrollmentCodeFlags img {
    display: block;
    padding: 0 0 5px 0;
}

.EnrollmentCodeText h2 {
    margin: 0 0 5px 0;
}

.EnrollmentCodeText p {
    margin-bottom: 10px;
}

.EmailLink a {
    font-family: "gotham_htfbold";
}

.EmailLink a:hover,
.EmailLink a:active,
.EmailLink a:focus {
    text-decoration: underline;
}

.AssistanceText {
    margin-top: 15px;
}

.AssistanceText span {
    color: #0066a6;
    font-family: "gotham_htfbold";
}

.Button {
    background-color: #e0e0e0;
    border: 1px solid #ced4da;
    color: #464646;
    font-family: "gotham_htfmedium";
    padding: 5px 15px;
}

.Button:visited {
    color: #464646;
}

.Button:hover,
.Button:focus,
.Button:active,
.Button.active {
    background-color: #ced4da;
    color: #464646;
}

.Button:active:hover,
.Button.active:hover,
.Button:active:focus,
.Button.active:focus,
.Button:active.focus,
.Button.active.focus {
    background-color: #ced4da;
    color: #464646;
}

.ActionButton {
    background-color: #ffd947;
    color: #464646;
    font-family: "gotham_htfmedium";
    padding: 5px 15px;
}

.ActionButton:visited {
    color: #464646;
}

.ActionButton:hover,
.ActionButton:focus,
.ActionButton:active,
.ActionButton.active {
    background-color: #e7b927;
    color: #464646;
}

.ActionButton:active:hover,
.ActionButton.active:hover,
.ActionButton:active:focus,
.ActionButton.active:focus,
.ActionButton:active.focus,
.ActionButton.active.focus {
    background-color: #e7b927;
    color: #464646;
}

.ExploreButton {
    background-color: #31b4fa;
    border-radius: 0;
    color: #ffffff;
    font-family: "gotham_htfmedium";
    font-size: 1.5em;
    line-height: 1.2em;
    padding: 20px 30px;
    white-space: normal;
}

.ExploreButton:visited {
    color: #ffffff;
 }

.ExploreButton:hover,
.ExploreButton:focus,
.ExploreButton:active,
.ExploreButton.active {
    background-color: #0184ca;
    color: #ffffff;
    text-decoration: underline;
}

.ExploreButton:active:hover,
.ExploreButton.active:hover,
.ExploreButton:active:focus,
.ExploreButton.active:focus,
.ExploreButton:active.focus,
.ExploreButton.active.focus {
    background-color: #0184ca;
    color: #ffffff;
}

.Captcha {
}

.CaptchaRow {
}

.CaptchaCell {
}

.CaptchaImage {
    float: left;
    padding: 5px 0 10px 0;
}

.CaptchaAudio {
    float: left;
    padding: 10px 0 0 10px;
}

.CaptchaAudioImage {
    cursor: pointer;
}

.CaptchaAudioLink {
    padding-top: 3px;
}

.CaptchaAudioLink a {
}

.CaptchaAudioPlayer {
    display: none;
}

.LoginHeaderBox {
    min-height: 80px;
}

.LoginFooterBox {
    border: none;
    padding: 20px 35px;
}

.LoginFooterBox a {
    font-size: 1em;
}

.LoginImageBox {
    background-color: #f2f2f2;
    margin: 0 -15px;
}

.LoginImageBox img {
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.LoginImageTextBox {
    background-color: #0066a6;
    color: #ffffff;
    font-family: gotham_htfmedium;
    font-size: 1.5em;
    margin: 0 -15px 5px -15px;
    padding: 5px;
    text-align: center;
}

.LoginTextBox {
    color: #0066a6;
    margin: 15px 0;
}

.LoginServicesHeader {
    color: #0066a6;
    font-family: gotham_htfbold;
    font-size: 1.3em;
    margin: 15px 15px 5px 15px;
}

.LoginServicesBox {
    display: inline-block;
    max-width: 230px;
    padding: 10px 5px;
}

.LoginServicesImageBox {
    display: table-cell;
    padding: 0 10px 0 0;
}

.LoginServicesTextBox {
    color: #0066a6;
    display: table-cell;
    font-family: gotham_htfbook;
    line-height: 1.1em;
    vertical-align: middle;
}

.LoginBox {
    padding-top: 10px;
}

.LoginVerifyCodeText p {
    font-size: .9em;
    line-height: 1.3em;
    padding-top: 10px;
}

.PriceFinderHeaderBox {
    min-height: 80px;
}

.RightContentBox,
.RightContentXLBox{
    margin-top: 10px;
    text-align: center;
}

.RightContentImage {
    margin-top: 20px;
}

.RightContentLink {
    margin: 20px auto;
    max-width: 300px;
}

.RightContentTextLink {
    line-height: 1em;
    margin: 20px auto;
    max-width: 300px;
    text-align: left;
}

.RightContentLink a {
    color: #0f4b93;
    font-size: 1.2em;
    text-decoration: underline;
}

.RightContentLink a:visited {
    color: #0f4b93;
}

.ProgressBox {
    margin: 5px 0 15px 0;
}

.ProgressBar {
    counter-reset: step;
    margin: 0;
    padding: 0;
}

.ProgressBar li {
    color: #909090;
    float: left;
    list-style-type: none;
    position: relative;
    text-align: center;
    width: 20%;
}

.ProgressBar li.ProgressActive:before {
    background-color: #ffffff;
    border: 3px solid #49bbd6;
    border-radius: 50%;
    color: #49bbd6;
    display: block;
    font-family: gotham_htfmedium;
    font-size: 1.2em;
    height: 30px;
    line-height: 24px;
    margin: 0 auto;
    text-align: center;
    width: 30px;
}

.ProgressBar li.ProgressUnvisited:before {
    background-color: #ffffff;
    border: 3px solid #909090;
    border-radius: 50%;
    display: block;
    font-family: gotham_htfmedium;
    font-size: 1.2em;
    height: 30px;
    line-height: 24px;
    margin: 0 auto;
    text-align: center;
    width: 30px;
}

.ProgressBar li.ProgressVisited:before {
    background-color: #ffffff;
    border: 3px solid #909090;
    border-radius: 50%;
    color: #8ebf4a;
    content: "\f00c";
    display: block;
    font-family: 'FontAwesome';
    font-size: 1.2em;
    height: 30px;
    line-height: 24px;
    margin: 0 auto;
    text-align: center;
    width: 30px;
}

.ProgressBar li.Step1:before {
    content: "1";
    padding-right: 1px;
}

.ProgressBar li.Step2:before {
    content: "2";
    padding-right: 1px;
}

.ProgressBar li.Step3:before {
    content: "3";
    padding-right: 1px;
}

.ProgressBar li.Step4:before {
    content: "4";
    padding-right: 1px;
}

.ProgressBar li.Step5:before {
    content: "5";
    padding-right: 1px;
}

.ProgressBar li:after {
    background-color: #f0f0f0;
    content: '';
    height: 4px;
    left: -80%;
    position: absolute;
    top: 14px;
    width: 160%;
    z-index: -1;
}

.ProgressBar li:first-child:after {
    content: none;
}

.ProgressBar li.ProgressActive:before {
    border-color: #49bbd6;
}

.ProgressBar li.ProgressVisited:before {
    border-color: #8ebf4a;
}

.ProgressBar li.ProgressVisited + li:after {
    background-color: #f0f0f0;
}

.ProgressText {
    color: #464646;
    font-size: 1em;
    line-height: 100%;
    padding-top: 5px;
}

.InvalidSearchRow {
    margin: 10px 0 0 0;
}

.InvalidSearchBox {
    margin: 0 0 10px 0;
    padding: 0 10px;
}

.InvalidCriteriaBox {
    margin: 10px 0 0 0;
    padding: 5px 10px;
}

.UserCreatedBox,
.DiscountAlertBox,
.ReceiptAlertBox {
    background-color: #ffffff;
    border: solid 1px #359a58;
    border-radius: 4px;
    color: #359a58;
    font-family: gotham_htfmedium;
    margin: 0 auto 10px auto;
    padding: 5px 10px;
}

.DiscountAlertBox {
    max-width: 565px;
}

.SelectAllBox {
    padding: 0 5px 5px 5px;
}

.ItemListBox {
    border: 1px solid #e0e0e0;
    display: table;
}

.ItemHeaderRow {
    background-color: #e0e0e0;
    display: table-row;
}

.ItemRow {
    display: table-row;
}

.EvenItemRow {
    background-color: #f0f8ff;
    display: table-row;
}

.LastItemRow {
    display: table-row;
}

.LastEvenItemRow {
    background-color: #f0f8ff;
    display: table-row;
}

.ItemActionBox {
    display: table-cell;
    padding: 5px;
    vertical-align: middle;
}

.ItemDataBox {
    display: table-cell;
    padding: 5px 20px 5px 0;
}

.ItemSubDataBox {
    display: table-cell;
    min-width: 90px;
    padding: 5px 10px 5px 0;
}

.ItemRow .ItemActionBox,
.ItemRow .ItemDataBox,
.ItemRow .ItemSubDataBox,
.EvenItemRow .ItemActionBox,
.EvenItemRow .ItemDataBox,
.EvenItemRow .ItemSubDataBox {
    border-bottom: 1px solid #e0e0e0;
}

.ItemDataList {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
}

.ItemDataHeader {
    color: #333333;
    font-size: 1.1em;
    font-weight: 600;
    padding: 0 0 3px 0;
}

.ItemHeaderRow .ItemDataHeader {
    color: #0066a6;
    font-family: "gotham_htfbook";
    padding: 3px 15px 3px 0;
}

.ItemDataFooter {
    display: none;
}

.PriceFinderReport {
    margin: 0 50px 0 15px;
}

.PriceFinderReport .ReportLink {
    padding: 5px 0 10px 0;
}

.PriceFinderReport .ReportLink a {
    color: #b90000;
    font-family: "gotham_htfmedium";
    font-size: 1.1em;
    text-decoration: underline;
}

.PriceFinderReport .ReportLink a:visited {
    color: #b90000;
}

.PriceFinderReport .ReportLink a:hover {
    color: #ec0000;
}

.NoteText {
    color: #333333;
    font-size: .8em;
    line-height: 1.2em;
    padding: 2px 0;
}

.CreditCardNumberVerificationImg {
    display: table-cell;
    padding: 0 0 5px 0;
    vertical-align: top;
}

.CreditCardNumberVerificationText {
    display: table-cell;
    font-family: "gotham_htfbook";
    font-size: .8em;
    max-width: 220px;
    padding: 15px 5px 0 5px;
}

.PaymentTermsBox {
    border: 1px solid #cccccc;
    height: 110px;
    overflow-y: auto;
    padding: 3px 10px;
}

.PaymentTermsBox ul {
    margin: 0;
    padding: 0 0 0 20px;
}

.PaymentTermsBox ul li {
    font-size: 12px;
    line-height: 1.1em;
    margin: 5px 0;
    padding: 0;
}

.TermsBox {
    border: 1px solid #cccccc;
    height: 110px;
    overflow-y: auto;
    padding: 3px 10px;
}

.TermsBox h2 {
    font-size: 14px;
    margin: 0;
    padding: 2px 0;
    text-align: center;
}

.TermsBox h3 {
    font-size: 14px;
    margin: 0;
    padding: 2px 0 0 0;
    text-align: left;
}

.TermsBox p {
    font-size: 12px;
}

.TermsBox ul {
    margin: 0;
    padding: 0 0 0 20px;
}

.TermsBox ul li {
    font-size: 12px;
    line-height: 1.1em;
    margin: 5px 0;
    padding: 0;
}

.TermsCheckBox .btn {
    color: #636363;
    font-size: 14px;
    font-family: "gotham_htfmedium";
    font-weight: 600;
}

.LabelAbove {
    color: #636363;
    font-family: "gotham_htfmedium";
    font-weight: 600;
    padding: 7px 15px 3px 15px;
}

.ReadOnlyLabel {
    color: #636363;
    font-family: "gotham_htfmedium";
    font-weight: 600;
    padding: 7px 15px 3px 15px;
    text-align: right;
}

.ReadOnlyValue {
    color: #464646;
    font-size: 16px;
    font-weight: 400;
    padding: 6px 15px 5px 26px;
}

.ReviewLabel {
    color: #636363;
    font-family: "gotham_htfmedium";
    font-weight: 600;
    padding: 2px 15px 0 15px;
    text-align: right;
}

@media (max-width: 575px) {
    .ReviewLabel {
        text-align: left;
    }
}

.ReviewValue {
    color: #464646;
    font-size: 16px;
    font-weight: 400;
    min-height: 29px;
    padding: 1px 15px 5px 26px;
}

.ReviewMultiLineValue {
    display: inline-block;
    line-height: 1.2em;
}

.GridBox {
    display: table;
    width: 100%;
}

.Grid {
    border: 1px solid #0086c6;
}

.GridHeader {
    background-color: #0086c6;
    color: #ffffff;
    display: table-row;
}

.GridFooter {
    display: table-row;
}

.GridToggleLabel,
.GridLabel {
    display: table-cell;
    font-size: 1.1em;
    font-weight: 600;
    padding: 3px 10px;
    vertical-align: middle;
}

.GridToggle,
.GridValue,
.GridTotalLabel,
.GridTotalValue {
    border-top: 1px solid #0086c6;
    display: table-cell;
    padding: 5px;
    vertical-align: middle;
}

.GridValue,
.GridTotalValue {
    padding: 5px 10px 5px 15px;
}

.GridToggle {
    padding: 0;
}

.GridTotalLabel {
    color: #0086c6;
    font-weight: 600;
    text-align: right;
    word-wrap: break-word;
}

.GridToggle a,
.GridToggle a:hover,
.GridToggle a:focus {
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    width: 100%;
}

.GridToggle a:hover span {
    text-decoration: underline;
}

.GridToggle a:visited {
    color: #0066a6;
}

.GridToggle a:before {
    content: "\f107";
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 14px;
    min-width: 18px;
    padding: 0 5px 0 0;
    text-align: center;
}

.GridToggle a.collapsed:before {
    content: "\f105";
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 14px;
    min-width: 18px;
    padding: 0 5px 0 0;
    text-align: center;
}

.GridInfoHeader {
    color: #636363;
    font-family: "gotham_htfmedium";
    font-size: 14px;
    padding: 0 10px;
}

.GridInfoList {
    color: #464646;
}

ul.GridInfoList {
    list-style: none;
    margin: 0 0 5px 0;
    padding: 0 0 0 20px;
}

.GridInfoList li {
}

.GridInfoValue {
    padding: 0 10px 5px 20px;
}

.PurchaseGrid {
    margin: 0 auto;
    max-width: 565px;
}

.PurchaseGridCol1 {
    width: 80%;
}

.PurchaseGridCol2 {
    text-align: right;
    width: 20%;
}

.PurchaseGridCol3 {
    width: 35%;
}

.InputLabel {
    padding-right: 0;
}

.InputValue {
    display: inline-block;
    padding: 0 0 5px 15px;
}

.InputValue input {
    max-width: 160px;
}

.InputButton {
    display: inline-block;
    padding: 0 15px 5px 15px;
}

@media (max-width: 575px) {
    .InputLabel {
        padding-right: 15px;
    }

    .InputValue {
        display: block;
        padding: 0 15px 5px 15px;
    }

    .InputValue input {
        max-width: 328px;
    }

    .InputButton {
        display: block;
        text-align: center;
        width: 100%;
    }
}

.AgentHeaderBox {
    background-color: #51595b;
}

.AgentHeader {
    background: #51595b url(../images/AgentHeader.png) no-repeat left 150px;
    color: #ffffff;
    height: 200px;
    margin: 0 auto;
    max-width: 991px;
    padding: 0;
}

.AgentLeftHeader {
    float: left;
    font-size: 2.8em;
    line-height: 1em;
    padding: 20px 60px 0 30px;
}

.AgentRightHeader {
    float: left;
    font-size: 1.8em;
    font-weight: 500;
    padding-top: 65px;
}

.AgentSubHeader {
    font-size: .8em;
    font-style: italic;
}

.AgentTopBox {
    margin: 30px auto;
    max-width: 991px;
}

.AgentTopBox .EverestVideoImage {
    min-height: 220px;
}

.AgentVideoBox {
    border: 1px solid #cccccc;
    margin: 0 15px;
    max-width: 400px;
    min-height: 220px;
    padding: 10px;
}

.AgentVideoTitle {
    color: #23749f;
    font-family: gotham_htfmedium;
    font-size: 1.5em;
    line-height: 1.2em;
    margin: 10px 0 20px 0;
    text-align: center;
}

.AgentBox {
    margin: 0 auto 30px auto;
    max-width: 991px;
}

.AgentLeftBox {
    border: 1px solid #cccccc;
    padding: 20px;
    max-width: 665px;
}

.AgentRightBox {
    text-align: center;
    padding: 15px 0;
}

.AgentPriceFinderButton {
    margin: 30px 10px;
}

.AgentLinkBox a {
    color: #31b4fa;
    font-family: gotham_htfmedium;
    font-size: 1.2em;
    vertical-align: top;
}

.AgentLinkBox a:visited {
    color: #31b4fa;
}

.AgentLinkBox a:hover {
    color: #0184ca;
}

.AgentVideoBox .AgentLinkBox {
    margin: 10px 20px;
}

.AgentLinkGroup {
    display: table;
    padding: 5px;
}

.AgentLinkGroup .AgentLinkImgBox {
    display: table-cell;
    padding-right: 10px;
    vertical-align: middle;
}

.AgentLinkGroup .AgentLinkBox {
    display: table-cell;
    vertical-align: middle;
}

.AgentEverestVideoBox {
    border-top: 41px solid #51595b;
    border-bottom: 41px solid #51595b;
    margin-top: 37px;
}

.AgentVideoImageBox {
    padding: 0 20px;
}

.AgentVideoImageTitle,
.AgentEverestVideoTitle {
    color: #23749f;
    font-family: gotham_htfmedium;
    font-size: 1.4em;
    line-height: 1.1em;
    margin: 5px 0;
    text-align: left;
}

.AgentVideoImageLink {
    cursor: pointer;
    padding: 5px 0;
    text-align: center;
}

.AgentVideoImageLink a {
    background: #ffce2c;
    color: #105a94;
    display: inline-block;
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1.1em;
    padding: 20px 10px;
    width: 100%;
}

.AgentLeftColBox {
    padding: 0 20px;
}

.AgentRightColBox {
    padding: 0 20px;
    text-align: center;
}

.AgentEverestVideoLinkBox {
    margin: 10px auto 40px auto;
    max-width: 250px;
    text-align: left;
}

.AgentExploreBox {
    margin: 30px 10px;
    max-width: 275px;
}

.AgentExploreBox a {
    width: 100%;
}

.AgentImageBox {
    margin: 30px 10px 40px 10px;
}

.AgentInfoBox {
    margin: 30px 10px;
    max-width: 275px;
}

.AgentInfoBox .ExploreButton {
    font-size: 1.1em;
    line-height: 1.1em;
    padding: 20px;
}

@media (max-width: 991px) {
    .AgentTopBox {
        margin: 10px auto 20px auto;
    }

    .AgentTopBox .EverestVideoImage {
        min-height: 0;
    }

    .AgentVideoCol {
        margin: 0 10px;
    }

    .AgentVideoBox {
        margin: 20px auto 0 auto;
        min-height: 0;
    }

    .AgentVideoTitle {
        margin: 0 0 15px 0;
    }

    .AgentBox {
        margin: 0 auto;
    }

    .AgentLeftCol {
        margin: 0 10px;
    }

    .AgentLeftBox {
        margin: 0 auto;
        padding: 10px;
    }

    .AgentRightBox {
        padding: 10px 0;
    }

    .AgentEverestVideoBox {
        border: none;
        margin-top: 0;
    }

    .AgentVideoImageBox {
        padding-top: 20px;
    }
    
    .AgentVideoImageTitle,
    .AgentEverestVideoTitle {
        text-align: center;
    }

    .AgentVideoImageLink {
        margin: 0 auto;
        max-width: 290px;
    }

    .AgentLeftColBox {
        margin: 0 auto;
        max-width: 450px;
    }

    .AgentRightColBox {
        padding-top: 20px;
    }

    .AgentExploreBox,
    .AgentInfoBox {
        margin: 30px auto;
    }

    .AgentImageBox {
        margin: 30px 10px 40px 10px;
    }
}

@media (max-width: 767px) {
    .AgentHeader {
        background-position: center 95px;
        height: 145px;
    }

    .AgentLeftHeader {
        float: none;
        font-size: 2em;
        padding: 10px;
        text-align: center;
    }

    .AgentRightHeader {
        float: none;
        font-size: 1.2em;
        padding: 0;
        text-align: center;
    }

    .AgentHeaderBreak {
        display: none;
    }
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
    .ContentContainer,
    .InfoSectionBox {
        width: 1200px;
    }
}

@media (min-width: 800px) {
    .FormBox {
        width: 800px;
    }
}

@media (max-width: 1300px) {
    .PartnerImage2Col {
        margin-top: -76px;
    }

    .PartnerImage2Box img {
        height: 50px;
        width: 250px;
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .HeaderBox {
        background-size: 1703px 100%;
    }

    .PageLinkBox {
        padding: 0 30px 0 15px;
    }

    .PartnerImageBox {
        display: block;
        float: right;
        padding: 30px 15px 0 15px;
    }

    .PartnerImageBox img {
        height: 50px;
        width: 250px;
    }

    .PartnerImage2Box {
        display: none;
    }

    .PartnerImage3Box {
        display: none;
    }

    .RecaptchaBox {
        padding: 15px 35px;
    }

    .FooterTopBox {
        margin: 0;
        padding: 0 35px;
    }

    .InfoRow {
        padding: 0 20px;
    }

    .RightContentXLBox {
        border-top: 1px solid #cccccc;
        margin-top: 0;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .NavToggle {
        display: block;
        top: 20px;
    }

    .OffCanvas {
        display: block;
    }

    .HeaderBox {
        background-position: right center;
        background-size: 1336px 100%;
    }

    .PageLinkBox {
        padding: 0 30px 0 15px;
    }

    .PrimaryMenu,
    .AgentMenu {
        display: none;
    }

    .SecondaryMenu {
        padding: 0;
    }

    .LoginApplyList {
        min-width: 0;
        padding: 0;
    }

    .LoginApplyList li {
        display: none;
    }

    .LoginApplyList li.AlternateLoginNameBox {
        display: inline-block;
        padding: 20px 0 0 20px;
    }

    .PageLangBox {
        padding: 62px 0 0 0;
    }

    .PartnerImageBox {
        display: block;
        float: right;
        padding: 75px 55px 0 15px;
    }

    .PartnerImageBox img {
        height: 40px;
        width: 200px;
    }

    .PartnerImage2Box {
        display: none;
    }

    .PartnerImage3Box {
        display: none;
    }

    .RecaptchaBox {
        padding: 15px;
    }

    .SecureButtonBox {
        padding: 0 15px;
    }

    .FooterTopBox {
        padding: 0 15px;
    }

    .FooterLeftBox {
        width: 60%;
    }
    
    .InfoRow {
        padding: 0 20px;
    }

    .RightContentBox,
    .RightContentXLBox {
        border-top: 1px solid #cccccc;
        margin-top: 0;
    }

    .LoginHeaderBox {
        min-height: 0;
    }

    .LoginFooterBox {
        padding: 20px 15px;
    }

    .LoginServicesBox {
        max-width: none;
        padding: 10px 25px 10px 5px;
        width: 250px;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .ContentContainer h1 {
        padding: 2px 0;
    }

    .InfoSectionBox h1 {
        padding: 2px 0;
    }

    .NavToggle {
        display: block;
        top: 20px;
    }

    .OffCanvas {
        display: block;
    }

    .HeaderBox {
        background-position: right center;
        background-size: 543px 100%;
        padding: 10px 10px 5px 10px;
    }

    .PageLinkBox {
        padding: 0 10px 0 5px;
    }

    .PageImage img {
        width: 68px;
        height: 54px;
    }

    .PhoneMenu {
        display: none;
    }

    .PrimaryMenu,
    .AgentMenu {
        display: none;
    }

    .SecondaryMenu {
        padding: 0;
    }

    .LoginApplyList {
        min-width: 0;
        padding: 0;
    }

    .LoginApplyList li {
        display: none;
    }

    .LoginApplyList li.AlternateLoginNameBox {
        display: inline-block;
        padding: 2px 0 0 10px;
    }

    .PageLangBox {
        padding: 0 0 0 10px;
    }

    .LoginName {
        font-size: 12px;
    }

    .PageLangSelectBox {
        display: inline-block;
        padding-top: 0;
    }

    .PartnerImageBox {
        display: block;
        float: right;
        padding: 22px 55px 0 15px;
    }

    .PartnerImageBox.NoPageLangBox {
        float: none;
        text-align: center;
    }

    .PartnerImageBox img {
        height: 32px;
        width: 160px;
    }

    .PartnerImage2Box {
        display: none;
    }

    .PartnerImage3Box {
        display: none;
    }

    .RecaptchaBox {
        padding: 15px 0;
    }

    .SecureButtonBox {
        padding: 0;
    }

    .SecureSealBox {
        margin: 0 auto;
        padding: 0 0 15px 0;
        width: 52px;
    }

    .FooterTopBox {
        padding: 0;
    }

    .FooterLeftBox {
        width: 49%;
    }

    .FooterEverestBox {
        margin: 0 15px 15px 15px;
    }

    .InfoRow {
        padding: 0;
    }

    .ContentBox {
        margin: 0 -10px 10px -10px;
        padding: 10px;
    }

    .LoginHeaderBox,
    .PriceFinderHeaderBox {
        min-height: 0;
    }

    .LoginFooterBox {
        padding: 20px 0;
    }

    .LoginImageTextBox {
        font-size: 1.2em;
    }

    .LoginServicesBox {
        max-width: none;
        padding: 10px 25px 10px 5px;
        width: 250px;
    }

    .ProgressText {
        font-size: .8em;
    }

    .RightContentBox,
    .RightContentXLBox {
        border-top: 1px solid #cccccc;
        margin-top: 0;
    }

    .PriceFinderHeaderBox {
        min-height: 0;
    }

    .ButtonGroupBox,
    .FieldButtonGroupStrip,
    .LimitExceededButtonGroupStrip {
        margin: 2px;
        text-align: center;
    }

    .PriceFinderReport {
        margin: 0;
    }

    .ReadOnlyLabel {
        text-align: left;
    }

    .MediumLabel {
        text-align: left;
    }
}

/* Portrait phones and smaller */
@media (max-width: 575px) {
    .SecondaryMenu {
        float: none;
    }

    .PartnerImageBox {
        float: none;
        padding: 2px 0 0 0;
        text-align: center;
    }

    .PartnerImageBox.NoPageLangBox {
        margin-top: -32px;
        padding: 0 55px 0 0;
    }

    .LoginImageTextBox {
        font-size: 1em;
    }

    .ItemSubDataBox {
        display: none;
    }

    .ItemDataFooter {
        display: block;
    }

    .PaymentContentBox,
    .DiscountAlertBox,
    .ReceiptAlertBox {
        margin-left: -10px;
        margin-right: -10px;
    }

    .PaymentContentBox {
        padding: 10px;
    }

    .PurchaseGrid {
        margin: 0 -10px;
    }
}

/* Custom */
@media (max-width: 600px) {
    .FooterWidget ul {
        white-space: normal;
    }

    .FooterRightBox {
        width: 220px;
    }

    .FooterImageLink img {
        height: 37px;
        width: 220px;
    }

    .FooterCopyright {
        display: block;
    }

    .HeaderBox.HeaderBoxIE #MetLifeHeaderText {
        font-size: 15px;
        left: 100px;
        top: 30px;
        width:60%;
    }
}

/* Custom */
@media (max-width: 550px) {
    .FooterRightBox {
        width: 190px;
    }

    .FooterImageLink img {
        height: 32px;
        width: 190px;
    }
}

/* Custom */
@media (max-width: 500px) {
    .FooterRightBox {
        width: 160px;
    }

    .FooterImageLink img {
        height: 27px;
        width: 160px;
    }
}

/* Custom */
@media (max-width: 450px) {
    .LoginImageTextBox {
        font-size: .9em;
    }
}

/* Custom */
@media (max-width: 400px) {
    .FooterRightBox {
        width: 145px;
    }

    .FooterImageLink img {
        height: 24px;
        width: 145px;
    }

    .LoginImageTextBox {
        font-size: .7em;
    }
}

/* Custom */
@media (max-width: 380px) {
    .FooterCopyrightBox ul li {
        display: block;
    }
}

.BolderFont {
    font-family: "gotham_htfmedium"
}

.BoldFont {
    font-family: "gotham_htfbold"
}
