html { height: 100%; margin: 0; padding: 0; font-size: 14px;}
body {
    background-image: none !important;
    background-color: #FFFFFF;

    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 14px;
    color: #374C56 !important;
    min-width: 590px;
    font-family: "Inter", "Outer", "Lato", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*/* Page background-image portrait for iPad 1/2 */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {
 .container_main_page .container_background_image { background-size: cover !important; }
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(5px);
    transform: translateY(5px);
  }
  40% {
    -moz-transform: translateY(2px);
    transform: translateY(2px);
  }
  60% {
    -moz-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  40% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  60% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  40% {
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  60% {
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

.container_main_page { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.container_main_page .container_main_content { width: 100%; }

.container_main_page .container_background_image { z-index: -9999; position: fixed;  left: 0; height: 1536px; min-height: 100%; width: 100%;
                                                   -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.container_main_page .container_background_color { z-index: -9998; position: fixed; top: 9.29rem; left: 0; height:23rem; width: 100%; background: rgba(100,201,210,0.85); background: -moz-linear-gradient(left, rgba(100,201,210,0.85) 0%, rgba(49,190,164,0.85) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(100,201,210,0.85)), color-stop(100%, rgba(49,190,164,0.85))); background: -webkit-linear-gradient(left, rgba(100,201,210,0.85) 0%, rgba(49,190,164,0.85) 100%); background: -o-linear-gradient(left, rgba(100,201,210,0.85) 0%, rgba(49,190,164,0.85) 100%); background: -ms-linear-gradient(left, rgba(100,201,210,0.85) 0%, rgba(49,190,164,0.85) 100%); background: linear-gradient(to right, rgba(100,201,210,0.85) 0%, rgba(49,190,164,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64c9d2', endColorstr='#31bea4', GradientType=1 ); }
    .container_main_page .container_main_content .no-wrap { white-space: nowrap; }
.container_main_page .container_main_content .main_content { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.container_main_page .container_main_content .main_content .logo_content_body { width: 100%; }
    .container_main_page .container_main_content .main_content .logo_content_body .logo {
        display: block;
        width: 20rem;
        padding: 2rem;
    }
.container_main_page .container_main_content .main_content .main_content_body { padding: 40px; align-content: center; background-color: #F7FCFC; border-radius: 16px;    }
    .container_main_page .container_main_content .main_content .main_content_body .input-box {
        margin-top: 3rem;
        display:flex;
        flex-direction: column;
    }
.container_main_page .container_main_content .main_content .main_content_body .email-title {
    font-weight: 400;
    color: #202020;
    font-family: 'Inter';
}
    .container_main_page .container_main_content .main_content .main_content_body .smtp_header {
        font-size: 1.75rem;
        text-align: center;
        color: white;
        line-height: 130%;
        font-family: 'Inter';
        color: #202020;
        font-weight: 600;
    }
    .container_main_page .main_content_body .error_domain {
        font-size: 1.2rem;
        color: white;
        margin-top: 0.37rem;
        background-color: #FFE4E4;
        border-radius: 10px;
        line-height: 120%;
        text-align: left;
        color: #5C5C5C;
        padding: 1rem;
        margin-top: 1.8rem;
    }
    .container_main_page .error-icon {
        height: 24px;
        width: 24px;
        margin-right: 0.7rem;
        background-image: url('../../s/bundle/i/newUI/message-sprite.svg') !important;
        background-repeat: no-repeat;
        background-size: auto 24px;
        background-position: -48px 0;
    }
    .container_main_page .main_content_body .error_domain .second-part {
        font-size: 0.9rem;
        color: #5C5C5C;
        margin-top: 0.5rem;
    }
    .container_main_page .main_content_body .error_domain .unsupported_domain {
        font-size: 1.2rem;
        color: #EF5350;
    }
        .container_main_page .main_content_body .error_domain a {
            color: #1079C5;
            text-decoration: none;
        }
        .container_main_page .main_content_body .error_domain b {
            color: #FFA;
            text-decoration: none;
        }
        .container_main_page .main_content_body .error_domain a:hover {
            text-decoration: underline;
        }
.container_main_page .main_content_body .smtp_input { font-size: 1.3rem; color:#5C5C5C; font-family: 'Inter'; font-weight:400;  background-color: rgba(255, 255, 255, .8);
                                                                                            border: 0.07rem solid #e1e5e7; border-radius: 0.5rem; padding:0.6rem;
                                                                                            height:2.22em; text-align: center; margin-top:5px; display: block; }
    .container_main_page .container_main_content .main_content .main_content_body .smtp_input.valid {
        color: #202020;
    }
    .container_main_page .container_main_content .main_content .main_content_body .smtp_input.domain-error {
        border-color: #EF5350;

    }
    .container_main_page .container_main_content .main_content .main_content_body .smtp_input::-webkit-input-placeholder { color: #cbcccd; } /* Chrome/Opera/Safari */
    .container_main_page .container_main_content .main_content .main_content_body .smtp_input::-moz-placeholder { color: #cbcccd; } /* Firefox 19+ */
    .container_main_page .container_main_content .main_content .main_content_body .smtp_input:-moz-placeholder { color: #cbcccd; } /* Firefox 18- */
    .container_main_page .container_main_content .main_content .main_content_body .smtp_input:-ms-input-placeholder { color: #cbcccd; } /* IE 10+ */

    .container_main_page  a.go_action_button { margin-left:auto; margin-right:auto; text-align:center; width:100%; text-decoration: none; margin-top: 1.8rem; display: block; }
        .container_main_page  a.go_action_button:disabled {
            pointer-events: none;
            color:orange;
        }
        .container_main_page .container_main_content .go_button {
            font-size: 1.2rem;
            color: #FFFFFF;
            background-color: #1079C5;
            border: 0.07rem solid #1079C5;
            border-radius: 0.5rem;
            width: 100%;
            height: 3.57rem;
            margin-left: auto;
            margin-right: auto;
            display: block;
            text-transform: none;
        }
    .container_main_page .container_main_content .go_button {
        background-image: url(../i/letMEinArrowWhite.svg) !important;
        background-repeat: no-repeat;
        background-size: 1.43rem 1.43rem;
        background-position: -50px center;
        padding-right: 0;
        transition: all 200ms ease;
    }
        .container_main_page .container_main_content .go_button:hover {
            background-position: 22.5rem center;
            padding-right: 3.57rem;
            background-color: #1186D9;
        }
        .container_main_page .container_main_content .go_button:disabled {
            color: #A3A3A3;
            background-color: #DCDCDC;
            border-color: #A3A3A3;
            font-weight: 600;
            font-family: 'Inter';
            pointer-events: none;
        }

.container_main_page .container_footer_content { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; display: block;
                                                 color: #202020;
                                                 width: 100%; bottom: 0; left: 0; position: fixed; font-size: 1rem;  line-height:140%; text-align:center; }
.container_main_page .container_footer_content .container_footer_content_block {  margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }
    .container_main_page .container_footer_content .container_footer_content_block .footer {
        float: right;
        padding: 2rem;
        font-family: 'Inter';
        font-weight: 400;
        color: #5C5C5C;
    }
        .container_main_page .container_footer_content .container_footer_content_block .footer .allreserved {
            margin-bottom: 10px;
        }
        .container_main_page .container_footer_content .container_footer_content_block .footer a {
            text-decoration: none;
            color: #1079C5;
        }
.container_main_page .container_footer_content .container_footer_content_block .footer a:hover { text-decoration: underline; }