/* Rest super app styles starts */

.src-img input {
    cursor: pointer;
}

.app-info li {
    padding-left: 1em;
    text-indent: -1em;
    list-style: none;
    line-height: 30px;
}

.app-gtm .app-image {
    padding-bottom: 50px;
}

.app-gtm .zoneOne .app-image {
    padding-bottom: 0px;
}

.app-info ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.app-info li::before {
    content: "• ";
    color: #0083be;
    /* or whatever color you prefer */
}

.app-gtm .zoneOne {
    background-color: #fff;
}

.app-gtm .zonethree {
    background: #fff;
}

.app-gtm .zoneOne .title {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    color: #005b82;
}

.app-gtm .zoneOne .app-image img {
    margin-bottom: 0;
}

.app-gtm .zoneOne .app-info {
    padding-top: 60px;
}

.app-gtm .zoneOne .download.row {
    padding-top: 15px;
}

.app-gtm .download.row [class^='col-'] {
    padding-left: 0;
}

.app-gtm .sms-download-button {
    margin-top: 30px;
}

.app-gtm .app-info .title {
    font-size: 24px;
    line-height: 1.5;
    color: #005b82;
}

.main.content .app-gtm img {
    margin-bottom: 0;
}

.icon-gtm-dashboard {
    background-image: url('/App_Themes/Mobiddiction/images/dashboard.svg');
    background-repeat: no-repeat;
    height: 100px;
    margin-top: 80px;
    margin-bottom: 30px;
}

.icon-gtm-balance {
    background-repeat: no-repeat;
    height: 100px;
    margin-top: 90px;
    margin-bottom: 30px;
}

.icon-gtm-insurance {
    background-image: url('/App_Themes/Mobiddiction/images/icon-family-lge.svg');
    background-repeat: no-repeat;
    height: 100px;
    margin-top: 70px;
    margin-bottom: 30px;
}

.app-info .icon-play-video {
    background: url('/App_Themes/Mobiddiction/images/icon-play-mid-blue.png') no-repeat;
    height: 40px;
}

.app-gtm .app-info [class^='col-'] {
    padding-left: 0;
    padding-right: 0;
}

.app-gtm .app-info .row {
    padding-top: 20px;
}

.app-gtm a.lightbox_trigger {
    position: absolute;
    left: 15px;
    top: 10px;
}

.app-gtm .app-image img {
    margin: auto;
}

a.icon-play-video.lightbox_trigger {
    width: 42px;
    height: 42px;
    position: absolute;
    top: 0;
    left: 0;
}

.white.faq {
    padding-bottom: 40px;
}

.app-gtm .zonesix {
    text-align: center;
    background: #333;
    padding-bottom: 40px;
}

.app-gtm .zonesix h3 {
    color: #fff;
    padding-bottom: 30px;
}

.full-video .video-wrapper {
    background-image: url('/App_Themes/Mobiddiction/images/placeholder-image.png');
    background-size: cover;
    height: 340px;
    color: #fff;
}

.full-video h2 {
    color: #fff;
    padding-top: 45px;
}

.full-video p {
    padding: 0 35%;
    margin-bottom: 40px;
}

.full-video a.lightbox_trigger {
    position: static;
}

.full-video a.lightbox_trigger.button {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 20px;
    padding: 13px 38px;
}

.video-wrapper .play-icon {
    background-image: url('/App_Themes/Mobiddiction/images/rest_video_play.png');
    background-position: top center;
    background-repeat: no-repeat;
    height: 50px;
    position: relative;
    top: 25px;
}

/* Tablet landscape */

@media (max-width:1024px) {
    .app-gtm .row {
        padding-top: 10px;
    }
    .app-gtm .zoneOne .app-image {
        position: relative;
    }
    [class^='icon-gtm-'] {
        margin-top: 30px;
    }
}

/* Tablet portrait */

@media (max-width:768px) {
    .full-video p {
        padding: 0 26%;
    }
    .app-gtm .zoneOne .app-info {
        padding-top: 0;
    }
    .zoneOne .container {
        margin-top: 60px;
    }
    .app-gtm .row {
        padding-top: 10px;
    }
    [class^='icon-gtm-'] {
        margin-top: 30px;
    }
    .fluid-container.zoneOne .container {
        margin-top: 100px;
    }
    .fluid-container.zoneOne .download .container {
        margin-top: 30px;
    }
    .icon-gtm-insurance {
        margin-top: 0;
        margin-bottom: 18px;
    }
    .fluid-container.zonefour {
        padding-top: 25px;
    }
    .zoneOne .sms-widget {
        text-align: left;
    }
    .white.faq {
        padding-top: 30px;
    }
}

/* Mobile landscape */

@media (max-width:736px) {
    .app-gtm .row {
        padding: 35px 0;
    }
}

/* Mobile portrait */

@media (max-width:414px) {
    .full-video p {
        padding: 0 10%;
    }
    .full-video .video-wrapper {
        height: 400px;
    }
    .app-gtm .zoneOne .row {
        padding: 35px 0;
        padding-bottom: 0;
    }
    .app-gtm.fluid-container .container {
        padding-bottom: 60px;
    }
    .fluid-container.zoneOne .container {
        margin-top: 0;
    }
    .app-gtm .zoneOne .app-image {
        position: relative;
        top: 0;
        margin-bottom: 25px;
    }
    .app-gtm .app-info {
        text-align: center;
    }
    .zoneOne .sms-widget {
        text-align: center;
    }
    [class^='icon-gtm-'] {
        background-position: center;
        height: 47px;
        background-size: contain;
        margin: 20px;
    }
    .app-gtm .app-image {
        padding-bottom: 0;
    }
    .app-gtm .fluid-container {
        padding-bottom: 0;
        padding-top: 30px;
    }
    .app-gtm .fluid-container.zonefive, .app-gtm .fluid-container.zoneOne, app-gtm .fluid-container.faq {
        padding-bottom: 10px;
    }
    .app-gtm .app-info .row {
        padding-left: 75px;
    }
    .app-gtm a.lightbox_trigger {
        width: 100%;
        left: 10px;
    }
    .app-gtm .zoneOne .app-info .row {
        padding-left: 0%;
    }
}

/* Smaller mobile portrait  */

@media (max-width:360px) {
    .app-gtm a.lightbox_trigger {
        left: 5px;
    }
}

/* Rest super app styles ends  */

/*BlueNavTop*/

.member-area {
    display: none;
}

.member-area.desktop {
    display: inline-block !important;
}

@media only screen and (min-width: 768px) {
    .member-area-wrap .member-area ul {
        display: block !important;
    }
}

@media only screen and (min-width: 992px) {
    .header.desktop {
        height: 153px;
    }
}

@media only screen and (min-width: 992px) {
    .headroom--not-top.header.tablet.desktop.headroom--pinned {
        height: 142px;
    }
}

@media only screen and (min-width: 992px) {
    .header.desktop .container.nav .col-md-3.col-lg-2 ul.menu.sub {
        width: 137px;
        margin-top: 28px;
        /*added*/
    }
}

.account-button.login-img {
    position: absolute;
}

/* Member login styles starts */

#loginModal .modal-dialog {
    top: 286px;
    position: absolute;
    margin: auto;
    width: auto;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}

span.login-text {
    color: white;
}

.modal-content.container {
    min-width: 1100px;
}

.member-area-wrap.account-button {
    top: 0;
    left: 0;
    right: none;
}

.member-area-wrap .account-button.login-img {
    right: none;
}

.member-area-wrap .account-button.login-img {
    /*background-image: url(../images/REST_joinREST_white.png), url(../images/rest-button-sheen-new.gif);*/
    background-repeat: no-repeat;
    background-position: 77px 3px, 0 0;
    /*RMS-481*/
    background-size: 44px, cover;
    right: 2%;
    display: block !important;
}

.modal-header .close {
    background-image: url(../images/REST_login-white.svg);
    background-repeat: no-repeat;
    background-position: 56px -5px;
    background-size: 40px;
}

.close.md img {
    width: 0;
    height: 0;
}

#loginModal .row {
    padding: 0;
    width: 100%;
    padding-top: 20px;
    padding-left: 14px;
}

.login-buttons {
    padding-top: 45px;
    padding-bottom: 25px;
}

#loginModal .call-to-action {
    padding: 14px 75px;
}

#loginModal a.btn.call-to-action.primary {
    margin-right: 20px;
}

#loginModal h3.regular {
    color: #005b82;
}

.page-title a {
    padding: 10px 10px 10px 0px;
    border-radius: 25px;
    color: white;
}

.page-title a.join-text {
    background-color: #009fd9;
}

.page-title a.login-text {
    background-color: #0063af;
}

#loginModal .col-md-6.col-xs-12.first-block {
    border-right: 1px solid rgba(194, 201, 201, 0.42);
}

#loginModal .col-md-6.col-xs-12 {
    padding-left: 40px;
}

#loginModal button.close {
    background-color: #0083be;
    padding: 10px 51px 10px 10px;
    color: white;
    font-size: 1em;
    font-family: "Gotham A", "Gotham B";
    font-weight: normal;
    border-bottom-left-radius: 5px;
    text-shadow: none;
    text-align: right;
    position: relative;
    top: 0;
    right: 0;
}

#loginModal .modal-header {
    border-bottom: none;
    position: absolute;
    top: 5px;
    right: 36%;
}

@media only screen and (min-width: 992px) {
    .member-area-wrap .account-button {
        display: block;
        margin-right: 15px;
        background: none;
        color: white;
        width: 120px;
    }
}

/* Mobile Style  */

@media only screen and (max-width: 667px) {
    .modal-content.container {
        min-width: 0;
    }
    .bg-login-animation {
        /*background: url(/App_Themes/nwp/assets/images/desktop_nav/sub_menu/rest-button-sheen-new.gif) 0 0 no-repeat;*/
        background-size: cover;
        top: 59px;
        position: absolute;
        border-radius: 0px 0px 5px 5px;
        right: 0;
        height: 30px;
        width: 95px;
    }
    #loginModal .login-buttons a.primary {
        padding: 15px 47px;
    }
    #loginModal .row {
        padding: 0;
        width: 100%;
        padding-top: 0;
        padding-left: 14px;
    }
    .login-buttons {
        padding-top: 25px;
        padding-bottom: 25px;
        width: 400px;
    }
    #loginModal a.btn.call-to-action.primary {
        margin-right: 15px;
    }
    #loginModal .call-to-action {
        padding: 15px 38px;
    }
    .login-buttons {
        padding-top: 30px;
        padding-bottom: 45px;
    }
    #loginModal .col-md-6.col-xs-12.first-block {
        border-right: none;
        border-bottom: 1px solid rgba(194, 201, 201, 0.42);
    }
    #loginModal .col-md-6.col-xs-12.second-block {
        padding-top: 30px;
    }
    #loginModal .col-md-6.col-xs-12 {
        padding-left: 0;
    }
    #loginModal .modal-header {
        padding: 0;
    }
    #loginModal p {
        width: 350px;
    }
    #loginModal button.close {
        top: 16px;
    }
    [data-target="#loginModal"] {
        /*background-image: url(../images/REST_login-white.svg), url(../images/rest-button-sheen.gif);*/
        background-repeat: no-repeat;
        background-position: 65px 8px, 0 0;
        background-size: 40px, cover;
    }
}

/* Tablet styles */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #loginModal .modal-dialog {
        top: 330px;
        left: 0;
        width: 0;
    }
    #loginModal .col-md-6.col-xs-12 {
        padding-left: 0;
        padding-right: 450px;
    }
    .container-fluid.member-area-wrap.nopadding {
        position: fixed;
        padding-bottom: 50px;
    }
    .second-block .login-text-block {
        margin-left: 20px;
    }
    .second-block .login-buttons {
        margin-left: 21px;
    }
    .login {
        text-align: left;
        padding-left: 10px;
    }
    #loginModal .modal-dialog {
        top: 300px;
    }
    .member-area-wrap .account-button.login-img {
        /*background-image: url(../images/REST_joinREST_white.png),
        url(../images/rest-button-sheen.gif);*/
        background-repeat: no-repeat;
        background-position: 77px 3px, 0 0;
        background-size: 44px, cover;
        display: block!important;
    }
    .container.member.nav {
        padding-top: 70px;
    }
    .account-button.login-img {
        width: 109px;
        font-size: medium;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .modal-content.container {
        width: 1026px;
    }
    .login-buttons {
        width: 460px;
    }
    #loginModal .col-md-6.col-xs-12 {
        padding-left: 0;
    }
}

/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .container.nav.employer {
        padding-top: 58px;
    }
    .account-button.login-img {
        position: fixed;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .member-area-wrap .login-img.account-button {
        background-position: 20px -4px, 0 0;
        background-size: 110px, cover;
    }
}

/*Android S6*/

@media (max-width: 377px) {
    .page-title {
        position: absolute;
        right: 90px;
        top: 6px;
    }
    [data-target="#loginModal"] {
        background-position: 65px 8px, 0 0;
    }
}

/*Iphone 5*/

@media (max-width: 320px) {
    #loginModal .modal-dialog {
        top: 75px;
        left: 0;
    }
}

/*Iphone*/

@media (max-width: 378px) and (min-width: 365px) {
    .page-title {
        right: 50px;
        top: 6px;
        position: absolute;
    }
    [data-target="#loginModal"] {
        background-position: 65px 8px, 0 0;
    }
}

@media only screen and (min-width: 768px) {
    .page-title {
        position: absolute;
        right: 50px;
        top: 6px;
    }
}

@media (max-width: 667px) {
    .page-title {
        position: absolute;
        right: 57px;
        top: 6px;
    }
}

/* Member login styles finishes */

/* SMS Modal Styles*/

button.btn.call-to-action.primary.leftImage {
    background-image: url(../images/icon-app-white.svg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    padding-left: 50px;
    background-position-x: 15px;
}

.sms-widget {
    text-align: left;
    margin-top: 25px;
}

.sms-widget h3 {
    padding-bottom: 24px;
}

.sms-widget p.sms-text {
    width: 100%;
}

#smsModal .modal-content {
    border: none;
    box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.3);
    height: auto;
}

#smsModal .modal-dialog {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, 0%) !important;
    width: 600px;
    margin: 30px auto;
}

@media only screen and (max-width: 768px) {
    #smsModal .modal-dialog {
        position: absolute;
        width: 100%;
    }
}

#smsModal .green-tick {
    padding-top: 15px;
}

#smsModal .green-tick img {
    width: 62px;
    height: 42px;
    display: inline;
    margin-top: 38px;
    margin-bottom: 20px;
}

#smsModal .modal-dialog .hide {
    display: none !important;
}

#smsModal button.close {
    top: 36px;
    right: 15px;
}

#smsModal button.close img {
    width: 20px;
    margin: 0;
}

#smsModal .modal-body {
    padding: 0;
}

#smsModal em.invalid-number {
    text-align: left;
    padding-left: 3%;
    color: red;
}

#smsModal .modal-header {
    padding: 0;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 20px;
}

#smsModal p#smsModalLabel {
    font-size: 24px;
    color: #005B82;
    display: inline;
    font-weight: normal;
}

#smsModal input[type=number]::-webkit-inner-spin-button, #smsModal input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input#phoneNumber {
    font-weight: normal;
}

button#sendsms {
    font-size: 14px;
}

#contact-us .sms-download-button {
    margin-left: 0;
    margin-top: 25px;
    font-size: 14px;
}

#smsModal input[type=number]:focus:not([readonly]) {
    box-shadow: none;
}

@media only screen and (max-width: 768px) {
    #smsModal .modal-dialog {
        top: 17%;
    }
    .sms-widget {
        text-align: center;
    }
    .sms-widget p.sms-text {
        width: 300px;
        text-align: center;
    }
    #smsModal p#smsModalLabel {
        font-size: 20px;
        margin-right: 50px;
    }
    #smsModal .modal-content {
        padding: 20px;
        width: 100%;
        padding-bottom: 40px;
    }
    #smsModal button.close img {
        margin: 0px;
        margin-bottom: 10px;
        width: 100%;
    }
    #smsModal button#sendsms {
        padding: 13px 20px;
        right: 15px;
    }
    #smsModal .green-tick img {
        margin: auto;
    }
    #smsModal button.close {
        top: 41px;
    }
    #smsModal .modal-header {
        padding-top: 40px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    #smsModal .modal-dialog {
        width: 70%;
        left: 57%;
        top: 30%;
    }
}

/* 23/02 changes */

@media only screen and (max-width: 770px) and (min-width: 768px) {
    .sms-widget p.sms-text {
        width: 260px;
        text-align: left !important;
    }
}

/* End sms modal styles */

/* Member login fixes 13/04  */

/* Landscape */

/*@media only screen and (min-device-width: 992px) and (max-device-width: 1024px){
	.header.desktop .container.nav .col-md-3.col-lg-2 ul.menu.sub {
		width: 120px;
		margin-top: 28px;
	}
    .header.desktop .container.nav ul.menu.main li .menu_itemText
{ padding: 55px 0 6px 0; width: 100%; }
	.main.content .container.products {
		margin-top: 0;
	}
}*/

/* Portrait */

/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
{
	.main.content .container.products {
		margin-top: 60px;
	}
} */

/* Member login fixes 13/04 */

/* Landscape */

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .header.desktop .container.nav .col-md-3.col-lg-2 ul.menu.sub {
        width: 120px;
        margin-top: 28px;
    }
    .header.desktop .container.nav ul.menu.main li .menu_itemText {
        padding: 57px 0 6px 0;
        width: 100%;
    }
    .main.content .container.products {
        margin-top: 0;
    }
    .container-fluid.member-area-wrap.nopadding {
        position: absolute;
        padding-bottom: 50px;
    }
}

/* Portrait */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .main.content .container.products {
        margin-top: 60px;
    }
}

/* 27-04-2017 - iPad portrait issue fix - RMS-115 changes Starts */

@media only screen and (min-width: 668px) and (max-width: 769px) {
    .l2-header-menu {
        padding-top: 70px;
    }
    .banner {
        margin-top: 55px;
    }
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) {
    .container.member.nav {
        padding-top: 65px;
    }
}

/* iPad portrait issue fix - RMS-115 changes Ends */

/* 02-05-2017 - iPad Welcome back message issue fix - RMS-115 changes Starts */

@media(min-device-width: 768px) and (max-device-width: 1024px) {
    #fixed {
        margin-top: 0 !important;
    }
}

/* iPad Welcome back message issue fix - RMS-115 changes Ends */

/* 02-05-2017 - (...) Issues fix - RMS-115 changes Starts */

@media only screen and (min-width: 992px) {
    .headroom--not-top.header.tablet.desktop.headroom--pinned ul.menu.sub {
        margin-top: 28px!important;
    }
}

/*(...) Issues fix - RMS-115 changes Ends */

/* 08-05-2017 -iPad issue fix for RMS-157 Starts */

@media only screen and (max-width: 769px) and (min-width: 668px) {
    .fluid-container.hero-career.l2-header-menu {
        padding-top: 0;
    }
    .job .mix {
        min-height: 453px;
    }
}

@media only screen and (max-width: 1024px) and (min-width:900px) {
    .job .mix {
        min-height: 335px;
    }
}

}

/* 08-05-2017 -iPad issue fix for RMS-157 Ends*/

/* Rest super app styles starts */

.research-video-wrapper {
    margin: 30px auto;
    margin-bottom: 0;
}

.app-gtm .app-info li {
    padding-left: 1em;
    text-indent: -1em;
    list-style: none;
    line-height: 30px;
}

.app-gtm .app-image {
    padding-bottom: 50px;
}

.app-gtm .zoneOne .app-image {
    padding-bottom: 0px;
}

.app-info ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.app-info li::before {
    content: "• ";
    color: #0083be;
    /* or whatever color you prefer */
}

.app-gtm .zoneOne {
    background-color: #fff;
}

.app-gtm .zonethree {
    background: #fff;
}

.app-gtm .zoneOne .title {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    color: #005b82;
}

.app-gtm .zoneOne .app-image img {
    margin-bottom: 0;
}

.app-gtm .zoneOne .app-info {
    padding-top: 60px;
}

.app-gtm .zoneOne .download.row {
    padding-top: 15px;
}

.app-gtm .download.row [class^='col-'] {
    padding-left: 0;
}

.app-gtm .sms-download-button {
    margin-top: 30px;
}

.app-gtm .app-info .title {
    font-size: 24px;
    line-height: 1.5;
    color: #005b82;
}

.main.content .app-gtm img {
    margin-bottom: 0;
}

.icon-gtm-dashboard {
    background-image: url('/App_Themes/Mobiddiction/images/dashboard.svg');
    background-repeat: no-repeat;
    height: 81px;
    margin-top: 80px;
    margin-bottom: 30px;
}

.icon-gtm-balance {
    background-repeat: no-repeat;
    height: 81px;
    margin-top: 90px;
    margin-bottom: 30px;
}

.icon-gtm-insurance {
    background-image: url('/App_Themes/Mobiddiction/images/icon-family-lge.svg');
    background-repeat: no-repeat;
    height: 90px;
    margin-top: 70px;
    margin-bottom: 30px;
}

.app-info .icon-play-video {
    background: url('/App_Themes/Mobiddiction/images/icon-play-mid-blue.png') no-repeat;
    height: 40px;
}

.app-gtm .app-info [class^='col-'] {
    padding-left: 0;
    padding-right: 0;
}

.app-gtm .app-info .row {
    padding-top: 20px;
}

.app-gtm a.lightbox_trigger {
    position: absolute;
    left: 15px;
    top: 10px;
}

.app-gtm .app-image img {
    margin: auto;
}

a.icon-play-video.lightbox_trigger {
    width: 40px;
    position: absolute;
    top: 0;
    left: 0;
}

.white.faq {
    padding-bottom: 40px;
}

.app-gtm .zonesix {
    text-align: center;
    background: #333;
    padding-bottom: 40px;
}

.app-gtm .zonesix h3 {
    color: #fff;
}

@media (max-width:1024px) {
    .app-gtm .row {
        padding-top: 10px;
    }
    .app-gtm .zoneOne .app-image {
        position: relative;
    }
    [class^='icon-gtm-'] {
        margin-top: 30px;
    }
}

/*Tablet portrait*/

@media (max-width:768px) {
    .app-gtm .zoneOne .app-info {
        padding-top: 0;
    }
    .zoneOne .container {
        margin-top: 60px;
    }
    .app-gtm .row {
        padding-top: 10px;
    }
    [class^='icon-gtm-'] {
        margin-top: 30px;
    }
    .fluid-container.zoneOne .container {
        margin-top: 100px;
    }
    .fluid-container.zoneOne .download .container {
        margin-top: 30px;
    }
    .icon-gtm-insurance {
        margin-top: 0;
        margin-bottom: 18px;
    }
    .fluid-container.zonefour {
        padding-top: 25px;
    }
    .zoneOne .sms-widget {
        text-align: left;
    }
    .white.faq {
        padding-top: 30px;
    }
}

@media (max-width:376px) {
    .app-gtm.fluid-container .container {
        padding-bottom: 60px;
    }
}

@media (max-width:414px) {
    .research-video-wrapper iframe {
        height: auto;
    }
    .fluid-container.zoneOne .container {
        margin-top: 0;
    }
    .app-gtm .zoneOne .app-image {
        position: relative;
        top: 0;
        margin-bottom: 25px;
    }
    .app-gtm .app-info {
        text-align: center;
    }
    .zoneOne .sms-widget {
        text-align: center;
    }
    [class^='icon-gtm-'] {
        background-position: center;
        height: 47px;
        background-size: contain;
        margin: 20px;
    }
    .app-gtm .app-image {
        padding-bottom: 0;
    }
    .app-gtm .fluid-container {
        padding-bottom: 65px;
        padding-top: 30px;
    }
    .app-gtm .fluid-container.zonefive, .app-gtm .fluid-container.zoneOne, app-gtm .fluid-container.faq {
        padding-bottom: 10px;
    }
    .app-gtm .app-info .row {
        padding-left: 75px;
    }
    .app-gtm a.lightbox_trigger {
        width: 100%;
    }
    .app-gtm .zoneOne .app-info .row {
        padding-left: 0%;
    }
}

/* Rest super app styles ends  */

/* CMS fix */

.cms-bootstrap .ContentMenu .TreeBody {
    top: 0;
}

/*BlueNavTop*/

.member-area {
    display: none;
}

.member-area.desktop {
    display: inline-block !important;
}

@media only screen and (min-width: 768px) {
    .member-area-wrap .member-area ul {
        display: block !important;
    }
}

@media only screen and (min-width: 992px) {
    .header.desktop {
        height: 153px;
    }
}

@media only screen and (min-width: 992px) {
    .headroom--not-top.header.tablet.desktop.headroom--pinned {
        height: 142px;
    }
}

@media only screen and (min-width: 992px) {
    .header.desktop .container.nav .col-md-3.col-lg-2 ul.menu.sub {
        width: 120px;
        margin-top: 28px;
        /*added*/
    }
}

.account-button.login-img {
    position: absolute;
}

/* Member login styles starts */

#loginModal .modal-dialog {
    top: 286px;
    position: absolute;
    margin: auto;
    width: auto;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}

span.login-text {
    color: white;
}

.modal-content.container {
    min-width: 1100px;
}

.member-area-wrap.account-button {
    top: 0;
    left: 0;
    right: none;
}

.member-area-wrap .account-button.login-img {
    right: none;
}

.member-area-wrap .account-button.login-img {
    /*background-image: url(../images/REST_joinREST_white.png),
    url(../images/rest-button-sheen-new.gif);*/
    background-color: #0063af;
    height: 36px;
    padding-top: 6px;
    background-repeat: no-repeat;
    background-position: 77px 3px, 0 0;
    background-size: 19px, cover;
    right: 2%;
    display: block !important;
    border-radius: 0px 0 10px 10px;
}

.member-area-wrap .account-button.login-img:hover {
    background-color: #00A5AC;
    transition: 100ms;
}

.member-area-wrap .account-button.login-img:active {
    background-color: #009fd9;
}

.member-area-wrap .account-button.login-img:focus {
    background-color: #009fd9;
}

.modal-header .close {
    background-image: url(../images/REST_login-white.svg);
    background-repeat: no-repeat;
    background-position: 56px -5px;
    background-size: 40px;
}

.close.md img {
    width: 0;
    height: 0;
}

#loginModal .row {
    padding: 0;
    width: 100%;
    padding-top: 20px;
    padding-left: 14px;
}

.login-buttons {
    padding-top: 45px;
    padding-bottom: 25px;
}

#loginModal .call-to-action {
    padding: 14px 75px;
}

#loginModal a.btn.call-to-action.primary {
    margin-right: 20px;
}

#loginModal h3.regular {
    color: #005b82;
}

.page-title a {
    background-color: #005b82;
    padding: 10px 10px 10px 0px;
    border-radius: 25px;
    color: white;
}

#loginModal .col-md-6.col-xs-12.first-block {
    border-right: 1px solid rgba(194, 201, 201, 0.42);
}

#loginModal .col-md-6.col-xs-12 {
    padding-left: 40px;
}

#loginModal button.close {
    background-color: #0083be;
    padding: 10px 51px 10px 10px;
    color: white;
    font-size: 1em;
    font-family: "Gotham A", "Gotham B";
    font-weight: normal;
    border-bottom-left-radius: 5px;
    text-shadow: none;
    text-align: right;
    position: relative;
    top: 0;
    right: 0;
}

#loginModal .modal-header {
    border-bottom: none;
    position: absolute;
    top: 5px;
    right: 36%;
}

@media only screen and (min-width: 992px) {
    .member-area-wrap .account-button {
        display: block;
        margin-right: 15px;
        background: none;
        color: white;
        width: 120px;
    }
}

/* Mobile Style  */

@media only screen and (max-width: 667px) {
    .modal-content.container {
        min-width: 0;
    }
    .bg-login-animation {
        /*background: url(/App_Themes/nwp/assets/images/desktop_nav/sub_menu/rest-button-sheen.gif) 0 0 no-repeat;*/
        background-size: cover;
        top: 59px;
        position: absolute;
        border-radius: 0px 0px 5px 5px;
        right: 0;
        height: 30px;
        width: 95px;
    }
    #loginModal .login-buttons a.primary {
        padding: 15px 47px;
    }
    #loginModal .row {
        padding: 0;
        width: 100%;
        padding-top: 0;
        padding-left: 14px;
    }
    .login-buttons {
        padding-top: 25px;
        padding-bottom: 25px;
        width: 400px;
    }
    #loginModal a.btn.call-to-action.primary {
        margin-right: 15px;
    }
    #loginModal .call-to-action {
        padding: 15px 38px;
    }
    .login-buttons {
        padding-top: 30px;
        padding-bottom: 45px;
    }
    #loginModal .col-md-6.col-xs-12.first-block {
        border-right: none;
        border-bottom: 1px solid rgba(194, 201, 201, 0.42);
    }
    #loginModal .col-md-6.col-xs-12.second-block {
        padding-top: 30px;
    }
    #loginModal .col-md-6.col-xs-12 {
        padding-left: 0;
    }
    #loginModal .modal-header {
        padding: 0;
    }
    #loginModal p {
        width: 350px;
    }
    #loginModal button.close {
        top: 16px;
    }
    [data-target="#loginModal"] {
        /*background-image: url(../images/REST_joinREST_white.png),
        url(../images/rest-button-sheen-new.gif);*/
        background-repeat: no-repeat;
        background-position: 67px 8px, 0 0;
        background-size: 19px, cover;
    }
}

/* Tablet styles */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #loginModal .modal-dialog {
        top: 330px;
        left: 0;
        width: 0;
    }
    #loginModal .col-md-6.col-xs-12 {
        padding-left: 0;
        padding-right: 450px;
    }
    .container-fluid.member-area-wrap.nopadding {
        position: fixed;
        padding-bottom: 50px;
    }
    .second-block .login-text-block {
        margin-left: 20px;
    }
    .second-block .login-buttons {
        margin-left: 21px;
    }
    .login {
        text-align: left;
        padding-left: 10px;
    }
    #loginModal .modal-dialog {
        top: 300px;
    }
    .member-area-wrap .account-button.login-img {
        /*background-image: url(../images/REST_joinREST_white.png),
    url(../images/rest-button-sheen-new.gif);*/
        background-repeat: no-repeat;
        background-position: 70px 3px, 0 0;
        background-size: 19px, cover;
        display: block!important;
    }
    .container.member.nav {
        padding-top: 70px;
    }
    .account-button.login-img {
        width: 109px;
        font-size: medium;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .modal-content.container {
        width: 1026px;
    }
    .login-buttons {
        width: 460px;
    }
    #loginModal .col-md-6.col-xs-12 {
        padding-left: 0;
    }
}

/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .container.nav.employer {
        padding-top: 58px;
    }
    .account-button.login-img {
        position: fixed;
    }
}

/*Android S6*/

@media (max-width: 377px) {
    .page-title {
        position: absolute;
        right: 90px;
        top: 6px;
    }
}

/*Iphone 5*/

@media (max-width: 320px) {
    #loginModal .modal-dialog {
        top: 75px;
        left: 0;
    }
}

/*Iphone*/

@media (max-width: 378px) and (min-width: 365px) {
    .page-title {
        right: 50px;
        top: 6px;
        position: absolute;
    }
    [data-target="#loginModal"] {
        background-position: 65px 8px, 0 0;
    }
}

@media only screen and (min-width: 768px) {
    .page-title {
        position: absolute;
        right: 50px;
        top: 6px;
    }
}

@media (max-width: 667px) {
    .page-title {
        position: absolute;
        right: 57px;
        top: 6px;
    }
}

/* Member login styles finishes */

/* SMS Modal Styles*/

button.btn.call-to-action.primary.leftImage {
    background-image: url(../images/icon-app-white.svg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    padding-left: 50px;
    background-position-x: 15px;
}

.sms-widget {
    text-align: left;
    margin-top: 25px;
}

.sms-widget h3 {
    padding-bottom: 24px;
}

.sms-widget p.sms-text {
    width: 100%;
}

#smsModal .modal-content {
    border: none;
    box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.3);
    height: auto;
}

#smsModal .modal-dialog {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, 0%) !important;
    width: 600px;
    margin: 30px auto;
}

@media only screen and (max-width: 768px) {
    #smsModal .modal-dialog {
        position: absolute;
        width: 100%;
    }
}

#smsModal .green-tick {
    padding-top: 15px;
}

#smsModal .green-tick img {
    width: 62px;
    height: 42px;
    display: inline;
    margin-top: 38px;
    margin-bottom: 20px;
}

#smsModal .modal-dialog .hide {
    display: none !important;
}

#smsModal button.close {
    top: 36px;
    right: 15px;
}

#smsModal button.close img {
    width: 20px;
    margin: 0;
}

#smsModal .modal-body {
    padding: 0;
}

#smsModal em.invalid-number {
    text-align: left;
    padding-left: 3%;
    color: red;
}

#smsModal .modal-header {
    padding: 0;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 20px;
}

#smsModal p#smsModalLabel {
    font-size: 24px;
    color: #005B82;
    display: inline;
    font-weight: normal;
}

#smsModal input[type=number]::-webkit-inner-spin-button, #smsModal input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input#phoneNumber {
    font-weight: normal;
}

button#sendsms {
    font-size: 14px;
}

#contact-us .sms-download-button {
    margin-left: 0;
    margin-top: 25px;
    font-size: 14px;
}

#smsModal input[type=number]:focus:not([readonly]) {
    box-shadow: none;
}

@media only screen and (max-width: 768px) {
    #smsModal .modal-dialog {
        top: 17%;
    }
    .sms-widget {
        text-align: center;
    }
    .sms-widget p.sms-text {
        width: 300px;
        text-align: center;
    }
    #smsModal p#smsModalLabel {
        font-size: 20px;
        margin-right: 50px;
    }
    #smsModal .modal-content {
        padding: 20px;
        width: 100%;
        padding-bottom: 40px;
    }
    #smsModal button.close img {
        margin: 0px;
        margin-bottom: 10px;
        width: 100%;
    }
    #smsModal button#sendsms {
        padding: 13px 20px;
        right: 15px;
    }
    #smsModal .green-tick img {
        margin: auto;
    }
    #smsModal button.close {
        top: 41px;
    }
    #smsModal .modal-header {
        padding-top: 40px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    #smsModal .modal-dialog {
        width: 70%;
        left: 57%;
        top: 30%;
    }
}

/* 23/02 changes */

@media only screen and (max-width: 770px) and (min-width: 768px) {
    .sms-widget p.sms-text {
        width: 260px;
        text-align: left !important;
    }
}

/* End sms modal styles */

/* Landscape */

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .header.desktop .container.nav .col-md-3.col-lg-2 ul.menu.sub {
        width: 137px;
        margin-top: 28px;
    }
    .header.desktop .container.nav ul.menu.main li .menu_itemText {
        padding: 57px 0 6px 0;
        width: 100%;
    }
    .main.content .container.products {
        margin-top: 0;
    }
    .container-fluid.member-area-wrap.nopadding {
        position: absolute;
        padding-bottom: 50px;
    }
}

/* Portrait */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .main.content .container.products {
        margin-top: 60px;
    }
}

/* 27-04-2017 - iPad portrait issue fix - Member login changes Starts */

@media only screen and (min-width: 668px) and (max-width: 769px) {
    .l2-header-menu {
        padding-top: 70px;
    }
    .banner {
        margin-top: 55px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .container.member.nav {
        padding-top: 65px;
    }
}

/* iPad portrait issue fix - Member login changes Ends */

/* Email Intercept Styles starts */

#EmailIntercept .row {
    padding: 0px !important;
    margin-top: 20px;
}

#EmailIntercept .call-to-action {
    display: block !important;
    margin: auto !important;
}

#EmailIntercept .modal-header .close {
    top: 30px !important;
}

#EmailIntercept .spacer {
    margin-top: 30px;
}

.typo_para_text {
    line-height: 24px;
    font-size: 16px;
    font-weight: normal;
}

.typo_headTwo_text {
    line-height: 36px;
    font-size: 24px;
    font-weight: normal;
}

.global_blue {
    color: #005B82;
}

.global_black {
    color: #333333;
}

.Member_row {
    padding: 0px;
}

#ContactUsForm .typo_paraExtraSmall_text {
    line-height: 14px;
    font-size: 10px;
    font-weight: normal;
}

#ContactUsForm .global_grey {
    color: #A0A0A0;
}

#ContactPrivacyPolicy {
    line-height: 14px;
    font-size: 10px;
    font-weight: normal;
    color: #A0A0A0;
}

#EmailIntercept .modal-dialog {
    top: 150px;
    /* left: 0%; */
    transform: translate(-50%, 0%) !important;
}

.modal-header {
    border-bottom: none;
}

.modal-backdrop {
    background: transparent;
}

#FindMemberNumberModal .fixed-header {
    position: absolute;
    left: 90%;
    padding: 20px;
}

.close {
    text-shadow: 0 1px 0 #000;
    filter: alpha(opacity=100);
    opacity: 1;
}

.Member_dap_label {
    position: absolute;
    top: 0px;
    font-size: 16px;
    color: #333;
    font-family: "Gotham A", "Gotham B";
    font-weight: normal;
}

label.Member_dap_label.active {
    top: -20px;
    font-size: 14px;
    color: #A0A0A0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.Member_dap_drop_label {
    color: #A0A0A0;
    font-weight: normal;
}

#ContactUsForm select {
    border-color: transparent;
    border-bottom: 1px solid #A0A0A0;
    box-shadow: none;
    padding: 5px;
}

.Member_dap_label, .Member_dap_input {
    width: 100%;
    height: auto !important;
    border-color: #D1D1D1;
}

.Member_dap_input:focus {
    outline: none;
    border-color: #D1D1D1;
    box-shadow: none;
}

.Member_dap_success {
    margint-top: 37px;
}

.member_pp {
    transform: translateY(50%);
}

.Member_dap_error {
    display: none;
}

.Member_dap_form_row {
    margin-top: 30px;
}

.dap_form_error_icon {
    position: absolute;
    right: 20px;
    top: -05px;
}

.dap_form_success_icon {
    position: absolute;
    right: 20px;
    bottom: 10px;
}

.dap_error_icon_hid {
    display: none;
}

.dap_input_error {
    border-color: #f61420;
}

.help-block {
    color: #f61420;
}

.dap_btn {
    height: 50px;
    width: 100%;
    border-radius: 25px;
    border-color: transparent;
    margin: 20px 0px;
}

.dap_btn_blue {
    background-color: #0083BE;
}

.global_white {
    color: #FFFFFF;
}

.dap_memberloader {
    margin: 60px 0px 120px 0px;
}

.Member_dap_input[readonly=readonly] {
    border-bottom-style: solid !important;
}

.memberLivePerson {
    width: 180px;
    height: 180px;
    overflow: hidden;
    border-radius: 50%;
    background-color: #00719d;
}

.MemberLiveImg {
    margin-top: 20px;
}

.memberContactDivider {
    border-right: 1px solid #EBEBEB;
}

.memberFindBtn {
    float: right;
}

.MemberCaptcha {
    height: 1px;
    visibility: hidden;
}

/*Upload file Styles*/

/* UPLOAD FILE TYPE   */

#ContactUsForm .uploader-input-file input::before {
    -moz-opacity: 0;
}

.uploader-input-file::-webkit-file-upload-button {
    visibility: hidden;
}

#ContactUsForm .uploader-input-file::before {
    content: 'UPLOAD';
    color: #0083be;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    display: block;
    text-align: center;
    -moz-opacity: 0;
    -moz-appearance: none;
    /* Firefox */
    opacity: 0;
}

#ContactUsForm .uploader-input-file::-ms-browse {
    visibility: hidden;
    background-color: #fff;
    box-shadow: none;
    opacity: 0.1;
}

#ContactUsForm .uploader-input-file::-ms-value {
    content: 'UPLOAD';
    visibility: hidden;
}

.uploader-input-file.success::before {
    content: 'CLEAR' !important;
}

#ContactUsForm input[type=file] {
    display: block;
    color: transparent;
    border: 2px solid #0083be;
    border-radius: 25px;
    width: 139px;
    height: 50px;
    padding: 13px 35px;
    left: 53%!important;
    background-color: #fff;
    position: relative;
}

#ContactUsForm input[type=file]:focus {
    outline: none;
}

/*A custom breakpoint to handle large screen laptops*/

@media only screen and (min-width: 769px) and (max-width: 1520px) {
    .form-wrapper input[type=submit] {
        left: 10%!important;
    }
    #ContactUsForm input[type=file] {
        left: 0%!important;
    }
}

@media only screen and (max-width: 768px) {
    #EmailIntercept .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
    #EmailIntercept {
        z-index: 10000;
    }
    #EmailIntercept .modal-header .close {
        top: 50px !important;
    }
    #EmailIntercept .call-to-action {
        padding: 12px 29px;
    }
    .Member_dap_form_row {
        margin-top: 0px;
    }
    .spacer-mobile {
        margin-top: 30px;
    }
    .tabletSuburb {
        margin-top: 0px;
    }
    .mobileCaptcha>div {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 480px) {
    #ContactUsForm input[type=file] {
        left: -53%!important;
    }
    #EmailIntercept input[type=submit] {
        left: 0% !important;
    }
    #EmailIntercept .modal-header .close {
        top: 50px !important;
    }
    .Member_dap_form_row {
        margin-top: 0px;
    }
    .tabletSuburb {
        margin-top: 30px;
    }
    .memberFindBtn {
        float: none;
    }
    .memberContactDivider {
        border-right: none;
        border-bottom: 1px solid #EBEBEB;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
}

#lpButtonDiv-ContactUsForm1 div {
    display: block !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

button.career-apply-button {
    background: #fff;
    border: none;
    border-radius: 25px;
    width: 220px;
    height: 50px;
    color: #0083be;
    margin: 15px auto;
    border: 1px solid #0083be;
}

button.career-apply-button:hover {
    background: #0083be;
    color: #fff;
    border: 1px solid #0083be;
}

#EmailForm .select-dropdown {
    padding: 0;
}

#EmailForm label.Member_dap_drop_label {
    left: 0;
}

#ContactUsForm .uploader-upload input[type=file] {
    left: 44%!important;
}

#ContactUsForm .memberFindBtn {
    left: -5%!important;
}

#ContactUsForm label.active {
    font-size: .75em!important;
    top: -16px!important;
    color: rgba(51, 51, 51, .5)!important;
}

/* Form Validation changes */

#ContactUsForm img {
    width: 10%;
    height: auto;
    position: relative;
    top: 10px;
    left: 95%;
}

#ContactUsForm .input-field input.invalid {
    background-image: url("../../NWP/assets/images/icons/REST_error.svg"), linear-gradient(transparent, transparent);
    background-position: right 5px center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    border-color: red;
}

#ContactUsForm p#TextAreaError {
    margin-top: 10px;
    margin-left: 10px;
}

.upload-fix {
    position: absolute;
    top: 5px;
    left: 55%;
    color: #0083be;
    font-size: 0.875em;
    opacity: 1;
    background: #fff;
    width: 100px !important;
    height: 43px;
    border-radius: 13px;
}

.upload-fix:hover {
    cursor: pointer;
}

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

.uploader-input-file::-webkit-file-upload-button {
    visibility: hidden;
}

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

#EmailForm input[type=file]:focus {
    outline: none;
}

.fixErrorIE {
    width: 5% !important;
}

/* Email Intercept Styles ends */

/* FMN style start */

#RecaptchaError {
    text-align: left;
    margin-top: 7%;
}

#FindMemberNumber {
    cursor: pointer;
}

.row.Member_row.button {
    margin-top: 0;
}

.Member_dap_error {
    font-size: .7em;
    position: relative;
    bottom: 15px;
    right: 0;
    color: #eb1717;
    text-align: left;
    font-family: "Gotham A", "Gotham B";
    font-weight: 300;
}

.dap_input.Member_dap_input.error {
    border-color: #eb1717;
    background-image: url(/App_Themes/NWP/assets/images/icons/error.svg), linear-gradient(transparent, transparent);
    background-position: right 5px center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    box-shadow: none;
    display: block !important;
}

#FindMemberNumberModal #MemberLiveTimeOut a.dap_btn.dap_btn_white.dap_btn_bdr_blue.global_blue_link {
    background: #fff;
    border: 1px solid #0083be;
    border-radius: 25px;
    line-height: inherit;
    cursor: pointer;
    padding: 5% 30%;
    position: static;
    display: block;
}

.header.desktop .container.nav .col-md-3.col-lg-2 ul.menu.sub li.find-member {
    background-image: url(/App_Themes/NWP/assets/images/desktop_nav/sub_menu/REST_member_number.png);
}

.header.desktop .container.nav .col-md-3.col-lg-2 ul.menu.sub {
    width: 140px;
    margin-top: 30px;
}

.help-block {
    color: #f61420;
}

#ui-datepicker-div select {
    display: inline-block;
}

#FindMemberNumberModal .spacer {
    margin-top: 30px;
}

.typo_para_text {
    line-height: 24px;
    font-size: 16px;
    font-weight: normal;
}

.typo_headTwo_text {
    line-height: 36px;
    font-size: 24px;
    font-weight: normal;
}

.global_blue {
    color: #005B82;
}

.global_black {
    color: #333333;
}

.Member_row {
    padding: 0px;
}

.modal-content {
    box-shadow: 0px 15px 35px rgba(0, 0, 0, .3);
    padding: 20px;
}

.modal-dialog {
    position: absolute;
    margin: auto;
    width: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}

.modal-header {
    border-bottom: none;
}

.modal-backdrop {
    background: transparent;
}

.close {
    text-shadow: 0 1px 0 #000;
    filter: alpha(opacity=100);
    opacity: 1;
}

.Member_dap_label {
    position: absolute;
    top: 0px;
    font-size: 16px;
    color: #333;
    font-family: "Gotham A", "Gotham B";
    font-weight: normal;
}

label.Member_dap_label.active {
    top: -20px;
    font-size: 14px;
    color: #A0A0A0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.Member_dap_label, .Member_dap_input {
    width: 100%;
    height: auto !important;
    border-color: #D1D1D1;
}

.Member_dap_input:focus {
    outline: none;
    border-color: #D1D1D1;
    box-shadow: none;
}

.Member_dap_success {
    margint-top: 37px;
}

.Member_dap_error {
    display: none;
}

.Member_dap_form_row {
    margin-top: 30px;
}

.dap_form_error_icon {
    position: absolute;
    right: 20px;
    top: -05px;
}

.dap_form_success_icon {
    position: absolute;
    right: 15px;
    bottom: 22px;
}

.dap_error_icon_hid {
    display: none;
}

.dap_input_error {
    border-color: #f61420;
}

.help-block {
    color: #f61420;
}

.dap_btn {
    height: 50px;
    width: 100%;
    border-radius: 25px;
    border-color: transparent;
    margin: 20px 0px;
}

.dap_btn_blue {
    background-color: #0083BE;
}

.global_white {
    color: #FFFFFF;
}

.dap_memberloader {
    margin: 60px 0px 120px 0px;
}

.Member_dap_input[readonly=readonly] {
    border-bottom-style: solid !important;
}

.memberLivePerson {
    width: 180px;
    height: 180px;
    overflow: hidden;
    border-radius: 50%;
    background-color: #00719d;
}

.MemberLiveImg {
    margin-top: 20px;
}

.memberContactDivider {
    border-right: 1px solid #EBEBEB;
}

.MemberCaptcha {
    height: 1px;
    visibility: hidden;
}

@media (min-width: 800px) {
    #FindMemberNumber {
        padding: 15px 20px;
        position: relative;
        top: 35px;
        left: 50px;
    }
}

@media only screen and (max-width: 768px) {
    .Member_dap_form_row {
        margin-top: 0px;
    }
    .spacer-mobile {
        margin-top: 30px;
    }
    .tabletSuburb {
        margin-top: 0px;
    }
    .mobileCaptcha>div {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 480px) {
    .modal-dialog {
        width: 100%;
    }
    .Member_dap_form_row {
        margin-top: 0px;
    }
    .tabletSuburb {
        margin-top: 30px;
    }
    .memberFindBtn {
        float: none;
    }
    .memberContactDivider {
        border-right: none;
        border-bottom: 1px solid #EBEBEB;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
}

img {
    max-width: 100%;
}

/* FMN style ends */

.app-simulator .zoneHeader {
    margin: 20px auto;
    border-bottom: 1px solid rgba(184, 181, 172, 0.45);
}

.app-simulator img.logo {
    padding-bottom: 20px;
    max-width: 80%;
}

.app-simulator .zoneOne {
    background-color: #fff;
}

.app-simulator .zoneOne .row {
    padding-top: 0;
}

.app-simulator .title {
    color: #005b82;
    font-weight: bold;
    font-size: 50px;
    padding-top: 25%;
    padding-bottom: 35px;
}

.app-simulator .app-image img {
    margin-bottom: 0;
}

.app-simulator .zonethree .tiles {
    box-shadow: 0 6px 10px 3px rgba(0, 0, 0, 0.35);
    text-align: center;
    padding: 16px;
    border-radius: 15px;
    margin-bottom: 15%;
    min-height: 350px;
    padding-bottom: 70px;
}

.app-simulator .zonethree .tiles img {
    padding: 45px;
}

.app-simulator .zonethree .container {
    padding: 20px 0 50px 0;
}

.app-simulator .zonethree h1 {
    font-size: 1.50em;
    color: #005b82;
    padding-bottom: 25px;
}

.app-simulator .zonethree p {
    padding: 0px 20px;
    color: #333;
}

.app-simulator .zonethree p:hover {
    color: #333;
}

.app-simulator .zonetwo {
    background-color: #f3f3f3;
}

.app-simulator .zonetwo h1 {
    color: #005b82;
    padding: 28px;
    font-weight: normal;
    padding: 70px 0 30px 0;
    text-align: center;
}

.app-simulator .zonetwo h1+p {
    text-align: center;
}

.app-simulator .zonetwo input[type="text"] {
    background-color: #fff;
    border: none;
    border-radius: 40px;
    padding-left: 5%;
    font-size: 1em;
    height: 60px;
}

.app-simulator .zonetwo input[type="submit"] {
    background-color: #0083be;
    color: #fff;
    border-radius: 40px;
    height: 60px;
    width: 200px;
    font-size: 20px;
    font-weight: normal;
}

.app-simulator .zonetwo input[type="text"]:focus {
    box-shadow: none;
}

.app-simulator .zonetwo .button {
    text-align: center;
    padding-bottom: 80px;
}

.app-simulator .zonethree h1.title {
    padding: 60px 20px 0 20px;
    font-weight: normal;
}

.app-simulator .zonethree .row.tiles-wrapper {
    padding-top: 10px;
}

.app-simulator-tiles .zoneHeader {
    margin: 20px auto;
    border-bottom: 1px solid rgba(184, 181, 172, 0.45);
}

.app-simulator-tiles img.logo {
    padding-bottom: 20px;
    max-width: 80%;
}

.app-simulator-tiles .breadcrumbs {
    padding: 20px;
    font-size: 20px;
}

.app-simulator-tiles .zonetwo {
    padding-bottom: 60px;
}

.app-simulator-tiles .zonetwo .link-title {
    color: #005b82;
    padding-bottom: 60px;
    font-size: 2.5em;
}

.app-simulator-tiles .zonetwo .app-image {
    text-align: right;
}

.app-simulator-tiles .zonetwo .row {
    padding-top: 30px;
}

.app-simulator-tiles .zonethree {
    text-align: center;
    background: #333;
    padding-bottom: 40px;
}

.app-simulator .zonefour, .app-simulator-tiles .zonethree {
    text-align: center;
    background: #333;
    padding-bottom: 40px;
}

.app-simulator .zonefour h3, .app-simulator-tiles .zonethree h3 {
    color: #fff;
    padding-bottom: 30px;
}

.app-simulator .zonefour .full-video .video-wrapper, .app-simulator-tiles .zonethree .full-video .video-wrapper {
    background-image: url(/App_Themes/Mobiddiction/images/placeholder-image.png);
    background-size: cover;
    height: 340px;
    color: #fff;
}

.app-simulator .zonefour .video-wrapper .play-icon, .app-simulator-tiles .zonethree .video-wrapper .play-icon {
    background-image: url(/App_Themes/Mobiddiction/images/rest_video_play.png);
    background-position: top center;
    background-repeat: no-repeat;
    height: 50px;
    position: relative;
    top: 25px;
}

.app-simulator .zonefour .full-video h2, .app-simulator-tiles .zonethree .full-video h2 {
    color: #fff;
    padding-top: 45px;
}

.app-simulator .zonefour .full-video p, .app-simulator-tiles .zonethree .full-video p {
    padding: 0 35%;
    margin-bottom: 40px;
}

.app-simulator .zonefour .full-video a.lightbox_trigger.button, .app-simulator-tiles .zonethree .full-video a.lightbox_trigger.button {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 20px;
    padding: 13px 38px;
}

.app-simulator.results .zoneOne h1 {
    color: #005b82;
    padding-top: 60px;
}

.app-simulator.results .zoneOne p {
    padding: 10px 0 60px 0;
}

.app-simulator.results .zonethree a.app-simu-search {
    font-size: 1.88em;
    display: block;
}

.app-simulator.results .search-pages {
    transform: translateX(50%);
}

.app-simulator.results .pager {
    transform: translateX(50%);
}

.app-simulator.results span#keyword {
    text-transform: capitalize;
    color: #005b82;
    font-weight: bold;
}

/* added a new rule for app-download sms link issue resolution */

.modal-backdrop {
    z-index: 1 !important;
}

/* RMS-228 fixes */

.app-gtm #full-video a.lightbox_trigger {
    position: relative;
}

a.icon-play-video.lightbox_trigger {
    width: 43px;
    position: absolute;
    top: 0;
    left: 0;
}

/* RMS-257 changes */

.app-simulator-tiles .zonetwo .app-image img.app-screenshot {
    position: absolute;
    width: 243px;
    left: 95px;
    top: 73px;
    height: 432px;
    border-radius: 5px;
}

/* Message Us button alignment fix RMS-247 starts */

#lpButtonDiv-FindMember>div {
    margin: auto !important;
}

/* Message Us button alignment fix RMS-247 ends */

/* employer toolkit starts */

#employer-resources-Employer-toolkit .main.content {
    background-color: #fff;
}

.employer-toolkit .banner {
    background-size: cover;
    background-position: center top;
}

@media (max-width: 414px) {
    .employer-toolkit .banner {
        height: 450px;
        background-position: -800px;
    }
}

.employer-toolkit .banner h2 {
    color: #ffffff;
    font-size: 4.375em;
    font-weight: bold;
    padding-top: 10%;
}

@media (max-width: 414px) {
    .employer-toolkit .banner h2 {
        font-size: 35px;
    }
}

@media (min-width: 568px) and (max-width: 736px) {
    .employer-toolkit .banner h2 {
        padding-top: 0;
    }
}

.employer-toolkit .banner p {
    color: #fff;
}

@media (min-width: 568px) and (max-width: 736px) {
    .employer-toolkit .banner .row {
        padding-top: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .employer-toolkit .text {
        margin-left: 8%;
    }
}

.employer-toolkit .text h3 {
    text-align: center;
    padding: 40px 0 25px 0;
}

.employer-toolkit .text p {
    text-align: center;
    width: 40%;
    margin: auto;
    padding-bottom: 60px;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .employer-toolkit .text p {
        width: 70%;
    }
}

@media (min-width: 1023px) and (max-width: 1040px) {
    .employer-toolkit .text p {
        width: 70%;
    }
}

@media (max-width: 414px) {
    .employer-toolkit .text p {
        width: 90%;
    }
}

@media (min-width: 568px) and (max-width: 736px) {
    .employer-toolkit .text p {
        width: 90%;
    }
}

.employer-toolkit .contact {
    border: none;
    background: linear-gradient(135deg, #4A98B1 0%, #196A92 100%);
    text-align: center;
    padding: 25px 0 50px;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .employer-toolkit .contact {
        margin-left: 8%;
    }
}

.employer-toolkit .contact p {
    color: #fff;
    padding-bottom: 20px;
    font-size: 1.250em;
}

.employer-toolkit .contact a {
    color: #0083BE;
    border: 1px solid #0083BE;
    border-radius: 25px;
    padding: 15px 70px;
    text-transform: uppercase;
    background: #fff;
}

.employer-toolkit .contact a:hover {
    background: #0083BE;
    color: #fff;
    border-color: #fff;
}

.employer-toolkit .tiles {
    background: url(../../NWP/assets/images/superplan/hero-image-product-bg.jpg) bottom;
    padding-bottom: 90px;
    background-size: cover;
}

@media (max-width: 414px) {
    .employer-toolkit .tiles {
        padding-bottom: 25px;
    }
}

.employer-toolkit .tiles .icon-wrapper {
    width: 50px;
    height: 50px;
    margin: auto;
}

.employer-toolkit .tiles .tile-wrapper {
    background: #fff;
    text-align: center;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.35);
    min-width: 350px;
    min-height: 350px;
    border-radius: 10px;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .employer-toolkit .tiles .tile-wrapper {
        margin-bottom: 30px;
    }
}

@media (min-width: 1023px) and (max-width: 1040px) {
    .employer-toolkit .tiles .tile-wrapper {
        min-width: 300px;
    }
}

@media (max-width: 414px) {
    .employer-toolkit .tiles .tile-wrapper {
        min-width: 320px;
        margin-bottom: 20px;
    }
}

@media (min-width: 568px) and (max-width: 736px) {
    .employer-toolkit .tiles .tile-wrapper {
        margin-bottom: 20px;
    }
}

.employer-toolkit .tiles .tile-wrapper img {
    margin: auto;
    padding: 25px 0 10px 0;
}

.employer-toolkit .tiles .tile-wrapper h2 {
    color: #005b82;
    font-weight: bold;
    font-size: 1.25em;
    padding-top: 20%;
}

.employer-toolkit .tiles .tile-wrapper a {
    border: 1px solid #0083be;
    border-radius: 30px;
    padding: 13px 25px;
    font-size: 0.875em;
}

.employer-toolkit .tiles .tile-wrapper p {
    padding-bottom: 45px;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .employer-toolkit .tiles .tile-wrapper p {
        padding: 15px 115px;
    }
}

@media (max-width: 414px) {
    .employer-toolkit .tiles .tile-wrapper p {
        padding: 0 20px 45px;
    }
}

@media (min-width: 568px) and (max-width: 736px) {
    .employer-toolkit .tiles .tile-wrapper p {
        padding-left: 25px;
        padding-right: 25px;
    }
}

.employer-toolkit .tiles .tile-wrapper.True h2 {
    display: none;
}

.employer-toolkit .tiles .tile-wrapper.True p {
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
    padding: 0 20px;
    padding-bottom: 20px;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .employer-toolkit .tiles .tile-wrapper.True p {
        padding-top: 60px;
    }
}

@media (min-width: 568px) and (max-width: 736px) {
    .employer-toolkit .tiles .tile-wrapper.True p {
        margin-top: 10%;
    }
}

.employer-toolkit .tiles .tile-wrapper.True img {
    padding-top: 0;
}

.employer-toolkit .tiles .tile-wrapper.True .icon-wrapper {
    height: 30px;
}

.employer-toolkit .tiles .tile-wrapper.True a {
    border: 1px solid #fff;
    color: #fff;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .employer-toolkit .tiles .tile-wrapper.True {
        background-size: cover;
    }
}

@media (min-width: 568px) and (max-width: 736px) {
    .employer-toolkit .tiles .tile-wrapper.True {
        background-repeat: no-repeat;
        background-size: cover;
    }
}

/* employer toolkit ends */

/*RMS-265 Additional CSS*/

.employer-toolkit .row>div:nth-child(2) .tile-wrapper {
    background-color: #25769a;
    color: white;
}

.employer-toolkit .row>div:nth-child(2) .tile-wrapper a {
    background-color: white;
    color: #25769a;
}

.employer-toolkit .row>div:nth-child(2) .tile-wrapper h2 {
    color: white;
}

.employer-toolkit .row>.tile-wrapper p div h2 img {
    position: relative;
}

.employer-toolkit .row .tile-wrapper>a {
    position: absolute;
    width: 80%;
    left: 10%;
    bottom: 30px;
}

@media (max-width: 414px) {
    .employer-toolkit .row .tile-wrapper>a {
        position: relative;
        bottom: 20px;
        left: 0;
    }
}

@media (min-width: 568px) and (max-width: 736px) {
    .employer-toolkit .row .tile-wrapper>a {
        position: absolute;
        width: 80%;
        left: 10%;
        bottom: 30px;
    }
}

@media (min-width: 1023px) and (max-width: 1040px) {
    .employer-toolkit .row .tile-wrapper>a {
        font-size: 11px;
        position: absolute;
        width: 80%;
        left: 10%;
        bottom: 30px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .employer-toolkit .row .tile-wrapper>a {
        position: relative;
        bottom: 20px;
        left: 0;
    }
    .employer-toolkit .row .tile-wrapper>h2 {
        padding-top: 50px;
    }
}

/* END RMS-265 Additional CSS*/

/* RMS-157 Career form validation style starts 10/09/2017 */

.uploader-upload span {
    position: absolute !important;
    width: 365px;
    left: -401px;
}

@media (max-width:414px) {
    .uploader-upload span {
        position: absolute !important;
        width: 300px;
        left: -215px;
        top: 38px;
        font-size: 10px !important;
    }
}

@media (max-width:360px) {
    .uploader-upload span {
        left: -185px;
    }
}

/* RMS-157 Career form validation style ends 10/09/2017 */

/* RMS 298 Banner Fix Additional CSS */

@media (max-width:500px) {
    .employer-toolkit .banner p Font {
        font-size: 35px !important;
        font-weight: bold !important;
    }
}

@media (min-width: 501px) {
    .employer-toolkit .banner p Font {
        font-size: 55px !important;
        font-weight: bold !important;
    }
}

@media (max-width: 780px) {
    .employer-toolkit .banner {
        height: 450px !important;
    }
    .employer-toolkit .text p {
        width: 90% !important;
    }
}

@media (min-width: 420px) and (orientation: landscape) {
    .employer-toolkit .tiles .tile-wrapper h2 {
        padding-top: 10% !important;
    }
}

@media (min-width: 420px) {
    .employer-toolkit .tiles .tile-wrapper h2 {
        padding-top: 10% !important;
    }
}

@media (max-width: 1023px) and (min-width: 600px) {
    .employer-toolkit .row .tile-wrapper>a {
        position: absolute;
        bottom: 20px;
        margin: auto;
        left: 0;
        right: 0;
    }
    .employer-toolkit .tiles .tile-wrapper h2 {
        padding-top: 10% !important;
    }
}

/*END OF RMS 298 Banner Fix Additional CSS */

/* Member Access starts */

#Member-Access #FindMemberNumber {
    padding: 15px 20px;
}

#Member-Access .modal-backdrop {
    z-index: 1;
}

@media screen and (max-width: 414px) {
    #Member-Access .dap_btn {
        padding: 15px 20px;
    }
}

#Member-Access .MemberCaptcha {
    margin-bottom: 0;
}

#Member-Access #FindMemberNumberModal .fixed-header {
    position: absolute;
    padding: 0;
}

@media screen and (max-width: 414px) {
    #Member-Access #FindMemberNumberModal .modal-dialog {
        width: auto;
        transform: translate(-50%, -29%) !important;
    }
}

#Member-Access .modal-content {
    height: auto !important;
}

@media screen and (max-width: 414px) {
    #Member-Access #ForgotMemberForm {
        margin-bottom: 30px;
        margin-top: 15px;
    }
}

@media screen and (max-width: 414px) {
    #Member-Access div#MemberFormFMN {
        margin-top: 15px;
    }
}

.login_access {
    /* new styles ends */
    /******* GET IN TOUCH STYLES *******/
    /****** DOWNLOAD STYLES *****/
    /* MObile Styles */
    /**** UPDATES 12/12/2016 ****/
    /***** TABLET  ****/
    /**** PHONE ****/
}

.login_access .fmn-link {
    margin-top: 35%;
}

@media screen and (max-width: 414px) {
    .login_access .fmn-link {
        margin-top: 40%;
        left: 27%;
    }
}

@media screen and (max-width: 768px) and (min-width: 414px) {
    .login_access .fmn-link {
        margin-top: -85px;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1024px) {
    .login_access .fmn-link {
        margin-top: 42%;
    }
}

.login_access .banner-buttons div {
    padding: 0;
}

@media screen and (max-width: 414px) {
    .login_access .banner-buttons div {
        padding: 0px 0 10px 0;
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    .login_access .banner-buttons div {
        padding: 10px;
    }
}

.login_access .banner-buttons div .secondary.member {
    background-color: #fff;
    border-color: #fff;
}

@media screen and (max-width: 414px) {
    .login_access .banner-buttons div .secondary.member {
        padding: 15px 127px;
    }
}

.login_access .banner-buttons div .secondary.member:hover {
    border-color: #0083be;
}

.login_access .banner-buttons div .secondary.member:hover {
    background-color: #0083be;
}

.login_access .banner-buttons div .secondary.member:focus {
    background-color: #0083be;
    color: #fff;
    border-color: #0083b3;
}

@media screen and (max-width: 414px) {
    .login_access .banner-buttons div .primary.rego {
        padding: 15px 115px;
    }
}

.login_access .row.banner-buttons {
    padding-top: 20px;
}

@media screen and (max-width: 414px) {
    .login_access .row.banner-buttons {
        padding-bottom: 70px;
    }
}

@media screen and (max-width: 768px) {
    .login_access .row.banner-buttons {
        padding-bottom: 40px;
        padding-top: 20px;
    }
}

.login_access .row.banner-buttons .white-col {
    margin: 0 10px 0px 40px;
}

@media screen and (max-width: 414px) {
    .login_access .row.banner-buttons .white-col {
        margin: 0;
    }
}

@media screen and (max-width: 768px) {
    .login_access .row.banner-buttons .white-col {
        margin: 0;
    }
}

@media screen and (min-width: 800px) and (max-width: 1024px) {
    .login_access .row.banner-buttons .white-col {
        margin: 0 40px 0px 60px;
    }
}

.login_access .form-wrapper .input-field label.EditingFormLabel {
    left: 3% !important;
}

@media screen and (max-width: 414px) {
    .login_access #ContactUsForm .memberFindBtn {
        left: -4% !important;
    }
}

@media screen and (min-width: 1500px) {
    .login_access #ContactUsForm .memberFindBtn {
        left: 21% !important;
    }
}

@media screen and (max-width: 1500px) {
    .login_access #ContactUsForm .memberFindBtn {
        left: 15% !important;
    }
}

@media screen and (max-width: 768px) {
    .login_access #ContactUsForm .memberFindBtn {
        left: -1% !important;
    }
}

.login_access #EmailIntercept .modal-dialog>.container {
    width: 100% !important;
}

@media screen and (min-width: 1500px) {
    .login_access #EmailIntercept .modal-dialog {
        transform: translate(-50%, 0%) !important;
    }
}

@media screen and (max-width: 1500px) {
    .login_access #EmailIntercept .modal-dialog {
        top: 0;
        transform: translate(-50%, 0%) !important;
    }
}

.login_access .card {
    min-height: 440px;
}

.login_access #fgtPassword .modal-title {
    font-size: 1.5em;
    text-align: center;
    color: #005b82;
    text-transform: none;
}

.login_access #fgtPassword p {
    color: #222;
}

@media screen and (min-width: 768px) {
    .login_access #fgtPassword .modal-content {
        text-align: center;
    }
}

@media screen and (min-width: 1500px) {
    .login_access #fgtPassword .modal-content {
        padding-top: 20px;
        text-align: left;
    }
}

.login_access #fgtPassword .modal-content p {
    padding: 10px 0 30px 0;
    margin: 0;
}

@media screen and (max-width: 414px) {
    .login_access #fgtPassword .modal-dialog {
        transform: translate(-50%, -31%) !important;
        text-align: center;
    }
}

.login_access #fgtPassword .modal-footer {
    border: none;
    text-align: center;
}

.login_access #fgtPassword ol li {
    counter-increment: list;
    list-style-type: none;
    position: relative;
    padding-bottom: 20px;
}

.login_access #fgtPassword ol li:before {
    color: #005b82;
    content: counter(list) ".";
    left: -32px;
    position: absolute;
    text-align: right;
    width: 26px;
}

.login_access .banner {
    background-size: cover;
    background-position: center 0;
}

@media screen and (max-width: 768px) {
    .login_access .banner {
        height: auto;
    }
}

@media screen and (max-width: 414px) {
    .login_access .banner .wrapper .col-md-pull-6 {
        text-align: center;
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 414px) {
    .login_access .banner .row:first-child {
        padding-top: 20px;
    }
}

.login_access .banner .title {
    color: #fff;
    font-size: 1.875em;
    font-weight: bold;
    line-height: 34px;
}

@media screen and (max-width: 414px) {
    .login_access .banner .title {
        padding: 50px 0 0 0;
        text-align: center;
    }
}

.login_access .banner p {
    color: #fff;
    line-height: 24px;
    padding: 20px 0;
    font-weight: 300;
}

@media screen and (max-width: 414px) {
    .login_access .banner p {
        padding: 0;
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    .login_access .banner p {
        padding: 0;
    }
}

.login_access .banner .call-to-action {
    margin-left: 0;
    font-size: 18px;
    padding: 15px 50px;
}

.login_access .banner .form {
    background-color: #fff;
    padding: 25px;
    border-radius: 20px;
    color: #0083be;
}

.login_access .banner .form input::placeholder {
    color: #333;
}

@media screen and (max-width: 768px) {
    .login_access .banner .form {
        margin-bottom: 20px;
    }
}

.login_access .banner .form .right {
    padding-right: 0;
}

.login_access .banner .form .row {
    padding-top: 20px;
}

@media screen and (max-width: 414px) {
    .login_access .banner .form .row {
        padding-top: 0;
    }
}

.login_access .banner .form h2 {
    font-size: 1.875em;
    color: #005b82;
    padding-bottom: 20px;
}

.login_access .banner .form .col-md-6 {
    padding-left: 0;
}

.login_access .banner .form .modals {
    position: absolute;
    right: 40px;
    padding-top: 18px;
    font-size: 0.8em;
}

@media screen and (max-width: 768px) {
    .login_access .banner .form .modals {
        position: static;
    }
}

.login_access .banner .form label {
    color: #222;
    font-weight: normal;
}

.login_access .banner .form .modals:hover {
    cursor: pointer;
}

@media screen and (max-width: 414px) {
    .login_access .left-block {
        min-height: 295px;
        text-align: center;
    }
}

.login_access img {
    max-width: none;
}

.login_access .container-avatar img {
    margin-left: 32%;
}

.login_access .ask-us .row {
    padding-bottom: 10px;
}

@media screen and (min-width: 414px) and (max-width: 768px) {
    .login_access .ask-us .row {
        padding-top: 30px;
    }
}

.login_access .ask-us p.title {
    font-weight: bold;
    color: #005b82;
    text-align: center;
    font-size: 30px;
    line-height: 34px;
}

@media screen and (min-width: 414px) and (max-width: 768px) {
    .login_access .ask-us p.title {
        margin-left: 40px;
    }
}

.login_access .ask-us .subtitle {
    text-align: center;
    color: #005b82;
    font-size: 24px;
    line-height: 36px;
    padding-bottom: 14px;
    margin-top: 0;
}

.login_access .ask-us p.intro-text {
    font-weight: 300;
    text-align: center;
    padding-top: 28px;
    line-height: 24px;
    color: black;
}

@media screen and (min-width: 414px) and (max-width: 768px) {
    .login_access .ask-us p.intro-text {
        margin-left: 60px;
    }
}

.login_access input.questionVA2 {
    margin-top: 5%;
    margin-left: 3%;
}

.login_access .ask-us .col-md-2.va-ask {
    padding-top: 4%;
}

.login_access .ask-us .askVA.primary.call-to-action.btn {
    width: 100%;
}

.login_access .zoneAsk {
    background: url("/getmedia/b04e234f-34ec-441e-b328-41b63acd4d55/askus_hero") center center no-repeat;
    background-size: cover;
}

.login_access .ask-us input {
    border-bottom: none;
    border-radius: 30px;
    width: 93%;
    height: 50px;
    background-color: #fff;
    padding-left: 31px;
    margin-top: 7.5%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.05);
}

.login_access .ask-us img {
    background: url("/getmedia/4de77fbe-6967-4011-af73-826d4b94f61a/rest-avatar-background@2x") center center no-repeat;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.35);
    border-radius: 100%;
    padding-top: 15px;
    width: 170px;
    margin-left: auto;
    margin-right: auto;
}

.login_access .ask-us input:placeholder {
    padding-left: 5px;
}

.login_access .call-to-action {
    padding: 14px 40px;
    margin-left: 21px;
}

.login_access .ask-us input:focus {
    border-bottom: none !important;
    box-shadow: none !important;
}

.login_access .question {
    text-align: center;
    color: #0083be;
    font-size: 16px;
    line-height: 20px;
}

.login_access .live-chat .container {
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.35);
    border-radius: 20px;
    padding-right: 0px !important;
    background-color: #fff;
    position: relative;
    bottom: 6px;
}

@media screen and (max-width: 768px) and (min-width: 414px) {
    .login_access .live-chat .container {
        margin-left: 15%;
        width: 625px;
        padding: 0;
    }
}

.login_access section.live-chat .right-block img {
    display: inline;
    margin-bottom: 1px;
    background-color: #00719D;
}

.login_access .left-block div {
    position: absolute;
    font-weight: normal;
}

@media screen and (min-width: 414px) and (max-width: 768px) {
    .login_access .left-block div {
        position: relative;
        bottom: 6px;
    }
}

@media screen and (max-width: 768px) {
    .login_access .left-block div #lpButtonDiv-ContactUsForm1 {
        position: relative;
    }
}

.login_access .live-chat .right-block {
    text-align: center;
    background-size: cover;
    border-radius: 0 20px 20px 0;
    background-color: #00719D;
}

.login_access section.live-chat {
    padding-top: 30px;
    padding-bottom: 63px;
}

@media screen and (max-width: 414px) {
    .login_access section.live-chat {
        padding: 30px 15px;
    }
}

.login_access .live-chat p.title {
    font-size: 24px;
    text-align: left;
    line-height: 36px;
    color: #005B82;
    padding-top: 15px;
    padding-bottom: 10px;
    font-weight: normal;
}

@media screen and (min-width: 414px) and (max-width: 768px) {
    .login_access .live-chat p.title {
        padding: 0;
        margin: 5px;
        margin-bottom: 0;
    }
}

.login_access .live-chat p.intro-text {
    padding: 0px 20px 0px 4px;
}

.login_access .live-chat button {
    margin-left: 0;
    line-height: 17px;
}

.login_access .live-chat .container {
    padding-right: 0px;
}

.login_access .live-chat .row {
    padding-top: 0;
}

@media screen and (max-width: 414px) {
    .login_access .live-chat .title {
        padding: 0 20px;
    }
}

@media screen and (max-width: 414px) {
    .login_access .live-chat p.title {
        text-align: center;
        padding-bottom: 0;
    }
}

@media screen and (max-width: 414px) {
    .login_access .grey-bg .row {
        padding-top: 20px;
    }
}

.login_access p.get-in-touch.title {
    text-align: center;
    font-weight: bold;
    font-size: 1.25em;
    margin: 0px 0 50px 0;
}

@media screen and (max-width: 414px) {
    .login_access p.get-in-touch.title {
        margin: 0;
    }
}

.login_access section.get-in-touch {
    background: #F6F6F6;
}

.login_access .fluid-container.contact-get-help.white-bg {
    padding-bottom: 20px;
}

.login_access .icon_call {
    background: url("/getmedia/ffe37f08-8afa-4903-85a5-b471ea87c9b1/icon-call") center no-repeat;
    background-size: contain;
    height: 100px;
}

.login_access .icon_email {
    background: url("/getmedia/b745852e-9e1a-4595-806f-77ca64144c70/icon-email") center no-repeat;
    background-size: contain;
    height: 100px;
}

.login_access #my-tab-content h3 {
    padding: 40px 0 20px 0;
    margin: 0;
}

.login_access #my-tab-content p {
    padding: 10px;
    margin: 0;
    width: 100%;
}

.login_access section.get-in-touch .card {
    min-height: 370px !important;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.35);
}

.login_access p.get-in-toouch.title {
    padding-top: 0;
}

.login_access .card {
    box-shadow: 1px 6px 10px 6px rgba(0, 0, 0, 0.35);
}

.login_access #my-tab-content .content {
    padding-top: 5%;
    text-align: center;
    box-shadow: 2px 6px 10px 4px rgba(0, 0, 0, 0.35);
    border-radius: 15px;
    min-height: 470px;
}

.login_access p.number {
    text-align: center;
    font-size: 24px;
    color: #0083be;
}

.login_access section.get-in-touch a.btn.call-to-action.tertiary {
    width: 233px;
    margin: auto;
}

.login_access section.general-details {
    text-align: left;
}

.login_access .general-details p.title {
    text-align: left;
    padding-top: 0px;
    font-size: 1.25em;
    font-weight: bold;
}

@media screen and (max-width: 414px) {
    .login_access .general-details p.title {
        margin-top: 0;
    }
}

.login_access .general-details p.phone {
    padding-top: 20px;
    color: #0083be;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
}

.login_access .general-details p.hours {
    padding-top: 10px;
}

.login_access .general-details p.subtitle {
    font-weight: bold;
    padding-top: 35px;
}

.login_access .general-details p.main-title {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
}

.login_access .general-details p.level {
    padding-top: 0px;
}

.login_access .download .title {
    font-size: 24px;
    text-align: left;
    color: #005b82;
    line-height: 36px;
}

.login_access .download p {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
}

@media screen and (max-width: 414px) {
    .login_access .download p {
        text-align: center;
    }
}

.login_access .download.row {
    padding-top: 35px;
}

.login_access .download.row .col-md-4 {
    padding-left: 0;
}

.login_access .download .sms-download {
    text-align: left;
    padding-top: 26px;
}

.login_access .download .sms-download button {
    margin-left: 0;
}

.login_access p.sms-text a {
    color: black;
    margin-top: 28px;
}

.login_access .main.content .app-image img {
    margin-bottom: 0;
}

@media screen and (max-width: 668px) {
    .login_access {
        /* GET IN TOUCH STYLES */
    }
    .login_access .right-block img {
        width: 100%;
        height: auto;
    }
    .login_access .ask-us .askVA.primary.call-to-action.btn {
        width: 70%;
    }
    .login_access .main.content .ask-us img {
        width: 255px;
        margin-bottom: 0;
    }
    .login_access .avatar .row {
        padding-top: 0px;
        margin-left: 0;
        padding-bottom: 25px;
    }
    .login_access .avatar .askVA {
        margin-left: 0;
    }
    .login_access .questionVA2 {
        position: relative;
        right: 5%;
        width: 100%;
        margin-left: 0;
    }
    .login_access p.question:last-child {
        width: 100%;
    }
    .login_access .ask-us p.subtitle {
        margin-top: 30px;
        padding-bottom: 0;
    }
    .login_access .live-chat .right-block {
        border-radius: 10px 10px 0 0;
    }
    .login_access .live-chat .container {
        padding-left: 0;
    }
    .login_access section.live-chat .right-block img {
        height: auto;
        width: 100%;
    }
    .login_access .ask-us .row {
        padding-top: 10px;
    }
    .login_access .ask-us p.intro-text {
        padding-top: 0px;
    }
    .login_access .ask-us .avatar .row {
        padding-top: 0;
    }
    .login_access .avatar .askVA {
        margin-left: 40px;
    }
    .login_access .question {
        line-height: 24px;
    }
    .login_access .download .app-info {
        position: relative;
        top: 220px;
    }
    .login_access .download .app-image {
        position: relative;
        top: -528px;
    }
    .login_access .download.row .col-md-4 {
        padding-left: 15px;
    }
    .login_access .download .sms-download {
        text-align: center;
    }
    .login_access .modal-dialog.contact .modal-content {
        width: 98%;
        height: 100%;
    }
    .login_access .form-wrapper input[type=submit] {
        left: 25% !important;
    }
}

.login_access div#question {
    padding: 14px 70px;
}

.login_access .modal-backdrop {
    position: relative;
}

.login_access .contact-modal .modal-content {
    position: absolute;
    top: 100px;
}

@media only screen and (min-width: 768px) and (max-width: 770px) {
    .login_access .login_access .row.banner-buttons .white-col {
        margin: 0 30px 0 60px;
    }
    .login_access .ask-us img {
        width: 250px;
        margin-left: 33%;
    }
    .login_access .ask-us input {
        width: 75%;
    }
    .login_access input.questionVA2 {
        margin-left: 13%;
    }
    .login_access .ask-us .askVA.primary.call-to-action.btn {
        width: 50%;
        margin-left: 25%;
    }
    .login_access .ask-us .subtitle {
        padding-top: 4%;
    }
    .login_access .intro p:last-child {
        margin: 0 auto;
    }
    .login_access #my-tab-content p {
        min-height: 93px;
    }
    .login_access section.general-details {
        text-align: left;
        margin-left: -15%;
    }
    .login_access .general-details p.main-title {
        text-align: right;
        margin-right: 40%;
    }
    .login_access section.general-details .row {
        padding-top: 30px;
    }
}

.login_access .question {
    cursor: pointer;
}

.login_access section.live-chat .right-block img {
    width: 75%;
}

.login_access section.live-chat .right-block img {
    width: 75%;
}

@media only screen and (min-width: 768px) and (max-width: 770px) {
    .login_access section.live-chat .right-block img {
        height: auto;
        width: 100%;
    }
    .login_access .modal-dialog.contact .modal-content {
        width: 630px;
        height: 870px;
        margin-left: 30px;
    }
    .login_access .zoneAsk section.ask-us .container.avatar {
        padding-left: 10px;
    }
    .login_access .zoneAsk section.ask-us>.container {
        padding-left: 50px;
    }
}

.login_access .modal {
    z-index: 9999;
}

@media only screen and (max-width: 992px) {
    .login_access .search-bar .search-block {
        font-size: 21px;
    }
}

.login_access .search-container .search-results {
    display: none;
}

@media screen and (max-width: 768px) {
    .login_access #my-tab-content .content {
        margin-top: 20px;
    }
}

@media screen and (max-width: 414px) {
    .login_access .fluid-container.white-bg .row {
        padding-top: 20px;
        padding-bottom: 0;
    }
}

.login_access .fluid-container.sms-widget {
    background-color: #fff;
}

.login_access .fluid-container.sms-widget .container .row {
    padding-top: 0px;
}

.login_access .fluid-container.sms-widget .app-info {
    padding-top: 5%;
}

.login_access .fluid-container.sms-widget .app-info .title {
    font-size: 24px;
    line-height: 1.5;
    color: #005b82;
    font-weight: bold;
}

.login_access .fluid-container.sms-widget .sms-download-button {
    margin-top: 30px;
    margin-left: 0;
}

.login_access .fluid-container.sms-widget .download.row {
    padding-top: 15px;
}

.login_access .fluid-container.sms-widget .app-image img {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .login_access .fluid-container.sms-widget .app-image img {
        max-width: 513px;
    }
}

.squaredThree {
    width: 20px;
    position: relative;
    margin: 20px auto;
}

.squaredThree label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(top, #222 0%, #45484d 100%);
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
}

.squaredThree label:after {
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 4px;
    left: 4px;
    border: 3px solid #fcfff4;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    transform: rotate(-45deg);
}

.squaredThree label:hover::after {
    opacity: 0.3;
}

.squaredThree input[type=checkbox] {
    visibility: hidden;
}

.squaredThree input[type=checkbox]:checked+label:after {
    opacity: 1;
}

/* Member access ends */

/* RMS 346 Additional Member Login */

#loginModal .col-md-4.col-xs-12.first-block {
    border-right: 1px solid rgba(194, 201, 201, 0.42);
}

#loginModal .col-md-4.col-xs-12.second-block {
    border-right: 1px solid rgba(194, 201, 201, 0.42);
}

/* END RMS 346 Additional Member Login */

/* RMS 349 Mobile View Fix for Login Modal*/

/*
/* ====== Portrait Management ========== */

@media(min-width: 1024px) and (orientation: portrait) {
    #loginModal .modal-dialog/* Additional for Ipad Pro top adjustment*/
        {
        top: 333px;
    }
    #loginModal p {
        width: auto !important;
    }
    #loginModal .login-buttons {
        width: auto !important;
    }
    #loginModal .login-buttons {
        width: auto !important;
    }
    #loginModal .modal-content.container {
        min-width: 1022px !important;
        width: 1022px !important;
    }
    #loginModal .loginTabletMode {
        display: block !important;
    }
}

@media(max-width: 768px) and (min-width: 600px) and (orientation: portrait) {
    #loginModal .modal-header.hidden-xs/* Additional to remove login icon on ipad and ipad mini - portrail mode */
        {
        display: none !important;
    }
    #loginModal .modal-dialog {
        top: 718px !important;
        left: 435px;
        /* Additional CSS for Table Mode*/
        width: 663px !important;
    }
    #loginModal .modal-dialog .modal-content.container {
        min-width: 663px !important;
        width: 663px !important;
        padding: 20px !important;
    }
    #loginModal p {
        /*width:600px !important;*/
        width: auto !important;
    }
    #loginModal .col-md-4.col-xs-12.first-block {
        border-right: none;
        border-bottom: 1px solid rgba(194, 201, 201, 0.42);
    }
    #loginModal .col-md-4.col-xs-12.second-block {
        border-right: none;
        border-bottom: 1px solid rgba(194, 201, 201, 0.42);
    }
    #loginModal .login-buttons {
        width: auto !important;
    }
    #loginModal .col-md-4.col-xs-12.second-block .login-text-block {
        margin-left: 0;
    }
    #loginModal .col-md-4.col-xs-12.second-block .login-buttons {
        margin-left: 0;
    }
}

@media (max-width: 414px) and (min-width: 321px) and (orientation: portrait) {
    #loginModal .modal-dialog {
        width: 360px !important;
        top: 860px !important;
    }
    #loginModal p {
        width: auto !important;
    }
    #loginModal .col-md-4.col-xs-12.first-block {
        border-right: none;
        border-bottom: 1px solid rgba(194, 201, 201, 0.42);
    }
    #loginModal .col-md-4.col-xs-12.second-block {
        border-right: none;
        border-bottom: 1px solid rgba(194, 201, 201, 0.42);
    }
    #loginModal .login-buttons {
        width: auto !important;
    }
    #loginModal .modal-content.container {
        padding: 20px !important;
    }
}

@media(max-width: 320px) and (orientation: portrait) {
    #loginModal .modal-dialog {
        transform: translate(0%, 0%) !important;
        width: 315px !important;
    }
    #loginModal p {
        width: auto !important;
    }
    #loginModal .col-md-4.col-xs-12.first-block {
        border-right: none;
        border-bottom: 1px solid rgba(194, 201, 201, 0.42);
    }
    #loginModal .col-md-4.col-xs-12.second-block {
        border-right: none;
        border-bottom: 1px solid rgba(194, 201, 201, 0.42);
    }
    #loginModal .login-buttons {
        width: auto !important;
    }
}

/* ====== END  of Portrait Management ========== */

/* ====== Landscape Management ========== */

@media(min-width: 1366px) and (orientation: landscape) {
    #loginModal .modal-content.container {
        width: 1150px !important;
        min-width: 971px !important;
    }
    #loginModal .modal-dialog {
        top: 321px !Important;
        /*Additional - For Ipad Pro Top adjustment on lanscape mode*/
    }
}

@media(max-width: 1360px) and (min-width: 1024px) and (orientation: landscape) {
    #loginModal p {
        width: auto !important;
    }
    #loginModal .login-buttons {
        width: auto !important;
    }
    #loginModal .modal-header.hidden-xs/*Additional Removal of Login icon for ipad/ipad mini on landscape mode */
        {
        display: none;
    }
    /*Mobile View tablet*/
    #loginModal .loginTabletMode {
        display: block !important;
    }
    #loginModal .modal-dialog {
        top: 346px !Important;
    }
    #loginModal .modal-content.container {
        width: 1023px !important;
        min-width: 971px !important;
    }
}

@media(max-width: 1000px) and (min-width: 812px) and (orientation: landscape) {
    #loginModal {
        width: 710px !important;
        left: 0px !important;
        top: 80px !important;
    }
    #loginModal .modal-dialog {
        left: 350px !important;
        width: 700px;
        top: 600px;
    }
    #loginModal .modal-content.container {
        width: 700px !important;
        min-width: 700px !important;
        top: 320px;
        left: 370px;
    }
}

@media(max-width: 811px) and (min-width: 736px) and (orientation: landscape) {
    #loginModal .modal-dialog {
        min-width: 633px;
        top: 734px !important;
        /*left: 50px;*/
    }
    #loginModal .modal-content.container {
        min-width: 700px !important;
        /*top: 72px;*/
        left: 0px;
        padding: 20px !important;
    }
    #loginModal .modal-content.container {
        padding: 20px !important;
    }
    #loginModal p {
        width: auto !important;
    }
    #loginModal .login-buttons {
        width: auto !important;
    }
    #loginModal .col-md-4.col-xs-12.first-block {
        width: 100% !important;
        border-right: none;
        border-bottom: 1px solid rgba(194, 201, 201, 0.42);
    }
    #loginModal .col-md-4.col-xs-12.second-block {
        width: 100% !important;
        border-right: none;
        border-bottom: 1px solid rgba(194, 201, 201, 0.42);
    }
}

@media(max-width: 735px) and (min-width: 681px) and (orientation: landscape) {
    #loginModal {
        width: 710px !important;
        left: 0px !important;
        top: 0px !important;
    }
    #loginModal .modal-dialog {
        left: 350px !important;
        width: 700px;
        top: 736px;
    }
    #loginModal .modal-content.container {
        width: 700px !important;
        min-width: 700px !important;
        top: 0px !important;
        left: 0px;
    }
    #loginModal .col-md-4.col-xs-12.first-block {
        width: 100% !important;
        border-right: none;
        border-bottom: 1px solid rgba(194, 201, 201, 0.42);
    }
    #loginModal .col-md-4.col-xs-12.second-block {
        width: 100% !important;
        border-right: none;
        border-bottom: 1px solid rgba(194, 201, 201, 0.42);
    }
    #loginModal .modal-content.container {
        padding: 20px !important;
    }
}

@media(max-width: 680px) and (min-width: 640px) and (orientation: landscape) {
    #loginModal .modal-dialog {
        min-width: 633px;
        top: 735px !important;
        /*left: 50px;*/
    }
    #loginModal .modal-dialog .modal-content .container {
        min-width: 633px !important;
        top: 227px;
        left: 50px;
        padding: 20px !important;
    }
    #loginModal .modal-content.container {
        padding: 20px !important;
    }
    #loginModal p {
        width: auto !important;
    }
    #loginModal .login-buttons {
        width: auto !important;
    }
    #loginModal .col-md-4.col-xs-12.first-block {
        width: 100% !important;
        border-right: none;
        border-bottom: 1px solid rgba(194, 201, 201, 0.42);
    }
    #loginModal .col-md-4.col-xs-12.second-block {
        width: 100% !important;
        border-right: none;
        border-bottom: 1px solid rgba(194, 201, 201, 0.42);
    }
}

@media(max-width: 639px) and (min-width: 501px) and (orientation: landscape) {
    #loginModal .modal-dialog {
        min-width: 555px;
        top: 749px !important;
    }
    #loginModal .modal-dialog .modal-content .container {
        min-width: 633px !important;
        top: 227px;
        left: 50px;
        padding: 20px !important;
    }
    #loginModal .modal-content.container {
        padding: 20px !important;
    }
    #loginModal p {
        width: auto !important;
    }
    #loginModal .login-buttons {
        width: auto !important;
    }
    #loginModal .col-md-4.col-xs-12.first-block {
        width: 100% !important;
        border-right: none;
        border-bottom: 1px solid rgba(194, 201, 201, 0.42);
    }
    #loginModal .col-md-4.col-xs-12.second-block {
        width: 100% !important;
        border-right: none;
        border-bottom: 1px solid rgba(194, 201, 201, 0.42);
    }
}

@media (max-width: 500px) and (orientation: landscape) {
    #loginModal .modal-dialog {
        width: 450px !important;
        top: 772px !important;
    }
    #loginModal p {
        width: auto !important;
    }
    #loginModal .login-buttons {
        width: auto !important;
    }
    #loginModal .col-md-4.col-xs-12.first-block {
        width: 100% !important;
        border-right: none;
        border-bottom: 1px solid rgba(194, 201, 201, 0.42);
    }
    #loginModal .col-md-4.col-xs-12.second-block {
        width: 100% !important;
        border-right: none;
        border-bottom: 1px solid rgba(194, 201, 201, 0.42);
    }
    #loginModal .modal-content.container {
        padding: 20px !important;
    }
}

/* ====== END  of Landscape Management ========== */

#loginModal .modal-header
/*Additional Removal of Login icon for ipad/ipad mini on landscape mode */

    {
    display: none !important;
}

/* END of RMS 349 */

/*RMS 346 - Changes after REST Onlinve Advice Tool Content Changes - Jan 22, 2018*/

@media(max-width: 768px) and (min-width: 600px) and (orientation: portrait) {
    #loginModal .modal-dialog {
        top: 742px !important;
    }
}

@media(max-width: 1360px) and (min-width: 1024px) and (orientation: landscape) {
    #loginModal .modal-dialog {
        top: 358px !Important;
    }
    #loginModal .LoginModalLandscapeMode {
        display: block !important;
    }
}

@media(max-width: 1360px) and (min-width: 1024px) and (orientation: Portrait) {
    #loginModal .LoginModalLandscapeMode {
        display: block !important;
    }
}

/*END of RMS 346 - Changes after REST Onlinve Advice Tool Content Changes - Jan 22, 2018*/

/*RMS 337 - Get in Touch Section and General Contact Details Background Color Swap */

#st-container .login_access .fluid-container.contact-get-help
/*Get in touch Section*/

    {
    background: #f3f3f3!important;
}

#st-container .login_access .fluid-container.contact-get-help .content
/*Cards on Get in touch Section*/

    {
    background-color: #fff!important;
}

#st-container .login_access .fluid-container.concerns
/*General Contact Details Section*/

    {
    background-color: #fff!important;
}

/*END of RMS 337 - Get in Touch Section and General Contact Details Background Color Swap */

/*RMS 354 - App Download*/

#ContactUsWithAppDownload #anchor-sms .title {
    font-size: 24px;
    line-height: 1.5;
    color: #005b82;
    font-weight: bold;
}

#ContactUsWithAppDownload #anchor-sms .download.row {
    padding-top: 15px;
}

#ContactUsWithAppDownload .fluid-container.contact-get-help.white-bg {
    background: #f3f3f3!important;
    /* Change color for Contact get help section */
}

#ContactUsWithAppDownload .fluid-container.concerns.grey-bg {
    background-color: #fff!important;
    /* Change color for concerns section */
}

/*END of RMS 354 - App Download*/