/* EMBED FONT*/
@font-face{
    font-family: Inter;
    src: url('font/Inter/Inter-VariableFont_opsz,wght.ttf')  format('truetype');
}
@import url(http://fonts.googleapis.com/css?family=Pontano+Sans);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
/* CSS */

/* ========== ============ ========== */
/* ========== BASIC STYLES ========== */
/* ========== ============ ========== */

.transparent_high{
    opacity:0.3;
}

.shadow{
    box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
}

.left{
    float: left;
}

.right{
    float: right;
}

.inline{
    display: inline-block;
    vertical-align: top;
}

.middle{
    vertical-align: middle;
}

.separator_horizontal{
    clear: both;
    width: 100%;
    height: 1px;
    background: #DDD;
    margin: 5px 0px;
}

.clear{
    clear:both;
}

.wrapper{
    width: 100%;
    text-align: left;
    display: inline-block;
}

@media (min-width:1000px){
    .wrapper{
        width: 1000px;
        text-align: left;
        display: inline-block;
    }
}

/* ========== ============ ========== */
/* ========== BASIC LAYOUT ========== */
/* ========== ============ ========== */

body{
    text-align: left;
    font-family: 'Pontano Sans','Open Sans Condensed', sans-serif;
    font-size: 1em;
    margin:0px;
}

a{
        text-decoration:none;
}

input{
    font-family: Inter, sans-serif;
}

.main #copyright{
    margin-top:20px;
    text-align:center;
    font-size:0.7em;
}


.bar{
    background:#BBB;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    color:#FFF;
    z-index:10;
}

.footer_bar{
    background:#BBB;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    color:#FFF;
    z-index:10;
}

.button{
    height:30px;
    background:#DDD;
    font-size: 0.8em;
    font-family: Inter, sans-serif;
}