@font-face {
    font-family: 'akrobat-black';
    src: url('../fonts/Akrobat-Black.woff') format('woff');
}
@font-face {
    font-family: 'myriadpro-regular';
    src: url('../fonts/MyriadPro-Regular.woff') format('woff');
}
@font-face {
    font-family: 'roboto-regular';
    src: url('../fonts/Roboto-Regular.woff') format('woff');
}
* {
    font-family: 'myriadpro-regular';
}

.ramai-abonat {
    font-size: 86px;
    font-family: 'akrobat-black' !important;
    margin: 0;
}

.cele-mai-tari {
    font-size:  47px;
    font-family: 'akrobat-black' !important;
}

.btn {
    font-family: 'roboto-regular';
    text-transform: uppercase;
    white-space: normal;
}

html {
    background: url('../images/biletero_banner-no-text.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
}

body {
    background-color:transparent;
}

#app {
    width: 100%;
    height: 100%;
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .5s;
}

.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
}

#main-content {
    margin-top: 30px;
    margin-bottom: 30px;
}

#agreeLabelText {
    cursor: pointer;
}