@font-face {
    font-family:AvenirR;
    src:url('/fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/AvenirNextLTPro-Regular.woff') format('woff'),
        url('/fonts/AvenirNextLTPro-Regular.ttf') format('truetype'),
        url('/fonts/AvenirNextLTPro-Regular.otf') format('opentype')
}
@font-face {
    font-family:AvenirD;
    src:url('/fonts/AvenirNextLTPro-Demi.eot?#iefix') format('embedded-opentype'),
        url('/fonts/AvenirNextLTPro-Demi.woff') format('woff'),
        url('/fonts/AvenirNextLTPro-Demi.ttf') format('truetype'),
        url('/fonts/AvenirNextLTPro-Demi.otf') format('opentype')
}

div,span.body,input,li,ul,textarea {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}

html { height: 100%; min-height:100%;  font-family:AvenirD;}
body {min-height:100%;   background: #ecedf1;
    margin: 0;
    background-size: cover;
    background-attachment: fixed;
}

#page{display: flex; text-align: center; align-items: center;
    height: 100%;
    min-height: 100%;
    position: absolute;
    width: 100%;}
#page #logo{    height: 60px; transition: all 1.4s ease-in-out;
    margin: 0 auto;}
#page #logo.hidden{opacity: 0; transform: translate(0,-20px);}

.menu{margin: 10px auto 10px auto;  max-width: 800px;  border-radius:3px;}

.menu .btn{color:rgba(196,64,119,1); background: white; float: right; margin: 0 0 0 10px; opacity: .6;}
.menu .btn.act{ opacity: 1;}
.content{margin: 10px auto 100px auto; background: white; max-width: 800px; padding: 20px; border-radius:3px;}

.btn {display: inline-block; padding:10px 20px; background: rgba(255,92,92,1) ;border-radius:3px; color:white; text-decoration: none; cursor: pointer; transition: all 200ms ease-in-out; }
.btn:hover{opacity: .8;}
.btn.act{ opacity: .6;}

textarea {height: 100px; background: #e8e8e8; word-break: break-all; border:none; width: 100%;border-radius:3px;   padding: 10px; font-size: 10pt;  display: block; margin: 10px 0 0 0;}
select {-webkit-appearance: none; font-family:AvenirD;  background: rgba(255,92,92,1) ;  color:white;   border:none;  border-radius:3px; display:inline-block; width: 50%; font-size: 11pt; padding: 10px;   margin: 10px 0 0 0;}
input { font-family:AvenirD;  background: #e8e8e8;   border:none;  border-radius:3px; display:inline-block; width: 50%; font-size: 11pt; padding: 10px;   margin: 10px 0 0 0;}

.clear {
    clear: both; }