body {
    position:absolute;
    width:100%;
    height:100%;
    text-align:center;
    padding:0;
    margin:0;
    color:white;
    font-family:TitilliumSemiBold;
    box-sizing:border-box;
    text-align:center;
}

/* globals */

*, *::before, *::after {
  box-sizing: border-box;
}

.noscroll {
    overflow:hidden;
}

.hide {
    display:none!important;
}

.hand:hover {
    cursor:pointer;
}

.brighten {
    transition:0.3s;
}

.brighten:hover {
    filter:brightness(1.25);
}

/* types */

[type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
[type=radio] + img {
  cursor: pointer;
}

/* CHECKED STYLES */
[type=radio]:checked + img {
  outline: 2px solid #f00;
}

select {
    text-align-last: center;
    text-align: -webkit-center;
    -webkit-appearance:none;
    -moz-appearance: none;
    appearance: none;
    padding-left:4px;
}

input, select, button {
    border-color: #9b9b9b;
    outline: none;
    border-width: 1px;
}

button {
    border-color:rgba(0,0,0,1);
    border-radius:2px;
    padding: 0;
    font-size: 1em;
    /*opacity:0.8;*/
    background-color: rgba(220, 212, 255, 1);
    transition-duration:0.3s;
}

button:enabled:hover {
    cursor:pointer;
    transition-duration:0.3s;
    filter:brightness(1.15);
}

.wrapper {
    width:100%;
    display:flex;
    flex-direction:column;
    align-items: center;
    box-sizing:border-box;
    height:100%;
}

.whitener {
    position:absolute;
    z-index:10;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,0.8);
}

.whitener.dark {
    background-color:rgba(0,0,0,0.93);
}


.w1-1 {
    float:left;
    clear:both;
    width:100%;
    max-width:640px;
    position:relative;
}

.w3-4 {
    float:left;
    width:70%;
    position:relative;
}

.w2-3 {
    float:left;
    width:66.667%;
    position:relative;
}

.w2-5 {
    float:left;
    width:20%;
    position:relative;
}

.w1-2 {
    float:left;
    width:50%;
    position:relative;
}

.w1-3 {
    float:left;
    width:33.33%;
    position:relative;
}

.w1-4 {
    float:left;
    width:25%;
    position:relative;
}

.w1-5 {
    float:left;
    width:20%;
    position:relative;
}

.w1-6 {
    float:left;
    width:16.66%;
    position:relative;
}

.w1-8 {
    float:left;
    width:12.5%;
    position:relative;
}

.w1-10 {
    float:left;
    width:10%;
    position:relative;
}

.w4-5, .w8-10 {
    float:left;
    width:80%;
    position:relative;
}

.w7-8 {
    float:left;
    width:87.5%;
    position:relative;
}

.h1-1 {
    float:left;
    height:100%;
}

.h1-2 {
    float:left;
    /*clear:both;*/
    height:50%;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}


input.modern {
    width: 100%;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #151b31cc;
    box-shadow: inset 0 1px 3px #3c3c3c;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
}

button.modern {
    /*display: block;*/
    box-sizing: border-box;
    text-align: center;
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 3px;
    font-family: Arial;
    color: #ffffff;
    font-size: 19px;
    padding: 10px 4px 10px 4px;
    text-decoration: none;
    border: none;
}



.twitter_feed {
    position:absolute;
    top:-1000px;
    left:-1000px;
    z-index:10;
    width:600px;
    height:200px;
}



.slider {
    display:inline-block;
    display:inline-flex;
    
    /*-moz-transform: translateX(100%);*/
    /*-webkit-transform: translateX(100%);*/
    transform: translateX(100%);
    /*-moz-animation: scroll-left 25s linear infinite;*/
    /*-webkit-animation: scroll-left 25s linear infinite;*/
    animation: scroll-left linear infinite;
    height:100%;
    height:28px;
}

/* Move it (define the animation) */

@-moz-keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(-100%);
    }
}

@-webkit-keyframes scroll-left {
    0% {
        -webkit-transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
        /* Browser bug fix */
        -webkit-transform: translateX(100%);
        /* Browser bug fix */
        transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(-100%);
        /* Browser bug fix */
        -webkit-transform: translateX(-100%);
        /* Browser bug fix */
        transform: translateX(-100%);
    }
}