﻿/**
 * CONTENTS
 *
 * GLOBAL
 * Global styles........For all pages some helpers
 * Stepper..............Custom styles per stepper
 *
 * COLOR SCHEME
 * Ci colors............New brand updates
 *
 * FONT FAMILY
 * Monserrat............Fallbacks are Arial and sans-serif
 *
 * TYPOGRAPHY
 * Headers,Links........Mostly color overrides
 *
 * NAVIGATION
 * Header...............Black subnav bar and green strip.
 *
 * FOOTER
 * Footer...............New footer styling
 *
 * BUTTON
 *
 * FORM
 * Styles...............New Blue strip
 *
 *
 * HARD FIXES
 * Force stying.........Elements with inline styles for example
 *
 */

/*------------------------------------*\
  #GLOBAL
\*------------------------------------*/

#overlay {
    display: none !important;
}

main {
    min-height: calc(100vh - 346px);
}

html {
    color: #282828;
}

.spinner {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    -webkit-animation: sk-rotate 2.0s infinite linear;
    animation: sk-rotate 2.0s infinite linear;
}

.dot1, .dot2 {
    width: 80%;
    height: 80%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-image: linear-gradient(32deg, rgba(0, 150, 119, 1) 0%, rgba(141, 198, 63, 1) 100%);
    border-radius: 100%;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
    width: 40%;
    height: 40%;
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
    background-image: none;
    background-color: #f37021;
}

@-webkit-keyframes sk-rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes sk-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.nav-progress {
    background-color: #f4f4f4;
}

.boxout-heading {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}

.boxout-info {
    min-height: 50px;
    margin-top: 0;
    color: #009677;
    background-color: rgba(238, 248, 246, 1);
    border: 1px solid rgba(0, 150, 119, 1);
}

#RegularUser {
    background-color: transparent;
    color: rgba(0, 150, 119, 1);
}

#RegularUser {
    background-position: left top;
    padding: 0 0 0 50px;
    background-repeat: no-repeat;
    background-size: 28px 28px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxjaXJjbGUgY3g9IjE0IiBjeT0iMTQiIHI9IjE0IiBmaWxsPSIjMDA5Njc3Ii8+CiAgICA8ZyBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMS4yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3IDQpIj4KICAgICAgPHBhdGggZD0iTTEyLDQuOTU4MzMzMzMgQzEyLDIuMjE5OTE2NjcgOS43NjE0Mjg1NywwIDcsMCBDNC4yMzg1NzE0MywwIDIsMi4yMTk5MTY2NyAyLDQuOTU4MzMzMzMgTDIsNy4wMDEwOTg2MyBMMTIsNy4wMDEwOTg2MyBMMTIsNC45NTgzMzMzMyBaIi8+CiAgICAgIDxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxMSIgeT0iNyIgcng9IjEiLz4KICAgICAgPHJlY3Qgd2lkdGg9IjIuNSIgaGVpZ2h0PSI1IiB4PSI1Ljc1IiB5PSIxMCIgcng9IjEuMjUiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=');
}

.green-uppercase {
    text-transform: uppercase;
    color: rgba(0, 150, 119, 1);
}

a.flipslide {
    margin: 10px 0 0 0;
    display: block;
    line-height: 1;
    font-weight: bold;
    text-decoration: none;
    text-indent: -11px;
}

@media screen and (max-width: 481px) {
    a.flipslide {
        text-indent: 0;
    }
}

.copyright {
    font-size: 14px;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .copyright {
        text-align: right;
        width: 100%;
        display: block;
    }
}


.successContainer > div {
    background-color: rgba(238, 248, 246, 1);
    border: 1px solid rgba(0, 150, 119, 1);
    padding: 25px;
}

.successContainer i.successIcon {
    width: 28px;
    height: 28px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxjaXJjbGUgY3g9IjE0IiBjeT0iMTQiIHI9IjE0IiBmaWxsPSIjMDA5Njc3Ii8+CiAgICA8cG9seWxpbmUgc3Ryb2tlPSIjRkZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgcG9pbnRzPSI3IDE0LjkzMyAxMS42NTUgMTkuNTIyIDIxIDkiLz4KICA8L2c+Cjwvc3ZnPgo=');
}


.why-icon + strong {
    text-transform: uppercase;
    font-size: 16px;
}

.successContainer .da-msg {
    font-size: 14px;
    font-weight: normal;
    color: rgba(0, 150, 119, 1);
    text-transform: none;
}

    .successContainer .da-msg .f-heavy {
        text-transform: uppercase;
        font-size: 16px;
    }

.unsuccessContainer fieldset:first-child > div {
    background-color: rgba(249, 243, 240, 1);
    border: 1px solid rgba(243, 112, 33, 1);
    padding: 25px;
}

.unsuccessContainer .da-msg .f-heavy {
    text-transform: uppercase;
    font-size: 16px;
}

.unsuccessContainer .da-msg {
    font-size: 14px;
    font-weight: normal;
    color: rgba(243, 112, 33, 1);
    text-transform: none;
    width: 100%;
}

.unsuccessContainer .errorIcon {
    width: 28px;
    height: 28px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxjaXJjbGUgY3g9IjE0IiBjeT0iMTQiIHI9IjE0IiBmaWxsPSIjRjM3MDIxIi8+CiAgICA8ZyBzdHJva2U9IiNGRkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcgNykiPgogICAgICA8cGF0aCBkPSJNMC43LDAuNyBMMTIuNjIwNTcwNSwxMi42MjA1NzA1Ii8+CiAgICAgIDxwYXRoIGQ9Ik0wLjcsMC43IEwxMi42MjA1NzA1LDEyLjYyMDU3MDUiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDE0IDApIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K');
}

.errorIcon {
    margin-top: 4px;
}

#UpgradeUser {
    background: none;
    padding: 0;
}


.text-uppercase {
    text-transform: uppercase;
}

.pl-50 {
    padding-left: 50px;
}


/*------------------------------------*\
  #COLORS
\*------------------------------------*/
.bottle-green {
    color: #009677;
}

.jade-green {
    color: #50b848;
}

.lime-green {
    color: #84bd00;
}

.pumpkin-orange {
    color: #f37021;
}


/*------------------------------------*\
  #FONTFAMILY
\*------------------------------------ */

/*
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700');
*/

@font-face {
    font-family: Arial;
    src: url(../fonts/montserrat-v12-latin_cyrillic-regular.eot);
    src: local(Arial), local('montserrat-v12-latin_cyrillic-regular'), url(../fonts/montserrat-v12-latin_cyrillic-regular.ttf) format("truetype"), url(../fonts/montserrat-v12-latin_cyrillic-regular.svg) format("svg"), url(../fonts/montserrat-v12-latin_cyrillic-regular.woff) format('woff') url(../fonts/montserrat-v12-latin_cyrillic-regular.woff2) format('woff2');
}

body {
    font-family: Arial, Arial, sans-serif !important;
}

.ft-light {
    font-family: Arial, Arial, sans-serif !important;
}

.arial {
    font-family: Arial, Arial, sans-serif;
}

/*------------------------------------*\
  #TYPOGRAPHY
\*------------------------------------*/

a {
    color: #009677;
    font-size: 14px;
    text-decoration: none;
}

/*i {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxjaXJjbGUgY3g9IjE0IiBjeT0iMTQiIHI9IjE0IiBmaWxsPSIjODA4Mjg1Ii8+CiAgICA8ZyBmaWxsPSIjRkZGIiBzdHJva2U9IiNGRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyIDYpIj4KICAgICAgPHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuMiIgZD0iTTIuOTQ3MDIyNywwLjk5ODU5NTcxNyBMMi40OTU5ODU2NCw5LjUwMDQxOTA1IEMyLjQ4MTMzNjQ0LDkuNzc2NTQ5MiAyLjI0NTYxMzIxLDkuOTg4NTIxMzkgMS45Njk0ODMwNiw5Ljk3Mzg3MjE4IEMxLjcxMzY3MDM4LDkuOTYwMzAwODYgMS41MDkzNjQ3OSw5Ljc1NTgyMzk2IDEuNDk2MDA3ODcsOS41IEwxLjA1MjE0MDM0LDAuOTk4NjM5NzY4IEMxLjAyNDgwODI5LDAuNDc1MTUxMzMgMS40MjcwMjI1MiwwLjAyODYyMzEwNjQgMS45NTA1MTA5NiwwLjAwMTI5MTA2NTU5IEMxLjk2Njk5MzI4LDAuMDAwNDMwNTAxNTkzIDEuOTgzNDk1MjMsMy4wMzE4NzYxOWUtMTggMiwwIEwyLDAgQzIuNTIzNzYxNywtOS42MjEzNDY0ZS0xNyAyLjk0ODM1NDQ2LDAuNDI0NTkyNzUyIDIuOTQ4MzU0NDYsMC45NDgzNTQ0NTUgQzIuOTQ4MzU0NDYsMC45NjUxMTAzNjcgMi45NDc5MTAzOCwwLjk4MTg2MzMzNSAyLjk0NzAyMjcsMC45OTg1OTU3MTcgWiIvPgogICAgICA8Y2lyY2xlIGN4PSIyIiBjeT0iMTQuNSIgcj0iMSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==');
}

    i.why-icon-info {
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxjaXJjbGUgY3g9IjE0IiBjeT0iMTQiIHI9IjE0IiBmaWxsPSIjODA4Mjg1Ii8+CiAgICA8ZyBmaWxsPSIjRkZGIiBzdHJva2U9IiNGRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyIDYpIj4KICAgICAgPHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuMiIgZD0iTTIuOTQ3MDIyNywwLjk5ODU5NTcxNyBMMi40OTU5ODU2NCw5LjUwMDQxOTA1IEMyLjQ4MTMzNjQ0LDkuNzc2NTQ5MiAyLjI0NTYxMzIxLDkuOTg4NTIxMzkgMS45Njk0ODMwNiw5Ljk3Mzg3MjE4IEMxLjcxMzY3MDM4LDkuOTYwMzAwODYgMS41MDkzNjQ3OSw5Ljc1NTgyMzk2IDEuNDk2MDA3ODcsOS41IEwxLjA1MjE0MDM0LDAuOTk4NjM5NzY4IEMxLjAyNDgwODI5LDAuNDc1MTUxMzMgMS40MjcwMjI1MiwwLjAyODYyMzEwNjQgMS45NTA1MTA5NiwwLjAwMTI5MTA2NTU5IEMxLjk2Njk5MzI4LDAuMDAwNDMwNTAxNTkzIDEuOTgzNDk1MjMsMy4wMzE4NzYxOWUtMTggMiwwIEwyLDAgQzIuNTIzNzYxNywtOS42MjEzNDY0ZS0xNyAyLjk0ODM1NDQ2LDAuNDI0NTkyNzUyIDIuOTQ4MzU0NDYsMC45NDgzNTQ0NTUgQzIuOTQ4MzU0NDYsMC45NjUxMTAzNjcgMi45NDc5MTAzOCwwLjk4MTg2MzMzNSAyLjk0NzAyMjcsMC45OTg1OTU3MTcgWiIvPgogICAgICA8Y2lyY2xlIGN4PSIyIiBjeT0iMTQuNSIgcj0iMSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==');
    }*/

fieldset a {
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}

.greyInfoText {
    color: rgba(40, 40, 40, 1);
}

fieldset p {
    font-size: 14px;
}

.main p {
    font-size: 14px;
}

form p, form a, form fieldset a {
    font-size: 14px;
}

a:hover, a:visited. a:active {
    color: #50b848;
}

h1 {
    font-size: 2em;
}

h2 {
    text-transform: none;
    font-size: 1.5em
}

#yourWebsites h2, .yourWebsites h2, .myPortContainer h2 {
    background: none;
    padding: 30px 30px 0 30px;
}

.myPortContainer h4 {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(0, 150, 119, 1);
}

.yourWebsitesLinks ul li a {
    font-size: 18px;
    color: #009677;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

    .yourWebsitesLinks ul li a:hover {
        color: #84bd00;
    }


.yourWebsitesLinks ul li span {
    font-size: 12px;
    color: rgba(40, 40, 40, 1);
    font-weight: bold;
}

.myPortContainer h2 {
    position: relative;
    z-index: 9;
    background: white;
    margin: 0 !important;
}

.regLink {
    font-size: 20px !important;
    color: rgba(40, 40, 40, 1);
    margin-top: 90px;
}

@media screen and (max-width: 767px) {
    .regLink {
        margin-top: 40px;
    }
}

a:focus {
    color: #009677;
}

a:hover, footer .TandC a:hover {
    color: #84bd00;
    text-decoration: none;
}

a.flipslide:hover {
    text-decoration: underline;
}


/*------------------------------------*\
  #NAVIGATION
\*------------------------------------*/

#header {
    margin-top: 0;
}

/* Hide this bar as part of new update CI*/
#green-bar {
    display: none;
}

.nav button::after {
    top: 2px;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMjQgMTkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjEgKDU3NTAxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Db21iaW5lZCBTaGFwZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIyLUlBTS1SZWdpc3RlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI4MS4wMDAwMDAsIC0yMy4wMDAwMDApIiBmaWxsPSIjMDA5Njc3Ij4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yODEsMjMgTDMwNSwyMyBMMzA1LDI2IEwyODEsMjYgTDI4MSwyMyBaIE0yODEsMzkgTDMwNSwzOSBMMzA1LDQyIEwyODEsNDIgTDI4MSwzOSBaIE0yODEsMzEgTDMwNSwzMSBMMzA1LDM0IEwyODEsMzQgTDI4MSwzMSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+') no-repeat !important;
}


.nav button.dl-active::after {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMjQgMTkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjIgKDU3NTE5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5HdWVzc19ieV9NYXJjaWFubzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJHdWVzc19ieV9NYXJjaWFubyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTYiPgogICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC0xIiBwb2ludHM9IjAgMTkuMDAwMSAyNCAxOS4wMDAxIDI0IDAuMDAwMSAwIDAuMDAwMSI+PC9wb2x5Z29uPgogICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC00IiBmaWxsPSIjMDA5Njc3IiBwb2ludHM9IjE5LjQyNDcgMC4wMDAyIDIuNDU0NyAxNi44ODgyIDQuNTc1NyAxOS4wMDAyIDIxLjU0NTcgMi4xMTEyIj48L3BvbHlnb24+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTUiIGZpbGw9IiMwMDk2NzciIHBvaW50cz0iNC41NzU2IDAuMDAwMiAyLjQ1NDYgMi4xMTEyIDE5LjQyNDYgMTkuMDAwMiAyMS41NDQ2IDE2Ljg4ODIiPjwvcG9seWdvbj4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==') !important;
    background-repeat: no-repeat !important;
}

.portalHome.active, .primary-links li a.active, .portalHome {
    background-image: none !important;
    padding-left: 0 !important;
}

.dl-menuwrapper ul {
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
}

.nav-top {
    height: 60px;
}

    .nav-top ul {
        margin: 0;
        padding: 0;
    }

.primary-links li a {
    line-height: 60px;
}

.sub-navigation {
    background-color: #282828;
    display: block;
    height: 45px;
}

@media (max-width: 767px) {
    .sub-navigation .list-divided li {
        padding: 0;
    }
}

.profileLinks {
    font-family: Arial, Arial, sans-serif;
    position: relative;
    right: auto;
    top: auto;
    text-align: right;
    background-color: #282828;
}

    .profileLinks a {
        font-family: inherit;
        font-size: 14px;
        color: rgba(255, 255, 255, 1);
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        height: 45px;
        margin: 0;
        margin-left: -5px;
        line-height: 45px;
        padding: 0 20px 0 20px;
        border-radius: 0;
        box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
        transition: all 250ms;
    }

    .profileLinks .dropdown-menu {
        margin-top:0px;
        border-radius:0px !important;
    }

    .profileLinks .dropdown-menu li {
        width: 100%;
    }

        .profileLinks .dropdown-menu li a {
            background: none !important;
            border: none !important;
            box-shadow: none !important;
            width: 100%;
            line-height: 5px !important;
            margin-left: 0px !important;
            height: 25px !important;
            padding: 10px 10px;
            text-align: left;
        }

        .profileLinks .dropdown-menu li:hover a:hover {
            background: #282828 !important;
            color:#fff !important;
        }

    .profileLinks a:hover {
        /*box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.5) !important;*/
    }

.portal-user {
    /* background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiNGRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPgogICAgPGNpcmNsZSBjeD0iNyIgY3k9IjMiIHI9IjMiLz4KICAgIDxwYXRoIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xNCwxNSBDMTQsMTEuMTM0MDA2OCAxMC44NjU5OTMyLDggNyw4IEMzLjEzNDAwNjc1LDggMCwxMS4xMzQwMDY4IDAsMTUgTDE0LDE1IFoiLz4KICA8L2c+Cjwvc3ZnPgo='); */
    background-position: 0 0;
    margin-right: 4px;
    display: inline-block;
    width: 16px;
    height: 17px;
    background-size: cover;
    position: relative;
    top: 2px;
}

span.dropArrow, .lt-ie9 span.dropArrow {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSA2Ij4KICA8cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTE1OC4yNzg5NiwyMi4yNTc5NTcgTDExNTUuNTAxOSwyNC42NjI1NTYyIEwxMTU0LjQ5OTg3LDI1LjQ1MTQyNDggTDExNTMuNDgxODUsMjQuNjQ0NTU5MiBMMTE1MC43MjA3OSwyMi4yNTc5NTcgQzExNTAuMzI3NzgsMjEuOTE1MDE0MiAxMTQ5LjY4OTc3LDIxLjkxNTAxNDIgMTE0OS4yOTQ3NiwyMi4yNTc5NTcgQzExNDguOTAxNzUsMjIuNTk2OTAwNSAxMTQ4LjkwMTc1LDIzLjE1MDgwODIgMTE0OS4yOTQ3NiwyMy40OTI3NTEyIEwxMTUzLjc1OTg2LDI3LjM1NjEwNzMgTDExNTMuODA2ODYsMjcuMzk4MTAwMyBMMTE1NC40OTk4NywyOCBMMTE1OS43MDU5OSwyMy40OTI3NTEyIEMxMTU5LjkwMywyMy4zMjI3Nzk1IDExNjAsMjMuMDk1ODE3NCAxMTYwLDIyLjg3NDg1NDIgQzExNjAsMjIuNjQ5ODkxNyAxMTU5LjkwMywyMi40MjY5Mjg4IDExNTkuNzA1OTksMjIuMjU3OTU3IEMxMTU5LjUwODk5LDIyLjA4Njk4NTUgMTE1OS4yNTA5OCwyMiAxMTU4Ljk5MTk4LDIyIEMxMTU4LjczMzk3LDIyIDExNTguNDc1OTcsMjIuMDg2OTg1NSAxMTU4LjI3ODk2LDIyLjI1Nzk1NyBaIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMTE0OSAyOCkiLz4KPC9zdmc+Cg==');
    text-decoration: none !important;
    transform: rotate(180deg);
    width: 12px;
    height: 12px;
    background-size: contain;
    background-position: center 2px;
    margin-left: 5px;
}

.drop-down-box {
    top: 0 !important;
    overflow: hidden;
}

    .drop-down-box:before {
        content: none;
    }

    .drop-down-box:after {
        content: none;
    }

    .drop-down-box a {
        box-shadow: none;
        width: 100%;
        text-align: left;
        display: block;
        background-color: transparent;
        height: auto !important;
        overflow: hidden;
        margin: 0 !important;
        text-transform: none;
    }

        .drop-down-box a:hover {
            color: #84bd00;
        }

.drop-down-box {
    margin: 0;
    padding: 0;
    border: 0;
    color: inherit;
    box-shadow: none !important;
    width: 100% !important;
    background-color: rgba(88, 89, 91, 1);
    border-bottom: 1px solid rgba(128, 130, 133, 1);
}

    .drop-down-box:last-of-type {
        border-bottom: 0;
    }

.primary-links li {
    margin-right: -4px;
}

    .primary-links li a {
        font-size: 14px;
        border: 0;
        font-family: Arial, Arial, sans-serif;
        color: #009677;
    }

        .primary-links li a.active {
            font-family: Arial, Arial, sans-serif;
            font-weight: bold;
            border: 0;
        }

        .primary-links li a.active, .primary-links li a:hover {
            border: 0;
        }

        .primary-links li a:hover {
            color: #84bd00;
        }

a#logout, a#logout, a.orangeButton {
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
    background-color: #f37021;
    padding-top: 0;
    border-radius: 0;
    padding: 0 25px 3px;
}

#changePasswordDropBox {
    position: relative;
    margin-right: -5px;
}

    #changePasswordDropBox .name {
        width: 100%;
    }

/*Remove existing logo styles*/
.h-logo {
    height: 100%;
    padding-right: 0;
    border-right: 0;
    float: left;
    width: 75px;
    display: inline-block;
    margin-right: 45px;
}

.logo-vertical-strip {
    position: absolute;
    z-index: 9999;
    top: -48px;
    left: 0;
    height: 121px;
    width: 60px;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
    background-image: linear-gradient(32deg, rgba(0, 150, 119, 1) 0%, rgba(141, 198, 63, 1) 100%);
}

    .logo-vertical-strip .logo {
        height: 42px;
        width: 40px;
        position: absolute;
        left: 10px;
        bottom: 13px;
        font-size: 0;
        outline: 0;
        display: block;
        background-repeat: no-repeat;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MiI+ICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMjMuOTE5MjEsODguNjkyNjM2OSBDMjI1LjIyODgyOSw4OS45Nzk4MDkxIDIyNi4yNjQ0NjcsOTEuMzQ3OTY0NCAyMjYuODk0MTU2LDkyLjYzNTEzNjYgQzIyNi4zODk3MzUsOTQuNjMyMDY0MSAyMjMuMDIxNTY4LDk3LjQ4ODIwMzcgMjE5LjIyNzM1NiwxMDAuMDEzMTY4IEMyMTkuMjE5MzE4LDEwMC41MTM1NTIgMjE5LjIxNTk2OCwxMDAuOTc5MDQxIDIxOS4yMTU5NjgsMTAxLjM2NTUyMiBDMjE5LjIxNTk2OCwxMDEuODM3NTk1IDIxOS4yMTkzMTgsMTAyLjI4NTMwNyAyMTkuMjMwNzA2LDEwMi43NjI2NDcgQzIyMy43MzA5NzMsMTAwLjQ5NDQ1OCAyMjguNjE1MDgzLDk4LjcxMjE2OTQgMjMwLjgzMzA2Miw5OS4zMzg5NjYzIEMyMzEuNjUzNjY4LDEwMC41MTc1MDIgMjMyLjM0MzY0NiwxMDIuMDgxODYxIDIzMi44MjI2MTIsMTAzLjgzOTc4OSBDMjMzLjM0MTEsMTA1LjczOTI3NCAyMzMuNDgzNzg1LDEwNy41MDI0NjkgMjMzLjMxNjMxNSwxMDguOTkyNDI4IEMyMzQuMjIxMzI1LDExMC4xMzg3MDMgMjM1LjE5MTk4NCwxMTEuMDM2MTAyIDIzNi4xMjcxNCwxMTEuNjA4MjUyIEMyMzYuNjc1NzczLDEwOC43OTE2MTYgMjM3LjAwMTMzNiwxMDUuNzk4NTMgMjM2Ljk5OTk5NiwxMDIuNzA2NjgzIEMyMzYuOTk3MzE2LDk4Ljk2MzY3ODMgMjM2LjU3NDYyMSw5NS4zOTMxNzQ2IDIzNS43Nzg4MDEsOTIuMDY2OTM3MyBDMjMzLjI0NjY0Nyw4OS43Mjg5NTg2IDIzMC4zMDMxODUsODcuNTc0NjczNSAyMjcuMDA0Njg2LDg1LjcwNDE1ODkgQzIyNC4yNzc1OTcsODQuMTU3NTc3MSAyMjEuNDc4ODMsODIuOTQxNTEyMSAyMTguNzIwOTI1LDgyIEMyMTguNzU5Nzc5LDgzLjA4MDQzNDUgMjE5LjA2MzIzNSw4NC4zNTQ0Mzg3IDIxOS42MjMyNTYsODUuNjk2MjU4MSBDMjIxLjAxNzk1MSw4Ni4zMDAwMTEgMjIyLjUwMzA3OSw4Ny4zMDM0MTI3IDIyMy45MTkyMSw4OC42OTI2MzY5IFogTTE5OC4yMjA1MjYsOTIuMDY2OTM3MyBDMTk3LjQyNjA0Niw5NS4zOTMxNzQ2IDE5Ny4wMDMzNSw5OC45NjM2NzgzIDE5Ny4wMDAwMDEsMTAyLjcwNjY4MyBDMTk2Ljk5OTMzMSwxMDUuNzk4NTMgMTk3LjMyNDg5NCwxMDguNzkxNjE2IDE5Ny44NzI4NTcsMTExLjYwODI1MiBDMTk4LjgwODAxMywxMTEuMDM2MTAyIDE5OS43ODAwMTEsMTEwLjEzODcwMyAyMDAuNjgzNjgyLDEwOC45OTI0MjggQzIwMC41MTc1NTEsMTA3LjUwMjQ2OSAyMDAuNjU4MjI3LDEwNS43MzkyNzQgMjAxLjE3NzM4NSwxMDMuODM5Nzg5IEMyMDEuNjU3NjkxLDEwMi4wODE4NjEgMjAyLjM0Njk5OSwxMDAuNTE3NTAyIDIwMy4xNjYyNjUsOTkuMzM4OTY2MyBDMjA1LjM4NjI1NCw5OC43MTIxNjk0IDIxMC4yNjkwMjQsMTAwLjQ5NDQ1OCAyMTQuNzY5OTYxLDEwMi43NjI2NDcgQzIxNC43ODEzNDksMTAyLjI4NTMwNyAyMTQuNzg0Njk5LDEwMS44Mzc1OTUgMjE0Ljc4NDY5OSwxMDEuMzY1NTIyIEMyMTQuNzg0Njk5LDEwMC45NzkwNDEgMjE0Ljc4MDY3OSwxMDAuNTEzNTUyIDIxNC43NzE5NzEsMTAwLjAxMzE2OCBDMjEwLjk3OTA5OSw5Ny40ODgyMDM3IDIwNy42MTAyNjIsOTQuNjMyMDY0MSAyMDcuMTA1ODQxLDkyLjYzNTEzNjYgQzIwNy43MzY4Nyw5MS4zNDc5NjQ0IDIwOC43NzA0OTgsODkuOTc5ODA5MSAyMTAuMDgxNDU3LDg4LjY5MjYzNjkgQzIxMS40OTgyNTcsODcuMzAzNDEyNyAyMTIuOTgyNzE2LDg2LjMwMDAxMSAyMTQuMzc4MDgsODUuNjk2MjU4MSBDMjE0LjkzOTQ0MSw4NC4zNTQ0Mzg3IDIxNS4yNDE1NTgsODMuMDgwNDM0NSAyMTUuMjc4NDAyLDgyIEMyMTIuNTIyNTA3LDgyLjk0MTUxMjEgMjA5LjcyMTczLDg0LjE1NzU3NzEgMjA2Ljk5NTMxMSw4NS43MDQxNTg5IEMyMDMuNjk2ODEyLDg3LjU3NDY3MzUgMjAwLjc1NDAyLDg5LjcyODk1ODYgMTk4LjIyMDUyNiw5Mi4wNjY5MzczIFogTTIxNS4yNzUwNTIsOTMuMjYzMjUwMyBDMjEzLjM3OTk1Niw5My40MDU0NjQ3IDIxNC4zMDc3NDMsOTUuNzYyNTM3IDIxNS42NzYzMTIsOTUuNzM3NTE3OCBDMjE1LjgyMTAwNiw5Ni45NzM5OTMyIDIxNS44OTY3MDMsOTkuODA5MDY0IDIxNS44OTY3MDMsMTAxLjM2OTQ3MiBDMjE1Ljg5NjcwMywxMDcuMTU2MTUxIDIxNS4wODQxMzYsMTE0LjIzNTkyNyAyMTMuMDU4NDEzLDExNi4xNTEyMTMgQzIxMS42MTE0NjgsMTE2LjI2MjQ4MiAyMDkuODg2NTIxLDExNi4wNjQ5NjIgMjA4LjA5NTI1NywxMTUuNTkyMjMxIEMyMDYuMTYxMzA3LDExNS4wODQ2MDQgMjA0LjUzNDgzNCwxMTQuMzIzNDk0IDIwMy4zMDU2LDExMy40Mzk5MjEgQzIwMS44NDA1NjgsMTEzLjYzMzQ5MSAyMDAuNTY2NDUzLDExNC4wMTE0MTIgMTk5LjU5NTEyNCwxMTQuNTIwMzU2IEMyMDEuODAyMzg1LDExNi4zOTYxMzcgMjA0LjI3NjI1OSwxMTguMTY3ODkyIDIwNy4wMDEzNCwxMTkuNzEyNDk5IEMyMTAuMjEwMDc0LDEyMS41MzI5NzUgMjEzLjc0NDM3MiwxMjMuMDIxNjE3IDIxNi45OTk5OTgsMTI0IEMyMjAuMjIxNDYxLDEyMy4wMjE2MTcgMjIzLjc4OTkyMywxMjEuNTMyOTc1IDIyNi45OTg2NTcsMTE5LjcxMjQ5OSBDMjI5LjcyMzA2OCwxMTguMTY3ODkyIDIzMi4xOTY5NDIsMTE2LjM5NjEzNyAyMzQuNDA1NTQzLDExNC41MjAzNTYgQzIzMy40MzM1NDQsMTE0LjAxMTQxMiAyMzIuMTU5NDI4LDExMy42MzM0OTEgMjMwLjY5MzcyNywxMTMuNDM5OTIxIEMyMjkuNDY1MTYzLDExNC4zMjQ4MTEgMjI3LjgzODAyLDExNS4wODcyMzggMjI1LjkwNDc0LDExNS41OTQ4NjQgQzIyNC4xMTI4MDYsMTE2LjA2NDk2MiAyMjIuMzg5ODY5LDExNi4yNjI0ODIgMjIwLjk0MTU4NCwxMTYuMTUyNTI5IEMyMTguOTE1MTkxLDExNC4yMzU5MjcgMjE4LjEwMjYyNCwxMDcuMTU2MTUxIDIxOC4xMDI2MjQsMTAxLjM2OTQ3MiBDMjE4LjEwMjYyNCw5OS44MDk3MjI0IDIxOC4xNzgzMjEsOTYuOTc1OTY4NCAyMTguMzIzNjg1LDk1LjczNzUxNzggQzIxOS42OTA5MTUsOTUuNzYzMTk1NCAyMjAuNjIwMDQxLDkzLjQwNTQ2NDcgMjE4LjcyNDk0NSw5My4yNjMyNTAzIEMyMTkuNzE0MzYsOTIuNjg1MTc1IDIyMC4zNzYyMDQsOTEuNjIzODM0MSAyMjAuMzc2MjA0LDkwLjQxMzAzNjMgQzIyMC4zNzYyMDQsODguNTgxMzY3MyAyMTguODYzNjEsODcuMDk3MzMzNSAyMTYuOTk5OTk4LDg3LjA5NjY3NTEgQzIxNS4xMzYzODcsODcuMDk3MzMzNSAyMTMuNjIzNzkzLDg4LjU4MTM2NzMgMjEzLjYyMzc5Myw5MC40MTEwNjExIEMyMTMuNjIzNzkzLDkxLjYyMzgzNDEgMjE0LjI4NDk2Nyw5Mi42ODQ1MTY2IDIxNS4yNzUwNTIsOTMuMjYzMjUwMyBaIE0yMTYuOTk5OTk4LDg4Ljg4MTU5NzcgQzIxNy44Njk1MDUsODguODgxNTk3NyAyMTguNTU4ODE0LDg5LjU2Njk5MjIgMjE4LjU1ODgxNCw5MC40MTMwMzYzIEMyMTguNTU4ODE0LDkxLjI1Nzc2MzYgMjE3Ljg2MDEyNyw5MS45NDQ0NzQ5IDIxNi45OTk5OTgsOTEuOTQ0NDc0OSBDMjE2LjEzODUzLDkxLjk0NDQ3NDkgMjE1LjQ0MTE4Myw5MS4yNTc3NjM2IDIxNS40NDExODMsOTAuNDExMDYxMSBDMjE1LjQ0MTE4Myw4OS41NjY5OTIyIDIxNi4xMzI1MDEsODguODgxNTk3NyAyMTYuOTk5OTk4LDg4Ljg4MTU5NzcgWiBNMjIyLjQ3Njk1NCwxMDcuMzI2MDE4IEMyMjEuNzcwMjI4LDEwOC40NzU1ODQgMjIzLjM4NTMxNCwxMTAuNDQzNTQyIDIyNC40NTc3OTUsMTA4LjkwNDIwMyBDMjI0LjQ3MjUzMiwxMTAuMDM0MDE3IDIyNS4wNzY3NjYsMTExLjEyNjk2MSAyMjYuMTQ1MjI4LDExMS43MzI2OSBDMjI3Ljc1OTY0MywxMTIuNjQ3MjA3IDIyOS44MjQ4OSwxMTIuMTAyMDUyIDIzMC43NTkzNzUsMTEwLjUxOTkxNyBDMjMxLjY4OTE3MSwxMDguOTMzODMxIDIzMS4xMzY1MTksMTA2LjkwNDY0MiAyMjkuNTIxNDMzLDEwNS45ODg4MDcgQzIyOC40NTI5NzEsMTA1LjM4MzA3OSAyMjcuMTg4MjM0LDEwNS40MTY2NTggMjI2LjE4MjA3MSwxMDUuOTcxMDMgQzIyNy4wMDUzNTYsMTA0LjI4NjE4NSAyMjQuNDYxODE0LDEwMy44OTcwNyAyMjMuODAwNjQxLDEwNS4wNzQ5NDggQzIyMi43NjcwMTMsMTA0LjYzNTEzNyAyMjAuNjU0MjA1LDEwMy41NTczMzYgMjE5LjIzMDcwNiwxMDIuNzY2NTk3IEMyMTkuMjQ4NzkyLDEwMy42MzYzNDQgMjE5LjI4NjMwNiwxMDQuNDcwNTM3IDIxOS4zNDE5MDYsMTA1LjMyNjQ1NyBDMjIwLjUzMTYxNiwxMDYuMDQwODIxIDIyMS44MTMxMDEsMTA2Ljg0MDExOSAyMjIuNDc2OTU0LDEwNy4zMjYwMTggWiBNMjI2LjQ4Mjg0OCwxMDguMDk1Njg3IEMyMjYuOTE0MjUyLDEwNy4zNjIyMyAyMjcuODY3NDk0LDEwNy4xMTQwMTMgMjI4LjYxMzA3MywxMDcuNTM2MDQ3IEMyMjkuMzYwNjYxLDEwNy45NTkzOTkgMjI5LjYxOTIzNiwxMDguODg5MDYgMjI5LjE4MzgxMywxMDkuNjI3Nzg0IEMyMjguODk0NDI0LDExMC4xMjA5MjYgMjI4LjM3MzkyNSwxMTAuMzkyODQ1IDIyNy44MzYwMSwxMTAuMzkyODQ1IEMyMjcuNTcwNzM3LDExMC4zOTI4NDUgMjI3LjMwMTQ0NCwxMTAuMzI3NjY0IDIyNy4wNTQ5MjcsMTEwLjE4ODc0MSBDMjI2LjMwODAwOSwxMDkuNzY0MDczIDIyNi4wNTM0NTQsMTA4LjgyNzE3IDIyNi40ODI4NDgsMTA4LjA5NTY4NyBaIE0yMDcuODE3OTI2LDEwNS45NzEwMyBDMjA2LjgxMzEwMywxMDUuNDE2NjU4IDIwNS41NDcwMjYsMTA1LjM4MzA3OSAyMDQuNDc4NTY0LDEwNS45ODg4MDcgQzIwMi44NjQxNDgsMTA2LjkwNDY0MiAyMDIuMzExNDk2LDEwOC45MzM4MzEgMjAzLjI0MTk2MiwxMTAuNTE5OTE3IEMyMDQuMTc0NDM3LDExMi4xMDIwNTIgMjA2LjI0MDM1NCwxMTIuNjQ3MjA3IDIwNy44NTQ3NjksMTExLjczMjY5IEMyMDguOTIyNTYxLDExMS4xMjY5NjEgMjA5LjUyNjc5NSwxMTAuMDM0MDE3IDIwOS41NDIyMDIsMTA4LjkwNDIwMyBDMjEwLjYxNjAyMywxMTAuNDQzNTQyIDIxMi4yMzExMDgsMTA4LjQ3NTU4NCAyMTEuNTIzMDQzLDEwNy4zMjYwMTggQzIxMi4xODY4OTYsMTA2Ljg0MDExOSAyMTMuNDY4MzgsMTA2LjA0MDgyMSAyMTQuNjYwMTAxLDEwNS4zMjY0NTcgQzIxNC43MTU3MDEsMTA0LjQ3MDUzNyAyMTQuNzUyNTQ0LDEwMy42MzYzNDQgMjE0Ljc3MDYzMSwxMDIuNzY2NTk3IEMyMTMuMzQ2NDYyLDEwMy41NTczMzYgMjExLjIzMjk4NCwxMDQuNjM1MTM3IDIxMC4yMDAwMjYsMTA1LjA3NDk0OCBDMjA5LjUzODg1MywxMDMuODk3MDcgMjA2Ljk5Mzk3MSwxMDQuMjg2MTg1IDIwNy44MTc5MjYsMTA1Ljk3MTAzIFogTTIwNS4zODY5MjQsMTA3LjUzNjA0NyBDMjA2LjEzMTgzMywxMDcuMTE0MDEzIDIwNy4wODUwNzUsMTA3LjM2MjIzIDIwNy41MTY0NzksMTA4LjA5NTY4NyBDMjA3Ljk0NjU0MywxMDguODI3MTcgMjA3LjY5MTk4OCwxMDkuNzY0MDczIDIwNi45NDU3MzksMTEwLjE4ODc0MSBDMjA2LjY5OTIyMywxMTAuMzI3NjY0IDIwNi40MjkyNiwxMTAuMzkyODQ1IDIwNi4xNjM5ODcsMTEwLjM5Mjg0NSBDMjA1LjYyODA4MSwxMTAuMzkyODQ1IDIwNS4xMDY5MTMsMTEwLjEyMDkyNiAyMDQuODE2MTg0LDEwOS42Mjc3ODQgQzIwNC4zODA3NjEsMTA4Ljg4OTA2IDIwNC42NDA2NzUsMTA3Ljk1OTM5OSAyMDUuMzg2OTI0LDEwNy41MzYwNDcgWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE5NyAtODIpIi8+PC9zdmc+);
    }

/*------------------------------------*\
  #FOOTER
\*------------------------------------*/

footer {
    background-color: #282828;
    margin-top: 45px;
}

@media screen and (max-width: 767px) {
    footer {
        background-color: #282828;
        margin-top: 20px;
    }
}

footer .TandC {
    /* Remove dead space at the bottom of all pages*/
    margin-bottom: -15px;
    background-repeat: repeat;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTJweCIgaGVpZ2h0PSI1MnB4IiB2aWV3Qm94PSIwIDAgNTIgNTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjEgKDU3NTAxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYXR0ZXJuPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhdHRlcm4iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxyZWN0IGZpbGw9IiNGMEYwRjAiIHg9IjAiIHk9IjAiIHdpZHRoPSI1MiIgaGVpZ2h0PSI1MiI+PC9yZWN0PgogICAgICAgIDxyZWN0IGlkPSJNYXNrIiBmaWxsPSIjMzQzNDM0IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHg9IjAiIHk9IjAiIHdpZHRoPSI1MiIgaGVpZ2h0PSI1MiI+PC9yZWN0PgogICAgICAgIDxwYXRoIGQ9Ik01MS44MDU5LDYuNDYxIEM0OC4yNDI5LDYuNDU5IDQ1LjM0NjksMy41NjIgNDUuMzQ2OSwwIEw2LjQ2MzksMCBDNi40NjE5LDMuNTYzIDMuNTYzOSw2LjQ2MSAtMC4wMDAxLDYuNDYxIEwtMC4wMDAxLDI0LjI5NiBMLTAuMDAwMSwyNS44NDkgTDAuMDAxOSwyNS44MTQgTDAuMDAxOSwyNS44NDkgTC0wLjAwMDEsMjUuODQ5IEwtMC4wMDAxLDI1LjkyOSBMLTAuMDAwMSwyNS45MzIgTC0wLjAwMDEsMjUuOTQ5IEwtMC4wMDAxLDI3LjQ4NiBMLTAuMDAwMSw0NS4zMjkgQzMuNTYzOSw0NS4zMjkgNi40NjI5LDQ4LjIxOSA2LjQ2MzksNTEuNzkxIEw0NS4zNDY5LDUxLjc5MSBDNDUuMzQ2OSw0OC4yMTkgNDguMjQyOSw0NS4zMzEgNTEuODA1OSw0NS4zMjkgTDUxLjgwNTksNi40NjEgWiBNMC4wNDM5LDI3LjQ4NiBDMC41OTk5LDI3LjQ4MiAxLjYwNDksMjcuNTM2IDEuNjA0OSwyNy41MzYgQzEuNTUwOSwyNy4wMDYgMS41NTI5LDI2LjE2OSAxLjU1MzksMjUuOTgyIEMxNC41OTY5LDI2Ljc1NSAyNS4wMzc5LDM3LjE5NiAyNS44MDg5LDUwLjIzNyBDMjUuNTc3OSw1MC4yMzIgMjQuOTEzOSw1MC4yMiAyNC4yNDc5LDUwLjE4IEMyNC4yNDc5LDUwLjE4IDI0LjI4NzksNTAuOTI5IDI0LjI5OTksNTEuNzQyIEwyNC4yOTY5LDUxLjc0MiBDMTEuMjU1OSw1MC45NjkgMC44MTQ5LDQwLjUyOCAwLjA0MzksMjcuNDg2IFogTTI1LjgwODksMS41NTMgQzI1LjAzOTksMTQuNTgyIDE0LjU3NTksMjUuMDA4IDEuNTQ5OSwyNS43OTcgQzEuNTQwOSwyNS4yMDggMS42MDQ5LDI0LjI0NiAxLjYwNDksMjQuMjQ2IEMxLjAyODksMjQuMjkgMC4yMTU5LDI0LjI5NiAwLjA0MzksMjQuMjk2IEMwLjgxNDksMTEuMjU1IDExLjI1NTksMC44MTMgMjQuMjk2OSwwLjA0MSBMMjQuMjk5OSwwLjA0MSBDMjQuMzA1OSwwLjYyNSAyNC4yOTY5LDEuMjI3IDI0LjI0NzksMS42MDIgQzI0LjI0NzksMS42MDIgMjUuMzcyOSwxLjUzNSAyNS44MDg5LDEuNTQ5IEwyNS44MDg5LDEuNTUzIFogTTI1Ljk1NzksMTkuMzg2IEMyOS41MzE5LDE5LjM4NiAzMi40MjI5LDIyLjI3NyAzMi40MjI5LDI1Ljg0OSBMMzIuNDIyOSwyNS45MzIgQzMyLjQyMjksMjkuNTA0IDI5LjUzMTksMzIuMzk0IDI1Ljk1NzksMzIuMzk0IEwyNS45MTA5LDMyLjM5NCBMMjUuODk4OSwzMi4zOTQgTDI1Ljg1MDksMzIuMzk0IEMyMi4yODA5LDMyLjM5NCAxOS4zODc5LDI5LjUwNCAxOS4zODc5LDI1LjkzMiBMMTkuMzg3OSwyNS44NDkgQzE5LjM4NzksMjIuMjc3IDIyLjI4MDksMTkuMzg2IDI1Ljg1MDksMTkuMzg2IEwyNS44OTg5LDE5LjM4NiBMMjUuOTEwOSwxOS4zODYgTDI1Ljk1NzksMTkuMzg2IFogTTUxLjc2NjksMjQuMjk2IEM1MS41OTU5LDI0LjI5NiA1MC43ODM5LDI0LjI5IDUwLjIwNDksMjQuMjQ2IEM1MC4yMDQ5LDI0LjI0NiA1MC4yNjk5LDI1LjIwOCA1MC4yNTg5LDI1Ljc5NyBDMzcuMjMyOSwyNS4wMDggMjYuNzcwOSwxNC41ODIgMjUuOTk5OSwxLjU1MyBMMjUuOTk5OSwxLjU0OSBDMjYuNDM1OSwxLjUzNSAyNy41NjA5LDEuNjAyIDI3LjU2MDksMS42MDIgQzI3LjUxMTksMS4yMjcgMjcuNTAzOSwwLjYyNSAyNy41MDk5LDAuMDQxIEwyNy41MTE5LDAuMDQxIEM0MC41NTI5LDAuODEzIDUwLjk5MzksMTEuMjU1IDUxLjc2NjksMjQuMjk2IFogTTUxLjc2NjksMjcuNDg2IEM1MC45OTM5LDQwLjUyOCA0MC41NTI5LDUwLjk2OSAyNy41MTE5LDUxLjc0MiBMMjcuNTA5OSw1MS43NDIgQzI3LjUyMTksNTAuOTI5IDI3LjU2MDksNTAuMTggMjcuNTYwOSw1MC4xOCBDMjYuODk2OSw1MC4yMiAyNi4yMzE5LDUwLjIzMiAyNS45OTk5LDUwLjIzNyBDMjYuNzcxOSwzNy4xOTYgMzcuMjEzOSwyNi43NTUgNTAuMjU0OSwyNS45ODIgQzUwLjI1NTksMjYuMTY5IDUwLjI1NzksMjcuMDA2IDUwLjIwNDksMjcuNTM2IEM1MC4yMDQ5LDI3LjUzNiA1MS4yMDg5LDI3LjQ4MiA1MS43NjY5LDI3LjQ4NiBaIE01MC4yMDQ5LDI3LjUzNiBDMzguMDYwOSwyOC4zMzQgMjguMzUxOSwzOC4wNDIgMjcuNTYwOSw1MC4xNzkgQzM5LjcwNDksNDkuMzkgNDkuNDE1OSwzOS42NzkgNTAuMjA0OSwyNy41MzYgWiBNNTAuMjA0OSwyNC4yNDYgQzQ5LjQxNTksMTIuMTAxIDM5LjcwNDksMi4zOTEgMjcuNTYwOSwxLjYwMSBDMjguMzQ4OSwxMy43NDYgMzguMDYwOSwyMy40NTggNTAuMjA0OSwyNC4yNDYgWiBNMS42MDQ5LDI0LjI0NiBDMTMuNzQ3OSwyMy40NTggMjMuNDU5OSwxMy43NDYgMjQuMjQ3OSwxLjYwMSBDMTIuMTAzOSwyLjM5MSAyLjM5MjksMTIuMTAxIDEuNjA0OSwyNC4yNDYgWiBNMS42MDQ5LDI3LjUzNiBDMi4zOTI5LDM5LjY3OSAxMi4xMDM5LDQ5LjM5IDI0LjI0NzksNTAuMTc5IEMyMy40NTg5LDM4LjA0MiAxMy43NDc5LDI4LjMzNCAxLjYwNDksMjcuNTM2IFoiIGlkPSJGaWxsLTEiIGZpbGw9IiMyODI4MjgiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+');
}

    footer .TandC .container {
        position: relative;
        display: table;
        min-height: 200px;
        width: 100%;
    }

@media screen and (max-width: 767px) {
    footer .TandC .container {
        padding-top: 6px;
        min-height: 210px;
        padding-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    footer .TandC ul li {
        text-align: right;
        padding-left: 100px;
        padding: 0;
        width: 100%;
        margin-bottom: 0 !important;
        padding-right: 15px;
    }
}

footer .TandC a {
    color: #50b848;
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    footer .TandC a {
        padding-bottom: 2px;
    }
}



footer .footer-vertical-strip {
    position: absolute;
    bottom: 0;
    left: 36px;
    height: 230px;
    width: 60px;
    pointer-events: none;
    background-image: linear-gradient(-172deg, rgba(0, 150, 119, 1) 0%, rgba(80, 184, 72, 1) 100%);
}

    footer .footer-vertical-strip .text {
        position: absolute;
        left: 21px;
        font-style: normal;
        bottom: 46px;
        font-size: 18px;
        line-height: 18px;
        display: block;
        width: 128px;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: left top 0;
        transform-origin: left top 0;
        font-family: Arial, Arial, sans-serif;
        text-transform: uppercase;
        color: #fff;
    }

@media screen and (max-width: 767px) {
    footer .footer-vertical-strip {
        height: 250px;
    }
}
/*------------------------------------*\
  #BUTTON
\*------------------------------------*/

.btn {
    border-radius: 0;
    box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.3);
    background-image: -webkit-linear-gradient(-270deg, rgba(0, 150, 119, 1) 0%, rgba(80, 184, 72, 1) 100%);
    background-image: -moz-linear-gradient(-270deg, rgba(0, 150, 119, 1) 0%, rgba(80, 184, 72, 1) 100%);
    background-image: -o-linear-gradient(-270deg, rgba(0, 150, 119, 1) 0%, rgba(80, 184, 72, 1) 100%);
    background-image: linear-gradient(-270deg, rgba(0, 150, 119, 1) 0%, rgba(80, 184, 72, 1) 100%);
    transition: none;
    transition: all 150ms ease-in;
    font-size: 12px;
    font-weight: 600;
}

    .btn:hover {
        border-radius: 0;
        color: #fff;
        box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.25);
        background-image: -webkit-linear-gradient(-270deg, rgba(80, 184, 72, 1) 0%, rgba(80, 184, 72, 1) 100%);
        background-image: -moz-linear-gradient(-270deg, rgba(80, 184, 72, 1) 0%, rgba(80, 184, 72, 1) 100%);
        background-image: -o-linear-gradient(-270deg, rgba(80, 184, 72, 1) 0%, rgba(80, 184, 72, 1) 100%);
        background-image: linear-gradient(-270deg, rgba(80, 184, 72, 1) 0%, rgba(80, 184, 72, 1) 100%);
        transition: none;
        transition: all 150ms ease-in;
    }

/*------------------------------------*\
  #FORM
\*------------------------------------*/

:invalid {
    box-shadow: none;
}

form {
    background-color: transparent;
}

    form p,
    form li {
        font-size: 14px;
        line-height: 20px;
        color: rgba(40, 40, 40, 1);
        font-weight: normal;
    }

        form li label {
            font-weight: normal;
            font-size: 14px;
        }

.myPortContainer {
    position: relative;
    background-color: #fff;
}

    .myPortContainer .add-a-website {
        font-size: 16px;
        text-align: right;
        display: block;
        font-weight: bold;
        text-decoration: none;
        font-size: 14px;
    }

.cellLocation {
    font-size: 12px;
    font-style: normal;
    color: rgba(167, 169, 172, 1);
}

.arrow-d, .arrow-u {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSA2Ij4KICA8cGF0aCBmaWxsPSIjQTdBOUFDIiBkPSJNODkzLjI3ODk2MSw4MjUuMjU3OTU3IEw4OTAuNTAxODk4LDgyNy42NjI1NTYgTDg4OS40OTk4NzUsODI4LjQ1MTQyNSBMODg4LjQ4MTg1Miw4MjcuNjQ0NTU5IEw4ODUuNzIwNzg5LDgyNS4yNTc5NTcgQzg4NS4zMjc3OCw4MjQuOTE1MDE0IDg4NC42ODk3NjYsODI0LjkxNTAxNCA4ODQuMjk0NzU3LDgyNS4yNTc5NTcgQzg4My45MDE3NDgsODI1LjU5NjkwMSA4ODMuOTAxNzQ4LDgyNi4xNTA4MDggODg0LjI5NDc1Nyw4MjYuNDkyNzUxIEw4ODguNzU5ODU4LDgzMC4zNTYxMDcgTDg4OC44MDY4NTksODMwLjM5ODEgTDg4OS40OTk4NzUsODMxIEw4OTQuNzA1OTkzLDgyNi40OTI3NTEgQzg5NC45MDI5OTgsODI2LjMyMjc4IDg5NSw4MjYuMDk1ODE3IDg5NSw4MjUuODc0ODU0IEM4OTUsODI1LjY0OTg5MiA4OTQuOTAyOTk4LDgyNS40MjY5MjkgODk0LjcwNTk5Myw4MjUuMjU3OTU3IEM4OTQuNTA4OTg5LDgyNS4wODY5ODYgODk0LjI1MDk4Myw4MjUgODkzLjk5MTk3Nyw4MjUgQzg5My43MzM5NzEsODI1IDg5My40NzU5NjUsODI1LjA4Njk4NiA4OTMuMjc4OTYxLDgyNS4yNTc5NTcgWiIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgLTg4NCA4MzEpIi8+Cjwvc3ZnPgo=');
    border: 0;
    display: block;
    width: 11px;
    1: 56px background-size: cover;
    background-position: center center;
    height: 11px;
    background-repeat: no-repeat;
}

.arrow-u {
    transform: rotate(180deg) !important;
}

.unchecked-checkBox {
    /*background: url(../img/checkbox-light-touch-0.png?v=@Everlytic.Helper.dateTimeToUnixTimeStamp(DateTime.Now)) no-repeat;*/
}

.tickedCheckBox {
    /*background: url(../img/checkbox-light-touch-1.png?v=@Everlytic.Helper.dateTimeToUnixTimeStamp(DateTime.Now)) no-repeat;*/
}

.unselected-radioBox, .unselectedPref-radioBox, .unselectedMode-radioBox {
    background: url(../img/Radio_1.png?v=@Everlytic.Helper.dateTimeToUnixTimeStamp(DateTime.Now)) no-repeat !important;
}

.selectedRadioBox, .selectedPrefRadioBox, .selectedModeRadioBox {
    background: url(../img/Radio_2.png?v=@Everlytic.Helper.dateTimeToUnixTimeStamp(DateTime.Now)) no-repeat !important;
}

.i-addwebsitearrow, .green-arrow-r, .green-arrow-l {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1IDkiPgogIDxwYXRoIGZpbGw9IiMwMDk2NzciIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE4My41OTE4NzcsNC4yMTQ5NjQxNyBMMTgxLjMxOTczNSw2LjIxODc5Njg3IEwxODAuNDk5ODk4LDYuODc2MTg3MyBMMTc5LjY2Njk3LDYuMjAzNzk5MzcgTDE3Ny40MDc5MTgsNC4yMTQ5NjQxNyBDMTc3LjA4NjM2NiwzLjkyOTE3ODQ3IDE3Ni41NjQzNTQsMy45MjkxNzg0NyAxNzYuMjQxMTY1LDQuMjE0OTY0MTcgQzE3NS45MTk2MTIsNC40OTc0MTcxIDE3NS45MTk2MTIsNC45NTkwMDY4MyAxNzYuMjQxMTY1LDUuMjQzOTU5MzQgTDE3OS44OTQ0MjksOC40NjM0MjI3NiBMMTc5LjkzMjg4NSw4LjQ5ODQxNjkzIEwxODAuNDk5ODk4LDkgTDE4NC43NTk0NDksNS4yNDM5NTkzNCBDMTg0LjkyMDYzNSw1LjEwMjMxNjI4IDE4NSw0LjkxMzE4MTE0IDE4NSw0LjcyOTA0NTE2IEMxODUsNC41NDE1NzY0IDE4NC45MjA2MzUsNC4zNTU3NzQwNCAxODQuNzU5NDQ5LDQuMjE0OTY0MTcgQzE4NC41OTgyNjQsNC4wNzI0ODc5MiAxODQuMzg3MTY4LDQgMTg0LjE3NTI1NCw0IEMxODMuOTY0MTU4LDQgMTgzLjc1MzA2Myw0LjA3MjQ4NzkyIDE4My41OTE4NzcsNC4yMTQ5NjQxNyBaIiB0cmFuc2Zvcm09InJvdGF0ZSgtOTAgOTAuNSA5NC41KSIvPgo8L3N2Zz4K') !important;
    width: 10px;
    height: 10px;
    margin-top: 0;
    border: 0;
    background-repeat: no-repeat;
    margin-right: 0;
}

.green-arrow-l {
    transform: rotate(180deg);
    padding-left: 10px;
    background-position-x: 5px;
    width: 13px;
}

div#myportContent {
    position: relative;
    z-index: 9;
    background-color: #fff;
}

.form-thin fieldset {
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    background: white;
    z-index: 4;
    padding: 30px;
}

.form-thin {
    background-color: transparent;
}

.form-shadowed {
    border: 0;
    position: relative;
    z-index: 3;
}

    .form-shadowed::after,
    .myPortContainer:after {
        content: none;
    }

    .form-shadowed::before, .myPortContainer::before, .frmMain, .tech_error_page::before, .aboutContent::before, .contactUsContainer .main.thin.pad-l::before {
        content: '';
        position: absolute;
        z-index: 2;
        top: 45px;
        left: 45px;
        display: block;
        width: calc(100% + 0px);
        height: calc(100% + 0px);
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTJweCIgaGVpZ2h0PSI1MnB4IiB2aWV3Qm94PSIwIDAgNTIgNTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjEgKDU3NTAxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYXR0ZXJuPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhdHRlcm4iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxyZWN0IGlkPSJNYXNrIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHg9IjAiIHk9IjAiIHdpZHRoPSI1MiIgaGVpZ2h0PSI1MiI+PC9yZWN0PgogICAgICAgIDxwYXRoIGQ9Ik01MS44MDU5LDYuNDYxIEM0OC4yNDI5LDYuNDU5IDQ1LjM0NjksMy41NjIgNDUuMzQ2OSwwIEw2LjQ2MzksMCBDNi40NjE5LDMuNTYzIDMuNTYzOSw2LjQ2MSAtMC4wMDAxLDYuNDYxIEwtMC4wMDAxLDI0LjI5NiBMLTAuMDAwMSwyNS44NDkgTDAuMDAxOSwyNS44MTQgTDAuMDAxOSwyNS44NDkgTC0wLjAwMDEsMjUuODQ5IEwtMC4wMDAxLDI1LjkyOSBMLTAuMDAwMSwyNS45MzIgTC0wLjAwMDEsMjUuOTQ5IEwtMC4wMDAxLDI3LjQ4NiBMLTAuMDAwMSw0NS4zMjkgQzMuNTYzOSw0NS4zMjkgNi40NjI5LDQ4LjIxOSA2LjQ2MzksNTEuNzkxIEw0NS4zNDY5LDUxLjc5MSBDNDUuMzQ2OSw0OC4yMTkgNDguMjQyOSw0NS4zMzEgNTEuODA1OSw0NS4zMjkgTDUxLjgwNTksNi40NjEgWiBNMC4wNDM5LDI3LjQ4NiBDMC41OTk5LDI3LjQ4MiAxLjYwNDksMjcuNTM2IDEuNjA0OSwyNy41MzYgQzEuNTUwOSwyNy4wMDYgMS41NTI5LDI2LjE2OSAxLjU1MzksMjUuOTgyIEMxNC41OTY5LDI2Ljc1NSAyNS4wMzc5LDM3LjE5NiAyNS44MDg5LDUwLjIzNyBDMjUuNTc3OSw1MC4yMzIgMjQuOTEzOSw1MC4yMiAyNC4yNDc5LDUwLjE4IEMyNC4yNDc5LDUwLjE4IDI0LjI4NzksNTAuOTI5IDI0LjI5OTksNTEuNzQyIEwyNC4yOTY5LDUxLjc0MiBDMTEuMjU1OSw1MC45NjkgMC44MTQ5LDQwLjUyOCAwLjA0MzksMjcuNDg2IFogTTI1LjgwODksMS41NTMgQzI1LjAzOTksMTQuNTgyIDE0LjU3NTksMjUuMDA4IDEuNTQ5OSwyNS43OTcgQzEuNTQwOSwyNS4yMDggMS42MDQ5LDI0LjI0NiAxLjYwNDksMjQuMjQ2IEMxLjAyODksMjQuMjkgMC4yMTU5LDI0LjI5NiAwLjA0MzksMjQuMjk2IEMwLjgxNDksMTEuMjU1IDExLjI1NTksMC44MTMgMjQuMjk2OSwwLjA0MSBMMjQuMjk5OSwwLjA0MSBDMjQuMzA1OSwwLjYyNSAyNC4yOTY5LDEuMjI3IDI0LjI0NzksMS42MDIgQzI0LjI0NzksMS42MDIgMjUuMzcyOSwxLjUzNSAyNS44MDg5LDEuNTQ5IEwyNS44MDg5LDEuNTUzIFogTTI1Ljk1NzksMTkuMzg2IEMyOS41MzE5LDE5LjM4NiAzMi40MjI5LDIyLjI3NyAzMi40MjI5LDI1Ljg0OSBMMzIuNDIyOSwyNS45MzIgQzMyLjQyMjksMjkuNTA0IDI5LjUzMTksMzIuMzk0IDI1Ljk1NzksMzIuMzk0IEwyNS45MTA5LDMyLjM5NCBMMjUuODk4OSwzMi4zOTQgTDI1Ljg1MDksMzIuMzk0IEMyMi4yODA5LDMyLjM5NCAxOS4zODc5LDI5LjUwNCAxOS4zODc5LDI1LjkzMiBMMTkuMzg3OSwyNS44NDkgQzE5LjM4NzksMjIuMjc3IDIyLjI4MDksMTkuMzg2IDI1Ljg1MDksMTkuMzg2IEwyNS44OTg5LDE5LjM4NiBMMjUuOTEwOSwxOS4zODYgTDI1Ljk1NzksMTkuMzg2IFogTTUxLjc2NjksMjQuMjk2IEM1MS41OTU5LDI0LjI5NiA1MC43ODM5LDI0LjI5IDUwLjIwNDksMjQuMjQ2IEM1MC4yMDQ5LDI0LjI0NiA1MC4yNjk5LDI1LjIwOCA1MC4yNTg5LDI1Ljc5NyBDMzcuMjMyOSwyNS4wMDggMjYuNzcwOSwxNC41ODIgMjUuOTk5OSwxLjU1MyBMMjUuOTk5OSwxLjU0OSBDMjYuNDM1OSwxLjUzNSAyNy41NjA5LDEuNjAyIDI3LjU2MDksMS42MDIgQzI3LjUxMTksMS4yMjcgMjcuNTAzOSwwLjYyNSAyNy41MDk5LDAuMDQxIEwyNy41MTE5LDAuMDQxIEM0MC41NTI5LDAuODEzIDUwLjk5MzksMTEuMjU1IDUxLjc2NjksMjQuMjk2IFogTTUxLjc2NjksMjcuNDg2IEM1MC45OTM5LDQwLjUyOCA0MC41NTI5LDUwLjk2OSAyNy41MTE5LDUxLjc0MiBMMjcuNTA5OSw1MS43NDIgQzI3LjUyMTksNTAuOTI5IDI3LjU2MDksNTAuMTggMjcuNTYwOSw1MC4xOCBDMjYuODk2OSw1MC4yMiAyNi4yMzE5LDUwLjIzMiAyNS45OTk5LDUwLjIzNyBDMjYuNzcxOSwzNy4xOTYgMzcuMjEzOSwyNi43NTUgNTAuMjU0OSwyNS45ODIgQzUwLjI1NTksMjYuMTY5IDUwLjI1NzksMjcuMDA2IDUwLjIwNDksMjcuNTM2IEM1MC4yMDQ5LDI3LjUzNiA1MS4yMDg5LDI3LjQ4MiA1MS43NjY5LDI3LjQ4NiBaIE01MC4yMDQ5LDI3LjUzNiBDMzguMDYwOSwyOC4zMzQgMjguMzUxOSwzOC4wNDIgMjcuNTYwOSw1MC4xNzkgQzM5LjcwNDksNDkuMzkgNDkuNDE1OSwzOS42NzkgNTAuMjA0OSwyNy41MzYgWiBNNTAuMjA0OSwyNC4yNDYgQzQ5LjQxNTksMTIuMTAxIDM5LjcwNDksMi4zOTEgMjcuNTYwOSwxLjYwMSBDMjguMzQ4OSwxMy43NDYgMzguMDYwOSwyMy40NTggNTAuMjA0OSwyNC4yNDYgWiBNMS42MDQ5LDI0LjI0NiBDMTMuNzQ3OSwyMy40NTggMjMuNDU5OSwxMy43NDYgMjQuMjQ3OSwxLjYwMSBDMTIuMTAzOSwyLjM5MSAyLjM5MjksMTIuMTAxIDEuNjA0OSwyNC4yNDYgWiBNMS42MDQ5LDI3LjUzNiBDMi4zOTI5LDM5LjY3OSAxMi4xMDM5LDQ5LjM5IDI0LjI0NzksNTAuMTc5IEMyMy40NTg5LDM4LjA0MiAxMy43NDc5LDI4LjMzNCAxLjYwNDksMjcuNTM2IFoiIGlkPSJGaWxsLTEiIGZpbGw9IiNGRkZGRkYiIG9wYWNpdHk9IjAuMDk3MjY1NjI1Ij48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg=='), linear-gradient(to right, #287fb9 0%, #4498ca 100%);
        background-repeat: repeat;
    }

.tech_error_page::before, .aboutContent::before, .contactUsContainer .main.thin.pad-l::before {
    z-index: -1;
}

@media screen and (max-width: 767px) {
    .form-shadowed::before, .myPortContainer::before, .tech_error_page::before, .aboutContent::before, .contactUsContainer .main.thin.pad-l::before {
        display: none !important;
    }
}

form#FTRDetailForm::before,
form#Register::before,
form#RegistrationForm::before,
form#FTROTPForm::before,
form#FTRLoginForm::before,
form#FastTrackUpgradeForm::before,
form#FTRDetailForm::before,
form#ConfirmPersonalDetails::before {
    top: 195px;
    left: 45px;
    display: block;
    width: calc(100% + 0px);
    height: calc(100% - 150px);
}

form#formLinkCellphone::before,
form#formUpdateLoginDetails::before,
.ConfirmUpdateLoginDetails::before {
    top: 215px;
    left: 45px;
    display: block;
    width: calc(100% + 0px);
    height: calc(100% - 170px);
}

@media screen and (max-width: 767px) {
    .form-shadowed::before, .myPortContainer::before {
        top: 20px;
        left: 20px;
    }

    form#FTRDetailForm::before,
    form#FTRLoginForm::before,
    form#FastTrackUpgradeForm::before,
    form#Register::before,
    form#RegistrationForm::before,
    form#formLinkCellphone::before,
    form#ConfirmPersonalDetails::before,
    .ConfirmUpdateLoginDetails::before::before,
    form#formUpdateLoginDetails::before {
        width: calc(100% + 0px);
        height: calc(100% - 0px);
        top: 20px;
        left: 20px;
    }
}

.tech_error_page.thin {
    border: 0;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
}

.msg-error {
    font-weight: normal;
    font-size: 14px;
}

.gcserrorCellphone .blockGroupMsg, .gcserrorCellphone2 .blockGroupMsg, .gcserror .errorGroup, .invalidDOB .errorGroup2, .invalidRSAid .errorGroup3, .invalidNumberCombo .errorGroup4, .cellNoInvalid .errorGroup, .gcserrorCellphone .blockGroupMsg {
    border-color: rgba(240, 8, 8, 1);
}

.gcserror .gcs-error-group {
    font-size: 14px;
}

    .gcserror .gcs-error-group > strong {
        text-transform: uppercase;
        font-size: 16px;
    }

.red, .red-text {
    color: rgba(240, 8, 8, 1);
}

.unlockProfile {
    text-align: center;
}

.pop-up-container {
    text-align: left;
}

.pad-l {
    padding: 30px 30px;
}

.styledbox {
    font-size: 14px;
}

button[disabled], button[disabled]:hover {
    cursor: not-allowed;
    background-image: none;
    background-color: #ccc;
}

form label {
    font-family: Arial, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

form input[type="text"],
form input[type="tel"],
form input[type="password"],
form select,
form .type-text,
.pseudoSelect,
.pseudoSelect2 {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(220, 221, 222, 1);
    border-radius: 2px;
    
}

    form input[type="text"]:focus,
    form input[type="tel"]:focus,
    form input[type="password"]:focus,
    form select:focus,
    form .type-text,
    .pseudoSelect:focus,
    .pseudoSelect2:focus {
        -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05) !important;
        -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05) !important;
        box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05) !important;
    }

    .pseudoSelect:hover .caret, .pseudoSelect2:hover .caret,
    .pseudoSelect .caret, .pseudoSelect2 .caret {
        background-color: #fff !important;
    }

        .pseudoSelect:hover .caret span,
        .pseudoSelect2:hover .caret span,
        .pseudoSelect-active .caret span {
            border-top: 5px solid #009677 !important;
        }

.caret span {
    border-top: 5px solid #009677 !important;
}

.pseudoOptions a, .pseudoOptions2 a {
    font-family: Arial, Arial, sans-serif;
    color: #222;
    display: block;
    z-index: 1000;
    font-weight: normal;
    padding: 10px 0 5px 10px;
    border-bottom: 1px solid #80808017;
    background: #dddedf;
}

    .pseudoOptions a:hover, .pseudoOptions2 a:hover {
        background: #ffffff;
    }

.pseudoOptions, .pseudoOptions2 {
    top: 37px;
}

.pseudoSelect, .pseudoSelect2 {
    font-weight: normal;
}

.small_content_container {
    border-radius: 2px;
    border: 1px solid rgba(220, 221, 222, 1);
}

.contactUsContainer .main {
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}

.myPortContainer,
#main.thin {
    border: 0;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
}

.yourWebsitesLinks {
    padding: 30px 30px 30px;
}

    .yourWebsitesLinks + .yourWebsitesLinks {
        padding-top: 0;
        margin-top: -20px;
    }

.nav-progress {
    background: transparent;
    position: relative;
    z-index: 4;
    display: flex;
    justify-content: center;
    border: 0;
    box-shadow: none;
    padding-top: 0;
}

    .nav-progress + .successContainer {
        background: none;
    }

@media (max-width: 767px) {
    .nav-progress {
        display: none !important;
    }
}

.nav-progress-item {
    width: 29%;
}

.nav-progress .progress-icon, .nav-progress .progress-icon-future, .progress-icon-passed, .nav-progress .progress-icon-passed {
    height: 48px;
    width: 48px;
    border-radius: 50%;
    background-image: linear-gradient(-270deg, rgba(0, 150, 119, 1) 0%, rgba(80, 184, 72, 1) 100%) !important;
    border: 5px solid #ffffff;
    margin-top: 20px;
    position: relative;
    z-index: 4;
}



li.nav-progress-item.nav-progress-item-future .progress-icon-future, .nav-progress .progress-icon-future {
    background-color: #fff !important;
}

/*select every second child starting from the first*/
ol.nav-progress li:nth-child(odd)::before,
ol.nav-progress li:last-child::before {
    content: '1';
    color: #fff;
    font-size: 18px;
    line-height: 48px;
    font-weight: bold;
    position: absolute;
    z-index: 5;
    top: -35px;
    right: 14.5px;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    border: 1px solid #e1e1e1;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

ol.nav-progress li:nth-child(3)::before {
    content: '2';
}

ol.nav-progress li:nth-child(5)::before {
    content: '3';
}

ol.nav-progress li:nth-child(7)::before {
    content: '4';
}

ol.nav-progress li:nth-child(odd)::after {
    content: "";
    height: 4px;
    background: #fff;
    border: 1px solid #e7e7e7;
    width: 100%;
    position: absolute;
    top: calc(50% - 19px);
    left: 70px;
    z-index: 2;
}

ol.nav-progress.lg li::before {
    top: calc(100% - 195px);
}

ol.nav-progress.lg li::after {
    top: calc(50% - 30px);
}

ol.nav-progress li:last-child::after {
    content: none !important;
}

li.nav-progress-item.nav-progress-item-future::before {
    color: rgba(167, 169, 172, 1) !important;
}

li.nav-progress-item.nav-progress-item-future .progress-icon-future {
    background: #fff !important;
}

.progress-text {
    font-size: 14px;
    color: rgba(0, 150, 119, 1);
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    max-width: 80%;
}

    .progress-text.disabled-link {
        font-weight: normal;
    }

.nextArrow {
    display: none;
}

/*------------------------------------*\
  #HARD FIXES
\*------------------------------------*/

p.margin29B.marT-2 {
    padding-right: 20px;
    padding-left: 30px !important;
}

#changePasswordDropBox span {
    text-decoration: none !important;
}

.ptb-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.otp-msg {
    padding: 0;
    margin-right: 0;
    width: 100%;
}

.main p {
    font-size: 14px;
}

div#sendOTPerror strong:first-of-type {
    text-transform: uppercase;
    font-size: 16px;
}

div#sendOTPerror {
    padding: 20px 0;
    font-size: 14px;
}

#OTPContent #blockSection {
    width: 100%;
    border: 1px solid #009677;
    padding: 1em;
}

.mt0 {
    margin-top: 0;
}

.ActiveSites {
    padding-left: 0;
    border: 1px solid rgba(220, 221, 222, 1) !important;
}

    .ActiveSites.PendingSites {
        margin-bottom: 10px;
    }

        .ActiveSites.PendingSites span {
            font-weight: normal;
        }

.myPortContainer .add-a-website:hover {
    color: #84bd00;
}

.small_content_container {
    color: rgba(40, 40, 40, 1);
}
/*ACCORDION*/
.dynamicHeader.ft-light {
    background: #fff;
    border-bottom: 0;
    box-shadow: none;
    margin-left: 0 !important;
    font-weight: normal;
    filter: opacity(1) !important;
    text-transform: uppercase;
    font-size: 12px !important;
    font-weight: 500;
    color: rgba(40, 40, 40, 1);
}

.nonAccordianContent {
    padding: 20px 30px 10px 30px;
    border-bottom: 1px dashed rgba(220, 221, 222, 1);
}

    .nonAccordianContent a {
        font-size: 14px;
        text-decoration: none;
        font-weight: bold;
    }




.accordianColumn {
    float: none;
    width: 73%;
    margin-right: 25px;
    border: 0;
    background: #fff;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 767px) {
    .accordianColumn {
        width: 100%;
        display: block;
        margin-right: 0;
    }
}

.accordionTitle a {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

.accordionTitle h3 {
    margin: 0;
}

.accordionText {
    display: none;
    overflow: hidden;
    padding: 6px 20px 0 47px;
    font-size: 14px;
    background-image: none;
    background-color: rgba(241, 242, 242, 1);
    overflow: hidden;
}

.accordionTitle a, .active .accordionTitle a {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSA2Ij4KICA8cGF0aCBmaWxsPSIjQTdBOUFDIiBkPSJNODkzLjI3ODk2MSw3NjguMjU3OTU3IEw4OTAuNTAxODk4LDc3MC42NjI1NTYgTDg4OS40OTk4NzUsNzcxLjQ1MTQyNSBMODg4LjQ4MTg1Miw3NzAuNjQ0NTU5IEw4ODUuNzIwNzg5LDc2OC4yNTc5NTcgQzg4NS4zMjc3OCw3NjcuOTE1MDE0IDg4NC42ODk3NjYsNzY3LjkxNTAxNCA4ODQuMjk0NzU3LDc2OC4yNTc5NTcgQzg4My45MDE3NDgsNzY4LjU5NjkwMSA4ODMuOTAxNzQ4LDc2OS4xNTA4MDggODg0LjI5NDc1Nyw3NjkuNDkyNzUxIEw4ODguNzU5ODU4LDc3My4zNTYxMDcgTDg4OC44MDY4NTksNzczLjM5ODEgTDg4OS40OTk4NzUsNzc0IEw4OTQuNzA1OTkzLDc2OS40OTI3NTEgQzg5NC45MDI5OTgsNzY5LjMyMjc4IDg5NSw3NjkuMDk1ODE3IDg5NSw3NjguODc0ODU0IEM4OTUsNzY4LjY0OTg5MiA4OTQuOTAyOTk4LDc2OC40MjY5MjkgODk0LjcwNTk5Myw3NjguMjU3OTU3IEM4OTQuNTA4OTg5LDc2OC4wODY5ODYgODk0LjI1MDk4Myw3NjggODkzLjk5MTk3Nyw3NjggQzg5My43MzM5NzEsNzY4IDg5My40NzU5NjUsNzY4LjA4Njk4NiA4OTMuMjc4OTYxLDc2OC4yNTc5NTcgWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg4NCAtNzY4KSIvPgo8L3N2Zz4K');
    background-position: calc(100% - 20px) center;
    background-size: 11px;
    padding-left: 0;
    padding: 20px 0;
}

.active .accordionTitle a {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSA2Ij4KICA8cGF0aCBmaWxsPSIjQTdBOUFDIiBkPSJNODkzLjI3ODk2MSw4MjUuMjU3OTU3IEw4OTAuNTAxODk4LDgyNy42NjI1NTYgTDg4OS40OTk4NzUsODI4LjQ1MTQyNSBMODg4LjQ4MTg1Miw4MjcuNjQ0NTU5IEw4ODUuNzIwNzg5LDgyNS4yNTc5NTcgQzg4NS4zMjc3OCw4MjQuOTE1MDE0IDg4NC42ODk3NjYsODI0LjkxNTAxNCA4ODQuMjk0NzU3LDgyNS4yNTc5NTcgQzg4My45MDE3NDgsODI1LjU5NjkwMSA4ODMuOTAxNzQ4LDgyNi4xNTA4MDggODg0LjI5NDc1Nyw4MjYuNDkyNzUxIEw4ODguNzU5ODU4LDgzMC4zNTYxMDcgTDg4OC44MDY4NTksODMwLjM5ODEgTDg4OS40OTk4NzUsODMxIEw4OTQuNzA1OTkzLDgyNi40OTI3NTEgQzg5NC45MDI5OTgsODI2LjMyMjc4IDg5NSw4MjYuMDk1ODE3IDg5NSw4MjUuODc0ODU0IEM4OTUsODI1LjY0OTg5MiA4OTQuOTAyOTk4LDgyNS40MjY5MjkgODk0LjcwNTk5Myw4MjUuMjU3OTU3IEM4OTQuNTA4OTg5LDgyNS4wODY5ODYgODk0LjI1MDk4Myw4MjUgODkzLjk5MTk3Nyw4MjUgQzg5My43MzM5NzEsODI1IDg5My40NzU5NjUsODI1LjA4Njk4NiA4OTMuMjc4OTYxLDgyNS4yNTc5NTcgWiIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgLTg4NCA4MzEpIi8+Cjwvc3ZnPgo=');
}

.secureSites h3 {
    padding-left: 0;
    margin-bottom: 0;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: normal;
    text-align: center;
    padding: 20px;
    font-weight: bold;
}

.secureSites {
    float: none;
    padding-top: 0;
    background: #fff;
    padding-bottom: 0;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
}

.secureSitesLinks li:last-child {
    border: 0;
}

.secureSitesLinks li.active {
    background: none;
}

.secureSitesLinks a {
    box-shadow: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: normal;
    padding: 14px 0 14px 20px;
}

.secureSitesLinks li.active a {
    border-width: 0 0 0 4px;
    border-color: rgba(0, 150, 119, 1);
    border-style: solid;
    background-color: rgba(241, 242, 242, 1);
    box-shadow: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.secureSitesLinks ul {
    padding: 0;
    margin: 0;
}

.websitesContainer {
    float: none;
    width: 100%;
    clear: both;
    display: flex;
    position: relative;
    z-index: 4;
    margin-bottom: 35px;
    /* box-shadow: none; */
}


.TandC ul {
    padding-left: 0;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

@media screen and (max-width: 767px) {
    .TandC ul {
    }
}

.dl-menuwrapper li a {
    color: #00947a;
    font-family: Arial, Arial, sans-serif !important;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 10px 6px 43px;
    font-weight: normal;
}


.dl-menuwrapper .dl-menu {
    height: 100vh;
    top: -24px !important;
    left: -50px;
    width: 126%;
    background: rgba(241, 242, 242, 1);
    padding-top: 20px !important;
}

.dl-menuwrapper li {
    position: relative;
    border: 0;
    border-bottom: 1px dotted rgba(167, 169, 172, 1);
    padding: 10px 0;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3IDEyIj4KICA8cGF0aCBmaWxsPSIjMDA5Njc3IiBkPSJNMjkxLjI3ODk2MSwxMDQuMjU3OTU3IEwyODguNTAxODk4LDEwNi42NjI1NTYgTDI4Ny40OTk4NzUsMTA3LjQ1MTQyNSBMMjg2LjQ4MTg1MiwxMDYuNjQ0NTU5IEwyODMuNzIwNzg5LDEwNC4yNTc5NTcgQzI4My4zMjc3OCwxMDMuOTE1MDE0IDI4Mi42ODk3NjYsMTAzLjkxNTAxNCAyODIuMjk0NzU3LDEwNC4yNTc5NTcgQzI4MS45MDE3NDgsMTA0LjU5NjkwMSAyODEuOTAxNzQ4LDEwNS4xNTA4MDggMjgyLjI5NDc1NywxMDUuNDkyNzUxIEwyODYuNzU5ODU4LDEwOS4zNTYxMDcgTDI4Ni44MDY4NTksMTA5LjM5ODEgTDI4Ny40OTk4NzUsMTEwIEwyOTIuNzA1OTkzLDEwNS40OTI3NTEgQzI5Mi45MDI5OTgsMTA1LjMyMjc4IDI5MywxMDUuMDk1ODE3IDI5MywxMDQuODc0ODU0IEMyOTMsMTA0LjY0OTg5MiAyOTIuOTAyOTk4LDEwNC40MjY5MjkgMjkyLjcwNTk5MywxMDQuMjU3OTU3IEMyOTIuNTA4OTg5LDEwNC4wODY5ODYgMjkyLjI1MDk4MywxMDQgMjkxLjk5MTk3NywxMDQgQzI5MS43MzM5NzEsMTA0IDI5MS40NzU5NjUsMTA0LjA4Njk4NiAyOTEuMjc4OTYxLDEwNC4yNTc5NTcgWiIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDk1IDE5OC41KSIvPgo8L3N2Zz4K');
    background-repeat: no-repeat;
    background-position: 89.5% 22px;
    background-size: 8px;
}


@media screen and (max-width: 767px) {

    .ActiveSites ul {
        padding-left: 17px;
    }

    #myportContent .yourWebsitesLinks {
        padding-top: 3px;
    }

    .myPortContainer h4 {
        margin-bottom: 10px;
    }

    .myPortContainer {
        margin-top: 0;
    }

    .portal-user {
        background-image: url(../img/user.svg) no-repeat left center;
    }
}
