@charset "UTF-8";

body { margin: 0; }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
p { margin: 0; }

a, a:focus, a:hover { text-decoration: none; }
a { background: 0 0; }
a:active, a:hover { outline: 0; }

button, input, select { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; text-transform: none; }
button, html input[type=button] { -webkit-appearance: button; cursor: pointer; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

select { text-transform: none; background: #fff!important; }

.btn { -webkit-user-select: none; -ms-user-select: none; }
.btn, .btn-primary-branded:active, .btn-primary-light:active, .form-control { background-image: none; }
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 62.5%; -webkit-tap-highlight-color: transparent; }
body { font-size: 14px; line-height: 1.538461538; color: #333; }

button, input, select { font-family: inherit; font-size: inherit; line-height: inherit; }

a { color: #444; }
a:focus, a:hover { color: #1e1e1e; }
a:focus { outline: dotted thin; outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; }

.h5 { margin-top: 0; margin-bottom: 0; font-family: "Gotham Bold", Helvetica, Arial, sans-serif; font-weight: 400; color: #444; text-transform: uppercase; font-size: 14px; line-height: 24px; }

.form-control { font-size: 14px; color: #444; display: block; width: 100%; padding: 8px 14px; font-family: "Gotham SSM Book", Helvetica, Arial, sans-serif; line-height: 14px; background-color: #fff; border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.form-control:focus { border-color: #999; outline: 0; }
.form-control::-moz-placeholder { color: #999; opacity: 1; }
.form-control:-ms-input-placeholder { color: #999; }
.form-control::-webkit-input-placeholder { color: #999; }

.btn { position: relative; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid transparent; white-space: nowrap; font-family: "Gotham SSM Book", Helvetica, Arial, sans-serif; outline: 0; padding: 12px 20px; font-size: 14px; line-height: 1em; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; -moz-user-select: none; user-select: none; -webkit-transition: background-color .25s ease, color .25s ease; transition: background-color .25s ease, color .25s ease; }
.btn:focus, .btn:hover { color: #333; text-decoration: none; }
.btn:active { outline: 0; background-image: none; }
.btn-primary-light { color: #333; background-color: #F1F1F2; border-color: #DDD; }
.btn-primary-light:active, .btn-primary-light:focus, .btn-primary-light:hover { color: #333; background-color: #dcdcde; border-color: #c9c9c9; }
/* 
.btn-primary-branded { color: #444; background-color: #BDD731; border-color: #BDD731; }
.btn-primary-branded:active, .btn-primary-branded:focus, .btn-primary-branded:hover { color: #444; background-color: #a3bb24; border-color: #a3bb24; }
*/
.btn-primary-branded { color: #026890; background-color: #79c9ec; border-color: #448dae; }
.btn-primary-branded:active, .btn-primary-branded:focus, .btn-primary-branded:hover { color: #fff; background-color: #0078ae; border-color: #77d5f7; }

.tt-body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body, html { height: 100%; }
body { padding: 0; background-color: #fff; font-family: "Gotham SSM Book", Helvetica, Arial, sans-serif; }
.tt-body { background-color: #F8F8F8; }
@media (min-width:770px) {
body { background-color: #F8F8F8; font-size: 14px; }
.tt-body { background-color: #F8F8F8; padding-top: 80px; }
}

input[type=email] { font-family: "Gotham SSM Bold", Helvetica, Arial, sans-serif; }
input[type=email]:focus { border-width: 1px; }
input:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset!important; }

.tt-form>[class*=tt-form-] { margin-top: 20px; }
.tt-form>[class*=tt-form-]:first-child { margin-top: 0; }
.tt-form .tt-form-item { position: relative; }
.tt-form-label { padding-bottom: 4px; font-size: 12px; text-transform: uppercase; }

.tt-input-wrapper { position: relative; }
.tt-input-wrapper input { padding: 2px 15px; font-family: "Gotham Bold", Helvetica, Arial, sans-serif; -webkit-box-shadow: none; box-shadow: none; border-color: #e0e0e0; color: #333; -webkit-appearance: none; line-height: 24px; height: 40px; behavior: none; }
.tt-input-wrapper input:focus { border-color: #5076b6; }
.tt-input-wrapper input::-webkit-input-placeholder { font-family: "Gotham SSM Book", Helvetica, Arial, sans-serif; color: #AAA; }
.tt-input-wrapper input::-moz-placeholder { font-family: "Gotham SSM Book", Helvetica, Arial, sans-serif; color: #AAA; }
.tt-input-wrapper input::-ms-input-placeholder { font-family: "Gotham SSM Book", Helvetica, Arial, sans-serif; color: #AAA; }

b, strong { font-family: "Gotham SSM Bold", Helvetica, Arial, sans-serif; font-weight: 400; }
p { line-height: 24px; }


.tt-icon-header {
    position: relative;
    display: table;
    height: auto;
}
.tt-icon-header .tt-circle {
    position: static;
    display: table-cell;
    background: #f1f1f2;
    min-width: 68px;
    width: 68px;
    height: 68px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%}
.tt-icon-header .h5 {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    padding-left: 15px;
    text-overflow: ellipsis;
    max-width: 280px;
    white-space: nowrap;
    overflow: hidden;
    min-width: 5px;
}
.tt-icon-header .tt-icons {
    position: absolute;
    font-size: 28px;
    color: #AAA;
    padding: 18px 0 0 20px;
}

@media (min-width:770px) {
.h5 { font-size: 15px; line-height: 25px; }
}
.tt-content { background: #fff; padding-top: 40px; padding-bottom: 40px; }
.tt-content p { margin-bottom: 30px; }

.tt-login .tt-form .is-button-group .tt-form-item { float: right; }
.tt-login { padding-top: 54px; background-color: #fff; }
.tt-login .site-background-wrapper  { visibility: hidden; }

@media (min-width:770px) {
.tt-login { height: 100%; padding: 0; background-color: #f8f8f8; }
.tt-login .site-background-wrapper { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; }
.tt-login .site-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
}

@media (min-width:770px) {
.tt-login .tt-form .is-button-group { position: absolute; bottom: 40px; right: 40px; }
}

.tt-login .tt-form .is-button-group { height: 40px; }
.tt-login .tt-login-outer-container { position: relative; width: 320px; margin: auto; background-color: #fff; }

@media (min-width:770px) {
.tt-login .tt-login-outer-container { top: 50%; margin-top: -245px; margin-left: auto; margin-right: auto; width: 690px; height: 490px; border: 1px solid #eaeaea; }
}

.tt-login .tt-login-inner-container { height: 100%}
.tt-login .tt-panel { width: 100%; padding: 40px 23px; }

@media (min-width:770px) {
.tt-login .tt-panel { position: absolute; top: 0; height: 100%; width: 345px; padding: 40px; }
}

.tt-login .tt-icon-header { margin-bottom: 24px; }
.tt-login .tt-panel-info { display: block; position: relative; padding: 0; }
.tt-login .tt-panel-info .tt-panel-info-outer { padding: 40px 0; text-align: center; }
.tt-login .tt-panel-info .tt-panel-info-inner { padding: 0 40px; }
.tt-login .tt-panel-info p { font-size: 18px; }
.tt-login .tt-panel-info .btn { margin-top: 24px; }

@media (min-width:770px) {
.tt-login .tt-panel-info { position: absolute; display: block; top: 0; height: 100%; }
.tt-login .tt-panel-info .tt-panel-info-outer { display: table; width: 100%; height: 100%; padding: 0; }
.tt-login .tt-panel-info .tt-panel-info-inner { display: table-cell; width: 100%; padding: 0; vertical-align: middle; }
}

.tt-login .tt-login-divider { width: 320px; height: 1px; border-bottom: 1px solid #eaeaea; border-width: 0 0 1px; -moz-border-image: -moz-linear-gradient(left, rgba(221, 221, 221, 0) 0, #ddd 20%, #ddd 80%, rgba(221, 221, 221, 0) 100%) 1; -o-border-image: -o-linear-gradient(left, rgba(221, 221, 221, 0) 0, #ddd 20%, #ddd 80%, rgba(221, 221, 221, 0) 100%) 1; border-image: linear-gradient(to left, rgba(221, 221, 221, 0) 0, #ddd 20%, #ddd 80%, rgba(221, 221, 221, 0) 100%) 1; background-color: #FFF; }

@media (min-width:770px) { 
.tt-login .tt-panel-login { left: 345px; }
.tt-login .tt-login-divider { position: absolute; top: 20px; left: 345px; width: 1px; height: 430px; border-left: 1px solid #eaeaea; border-width: 0 0 0 1px; -moz-border-image: -moz-linear-gradient(top, rgba(221, 221, 221, 0) 0, #ddd 20%, #ddd 80%, rgba(221, 221, 221, 0) 100%) 1; -o-border-image: -o-linear-gradient(top, rgba(221, 221, 221, 0) 0, #ddd 20%, #ddd 80%, rgba(221, 221, 221, 0) 100%) 1; border-image: linear-gradient(to top, rgba(221, 221, 221, 0) 0, #ddd 20%, #ddd 80%, rgba(221, 221, 221, 0) 100%) 1; background-color: #FFF; }
}

.login-info { margin-top:16px; }
.login-error { background:#FEF5C9 url(../images/reject.gif) 8px 11px no-repeat; border:1px solid #E8D15C; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size:14px; height:auto; padding:12px 32px 10px 32px; position:relative; margin-top:8px; text-align:center; }
.logo_container { color:#000; height:48px; width:100%; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:32px; text-shadow:#666 1px 1px 2px; line-height:48px; text-align:center; }