@media (min-width: 1441px) {
    .container {
        width: 100%;
    }
}

@media (min-width: 1600px) {
    .container {
        width: 1600px;
        border-left: solid 1px #ececec;
        border-right: solid 1px #ececec;
    }
}


@font-face {
    font-family: 'Interstate-Light';
    src: url("../fonts/Interstate Light.eot") format("embedded-opentype"), url("../fonts/Interstate Light.woff2") format("woff2"), url("../fonts/Interstate Light.woff") format("woff"), url("../fonts/Interstate Light.ttf") format("truetype"), url("../fonts/Interstate Light.svg") format("svg");
}

@font-face {
    font-family: 'Interstate-Thin';
    src: url("../fonts/Interstate Thin.eot") format("embedded-opentype"), url("../fonts/Interstate Thin.woff2") format("woff2"), url("../fonts/Interstate Thin.woff") format("woff"), url("../fonts/Interstate Thin.ttf") format("truetype"), url("../fonts/Interstate Thin.svg") format("svg");
}

@font-face {
    font-family: 'Interstate-Regular';
    src: url("../fonts/Interstate Regular.eot") format("embedded-opentype"), url("../fonts/Interstate Regular.woff2") format("woff2"), url("../fonts/Interstate Regular.woff") format("woff"), url("../fonts/Interstate Regular.ttf") format("truetype"), url("../fonts/Interstate Regular.svg") format("svg");
}

@font-face {
    font-family: 'Interstate-Bold';
    src: url("../fonts/Interstate Bold.eot") format("embedded-opentype"), url("../fonts/Interstate Bold.woff2") format("woff2"), url("../fonts/Interstate Bold.woff") format("woff"), url("../fonts/Interstate Bold.ttf") format("truetype"), url("../fonts/Interstate Bold.svg") format("svg");
}

html,
body {
    font-family: "Interstate-Light";
    /*overflow-x: hidden;*/
    -webkit-overflow-scrolling: touch;
    font-size: 16px;
    color: #4d4d4d;
}

    html.nav-open,
    body.nav-open {
        overflow: hidden;
    }

    body.ms-backgroundImage {
        background: none;
    }

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

* {
    table-layout: fixed;
}

    *:focus {
        outline: 0;
    }

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

.container-fluid {
    max-width: 960px;
}

a,
a:link,
a:visited,
a:active {
    text-decoration: none;
}

    a:hover,
    a:link:hover,
    a:visited:hover,
    a:active:hover {
        text-decoration: none;
    }

.l-icon {
    vertical-align: middle;
}

.slick-arrow,
button.slick-arrow {
    width: 17px;
    height: 34px;
    border: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    top: auto;
    z-index: 99;
    outline: 0;
    transition: 0.8s;
    background: url(../images/arrow.svg) no-repeat 0;
}

@media (min-width: 992px) {

    .slick-arrow,
    button.slick-arrow {
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.slick-arrow.slick-prev,
button.slick-arrow.slick-prev {
    left: 30%;
    -webkit-transform: translate(-20%, -50%) rotate(180deg);
    transform: translate(-20%, -50%) rotate(180deg);
}

@media (min-width: 992px) {

    .slick-arrow.slick-prev,
    button.slick-arrow.slick-prev {
        left: -6.666%;
    }
}

.slick-arrow.slick-next,
button.slick-arrow.slick-next {
    right: 30%;
}

@media (min-width: 992px) {

    .slick-arrow.slick-next,
    button.slick-arrow.slick-next {
        right: -6.333%;
    }
}

.slick-arrow.slick-disabled,
button.slick-arrow.slick-disabled {
    background: #999 !important;
}

[dir="rtl"] .slick-slide {
    float: left;
}

.l-checkbox {
    display: inline-block;
    margin-bottom: 30px;
    cursor: pointer;
}

    .l-checkbox input[type="checkbox"] + label {
        font-size: 12px;
        font-weight: bold;
        color: #AE9962;
        padding: 15px;
        background: #ffffff;
        border: 1px solid #ae9962;
        margin-bottom: 0;
        text-transform: uppercase;
    }

@media (min-width: 992px) {
    .l-checkbox input[type="checkbox"] + label {
        padding: 20px 30px 20px 30px;
        font-size: 15px;
    }
}

.l-checkbox input[type="checkbox"] + label:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10px;
    opacity: 0;
}

@media (min-width: 992px) {
    .l-checkbox input[type="checkbox"] + label:before {
        left: 30px;
    }
}

.l-checkbox input[type="checkbox"]:checked + label {
    color: #FFF;
    background: #AE9962;
    padding: 15px 30px 15px 40px;
    cursor: pointer;
}

@media (min-width: 992px) {
    .l-checkbox input[type="checkbox"]:checked + label {
        padding: 20px 30px 20px 62px;
    }
}

.l-checkbox input[type="checkbox"]:checked + label:before {
    background: url(../images/icons-svg/icon-check.svg) no-repeat center/12px 10px #fff;
    opacity: 1;
}

.l-title {
    text-transform: uppercase;
    color: #e72741;
    font-size: 1.875rem;
    font-family: "Interstate-Light";
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 1.25rem 0;
}

    .l-title a {
        color: currentColor;
    }

@media (min-width: 992px) {
    .l-title {
        font-size: 1.875rem;
        padding-bottom: 2.5rem;
    }
}

.l-social {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
}

    .l-social a {
        width: 27px;
        height: 27px;
        margin-right: 7px;
    }

        .l-social a:last-child {
            margin-right: 0;
        }

        .l-social a:hover svg {
            fill: #e72741;
        }

.site-footer .l-social a {
    margin-right: 15px;
}

.l-social svg {
    width: 27px;
    height: 27px;
    fill: #7b7b7b;
    transition: all .8s;
}

.site-footer .l-social {
    margin: 0 1.25rem;
    margin-top: 0.9375rem;
}

.l-breadcrumb ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: "Interstate-Light";
    font-size: 10px;
}

    .l-breadcrumb ul li {
        text-transform: uppercase;
        padding: 10px 15px;
        position: relative;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .l-breadcrumb ul li:before {
            content: ">";
            font-size: 16px;
            color: #d5d5d5;
            position: absolute;
            left: 0;
        }

        .l-breadcrumb ul li.current:before {
            color: #999999;
        }

        .l-breadcrumb ul li:hover a {
            color: #666;
            transition: all ease-in 0.3s;
        }

        .l-breadcrumb ul li:hover:before {
            color: #666;
        }

    .l-breadcrumb ul a {
        color: #d5d5d5;
    }

    .l-breadcrumb ul .current a {
        color: #999999;
    }

.l-main-title {
    text-transform: uppercase;
    display: inline-block;
    color: #FFF;
    font-family: "Interstate-Light";
    font-size: 2.25rem;
    margin-bottom: 2.8125rem;
    background: linear-gradient(-110deg, transparent 25px, #ea0000 26px);
    padding: 10px 45px 10px 25px;
}

.l-breadcrumb {
    margin-bottom: 15px;
}

.height20 {
    height: 20px;
}

.height50 {
    height: 50px;
}

.height30 {
    height: 0px;
}

@media (min-width: 768px) {
    .height30 {
        height: 30px;
    }
}

.form-control {
    border-radius: 3px;
    border: solid 1px #72747c;
    background-color: white;
    box-shadow: none;
    height: 50px;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    color: #373737;
}

.icon-close {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 17px;
    top: 14px;
    fill: #00b2a9;
}

.form-group {
    margin-bottom: 0px;
}

.mobile-menu {
    display: block;
}

@media (min-width: 992px) {
    .mobile-menu {
        display: none;
    }
}

.mb0 {
    margin-bottom: 30px !important;
}

body.menu-open {
    overflow: hidden;
    position: fixed;
}

.icon-calender {
    position: absolute;
    top: 45px;
    right: 33px;
    cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.active {
    background-color: #00b2a9;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.l-button.upload {
    border-radius: 5px;
    border: solid 1px #00b2a9;
    background-color: white;
    width: 100%;
    padding: 15px;
    margin-top: 20px;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2.1px;
    text-align: center;
    text-transform: uppercase;
    color: #00b2a9;
}

.border::after {
    content: "";
    width: 100%;
    position: absolute;
    height: 1px;
    background-color: rgba(216, 216, 216, 0.7);
    left: 0;
    bottom: 0px;
}

.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: transparent;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer;
    text-transform: uppercase;
    color: #00b2a9;
    height: 60px;
    vertical-align: top;
    padding-top: 14px;
}

.online__forms {
    padding: 0px 0px;
}

.mfp-iframe-holder .mfp-content {
    width: 100%;
    max-width: none;
}

input#edit-getpwd {
    margin-top: 0px;
    height: 0px;
    border-radius: 0px;
    border: solid 0px #00b2a9;
    background-color: transparent;
    border-bottom: none;
    font-family: inherit;
    font-size: 12px;
    text-transform: none;
    line-height: inherit;
    color: #00b2a9;
    margin-bottom: 0px;
    letter-spacing: 1px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    width: 100px;
}

.contact-control div:first-child {
    width: 20%;
    margin-right: 10px;
}

.contact-control div:last-child {
    width: 80%;
}

.container__form .form-layout .form--group .contact-control div:first-child input.form-control,
.container__form .form-layout .form--group .contact-control div:last-child input.form-control {
    width: 100%;
    margin-right: 10px;
}

.pdf__container a,
.pdf__container a:hover,
.pdf__container a:visited {
    color: #00b2a9;
}

#search-wrap {
    width: 87%;
    min-height: 600px;
    padding-bottom: 50px;
    margin: 0 auto;
}

    #search-wrap ol {
        list-style: none;
        Padding: 0px 0px;
    }

        #search-wrap ol li h3 {
            font-family: Interstate;
            font-size: 19px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.89;
            letter-spacing: 0.1px;
            color: #515151;
        }

            #search-wrap ol li h3 a {
                font-family: Interstate;
                font-size: 19px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.89;
                letter-spacing: 0.1px;
                color: #515151;
            }

        #search-wrap ol li p {
            font-family: Interstate-light;
            font-size: 14px;
            font-weight: 300;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.57;
            letter-spacing: -0.1px;
            color: #72747c;
        }

        #search-wrap ol li a {
            color: #00b2a9;
            font-size: 14px;
        }

        #search-wrap ol li .Icon--max {
            fill: #00b2a9;
            height: 20px;
        }

.mfp-container {
    position: fixed;
}

@media (max-width: 767px) {
    .spotlight {
        max-height: 495px;
    }

    .home__spotlight__overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 1;
        background-image: url(../images/spotlight-home.jpg);
        background-size: cover;
        z-index: 9;
        top: 0px;
        left: 0px;
    }
}

@media (max-width: 379px) {
    .seach-visible #search-container {
        width: 220px;
    }
}

.login-page .footer {
    height: auto;
}

@media (min-width:900px) {
    .login-page .footer {
        height: 65px;
    }

    .register-compliance-page .footer {
        height: 65px;
    }

    .forgot-password-page .footer {
        height: 65px;
    }
}

.spotlight {
}

.login-page .footer .footer__right .feedback {
    display: none;
}

.loading-screen {
    position: fixed;
    z-index: 1000000;
    width: 100%;
    height: 100%;
    background-color: #fff;
    text-align: center;
    left: 0;
    top: 0;
}

    .loading-screen .loading-screen__content {
        display: block;
        position: absolute;
        top: 50%;
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
    }

        .loading-screen .loading-screen__content > span {
            display: inline-block;
            position: relative;
            width: 100px;
            height: 1px;
            overflow: hidden;
        }

            .loading-screen .loading-screen__content > span span {
                display: block;
                position: absolute;
                bottom: 0;
                left: -102px;
                overflow: hidden;
                width: 100px;
                height: 3px;
                background-color: #00b2a9;
                -webkit-animation: loaderanim 1s 0s infinite;
                animation: loaderanim 1s 0s infinite;
            }

        .loading-screen .loading-screen__content svg {
            fill: #00b2a9;
        }

@-webkit-keyframes loaderanim {
    0% {
        left: -102px;
    }

    100% {
        left: 102px;
    }
}

@keyframes loaderanim {
    0% {
        left: -102px;
    }

    100% {
        left: 102px;
    }
}

.overlay-message {
    background-color: rgba(0, 0, 0, 0.52);
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0px;
    bottom: 0px;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    transition: all ease-in-out 0.3s;
}

.overlay-message1 {
    background-color: rgba(0, 0, 0, 0.52);
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0px;
    bottom: 0px;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    transition: all ease-in-out 0.3s;
}

.thank-you {
    position: absolute;
    width: 90%;
    -webkit-transform: translate(-50%, -50%) translateY(-10px);
    transform: translate(-50%, -50%) translateY(-10px);
    left: 50%;
    top: 50%;
    padding: 30px;
    background-color: #fff;
    transition: all ease-in 0.3s;
}

@media (min-width: 992px) {
    .thank-you {
        width: 45%;
    }
}

.thank-you__close {
    position: absolute;
    right: 3px;
    top: 3px;
    color: #00b2a9;
}

.thank-you__ccontent h3 {
    color: #00b2a9;
}

.thank-you__ccontent p {
    margin: 0px 0px;
    color: #333;
}

.show-message {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

    .show-message .overlay-message, .show-message .overlay-message1 {
        opacity: 1;
        visibility: visible;
    }

        .show-message .overlay-message .thank-you,
        .show-message .overlay-message1 .thank-you {
            -webkit-transform: translate(-50%, -50%) translateY(0px);
            transform: translate(-50%, -50%) translateY(0px);
        }

@media (min-width: 768px) {
    .spotlight--home .row {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.sponsors {
    background: #f0f0f0;
    padding: 1.25rem 0 2.5rem;
}

@media (min-width: 992px) {
    .sponsors {
        padding-top: 3.625rem;
        padding-bottom: 4.6875rem;
    }
}

@media (min-width: 992px) {
    .sponsors.page--inner {
        padding: 0 0 2.5rem;
    }
}

.sponsors.page--inner .l-title {
    color: #333;
    font-size: 1.25rem;
}

.widget-wrap-small {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    max-height: 240px;
}

@media (min-width: 768px) {
    .widget-wrap-small > div {
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (min-width: 480px) {
    .widget-wrap-small > div {
        width: 100%;
    }
}

.title-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

#s4-bodyContainer {
    padding-bottom: 0;
    overflow-x: hidden;
}

#DeltaPlaceHolderMain {
    display: block;
}

.l-btn,
a.l-btn,
.btn {
    position: relative;
    vertical-align: middle;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #fff;
    font-family: "Interstate-Light";
    font-size: 15px;
    font-weight: 500;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.8s;
    background: #ea0000;
}

    .l-btn:before,
    .l-btn:after,
    a.l-btn:before,
    a.l-btn:after,
    .btn:before,
    .btn:after {
        width: 100%;
        height: 100%;
        z-index: 3;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        transition: 0.8s;
        box-sizing: border-box;
    }

    .l-btn:before,
    a.l-btn:before,
    .btn:before {
        border-bottom: 1px solid #ea0000;
        border-left: 1px solid #ea0000;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
    }

    .l-btn:after,
    a.l-btn:after,
    .btn:after {
        border-top: 1px solid #ea0000;
        border-right: 1px solid #ea0000;
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
    }

    .l-btn:hover,
    a.l-btn:hover,
    .btn:hover {
        border: 1px solid rgba(255, 255, 255, 0);
        color: #ea0000;
        background: rgba(255, 255, 255, 0);
    }

        .l-btn:hover:before,
        .l-btn:hover:after,
        a.l-btn:hover:before,
        a.l-btn:hover:after,
        .btn:hover:before,
        .btn:hover:after {
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .l-btn:hover .l-icon,
        a.l-btn:hover .l-icon,
        .btn:hover .l-icon {
            fill: #ae9962;
        }

    .l-btn.l-btn--load,
    a.l-btn.l-btn--load,
    .btn.l-btn--load {
        width: 225px;
        background: #FFF;
        color: #ea0000;
        border-color: #e7e7e7;
    }

        .l-btn.l-btn--load:hover,
        a.l-btn.l-btn--load:hover,
        .btn.l-btn--load:hover {
            background: #ea0000;
            color: #FFF;
        }

            .l-btn.l-btn--load:hover:after,
            .l-btn.l-btn--load:hover:before,
            a.l-btn.l-btn--load:hover:after,
            a.l-btn.l-btn--load:hover:before,
            .btn.l-btn--load:hover:after,
            .btn.l-btn--load:hover:before {
                border-color: transparent;
            }

        .l-btn.l-btn--load:after,
        .l-btn.l-btn--load:before,
        a.l-btn.l-btn--load:after,
        a.l-btn.l-btn--load:before,
        .btn.l-btn--load:after,
        .btn.l-btn--load:before {
            border-color: #666;
        }

    .l-btn.l-btn--grey,
    a.l-btn.l-btn--grey,
    .btn.l-btn--grey {
        background: #666;
    }

        .l-btn.l-btn--grey:hover,
        a.l-btn.l-btn--grey:hover,
        .btn.l-btn--grey:hover {
            background: #FFF;
            color: #666;
        }

        .l-btn.l-btn--grey:after,
        .l-btn.l-btn--grey:before,
        a.l-btn.l-btn--grey:after,
        a.l-btn.l-btn--grey:before,
        .btn.l-btn--grey:after,
        .btn.l-btn--grey:before {
            border-color: #666;
        }

    .l-btn .l-icon,
    a.l-btn .l-icon,
    .btn .l-icon {
        fill: #fff;
    }

.l-btn-wrap {
    text-align: left;
}

@media (min-width: 768px) {
    .l-btn-wrap {
        text-align: center;
    }
}

.l-scroll-top,
a.l-scroll-top {
    position: fixed;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    font-family: "DINPro", sans-serif;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.6s ease;
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    border: 1px solid #ae9962;
    color: #ae9962;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
    padding: 0;
    padding-top: 10px;
    bottom: 10px;
    right: 25px;
    background: rgba(255, 255, 255, 0.9);
    z-index: 9999;
}

@media (min-width: 992px) {

    .l-scroll-top,
    a.l-scroll-top {
        bottom: 95px;
    }
}

@media (min-width: 1441px) {

    .l-scroll-top,
    a.l-scroll-top {
        width: 165px;
        padding: 20px 0;
        height: auto;
        right: 20px;
        bottom: 100px;
        border-radius: 0;
        font-size: inherit;
    }
}

.l-scroll-top .l-icon,
a.l-scroll-top .l-icon {
    fill: #ae9962;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    /*rtl:rotate(270deg)*/
}

.l-scroll-top.show,
a.l-scroll-top.show {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.l-scroll-top:hover,
a.l-scroll-top:hover {
    color: #fff;
    background: #ae9962;
}

    .l-scroll-top:hover:before,
    .l-scroll-top:hover:after,
    a.l-scroll-top:hover:before,
    a.l-scroll-top:hover:after {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .l-scroll-top:hover .l-icon,
    a.l-scroll-top:hover .l-icon {
        fill: #fff;
        -webkit-animation: arrow-up ease-in-out 1.9s infinite;
        animation: arrow-up ease-in-out 1.9s infinite;
    }

/* .mfp-close-btn-in button.mfp-close {
  position: fixed;
  right: 0;
  top: 0;
  background: #AE9962;
  opacity: 1;
  cursor: pointer;
  color: #FFF;
  width: 50px;
  min-width: 30px;
  height: 50px;
  line-height: 1;
  font-size: 1.5em;
  font-family: initial;
} */

@media (min-width: 992px) {
    .mfp-close-btn-in button.mfp-close {
        width: 75px;
        min-width: 75px;
        height: 75px;
        font-size: 2.8125rem;
    }
}

.mfp-close-btn-in button.mfp-arrow {
    background: #AE9962;
    opacity: 1;
    width: 50px;
    height: 50px;
    margin: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    min-width: auto;
}

@media (min-width: 992px) {
    .mfp-close-btn-in button.mfp-arrow {
        width: 70px;
        height: 70px;
    }
}

.mfp-close-btn-in button.mfp-arrow:before {
    margin-left: auto;
    margin-top: 0;
    border: 10px solid #fff;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-left-color: transparent;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.mfp-close-btn-in button.mfp-arrow:after {
    display: none;
}

@media (min-width: 992px) {
    .mfp-close-btn-in button.mfp-arrow.mfp-arrow-right {
        -webkit-transform: translate(80%, -50%);
        transform: translate(80%, -50%);
    }
}

.mfp-close-btn-in button.mfp-arrow.mfp-arrow-right:before {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
}

@media (min-width: 992px) {
    .mfp-close-btn-in button.mfp-arrow.mfp-arrow-left {
        -webkit-transform: translate(-80%, -50%);
        transform: translate(-80%, -50%);
    }
}

.readmore,
.readmore.readmore {
    font-size: 15px;
    color: #e72741;
    text-transform: uppercase;
    font-weight: bold;
    vertical-align: middle;
    transition: .8s all;
}

    .readmore svg,
    .readmore.readmore svg {
        transition: .8s all;
    }

    .readmore .l-icon,
    .readmore.readmore .l-icon {
        fill: #e72741;
        vertical-align: middle;
    }

        .readmore .l-icon.icon_readmore,
        .readmore.readmore .l-icon.icon_readmore {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

    .readmore:hover,
    .readmore:focus,
    .readmore.readmore:hover,
    .readmore.readmore:focus {
        color: #022247;
        text-decoration: none;
    }

        .readmore:hover .l-icon,
        .readmore:focus .l-icon,
        .readmore.readmore:hover .l-icon,
        .readmore.readmore:focus .l-icon {
            fill: #022247;
        }

.btn {
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    transition: .8s all;
}

    .btn.btn--outline {
        border: 1px solid rgba(255, 255, 255, 0.2);
    }

a.l-readmore,
.l-readmore {
    text-transform: uppercase;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ea0000;
    font-family: "Interstate-Light";
}

    a.l-readmore span,
    .l-readmore span {
        margin-right: 5px;
    }

    a.l-readmore i,
    .l-readmore i {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    a.l-readmore .l-icon,
    .l-readmore .l-icon {
        width: 15px;
        height: 10px;
        fill: #ea0000;
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }

/*@import start*/
@media (min-width: 992px) {
    .changepwd {
        width: 100%;
        height: 100%;
    }
}

.changepwd .container {
    padding-left: 0px;
    padding-right: 0px;
}

.changepwd__signin {
    margin-top: 25px;
    width: 100%;
    min-height: 600px;
}

@media (min-width: 992px) {
    .changepwd__signin {
        width: 100%;
        background-color: #fff;
        height: calc(100vh - 46px);
        margin-top: 0;
        margin-right: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 992px) {
    .changepwd__signin {
        margin: auto;
    }
}

.changepwd__signin__content {
    margin-bottom: 50px;
}

@media (min-width: 992px) {
    .changepwd__signin__content {
        width: 90%;
    }
}

.changepwd__signin__content h1 {
    font-size: 22px;
    font-weight: bold;
    line-height: 29px;
    letter-spacing: 1.19px;
    color: #373737;
    text-transform: uppercase;
    padding-top: 50px;
    padding-bottom: 15px;
    border-bottom: 2px solid rgba(185, 185, 185, 0.2);
    margin-left: 34px;
    font-family: Interstate-Bold;
}

@media (max-width: 480px) {
    .changepwd__signin__content h1 {
        width: 88%;
        font-size: 18px;
    }
}

@media (min-width: 992px) {
    .changepwd__signin__content h1 {
        font-size: 22px;
    }
}

@media (max-width: 992px) {
    .changepwd__signin__content h1 {
        margin-left: 19px;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.changepwd__signin__content .container__form {
    display: -webkit-inline-box;
    display: inline-block;
}

.changepwd__signin__content__form span {
    padding: 30px 0 10px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    line-height: 19px;
    color: #72747c;
    font-family: "Interstate-Regular";
}

.changepwd__signin__content__form .input_wrap input {
    height: 50px;
    border-radius: 3px;
    border: 1px solid #dddddd;
    padding: 5px;
    width: 50%;
}

@media (max-width: 992px) {
    .changepwd__signin__content__form .input_wrap input {
        width: 100%;
        padding: 0px;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (max-width: 480px) {
    .changepwd__signin__content__form .input_wrap input {
        width: 100%;
        font-size: 14px;
    }
}

.changepwd__signin__content__form__submit {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    width: 180px;
    margin-top: 25px;
}

@media (min-width: 992px) {
    .changepwd__signin__content__form__submit {
        margin-right: 20px;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (max-width: 992px) {
    .changepwd__signin__content__form__submit {
        width: 100%;
        padding: 0px;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (max-width: 480px) {
    .changepwd__signin__content__form__submit {
        width: 100%;
        font-size: 14px;
    }
}

.changepwd__signin__content__form__submit .btn-submit {
    height: 50px;
    border-radius: 5px;
    border: solid 1px #00b2a9;
    background-color: #00b2a9;
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    padding: 0px 60px;
    margin-bottom: 30px;
    margin-top: 20px;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 2.1px;
}

@media (min-width: 992px) {
    .changepwd__signin__content__form__submit .btn-submit {
        margin-bottom: 50px;
        padding: 0px;
    }
}

@media (max-width: 992px) {
    .changepwd__signin__content__form__submit .btn-submit {
        width: 100%;
        padding: 0px;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (max-width: 480px) {
    .changepwd__signin__content__form__submit .btn-submit {
        width: 100%;
        font-size: 14px;
    }
}

.changepwd__signin__content__form__submit p {
    font-size: 12px;
    font-weight: normal;
    color: #9a9ca2;
    letter-spacing: 0.23px;
}

@media (min-width: 992px) {
    .changepwd__signin__content__form__submit p {
        font-size: 13px;
    }
}

.changepwd__signin__content__form__submit p a {
    color: #00b2a9;
    text-decoration: none;
}

.changepwd__signin__content__form p {
    font-size: 12px;
    font-weight: normal;
    color: #72747c;
    letter-spacing: 0.23px;
    margin: 0;
}

@media (min-width: 992px) {
    .changepwd__signin__content__form p {
        font-size: 13px;
    }
}

.changepwd__signin__content__form p a {
    color: #00b2a9;
    text-decoration: none;
}

.footer {
    background-color: #111111;
    padding: 20px 0px 0px 0px;
    clear: both;
}

@media (min-width: 992px) {
    .footer {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0px 0px;
        max-width: 1600px;
        width: 100%;
        margin: 0 auto;
    }

    .login-page .footer {
        max-width: 100%;
    }

    .register-compliance-page .footer {
        max-width: 100%;
    }

    .forgot-password-page .footer {
        max-width: 100%;
    }
}

.footer__left {
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}

@media (min-width: 992px) {
    .footer__left {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border: none;
    }
}

.footer__left p {
    opacity: 0.53;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: white;
}

@media (min-width: 992px) {
    .footer__left p {
        font-size: 12px;
        margin-bottom: 0px;
    }
}

.footer__right {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 0px 0px;
}

@media (min-width: 992px) {
    .footer__right {
        padding: 0px;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 0px;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.footer__right ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0px 0px 9px 0px;
}

@media (min-width: 992px) {
    .footer__right ul {
        width: 30%;
        margin: 0px 0px;
    }
}

.footer__right ul li {
    margin: 0px 8px;
}

@media (min-width: 992px) {
    .footer__right ul li {
        margin: 0px 6px;
    }
}

.footer__right ul li a .l-icon {
    width: 17px;
    height: 17px;
    fill: rgba(255, 255, 255, 0.461);
}

@media (min-width: 992px) {
    .footer__right ul li a .l-icon {
        width: 15px;
        height: 15px;
    }
}

.footer__right ul li:last-child {
    margin-right: 15px;
}

.footer__right .feedback {
    background-color: #00b2a9;
    padding: 13px 15px 10px 10px;
    color: #fff;
    width: 100%;
    text-align: center;
}

@media (min-width: 992px) {
    .footer__right .feedback {
        width: 320px;
        height: 50px;
    }
}

.footer__right .feedback span {
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.42;
    letter-spacing: 1.7px;
    color: white;
    text-transform: uppercase;
    margin: 0px 10px;
    font-family: "Interstate-Regular";
}

@media (min-width: 992px) {
    .footer__right .feedback span {
        font-size: 12px;
        font-family: "Interstate-Regular";
        font-weight: normal;
    }
}

.footer__right .feedback img {
    margin-left: 3px;
    width: 23px;
}

@media (min-width: 992px) {
    .footer__right .feedback img {
        margin-left: 15px;
    }
}

.contact {
    background: none !important;
}

@media (min-width: 992px) {
    .contact {
        background: url("../images/login_spotlight.jpg") center no-repeat !important;
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        max-width: 1600px;
        /* margin: 50px auto;*/
        margin-bottom: 30px;
    }
}

@media (min-width: 1601px) {
    .contact {
        border-left: 0;
        border-right: 0;
    }

    .contact__signin.container {
        border-left: 0;
        border-right: 0;
    }
}

.contact__spotlight {
    padding-bottom: 110px;
    background: url("../images/mobile_bg.jpg") no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

@media (min-width: 480px) {
    .contact__spotlight {
        background: url("../images/mobile_bg2.jpg") no-repeat;
        background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
    }
}

@media (min-width: 320px) {
    .contact__spotlight {
        background: url("../images/mobile_bg2.jpg") no-repeat;
        background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
    }
}

@media (min-width: 768px) {
    .contact__spotlight {
        background: url("../images/mobile_bg3.jpg") no-repeat;
        background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
    }
}

@media (min-width: 640px) {
    .contact__spotlight {
        background: url("../images/mobile_bg3.jpg") no-repeat;
        background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
    }
}

@media (min-width: 992px) {
    .contact__spotlight {
        background: none;
        width: 60%;
        float: left;
        padding: 0;
        margin: 0;
        height: calc(100vh - 46px);
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.contact__spotlight__content {
    padding-top: 25px;
}

@media (min-width: 992px) {
    .contact__spotlight__content {
        margin-top: 0;
        width: 65%;
        margin-left: 10%;
    }
}

.contact__spotlight__content__logo {
    max-width: 412px;
    margin-bottom: 58px;
}

@media (min-width: 992px) {
    .contact__spotlight__content__logo {
        max-width: 700px;
    }
}

.contact__spotlight__content__logo .mobile_logo {
    display: block;
    width: 184px;
    height: 43px;
}

@media (min-width: 992px) {
    .contact__spotlight__content__logo .mobile_logo {
        display: none;
    }
}

.contact__spotlight__content__logo .desktop_logo {
    display: none;
}

@media (min-width: 992px) {
    .contact__spotlight__content__logo .desktop_logo {
        display: inline-block;
    }
}

.contact__spotlight__content__logo span {
    display: none;
}

@media (min-width: 992px) {
    .contact__spotlight__content__logo span {
        display: inline-block;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 1.56px;
    }
}

@media (min-width: 992px) {
    .contact__spotlight__content__logo span.separator {
        margin: -6px 20px;
        opacity: .5;
        height: 23px;
        width: 2px;
        background: #fff;
    }
}

.contact__spotlight__content hr {
    width: 30px;
    border: 1px solid #00b2a9;
    margin-left: 0;
}

@media (min-width: 992px) {
    .contact__spotlight__content hr {
        width: 50px;
        margin: 100px 0 50px;
    }
}

.contact__spotlight__content h1 {
    font-size: 24px;
    color: #fff;
    letter-spacing: -0.8px;
    font-family: "Interstate-Regular";
}

@media (min-width: 992px) {
    .contact__spotlight__content h1 {
        font-size: 60px;
    }
}

.contact__spotlight__content p {
    margin-top: 19px;
    font-size: 13px;
    color: #fff;
    line-height: 18px;
    letter-spacing: 0.4px;
}

@media (min-width: 992px) {
    .contact__spotlight__content p {
        font-size: 17px;
        line-height: 29px;
    }
}

.contact__spotlight__content p.footnote {
    font-size: 9px;
}

@media (min-width: 992px) {
    .contact__spotlight__content p.footnote {
        font-size: 13px;
        margin-top: 30px;
    }
}

.contact__signin {
    margin-top: 25px;
}

@media (min-width: 992px) {
    .contact__signin {
        width: 40%;
        background-color: #fff;
        height: calc(100vh - 16px);
        margin-top: 0;
        margin-right: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (min-width: 992px) {
    .contact__signin__content {
        width: 75%;
        padding-top: 30px;
        margin-top: 20px;
    }
}

@media (max-width: 992px) {
    .contact__signin__content {
        width: 100%;
        margin: auto;
    }
}

.contact__signin__content .contact__title {
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.32;
    letter-spacing: 1.2px;
    color: #373737;
    width: 80%;
    font-family: Interstate-Bold;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    .contact__signin__content .contact__title {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .contact__signin__content .contact__title {
        width: 100%;
        font-size: 18px;
        padding-bottom: 20px;
        border-bottom: 2px solid rgba(185, 185, 185, 0.2);
    }
}

@media (max-width: 992px) {
    .contact__signin__content .contact__title {
        width: 100%;
    }
}

.contact__signin__content h1 {
    font-size: 20px;
    font-weight: bold;
    line-height: 29px;
    letter-spacing: 1.19px;
    color: #373737;
    text-transform: uppercase;
}


@media (min-width: 768px) {
    .contact__signin__content h1 {
        font-size: 22px;
        width: 80%;
        border-bottom: 0px solid yellow;
    }
}

@media (max-width: 992px) {
    .contact__signin__content h1 {
        width: 100%;
        border-bottom: 0px solid green;
    }
}

@media (max-width: 480px) {
    .contact__signin__content h1 {
        width: 100%;
        padding-bottom: 20px;
        border-bottom: 2px solid rgba(185, 185, 185, 0.2);
    }
}

@media (min-width: 992px) {
    .contact__signin__content h1 {
        font-size: 22px;
        width: 100%;
        border-bottom: 0px solid red;
    }
}

.contact__signin__content .email_container {
    padding: 40px 0 10px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: wrap;
    -ms-flex: wrap;
    flex: wrap;
    width: 40%;
}

@media (min-width: 768px) {
    .contact__signin__content .email_container {
        width: 80%;
    }
}

@media (max-width: 992px) {
    .contact__signin__content .email_container {
        width: 50%;
    }
}

@media (max-width: 480px) {
    .contact__signin__content .email_container {
        width: 80%;
    }
}

@media (min-width: 992px) {
    .contact__signin__content .email_container {
        width: 100%;
    }
}

.contact__signin__content .email_container .email_icon {
    min-width: 80px;
    height: 25px;
    padding-right: 15px;
}

.email_iconheader {
    width: 60px;
}

@media (max-width: 480px) {
    .contact__signin__content .email_container .email_icon {
        padding-top: 10px;
    }
}

.contact__signin__content .email_container .email_icon .email-img {
    width: 40px;
    height: 26px;
}

.contact__signin__content .email_container .email_text {
    min-width: 106px;
    height: 22px;
    font-size: 14px;
    letter-spacing: 0.82px;
    color: #72747c;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .contact__signin__content .email_container .email_text .labelName {
        font-family: Interstate-light;
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: 1.16px;
        line-height: 20px;
        color: #72747c;
        cursor: pointer;
        text-transform: uppercase;
    }

        .contact__signin__content .email_container .email_text .labelName a {
            font-size: 18px;
            text-transform: none;
            color: #373737;
            text-decoration: none;
        }

.contact__signin__content .phone_container {
    padding: 30px 0 30px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: wrap;
    -ms-flex: wrap;
    flex: wrap;
    width: 40%;
}

@media (min-width: 768px) {
    .contact__signin__content .phone_container {
        width: 80%;
    }
}

@media (max-width: 992px) {
    .contact__signin__content .phone_container {
        width: 50%;
    }
}

@media (max-width: 480px) {
    .contact__signin__content .phone_container {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .contact__signin__content .phone_container {
        width: 100%;
    }
}

.contact__signin__content .phone_container .phone_icon {
    min-width: 80px;
    height: 25px;
}

@media (max-width: 480px) {
    .contact__signin__content .phone_container .phone_icon {
        padding-top: 5px;
    }
}

.contact__signin__content .phone_container .phone_icon .phone-img {
    width: 36px;
    height: 36px;
    fill: #00b2a9;
}

.contact__signin__content .phone_container .phone_text {
    min-width: 106px;
    height: 22px;
    font-size: 14px;
    letter-spacing: 0.82px;
    color: #72747c;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .contact__signin__content .phone_container .phone_text .labelName {
        font-family: Interstate-light;
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: 1.16px;
        line-height: 20px;
        color: #72747c;
        cursor: pointer;
        text-transform: uppercase;
    }

        .contact__signin__content .phone_container .phone_text .labelName a {
            font-size: 18px;
            text-transform: none;
            color: #373737;
            text-decoration: none;
        }

.contact__signin__content p {
    font-size: 15px;
    font-weight: normal;
    color: #72747c;
    line-height: 20px;
    letter-spacing: -0.08px;
    width: 45%;
    padding-top: 10px;
    padding-bottom: 20px;
}

@media (min-width: 768px) {
    .contact__signin__content p {
        width: 80%;
        font-size: 15px;
    }
}

@media (max-width: 992px) {
    .contact__signin__content p {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .contact__signin__content p {
        width: 100%;
        font-size: 15px;
    }
}

@media (min-width: 992px) {
    .contact__signin__content p {
        width: 100%;
    }
}

.contact__signin__content p a {
    color: #00b2a9;
    text-decoration: none;
}

.container__form {
    margin: 0 auto;
    width: 100%;
    padding: 0px;
}

@media (min-width: 992px) {
    .container__form {
        padding: 0px 15px;
    }
}

@media (min-width: 1200px) {
    .container__form {
        width: 1040px;
    }
}

@media (min-width: 992px) {
    .container__form .form-layout {
        padding: 40px 0px;
        padding-bottom: 20px;
    }
}

.container__form .form-layout__note {
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #9a9ca2;
    margin: 50px 0px 40px 0px;
}

@media (min-width: 768px) {
    .container__form .form-layout__note {
        margin: 10px 0px 50px 0px;
        font-size: 14px;
        letter-spacing: 0.3px;
    }
}

.form--group.mb0 {
    margin-top: 35px;
}

.form-managed-file {
    border-radius: 5px;
    border: solid 1px #00b2a9;
    background-color: white;
    width: 100%;
    padding: 15px;
    margin-top: 20px;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2.1px;
    text-align: center;
    text-transform: uppercase;
    color: #00b2a9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
}

    .form-managed-file input[type="file"] {
        display: block;
        width: 72%;
        outline: none;
    }

@media (min-width:900px) {
    .form-managed-file input[type="file"] {
        width: 100%;
    }
}

.description {
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #9a9ca2;
    display: inline-block;
    padding-top: 15px;
}

.checkbox_btn {
    display: block;
    border-radius: 5px;
    border: solid 1px #00b2a9;
    padding: 0px;
    margin-top: 0px;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2.1px;
    text-transform: uppercase;
    height: 50px;
    float: right;
    background: #00b2a9;
    width: 180px;
    max-width: 100%;
    color: #ffffff;
    margin-right: 0px !important;
    text-align: center;
}

    .checkbox_btn input {
        z-index: 100;
        cursor: pointer;
        position: absolute;
        height: 50px;
        top: 40%;
        left: 0;
        opacity: 0;
    }

    .checkbox_btn label {
        padding: 0px 10px;
        height: 48px;
        line-height: 48px;
    }

.disable_holding {
    text-decoration: line-through;
}

@media(max-width:991px) {
    .form--group.datepicker_form_group_container_two {
        margin-top: 35px;
    }

    .datepicker_form_group_container {
        margin-bottom: 70px !important;
    }
}

.container__form .form-layout__note span {
    color: #00b2a9;
}

.container__form .form-layout .form--title {
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.2px;
    color: #373737;
    position: relative;
    padding-left: 1rem;
    text-transform: uppercase;
    border-bottom: solid 1px rgba(216, 216, 216, 0.75);
    padding-bottom: 25px;
    margin-bottom: 35px;
    margin-top: 20px;
    font-size: 20px;
    font-family: "Interstate-Regular";
}

@media (min-width: 992px) {
    .container__form .form-layout .form--title {
        font-size: 22px;
        padding-bottom: 25px;
        margin-bottom: 25px;
    }
}

.container__form .form-layout .form--title::before {
    content: "";
    width: 3px;
    height: 25px;
    background-color: #00b2a9;
    position: absolute;
    left: 0px;
}

.container__form .form-layout hr {
    border: thin 1px #c2c2c2;
    margin: 0px -20px 35px -20px;
    opacity: 1;
}

@media (min-width: 992px) {
    .container__form .form-layout hr {
        margin: 12px 0px 35px 0px;
    }
}

.container__form .form-layout h4 {
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    margin: 15px 0px 30px 0px;
    color: #373737;
}

@media (max-width: 991px) {
    .form--group.mb1 {
        margin-top: 40px;
    }
}

@media (min-width: 992px) {
    .container__form .form-layout h4 {
        margin: 12px 0px 35px 0px;
    }
}

.container__form .form-layout__group.radio {
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .container__form .form-layout__group.radio {
        margin: 10px 0px 25px 0px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.container__form .form-layout__group.radio .radio__control {
    width: 40%;
    margin-left: 10px;
}

.container__form .form-layout__group.radio label {
    padding-left: 0px;
    padding-right: 15px;
    font-size: 15px;
    line-height: 1.27;
    letter-spacing: 0.3px;
    color: #72747c;
}

    .container__form .form-layout__group.radio label:nth-child(1) {
        display: block;
    }

label.offer_recieve {
    display: block;
}

.file-select input[type="file"] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 50px;
    width: 100%;
    top: 40%;
    left: 0;
    opacity: 0;
}

.file-select {
    border-radius: 5px;
    border: solid 1px #00b2a9;
    background-color: white;
    width: 100%;
    padding: 0px;
    margin-top: 20px;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2.1px;
    text-transform: uppercase;
    color: #00b2a9;
    text-align: right;
    height: 50px;
}

div#fileName {
    padding: 0px 30px;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    background-color: #00b2a9;
    color: #fff;
}

label.checkox_btn input {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 50px;
    top: 40%;
    left: 0;
    opacity: 0;
}

label.checkox_btn {
    display: block;
    border-radius: 5px;
    border: solid 1px #00b2a9;
    background-color: white;
    padding: 0px;
    margin-top: 0px;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2.1px;
    text-align: center;
    text-transform: uppercase;
    color: #00b2a9;
    height: 50px;
    width: 10%;
}

    label.checkox_btn span {
        padding: 0px 30px;
        height: 48px;
        line-height: 48px;
    }

    label.checkox_btn input[type="checkbox"]:checked + span {
        background: #00b2a9;
        color: #ffffff;
        display: block;
    }

@media (min-width: 768px) {
    .container__form .form-layout__group.radio label:nth-child(1) {
        display: inline;
    }
}

.container__form .form-layout__group.radio .mandatory::after {
    content: "*";
    color: #00b2a9;
    position: relative;
    left: 2px;
}

.container__form .form-layout__group.radio .form--control {
    margin-left: 0px;
    text-transform: uppercase;
}

    .container__form .form-layout__group.radio .form--control [type="radio"]:focus + span:before,
    .container__form .form-layout__group.radio .form--control [type="checkbox"]:focus + span:before {
        outline: 1px solid rgba(185, 185, 185, 0.7);
    }

    .container__form .form-layout__group.radio .form--control [type="radio"]:checked,
    .container__form .form-layout__group.radio .form--control [type="radio"]:not(:checked),
    .container__form .form-layout__group.radio .form--control [type="checkbox"]:checked,
    .container__form .form-layout__group.radio .form--control [type="checkbox"]:not(:checked) {
        position: absolute;
        left: -9999px;
    }

        .container__form .form-layout__group.radio .form--control [type="radio"]:checked:focus + span:before,
        .container__form .form-layout__group.radio .form--control [type="radio"]:not(:checked):focus + span:before,
        .container__form .form-layout__group.radio .form--control [type="checkbox"]:checked:focus + span:before,
        .container__form .form-layout__group.radio .form--control [type="checkbox"]:not(:checked):focus + span:before {
            outline: 1px solid rgba(185, 185, 185, 0.7);
        }

        .container__form .form-layout__group.radio .form--control [type="radio"]:checked + span,
        .container__form .form-layout__group.radio .form--control [type="checkbox"]:checked + span {
            position: relative;
            padding-left: 28px;
            cursor: pointer;
            line-height: 20px;
            display: inline-block;
            color: #666;
        }

        .container__form .form-layout__group.radio .form--control [type="radio"]:not(:checked) + span,
        .container__form .form-layout__group.radio .form--control [type="checkbox"]:not(:checked) + span {
            position: relative;
            padding-left: 28px;
            cursor: pointer;
            line-height: 20px;
            display: inline-block;
            color: #666;
        }

            .container__form .form-layout__group.radio .form--control [type="radio"]:not(:checked) + span:before,
            .container__form .form-layout__group.radio .form--control [type="checkbox"]:not(:checked) + span:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 18px;
                height: 18px;
                border: 1px solid #ddd;
                border-radius: 100%;
                background: #fff;
                outline: none !important;
            }

        .container__form .form-layout__group.radio .form--control [type="radio"]:checked + span:before,
        .container__form .form-layout__group.radio .form--control [type="checkbox"]:checked + span:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 20px;
            height: 20px;
            border: 1px solid #ddd;
            border-radius: 100%;
            background: #00b2a9;
            outline: none !important;
        }

        .container__form .form-layout__group.radio .form--control [type="radio"]:checked + span:after,
        .container__form .form-layout__group.radio .form--control [type="checkbox"]:checked + span:after {
            content: '';
            width: 8px;
            height: 8px;
            background: #ffffff;
            position: absolute;
            top: 6px;
            left: 6px;
            border-radius: 100%;
            transition: all 0.2s ease;
            outline: none !important;
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .container__form .form-layout__group.radio .form--control [type="radio"]:not(:checked) + span:after,
        .container__form .form-layout__group.radio .form--control [type="checkbox"]:not(:checked) + span:after {
            content: '';
            width: 8px;
            height: 8px;
            background: #ffffff;
            position: absolute;
            top: 6px;
            left: 6px;
            border-radius: 100%;
            transition: all 0.2s ease;
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
            outline: none !important;
        }

        /* .container__form .form-layout__group.radio .form--control [type="radio"]:checked+span:after,
.container__form .form-layout__group.radio .form--control [type="checkbox"]:checked+span:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
} */

        .container__form .form-layout__group.radio .form--control [type="checkbox"]:checked + span:before {
            border-radius: 0;
            background: #00b2a9;
        }

        .container__form .form-layout__group.radio .form--control [type="checkbox"]:checked + span:after {
            content: '\2713\0020';
            top: 1px;
            left: 5px;
            color: #fff;
            background: none;
        }

        .container__form .form-layout__group.radio .form--control [type="checkbox"]:not(:checked) + span:before {
            border-radius: 0;
        }

@media (min-width: 992px) {
    .container__form .form-layout__group.radio .form--control {
        margin-top: 0px;
    }
}

.container__form .form-layout__group.radio .form--control span {
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.3px;
    color: #72747c;
    position: relative;
}

.container__form .form-layout .details {
    border: solid 1px rgba(151, 151, 151, 0.11);
    background-color: rgba(114, 116, 124, 0.06);
    margin: 30px -20px 0px -20px;
    padding: 35px 0px 0px 0px;
}

@media (min-width: 992px) {
    .container__form .form-layout .details {
        padding: 35px 20px 40px 20px;
        margin: 30px 0px 35px 0px;
    }
}

.container__form .form-layout .details .form--group {
    margin-bottom: 30px;
    position: relative;
}

@media (min-width: 992px) {
    .container__form .form-layout .details .form--group {
        margin-bottom: 0px;
        position: relative;
    }
}

.container__form .form-layout .input_wrap label.error {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #be3a34;
    position: absolute;
}

.container__form .form-layout .form--group {
    margin-bottom: 35px;
    position: relative;
}

.mbdateasset {
    margin-bottom: 35px;
}

.mblocasset {
    margin-top: 35px;
}

@media (min-width: 992px) {
    .container__form .form-layout .form--group {
        margin-bottom: 30px;
        position: relative;
    }

    .mbdateasset {
        margin-bottom: 0px;
    }

    .mblocasset {
        margin-top: 0px;
    }
}

.container__form .form-layout .form--group label {
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1.27;
    letter-spacing: 0.3px;
    color: #72747c;
}

@media (min-width: 992px) {
    .container__form .form-layout .form--group label {
        font-size: 15px;
    }
}

.container__form .form-layout .form--group label a {
    text-decoration: underline;
    color: #72747c;
}

.container__form .form-layout .form--group label.bold {
    font-weight: bold;
    font-family: "Interstate-Regular";
    display: block;
    margin-bottom: 0px;
}

.container__form .form-layout .form--group .mandatory::after {
    content: "*";
    color: #00b2a9;
    position: relative;
    left: 2px;
}

.container__form .form-layout .form--group .form-control {
    height: 50px;
    border-radius: 3px;
    border: solid 1px #dddddd;
    background-color: white;
}

    .container__form .form-layout .form--group .form-control.error {
        border: solid 1px rgba(190, 58, 52, 0.45);
        background-color: rgba(190, 58, 52, 0.02);
    }

    .container__form .form-layout .form--group .form-control:focus {
        border: solid 1px #72747c;
        box-shadow: none;
    }

    .container__form .form-layout .form--group .form-control:read-only:focus {
        border: solid 1px #dddddd;
        box-shadow: none;
    }

.form__inputs_datepicker {
    position: absolute;
    width: 100%;
}

.container__form .form-layout .form--group textarea.form-control {
    height: 100px;
    resize: none;
}

.container__form .form-layout .form--group textarea.big {
    height: 100px;
}

@media (min-width: 992px) {
    .container__form .form-layout .form--group textarea.big {
        height: 150px;
    }
}

.container__form .form-layout .form--group .contact-control {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .container__form .form-layout .form--group .contact-control input:nth-child(1) {
        width: 20%;
        margin-right: 10px;
    }

.container__form .form-layout .form--group .error-text {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #be3a34;
    opacity: 0;
    position: absolute;
    margin-top: 3px;
}

.container__form .form-layout .form--group .error-text-padt10 {
    padding-top: 5px;
}

@media (max-width: 480px) {
    .container__form .form-layout .form--group .error-text-padt10 {
        padding-top: 18px;
    }
}

@media (max-width: 480px) {
    .container__form .form-layout .form--group .error-text-padt14 {
        padding-top: 20px;
    }
}

@media (max-width: 480px) {
    .container__form .form-layout .form--group .error-text-padt15 {
        padding-top: 40px;
    }
}

.container__form .form-layout .form--group .error-text-Dt-padt22 {
    padding-top: 25px;
}

@media (max-width: 480px) {
    .container__form .form-layout .form--group .error-text-Dt-padt22 {
        padding-top: 6px;
    }
}

.container__form .form-layout .form--group .error-text-Dt-padt25 {
    padding-top: 5px;
}

@media (max-width: 480px) {
    .container__form .form-layout .form--group .error-text-Dt-padt25 {
        padding-top: 36px;
    }
}

.container__form .form-layout .form--group .error-text-Dt-padt26 {
    padding-top: 5px;
}

@media (max-width: 480px) {
    .container__form .form-layout .form--group .error-text-Dt-padt26 {
        padding-top: 20px;
    }
}

.container__form .form-layout .form--group label.error {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #be3a34;
    position: absolute;
}

.container__form .form-layout .form--group .control-upload {
    position: relative;
}

    .container__form .form-layout .form--group .control-upload input[type="file"] {
        width: 100%;
        height: 100%;
        opacity: 0;
        filter: alpha(opacity=0);
        zoom: 1;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 999;
        cursor: pointer;
    }

@media (min-width: 992px) {
    .container__form .form-layout .form--group .control-upload {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (min-width: 992px) {
    .container__form .form-layout .form--group .control-upload .form-control {
        width: 72%;
        margin-right: 20px;
    }
}

@media (min-width: 992px) {
    .container__form .form-layout .form--group .control-upload button {
        width: 25%;
        margin-top: 0px;
    }
}

.container__form .form-layout .form--group.select .awselect {
    margin-bottom: 40px;
}

@media (min-width: 992px) {
    .container__form .form-layout .form--group.select .awselect {
        margin-bottom: 30px;
    }
}

.container__form .form-layout .other-party {
    margin-top: 0px;
}

@media (min-width: 992px) {
    .container__form .form-layout .other-party {
        margin-top: 22px;
    }
}

@media (min-width: 992px) {
    .container__form .form-layout .other-party.additional-info {
        margin-top: 15px;
    }
}

.container__form .form-layout .list--radio {
    margin: 0px 0px 20px 0px;
    font-size: 14px;
    line-height: 1.27;
    letter-spacing: 0.3px;
    color: #72747c;
}

@media (min-width: 992px) {
    .container__form .form-layout .list--radio {
        font-size: 15px;
        margin: 10px 0px 30px 0px;
    }
}

.container__form .form-layout .list--radio li {
    display: inline-block;
    padding-right: 30px;
    margin-bottom: 12px;
}

    .container__form .form-layout .list--radio li [type="radio"]:checked,
    .container__form .form-layout .list--radio li [type="radio"]:not(:checked) {
        position: absolute;
        left: -9999px;
    }

        .container__form .form-layout .list--radio li [type="radio"]:checked + span {
            position: relative;
            padding-left: 28px;
            cursor: pointer;
            line-height: 20px;
            display: inline-block;
            color: #666;
        }

        .container__form .form-layout .list--radio li [type="radio"]:not(:checked) + span {
            position: relative;
            padding-left: 28px;
            cursor: pointer;
            line-height: 20px;
            display: inline-block;
            color: #666;
        }

            .container__form .form-layout .list--radio li [type="radio"]:not(:checked) + span:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 18px;
                height: 18px;
                border: 1px solid #ddd;
                border-radius: 100%;
                background: #fff;
            }

        .container__form .form-layout .list--radio li [type="radio"]:checked + span:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 20px;
            height: 20px;
            border: 1px solid #ddd;
            border-radius: 100%;
            background: #00b2a9;
        }

        .container__form .form-layout .list--radio li [type="radio"]:checked + span:after {
            content: '';
            width: 8px;
            height: 8px;
            background: #ffffff;
            position: absolute;
            top: 6px;
            left: 6px;
            border-radius: 100%;
            transition: all 0.2s ease;
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .container__form .form-layout .list--radio li [type="radio"]:not(:checked) + span:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }


    .container__form .form-layout .list--radio li span {
        display: inline;
        padding-left: 15px;
    }

.container__form .form-layout .list--radio .mandatory::after {
    content: "*";
    color: #00b2a9;
    position: relative;
    left: 2px;
}

.container__form .form-layout__submit {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-size: 14px;
}

@media (min-width: 992px) {
    .container__form .form-layout__submit {
        margin-right: 20px;
        margin-top: 10px;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        width: auto;
    }
}

.container__form .form-layout__submit .btn-submit {
    height: 50px;
    border-radius: 5px;
    border: solid 1px #00b2a9;
    background-color: #00b2a9;
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    padding: 0px 60px;
    margin-bottom: 30px;
    transition: 0.3s;
    text-align: center;
}

    .container__form .form-layout__submit .btn-submit:disabled {
        background-color: #e1e1e1;
        color: #00b2a9;
    }

@media (min-width: 992px) {
    .container__form .form-layout__submit .btn-submit {
        margin-right: 20px;
        margin-bottom: 0px;
        width: auto;
    }
}

@media (min-width: 992px) {
    .changepwd__signin__content .container__form .form-layout__submit .btn-submit {
        width: 100%;
    }
}

.container__form .form-layout__submit p {
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #9a9ca2;
    margin-bottom: 0px;
    position: relative;
    top: -15px;
}

    .container__form .form-layout__submit p a {
        font-weight: bold;
        color: #00b2a9;
    }

@media (min-width: 992px) {
    .container__form .form-layout__submit p {
        position: relative;
        top: 0px;
    }
}

.container__form .form-layout__holding {
    font-size: 14px;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .container__form .form-layout__holding {
        margin-right: 20px;
        margin-top: 10px;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.container__form .form-layout__holding .btn-holding {
    height: 50px;
    width: 240px;
    border-radius: 5px;
    border: solid 1px #00b2a9;
    background-color: #00b2a9;
    color: #fff;
    text-transform: uppercase;
    padding: 0px 60px;
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .container__form .form-layout__holding .btn-holding {
        margin-right: 0px;
        margin-bottom: 0px;
        width: auto;
    }
}

.container__form .form-layout .additional-info .form--title {
    border-bottom: solid 1px rgba(216, 216, 216, 0.75);
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.container__form .form-layout .note {
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #9a9ca2;
}

    .container__form .form-layout .note.align-for-error {
        display: inline-block;
        padding-top: 15px;
    }

        .container__form .form-layout .note.align-for-error a {
            text-decoration: underline;
            color: #00b2a9;
        }

.container__form .is-party .form--group {
    margin-bottom: 30px;
}

    .container__form .is-party .form--group.last {
        margin-bottom: 10px;
    }

@media (min-width: 992px) {
    .container__form .is-party .form--group.last {
        margin-bottom: 30px;
    }
}

.container__form .hideBlock {
    display: none;
}

.container__form .radio-mandatory .error-text {
    top: 30px;
}

.container__form .potentialConflict {
    width: 90%;
}

.container__form .addFieldIcon,
.container__form .removeFieldIcon {
    width: 10%;
    padding-left: 10px;
    padding-top: 12px;
}

    .container__form .addFieldIcon img,
    .container__form .removeFieldIcon img {
        cursor: pointer;
    }

.container__form .addFieldHoldingIcon,
.container__form .removeFieldHoldingIcon {
    width: 100%;
}

    .container__form .addFieldHoldingIcon .add__cta,
    .container__form .removeFieldHoldingIcon .add__cta {
        width: 154px;
        height: 45px;
        float: right;
        cursor: pointer;
    }

.container__form .flexContainer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.container__form .flexHoldingContainer {
    display: block;
}

.container__form #potential_conflict_container .dynConflictElement {
    margin-top: 20px;
}

    .container__form #potential_conflict_container .dynConflictElement.marginBottom {
        margin-bottom: 20px;
    }

.preapprovel__container {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 50px 0px;
    padding: 20px;
    border-radius: 5px;
    background-color: rgba(177, 228, 227, 0.16);
    border: 1px solid rgba(177, 228, 227, 0.5);
}

    .preapprovel__container .courtion_icon {
        margin-top: 7px;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border: 3px solid #00b2a9;
    }

        .preapprovel__container .courtion_icon .courtion__title {
            color: #00b2a9;
            font-size: 20px;
            padding: 3px 13px;
            line-height: 24px;
        }

    .preapprovel__container .courtion_copy {
        padding-left: 15px;
        float: left;
        font-family: Interstate-Light;
        font-size: 14px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.93;
        letter-spacing: 0.3px;
        color: #515151;
    }

.container__instructions {
    margin: 50px 0px;
    background-color: #fafafa;
    width: 100%;
}

    .container__instructions .content__container {
        padding: 60px 50px;
    }

@media (max-width: 480px) {
    .container__instructions .content__container {
        padding: 30px 15px;
    }
}

.container__instructions .content__container .instruction__title {
    font-family: Interstate-bold;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: -0.1px;
    color: #515151;
}

.container__instructions .content__container p {
    font-family: Interstate-light;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: -0.1px;
    color: #515151;
    padding: 7px 0;
}

    .container__instructions .content__container p a {
        color: #00b2a9;
    }

.container__instructions .content__container .pad-bottom20 {
    padding-bottom: 20px;
}

.container__instructions .content__container .pad-bottom2 {
    padding: 8px 0 20px 0;
}

.container__instructions .content__container .pad-top50 {
    padding-top: 40px;
}

.pop-up-close {
    padding: 5px;
    cursor: pointer;
    display: inline-block;
}

.home {
    width: 100%;
}

@media (min-width: 1600px) {
    .home {
        width: 1558px;
        margin: 0 auto;
        border: solid 1px #ececec;
    }
}

.home__spotlight {
    height: calc(100vh - 75px);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

@media (min-width: 992px) {
    .home__spotlight {
        height: calc(100vh - 130px);
        position: relative;
        width: 100%;
    }
}

@media (min-width: 1601px) {
    .home__spotlight {
        height: 900px;
        width: 1558px;
    }
}

.home__spotlight h1 {
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.42;
    letter-spacing: -1px;
    text-align: center;
    color: #ffffff;
    margin: 0px 0px;
    padding: 30px 25px 20px 25px;
}

@media (min-width: 480px) {
    .home__spotlight h1 {
        padding: 10px 25px 10px 25px;
        font-size: 20px;
    }
}

@media (min-width: 992px) {
    .home__spotlight h1 {
        font-size: 30px;
        padding: 30px 25px 12px 25px;
    }
}

@media (min-width: 1200px) {
    .home__spotlight h1 {
        font-size: 48px;
    }
}

@media (min-width: 1441px) {
    .home__spotlight h1 {
        font-size: 60px;
    }
}

.home__spotlight p {
    text-align: center;
    padding: 0px 30px;
    color: #ffffff;
    font-size: 14px;
}

@media (min-width: 992px) {
    .home__spotlight p {
        font-size: 17px;
        padding: 0rem 7rem;
        line-height: 1.71;
        letter-spacing: 0.5px;
        text-align: center;
    }
}

.home__spotlight #home_vid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-flex-basis: 32%;
    -ms-flex-preferred-size: 32%;
    flex-basis: 32%;
    padding-top: 0px;
    position: relative;
    background-color: #00b2a9;
    border-radius: 50%;
    height: 70px;
    width: 70px;
    margin: 0 auto;
    transition: 0.3s;
    cursor: pointer;
}

@media (min-width: 992px) {
    .home__spotlight #home_vid {
        padding-top: 0px;
        height: 83px;
        width: 83px;
        cursor: pointer;
    }
}

.home__spotlight #home_vid:hover {
    background: #00a3b0;
    transition: 0.3s
}

.home__spotlight #home_vid .play {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    cursor: pointer;
    z-index: 99;
    fill: #00b2a9;
}

.home__spotlight #home_vid::after {
    content: '';
    width: 0px;
    height: 0px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 16px solid white;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    margin-left: 2px;
}

@media (min-width: 768px) {
    .home__spotlight a::after {
    }
}

@media (min-width: 992px) {
    .home__spotlight a::after {
    }
}

@media (min-width: 992px) {
    .home__spotlight #home_vid .play {
        width: 83px;
        height: 83px;
    }
}

.home__spotlight__content {
    position: relative;
    z-index: 99;
}

@media (min-width: 768px) {
    .home__spotlight__content {
        width: 82%;
    }
}

.home__spotlight__video {
    position: absolute;
    right: 0px;
    height: 100%;
    width: 100%;
    top: 0px;
    overflow: hidden;
}

    .home__spotlight__video video {
        display: block;
        max-width: none;
        min-width: 100%;
        min-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .home__spotlight__video .pause {
        position: absolute;
        top: 50%;
        right: 50%;
        opacity: 0.4;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
        cursor: pointer;
        display: none;
    }

    .home__spotlight__video .videoplay-ico {
        position: absolute;
        top: 50%;
        right: 50%;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
        cursor: pointer;
    }

    .home__spotlight__video:hover .pause {
        display: block;
    }

    .home__spotlight__video iframe {
        border: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        min-width: 100%;
        min-height: 100%;
    }

.home__spotlight__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-size: cover;
    z-index: 9;
    top: 0px;
    left: 0px;
}

@media (min-width: 768px) {
    .home__spotlight__overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.62;
        background-image: linear-gradient(to right, #171515, #040404);
        top: 0px;
        left: 0px;
    }
}


.home__middle {
    background-image: linear-gradient(205deg, #00b1b0, #0283b1);
    margin: 0 20px;
    padding: 18px 0;
    position: relative;
    top: -3em;
    z-index: 9
}

@media (min-width:480px) {
    .home__middle {
        top: -1em
    }
}

@media (min-width:992px) {
    .home__middle {
        box-shadow: 0 2px 30px 1px #a2a2a24c;
        background-image: linear-gradient(263deg, #00b1b0, #0283b1);
        width: 90%;
        margin: auto;
        top: -3.5em
    }
}

@media (min-width:1200px) {
    .home__middle {
        width: 85%;
        max-width: 1400px
    }
}

@media (min-width:480px) {
    .home__middle ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-justify-content: left;
        -ms-flex-pack: left;
        justify-content: left
    }
}

@media (min-width:992px) {
    .home__middle ul {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.home__middle ul li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0
}

@media (min-width:480px) {
    .home__middle ul li {
        width: 50%;
        padding: 10px 35px;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width:992px) {
    .home__middle ul li {
        width: 20%;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 10px 0
    }

        .home__middle ul li:first-child .policies {
            width: 39px
        }

        .home__middle ul li:nth-child(4) .policies {
            width: 65px
        }

        .home__middle ul li:last-child .policies {
            width: 47px
        }

        .home__middle ul li .training {
            width: 58px;
            height: 56px
        }

        .home__middle ul li .communication {
            width: 60px;
            height: 51px
        }

        .home__middle ul li .resources {
            width: 55px;
            height: 46px
        }

        .home__middle ul li .form {
            width: 45px;
            height: 59px
        }

        .home__middle ul li:last-child {
            margin-left: -30px
        }
}

.home__middle ul li .policies {
    width: 70px;
    height: 53px
}

.home__middle ul li a {
    display: flex;
    align-items: center
}

.home__middle ul li span {
    margin-left: 20px;
    color: #fff;
    text-transform: uppercase;
    font-family: Interstate-Regular;
    line-height: 1.55;
    letter-spacing: 1.6px;
    font-size: 11px;
    -webkit-flex-basis: 42%;
    -ms-flex-preferred-size: 42%;
    flex-basis: 42%
}

    .home__middle ul li span a {
        color: #fff;
        transition: .3s
    }

        .home__middle ul li span a:hover {
            color: #b1e4e3;
            transition: .3s
        }

@media (max-width:760px) {
    .home__middle ul li span {
        width: 140px;
    }
}

@media (max-width:990px) {
    .home__middle ul li span {
        width: 200px;
    }
}

@media (max-width:500px) {
    .home__middle ul li {
        width: 100%;
        max-width: 200px;
        margin: 0 auto
    }

        .home__middle ul li a {
            width: 100%
        }

        .home__middle ul li .policies {
            width: 60px;
            height: 53px
        }
}

@media (min-width:480px) {
    .home__middle ul li span {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

@media (min-width:992px) {
    .home__middle ul li span {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        font-size: 10px
    }
}

@media (min-width:1026px) {
    .home__middle ul li span {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        font-size: 12px
    }

    .home__middle ul li:last-child {
        margin-left: -30px
    }
}

@media (min-width:1200px) {
    .home__middle ul li span {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        font-size: 12px
    }

    .home__middle ul li:last-child {
        margin-left: -30px
    }
}

.home__middle.hide-section {
    opacity: 0;
    visibility: hidden
}


.home__bottom {
    margin: 0px 20px;
}

@media (min-width: 992px) {
    .home__bottom {
        width: 90%;
        margin: 0 auto;
        padding: 0px 20px;
    }
}

@media (min-width: 1200px) {
    .home__bottom {
        width: 85%;
        max-width: 1400px;
        margin: 0 auto;
        padding: 0px 1px;
        margin-top: 30px;
    }
}

.home__bottom {
    margin-top: 30px;
}

    .home__bottom h3 {
        margin: 0px 0px 30px 0px;
        font-size: 16px;
        font-family: "Interstate-Regular";
        font-weight: bold;
    }

@media (min-width: 992px) {
    .home__bottom h3 {
        font-size: 24px;
    }
}

@media (min-width: 992px) {
    .home__bottom__includes {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 25px;
    }
}

.home__bottom__includes ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 992px) {
    .home__bottom__includes ul {
        -webkit-flex: 50%;
        -ms-flex: 50%;
        flex: 50%;
    }
}

.home__bottom__includes ul li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
    margin-bottom: 25px;
}

    .home__bottom__includes ul li .check {
        width: 20px;
        height: 20px;
        -webkit-flex-basis: 5%;
        -ms-flex-preferred-size: 5%;
        flex-basis: 5%;
        position: relative;
        top: 3px;
    }

    .home__bottom__includes ul li span {
        -webkit-flex-basis: 93%;
        -ms-flex-preferred-size: 93%;
        flex-basis: 93%;
        margin-left: 2%;
        font-size: 16px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.63;
        letter-spacing: 0.2px;
        color: #373737;
        position: relative;
        top: -2px;
    }

@media (min-width: 992px) {
    .home__bottom__includes ul li span {
        font-size: 17px;
    }
}

@media (min-width: 1200px) {
    .home__bottom__includes ul li span {
        font-size: 18px;
    }
}

@media (min-width: 992px) {
    .home__bottom .clearfix {
        width: 70px;
    }
}

@media (min-width: 1200px) {
    .home__bottom .clearfix {
        width: 100px;
    }
}

.mfp-close-btn-in button.mfp-close {
    position: fixed;
    right: 12px;
    top: 0;
    background: transparent;
    opacity: 1;
    cursor: pointer;
    color: #FFF;
    width: 50px;
    min-width: 30px;
    height: 50px;
    line-height: 1;
    font-size: 1.5em;
    font-family: initial;
}

@media (min-width: 992px) {
    .login {
        background: url("../images/login_spotlight.jpg") center center no-repeat;
        width: 100%;
        height: 100%;
        background-size: cover;
        -webkit-background-size: cover;
    }
}

.login__spotlight {
    padding-bottom: 110px;
    background: url("../images/mobile_bg.jpg") no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

@media (min-width: 480px) {
    .login__spotlight {
        background: url("../images/mobile_bg2.jpg") no-repeat;
        background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
    }
}

@media (min-width: 320px) {
    .login__spotlight {
        background: url("../images/mobile_bg2.jpg") no-repeat;
        background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
    }
}

@media (min-width: 768px) {
    .login__spotlight {
        background: url("../images/mobile_bg3.jpg") no-repeat;
        background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
    }
}

@media (min-width: 640px) {
    .login__spotlight {
        background: url("../images/mobile_bg3.jpg") no-repeat;
        background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
    }
}

@media (min-width: 992px) {
    .login__spotlight {
        background: none;
        width: 60%;
        float: left;
        padding: 0;
        margin: 0;
        height: calc(100vh - 46px);
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.login__spotlight__content {
    padding-top: 25px;
}

@media (min-width: 992px) {
    .login__spotlight__content {
        margin-top: 0;
        width: 75%;
        margin-left: 10%;
    }
}

.login__spotlight__content__logo {
    max-width: 412px;
    margin-bottom: 58px;
}

@media (min-width: 992px) {
    .login__spotlight__content__logo {
        max-width: 700px;
    }
}

.login__spotlight__content__logo .mobile_logo {
    display: none;
}

@media (min-width: 992px) {
    .login__spotlight__content__logo .mobile_logo {
        display: none;
    }
}

.login__spotlight__content__logo .desktop_logo {
    display: inline-block;
    width: 170px;
    height: 33px;
}

@media (min-width: 768px) {
    .login__spotlight__content__logo .desktop_logo {
        display: inline-block;
        width: 204px;
        height: 33px;
    }
}

@media (min-width: 992px) {
    .login__spotlight__content__logo .desktop_logo {
        display: inline-block;
        width: 204px;
        height: 33px;
    }
}

@media (min-width: 1200px) {
    .login__spotlight__content__logo .desktop_logo {
        width: 220px;
        height: 50px;
    }
}

@media (min-width: 1441px) {
    .login__spotlight__content__logo .desktop_logo {
        width: 280px;
        height: 50px;
    }
}

.login__spotlight__content__logo span {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2.56px;
    font-size: 12px;
}

@media (min-width: 992px) {
    .login__spotlight__content__logo span {
        display: inline-block;
        color: #fff;
        text-transform: uppercase;
        font-size: 12px;
    }
}

@media (min-width: 1200px) {
    .login__spotlight__content__logo span {
        font-size: 12px;
    }
}

@media (min-width: 1441px) {
    .login__spotlight__content__logo span {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    .login__spotlight__content__logo span.separator {
        margin: -6px 20px;
        opacity: .5;
        height: 23px;
        width: 2px;
        background: #fff;
    }
}

.login__spotlight__content hr {
    width: 30px;
    border: 1px solid #00b2a9;
    margin-left: 0;
}

@media (min-width: 992px) {
    .login__spotlight__content hr {
        width: 50px;
        margin: 50px 0 50px;
    }
}

.login__spotlight__content h1 {
    font-size: 24px;
    color: #fff;
    letter-spacing: -0.8px;
    font-family: "Interstate-Regular";
}

@media (min-width: 992px) {
    .login__spotlight__content h1 {
        font-size: 40px;
    }
}

@media (min-width: 1400px) {
    .login__spotlight__content h1 {
        font-size: 45px;
    }
}

@media (min-width: 1599px) {
    .login__spotlight__content h1 {
        font-size: 54px;
    }
}

.login__spotlight__content p {
    margin-top: 19px;
    font-size: 13px;
    color: #fff;
    line-height: 18px;
    letter-spacing: 0.4px;
}

@media (min-width: 992px) {
    .login__spotlight__content p {
        font-size: 17px;
        line-height: 29px;
    }
}

.login__spotlight__content p.footnote {
    font-size: 9px;
}

@media (min-width: 992px) {
    .login__spotlight__content p.footnote {
        font-size: 13px;
        margin-top: 30px;
    }
}

.login__signin {
    margin-top: 25px;
    min-height: 380px;
}

@media (min-width: 992px) {
    .login__signin {
        width: 40%;
        background-color: #fff;
        height: calc(100vh - 46px);
        margin-top: 0;
        margin-right: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (min-width: 992px) {
    .login__signin__content {
        width: 75%;
    }
}

.login__signin__content h1 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.56;
    letter-spacing: 1px;
    color: #373737;
}

@media (min-width: 992px) {
    .login__signin__content h1 {
        font-size: 22px;
    }
}

.login__signin__content__form span,
.login__signin__content__form > a {
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 1px;
    float: right;
    color: #00b2a9;
    display: inline-block;
    margin-bottom: -15px;
    top: 20px;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
}

.login__signin__content__form .input_wrap label.error {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #be3a34;
}

.login__signin__content__form input.error {
    border-bottom: 1px solid #be3a34;
}

.login__signin__content__form .error-text {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #be3a34;
    position: absolute;
    display: -webkit-box;
    margin-top: -10px;
    opacity: 0;
}

.login__signin__content__form label.error {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #be3a34;
}

.login__signin__content__form input {
    border: 0;
    outline: 0;
    border-bottom: 2px solid #eee;
    background: transparent;
    padding: 15px 0;
    width: 100%;
    border-radius: 0px;
    font-size: 14px;
}

@media (min-width: 992px) {
    .login__signin__content__form input {
        border-bottom: 1px solid #ccc;
    }
}

.login__signin__content__form .form--group {
    margin-bottom: 15px;
}

.login__signin__content__form input[type=submit] {
    margin-top: 20px;
    height: 50px;
    border-radius: 5px;
    border: solid 1px #00b2a9;
    background-color: #00b2a9;
    border-bottom: none;
    font-family: inherit;
    font-size: 15px;
    line-height: inherit;
    color: #fff;
}

@media (min-width: 992px) {
    .login__signin__content__form input[type=submit] {
        width: 153px;
    }
}

.login__signin__content__form input::-webkit-input-placeholder {
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 1px;
    color: #72747c;
}

.login__signin__content__form input::-moz-placeholder {
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 1px;
    color: #72747c;
}

.login__signin__content__form input:-ms-input-placeholder {
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 1px;
    color: #72747c;
}

.login__signin__content__form input::placeholder {
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 1px;
    color: #72747c;
}

@media (min-width: 992px) {
    .login__signin__content__form input::-webkit-input-placeholder {
        font-size: 14px;
    }

    .login__signin__content__form input::-moz-placeholder {
        font-size: 14px;
    }

    .login__signin__content__form input:-ms-input-placeholder {
        font-size: 14px;
    }

    .login__signin__content__form input::placeholder {
        font-size: 14px;
    }
}

.login__signin__content__form input:focus {
    box-shadow: none;
}

.login__signin__content__form p {
    font-size: 12px;
    font-weight: normal;
    color: #72747c;
}

@media (min-width: 992px) {
    .login__signin__content__form p {
        font-size: 13px;
    }
}

.login__signin__content__form p a {
    color: #00b2a9;
    text-decoration: none;
    cursor: pointer;
}

.nav {
    position: absolute;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: calc(100vh - 75px);
    width: 100%;
    padding: 20px;
    z-index: 99;
    text-transform: uppercase;
    background-color: #00b2a9;
    opacity: 0;
    visibility: hidden;
}

@media (min-width: 992px) {
    .nav {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: left;
        -ms-flex-pack: left;
        justify-content: left;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 20px;
        height: 45px;
        line-height: 42px;
        border-left: solid 1px #ececec;
        background-color: white;
        border-right: solid 1px #ececec;
        position: relative;
        /*width: 920px;*/
        width: 100%;
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        visibility: visible;
    }
}

@media (min-width: 1200px) {
    .nav {
        width: 100%;
    }
}

@media (min-width: 1441px) {
    .nav {
        width: 100%;
    }
}

@media (min-width: 1600px) {
    .nav {
        width: 1600px;
    }
}

.nav a {
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 3.64;
    letter-spacing: 1.1px;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
}

@media (min-width: 992px) {
    .nav a {
        line-height: 2.55;
        letter-spacing: 1px;
        color: #373737;
        text-transform: uppercase;
        padding: 0px 12px;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@media (min-width: 993px) and (max-width: 1150px) {
    .nav a {
        font-size: 9px;
    }
}

@media (min-width: 1151px) and (max-width: 1290px) {
    .nav a {
        font-size: 10px;
    }
}

.nav a.is-active {
    font-weight: bold;
}

nav a:hover {
    color: #373737;
}

@media (min-width: 992px) {
    .nav a.is-active {
        color: #00b2a9;
    }

    nav a:hover {
        color: #00b2a9;
    }
}

.nav .change-password {
    opacity: 0;
    visibility: hidden;
}

    .nav .change-password a {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

.menu-open nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease;
    z-index: 999;
    overflow-y: auto;
}

    .menu-open nav a {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        transition: all 0.5s ease;
    }

    .menu-open nav .change-password {
        opacity: 1;
        visibility: visible;
        border-top: solid 1px rgba(255, 255, 255, 0.35);
        margin: 20px -20px 0px -20px;
    }

        .menu-open nav .change-password li {
            margin-top: 18px;
        }

            .menu-open nav .change-password li a {
                font-weight: bold;
                font-family: "Interstate-Regular";
                padding-left: 20px;
                -webkit-transform: translateX(0px);
                transform: translateX(0px);
                transition: all 0.5s ease;
                opacity: 1;
                visibility: visible;
            }



.online__forms .spotlight__content h1 {
    font-size: 40px;
    line-height: 1;
    margin: 0px;
    padding-top: 20px;
}

@media (min-width: 480px) and (max-width: 991px) {
    .online__forms .spotlight__content h1 {
        font-size: 36px;
    }
}

.online__forms .content__online__container {
    width: 87.5%;
    margin: 0 auto;
    margin-top: 50px;
}

    .online__forms .content__online__container .forms__Container__title {
        font-family: Interstate-Bold;
        font-size: 22px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 1.2px;
        color: #373737;
        text-transform: uppercase;
    }

.online__forms .accord__expand__container {
    width: 90%;
    margin: 0 auto;
    padding: 25px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .online__forms .accord__expand__container .accord__box__container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 15px;
        min-width: 300px;
        width: 22.5%;
        height: 275px;
        background: #ffffff;
        padding: 30px;
        box-shadow: 0 0 28px 0 rgba(114, 116, 124, 0.1);
        border: solid rgba(114, 116, 124, 0.1);
        display: -webkit-inline-box;
    }

@media (max-width: 768px) {
    .online__forms .accord__expand__container .accord__box__container {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 30px;
    }
}

@media (min-width: 480px) and (max-width: 991px) {
    .online__forms .accord__expand__container .accord__box__container {
        width: 100%;
        margin-bottom: 30px;
        height: 250px;
    }
}

.online__forms .accord__expand__container .accord__box__container .accord__box__title {
    position: relative;
    height: 225px;
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: 0.1px;
    color: #373737;
    width: 100%;
}

@media (max-width: 987px) {
    .online__forms .accord__expand__container .accord__box__container .accord__box__title {
        height: 190px;
    }
}

@media (max-width: 480px) {
    .online__forms .accord__expand__container .accord__box__container .accord__box__title {
        height: 210px;
    }
}

.online__forms .accord__expand__container .accord__box__container .accord__box__title a,
.online__forms .accord__expand__container .accord__box__container .accord__box__title a:hover,
.online__forms .accord__expand__container .accord__box__container .accord__box__title a:visited {
    color: #373737;
}

.online__forms .accord__expand__container .accord__box__container .accord__box__title .acord__pdf__container {
    position: absolute;
    bottom: 5px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

    .online__forms .accord__expand__container .accord__box__container .accord__box__title .acord__pdf__container .accor__pdficon {
        width: 20%;
        cursor: pointer;
        position: absolute;
        bottom: 0px;
    }

        .online__forms .accord__expand__container .accord__box__container .accord__box__title .acord__pdf__container .accor__pdficon .accor__pdf_size {
            width: 36px;
            height: 52px;
            padding-top: 10px;
        }

    .online__forms .accord__expand__container .accord__box__container .accord__box__title .acord__pdf__container .accord__text {
        position: absolute;
        bottom: 0px;
        left: 5px;
        width: 150px;
    }

/* .online__forms .accord__expand__container .accord__box__container .accord__box__title .acord__pdf__container .accord__text .down_size {
  padding: 14px 0 0 40px;
  font-family: Interstate-light;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.42;
  letter-spacing: 1.7px;
  color: #00b2a9;
  cursor: pointer;
  transition: 0.3s;
} */

/* .online__forms .spotlight_suphead {
  font-family: Interstate-light;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71;
  letter-spacing: 0.5px;
  color: #ffffff;
} */

/* @media (min-width:992px) {
  .online__forms .spotlight_suphead {
    font-size: 17px;
  }
} */

.content__forms__container {
    width: 100%;
    padding-top: 37px;
    margin-bottom: 0; /*30px;*/
}

    .content__forms__container .recent__acordian__container {
        cursor: pointer;
        width: 89.5%;
        margin: 0 auto;
        padding: 15px 0;
        text-transform: uppercase;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 2px solid #d8d8d8;
    }

        .content__forms__container .recent__acordian__container.ui-accordion-header.ui-accordion-header-active .accordian__minus {
            margin-left: auto;
            width: 14px;
            height: 2px;
            border-radius: 5px;
            background-color: #00b2a9;
        }

    .content__forms__container .forms__Container__title {
        width: 97%;
        padding: 10px 0;
        font-size: 22px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: -0.1px;
        color: #373737;
    }

    .content__forms__container .accord__icon {
        width: 3%;
        margin: 22px 0;
    }

        .content__forms__container .accord__icon .accordian__minus {
            margin-left: auto;
            width: 14px;
            height: 14px;
            background: url("../images/expand.png") center no-repeat;
            background-position-x: 42%;
            background-size: cover;
        }

.accord__expand__container {
    width: 92%;
    margin: 0 auto;
    padding: 25px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .accord__expand__container .accord__box__container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 15px;
        min-width: 290px;
        width: 22.9%;
        height: 275px;
        background: #ffffff;
        padding: 30px;
        box-shadow: 0 0 28px 0 rgba(114, 116, 124, 0.1);
        border: solid rgba(114, 116, 124, 0.1);
        display: -webkit-inline-box;
    }

@media (max-width: 370px) {
    .accord__expand__container .accord__box__container {
        min-width: 250px;
    }
}

@media (max-width: 768px) {
    .accord__expand__container .accord__box__container {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 30px;
    }
}

@media (min-width: 480px) and (max-width: 991px) {
    .accord__expand__container .accord__box__container {
        width: 100%;
        margin-bottom: 30px;
        height: 250px;
    }
}
/* 
.accord__expand__container .accord__box__container .accord__box__title {
  font-size: 22px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.31;
  letter-spacing: 0.1px;
  color: #373737;
  position: relative;
  height: 215px;
}

@media (max-width: 987px) {
  .accord__expand__container .accord__box__container .accord__box__title {
    height: 190px;
  }
}

@media (max-width: 480px) {
  .accord__expand__container .accord__box__container .accord__box__title {
    height: 210px;
  }
} */

/* .accord__expand__container .accord__box__container .accord__box__title a,
.accord__expand__container .accord__box__container .accord__box__title a:hover,
.accord__expand__container .accord__box__container .accord__box__title a:visited {
  color: #373737;
} */

.accord__expand__container .accord__box__container .accord__box__title .acord__pdf__container {
    position: absolute;
    bottom: 5px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    transition: 0.3s;
}
    /*
.accord__expand__container .accord__box__container .accord__box__title .acord__pdf__container .accor__pdficon {
  width: 20%;
  cursor: pointer;
  position: absolute;
  bottom: 0px;
}

 .accord__expand__container .accord__box__container .accord__box__title .acord__pdf__container .accor__pdficon .accor__pdf_size {
  width: 36px;
  height: 52px;
  padding-top: 10px;
} */

    .accord__expand__container .accord__box__container .accord__box__title .acord__pdf__container .accord__text {
        position: absolute;
        bottom: 0px;
        left: 5px;
        width: 150px;
    }

        .accord__expand__container .accord__box__container .accord__box__title .acord__pdf__container .accord__text .pdf_kb {
            font-family: Interstate;
            font-size: 10px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 14px;
            color: #999999;
            cursor: pointer;
            position: absolute;
            bottom: 20px;
            left: 39px;
        }

        .accord__expand__container .accord__box__container .accord__box__title .acord__pdf__container .accord__text .down_size {
            padding: 14px 0 0 40px;
            font-family: Interstate-light;
            font-size: 12px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.42;
            letter-spacing: 1.7px;
            color: #00b2a9;
            cursor: pointer;
            transition: 0.3s;
        }

.accord__expand__container .spotlight_suphead {
    width: 65%;
    font-family: Interstate-light;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: 0.5px;
    color: #ffffff;
}

@media (max-width: 768px) {
    .accord__expand__container .spotlight_suphead {
        width: 100%;
    }
}


.policies.container {
    padding-left: 0px;
    padding-right: 0px;
}

.policies__spotlight {
    height: calc(100vh - 0px);
    max-height: 500px;
    background-color: #002b4a;
}

.accord__expand__container.group_compliance_expand_container.policies-banners {
    justify-content: space-between;
}

.policies-banners .accord__box__container.group_compliance_container {
    width: 47%;
    padding: 0;
}

@media (max-width: 1100px) {
    .policies-banners .accord__box__container.group_compliance_container {
        width: 45%;
        padding: 0;
    }
}

.policies-banners .accord__box__container.group_compliance_container img {
    width: 100%;
}

.policies__spotlight .policies__spotlight__box h1, .policies__spotlight .policies__spotlight__box p {
    display: none;
}

.policies__spotlight {
    background-color: #002b4a;
    width: calc(100% - 42px);
    margin: auto;
}

@media (min-width: 320px) {
    .policies__spotlight {
        /* background-color: #002b4a;
            width: calc(100% - 0px);
            height: 450px;
            padding: 10px;
               */
        background-color: #002b4a;
        width: calc(100% - 0px);
        height: 170px;
        background-image: url(../images/policies.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}

@media (min-width: 375px) {
    .policies__spotlight {
        height: 202px;
    }
}

@media (min-width: 411px) {
    .policies__spotlight {
        height: 223px;
    }
}

@media (min-width: 480px) {
    .policies__spotlight {
        /* height: 350px;*/
        height: 260px;
        padding: 20px 10px;
    }
}

@media (min-width: 580px) {
    .policies__spotlight {
        height: 350px;
        padding: 20px 10px;
    }
}

@media (min-width: 768px) {
    .policies__spotlight {
        background-color: #002b4a;
        /*height: 284px;*/
        height: 415px;
        padding-top: 30px;
    }
}

@media (min-width: 992px) {
    .policies__spotlight {
        background: url("../images/Policies_new.png") center no-repeat;
        background-position: center;
        background-size: cover;
        height: 284px;
        background-color: #002b4a;
        width: calc(100% - 42px);
    }

    .policies__spotlight__content div.policies__spotlight__box {
        position: absolute;
        width: 82% !important;
        top: 50px;
        left: 100px;
    }

    .policies__spotlight .policies__spotlight__box h1, .policies__spotlight .policies__spotlight__box p {
        display: block;
    }
}

@media (min-width: 1024px) {
    .policies__spotlight {
        height: 294px;
    }

    .policies__spotlight__content div.policies__spotlight__box {
        top: 35px;
        left: 70px;
    }

    .body-content .content-area {
        min-height: 600px;
    }
}

@media (min-width: 1260px) {
    .policies__spotlight {
        height: 365px;
    }
}

@media (min-width: 1340px) {
    .policies__spotlight {
        height: 390px;
    }

    .policies__spotlight__content div.policies__spotlight__box {
        top: 90px;
        left: 90px;
    }
}

@media (min-width: 1400px) {
    .policies__spotlight {
        height: 415px;
    }

    .policies__spotlight__content div.policies__spotlight__box {
        top: 100px;
        left: 80px;
    }
}

@media (min-width: 1500px) {
    .policies__spotlight {
        height: 450px;
    }
}

@media (min-width: 1600px) {
    .policies__spotlight {
        height: 470px;
    }
}

.policies__spotlight__content {
    display: block;
    position: relative;
    width: 90%;
    margin: auto;
}


    .policies__spotlight__content h1 {
        font-size: 40px;
        /* line-height: 1.3; */
        line-height: 1;
        letter-spacing: 0px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        color: #fec526;
        margin: 0;
        width: 100%;
        text-transform: uppercase;
    }

    .policies__spotlight__content .spotlight_suphead a {
        color: #fec526;
    }

    .policies__spotlight__content div {
        width: 100%;
    }

@media (max-width: 480px) {
    .policies__spotlight__content h1 {
        /*font-size: 30px;*/
        font-size: 40px;
    }

    p.spotlight_suphead {
        font-size: 15px;
    }
}

@media (min-width: 480px) and (max-width: 991px) {
    .policies__spotlight__content h1 {
        /*font-size: 30px;*/
        font-size: 40px;
    }
}

.policies__spotlight__content hr {
    width: 45px;
    border: 1px solid #00b2a9;
    margin-left: 0;
}

.policies__spotlight__content .spotlight_suphead {
    padding-top: 10px;
    font-family: Interstate-light;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: 0.5px;
    color: #ffffff;
}

@media (max-width: 480px) {
    .policies__spotlight__content .spotlight_suphead {
        font-size: 15px;
    }
}

@media (min-width: 992px) {
    .policies__spotlight__content .spotlight_suphead {
        line-height: 1.5;
        letter-spacing: 0.5px;
        max-width: 1150px;
        font-size: 16px;
        padding-top: 10px;
    }
}

@media (min-width: 1600px) {
    .policies__spotlight__content .spotlight_suphead {
        font-size: 17px;
    }
}

.group_supliers {
    margin: 0 auto;
    width: 89.75%;
    padding-top: 37px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.suplier_videocontainer {
    min-width: 74.28%;
    background: none;
    background-position-x: 42%;
    background-color: #000000;
    background-size: cover;
    position: relative;
}

    .suplier_videocontainer .hide-section {
        display: block;
    }

@media (min-width: 992px) {
    .suplier_videocontainer .hide-section {
        display: none;
    }
}

@media (min-width: 992px) {
    .suplier_videocontainer {
        background: url("../images/video-thumb.png") center no-repeat;
    }
}

.suplier_videocontainer.video_playing {
    background-image: none;
}

.suplier_videocontainer .supplier__spotlight__video {
    position: absolute;
}

@media (max-width: 768px) {
    .suplier_videocontainer .supplier__spotlight__video {
        position: relative;
    }
}

.suplier_videocontainer .supplier__spotlight__video video {
    display: block;
    width: 100%;
    height: 450px;
    z-index: 0;
}

.suplier_videocontainer .supplier__spotlight__video .videoplay-ico {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    cursor: pointer;
    display: none;
}

@media (min-width: 992px) {
    .suplier_videocontainer .supplier__spotlight__video .videoplay-ico {
        display: block;
    }
}

.suplier_videocontainer .supplier__spotlight__video .play {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    cursor: pointer;
}

@media (min-width: 992px) {
    .suplier_videocontainer .supplier__spotlight__video .play {
        width: 83px;
        height: 83px;
    }
}

@media (max-width: 768px) {
    .suplier_videocontainer {
        width: 100%;
    }
}

.suplier_videocontainer .suplier_container {
    margin: auto;
    max-width: 350px;
    text-align: center;
    height: auto;
    vertical-align: middle;
    position: relative;
}

@media (min-width: 992px) {
    .suplier_videocontainer .suplier_container {
        height: 450px;
    }
}

.policies__spotlight__video_content {
    height: 200px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (min-width: 600px) {
    .policies__spotlight__video_content {
        height: 400px;
    }
}

@media (min-width: 992px) {
    .suplier_videocontainer .suplier_container .policies__spotlight__video_content {
        position: absolute;
        top: 60%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        display: block;
    }

    .policies__spotlight__video_content {
        height: auto;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

.suplier_videocontainer .suplier_container .policies__spotlight__video_content .play-size {
    width: 60px;
    height: 60px;
    cursor: pointer;
}

.suplier_videocontainer .suplier_container .policies__spotlight__video_content .policies__title {
    padding-top: 10px;
    margin: 0 auto;
    font-family: Interstate-light;
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: 0.1px;
    color: #ffffff;
}

@media (min-width:992px) {
    .suplier_videocontainer .suplier_container .policies__spotlight__video_content .policies__title {
        font-size: 28px;
        padding-top: 30px;
    }
}

.suplier_contact {
    margin-left: 2.86%;
    min-width: 22.86%;
    height: 450px;
    background: url("../images/thum-2.png") center no-repeat;
    background-position-x: 42% !important;
    background-size: cover !important;
    background-color: #00b2a9 !important;
    position: relative;
}

@media (max-width: 768px) {
    .suplier_contact {
        width: 100%;
        margin-left: 0;
        margin-top: 50px;
    }
}

.suplier_contact .suplier_contact_container {
    width: 72.5%;
    position: absolute;
    bottom: 0px;
    left: 8.5%;
    z-index: 9;
}

    .suplier_contact .suplier_contact_container .block2-txt {
        font-size: 26px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.29;
        letter-spacing: 0.1px;
        color: #ffffff;
    }

    .suplier_contact .suplier_contact_container .pdf_container {
        margin: 40px 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: wrap;
        -ms-flex: wrap;
        flex: wrap;
    }

        .suplier_contact .suplier_contact_container .pdf_container .pdf_icon {
            min-width: 32px;
            height: 39px;
            padding-right: 15px;
            cursor: pointer;
        }

            .suplier_contact .suplier_contact_container .pdf_container .pdf_icon .accor__pdf_size {
                width: 36px;
                height: 52px;
                padding-top: 10px;
            }

        .suplier_contact .suplier_contact_container .pdf_container .pdf_text {
            min-width: 70px;
            height: 22px;
            font-size: 12px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: 10px;
            letter-spacing: 1.7px;
            color: #ffffff;
            padding-top: 17px;
            cursor: pointer;
        }

            .suplier_contact .suplier_contact_container .pdf_container .pdf_text a {
                color: #ffffff;
            }

            .suplier_contact .suplier_contact_container .pdf_container .pdf_text .file_size {
                font-family: Interstate-light;
                font-size: 10px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                line-height: normal;
                letter-spacing: 1.5px;
                color: #ffffff;
                cursor: pointer;
            }

.policies__container {
    width: 100%;
    padding: 0;
    margin-top: 80px;
    padding-bottom: 30px;
    height: auto;
    background-color: rgba(213, 212, 208, 0.2);
}

    .policies__container .policies__acordian__container {
        cursor: pointer;
        width: 87.5%;
        margin: 0 auto;
        padding: 20px 0;
        text-transform: uppercase;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 2px solid #d8d8d8;
    }

        .policies__container .policies__acordian__container .accordian__title {
            width: 97%;
            padding: 10px 0;
            font-size: 22px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: -0.1px;
            color: #373737;
        }

@media (min-width: 320px) and (max-width: 991px) {
    .policies__container .policies__acordian__container .accordian__title {
        font-size: 17px;
    }
}

.policies__container .policies__acordian__container.ui-accordion-header.ui-accordion-header-active .accordian__minus {
    margin-left: auto;
    width: 14px;
    height: 2px;
    border-radius: 5px;
    background-color: #00b2a9;
}

.policies__container .policies__acordian__container .accord__icon {
    width: 3%;
    margin: 22px 0;
}

    .policies__container .policies__acordian__container .accord__icon .accordian__minus {
        margin-left: auto;
        width: 14px;
        height: 14px;
        background: url("../images/expand.png") center no-repeat;
        background-position-x: 42%;
        background-size: cover;
    }

.policies__container .accord__expand__container {
    width: 87.5%;
    margin: 0 auto;
    padding: 25px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .policies__container .accord__expand__container .accord__box__container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 15px 32px 15px 0px;
        min-width: 290px;
        width: 22.5%;
        height: 275px;
        background: #ffffff;
        padding: 30px;
        box-shadow: 0 0 28px 0 rgba(114, 116, 124, 0.07);
        border: solid rgba(114, 116, 124, 0.15);
        display: -webkit-inline-box;
    }

@media (max-width: 768px) {
    .policies__container .accord__expand__container .accord__box__container {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 30px;
    }
}

@media (min-width: 480px) and (max-width: 991px) {
    .policies__container .accord__expand__container .accord__box__container {
        width: 100%;
        margin-bottom: 30px;
        height: 250px;
    }
}

.policies__container .accord__expand__container .accord__box__container .accord__box__title {
    font-size: 25px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: 0.1px;
    color: #373737;
}

/* .policies__container .accord__expand__container .accord__box__container .accord__box__title a,
.policies__container .accord__expand__container .accord__box__container .accord__box__title a:hover,
.policies__container .accord__expand__container .accord__box__container .accord__box__title a:visited {
  color: #373737;
} */

.policies__container .accord__expand__container .acord__pdf__container {
    padding-top: 90px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .policies__container .accord__expand__container .acord__pdf__container .accor__pdficon {
        width: 20%;
        cursor: pointer;
    }

    .policies__container .accord__expand__container .acord__pdf__container .accord__text {
        width: 70%;
        padding-top: 8px;
    }

        .policies__container .accord__expand__container .acord__pdf__container .accord__text .pdf_kb {
            font-family: Interstate;
            font-size: 10px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 14px;
            color: #999999;
            cursor: pointer;
        }

        .policies__container .accord__expand__container .acord__pdf__container .accord__text .down_size {
            font-family: Interstate-light;
            font-size: 12px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.42;
            letter-spacing: 1.7px;
            color: #00b2a9;
            cursor: pointer;
        }

.policies_wrapper {
    padding: 0px;
}




.spotlight__content.training-engagement .training-engagement__spotlight__box h1 {
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 600;
    color: #00b2a9;
    margin-bottom: 15px;
}

.spotlight.training__engagement {
    background-color: #0e5c67;
    width: calc(100% - 0px);
    margin: auto;
    height: auto;
    padding: 0;
}

.spotlight__content.training-engagement {
    display: none;
}

.spotlight.training__engagement img.m-banner.img-responsive {
    display: block;
}

@media (min-width: 320px) {
    .spotlight.training__engagement {
        background-color: #0e5c67;
        width: calc(100% - 0px);
        /* height: 450px;
            padding: 10px; */
    }
}

@media (min-width: 480px) {
    .spotlight.training__engagement {
        /* height: 350px;
            padding: 20px 10px;*/
    }
}

@media (min-width: 768px) {
    .spotlight.training__engagement {
        background-color: #0e5c67;
        /* height: 284px;
            padding-top: 30px; */
    }
}

@media (min-width: 992px) {
    .spotlight.training__engagement {
        background: url("../images/Training_new.png") center no-repeat;
        background-size: cover;
        width: calc(100% - 42px);
        height: 284px;
        padding: 20px 10px;
        padding-top: 30px;
    }

    .spotlight__content.training-engagement {
        display: block;
    }

    .spotlight.training__engagement img.m-banner.img-responsive {
        display: none;
    }

    .spotlight__content.training-engagement .training-engagement__spotlight__box {
        position: relative;
        width: 90% !important;
        display: block;
    }

        .spotlight__content.training-engagement .training-engagement__spotlight__box .spotlight_suphead {
            position: absolute;
            top: 70px;
            left: 120px;
            width: 100%;
            line-height: 1.5;
        }

        .spotlight__content.training-engagement .training-engagement__spotlight__box h1 {
            font-size: 45px;
            position: absolute;
            top: 0;
            left: 160px;
            padding: 0;
        }
}

@media (min-width: 1024px) {
    .spotlight.training__engagement {
        height: 294px;
    }

    .spotlight__content.training-engagement .training-engagement__spotlight__box {
        width: 85% !important;
    }

        .spotlight__content.training-engagement .training-engagement__spotlight__box h1 {
            top: 0;
            font-size: 50px;
        }
}

@media (min-width: 1260px) {
    .spotlight.training__engagement {
        height: 365px;
    }



    .spotlight__content.training-engagement .training-engagement__spotlight__box h1 {
        top: 20px;
        left: 185px;
        font-size: 50px;
    }

    .spotlight__content.training-engagement .training-engagement__spotlight__box .spotlight_suphead {
        top: 110px;
        left: 150px;
    }
}

@media (min-width: 1340px) {
    .spotlight.training__engagement {
        height: 390px;
    }

    .spotlight__content.training-engagement .training-engagement__spotlight__box {
        width: 85% !important;
    }

        .spotlight__content.training-engagement .training-engagement__spotlight__box h1 {
            top: 30px;
            left: 200px;
        }

        .spotlight__content.training-engagement .training-engagement__spotlight__box .spotlight_suphead {
            top: 110px;
            left: 160px;
        }
}

@media (min-width: 1400px) {
    .spotlight.training__engagement {
        height: 415px;
    }

    .spotlight__content.training-engagement .training-engagement__spotlight__box .spotlight_suphead {
        top: 150px;
        left: 175px;
    }

    .spotlight__content.training-engagement .training-engagement__spotlight__box h1 {
        top: 40px;
        left: 220px;
    }
}

@media (min-width: 1500px) {
    .spotlight.training__engagementt {
        height: 450px;
    }

    .spotlight__content.training-engagement .training-engagement__spotlight__box h1 {
        top: 20px;
        left: 240px;
    }

    .spotlight__content.training-engagement .training-engagement__spotlight__box .spotlight_suphead {
        left: 185px;
        top: 120px;
    }
}

@media (min-width: 1600px) {
    .spotlight.training__engagement {
        height: 470px;
    }

    .spotlight__content.training-engagement .training-engagement__spotlight__box h1 {
        top: 45px;
        left: 260px;
    }

    .spotlight__content.training-engagement .training-engagement__spotlight__box .spotlight_suphead {
        left: 200px;
        top: 170px;
    }
}

@media (min-width: 1680px) {
}

.spotlight__content.recent-communications .recent-communications__spotlight__box h1 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
    color: #555a5f;
    margin-bottom: 15px;
}

.spotlight__content.recent-communications .recent-communications__spotlight__box .spotlight_suphead {
    width: 100%;
    color: #006769;
}

.spotlight.recent__communications {
    background-color: #f1f0ec;
    width: calc(100% - 0px);
    margin: auto;
    height: auto;
}

.spotlight__content.recent-communications {
    display: none;
}

.spotlight.recent__communications img.m-banner.img-responsive {
    display: block;
}

@media (min-width: 320px) {
    .spotlight.recent__communications {
        background-color: #f1f0ec;
        width: calc(100% - 0px);
        /* height: 450px;
            padding: 10px; */
    }
}

@media (min-width: 480px) {
    .spotlight.recent__communications {
        /* height: 350px;
            padding: 20px 10px;*/
    }
}

@media (min-width: 768px) {
    .spotlight.recent__communications {
        background-color: #f1f0ec;
        /* height: 284px;
            padding-top: 30px; */
    }
}


@media (min-width: 992px) {
    .spotlight.recent__communications {
        background: url("../images/recentcommunication_new.png") center no-repeat;
        background-size: cover;
        width: calc(100% - 42px);
        height: 284px;
    }

    .spotlight__content.recent-communications {
        display: block;
    }

        .spotlight__content.recent-communications .recent-communications__spotlight__box {
            position: absolute;
            width: 100% !important;
            top: 0;
            left: -25px;
            line-height: 1.5;
        }

    .spotlight.recent__communications img.m-banner.img-responsive {
        display: none;
    }

    .spotlight__content.recent-communications .recent-communications__spotlight__box h1 {
        font-size: 45px;
        text-transform: uppercase;
        font-weight: 600;
        color: #555a5f;
    }

    .spotlight__content.recent-communications .recent-communications__spotlight__box .spotlight_suphead {
        position: absolute;
        top: 130px;
        left: 0px;
        width: 56%;
        color: #006769;
    }
}

@media (min-width: 1024px) {
    .spotlight.recent__communications {
        height: 294px;
    }

    .spotlight__content.recent-communications .recent-communications__spotlight__box {
        left: -28px;
    }

        .spotlight__content.recent-communications .recent-communications__spotlight__box h1 {
            font-size: 50px;
        }
}

@media (min-width: 1340px) {
    .spotlight.recent__communications {
        height: 390px;
    }

    .spotlight__content.recent-communications .recent-communications__spotlight__box {
        top: 30px;
        left: -28px;
    }
}

@media (min-width: 1400px) {
    .spotlight.recent__communications {
        height: 415px;
    }

    .spotlight__content.recent-communications .recent-communications__spotlight__box {
        left: -35px;
        top: 40px;
    }
}

@media (min-width: 1500px) {
    .spotlight.recent__communications {
        height: 450px;
    }

    .spotlight__content.recent-communications .recent-communications__spotlight__box {
        left: -45px;
        top: 55px;
    }
}

@media (min-width: 1519px) {
    .spotlight__content.recent-communications .recent-communications__spotlight__box {
        left: -38px;
    }
}

@media (min-width: 1550px) {

    .spotlight__content.recent-communications .recent-communications__spotlight__box {
        left: -31px;
    }
}

@media (min-width: 1600px) {
    .spotlight.recent__communications {
        height: 470px;
    }

    .spotlight__content.recent-communications .recent-communications__spotlight__box {
        left: -32px;
    }

        .spotlight__content.recent-communications .recent-communications__spotlight__box .spotlight_suphead {
            top: 150px;
        }
}


.spotlight__content.compliance-resources .compliance-resources__spotlight__box h1 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #555a5f;
    /* margin-left: 339px; */
    margin-bottom: 15px;
}

.spotlight__content.compliance-resources .compliance-resources__spotlight__box .spotlight_suphead {
    width: 100%;
    color: #555a5f;
}


.spotlight.compliance__resources {
    background-color: #e6e6e6;
    width: calc(100% - 0px);
    margin: auto;
    height: auto;
}

.spotlight__content.compliance-resources {
    display: none;
}

.spotlight.compliance__resources img.m-banner.img-responsive {
    display: block;
}

@media (min-width: 320px) {
    .spotlight.compliance__resources {
        background-color: #e6e6e6;
        width: calc(100% - 0px);
        /* height: 450px;
            padding: 10px; */
    }
}

@media (min-width: 480px) {
    .spotlight.compliance__resources {
        /* height: 350px;
            padding: 20px 10px;*/
    }
}

@media (min-width: 768px) {
    .spotlight.compliance__resources {
        background-color: #e6e6e6;
        /* height: 284px;
            padding-top: 30px; */
    }
}

@media (min-width: 992px) {
    .spotlight.compliance__resources {
        background: url("../images/resources_new.png") center no-repeat;
        background-size: cover;
        height: 284px;
        width: calc(100% - 0px);
        background-color: #e6e6e6;
    }

    .spotlight__content.compliance-resources {
        display: block;
    }

    .spotlight.compliance__resources img.m-banner.img-responsive {
        display: none;
    }

    .spotlight__content.compliance-resources .compliance-resources__spotlight__box {
        position: absolute;
        width: 100% !important;
        top: -17px;
        left: -21px;
        line-height: 1.5;
    }

        .spotlight__content.compliance-resources .compliance-resources__spotlight__box h1 {
            font-size: 30px;
            text-transform: uppercase;
            font-weight: 600;
            color: #555a5f;
            margin-left: 230px;
        }

        .spotlight__content.compliance-resources .compliance-resources__spotlight__box .spotlight_suphead {
            position: absolute;
            top: 110px;
            width: 78%;
            color: #fff;
            left: 240px;
            line-height: 1.5;
            font-size: 15px;
        }
}

@media (min-width: 1024px) {
    .spotlight.compliance__resources {
        height: 294px;
    }

    .spotlight__content.compliance-resources .compliance-resources__spotlight__box {
        left: 0;
    }

        .spotlight__content.compliance-resources .compliance-resources__spotlight__box h1 {
            font-size: 35px;
            margin-left: 220px;
        }

        .spotlight__content.compliance-resources .compliance-resources__spotlight__box .spotlight_suphead {
            font-size: 16px;
            top: 90px;
            left: 240px;
            padding: 20px;
        }
}

@media (min-width: 1100px) {
    .spotlight.compliance__resources {
        height: 298px;
    }

    .spotlight__content.compliance-resources .compliance-resources__spotlight__box {
        left: 0;
        top: -3px;
    }

        .spotlight__content.compliance-resources .compliance-resources__spotlight__box h1 {
            font-size: 30px;
            margin-left: 255px;
        }

        .spotlight__content.compliance-resources .compliance-resources__spotlight__box .spotlight_suphead {
            font-size: 16px;
            top: 90px;
            left: 270px;
            padding: 20px;
            width: 68%;
        }
}

@media (min-width: 1210px) {

    .spotlight__content.compliance-resources .compliance-resources__spotlight__box h1 {
        font-size: 30px;
        margin-left: 285px;
    }

    .spotlight__content.compliance-resources .compliance-resources__spotlight__box .spotlight_suphead {
        font-size: 16px;
        top: 90px;
        left: 290px;
        padding: 20px;
        width: 78%;
    }
}

@media (min-width: 1340px) {
    .spotlight.compliance__resources {
        height: 390px;
    }

    .spotlight__content.compliance-resources .compliance-resources__spotlight__box {
        left: 75px;
        top: 0px;
    }

        .spotlight__content.compliance-resources .compliance-resources__spotlight__box h1 {
            font-size: 45px;
            margin-left: 220px;
        }

        .spotlight__content.compliance-resources .compliance-resources__spotlight__box .spotlight_suphead {
            font-size: 17px;
            top: 115px;
            left: 240px;
        }
}

@media (min-width: 1400px) {
    .spotlight.compliance__resources {
        height: 415px;
    }

    .spotlight__content.compliance-resources .compliance-resources__spotlight__box {
        left: 85px;
    }

        .spotlight__content.compliance-resources .compliance-resources__spotlight__box h1 {
            font-size: 50px;
            margin-left: 230px;
        }
}

@media (min-width: 1500px) {
    .spotlight.compliance__resources {
        height: 450px;
    }

    .spotlight__content.compliance-resources .compliance-resources__spotlight__box {
        left: 110px;
    }

        .spotlight__content.compliance-resources .compliance-resources__spotlight__box h1 {
            margin-left: 220px;
        }

        .spotlight__content.compliance-resources .compliance-resources__spotlight__box .spotlight_suphead {
            top: 145px;
        }
}

@media (min-width: 1519px) {
    .spotlight__content.compliance-resources .compliance-resources__spotlight__box h1 {
        margin-left: 225px;
    }
}

@media (min-width: 1550px) {
    .spotlight.compliance__resources {
        height: 450px;
    }

    .spotlight__content.compliance-resources .compliance-resources__spotlight__box {
        left: 125px;
    }
}



@media (min-width: 1600px) {
    .spotlight.compliance__resources {
        height: 470px;
    }

    .spotlight__content.compliance-resources .compliance-resources__spotlight__box {
        left: 135px;
        top: 0;
    }

        .spotlight__content.compliance-resources .compliance-resources__spotlight__box h1 {
        }

        .spotlight__content.compliance-resources .compliance-resources__spotlight__box .spotlight_suphead {
            top: 150px;
        }
}

@media (min-width: 1680px) {
}



.spotlight.forms__spotlight {
    background-color: #114b55;
    width: calc(100% - 0px);
    margin: auto;
}

.spotlight__content.forms-spotlight .forms-spotlight__spotlight__box h1 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #FFF;
    line-height: 1;
}

.spotlight__content.forms-spotlight .forms-spotlight__spotlight__box .spotlight_suphead {
    color: #fff;
    line-height: 1.5;
    margin-top: 20px;
}


@media (min-width: 320px) {
    .spotlight.forms__spotlight {
        width: calc(100% - 0px);
        height: 450px;
        padding: 20px;
    }
}

@media (min-width: 480px) {
    .spotlight.forms__spotlight {
        height: 350px;
    }
}

@media (min-width: 768px) {
    .spotlight.forms__spotlight {
        height: 284px;
    }
}

.daleel-forms .forms-spotlight__spotlight__box h1, .daleel-forms .forms-spotlight__spotlight__box p {
    display: none;
}

.daleel-forms.spotlight {
    background-color: #114b55;
    width: calc(100% - 0px);
    margin: auto;
}

.daleel-forms .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box h1 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #FFF;
    line-height: 1;
}

.daleel-forms .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box .spotlight_suphead {
    color: #fff;
    line-height: 1.5;
    margin-top: 20px;
}


@media (min-width: 320px) {
    .daleel-forms.spotlight {
        width: calc(100% - 0px);
        height: 170px;
        background-image: url(../images/m-daleel.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}

@media (min-width: 375px) {
    .daleel-forms.spotlight {
        height: 202px;
    }
}

@media (min-width: 411px) {
    .daleel-forms.spotlight {
        height: 223px;
    }
}

@media (min-width: 480px) {
    .daleel-forms.spotlight {
        height: 260px;
        padding: 20px 10px;
    }
}

@media (min-width: 580px) {
    .daleel-forms.spotlight {
        height: 350px;
        padding: 20px 10px;
    }
}

@media (min-width: 768px) {
    .daleel-forms.spotlight {
        height: 415px;
        padding-top: 30px;
    }
}

.coi-form .forms-spotlight__spotlight__box h1, .coi-form .forms-spotlight__spotlight__box p {
    display: none;
}

.coi-form.spotlight {
    background-color: #114b55;
    width: calc(100% - 0px);
    margin: auto;
}

.coi-form .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box h1 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #FFF;
    line-height: 1;
}

.coi-form .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box .spotlight_suphead {
    color: #fff;
    line-height: 1.5;
    margin-top: 20px;
}


@media (min-width: 320px) {
    .coi-form.spotlight {
        width: calc(100% - 0px);
        height: 170px;
        background-image: url(../images/m-coi.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .gAndE-form .forms-spotlight__spotlight__box .casecodeapprvetitle p,
    .coi-form .forms-spotlight__spotlight__box .casecodeapprvetitle p,
    .inv-form .forms-spotlight__spotlight__box .casecodeapprvetitle p,
    .resSec-form .forms-spotlight__spotlight__box .casecodeapprvetitle p {
        display: block;
        font-size: 15px;
        position: absolute;
        top: 28%;
        left: 45%;
        font-weight: 600;
    }
}

@media (min-width: 375px) {
    .coi-form.spotlight {
        height: 202px;
    }
}

@media (min-width: 411px) {
    .coi-form.spotlight {
        height: 223px;
    }
}

@media (min-width: 480px) {
    .coi-form.spotlight {
        height: 260px;
        padding: 20px 10px;
    }
}

@media (min-width: 580px) {
    .coi-form.spotlight {
        height: 350px;
        padding: 20px 10px;
    }
}

@media (min-width: 768px) {
    .coi-form.spotlight {
        height: 415px;
        padding-top: 30px;
    }
}

.inv-form .forms-spotlight__spotlight__box h1, .inv-form .forms-spotlight__spotlight__box p {
    display: none;
}

.inv-form.spotlight {
    background-color: #114b55;
    width: calc(100% - 0px);
    margin: auto;
}

.inv-form .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box h1 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #FFF;
    line-height: 1;
}

.inv-form .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box .spotlight_suphead {
    color: #fff;
    line-height: 1.5;
    margin-top: 20px;
}


@media (min-width: 320px) {
    .inv-form.spotlight {
        width: calc(100% - 0px);
        height: 170px;
        background-image: url(../images/m-concern-submission.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}

@media (min-width: 375px) {
    .inv-form.spotlight {
        height: 202px;
    }
}

@media (min-width: 411px) {
    .inv-form.spotlight {
        height: 223px;
    }
}

@media (min-width: 480px) {
    .inv-form.spotlight {
        height: 260px;
        padding: 20px 10px;
    }
}

@media (min-width: 580px) {
    .inv-form.spotlight {
        height: 350px;
        padding: 20px 10px;
    }
}

@media (min-width: 768px) {
    .inv-form.spotlight {
        height: 415px;
        padding-top: 30px;
    }
}

.gAndE-form .forms-spotlight__spotlight__box h1, .gAndE-form .forms-spotlight__spotlight__box p {
    display: none;
}

.gAndE-form.spotlight {
    background-color: #114b55;
    width: calc(100% - 0px);
    margin: auto;
}

.gAndE-form .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box h1 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #FFF;
    line-height: 1;
}

.gAndE-form .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box .spotlight_suphead {
    color: #fff;
    line-height: 1.5;
    margin-top: 20px;
}


@media (min-width: 320px) {
    .gAndE-form.spotlight {
        width: calc(100% - 0px);
        height: 170px;
        background-image: url(../images/m-GandE.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .gAndE-form .forms-spotlight__spotlight__box .casecodeapprvetitle p {
        display: block;
        font-size: 15px;
        position: absolute;
        top: 28%;
        left: 45%;
        font-weight: 600;
    }
}

@media (min-width: 375px) {
    .gAndE-form.spotlight {
        height: 202px;
    }
}

@media (min-width: 411px) {
    .gAndE-form.spotlight {
        height: 223px;
    }
}

@media (min-width: 480px) {
    .gAndE-form.spotlight {
        height: 260px;
        padding: 20px 10px;
    }
}

@media (min-width: 580px) {
    .gAndE-form.spotlight {
        height: 350px;
        padding: 20px 10px;
    }
}

@media (min-width: 768px) {
    .gAndE-form.spotlight {
        height: 415px;
        padding-top: 30px;
    }
}

.personaTrade-form .forms-spotlight__spotlight__box h1, .personaTrade-form .forms-spotlight__spotlight__box p {
    display: none;
}

.personaTrade-form.spotlight {
    background-color: #114b55;
    width: calc(100% - 0px);
    margin: auto;
}

.personaTrade-form .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box h1 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #FFF;
    line-height: 1;
}

.personaTrade-form .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box .spotlight_suphead {
    color: #fff;
    line-height: 1.5;
    margin-top: 20px;
}


@media (min-width: 320px) {
    .personaTrade-form.spotlight {
        width: calc(100% - 0px);
        height: 170px;
        background-image: url(../images/m-personal-trade.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .personaTrade-form .forms-spotlight__spotlight__box .casecodeapprvetitle p {
        display: block;
        font-size: 15px;
        position: absolute;
        top: 28%;
        left: 45%;
        font-weight: 600;
    }
}

@media (min-width: 375px) {
    .personaTrade-form.spotlight {
        height: 202px;
    }
}

@media (min-width: 411px) {
    .personaTrade-form.spotlight {
        height: 223px;
    }
}

@media (min-width: 480px) {
    .personaTrade-form.spotlight {
        height: 260px;
        padding: 20px 10px;
    }
}

@media (min-width: 580px) {
    .personaTrade-form.spotlight {
        height: 350px;
        padding: 20px 10px;
    }
}

@media (min-width: 768px) {
    .personaTrade-form.spotlight {
        height: 415px;
        padding-top: 30px;
    }
}

.resSec-form .forms-spotlight__spotlight__box h1, .resSec-form .forms-spotlight__spotlight__box p {
    display: none;
}

.resSec-form.spotlight {
    background-color: #114b55;
    width: calc(100% - 0px);
    margin: auto;
}

.resSec-form .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box h1 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #FFF;
    line-height: 1;
}

.resSec-form .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box .spotlight_suphead {
    color: #fff;
    line-height: 1.5;
    margin-top: 20px;
}


@media (min-width: 320px) {
    .resSec-form.spotlight {
        width: calc(100% - 0px);
        height: 170px;
        background-image: url(../images/m-res-sec.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}

@media (min-width: 375px) {
    .resSec-form.spotlight {
        height: 202px;
    }
}

@media (min-width: 411px) {
    .resSec-form.spotlight {
        height: 223px;
    }
}

@media (min-width: 480px) {
    .resSec-form.spotlight {
        height: 260px;
        padding: 20px 10px;
    }
}

@media (min-width: 580px) {
    .resSec-form.spotlight {
        height: 350px;
        padding: 20px 10px;
    }
}

@media (min-width: 768px) {
    .resSec-form.spotlight {
        height: 415px;
        padding-top: 30px;
    }
}

@media (min-width: 992px) {
    .spotlight.forms__spotlight {
        background: url(../images/d-daleel.png) center no-repeat;
        background-size: cover;
        width: calc(100% - 42px);
        height: 284px;
    }

    .casecodeapprvetitle {
        color: white;
        padding-left: 4px;
        font-size: 20px;
    }

    .daleel-forms .forms-spotlight__spotlight__box h1, .daleel-forms .forms-spotlight__spotlight__box p {
        display: block;
    }

    .coi-form .forms-spotlight__spotlight__box h1, .coi-form .forms-spotlight__spotlight__box p {
        display: block;
    }

    .inv-form .forms-spotlight__spotlight__box h1, .inv-form .forms-spotlight__spotlight__box p {
        display: block;
    }

    .gAndE-form .forms-spotlight__spotlight__box h1, .gAndE-form .forms-spotlight__spotlight__box p {
        display: block;
    }

    .gAndE-form .forms-spotlight__spotlight__box .casecodeapprvetitle p,
    .coi-form .forms-spotlight__spotlight__box .casecodeapprvetitle p,
    .inv-form .forms-spotlight__spotlight__box .casecodeapprvetitle p,
    .resSec-form .forms-spotlight__spotlight__box .casecodeapprvetitle p {
        left: 0;
    }

    .personaTrade-form .forms-spotlight__spotlight__box h1, .personaTrade-form .forms-spotlight__spotlight__box p {
        display: block;
    }

    .personaTrade-form .forms-spotlight__spotlight__box .casecodeapprvetitle p {
        left: 0;
    }

    .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box {
        position: absolute;
        width: 100% !important;
        top: -25px;
        /*left: -12px;*/
        line-height: 1.5;
        height: 100%;
        left: 0;
    }

        .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box h1 {
            font-size: 20px !important;
            text-transform: uppercase;
            font-weight: 600;
            color: #FFF;
            /*margin-left: 31.5%;*/
            width: 66%;
            display: flex;
            height: 55px;
            align-items: center;
            margin-left: 25%;
        }




        .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box .spotlight_suphead {
            position: absolute;
            top: 35%;
            width: 70%;
            color: #fff;
            /*right: -11px;*/
            left: 25%;
        }
}

@media (min-width: 1024px) {
    .spotlight.forms__spotlight {
        height: 294px;
        width: calc(100% - 62px);
    }

    .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box h1 {
        font-size: 25px !important;
        padding: 0;
    }
}

@media (min-width: 1024px) and (max-width: 1259px) {
    .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box h1 {
        margin-top: 2%;
    }
}

@media (min-width: 1260px) {
    .spotlight.forms__spotlight {
        height: 369px;
        width: calc(100% - 42px);
    }

    .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box {
        top: 0;
    }
}

@media (min-width: 1340px) {
    .spotlight.forms__spotlight {
        height: 408px;
    }

    .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box {
        top: -10px;
        /*left: -5px;*/
        left: 5px;
    }

        .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box h1 {
            /*margin-left: 335px;*/
            height: 80px;
        }

        .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box .spotlight_suphead {
            top: 130px;
            right: -15px;
        }
}

@media (min-width: 1400px) {
    .spotlight.forms__spotlight {
        height: 417px;
    }

    .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box {
        top: -13px;
    }

        .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box h1 {
            /*margin-left: 350px;*/
        }

        .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box .spotlight_suphead {
            left: 24.7%;
        }
}


@media (min-width: 1500px) {
    .spotlight.forms__spotlight {
        height: 452px;
        padding-top: 0px;
    }

    .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box {
        /*top: 10px;*/
    }

        .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box h1 {
            /*margin-left: 325px;*/
        }

        .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box .spotlight_suphead {
            /*left: 27%;
                top: 115px;*/
            left: 24.7%;
            top: 148px;
        }
}

@media (min-width: 1519px) {
    .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box h1 {
        /*margin-left: 335px;*/
        font-size: 35px !important;
    }

    .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box {
        top: 10px;
    }
}

@media (min-width: 1550px) {
    .spotlight.forms__spotlight {
        height: 450px;
    }

    .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box {
        left: 12px;
        top: 10px;
    }

        .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box h1 {
            /* margin-left: 342px;*/
        }

        .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box .spotlight_suphead {
            left: 24.7%;
        }
}

@media (min-width: 1600px) {
    .spotlight.forms__spotlight {
        height: 472px;
        padding-top: 20px;
    }

    .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box {
        left: 0.3%;
        top: 25px;
    }

        .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box h1 {
            margin-left: 330px;
            margin-top: -30px;
        }

        .spotlight__content.forms-spotlight .forms-spotlight__spotlight__box .spotlight_suphead {
            left: 25.3%;
            top: 32%;
        }
}



@media (min-width: 1680px) {
}


.spotlight.tasksRequest__spotlight {
    background-color: #e6e6e6;
    width: calc(100% - 0px);
    margin: auto;
    height: auto;
}

.spotlight__content.tasksRequest-spotlight .tasksRequest-spotlight__spotlight__box h1 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #555a5f;
}

.spotlight__content.tasksRequest-spotlight .tasksRequest-spotlight__spotlight__box .spotlight_suphead {
    color: #555a5f;
}

.spotlight__content.tasksRequest-spotlight {
    display: none;
}

.spotlight.tasksRequest__spotlight img.m-banner.img-responsive {
    display: block;
}

@media (min-width: 320px) {
    .spotlight.tasksRequest__spotlight {
        background-color: #e6e6e6;
        width: calc(100% - 0px);
        /* height: 450px;
            padding: 10px; */
    }
}

@media (min-width: 480px) {
    .spotlight.tasksRequest__spotlight {
        /* height: 350px;
            padding: 20px 10px;*/
    }
}

@media (min-width: 768px) {
    .spotlight.tasksRequest__spotlight {
        background-color: #e6e6e6;
        /* height: 284px;
            padding-top: 30px; */
    }
}

@media (min-width: 992px) {
    .spotlight.tasksRequest__spotlight {
        background: url(../images/my%20request%20&%20task%20-%20Extranet%20Banners%20%20-%201600%20x%20495-03.png) center no-repeat;
        background-size: cover;
        background-color: #e6e6e6;
        width: calc(100% - 42px);
        height: 284px;
    }

    .spotlight__content.tasksRequest-spotlight .tasksRequest-spotlight__spotlight__box {
        position: absolute;
        width: 100% !important;
        top: 27%;
        left: 4%;
        line-height: 1.5;
    }

    .spotlight__content.tasksRequest-spotlight {
        display: block;
    }

    .spotlight.tasksRequest__spotlight img.m-banner.img-responsive {
        display: none;
    }

    .spotlight__content.tasksRequest-spotlight .tasksRequest-spotlight__spotlight__box h1 {
        font-size: 40px;
        text-transform: uppercase;
        font-weight: 600;
        color: #FFF;
        margin-left: 30%;
    }

    .spotlight__content.tasksRequest-spotlight .tasksRequest-spotlight__spotlight__box .spotlight_suphead {
        position: absolute;
        top: 130px;
        width: 70%;
        color: #fff;
        right: -15px;
    }
}

@media (min-width: 1024px) {
    .spotlight.tasksRequest__spotlight {
        height: 294px;
    }
}

@media (min-width: 1340px) {
    .spotlight.tasksRequest__spotlight {
        height: 390px;
    }
}

@media (min-width: 1400px) {
    .spotlight.tasksRequest__spotlight {
        height: 415px;
    }
}

@media (min-width: 1500px) {
    .spotlight.tasksRequest__spotlight {
        height: 450px;
    }
}

@media (min-width: 1550px) {
    .spotlight.tasksRequest__spotlight {
        height: 450px;
    }
}

@media (min-width: 1600px) {
    .spotlight.tasksRequest__spotlight {
        height: 470px;
    }

    .spotlight__content.tasksRequest-spotlight .tasksRequest-spotlight__spotlight__box h1 {
        margin-left: 33%;
    }

    .spotlight__content.tasksRequest-spotlight .tasksRequest-spotlight__spotlight__box {
        left: 0;
    }
}

@media (min-width: 1680px) {
}




.spotlight.restricted__securities {
    background-color: #143a49;
    width: calc(100% - 0px);
    margin: auto;
    height: auto;
}

.spotlight__content.restricted-securities .restricted-securities__spotlight__box h1 {
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 600;
    color: #00b2a9;
    line-height: 1;
}

.spotlight__content.restricted-securities .restricted-securities__spotlight__box h2 {
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fec526;
    text-align: right;
    line-height: 1;
}

.spotlight__content.restricted-securities {
    display: none;
}

.spotlight.restricted__securities img.m-banner.img-responsive {
    display: block;
}

@media (min-width: 320px) {
    .spotlight.restricted__securities {
        background-color: #143a49;
        width: calc(100% - 0px);
        /* height: 450px;
            padding: 10px; */
    }
}

@media (min-width: 480px) {
    .spotlight.restricted__securities {
        /* height: 350px;
            padding: 20px 10px;*/
    }
}

@media (min-width: 768px) {
    .spotlight.restricted__securities {
        background-color: #143a49;
        /* height: 284px;
            padding-top: 30px; */
    }
}


@media (min-width: 992px) {
    .spotlight.restricted__securities {
        background: url("../images/MyResSec_New.png") center no-repeat;
        background-size: cover;
        width: calc(100% - 42px);
        height: 284px;
    }

    .spotlight__content.restricted-securities .restricted-securities__spotlight__box {
        position: absolute;
        width: 88% !important;
        top: 30%;
        left: 10%;
        line-height: 1.5;
    }

    .spotlight__content.restricted-securities {
        display: block;
    }

    .spotlight.restricted__securities img.m-banner.img-responsive {
        display: none;
    }

    .spotlight__content.restricted-securities .restricted-securities__spotlight__box h1 {
        font-size: 50px;
        text-transform: uppercase;
        font-weight: 600;
        color: #00b2a9;
        margin: 0;
        margin-left: 50px;
        padding: 0;
        line-height: 1;
    }

    .spotlight__content.restricted-securities .restricted-securities__spotlight__box h2 {
        font-size: 50px;
        text-transform: uppercase;
        font-weight: 600;
        color: #fec526;
        text-align: right;
        margin: 0;
        margin-right: 50px;
        padding: 0;
        line-height: 1;
    }
}

@media (min-width: 1024px) {
    .spotlight.restricted__securities {
        height: 294px;
    }
}

@media (min-width: 1340px) {
    .spotlight.restricted__securities {
        height: 390px;
    }
}

@media (min-width: 1400px) {
    .spotlight.restricted__securities {
        height: 415px;
    }
}

@media (min-width: 1500px) {
    .spotlight.restricted__securities {
        height: 450px;
    }
}

@media (min-width: 1550px) {
    .spotlight.restricted__securities {
        height: 450px;
    }
}

@media (min-width: 1600px) {
    .spotlight.restricted__securities {
        height: 470px;
    }
}

@media (min-width: 1680px) {
}

.spotlight__content.my-profile-details {
    display: none;
}

.spotlight.myprofile__spotlight img.m-banner.img-responsive {
    display: block;
}

.spotlight.myprofile__spotlight {
    height: auto;
}

@media (min-width: 320px) {
    .spotlight.myprofile__spotlight {
        background-color: #1aa2a2;
        width: calc(100% - 0px);
        /* height: 450px;
            padding: 10px; */
    }
}

@media (min-width: 480px) {
    .spotlight.myprofile__spotlight {
        /* height: 350px;
            padding: 20px 10px;*/
    }
}

@media (min-width: 768px) {
    .spotlight.myprofile__spotlight {
        background-color: #1aa2a2;
        /* height: 284px;
            padding-top: 30px; */
    }
}



@media (min-width: 992px) {
    .spotlight.myprofile__spotlight {
        background: url(../images/my%20profile%20-%20Extranet%20Banners%20%20-%201600%20x%20495-02.png) center no-repeat;
        background-size: cover;
        width: calc(100% - 42px);
        height: 284px;
    }

    .spotlight__content.my-profile-details {
        display: block;
    }

    .spotlight.myprofile__spotlight img.m-banner.img-responsive {
        display: none;
    }

    .spotlight.myprofile__spotlight h1 {
        font-size: 35px;
    }
}

@media (min-width: 1024px) {
    .spotlight.myprofile__spotlight {
        height: 294px;
    }
}

@media (min-width: 1340px) {
    .spotlight.myprofile__spotlight {
        height: 390px;
    }
}

@media (min-width: 1400px) {
    .spotlight.myprofile__spotlight {
        height: 415px;
    }

        .spotlight.myprofile__spotlight h1 {
            font-size: 45px;
        }
}

@media (min-width: 1500px) {
    .spotlight.myprofile__spotlight {
        height: 450px;
    }
}

@media (min-width: 1550px) {
    .spotlight.myprofile__spotlight {
        height: 450px;
    }
}

@media (min-width: 1600px) {
    .spotlight.myprofile__spotlight {
        height: 470px;
    }
}

@media (min-width: 1680px) {
}

@media (min-width: 480px) {
    .spotlight {
        height: calc(100vh - 0px);
    }
}

@media (min-width: 320px) {
    .spotlight {
        height: calc(100vh - 0px);
    }
}

@media (min-width: 992px) {
    .spotlight {
        height: 405px;
        padding: 0px;
    }
}

@media (min-width: 1600px) {
    .spotlight {
        height: 483px;
        width: 1558px;
    }
}

.spotlight__content {
    display: block;
    height: 100%;
    width: 85%;
    margin: 0 auto;
    position: relative;
}

    .spotlight__content hr {
        width: 30px;
        border: 1px solid #00b2a9;
        margin: 0;
    }

@media (min-width: 992px) {
    .spotlight__content hr {
        width: 50px;
    }
}

.spotlight__content h1 {
    /*font-size: 24px;*/
    font-size: 40px;
    /*line-height: 1.3;*/
    line-height: 1;
    letter-spacing: 0px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: white;
    margin: 0;
    width: 100%;
    /*word-break: break-all;*/
}

@media (min-width: 992px) {
    .spotlight__content h1 {
        font-size: 36px;
        line-height: 1.63;
        letter-spacing: -1.9px;
        width: 100%;
        /*word-break: break-all;*/
    }
}

@media (min-width: 1600px) {
    .spotlight__content h1 {
        font-size: 60px;
    }
}

.online__forms .spotlight__content {
    width: 100%;
}

@media (min-width: 992px) {
    .online__forms .spotlight__content {
        width: 88%;
    }
}

@media (min-width: 482px) and (max-width: 991px) {
    .online__forms .spotlight__content h1 {
        font-size: 36px;
    }
}

.online__forms .content__resource__container {
    width: 87.5%;
    margin: 0 auto;
    margin-top: 50px;
}

    .online__forms .content__resource__container .forms__Container__title {
        font-family: Interstate-Bold;
        font-size: 22px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 1.2px;
        color: #373737;
        text-transform: uppercase;
    }

.online__forms .accord__expand__container .accord__box__container .accord__box__title .acord__pdf__container .accord__text .pdf_kb {
    font-family: Interstate;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 14px;
    color: #999999;
    cursor: pointer;
    position: absolute;
    bottom: 20px;
    left: 39px;
}



.online__forms .spotlight_suphead {
    width: 75%;
    font-family: Interstate-light;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: 0.5px;
    color: #ffffff;
}

@media (max-width: 768px) {
    .online__forms .spotlight_suphead {
        width: 100%;
        font-size: 14px;
    }
}

@media (min-width:992px) {
    .online__forms .spotlight_suphead {
        width: 88%;
        font-size: 17px;
    }
}

.online__forms_wrapper {
    padding: 0px;
}

.menu-open .tabs_container ul {
    display: none;
}

.tabs_container ul {
    text-decoration: none;
    list-style: none;
    background-color: #ffffff;
    overflow: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: nowrap;
    -ms-flex-flow: nowrap;
    flex-flow: nowrap;
    width: 100%;
}

@media (max-width: 1024px) {
    .tabs_container ul {
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
}

.tabs_container ul::-webkit-scrollbar {
    display: none;
}

.tabs_container ul li:first-child a {
    padding-left: 0px;
}

.tabs_container ul li:first-child {
    padding-left: 6.5%;
}

.tabs_container ul li:last-child {
    padding-right: 6.5%;
}

.tabs_container .tabs-nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    flex: 1 1;
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    border-bottom-width: 0;
    white-space: wrap;
    text-transform: uppercase;
    text-align: center;
    font-family: Interstate-bold;
}

    .tabs_container .tabs-nav a {
        float: left;
        padding: 21px 2.5em;
        text-decoration: none;
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.46;
        letter-spacing: 1.6px;
        text-align: center;
        color: #373737;
        /* max-width: 280px;
  max-width: initial; */
        max-width: 100%;
    }

@media (min-width: 480px) and (max-width: 991px) {
    .tabs_container .tabs-nav a {
        max-width: initial;
    }
}

.tabs_container .tabs-nav a:focus {
    outline: none;
}

.tabs_container .tabs-nav.ui-tabs-active.ui-state-active {
    background: rgba(213, 212, 208, 0.2);
}

    .tabs_container .tabs-nav.ui-tabs-active.ui-state-active a {
        color: #00b2a9;
    }

.search__result__container {
    width: 87%;
    min-height: 600px;
    padding-bottom: 50px;
    margin: 0 auto;
}

@media (max-width: 992px) {
    .search__result__container {
        width: 100%;
    }
}

.search__result__container .search__heading {
    margin-top: 10px;
    border-bottom: 2px solid rgba(185, 185, 185, 0.3);
}

    .search__result__container .search__heading .search__result__title {
        font-family: Interstate-Bold;
        font-size: 22px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.32;
        letter-spacing: 1.2px;
        text-transform: uppercase;
        color: #373737;
        padding: 25px 0;
    }

@media (max-width: 480px) {
    .search__result__container .search__heading .search__result__title {
        font-size: 18px;
    }
}

.search__result__container .search__content__container {
    width: 80%;
    padding-top: 25px;
}

@media (max-width: 480px) {
    .search__result__container .search__content__container {
        width: 100%;
    }
}

@media (min-width: 480px) and (max-width: 991px) {
    .search__result__container .search__content__container {
        width: 100%;
    }
}

.search__result__container .search__content__container .search__content__copy {
    padding: 15px 0;
}

@media (max-width: 480px) {
    .search__result__container .search__content__container .search__content__copy {
        padding: 0;
    }
}

.search__result__container .search__content__container .search__content__copy .serarch_result__title {
    font-family: Interstate;
    font-size: 19px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.89;
    letter-spacing: 0.1px;
    color: #515151;
}

@media (max-width: 480px) {
    .search__result__container .search__content__container .search__content__copy .serarch_result__title {
        font-size: 16px;
        line-height: 1.5;
        padding-bottom: 20px;
    }
}

@media (min-width: 480px) and (max-width: 991px) {
    .search__result__container .search__content__container .search__content__copy .serarch_result__title {
        line-height: 1.5;
    }
}

.search__result__container .search__content__container .search__content__copy .serarch_result__title p {
    font-family: Interstate-light;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: -0.1px;
    color: #72747c;
}

@media (max-width: 480px) {
    .search__result__container .search__content__container .search__content__copy .serarch_result__title p {
        padding: 5px 0;
    }
}

.search__result__container .search__pagenation__container {
    width: 100%;
}

    .search__result__container .search__pagenation__container [data-pagination],
    .search__result__container .search__pagenation__container [data-pagination] *,
    .search__result__container .search__pagenation__container [data-pagination] *:before,
    .search__result__container .search__pagenation__container [data-pagination] *:after {
        box-sizing: border-box;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-kerning: auto;
        font-kerning: auto;
    }

    .search__result__container .search__pagenation__container [data-pagination] {
        font-family: Interstate;
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.5;
        -webkit-text-size-adjust: 100%;
        margin: 1em auto;
        transition: font-size .2s ease-in-out;
    }

        .search__result__container .search__pagenation__container [data-pagination] ul {
            list-style-type: none;
            display: inline;
            font-size: 100%;
            margin: 0;
            padding: 20px;
        }

            .search__result__container .search__pagenation__container [data-pagination] ul li {
                display: inline-block;
                font-size: 100%;
                width: auto;
                border-radius: 50px;
                color: #ffffff;
            }

        .search__result__container .search__pagenation__container [data-pagination] > a {
            font-size: 140%;
        }

        .search__result__container .search__pagenation__container [data-pagination] a {
            color: #515151;
            font-size: 100%;
            padding: 20px;
        }

            .search__result__container .search__pagenation__container [data-pagination] a:focus,
            .search__result__container .search__pagenation__container [data-pagination] a:hover {
                color: #515151;
            }

        .search__result__container .search__pagenation__container [data-pagination] li.current {
            background-color: #00b2a9;
        }

            .search__result__container .search__pagenation__container [data-pagination] li.current a {
                color: #ffffff;
            }

        .search__result__container .search__pagenation__container [data-pagination] .disabled,
        .search__result__container .search__pagenation__container [data-pagination] [hidden],
        .search__result__container .search__pagenation__container [data-pagination] [disabled] {
            opacity: .5;
            pointer-events: none;
        }

@media (min-width: 300px) {
    .search__result__container .search__pagenation__container [data-pagination] {
        font-size: 10pt;
    }

        .search__result__container .search__pagenation__container [data-pagination] a {
            padding: 8px;
        }

        .search__result__container .search__pagenation__container [data-pagination] ul {
            padding: 0px;
        }
}

@media (min-width: 500px) {
    .search__result__container .search__pagenation__container [data-pagination] {
        font-size: 12pt;
    }

        .search__result__container .search__pagenation__container [data-pagination] ul {
            padding: 10px;
        }

        .search__result__container .search__pagenation__container [data-pagination] a {
            padding: 20px;
        }
}

@media (min-width: 501px) and (max-width: 568px) {
    .search__result__container .search__pagenation__container [data-pagination] ul {
        padding: 10px;
    }

    .search__result__container .search__pagenation__container [data-pagination] a {
        padding: 15px;
    }
}

@media (min-width: 700px) {
    .search__result__container .search__pagenation__container [data-pagination] {
        font-size: 14pt;
    }
}

@media (min-width: 900px) {
    .search__result__container .search__pagenation__container [data-pagination] {
        font-size: 16pt;
    }
}

.top {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border: solid 1px #ececec;
    background-color: white;
    position: relative;
}

@media (min-width: 992px) {
    .top {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.top .logo {
    height: 30px;
    width: 150px;
}

@media (min-width: 992px) {
    .top .logo {
        width: 222px;
    }
}

.top__left {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    transition: all 0.5s ease;
}

@media (min-width: 992px) {
    .top__left {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: left;
        -ms-flex-pack: left;
        justify-content: left;
        -webkit-flex: 1 auto;
        -ms-flex: 1 auto;
        flex: 1 auto;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        transition: none;
    }
}

.top__left span {
    margin-top: 1px;
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.75;
    letter-spacing: 1.6px;
    color: #333333;
}

@media (min-width: 992px) {
    .top__left span {
        font-size: 16px;
        padding-left: 3rem;
        position: relative;
    }
}

.top__left span::before {
    display: none;
}

@media (min-width: 992px) {
    .top__left span::before {
        content: "";
        position: absolute;
        left: 20px;
        height: 20px;
        width: 1px;
        opacity: 0.72;
        background-color: #999999;
        top: 4px;
        display: block;
    }
}

.top__right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 992px) {
    .top__right {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-flex-grow: 0.08;
        -ms-flex-positive: 0.08;
        flex-grow: 0.08;
    }
}

.top__right .search-box {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease 0s;
    position: absolute;
    bottom: 3px;
    right: 10em;
    padding: 7px 9px;
    border: 1px solid #ccc;
    z-index: 999;
    border-radius: 4px;
    box-shadow: 0px 0px 5px #ccc;
    width: 0px;
}

.top__right .l-icon {
    height: 30px;
    width: 24px;
    margin-left: 18px;
    margin-top: 2px;
    fill: #00b2a9;
}

svg.call.l-icon:hover {
    fill: #373737;
}

svg.search.l-icon:hover {
    fill: #373737;
}

@media (min-width: 992px) {
    .top__right .l-icon {
        margin-left: 20px;
    }
}

.top__right .l-icon.dropdown {
    width: 10px;
    height: 6px;
    margin-left: 0px;
}

.top__right .user {
    display: none;
}

@media (min-width: 992px) {
    .top__right .user {
        margin-left: 18px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer;
    }
}

.top__right .user span {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.top__right .user img {
    width: 42px;
    margin-right: 8px;
}

.top__right .user ul {
    opacity: 0;
    position: absolute;
    visibility: hidden;
}

.top__right .user.active ul {
    opacity: 1;
    visibility: visible;
    position: absolute;
    width: 230px;
    right: 0px;
    box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.15);
    border: solid 1px #e2e2e2;
    background-color: white;
    border-radius: 10px;
    top: 57px;
    z-index: 999;
}

    .top__right .user.active ul li {
        margin: 0px 30px;
    }

        .top__right .user.active ul li a {
            padding: 10px 8px;
            display: block;
            font-size: 11px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 4.36;
            letter-spacing: 1.1px;
            color: #373737;
            text-transform: uppercase;
        }

            .top__right .user.active ul li a:hover {
                color: #00b2a9;
            }
    /*
.top__right .user.active ul li:nth-child(1) {
  border-bottom: 1px solid #ccc;
}
*/
    .top__right .user.active ul li {
        border-bottom: 1px solid #ccc;
    }

        .top__right .user.active ul li:last-child {
            border-bottom: 1px solid #fff;
        }

    .top__right .user.active ul::before {
        content: "";
        background: url("../images/icon-triangle.png");
        width: 20px;
        height: 20px;
        position: absolute;
        background-repeat: no-repeat;
        top: -10px;
        right: 21px;
    }

.top__mobile {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}

.menu-open .top__mobile {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    opacity: 1;
    visibility: visible;
    position: absolute;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    transition: all 0.5s ease;
    background: #ffffff;
}

    .menu-open .top__mobile img {
        margin-right: 10px;
        width: 42px;
    }

    .menu-open .top__mobile ul li {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: left;
        -ms-flex-pack: left;
        justify-content: left;
    }

        .menu-open .top__mobile ul li span {
            color: #373737;
        }

        .menu-open .top__mobile ul li a {
            text-transform: uppercase;
            color: #00b2a9;
            font-size: 11px;
        }

.menu-open .top__left,
.menu-open .top__right a {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
}

.toggle-menu {
    position: relative;
    width: 26px;
    height: 22px;
    margin-left: 20px;
}

    .toggle-menu input {
        position: absolute;
        top: -3px;
        left: -3px;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0;
        cursor: pointer;
    }

    .toggle-menu span {
        position: absolute;
        width: 100%;
        height: 2px;
        background: #00b2a9;
        margin-top: 10px;
    }

        .toggle-menu span:before,
        .toggle-menu span:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 2px;
            background: #00b2a9;
            top: -8px;
            transition: 0.3s;
        }

        .toggle-menu span:after {
            top: 9px;
        }

.menu-open .toggle-menu span {
    background: transparent;
}

    .menu-open .toggle-menu span:after {
        -webkit-transform: rotate(45deg) translate(0px, -8px);
        transform: rotate(45deg) translate(0px, -8px);
    }

    .menu-open .toggle-menu span:before {
        -webkit-transform: rotate(-45deg) translate(-4px, 12px);
        transform: rotate(-45deg) translate(-4px, 12px);
    }

.menu-open .toggle-menu {
    width: 23px;
    height: 25px;
    margin-left: 20px;
    top: -14px;
    left: 4px;
    z-index: 9999;
}

    .menu-open .toggle-menu span:before,
    .menu-open .toggle-menu span:after {
        height: 2px;
    }

.seach-visible .search-box {
    opacity: 1;
    visibility: visible;
    width: 300px;
}

.online__forms.container {
    padding-left: 0px;
    padding-right: 0px;
}

.online__forms .mubadala__group_container {
    margin: 0 auto;
    width: 87.5%;
}

@media (max-width: 992px) {
    .online__forms .mubadala__group_container {
        width: 95%;
    }
}

@media (max-width: 480px) {
    .online__forms .mubadala__group_container {
        width: 100%;
        padding-top: 30px;
    }
}

.online__forms .mubadala__group_container .grouup__container {
    margin: 15px 0 0 0;
    background-color: rgba(213, 212, 208, 0.2);
    min-height: 285px;
    padding: 15px 20px;
}

    .online__forms .mubadala__group_container .grouup__container .group__title {
        text-transform: uppercase;
        font-family: Interstate-light;
        font-size: 22px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 1.2px;
        color: #373737;
    }

        .online__forms .mubadala__group_container .grouup__container .group__title p {
            padding: 25px 0 20px 13px;
            font-family: Interstate-light;
        }

    .online__forms .mubadala__group_container .grouup__container .pdf__container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        max-width: 1558px;
        margin: 0 auto;
        width: 100%;
    }

        .online__forms .mubadala__group_container .grouup__container .pdf__container .pdf_lang_container {
            cursor: pointer;
            margin: 10px 14px;
            width: 180px;
            height: 56px;
            border-radius: 3px;
            border: solid rgba(114, 116, 124, 0.1);
            background-color: rgba(255, 255, 255, 0.58);
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
        }

@media (max-width: 502px) {
    .online__forms .mubadala__group_container .grouup__container .pdf__container .pdf_lang_container {
        min-width: 180px;
        width: 100%;
    }
}

.online__forms .mubadala__group_container .grouup__container .pdf__container .pdf_lang_container .group__pdf__icon {
    width: 24%;
    padding: 4px 12px 6px 12px;
}

    .online__forms .mubadala__group_container .grouup__container .pdf__container .pdf_lang_container .group__pdf__icon .group__pdf__size {
        width: 22px;
        height: 27px;
    }

.online__forms .mubadala__group_container .grouup__container .pdf__container .pdf_lang_container .group__pdf__text_container {
    padding: 0px 16px 0 5px;
}

    .online__forms .mubadala__group_container .grouup__container .pdf__container .pdf_lang_container .group__pdf__text_container .group_kb {
        font-family: Interstate-light;
        font-size: 10px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 1.5px;
        color: #999999;
    }

    .online__forms .mubadala__group_container .grouup__container .pdf__container .pdf_lang_container .group__pdf__text_container .group__lang_copy {
        font-family: Interstate-regular;
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 1.7px;
        color: #00b2a9;
    }

.online__forms .training__container {
    width: 92.9%;
    margin: 0 auto;
    margin-top: 30px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-bottom: 30px;
}

    .online__forms .training__container .training__calander__container {
        width: 48%;
        margin: 15px;
        min-height: 300px;
        background: #ffffff;
        padding: 30px;
        box-shadow: 0 0 28px 0 rgba(114, 116, 124, 0.1);
        border: solid rgba(114, 116, 124, 0.1);
        display: -webkit-inline-box;
    }

@media (max-width: 480px) {
    .online__forms .training__container .training__calander__container {
        min-height: 400px;
    }
}

@media (max-width: 768px) {
    .online__forms .training__container .training__calander__container {
        width: 100%;
        margin: 0 auto;
        min-height: 400px;
    }
}

@media (min-width: 480px) and (max-width: 991px) {
    .online__forms .training__container .training__calander__container {
        width: 100%;
        margin: 0 auto;
    }
}

@media (min-width: 992px) {
    .online__forms .training__container .training__calander__container {
        width: 43%;
        margin: 15px;
    }
}

@media (min-width: 1200px) {
    .online__forms .training__container .training__calander__container {
        width: 47%;
        margin: 15px;
    }
}

.online__forms .training__container .feedback__container {
    margin: 15px 0 15px 18px;
    width: 47%;
    min-height: 300px;
    padding: 30px;
    box-shadow: 0 0 28px 0 rgba(114, 116, 124, 0.07);
    background-color: #00b2a9;
}

@media (max-width: 768px) {
    .online__forms .training__container .feedback__container {
        width: 100%;
        margin: 0 auto;
        margin-top: 30px;
        padding-bottom: 70px;
    }
}

@media (min-width: 480px) and (max-width: 991px) {
    .online__forms .training__container .feedback__container {
        width: 100%;
        margin: 0 auto;
        margin-top: 30px;
    }
}

.online__forms .training__container .training__complain__container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

    .online__forms .training__container .training__complain__container .complaint__icon__sec {
        width: 19%;
        margin: 10px 20px 30px;
    }

@media (max-width: 480px) {
    .online__forms .training__container .training__complain__container .complaint__icon__sec {
        margin-left: 0;
        margin-bottom: 0px;
        -webkit-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
    }
}

@media (min-width: 992px) {
    .online__forms .training__container .training__complain__container .complaint__icon__sec {
        height: 83px;
    }
}

@media (min-width: 480px) and (max-width: 991px) {
    .online__forms .training__container .training__complain__container .complaint__icon__sec {
        width: 20%;
    }
}

.online__forms .training__container .training__complain__container .complaint__icon__sec .event {
    width: 90px;
    height: 83px;
    margin-bottom: 25px;
}

.online__forms .training__container .training__complain__container .complaint__icon__sec .survey {
    width: 160px;
    height: 148px;
    margin-left: -42px;
    margin-top: -26px;
}

.online__forms .training__container .training__complain__container .complaint__copy__container {
    -webkit-flex: 65%;
    -ms-flex: 65%;
    flex: 65%;
    padding-right: 0px;
}

@media (min-width: 992px) {
    .online__forms .training__container .training__complain__container .complaint__copy__container {
        padding-right: 20px;
    }
}

@media (max-width: 480px) {
    .online__forms .training__container .training__complain__container .complaint__copy__container {
        -webkit-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
    }
}

@media (max-width: 768px) {
    .online__forms .training__container .training__complain__container .complaint__copy__container {
        width: 100%;
        margin: 0 auto;
    }
}

.online__forms .training__container .training__complain__container .complaint__copy__container .copmplaint__title {
    font-family: Interstate-light;
    font-size: 26px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: 0.1px;
    color: #373737;
    padding-bottom: 20px;
}

.online__forms .training__container .training__complain__container .complaint__copy__container .complaint__sub_title {
    font-family: Interstate-light;
    font-size: 17px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.47;
    letter-spacing: -0.1px;
    color: #72747c;
}

.online__forms .training__container .training__complain__container .complaint__copy__container .complient__cta {
    margin-top: 25px;
    width: 129px;
    font-family: Interstate;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 1.6px;
    text-align: center;
    color: #72747c;
    opacity: 0.54;
    border-radius: 3px;
    background-color: rgba(114, 116, 124, 0.22);
}

.online__forms .training__container .training__complain__container .complaint__copy__container .feedback__title {
    padding-bottom: 20px;
    font-family: Interstate-light;
    font-size: 28px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: 0.1px;
    color: #ffffff;
}

.online__forms .training__container .training__complain__container .complaint__copy__container .feedback__sub_title {
    font-family: Interstate-light;
    font-size: 17px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.47;
    letter-spacing: -0.1px;
    color: #ffffff;
}

.online__forms .training__container .training__complain__container .complaint__copy__container .feedback__cta {
    margin-top: 30px;
    width: 126px;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.42;
    letter-spacing: 1.7px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
}

    .online__forms .training__container .training__complain__container .complaint__copy__container .feedback__cta a,
    .online__forms .training__container .training__complain__container .complaint__copy__container .feedback__cta a:hover,
    .online__forms .training__container .training__complain__container .complaint__copy__container .feedback__cta a:visited {
        color: #ffffff;
    }

.online__forms .content__forms__engage__container {
    width: 91%;
    margin: 0 auto;
    margin-top: 40px;
}

    .online__forms .content__forms__engage__container .forms__Container__title {
        font-family: Interstate-Bold;
        font-size: 22px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 1.2px;
        color: #373737;
        text-transform: uppercase;
    }

.coming_cta {
    margin-top: 20px;
    width: 126px;
    font-family: Interstate;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 1.6px;
    text-align: center;
    color: #72747c;
    opacity: 0.54;
    border-radius: 3px;
    border: solid rgba(114, 116, 124, 0.05);
    background-color: rgba(114, 116, 124, 0.22);
}

.complier__img {
    padding-right: 30px;
}

.copy_lan_pad_left {
    padding-left: 20px;
}

/*@import end*/
.loaded .ui-widget.ui-widget-content {
    border: 0px solid #c5c5c5;
    z-index: 99999;
    border-radius: 0px;
    background: #ffffff;
    box-shadow: none !important;
    padding: 25px 0px 25px;
    text-align: center;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 0% !important;
    width: 20px;
    margin: -20px 0 0 0 !important;
    padding: 1px;
    height: 20px;
}

.loaded .ui-dialog .ui-dialog-titlebar {
    background: transparent;
    border: none;
}

.loaded .ui-dialog .ui-dialog-titlebar-close {
    border: none;
    background: transparent;
}

.loaded .ui-widget-overlay {
    background: #000;
    opacity: 0.6;
}

.ui-dialog .ui-dialog-title {
    font-size: 26px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: -0.5px;
    color: #373737;
    margin-bottom: 0px;
    font-family: "Interstate-Regular";
}

.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix {
    padding: 0;
}

.ui-dialog .ui-dialog-content {
    font-size: 18px;
    text-transform: capitalize;
    color: #373737;
    font-family: "Interstate-light";
}

/* iPad mini in portrait and landscape Bhupesh */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .container__form .sponsorshipapprovalform .form-layout__group.radio .form--control {
        margin-top: 15px;
    }

    .container__form .giftapprovalform .form-layout__group.radio .form--control {
        margin-top: 15px;
    }

    .container__form .entertainmentmealsapprovalform .form-layout__group.radio .form--control {
        margin-top: 15px;
    }

    .container__form .countryentryapprovalform .form-layout__group.radio .form--control {
        margin-top: 15px;
    }

    .container__form .personaltradepreapprovalform .form-layout__group.radio[attr-radio-group-container=preferred_contact_mode] .form--control {
        margin-top: 15px;
    }

    .container__form .restrictedsecuritiesholdingsdisclosureform .form-layout__group.radio .form--control {
        margin-top: 15px;
    }

    .login__spotlight {
        background: url(../images/login_spotlight_ipad.jpg) no-repeat;
    }

    #search-container {
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s ease 0s;
        position: absolute;
        bottom: -6px;
        right: 5em;
        width: 0px;
    }

    #page-wrap {
        min-height: calc(100vh - 133px);
    }

    .login__spotlight__content__logo .desktop_logo {
        display: block;
    }

    .home__spotlight h1 {
        font-size: 28px;
    }

    .home__spotlight p {
        line-height: 1.71;
        letter-spacing: 0.5px;
        text-align: center;
        font-family: "Interstate-Thin";
        font-weight: bold;
    }

    .home__spotlight__overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 1;
        background-image: url(../images/spotlight-home.jpg);
        background-size: cover;
        top: 0px;
        left: 0px;
    }

    .spotlight {
        max-height: 495px;
    }

    .contact {
        height: calc(100vh - 205px);
    }

    .login {
        height: calc(100vh - 65px);
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) {
    #search-container {
        right: 9em;
    }

    .tabs_container .tabs-nav a {
        max-width: initial;
    }

    .home__spotlight__overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 1;
        background-image: url(../images/spotlight-home.jpg);
        background-size: cover;
        top: 0px;
        left: 0px;
    }

    .accord__expand__container .accord__box__container {
        min-width: 265px;
        height: 265px;
    }

    .online__forms .training__container .training__complain__container .complaint__icon__sec .event {
        margin-left: -25px;
    }

    /*Contact Us page*/
    .contact__signin__content {
        width: 85%;
    }
}

/*Ipad Pro portrait*/
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .container__form .sponsorshipapprovalform .form-layout__group.radio .form--control {
        margin-top: 15px;
    }

    .container__form .giftapprovalform .form-layout__group.radio .form--control {
        margin-top: 15px;
    }

    .container__form .entertainmentmealsapprovalform .form-layout__group.radio .form--control {
        margin-top: 15px;
    }

    .container__form .countryentryapprovalform .form-layout__group.radio .form--control {
        margin-top: 15px;
    }

    .container__form .personaltradepreapprovalform .form-layout__group.radio[attr-radio-group-container=preferred_contact_mode] .form--control {
        margin-top: 15px;
    }

    .container__form .restrictedsecuritiesholdingsdisclosureform .form-layout__group.radio .form--control {
        margin-top: 15px;
    }

    .login__spotlight {
        background: url(../images/login_spotlight_ipad.jpg) no-repeat;
    }

    #page-wrap {
        min-height: calc(100vh - 44px);
    }

    #search-container {
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s ease 0s;
        position: absolute;
        bottom: -6px;
        right: 5em;
        width: 0px;
    }
}

/*ipad pro landscape*/
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
    #search-container {
        right: 9em;
    }
}

/*iphone 6 7 8 media query portrait*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
    #search-container input[type="search"] {
        box-shadow: none;
        max-width: 270px;
        float: right;
    }
}

/*iphone 6 7 8 media query landscape*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
    .online__forms .training__container .training__calander__container {
        width: 100%;
        margin: 0 auto;
        min-height: 300px;
    }

    .online__forms .training__container .feedback__container {
        padding-bottom: 20px;
    }
}

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {
    .login__spotlight__content__logo span {
        display: block;
    }
}

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {
    .login__spotlight__content__logo span {
        display: inline-block;
    }

        .login__spotlight__content__logo span.separator {
            margin: -6px 20px;
            opacity: .5;
            height: 23px;
            width: 2px;
            background: #fff;
        }
}

span.select2 {
    width: 100% !important;
}

span.field-suffix {
    width: 10%;
    padding-left: 10px;
    padding-top: 12px;
}

.thankyou p {
    margin-bottom: 0px;
}

/* Added Bhupesh */
.form__inputs_datepicker .js-form-item-conflict-date {
    display: block !important;
}

/** form view data **/
form#views-exposed-form-forms-header-forms-header {
    max-width: 800px;
    margin: 30px auto;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.js-form-item.form-item.js-form-type-select.form-item-form-type.js-form-item-form-type {
    position: relative;
    align-items: center;
    width: 200px;
}

.js-form-item.form-item.js-form-type-select.form-item-email.js-form-item-email {
    position: relative;
    align-items: center;
    width: 200px;
}

    .js-form-item.form-item.js-form-type-select.form-item-email.js-form-item-email label {
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 600;
        display: block;
    }

.awselect .front_face .current_value {
    position: absolute;
    left: 0;
    font-size: 14px;
}

.js-form-item.form-item.js-form-type-select.form-item-form-type.js-form-item-form-type label {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
}

div#awselect_edit-form-type {
    width: 80%;
}

.form-dashboard-table div.description {
    position: absolute;
    display: block;
    bottom: -20px;
    left: 20%;
}

div#edit-email--description {
    position: absolute;
    display: block;
    bottom: -20px;
    left: 20%;
}

div#awselect_edit-email {
    width: 80%;
    font-size: 14px;
}

.js-form-item.form-item.js-form-type-date.form-item-created-at-min.js-form-item-created-at-min label {
    font-size: 14px;
    font-weight: 600;
    display: block;
}

.js-form-item.form-item.js-form-type-date.form-item-created-at-max.js-form-item-created-at-max label {
    font-size: 14px;
    font-weight: 600;
    display: block;
}

input.form-date {
    padding: 5px;
    margin-left: -5px;
    font-size: 14px;
}


.form-dashboard-table input.js-form-submit {
    padding: 6px;
    border-radius: 5px;
    width: 10%;
    font-size: 14px;
}

select.form-select {
    font-size: 14px;
    height: 36px;
    width: 100%;
}

.form-dashboard-table table {
    margin: 0 auto;
}

    .form-dashboard-table table thead tr th {
        padding: 5px;
        text-align: center;
        background-color: #dff0d8;
        border-bottom-width: 2px;
        border: 1px solid #f4f4f4;
        clear: both;
        margin-top: 6px !important;
        margin-bottom: 6px !important;
        max-width: none !important;
        border-collapse: separate !important;
        font-size: 13px;
        font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        color: #333333;
        font-weight: 600;
    }

    .form-dashboard-table table tbody tr td {
        padding: 5px;
        border: 1px solid #f4f4f4;
        line-height: 1.42857143;
        vertical-align: top;
        clear: both;
        margin-top: 6px !important;
        margin-bottom: 6px !important;
        max-width: none !important;
        border-collapse: separate !important;
        font-size: 14px;
    }

.feed-icon {
    background: url(../../../../misc/feed.svg) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
    width: 16px;
    height: 16px;
}

.form-dashboard-table table thead tr th a {
    color: #333333;
    font-weight: 600;
}

.form-dashboard-table li.pager__item.is-active a {
    background: #337ab7;
    border-color: #337ab7;
    color: #fff;
}

.form-dashboard-table .pager li > a,
.pager li > span {
    border-radius: 0;
}

.awselect .front_face {
    padding: 8px 15px !important;
}

@media (max-width: 767px) {
    .js-form-item.form-item.js-form-type-select.form-item-form-type.js-form-item-form-type {
        margin-bottom: 30px;
    }

    .js-form-item.form-item.js-form-type-select.form-item-email.js-form-item-email {
        margin-bottom: 30px;
    }

    form#views-exposed-form-forms-header-forms-header {
        padding: 0 20px;
        display: block;
    }

    input#edit-created-at-min {
        border: 1px solid #ddd;
    }


    input#edit-created-at-max {
        border: 1px solid #ddd;
    }

    .form-dashboard-table input.form-submit {
        width: 20%;
    }

    .dashboard-table-wrapper {
        overflow: auto;
        padding: 20px;
    }

    input.form-date {
        height: 36px;
        margin-left: 0px;
    }
}

.form-dashboard-table .form-actions {
    width: 100%;
    margin-top: 50px;
}

.csv-feed {
    display: inline-block;
    margin-left: 10px;
}

.app_wrapper {
    display: block;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

@media (min-width:768px) {
    .app_wrapper {
        display: flex;
    }
}

.app_wrapper span {
    font-size: 12px;
    color: #a2a2a2;
    line-height: 1.3;
    font-weight: 300;
    font-style: normal;
    display: block;
    width: 30%;
}

.footer__right .app_wrapper span {
    width: auto;
}

.app_wrapper img {
    width: 100px;
    height: 35px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 5px;
}

@media (min-width:768px) {
    .app_wrapper img {
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

.login-page .footer .footer__right .app_wrapper {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

@media (min-width:768px) {
    .login-page .footer .footer__right .app_wrapper {
        width: 48%;
        margin: initial;
    }
}

.top__right .app_wrapper {
    display: none;
}

@media (min-width:900px) {
    .top__right .app_wrapper {
        display: flex;
    }
}

/* Home Modal */
body.modal-open {
    overflow: hidden;
    position: fixed;
}

@media (min-width:900px) {
    body.modal-open {
        overflow: hidden;
        position: relative;
    }
}

.homemodal-section {
    background: #b1e4e3;
    border: 0px;
    border-radius: 0px;
}

.modal_head h4 {
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: -0.5px;
    color: #002b4a;
    margin-bottom: 0px;
}

.modal_head p {
    font-size: 18px;
    line-height: 1.1;
    letter-spacing: -0.3px;
    color: #002b4a;
    margin-top: 7px;
    margin-bottom: 15px;
}

.modal_head h4 span {
    display: block;
}

.modal_wrapper {
    padding: 33px 17px 0px 17px;
}

.homemodal-section button.close {
    opacity: 1;
    padding: 10px;
}

    .homemodal-section button.close img {
        width: 15px;
    }

@media (min-width:900px) {
    .modal_wrapper {
        padding: 50px 20px 0px 40px;
    }

    .homemodal-section button.close {
        opacity: 1;
        padding: 20px;
    }

        .homemodal-section button.close img {
            width: auto;
        }
}

.homemodal-section .modal-body {
    padding: 0px;
}

.homewrap_content {
    display: block;
    justify-content: space-between;
}

.applink_wrapper {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 2rem;
    height: 45px;
}

    .applink_wrapper img {
        margin-right: 10px;
        width: 124px;
        height: 42px;
    }

.modalbg_wrapper img {
    width: 237px;
    height: 184px;
}

.modalbg_wrapper {
    text-align: center;
}

body.modal-open div#homeModal {
    display: table;
    height: 100%;
    width: 100%;
}

div#homeModal .modal-dialog {
    width: auto;
}

@media (max-width:769px) {
    .homemodal-section {
        width: 95%;
        margin: 0 auto;
    }

    .vertical-alignment-helper {
        display: table;
        height: 100%;
        width: 100%;
    }

    div#homeModal .modal-dialog {
        display: table-cell;
        vertical-align: middle;
    }
}

@media (min-width:800px) {
    .modal {
        text-align: center;
        padding: 0 !important;
    }

        .modal:before {
            content: '';
            display: inline-block;
            height: auto;
            vertical-align: middle;
            margin-right: -4px;
        }

    .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }
}

@media (min-width:768px) {
    .homemodal-section {
        width: 680px;
    }

    div#homeModal .modal-dialog {
        width: 680px;
    }

    .modal_head h4 {
        font-size: 40px;
    }

    .modal_head p {
        font-size: 22px;
    }

    .homewrap_content {
        display: flex;
    }

    /* .modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
  } */

    .modalbg_wrapper img {
        width: 100%;
        height: auto;
    }
}

@media (min-width:600px) {
    .homewrap_content {
        display: flex;
    }
}

.formbot {
    margin-bottom: 10px;
    position: relative;
}

/* Search filter View */
.views-element-container {
    width: 87.5%;
    margin: 0rem auto 0rem;
    max-width: 1558px;
    padding: 20px;
}

    .views-element-container .accordian__title {
        border-bottom: 2px solid #d8d8d8;
        font-size: 22px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: -0.1px;
        color: #373737;
        padding-bottom: 15px;
        display: none;
    }

    .views-element-container .recent__acordian__container .forms__Container__title {
        border-bottom: 2px solid #d8d8d8;
        font-size: 22px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: -0.1px;
        color: #373737;
        padding-bottom: 15px;
        display: none;
    }

    /* .views-element-container .accord__expand__container .accord__box__container .accord__box__title {
  font-size: 19px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.31;
  letter-spacing: 0.1px;
  color: #515151;
  position: relative;
  height: auto;
  font-weight: bold;
} */

    .views-element-container .accord__expand__container {
        padding: 0px 0;
        width: 100%;
    }

        .views-element-container .accord__expand__container .accord__box__container {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            margin: 20px 0px;
            min-width: 290px;
            width: 100%;
            height: auto;
            background: #ffffff;
            padding: 0px;
            box-shadow: none;
            border: 0px;
            display: -webkit-inline-box;
            border-bottom: 2px solid #d8d8d8;
            padding-bottom: 2rem;
        }

            .views-element-container .accord__expand__container .accord__box__container .accord__box__title {
                font-size: 19px;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.31;
                letter-spacing: 0.1px;
                color: #373737;
                position: relative;
                height: auto;
                font-weight: bold;
            }

                .views-element-container .accord__expand__container .accord__box__container .accord__box__title .acord__pdf__container {
                    position: relative;
                    bottom: 0px;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-flex-wrap: wrap;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    transition: 0.3s;
                    margin-top: 5rem;
                }


    .views-element-container .item-list a {
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 1.7px;
        color: #00b2a9;
        word-break: break-word;
    }

    .views-element-container .item-list li {
        width: 100%;
        float: left;
    }

    .views-element-container .item-list .views-field-field-gcc-document {
        width: 100%;
        float: left;
    }

    .views-element-container .item-list .views-field span.field-content {
        width: 100%;
        float: left;
    }

    .views-element-container .item-list span.views-field.views-field-field-gcc-document ul {
        width: 100%;
        float: left;
    }

    .views-element-container .item-list .views-field-field-gcc-title {
        width: 100%;
        float: left;
        margin: 30px 0 10px;
    }

    .views-element-container .item-list .views-field-field-rd-document {
        width: 100%;
        float: left;
    }

    .views-element-container .item-list .views-field-field-training-calendar-title {
        width: 100%;
        float: left;
        margin: 30px 0 10px;
    }

    .views-element-container .item-list .views-field-field-policies-documents {
        width: 100%;
        float: left;
    }

        .views-element-container .item-list .views-field-field-policies-documents ul {
            width: 100%;
            float: left;
        }

    .views-element-container .item-list .views-field-field-document-heading {
        width: 100%;
        float: left;
    }

    .views-element-container .item-list .views-field-field-resources-documents {
        width: 100%;
        float: left;
    }

    .views-element-container .item-list .views-field.views-field-field-file-title {
        width: 100%;
        float: left;
        margin: 30px 0 10px;
    }

.views-field span.field-content {
    font-size: 19px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: 0.1px;
    color: #373737;
    position: relative;
    height: auto;
    font-weight: bold;
}

.views-field.views-field-field-file-title {
    margin-bottom: 15px;
}

.views-field span.field-content ul li {
    font-size: 16px;
    font-weight: normal;
}

span.file {
    font-size: 18px;
    margin: 12px 0px;
}


span.views-field.views-field-field-gcc-document ul {
    list-style-type: none;
    margin-left: 0rem;
    padding: 0px;
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

    span.views-field.views-field-field-gcc-document ul li {
        font-size: 16px;
        font-weight: normal;
        width: 180px;
        float: left;
        margin: 0px 10px;
    }

span.views-field.views-field-field-gcc-document span.field-content ul li span {
    cursor: pointer;
    height: 56px;
    border-radius: 3px;
    border: solid rgba(114, 116, 124, 0.1);
    background-color: rgba(255, 255, 255, 0.58);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: left;
}

    span.views-field.views-field-field-gcc-document span.field-content ul li span a {
        font-family: Interstate-light;
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 1.7px;
        color: #00b2a9;
        background: url(../images/icons-svg/icon-pdf.svg) no-repeat;
        background-position: 10px 5px;
        padding-left: 3.5rem;
        height: 50px;
        width: 100%;
        display: flex;
        align-items: center;
        transition: 0.3s;
    }

        span.views-field.views-field-field-gcc-document span.field-content ul li span a:hover {
            transition: 0.3s;
            color: #373737;
        }

.views-field.views-field-field-document {
    /* display: none; */
}

    .views-field.views-field-field-document span a {
        font-size: 18px;
    }

span.views-field.views-field-field-resources-documents ul {
    list-style-type: disc;
    margin-left: 2rem;
    padding: 15px 0px;
}

span.views-field.views-field-field-rd-document ul {
    list-style-type: disc;
    margin-left: 2rem;
    padding: 15px 0px;
}

.form-item-search-api-fulltext label {
    display: none;
}

div#edit-search-api-fulltext--description {
    display: none;
}

input#edit-search-api-fulltext {
    padding: 7px 9px;
    border: 1px solid #ccc;
    z-index: 998;
    border-radius: 4px;
    box-shadow: 0px 0px 5px #ccc;
    width: 100%;
}

.feedback__cta a {
    color: #00b2a9 !important;
    padding: 16px 18px;
    background: #ffffff;
    line-height: 45px !important;
    border-radius: 5px;
    transition: 0.3s;
}

    .feedback__cta a:hover {
        color: #373737 !important;
        transition: 0.3s;
    }

.down_size a {
    color: #00b2a9 !important;
}

.meal-details.people-list {
    margin-bottom: 0px !important;
}

@media (min-width:991px) {
    .form--group.peoples-list-wrap {
        margin-top: -20px;
    }
}

span.peoples-list {
    font-size: 11px;
    letter-spacing: 0px;
    color: #9a9ca2;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
}

@media (min-width:768px) {
    span.peoples-list {
        font-size: 13px;
        letter-spacing: 0.3px;
    }
}

.footer__right ul li img {
    width: 17px;
    height: 17px;
}

img.icon-youtube {
    padding-top: 6px;
}

img.icon-twitter {
    margin-top: 3px;
}

.footer__right ul li img.icon-fab {
    width: 9px;
}

.grouup__container {
    margin-bottom: 4rem !important;
}

.dialog-off-canvas-main-canvas {
    position: relative;
}

.status_message {
    display: none;
}

div#resultmessage p {
    padding: 0;
    font-size: 14px;
}

    div#resultmessage p.alert {
        color: #be3a34;
    }

    div#resultmessage p.success-alert {
        color: #000000;
    }

.online__forms .accord__expand__container .accord__box__container .accord__box__title .acord__pdf__container .accord__text .down_size:hover {
    color: #373737;
    transition: 0.3s;
}

.accord__expand__container .accord__box__container .accord__box__title .acord__pdf__container .accord__text .down_size a:hover {
    color: #373737 !important;
    transition: 0.3s;
}

.accord__expand__container .accord__box__container .accord__box__title .acord__pdf__container .accord__text .down_size:hover {
    color: #373737;
    transition: 0.3s;
}

.online__forms .mubadala__group_container .grouup__container .pdf__container .pdf_lang_container .group__pdf__text_container .group__lang_copy:hover {
    color: #373737;
    transition: 0.3s;
}

.accord__expand__container .accord__box__container .accord__box__title span.file {
    font-size: 22px;
    /*word-break: break-all;*/
}

@media (min-width:900px) {
    .container__form .form-layout__submit {
        margin-bottom: 15px;
    }
}

.termsncondition_content {
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.27;
    letter-spacing: 0.3px;
    margin-bottom: 12px;
    font-size: 14px;
    color: #72747c;
}

.policies-dialog {
    width: 75%;
    max-width: 1200px;
    margin: 0 auto;
}

@media (max-width:820px) {
    .policies-dialog {
        width: 95%;
        max-width: 1200px;
    }
}

.policies-dialog button.close {
    color: #ffffff;
    background: transparent;
    opacity: 1;
    cursor: pointer;
    width: 50px;
    min-width: 30px;
    height: 50px;
    line-height: 1;
    font-size: 1.5em;
    font-family: initial;
    text-shadow: none;
    position: absolute;
    right: 0;
    z-index: 11;
}

.modal-bodys {
    margin-top: 0.5rem;
}

.sponsr_located-title h4 {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

@media (max-width:430px) {
    .recent_wrap-banner .spotlight.container {
        background-position: 70% 50% !important;
    }
}

.file_upload_wrap .status_message {
    display: block !important;
    color: #be3a34;
}

    .file_upload_wrap .status_message ul li {
        display: none;
    }

        .file_upload_wrap .status_message ul li:last-child {
            display: block;
        }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .container__form .form-layout .form--group .form-control:required {
        outline: none
    }

    .container__form .form-layout .form--group .form-control:invalid {
        outline: none
    }
}

.visually-hidden {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
    word-wrap: normal;
}

#views-exposed-form-search-api-page-1 {
    position: relative;
    width: 0%;
    height: 40px;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}


    #views-exposed-form-search-api-page-1 input#edit-search-api-fulltext {
        width: 0;
        opacity: 0;
        position: absolute;
        right: 35px;
        outline: none;
        transition: width .5s ease, opacity .35s .15s ease;
        height: 40px;
        padding: 7px 9px;
        border: 1px solid #ccc;
        z-index: 998;
        border-radius: 4px;
        box-shadow: 0px 0px 5px #ccc;
    }


#search-container .searchbox-icon,
input#edit-submit-search-api {
    height: 20px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    text-indent: -999px;
    overflow: hidden;
    background: url(/themes/custom/compliance_v2/images/icons-svg/ico-search.svg) no-repeat center;
    padding: 20px 0px;
    width: 30px;
}

    #search-container .searchbox-icon:hover,
    input#edit-submit-search-api:hover {
        background: url(/themes/custom/compliance_v2/images/icons-svg/ico-searchover.svg) no-repeat center;
    }

#views-exposed-form-search-api-page-1.searchbox-open {
    width: 100%;
}

    #views-exposed-form-search-api-page-1.searchbox-open input#edit-search-api-fulltext {
        width: 450px;
        opacity: 1;
        transition: width .5s ease, opacity .25s ease;
    }

@media (max-width:767px) {
    #views-exposed-form-search-api-page-1.searchbox-open input#edit-search-api-fulltext {
        width: 310px;
    }
}

@media (max-width:600px) {
    #views-exposed-form-search-api-page-1.searchbox-open input#edit-search-api-fulltext {
        width: 295px;
    }
}

@media (max-width:440px) {
    #views-exposed-form-search-api-page-1.searchbox-open input#edit-search-api-fulltext {
        width: 265px;
    }
}

@media (max-width:361px) {
    #views-exposed-form-search-api-page-1.searchbox-open input#edit-search-api-fulltext {
        width: 210px;
    }
}

.call-icon-header {
    height: 28px;
    width: auto; /*80px;*/
    margin-right: 7px;
    position: relative;
}


.top__right .call-icon-header ul {
    opacity: 0;
    position: absolute;
    visibility: hidden;
}

.mobile-no-link {
    display: block;
}

.for-desktop-link {
    display: none;
}

@media (min-width:768px) {

    .mobile-no-link {
        display: none;
    }

    .for-desktop-link {
        display: block;
    }

    .top__right .call-icon-header.active ul {
        opacity: 1;
        visibility: visible;
        position: absolute;
        width: 180px;
        right: -20px;
        box-shadow: 0 2px 18px 0 rgb(0 0 0 / 15%);
        border: solid 1px #e2e2e2;
        background-color: white;
        border-radius: 10px;
        top: 34px;
        z-index: 999;
    }

        .top__right .call-icon-header.active ul::before {
            content: "";
            background: url(../images/icon-triangle.png);
            width: 20px;
            height: 20px;
            position: absolute;
            background-repeat: no-repeat;
            top: -10px;
            right: 21px;
        }

        .top__right .call-icon-header.active ul li a {
            padding: 10px 8px;
            display: block;
            font-size: 14px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 2.36;
            letter-spacing: 1.1px;
            color: #373737;
            text-transform: uppercase;
            cursor: default;
        }

        .top__right .call-icon-header.active ul li {
            margin: 0px 30px;
        }
}

.accord__expand__container .accord__box__container.group_compliance_container {
    height: auto;
}

.accord__expand__container .accord__box__container .accord__box__title.group_compliance_box_title {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}


.accord__expand__container .accord__box__container .accord__box__title .acord__pdf__container.group_compliance_pdf_container {
    position: relative;
    bottom: 0px;
    align-items: flex-end;
}


.accord__expand__container .accord__box__container .accord__box__title .acord__pdf__container .accor__pdficon.group_compliance_pdficon {
    position: relative;
}

.container__form .form-layout__submit .btn-submit:hover, .form-submit:hover {
    background: #eee;
    color: #373737;
    transition: 0.3s;
}

.contact__signin.container {
    border-left: 0px solid #ececec;
}

.online__forms .accord__expand__container.training_expand {
    width: 92.9%;
}

.navigation_admin {
    margin: 0px auto;
    padding: 25px 20px;
}

    .navigation_admin a {
        border: 1px solid #00b2a9;
        padding: 10px 25px;
        color: #373737;
        transition: 0.3s;
    }

        .navigation_admin a:hover {
            background: #00b2a9;
            color: #ffffff;
            transition: 0.3s;
        }

form#user-login-form {
    margin: 0px auto;
    padding: 25px 20px;
    width: 1600px;
    max-width: 1600px;
}

form#user-pass {
    margin: 0px auto;
    padding: 25px 20px;
    width: 1600px;
    max-width: 1600px;
}

@media (max-width:360px) {
    .menu-open .top__mobile ul li span {
        font-size: 12px;
    }
}

@media (max-width:768px) {
    .overlay_pdf a {
        height: 450px;
        position: absolute;
        min-width: 22.86%;
        right: 0%;
        cursor: pointer;
        z-index: 2;
        width: 100%;
        margin-top: 0;
        top: 51.2%;
    }
}

.overlay_pdf a {
    height: 450px;
    position: absolute;
    min-width: 22.86%;
    right: 5%;
    cursor: pointer;
    z-index: 2;
}

.accord__expand__container .accord__box__container .accord__box__title span.file a {
    color: #373737;
}

.group_compliance_box_title {
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: 0.1px;
    color: #373737;
}

.loading-form {
    position: fixed;
    z-index: 1000000;
    width: 100%;
    height: 100%;
    text-align: center;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    display: none;
}

    .loading-form .loading-form__content {
        display: block;
        position: absolute;
        top: 50%;
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
    }

        .loading-form .loading-form__content > span {
            display: inline-block;
            position: relative;
            width: 100px;
            height: 1px;
            overflow: hidden;
        }

            .loading-form .loading-form__content > span span {
                display: block;
                position: absolute;
                bottom: 0;
                left: -102px;
                overflow: hidden;
                width: 100px;
                height: 3px;
                background-color: #00b2a9;
                -webkit-animation: loaderanim 1s 0s infinite;
                animation: loaderanim 1s 0s infinite;
            }

        .loading-form .loading-form__content svg {
            fill: #00b2a9;
        }

.loading-form__content img {
    width: 70px;
    height: 70px;
}


.potential_conflict {
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.27;
    letter-spacing: 0.3px;
    margin-bottom: 12px;
    font-size: 15px;
    color: #72747c;
}

/* .form-managed-file .form-submit {
  visibility: hidden;
} */

@media (min-width:891px) {
    div#page-wrap {
        min-height: 600px;
    }

    .login-page div#page-wrap {
        min-height: 530px;
    }
}

.spotlight_suphead a {
    color: #00b2a9;
    /* text-decoration: underline; */
}

div#home_modal {
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    bottom: auto;
}

    div#home_modal video {
        width: 100%;
        height: auto;
    }

div#policies_modal {
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    bottom: auto;
    overflow-y: hidden;
}

    div#policies_modal video {
        width: 100%;
        height: auto;
    }

.accor__pdficon.group_compliance_pdficon a svg {
    width: 36px;
    height: 52px;
    padding-top: 10px;
}

.acord__pdf__container .accor__pdficon a svg {
    width: 36px;
    height: 52px;
    padding-top: 10px;
}

.acord__pdf__container .accor__pdficon svg {
    width: 36px;
    height: 52px;
    padding-top: 10px;
}
/* compliance-resources css starts*/

.tab-headings .tabs {
    text-transform: uppercase;
    font-weight: 300;
    margin-right: 20px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    padding-bottom: 10px;
    color: #00b2a9;
    font-size: 14px;
}

@media (min-width: 768px) {
    .tab-headings .tabs {
        font-size: 16px;
    }
}

.tab-headings .tabs:hover,
.tab-headings .tabs.is-active {
    border-bottom-color: #373737;
    color: #373737;
}

.tab-list .accord__expand__container {
    display: none;
}

    .tab-list .accord__expand__container.is-active {
        display: flex;
    }

.infographics-slides, .videos-slides {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

    .infographics-slides .slick-slider {
        margin: 0 -15px;
    }

    .infographics-slides .slide, .videos-slides .details_video {
        width: 100%;
        margin-bottom: 20px;
    }

@media (min-width: 768px) {
    .infographics-slides .slide, .videos-slides .details_video {
        margin-right: 18px;
    }
}

.infographics-slides .slide a, .videos-slides .details_video a, .img-container {
    position: relative;
}

.slick-lightbox-slick-item-inner img {
    width: 100%;
}

.slick-arrow, button.slick-arrow {
    width: 60px;
    height: 60px;
}

.compliance button.slick-arrow.slick-prev:before, .compliance button.slick-arrow.slick-next:before {
    content: "";
}

.compliance .slick-lightbox-slick-caption {
    color: #000;
    padding: 15px 35px 15px 15px;
    background-color: rgb(255, 255, 255);
    text-align: left;
    font-size: 14px;
    position: relative;
}

@media (min-width: 1024px) {
    .compliance .slick-lightbox-slick-caption {
        font-size: 16px;
    }
}

.compliance .slick-arrow.slick-prev, button.slick-arrow.slick-prev {
    left: -4%;
    top: 50%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


.compliance .slick-arrow.slick-next, button.slick-arrow.slick-next {
    right: -4%;
    top: 50%;
}


@media (min-width: 375px) {
    .compliance .slick-arrow.slick-next, button.slick-arrow.slick-next {
        right: -2%;
    }

    .compliance .slick-arrow.slick-prev, button.slick-arrow.slick-prev {
        left: -2%;
    }
}

@media (min-width: 600px) {
    .compliance .slick-arrow.slick-next, button.slick-arrow.slick-next {
        right: 15%;
    }

    .compliance .slick-arrow.slick-prev, button.slick-arrow.slick-prev {
        left: 15%;
    }
}

@media (min-width: 1024px) {
    .slick-arrow.slick-prev, button.slick-arrow.slick-prev {
        -webkit-transform: translate(-20%, -50%) rotate(180deg) !important;
        transform: translate(-20%, -50%) rotate(180deg) !important;
    }
}

@media (min-width: 1600px) {
    .compliance .slick-arrow.slick-next, button.slick-arrow.slick-next {
        right: 27%;
    }

    .compliance .slick-arrow.slick-prev, button.slick-arrow.slick-prev {
        left: 27%;
    }
}

.compliance .slick-initialized .slick-slide {
    position: relative;
}

.compliance .slick-lightbox-slick-item-inner, .compliance .slick-lightbox-slick-iframe-wrap {
    vertical-align: middle;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    flex-direction: column-reverse;
    min-width: 300px;
}

.compliance .slick-lightbox-slick-img, .compliance .slick-lightbox-slick-iframe {
    max-width: 700px;
    min-height: 250px;
}

@media (min-width: 768px) {
    .infographics-slides .slide, .videos-slides .details_video {
        width: 30%;
    }

    .compliance .slick-lightbox-slick-iframe {
        width: 385px;
        min-height: 285px;
    }
}

@media (min-width: 1024px) {
    .infographics-slides .slide, .videos-slides .details_video {
        width: 23%;
    }

    .compliance .slick-lightbox-slick-iframe {
        width: 515px;
        min-height: 375px;
    }
}

@media (min-width: 1200px) {
    .compliance .slick-lightbox-slick-iframe {
        width: 650px;
    }
}

@media (min-width: 1440px) {
    .compliance .slick-lightbox-slick-iframe {
        width: 700px;
    }
}

.infographics-slides .slide img, .videos-slides .details_video img {
    width: 100%;
}

.infographics-slides .slide span, .videos-slides span {
    font-family: Interstate-light;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.38;
    letter-spacing: 0.12px;
    color: #373737;
}

.caption-info {
    padding-top: 10px;
    display: inline-block;
}

.slick-arrow {
    background: url(../images/icon-btn-next-back.svg) no-repeat center center !important;
    background-size: 80% 100% !important;
    border-radius: 50%;
}

.slick-lightbox-close {
    display: none !important;
}

.slick-lightbox-slick-caption .slick-lightbox-close {
    display: block !important;
    right: 8px !important;
    top: 5px !important;
}

.slick-lightbox-close:before {
    color: #00b2a9 !important;
    font-size: 35px !important;
}

@media (min-width: 768px) {
    .slick-arrow {
        background-size: inherit !important;
    }
}

.playButton {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -67px;
    margin-left: -67px;
}

    .playButton img {
        width: 50%;
    }


/* compliance-resources css ends */
/********************************************************************/
thead.table-column th {
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    padding: 15px;
    font-size: 16px;
    line-height: 1.27;
    letter-spacing: 0.3px;
    color: #72747c;
}

table.table-form {
    border-radius: 3px;
    border: solid 1px #dddddd;
    background-color: white;
}

    table.table-form tr {
        border-top: solid 1px #dddddd;
    }

    table.table-form td {
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        padding: 15px;
        font-size: 15px;
        line-height: 1.27;
        letter-spacing: 0.3px;
        color: #72747c;
    }

.notification {
    position: relative;
}


    .notification .badge {
        position: absolute;
        top: 10px;
        right: 50px;
    }

.profile-pic-box img {
    width: 200px;
    height: 200px;
    box-shadow: 2px 0 7px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 24px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: default;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 4px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .slider.checked:before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: auto;
        right: 6px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

.slider.checked {
    background-color: #00B2A9;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.form-layout__group .btn-group button {
    background-color: #7e8a7f; /* Green background */
    border: 1px solid green; /* Green border */
    color: white; /* White text */
    padding: 0px 27px; /* Some padding */
    cursor: pointer; /* Pointer/hand icon */
    float: left; /* Float the buttons side by side */
}

/* Clear floats (clearfix hack) */
.form-layout__group .btn-group:after {
    content: "";
    clear: both;
    display: table;
}

.form-layout__group .btn-group button:not(:last-child) {
    border-right: none; /* Prevent double borders */
}

/* Add a background color on hover */
.form-layout__group .btn-group button.checked {
    background-color: #00B2A9;
}

/*investigation form styles*/

.timeline_of_events .add-remove-btns,
.possible_violations .add-remove-btns {
    width: 100%;
    position: absolute;
    left: -10px;
    top: 30px;
}

.knowledgebase_container .content__forms__container .accord__icon {
    margin: 15px 0;
}

.knowledgebase_container .overlay_pdf a {
    right: 0;
}

.knowledgebase_container .content__forms__container .accordian__minus {
    margin-right: auto;
}

.knowledgebase_container .accord__expand__container {
    width: 94.5%;
    padding: 10px 30px 0;
}

.knowledgebase_container .forms__Container__title .faq {
    font-size: 16px;
    text-transform: initial;
    font-weight: 600;
}

.knowledgebase_container .content__forms__container .recent__acordian__container {
    padding: 0;
}

.knowledgebase_container .questionair-section {
    margin-bottom: 10px; /*40px;*/
}

    .knowledgebase_container .questionair-section .questionair--title {
        width: 100%;
        margin: 0 0 20px;
        font-weight: 600;
        font-size: 32px;
        letter-spacing: 1.2px;
        color: #373737;
        position: relative;
        padding-left: 15px;
    }

.knowledgebase_container .content__forms__container .recent__acordian__container {
    width: 100%;
    margin: 20px 0;
}

.knowledgebase_container .questionair-section .questionair--title:before {
    content: "";
    width: 3px;
    height: 33px;
    background-color: #00b2a9;
    position: absolute;
    left: 0px;
}

.spotlight_suphead.search-contrl {
    position: relative;
}


.knowledge__wrapper.online__forms .spotlight_suphead {
    width: 100%;
}

.spotlight_suphead.search-contrl .helpCntrl {
    width: 73%;
    margin-right: 2%;
    float: left;
}

.spotlight_suphead.search-contrl span.glyphicon-search {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #d8d8d8;
}

    .spotlight_suphead.search-contrl span.glyphicon-search:before {
        font-size: 20px;
    }

.spotlight_suphead.search-contrl .btnSearch {
    height: 50px;
    border: solid 1px #00b2a9;
    background-color: #00b2a9;
    color: #fff;
    width: 22%;
    text-transform: uppercase;
    padding: 0px 60px;
    margin-bottom: 30px;
    transition: 0.3s;
}

.radio-inline.hideBlock + .radio-inline {
    margin-left: 0px !important;
}

.knowledgebase__container {
    width: 89.5%;
    margin: 0 auto;
}

.knowledgebase_container .knowledge_container {
    padding: 25px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.knowledgebase_container .knowledgebase-title {
    font-weight: 600;
    letter-spacing: 1.2px;
    color: #373737;
    position: relative;
    padding-left: 1rem;
    text-transform: uppercase;
    /* border-bottom: solid 1px rgba(216, 216, 216, 0.75);*/
    padding-bottom: 20px;
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 32px;
    font-family: "Interstate-Regular";
}


    .knowledgebase_container .knowledgebase-title:before {
        content: "";
        width: 3px;
        height: 33px;
        background-color: #00b2a9;
        position: absolute;
        left: 0px;
    }


.knowledgebase_container .knowledge_container .knowledge-items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 15px 32px 15px 0px;
    /* width: 22%;  */
    height: 150px;
    background: #00b2a9;
    padding: 17px;
    box-shadow: 0 0 28px 0 rgba(114, 116, 124, 0.07);
    border: solid rgba(114, 116, 124, 0.15);
    display: -webkit-inline-box;
    border: 1px solid #00b2a9;
}

.knowledgebase_container .right-sec {
    /* width: 24%;*/
    float: right;
}

.knowledgebase_container .questionair-section {
    /* width: 75%;*/
    float: left;
}

.knowledgebase_container .knowledge_container .knowledge-items.active {
    border: 1px solid #b7ec7c;
    background: #b7ec7c;
}

.knowledgebase_container .knowledge_container .knowledge-items .knowledge-title {
    width: 63%;
    height: auto;
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: 0.1px;
    color: #fff;
}

.knowledgebase_container .knowledge_container .knowledge-items a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: #fff;
}

.knowledgebase_container .help_acord__pdf__container a {
    display: flex;
}

    .knowledgebase_container .help_acord__pdf__container a,
    .knowledgebase_container .help_acord__pdf__container a:hover,
    .knowledgebase_container .help_acord__pdf__container a:visited {
        color: #373737;
    }

.knowledgebase_container .help_acord__pdf__container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .knowledgebase_container .help_acord__pdf__container .help_accor__pdficon {
        width: auto;
        cursor: pointer;
    }

    .knowledgebase_container .help_acord__pdf__container .pdf_title {
        font-family: 'Interstate-Light';
        font-size: 16px;
        color: #4d4d4d;
    }

    .knowledgebase_container .help_acord__pdf__container .down_size {
        padding-top: 2px;
        font-family: Interstate-light;
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.42;
        letter-spacing: 1.7px;
        color: #00b2a9;
        cursor: pointer;
        transition: 0.3s;
    }

    .knowledgebase_container .help_acord__pdf__container svg {
        width: 36px;
        height: 52px;
        padding-top: 10px;
    }

    .knowledgebase_container .help_acord__pdf__container .help_accord__text {
        width: auto;
        padding: 10px 0 0 10px;
    }

table .dataTable {
    width: 100%;
}


    table.dataTable td {
        padding: 10px 5px;
        border-bottom: 1px solid #e1e1e1;
        font-family: Interstate-Light;
    }

    table.dataTable th {
        font-family: Interstate-Regular;
        text-align: left;
        height: 35px;
        padding: 10px 5px;
        font-size: 15px;
    }


    table.dataTable thead {
        background-image: linear-gradient(263deg, #00b1b0 50%, #0283b1 80%);
        margin: 0;
        background-repeat: no-repeat;
        background-attachment: fixed;
        color: #ffffff;
    }

a#cancel {
    padding-top: 15px
}

table.attachtable {
    word-break: break-all;
}

table.attachtable {
    word-break: break-all;
}



.formsInfocls {
    position: absolute;
    width: 20px;
    border: 1px solid #00b2a9;
    border-radius: 50%;
    right: 0;
    height: 20px;
    line-height: 1;
    font-size: 16px;
    text-align: center;
    color: #00b2a9;
    font-weight: 600;
    vertical-align: middle;
    bottom: 0;
}

.bottom-box {
    position: relative;
    width: 100%;
    /* border: 1px solid; */
}

.blInfoCls {
    text-align: center;
    width: 55px;
    height: 18px;
    font-weight: bold;
    border: 1px solid rgb(114, 116, 124);
    padding-left: -2px;
    /* float: right; */
    /* margin-right: 296px; */
    top: 4px;
    position: relative;
    background-color: #FCE883;
    border-radius: 5px;
    display: inline-block;
    margin-left: 5px;
}

@media (max-width:767px) {
    #materialInfoIcon1 {
        display: inline-block;
    }

    #materialInfoIcon {
        display: none;
    }
}

@media (min-width:768px) {
    #materialInfoIcon1 {
        display: none;
    }

    #materialInfoIcon {
        display: inline-block;
    }
}

@media (max-width:413px) {
    .toggle-menu, .top__right .l-icon {
        margin-left: 0;
    }

    .email_iconheader {
        width: 45px;
    }

    .menu-open .toggle-menu {
        margin-left: 0;
    }
}

@media (max-width:500px) {


    .email_iconheader, .call-icon-header {
        display: none;
    }

    .name-header {
        text-align: center;
        font-size: 15px;
        line-height: 1;
        padding-right: 10px;
    }
}

.name-header {
    text-align: center;
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    z-index: 1044;
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

    .modal-content h2 {
        font-size: 26px;
    }
/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.modal-header {
    padding: 2px 16px;
    background-color: #00b2a9;
    color: white;
}

.modal-body {
    padding: 27px 42px;
}

.modal-footer {
    padding: 2px 16px;
    background-color: #00b2a9;
    color: white;
}

#myModalTypeOfConflict .modal-body, #myModalMaterialInfo .modal-body {
    text-align: left;
}

#myModalTypeOfConflict ul {
    list-style: disc;
    margin: 5px 35px;
}

#myModalMaterialInfo ul {
    list-style: disc;
    margin-left: 18px;
    margin-bottom: 10px;
}

.add-more-btn {
    color: #00b2a9;
    height: 50px;
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
}

    .add-more-btn img {
        margin-right: 5px;
    }

.home__spotlight {
    height: 100%;
}

    .home__spotlight.home__spot {
        /*background-image: url(../images/home-video-bg.png);
    background-size: contain;
    background-image: url(../images/m-home-daleel-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height:160px;*/
    }

        .home__spotlight.home__spot .home__spotlight__content {
            display: none;
        }

        .home__spotlight.home__spot .img-responsive.home-banner-for-desk, .home__spotlight.home__spot .img-responsive.home-banner-for-small {
            display: none;
        }

@media (min-width: 320px) {
    .home__spotlight.home__spot .img-responsive.home-banner-for-small {
        display: block;
    }
}

.home__spotlight.home__spot .home__spotlight__content {
    display: none;
}

@media (min-width: 992px) {
    .home__spotlight.home__spot .img-responsive.home-banner-for-desk {
        display: block;
    }

    .home__spotlight.home__spot .img-responsive.home-banner-for-small {
        display: none;
    }

    .home__spotlight .home__spotlight__content {
        width: 70%;
    }

    .home__spotlight p {
        padding: 0;
    }

    .home__spotlight .home__spotlight__content {
        display: block;
        position: absolute;
        top: 23%;
        font-size: 21px;
    }

    .home__spotlight h1 {
        font-size: 27px;
    }
}

@media (min-width: 1300px) {
    .home__spotlight .home__spotlight__content {
        width: 65%;
        top: 29%;
    }

    .home__spotlight h1 {
        font-size: 40px;
    }
}

.disclaimerNote {
    box-shadow: 0 0 28px 0 rgb(114 116 124 / 10%);
    border: 1px solid rgba(114, 116, 124, 0.1);
    display: block;
    padding: 20px;
    width: 92.9%;
    margin: 0 auto;
    padding-bottom: 10px;
    font-size: 12px;
}

.policies-banners .group_compliance_container {
    position: relative;
}

    /*.policies-banners .group_compliance_container .lang-block, .policies-banners .group_compliance_container:hover .banner-Ethics {
        display: none;
    }

    .policies-banners .group_compliance_container:hover > .lang-block {
        display: block;
        position: absolute;
        height: 100%;
        width: 100%;
        background-color: #00778b;
        padding: 5%;
    }*/
    .policies-banners .group_compliance_container > .lang-block {
        display: block;
        height: 100%;
        width: 100%;
        background-color: #00778b;
        padding: 5%;
    }

*
.policies-banners .group_compliance_container ul.preffered-lang {
    display: block;
    /* justify-content: space-between; */
    width: 100%;
    margin-top: 6%;
}

.policies-banners .group_compliance_container ul.preffered-lang li {
    width: 29%;
    display: inline-block;
    margin: 1%;
    border-radius: 5px;
    text-align: center;
}

    .policies-banners .group_compliance_container ul.preffered-lang li > a {
        position: relative;
        display: flex;
        width: 100%;
        align-items: center;
        color: #333f48;
        background-color: #fec526;
        align-content: center;
        padding: 10px;
        border-radius: 5px;
        /* text-align: center;
            justify-content: center;*/
        padding-left: 35%;
    }

        .policies-banners .group_compliance_container ul.preffered-lang li > a:before {
            position: absolute;
            content: ' ';
            width: 27px;
            height: 25px;
            background-image: url(../images/langauge-icon.png);
            background-size: contain;
            background-position: center;
            left: 15px;
            /* top: 0; */
            background-repeat: no-repeat;
            margin-right: 10px;
        }

        .policies-banners .group_compliance_container ul.preffered-lang li > a:hover {
            color: #fff;
            background-color: #00b2a9;
        }

            .policies-banners .group_compliance_container ul.preffered-lang li > a:hover:before {
                position: absolute;
                content: ' ';
                width: 27px;
                height: 25px;
                background-image: url(../images/langauge-icon-hover.png);
                background-size: contain;
                background-position: center;
                left: 15px;
                /* top: 0; */
                background-repeat: no-repeat;
                margin-right: 10px;
            }

@media(max-width: 1100px) {
    .policies-banners.accord__expand__container .accord__box__container.group_compliance_container {
        height: 160px;
    }

    .policies-banners .group_compliance_container:hover > .lang-block {
        padding: 0;
    }

    .lang-block p {
        margin-top: 10px;
        font-size: 12px;
    }

    .policies-banners .group_compliance_container ul.preffered-lang li {
        margin: 5px 5px;
    }

        .policies-banners .group_compliance_container ul.preffered-lang li > a {
            padding: 5px;
            padding-left: 28%;
            font-size: 10px;
        }

            .policies-banners .group_compliance_container ul.preffered-lang li > a:before {
                width: 20px;
                height: 15px;
                left: 5px;
            }

            .policies-banners .group_compliance_container ul.preffered-lang li > a:hover:before {
                width: 20px;
                height: 15px;
                left: 5px;
            }
}

@media(max-width: 768px) {
    .policies-banners .group_compliance_container ul.preffered-lang li {
        width: 28%;
    }

        .policies-banners .group_compliance_container ul.preffered-lang li > a {
            padding: 5px;
            padding-left: 34%;
            font-size: 9px;
        }
}

div.mandateNoteAck .modal-body {
    text-align: left;
}

.mandateNoteAck .form-layout {
    padding: 0;
    padding-top: 5px;
    /* justify-content: end; */
}

.mandateNoteAck .modal-body .form-layout__submit {
    justify-content: flex-end;
}

    .mandateNoteAck .modal-body .form-layout__submit input {
        margin-right: 0;
    }

.online__forms .training__container .training__complain__container .complaint__copy__container .complient__cta {
    color: #fff;
    background-color: #00b2a9;
    opacity: 1;
}

    .online__forms .training__container .training__complain__container .complaint__copy__container .complient__cta a {
        color: #fff;
    }

    .online__forms .training__container .training__complain__container .complaint__copy__container .complient__cta:hover {
        background-color: #fec526 !important;
        color: #72747c;
    }

        .online__forms .training__container .training__complain__container .complaint__copy__container .complient__cta:hover a {
            color: #373737;
        }

@media (min-width: 992px) {
    .container__form .submitSection .form-layout__submit {
        width: 23%;
    }

        .container__form .submitSection .form-layout__submit .btn-submit {
            width: 100%;
        }
}

.form-group.is-party.target-details {
    margin-top: 20px;
}

.form-group.is-party .details {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .form-group.is-party .details address {
        margin-top: 10px;
        margin-bottom: 10px;
    }

.form-group.is-party.target-details .target-title {
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
}

    .form-group.is-party.target-details .target-title:before {
        content: ' ';
        width: 10px;
        height: 10px;
        background-color: #00b2a9;
        position: absolute;
        border-radius: 5px;
        left: 0;
        top: 5px;
    }


.blue-btn.formsInfocls:before {
    border-bottom: 1px solid #00b2a9;
    border-left: 1px solid #00b2a9;
    border: none;
}


.blue-btn.formsInfocls:after {
    border-top: 1px solid #00b2a9;
    border-right: 1px solid #00b2a9;
    border: none;
}

.blue-btn.formsInfocls {
    width: 65px;
    background: #00b2a9 !important;
    border-radius: 0;
    height: auto;
    color: #fff !important;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.42;
    letter-spacing: 1.7px;
}

    .blue-btn.formsInfocls:hover {
        color: #fff;
        background: #fdb710 !important;
    }

.option-label {
    display: inline-block;
    position: relative;
    min-width: 45px;
}

    .option-label span.yes {
        text-align: center;
        background-color: #00b2a9;
        padding: 3px 10px;
        border-radius: 10px;
        color: #fff;
        font-weight: bold;
        line-height: 1.5;
    }

    .option-label span.no {
        text-align: center;
        background-color: #00b2a9;
        padding: 3px 10px;
        border-radius: 10px;
        color: #fff;
        font-weight: bold;
        line-height: 1.5;
    }

.pagination > li > a, .pagination > li > span {
    color: #00b2a9;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #00b2a9;
    border-color: #00b2a9;
    color: white;
}

:root {
    --primary-color: linear-gradient(135deg, #00b2a9, #00b2a9, #00b2a9) !important;
}

:root {
    --primary-gradient: var(--primary-color);
    --chat-width: 600px;
    --chat-height: 650px;
    --header-height: 56px;
    --border-radius: 16px;
    --transition-speed: 0.3s;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Interstate-Light";
}

body {
    min-height: 100vh;
    background-color: #f3f4f6;
}

#chatbot-popup {
    display: none;
    position: fixed;
    bottom: 32px;
    right: 32px;
    width: var(--chat-width);
    height: var(--chat-height);
    background: white;
    border-radius: var(--border-radius);
    box-shadow: 0 18px 40px -5px rgba(0, 0, 0, 0.2), 0 15px 20px -5px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    opacity: 0;
    transform-origin: bottom right;
    transform: scale(0.95);
    transition: all var(--transition-speed) ease-in-out;
    z-index: 999;
}

    #chatbot-popup.visible {
        display: block;
        opacity: 1;
        transform: scale(1);
    }

#chatbot-header {
    background: var(--primary-color);
    padding: 16px 20px;
    height: var(--header-height);
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--header-textColor);
}

.header-title {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    font-weight: 500;
}

.header-buttons {
    display: flex;
    gap: 12px;
    align-items: center;
}

.icon-button {
    background: none;
    border: none;
    color: var(--header-textColor);
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

    .icon-button:hover {
        color: var(--header-textColor);
        background: rgba(255, 255, 255, 0.1);
    }

    .icon-button:focus {
        outline: 2px solid rgba(255, 255, 255, 0.5);
        outline-offset: 2px;
    }

#webchat {
    height: calc(100% - var(--header-height));
    background-color: #f9fafb;
    position: relative;
}

.webchat-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.85);
    pointer-events: none;
    z-index: 1;
}

#webchat > div {
    position: relative;
    z-index: 2;
}

#webchat .webchat__basic-transcript__content {
    white-space: pre-wrap !important;
    word-break: break-word !important;
}

#webchat .webchat__bubble__content {
    padding: 8px 12px !important;
}

#webchat .webchat__bubble {
    max-width: 85% !important;
    margin: 8px !important;
}

#webchat .webchat__basic-transcript__content ul,
#webchat .webchat__basic-transcript__content ol,
#webchat .webchat__bubble__content ul,
#webchat .webchat__bubble__content ol {
    padding-left: 24px !important;
    margin: 8px 0 !important;
    list-style-position: outside !important;
    font-size: 14px;
}

#webchat .webchat__basic-transcript__content li,
#webchat .webchat__bubble__content li {
    margin: 4px 0 !important;
    padding-left: 4px !important;
    font-size: 14px;
}

#open-chat {
    position: fixed;
    bottom: 32px;
    right: 32px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--primary-gradient);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    transition: all var(--transition-speed) ease-in-out;
    z-index: 998;
}

    #open-chat.hidden {
        opacity: 0;
        transform: scale(0.95) translateY(10px);
        pointer-events: none;
    }

    #open-chat:hover {
        transform: translateY(-4px);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    }

    #open-chat:focus {
        outline: 3px solid rgba(79, 70, 229, 0.5);
        outline-offset: 2px;
    }

    #open-chat svg {
        width: 28px;
        height: 28px;
        color: white;
        transition: transform 0.2s ease;
    }

.main-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 48px 24px;
}

    .main-content h1 {
        font-size: 36px;
        color: #111827;
        text-align: center;
    }

    .main-content p {
        font-size: 18px;
        color: #4b5563;
        line-height: 1.6;
        margin-bottom: 48px;
        text-align: center;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }

.content-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    margin-bottom: 32px;
}

.content-box {
    background: linear-gradient(135deg, #e6e6e6, #c4c4c4, #9f9f9f);
    padding: 32px;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    overflow: hidden;
}

    .content-box::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
    }

    .content-box.featured {
        grid-column: span 2;
        min-height: 350px;
        background: linear-gradient(135deg, #e6e6e6, #c4c4c4, #9f9f9f);
        color: #000000;
    }

    .content-box h2 {
        font-size: 24px;
        margin-bottom: 16px;
        position: relative;
    }

    .content-box p {
        font-size: 16px;
        color: #6b7280;
        margin-bottom: 0;
    }

    .content-box.featured p {
        color: #000000;
    }

@media (max-width: 768px) {
    .content-grid {
        grid-template-columns: 1fr;
    }

    .content-box.featured {
        grid-column: span 1;
    }

    .main-content {
        padding: 24px 16px;
    }

        .main-content h1 {
            font-size: 28px;
        }

    #chatbot-popup {
        width: 100%;
        height: 100%;
        bottom: 0;
        right: 0;
        border-radius: 0;
    }
}

#chatbot-popup .ac-textBlock {
    font-family: "Interstate-Light" !important;
}

.webchat__send-box .webchat--css-pylid-yrs43p.webchat__icon-button {
    fill: #00b2a9 !important;
}

#chatbot-popup .webchat__defaultAvatar {
    display: none !important;
}

#chatbot-popup .ac-pushButton {
    color: #00b2a9 !important;
}

#webchat .webchat__bubble__content p {
    font-size: 14px !important;
}

#webchat .webchat__typing-indicator {
    width: 50px;
    height: 20px;
    background-image: url(../images/agentAI-loader.gif);
    background-size: contain;
}

#webchat h2 {
    font-size: 24px;
}

#webchat h3 {
    font-size: 18px;
}

#webchat div.ac-textBlock[role="heading"],
#webchat div.ac-textBlock[role="heading"] p {
    font-family: "Interstate-Light" !important;
    font-size: 18px !important;
}