#information-information{
    padding-bottom: 5vh;
}

#heading-info-page{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: #fff;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.cont-text-heading-info{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    width: 50%;
    height: auto;
    min-height: 100vh;
    padding-left: calc(15vw - 79px);
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #fff;
    background-color: rgba(0, 0, 0, .7);
    max-width: 100%;
    flex-flow: column;
    justify-content: center;
    padding-right: 15px;
}

.titlu-heading-ingo{
    font-family: Montserrat, sans-serif;
    font-size: 60px;
    line-height: 77px;
    font-weight: 900;
    margin-top: 20px;
    color: #fff;
    margin-bottom: 32px;
}

.descriere-heading-info p{
    margin-bottom: 20px;
    font-family: Roboto;
    color: grey;
    font-size: 18px;
    line-height: 32px;
    font-weight: 300;
}

.information-description{
    width: 40vw;
    padding-top: 20px;
    padding-right: 5vw;
    padding-left: 0px;
    margin: auto;
}

.information-description h2{
    margin-top: 20px;
    margin-bottom: 30px;
    font-family: Roboto;
    font-size: 44px;
    line-height: 52px;
    font-weight: 900;
}

.information-description p {
    margin-bottom: 20px;
    font-family: Roboto;
    color: grey;
    font-size: 18px;
    line-height: 32px;
    font-weight: 300;
}

.information-description h3,
.information-description h4,
.information-description h5,
.information-description h6{
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: Roboto;
    color: #333;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

/*****Televoting ***********/

#titlu-feedback hr{
    margin-top: 0;
    text-transform: inherit;
}

#feedback-container h4{
    margin-top:0;
    margin-bottom: 10px;
    font-family: Roboto;
    color: #333;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

.cont-raspuns{
    margin: 20px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.cont-buton-feedback{
    text-align: center;
    margin: 40px 0;
}

.buton-feedback,
.buton-urmatoarea,
.buton-anterioara,
.buton-voturi,
.buton-timer{
    -moz-box-shadow: inset 0 0 0 1px #63ad0d;
    -webkit-box-shadow: inset 0 0 0 1px #63ad0d;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #eee;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#e2e2e2));
    background: -moz-linear-gradient(#eee, #e2e2e2);
    background: linear-gradient(#eee, #e2e2e2);
    border: solid 1px #d0d0d0;
    border-bottom: solid 3px #b2b1b1;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #f5f5f5;
    color: #555;
    display: inline-block;
    font: bold 12px Arial, Helvetica, Clean, sans-serif;
    margin: 0 25px 25px 0;
    padding: 10px 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fafafa;
    cursor:pointer;
}

.buton-feedback:hover,
.buton-urmatoarea:hover,
.buton-anterioara:hover,
.buton-voturi:hover,
.buton-timer:hover{
     background: #e4e4e4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e4e4e4), to(#ededed));
    background: -moz-linear-gradient(#e4e4e4, #ededed);
    background: linear-gradient(#e4e4e4, #ededed);
    border: solid 1px #c2c2c2;
    border-bottom: solid 3px #b2b1b1;
    box-shadow: inset 0 0 0 1px #efefef; 
}

.buton-feedback:active,
.buton-urmatoarea:active,
.buton-anterioara:active,
.buton-voturi:active,
.buton-timer:active{
    background: #dfdfdf;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dfdfdf), to(#e3e3e3));
    background: -moz-linear-gradient(#dfdfdf, #e3e3e3);
    background: linear-gradient(#dfdfdf, #e3e3e3);
    border: solid 1px #959595;
    box-shadow: inset 0 10px 15px 0 #c4c4c4;
    top:2px;
}

.buton-feedback::before,
.buton-urmatoarea::before,
.buton-anterioara::before,
.buton-voturi::before,
.buton-timer::before{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: #959595 0 2px 5px;
    -moz-box-shadow: #959595 0 2px 5px;
    border-radius: 3px;
    box-shadow: #959595 0 2px 5px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    padding: 2px 0 0;
    position: absolute;
    top: 0;
    width: 100%; }

.buton-feedback:active::before,
.buton-urmatoarea:active::before,
.buton-anterioara:active::before,
.buton-voturi:active::before,
.buton-timer:active::before{ 
    padding: 1px 0 0; 
}

input[type=checkbox].radio-feedback {
    border: 1px solid #232323;
    background: #232323;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-bottom: 10px;
    min-width: 20px;
}

#feedback-container label {
    line-height: 1.5;
    vertical-align: text-bottom;
    margin-bottom: 5px;
    font-size: 16px;
    font-family: Roboto;
    font-weight: bold;
}

.info-intrebare{
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    font-size:16px;
}

.info-intrebare .text-danger{
    color:#dc3545;
}

.info-intrebare .text-success{
    color:#28a745;
}

.text-success-telev{
    color:#28a745;
    text-align:center;
    margin:20vh 0;
    font-size:22px;
}

.cont-intrebare{
    display:none; 
    position:relative;
}

.cont-intrebare.activ{
    display:block;
}

.cont-bara{
    width: 100%;
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.cont-bara span{
    height: 15px;
    width: 1%;
    background: blue;
    display: inline-block;
    min-width: .5%;
    animation: progressBar 1s ease-in-out;
    animation-fill-mode:both; 
    position:relative;
    border-bottom: solid 3px #ddd;
}

.cont-bara span::before {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: #959595 0 2px 5px;
    -moz-box-shadow: #959595 0 2px 5px;
    border-radius: 3px;
    box-shadow: #959595 0 2px 5px;
    content: "";
    display: block;
    height: 85%;
    left: 0;
    padding: 2px 0 0;
    position: absolute;
    top: 0;
    width: 100%;
}

@keyframes progressBar {
  0% { width: 0; }
  100% { width: attr(data-width); }
}

.cont-raspuns-admin{
    margin: 20px 0 0;
}

.cont-procent{
    display: inline-block;
    margin-left: 10px;
    font-weight: bold;
    font-size: 16px;
}

.raspuns-corect.verde{
    color:#28a745;
}

#feedback-container{
    min-height: 50vh;
    margin-top: 60px;
}

.timer-intrebare{
    position: absolute;
    right: 15px;
    top: -110px;
    font-size: 50px;
    line-height: 1;
    background: #ddd;
    border-radius: 6px;
    padding: 10px;
    box-shadow: #959595 0 2px 5px;
}

.poza-telev{
    max-width: 100%;
    margin: 0px auto 5px;
    display: block;
}

#titlu-feedback {
    margin-top: 20px;
    margin-bottom: 30px;
    font-family: Roboto;
    font-size: 44px;
    line-height: 52px;
    font-weight: 900;
}
/*********************/