﻿html { height: 100%; margin: 0; padding: 0; font-size: 14px;}
body { background-image: none !important; background-color: #096DA2;  margin: 0; padding: 0; height: 100%; font-size: 14px; color: #374C56 !important; min-width: 590px; font-family: "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%; background-image: url(../i/background.jpg) !important; -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(105,128,136,0.85); background: -moz-linear-gradient(left, rgba(105,128,136,0.85) 0%, rgba(68,85,102,0.85) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(105,128,136,0.85)), color-stop(100%, rgba(68,85,102,0.85))); background: -webkit-linear-gradient(left, rgba(105,128,136,0.85) 0%, rgba(68,85,102,0.85) 100%); background: -o-linear-gradient(left, rgba(105,128,136,0.85) 0%, rgba(68,85,102,0.85) 100%); background: -ms-linear-gradient(left, rgba(105,128,136,0.85) 0%, rgba(68,85,102,0.85) 100%); background: linear-gradient(to right, rgba(105,128,136,0.85) 0%, rgba(68,85,102,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%; height: 9.29rem; box-shadow: 0 0.142rem 0.357rem 0 rgba(0, 0, 0, 0.08), 0 0.142rem 0.714rem 0 rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0 0.142rem 0.357rem 0 rgba(0, 0, 0, 0.08), 0 0.142rem 0.714rem 0 rgba(0, 0, 0, 0.06); -moz-box-shadow:  0 0.142rem 0.357rem 0 rgba(0, 0, 0, 0.08), 0 0.142rem 0.714rem 0 rgba(0, 0, 0, 0.06); }
    .container_main_page .container_main_content .main_content .logo_content_body .logo { display: block; height: 4rem; }
.container_main_page .container_main_content .main_content .main_content_body { align-content: center; }
.container_main_page .container_main_content .main_content .main_content_body .smtp_header { width: 31rem; margin-left:-.9rem; font-size: 1.75rem; text-align: center; color: white; margin-top: 3.57rem; line-height:130%; }
.container_main_page .container_main_content .main_content .main_content_body .smtp_input { margin-left: -.14rem; font-size: 1.3rem; color: #b3b3b3; background-color: rgba(255, 255, 255, .8); border: 0.07rem solid #e1e5e7; border-radius: 0.07rem; -moz-border-radius: 0.07rem; -webkit-border-radius: 0.07rem; width:100%; height:2.22em; text-align: center; margin-top:2.5rem; display: block; }
    .container_main_page .container_main_content .main_content .main_content_body .smtp_input.valid { color: #737373; }
    .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 .container_main_content 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 .container_main_content .go_button { font-size: 1.43rem; color: #d1d1d1; background-color: transparent; border: 0.07rem solid #aacbdb; border-radius: 0.214rem; -moz-border-radius: 0.214rem; -webkit-border-radius: 0.214rem; 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 1rem; padding-right: 0; transition: all 200ms ease; }
    .container_main_page .container_main_content .go_button:hover { background-position: 23.5rem 1.14rem; padding-right: 3.57rem; color: #fff; border: 0.07rem solid #aadbc8; box-shadow: 0 0.142rem 0.357rem 0 rgba(0, 0, 0, 0.08), 0 0.142rem 0.714rem 0 rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0 0.142rem 0.357rem 0 rgba(0, 0, 0, 0.08), 0 0.142rem 0.714rem 0 rgba(0, 0, 0, 0.06); -moz-box-shadow:  0 0.142rem 0.357rem 0 rgba(0, 0, 0, 0.08), 0 0.142rem 0.714rem 0 rgba(0, 0, 0, 0.06);  background-color: transparent; }
    .container_main_page .container_main_content .go_button:not(:disabled) { color: #fff; }

.container_main_page .container_footer_content { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; display: block; background-color: rgba(54, 48, 48, .5); width: 100%; height: 6.43rem; 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 { height: 3.57rem; float: right; padding-top: 1.93rem; color: #FFF; }
.container_main_page .container_footer_content .container_footer_content_block .footer a { color: #FFA; text-decoration: none; }
.container_main_page .container_footer_content .container_footer_content_block .footer a:hover { text-decoration: underline; }
