@font-face {
    font-family: 'HypatiaExtraLight';
    src: url('fonts/hypatiasanspro-extralight-webfont.eot');
    src: url('fonts/hypatiasanspro-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/hypatiasanspro-extralight-webfont.woff') format('woff'),
         url('fonts/hypatiasanspro-extralight-webfont.svg#HypatiaSansProExtraLightRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HypatiaRegular';
    src: url('fonts/hypatiasanspro-regular-webfont.eot');
    src: url('fonts/hypatiasanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/hypatiasanspro-regular-webfont.woff') format('woff'),
         url('fonts/hypatiasanspro-regular-webfont.svg#HypatiaSansProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}

img {
    border:none;
}

html,body {
    height:100%;
    overflow:hidden;
    margin:0;
    padding:0;
}

body {
    background:#1d242f url(../images/bg.jpg) no-repeat center;
    height:100%;
    font-family:HypatiaRegular,serif;
}

.trash {
    position:absolute;
    z-index:0;
    top:-100;
}

#loginContent {
    position:absolute;
    top:4%;
    left:50%;
    margin-left:-285px;
    /* margin-top:-254px; */
    z-index:10;
}

#logo {
    position:relative;
}
#logo a{
        
}
#logo a,#logoText {
    display:block;
    width:570px;
    margin:0 auto;
}

#logoText {
    font-family:HypatiaExtraLight;
    color:#b3d8f6;
    text-align:center;
    font-size:310%;
}



#logo img {
    width:570px;
}

#face {
    top:50px;
    left:167px;
    position:absolute;
    height:25px;
    width:70px;
}

#logo .eyes {
    position:absolute;
    height:14px;
    width:14px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    background-color:rgb(36,34,35);
    top:8px;
    /*animation: moveEyes 0.25s ease infinite;*/
}

@keyframes moveEyes {
  50% {
     transform: translate(1px, 0px);
  }
}

.eyes.ny{
    background-image: url(../images/motix-logo-570_ny_eye.png)
}

#eyeBrows {
    position:absolute;
    height:12px;
    width:70px;
    top:45px;
    left:164px;
    background-color:rgb(36,34,35);
    -webkit-border-bottom-right-radius:50%;
    -webkit-border-bottom-left-radius:50%;
    -moz-border-radius-bottomright:50%;
    -moz-border-radius-bottomleft:50%;
    border-bottom-right-radius:50%;
    border-bottom-left-radius:50%;
}

#eye1 {
    left:6px;
}

#eye2 {
    left:44px;
}

.light {
    background:transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#15ffffff,endColorstr=#15ffffff);
    zoom:1;
    background-color:rgba(255,255,255,0.05);
    width:470px;
    font-family:HypatiaRegular;
    color:#fff;
    font-size:110%;
    margin:0 auto 20px;
    padding:30px;
}

.light p {
    margin-top:0;
    margin-bottom:20px;
    font-family:HypatiaRegular;
}

.light p:last-child {
    margin-bottom:0;
}

.light p a {
    color:#6BBCEB;
    text-decoration:none;
}


    .light p a:hover{
        color:white;
    }

#introText {
    margin-top:35px;
    
    overflow:hidden;
    padding-bottom: 0px;
    position:relative;
}
#introText:after {
    clear:both;
    content:".";
    height:0;
    width:0;
    visibility:hidden;
}

#introText #textWrapper{
    width:200%;
}

#introText #simpleText{
    float:left;
    width:50%;
}

#introText #errorDiv{
    float:left;
    display:none;
    width:45%;
}

#errorDiv a{
    color:#6BBCEB;
        text-decoration:none;
}

#introText #leftArrow{
    position: absolute;
    text-align: center;
    cursor:pointer;
    height:100%;
    left:0px;
    top:0px;
    width:27px;
    background-color:rgba(255,255,255,0.2);
    -webkit-transition: background-color 400ms linear;
    -moz-transition: background-color 400ms linear;
    -o-transition: background-color 400ms linear;
    -ms-transition: background-color 400ms linear;
    transition: background-color 400ms linear;
    display:none;
    background-position: center;
    background-image: url(../images/leftArrow1.png);
    background-repeat: no-repeat;
}

#introText #leftArrow:hover{
    background-color:rgba(107,188,235,0.5);

    -webkit-transition: background-color 400ms linear;
    -moz-transition: background-color 400ms linear;
    -o-transition: background-color 400ms linear;
    -ms-transition: background-color 400ms linear;
    transition: background-color 400ms linear;


}

#introText #leftArrow>span{
    display:table;
    vertical-align:middle;
}

.instruction{text-align:center;}

#form {
    padding-top:10px;
    padding-bottom:0;
}

#form:after {
    clear:both;
    content:".";
    height:0;
    width:0;
    visibility:hidden;
}

input {
    border:1px solid #FFF;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition:border linear .2s linear .2s;
    -moz-transition:border linear .2s linear .2s;
    -ms-transition:border linear .2s linear .2s;
    -o-transition:border linear .2s linear .2s;
    transition:border linear .2s linear .2s;
    padding:4px;
}

input:focus {
    outline:thin dotted \9;
    -webkit-box-shadow:inset 0 0 8px rgba(96, 173, 220, 0.8);
    -moz-box-shadow:inset 0 0 8px rgba(96, 173, 220, 0.8);
    box-shadow:inset 0 0 8px rgba(96, 173, 220, 0.8);
    border-color:rgba(96, 173, 220, 0.8);
    -webkit-transition: border linear 0.3s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.3s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.3s, box-shadow linear 0.2s;
    -o-transition: border linear 0.3s, box-shadow linear 0.2s;
    transition: border linear 0.3s, box-shadow linear 0.2s;
}

input.error {
    outline:thin dotted \9;
    -webkit-box-shadow:inset 0 0 8px rgba(255, 24, 24, 0.79);
    -moz-box-shadow:inset 0 0 8px rgba(255, 24, 24, 0.79);
    box-shadow:inset 0 0 8px rgba(255, 24, 24, 0.79);
    border-color:rgba(255, 24, 24, 0.79);
}

#form input {
    height:30px;
    margin-right:20px;
    text-align:center;
    font-size:16px;
}

#form input[type='password'] {
    margin-right:0;
    clear:right;
}

.input-prepend {
    display:block;
    float:left;
    width:50%;
    /*margin-bottom:-7px;*/
}
#last-input-prepend{
    margin-left:7px;
    width:197px;
}

#last-input-prepend span{
    line-height:30px;
}

.input-prepend input {
    width:84%!important;
    margin:0!important;
}



.input-prepend span.add-on {
    float:left;
    margin-right:-1px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:0;
    border-top-left-radius:3px;
    border-top-right-radius:0;
    background-color:#EEE;
    border:solid 1px #FFF;
    height:30px;
    line-height:30px;
    min-width:27px;
    text-align:center;
    text-shadow:0 1px 0 #FFF;
    vertical-align:middle;
    width:auto;
    display:inline-block;
    color:#999;
    padding:4px 5px;
}

.input-prepend span.add-on:first-child {
    line-height:20px;
}
#remember{

    margin-left:auto;
    margin-right:auto;
    width:140px;
    margin-bottom:-10px;
}
#remember input{
    height:auto;
    margin-top:15px;
    margin-right:5px;
    border:0px;

}

.button {
    width:40%;
    display:block;
    float:left;
    margin-left:50px;
    padding:0!important;
}

#last.button {
    margin-left:15px;
}

.button button {
    display:block;
    font-size:18px;
    color:#6BBCEB;
    width:100%;
    height:40px;
    line-height:40px;
    text-align:center;
    background:none;
    border:none;
    text-transform:uppercase;
    cursor:pointer;
    font-family:HypatiaRegular;
    margin:0;
}

.light button:hover {
    background-color:#6BBCEB;
    color:#FFF;
}

.light:last-child {
    margin-bottom:0;
    padding:0;
}

input:-webkit-input-placeholder,input:-moz-placeholder {
    color:#999;
}


.trash{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-65%;
}

#trash1{
    margin-left:-600px;
    animation: move 3s ease infinite;
}

#trash2{
    margin-left:120px;
    animation: move2 2.7s ease infinite;
}

#trash3{
    margin-left:200px;
    animation: move3 2.2s ease infinite;
}

#trash4{
    margin-left:-500px;
    animation: move4 2.1s ease infinite;
}

#trash5{
    margin-left:-600px;
    animation: move5 2.5s ease infinite;
}
#shark{
    margin-left:280px;
    animation: shark 3s ease infinite;
}

@keyframes move {
  50% {
     transform: translate(10px, 0);
  }
}
@keyframes move2 {
  50% {
     transform: translate(0px, 8px);
  }
}
@keyframes move3 {
  50% {
     transform: translate(7px, 3px);
  }
}
@keyframes move4 {
  50% {
     transform: translate(3px, 6px);
  }
}
@keyframes move5 {
  50% {
     transform: translate(0px, 10px);
  }
}
@keyframes shark {
  50% {
     transform: translate(9px, 2px);
  }
}

#spacer{
    display:none;
}


.modal-open .dropdown-menu{z-index:2050;}
.modal-open .dropdown.open{*z-index:2050;}
.modal-open .popover{z-index:2060;}
.modal-open .tooltip{z-index:2070;}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;}.modal-backdrop.fade{opacity:0;}
.modal-backdrop,.modal-backdrop.fade.in{opacity:0.8;filter:alpha(opacity=80);}
.modal{position:fixed;top:50%;left:50%;z-index:1050;overflow:auto;width:560px;margin:-250px 0 0 -280px;background-color: #1E252F;
    border: none;
    outline-color: transparent;
    border-radius: 10px 10px 10px 10px;
    color:#fff;
    box-shadow: 0 4px 7px #000000;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.modal.fade{-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-ms-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-25%;}
.modal.fade.in{top:50%;}
.modal-header{padding:9px 15px;border-bottom:1px solid #eee;}.modal-header .close{margin-top:2px;}
.modal-body{overflow-y:auto;max-height:400px;padding:15px;}
.modal-form{margin-bottom:0;}
.modal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;*zoom:1;}.modal-footer:before,.modal-footer:after{display:table;content:"";}
.modal-footer:after{clear:both;}
.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0;}
.modal-footer .btn-group .btn+.btn{margin-left:-1px;}

.carousel{position:relative;margin-bottom:18px;line-height:1;}
.carousel-inner{overflow:hidden;width:100%;position:relative;}
.carousel .item{display:none;position:relative;-webkit-transition:0.6s ease-in-out left;-moz-transition:0.6s ease-in-out left;-ms-transition:0.6s ease-in-out left;-o-transition:0.6s ease-in-out left;transition:0.6s ease-in-out left;}
.carousel .item>img{display:block;line-height:1;}
.carousel .active,.carousel .next,.carousel .prev{display:block;}
.carousel .active{left:0;}
.carousel .next,.carousel .prev{position:absolute;top:0;width:100%;}
.carousel .next{left:100%;}
.carousel .prev{left:-100%;}
.carousel .next.left,.carousel .prev.right{left:0;}
.carousel .active.left{left:-100%;}
.carousel .active.right{left:100%;}
.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#ffffff;text-align:center; background: none;filter:alpha(opacity=50);}.carousel-control.right{left:auto;right:15px;}
.carousel-control:hover{color:#ffffff;text-decoration:none;opacity:0.9;filter:alpha(opacity=90);}

.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:10px 15px 5px;background:#282828;background:rgba(0, 0, 0, 0.75);}
.carousel-caption h4,.carousel-caption p{color:#ffffff;}


.modal.hide img{
    display:none;
}

.modal-open .modal img{
    display:block;
}


.carousel .item img{
    width:100%;
}

#instructionModal{
    width: 800px;
    margin: -250px 0 0 -400px;
}

#instructionModal .modal-body{
    max-height:none;
    padding: 0px;
}

#instructionModal 
.carousel{
    margin-bottom: 0px;
}

#instructionModal 
.carousel-control {
    text-decoration: none;
    top:55%;
    line-height:33px;
    
}

.close{float:right;font-size:20px;font-weight:bold;line-height:18px;color:#fff;text-shadow:0 1px 0 #000;opacity:0.2;filter:alpha(opacity=20);}.close:hover{color:#fff;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);}
button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}

#langSwitcher {
    text-align: center;
    margin-bottom: 10px;
}
#langSwitcher a.lang-link {
    color: rgba(255,255,255,0.5) !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
}
#langSwitcher a.lang-link:hover {
    color: #fff !important;
}
#langSwitcher a.lang-link.active {
    color: #fff !important;
    font-weight: bold;
    text-decoration: underline !important;
}
#langSwitcher span {
    color: rgba(255,255,255,0.3);
    margin: 0 6px;
}
#buttonsRow {
    position: relative;
    overflow: hidden;
}
#remember {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 300px;
    margin-bottom: -10px;
}

#remember {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 300px;
    margin-top: 40px;
    margin-bottom: -10px;
    height: 20px;
}

#rememberLeft {
    display: flex;
    align-items: center;
    height: 20px;
}

#rememberLeft input[type="checkbox"] {
    -webkit-appearance: checkbox;
    width: 14px;
    height: 14px;
    margin: 0 5px 0 0;
    padding: 0;
    border: 0;
    flex-shrink: 0;
}

#rememberLeft label {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    margin: 0;
    padding: 0;
    display: block;
}

#forgotPasswordLink {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #6BBCEB;
    text-decoration: none;
    display: block;
    transition: color 0.2s linear;
}

#forgotPasswordLink:hover {
    color: #fff;
    text-decoration: underline;
}
.restoreButtonRow {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

.restoreButtonRow button {
    display: block;
    font-size: 18px;
    color: #6BBCEB;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: none;
    border: none;
    text-transform: uppercase;
    cursor: pointer;
    font-family: HypatiaRegular;
    margin: 0;
}

.restoreButtonRow button:hover {
    background-color: #6BBCEB;
    color: #FFF;
}

.restoreBackLink {
    position: absolute;
    right: 20px;
    white-space: nowrap;
    font-size: 85%;
    color: #6BBCEB;
    text-decoration: none;
    transition: color 0.2s linear;
}

.restoreBackLink:hover {
    color: #fff;
    text-decoration: underline;
}

#backToLoginButtonWrap {
    float: none;
    width: 100%;
    margin-left: 0;
}
.auth-actions {
    width: 100%;
}

.auth-actions .button {
    margin: 0 0 7px;
}

.auth-main-btn,
.google-btn {
    width: 100%;
    min-height: 38px;
    padding: 7px 12px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 4px;
    box-sizing: border-box;
}

.google-button-wrap {
    margin-top: 2px;
}

.google-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #333;
    background: #fff;
    border: 1px solid #d5d5d5;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
    text-shadow: none;
    transition: background-color .15s ease, box-shadow .15s ease;
}

.google-btn:hover {
    color: #222;
    background: #f8f8f8;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .14);
}

.google-btn:active {
    background: #eeeeee;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .12);
}

.google-icon {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
}

.auth-divider {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 4px 0 7px;
    color: #999;
    font-size: 11px;
    line-height: 14px;
    text-transform: lowercase;
}

.auth-divider::before,
.auth-divider::after {
    content: "";
    height: 1px;
    flex: 1;
    background: rgba(255, 255, 255, .28);
}

/* Final auth layout fix */

#loginForm .auth-actions {
    width: 470px;
    max-width: 100%;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 7px;
    margin: 0 auto;
    clear: both;
}

#loginForm .auth-actions .auth-button,
#loginForm .auth-actions .light.button,
#loginForm .auth-actions #last.button {
    display: block !important;
    float: none !important;
    width: 100% !important;
    height: 36px;
    margin: 0 !important;
    padding: 0 !important;
    clear: both;
}

#loginForm .auth-actions .auth-button button,
#loginForm .auth-actions .auth-main-btn,
#loginForm .auth-actions .google-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 36px !important;
    min-height: 36px;
    margin: 0 !important;
    padding: 0 12px !important;
    box-sizing: border-box;
    line-height: 36px;
    font-size: 16px;
}

#loginForm .auth-actions .google-btn {
    gap: 8px;
    color: #3d4b59;
    background: rgba(255, 255, 255, .94);
    border: 1px solid rgba(255, 255, 255, .9);
    text-transform: none;
    text-shadow: none;
    line-height: normal;
}

#loginForm .auth-actions .google-btn:hover {
    color: #263746;
    background: #fff;
}

#loginForm .auth-actions .google-icon {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
}

#loginForm .auth-actions .auth-divider {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 14px;
    margin: 0;
    color: rgba(255, 255, 255, .72);
    font-size: 12px;
    line-height: 14px;
}

#loginForm .auth-actions .auth-divider::before,
#loginForm .auth-actions .auth-divider::after {
    content: "";
    display: block;
    height: 1px;
    flex: 1;
    background: rgba(255, 255, 255, .3);
}

#loginForm .auth-actions .auth-divider span {
    padding: 0 9px;
}

#loginForm .auth-actions::after {
    display: none;
    content: none;
}
.restore-home-button {
    width: 470px !important;
    max-width: 100%;
    margin: 18px auto 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both;
    box-sizing: border-box;
}

.restore-home-link {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    box-sizing: border-box;
    text-align: center;
    color: #6BBCEB !important;
    text-decoration: none !important;
    font-size: 18px;
    text-transform: uppercase;
}

.restore-home-link:hover {
    color: #fff !important;
    background-color: #6BBCEB;
}
/* Restore page layout fix */
#loginContent .restoreButtonRow {
    width: 470px !important;
    max-width: 100%;
    min-height: 58px;
    margin: 18px auto 0 !important;
    padding: 0 18px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px;

    box-sizing: border-box;
    overflow: hidden;
    float: none !important;
    clear: both !important;
}

//* Restore page: same vertical flow as mainpage */
#loginContent {
    display: none;
    height: auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    position: relative;
}

/* Do not move restore content upward */
#loginContent #logo,
#loginContent #logoText,
#loginContent #introText,
#loginContent form,
#loginContent #form {
    position: relative;
}

/* =========================================================
   RESTORE BUTTONS
   ========================================================= */

#loginContent .restoreButtonStack {
    width: 470px !important;
    max-width: 100% !important;

    min-height: 120px !important;
    margin: 18px auto 0 !important;
    padding: 14px 40px !important;

    display: block !important;

    box-sizing: border-box !important;
    overflow: hidden !important;

    float: none !important;
    clear: both !important;
}

/* CHANGE PASSWORD */
#loginContent .restoreButtonStack button.restore-submit {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;

    margin: 0 auto 12px auto !important;
    padding: 0 15px !important;

    box-sizing: border-box !important;

    border: 0 !important;
    border-radius: 0 !important;
    outline: none !important;

    background: rgba(255, 255, 255, 0.08) !important;
    color: #6bbceb !important;

    font-family: inherit !important;
    font-size: 18px !important;
    font-weight: normal !important;
    line-height: 40px !important;
    text-align: center !important;
    text-transform: uppercase !important;

    cursor: pointer !important;
    float: none !important;
    clear: both !important;
}

#loginContent .restoreButtonStack button.restore-submit:hover {
    background: #6bbceb !important;
    color: #fff !important;
}

/* BACK TO LOGIN — ALWAYS A SEPARATE LINE */
#loginContent .restoreButtonStack a.restoreBackLink {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    height: 22px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    background: transparent !important;
    color: #6bbceb !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 22px !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    position: static !important;
    float: none !important;
    clear: both !important;
}

#loginContent .restoreButtonStack a.restoreBackLink:hover {
    color: #fff !important;
}

/* GO TO HOMEPAGE AFTER SUCCESS */
#loginContent .restoreButtonStack a.restore-home-link {
    display: block !important;

    width: 100% !important;
    height: 40px !important;

    margin: 0 !important;
    padding: 0 15px !important;

    box-sizing: border-box !important;

    background: rgba(255, 255, 255, 0.08) !important;
    color: #6bbceb !important;

    font-family: inherit !important;
    font-size: 18px !important;
    line-height: 40px !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;

    float: none !important;
    clear: both !important;
}

#loginContent .restoreButtonStack a.restore-home-link:hover {
    background: #6bbceb !important;
    color: #fff !important;
}

/* Cancel old positioning rules */
#loginContent .restoreButtonStack,
#loginContent .restoreButtonStack.light,
#loginContent .restoreButtonStack.button,
#loginContent .restoreButtonStack .btn,
#loginContent .restoreButtonStack .restoreBackLink {
    float: none !important;
    clear: both !important;
}

/* Mobile */
@media screen and (max-width: 520px) {
    #loginContent .restoreButtonStack {
        width: 100% !important;
        min-height: 120px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #loginContent .restoreButtonStack button.restore-submit,
    #loginContent .restoreButtonStack a.restore-home-link {
        width: 100% !important;
    }
}