@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,800&subset=latin-ext');

body {
    font-family:'Source Sans Pro';
}

.clear { clear:both; }

.title {
    font-size:42px;
    font-weight: bold;
    text-transform: uppercase;
    color:#0F7496;
}

.title_arrow {
    font-size:42px;
    color:#0F7496;
    font-weight: normal;
}

.intrebare h2 {
    font-size:38px;
    font-weight:bold;
    margin-bottom:30px;
}

.raspuns {
    cursor:pointer;
    text-align:center;
    background:#eaeaea;
    margin-bottom:25px;
    border-radius:5px;
    line-height:1.2;
    position:relative;
    z-index:1;
    overflow:hidden;
}

.raspuns h3 {
    color:white;
    font-size:40px;
    font-weight:bold;
    display:inline-block;
    position:relative;
    z-index:2;
    margin:0px;
}

.raspuns h3 span {
    font-size:30px;
    font-weight:normal;
}

.raspuns .img_raspuns {
    width:30%;
    margin:0px auto;
    display:inline-block;
    position:relative;
    z-index:2;
}

.tip_full_img .raspuns {
    padding:12% 5%;
}

.tip_text .raspuns {
    padding:20% 5%;
}

.neselectat {
    opacity:0.3;
}

.raspuns.neselectat:hover {
    opacity:1;
}

.raspuns .bg_img {
    height:100%;
    width:100%;
    opacity:0.2;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    position:absolute;
    z-index:1;
    left:0px;
    top:0px;
    bottom:0px;
    right:0px;

}

.bg_red { background-color:#EF4643; }
.bg_blue { background-color:#3DC1D4; }
.bg_green { background-color:#28A947; }
.bg_purple { background-color:#7A53B5; }

.btn-rezultate {
    font-size:28px;
    text-transform: uppercase;
    border:2px solid #286090;
    border-radius:10px;
    background:white;
    color:black;
}

.loading_content {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
    url('../img/loading.gif')
    50% 50%
    no-repeat;
}

body.loading .loading_content {
    overflow: hidden;
}

#profil {
    font-size:18px;
    line-height:1.7;
    margin-top:20px;
    font-family:'Montserrat';
    font-weight:300;
}


#profil h1 {
    margin-bottom:20px;
    font-weight:600;
}

#profil p {
    font-family:'Roboto Slab';
}

#profil .panel {
    margin-top:30px;
}

#profil .panel h3 {
    font-weight: bold;
}

#profil h3 {
    font-weight:600;
}


#profil .img-responsive {
    position:relative;
    z-index:1;
}

#profil .titlu {
    background-size:cover;
    background-repeat:no-repeat;
    font-size:40px;
    color:white;
    text-align:center;
    padding:50px 20px;
    border-radius:5px;
    text-shadow: 2px 2px #222;
    margin-bottom:30px;
    font-weight:700;
    border:1px solid #ccc;
}

#profil .panel a {
    background:yellow;
    color:black;
}

#profil .btn {
    background:yellow;
    color:black;
    border:1px solid #eaeaea;
    margin-top:20px;
    font-weight: 600;
}

#profil .alert {
    margin-top:20px;
}

.modal {
    font-size:16px;
    font-family:'Montserrat';
}

.modal label {
    font-weight:600;
}

.modal-title {
    font-weight:700;
}

/* responsive */
@media (max-width:460px) {

    .raspuns {
        margin-bottom:10px;
    }

    .raspuns h3 {
        font-size:18px;
    }

    .tip_text .raspuns {
        padding:15% 5%;
    }

    .intrebare h2 {
        font-size:24px;
    }

    .btn-rezultate {
        font-size: 24px;
    }

    #profil .titlu {
        font-size:30px;
        padding:20px;
    }

    #profil .btn {
        font-size:12px;
    }

}