.footer{
    margin-top: 0px;
    margin-left: 0px;
    height: 134px; /* 374 */
    background: #FF0000 0% 0% no-repeat padding-box;
    opacity: 1;
    width: 100%;
}

.logo{
    margin-top: 22px; /* 142 */
    width: 220px;
    height: 90px;
    opacity: 1;
}

.language{
    /*margin-top: 17px; !* 67 *!*/
    margin-top: 0px;
    margin-left: 0px;
    height: 80px; /* 374 */
    background: #FF0000 0% 0% no-repeat padding-box;
    opacity: 1;
    width: 100%;
}

.language-content{
    width: 126px;
    height: 60px;
    background: #FF0000 0% 0% no-repeat padding-box;
    border: 3px solid #CC1414;
    border-radius: 45px;
    opacity: 1;
    padding-top: 13px;
}

.language-content a{
    margin-left: 14px; /* 26 */
    text-decoration: none;
    opacity: 1;
    text-align: center;
    font: normal normal 600 19px/22px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.flag{
    width: 34px;
    height: 34px;
    opacity: 1;
}

.flag-name {
    margin-top: 13px;
}

.bg-index{
/*    add backgourp image*/
    background-image: url("../img/bg image.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 88.85vh;
    max-width: 100%;
    overflow-x: hidden;
    opacity: 1;
}

.index-title{
    margin-top: 190px; /* 290 */
    text-align: center;
    font: normal normal normal 120px/159px Roboto Slab; /* 100px/139px  */
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.index-title-2{
    margin-top: 21px;
    /* UI Properties */
    text-align: center;
    font: normal normal bold 120px/159px Roboto Slab; /* 90px/129px  */
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.button-index{
    text-decoration: none;
    margin-top: 110px;
    padding-top: 37px;
    width: 600px;
    height: 120px;
    /* UI Properties */
    background: #01A2DB 0% 0% no-repeat padding-box;
    opacity: 1;
    text-align: center;
    font: normal normal normal 40px/47px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
}

/*Pagina cumpara bilete*/
h3{
    margin-top: 45px; /* 115 */
    margin-left: 10px; /* 81 */
    max-width: 267px;
    height: 53px;
    text-align: left;
    font: normal normal bold 40px/53px Roboto Slab;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.cumpara-description{
    margin-top: 13px; /*562 px*/
    margin-left: 10px; /* 81 */
    /*max-width: 587px;*/
    height: 47px;
    text-align: left;
    font: normal normal normal 20px/24px Raleway;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

h4{
    margin-top: 13px; /* 40 */
    margin-left: 10px; /* 81 */
    /*max-width: 435px;*/
    height: 53px;
    /* UI Properties */
    text-align: left;
    font: normal normal bold 40px/53px Roboto Slab;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.categorii-item{
    margin-top: 30px;
    margin-left: 10px; /* 81 */
    margin-right: 10px;
    /*width: 90%;*/
    min-height: 179px;
    /* UI Properties */
    background: #1F2021 0% 0% no-repeat padding-box;
    box-shadow: -1px 3px 10px #00000029;
    opacity: 1;
}

.categorii-item-title{
    margin-top: 46px;
    margin-left: 21px; /* 141 */
    /*max-width: 368px;*/
    height: 37px;
    text-align: left;
    font: normal normal bold 28px/37px Roboto Slab;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.categorii-item-traduceri{
    margin-top: 30px;
    margin-left: 21px; /* 141 */
    min-width: 648px;
    height: 29px;
    text-align: left;
    font: normal normal normal 24px/29px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.categorii-tip-bilete{
    margin-top: 36px;
    margin-left: 15px; /* 143 */
    margin-right: 25px; /* 143 */
    /*width: 985px;*/
    /*height: 84px;*/
    /* UI Properties */
    background: #3B3E40 0% 0% no-repeat padding-box;
    box-shadow: -1px 3px 10px #00000029;
    opacity: 1;
    margin-bottom: 36px;
    cursor: pointer;
}

.categorii-tip-bilete-title{
    margin-top: 27px;
    margin-left: 21px; /* 81 */
    min-width: 120px;
    /*min-height: 29px;*/
    /* UI Properties */
    text-align: left;
    font: normal normal normal 24px/29px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.categorii-tip-bilete-price{
    margin-top: 27px;
    width: 118px;
    /*height: 32px;*/
    /* UI Properties */
    text-align: right;
    font: normal normal bold 22px/32px Roboto Slab;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.btn-adauga{
    border: none;
    background: #01A2DB 0% 0% no-repeat padding-box;
    height: auto;
}

.div-btn-adauga {
    border: none;
    background: #01A2DB 0% 0% no-repeat padding-box;
    opacity: 1;
    cursor: pointer;
}

/*Pagina previzualizare plata*/
.categorii-item-previzualizare{
    margin-top: 30px;
    margin-left: 10px; /* 81 */
    /*min-height: 179px;*/
    /* UI Properties */
    background: #1F2021 0% 0% no-repeat padding-box;
    box-shadow: -1px 3px 10px #00000029;
    opacity: 1;
}

.categorii-item-title-previzualizare{
    margin-top: 46px;
    margin-left: 15px; /* 60 */
    /*height: 37px;*/
    /* UI Properties */
    text-align: left;
    font: normal normal bold 28px/37px Roboto Slab;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.categorii-item-traduceri-previzualizare{
    margin-top: 30px;
    margin-left: 15px; /* 60 */
    /*height: 61px;*/
    /* UI Properties */
    text-align: left;
    font: normal normal normal 24px/29px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.categorii-tip-bilete-previzualizare{
    margin-top: 36px;
    margin-left: 15px; /* 60 */
    margin-right: 20px; /* 60 */
    /*min-height: 84px;*/
    height: auto;
    /* UI Properties */
    background: #3B3E40 0% 0% no-repeat padding-box;
    /*box-shadow: -1px 3px 10px #00000029;*/
    opacity: 1;
    margin-bottom: 36px;
    cursor: pointer;
}

.categorii-tip-bilete-title-previzualizare{
    margin-top: 27px;
    margin-left: 21px; /* 60 */
    text-align: left;
    font: normal normal normal 24px/29px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.categorii-tip-bilete-price-previzualizare{
    margin-top: 27px;
    text-align: right;
    font: normal normal bold 22px/32px Roboto Slab;
    letter-spacing: 0px;
    color: #FFFFFF;
}


.biletul-tau {
    margin-top: 30px;
    margin-left: 5px; /* 52 */
    /*width: 394px;*/
    /*height: 285px;*/
    box-shadow: -1px 3px 10px #00000029;
    border: 3px solid #1F2021; /* 4px solid #1F2021; */
    opacity: 1;
}

.biletul-tau div p{
    margin-top: 46px;
    padding-left: 10px; /* 40 */
    padding-right: 10px; /* 40 */
    text-align: left;
    font: normal normal bold 26px/37px Roboto Slab;
    letter-spacing: 0px;
    color: #1F2021;
    opacity: 1;
}

.bilet-item{
    margin-top: 30px;
    margin-left: 0px; /* 30 */
    margin-right: 0px;
    text-align: left;
    font: normal normal normal 22px/29px Raleway;
    letter-spacing: 0px;
    color: #1F2021;
    opacity: 1;
}

.input-group-text{
    cursor: pointer;
}

.counter{
    padding-right: 10px;
    padding-left: 10px;
}

.counter input{
    text-align: center;
}

.counter i{
    color: #01A2DB;
}

.counter .disabled{
    background-color: white;
}

.btn-disabled{
    background: #01A2DB 0% 0% no-repeat padding-box !important;
    color: #FFFFFF !important;
    cursor: not-allowed !important;
}

.hr-bilet{
    margin-left: 10px; /* 30 */
    margin-right: 10px; /* 30 */
    margin-top: 30px;
    border: 2px solid #A5A7AA;
    opacity: 1;
}

.total-bilet{
    margin-top: 30px;
    margin-left: 0px; /* 30 */
    margin-bottom: 46px;
    text-align: left;
    font: normal normal bold 28px/37px Roboto Slab;
    letter-spacing: 0px;
    color: #1F2021;
    opacity: 1;
}

.button-cumpara{
    margin-top: 33px;
    margin-left: 5px; /* 52 */
}

.btn-cumpara{
    border-radius: 0px;
    border: none;
    background: #01A2DB 0% 0% no-repeat padding-box;
    text-align: center;
    font: normal normal normal 28px/33px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    height: 80px;
}

.button-anulare{
    margin-top: 33px;
    margin-left: 5px; /* 52 */
}

.btn-anulare{
    border-radius: 0px;
    border: none;
    background: #CC1414 0% 0% no-repeat padding-box;
    text-align: center;
    font: normal normal normal 28px/33px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    height: 80px;
}

.img-btn-cumpara{
    width: 27px;
    height: 18px;
    margin-left: 25px;

}

/*pagina finalizare plata*/

.finalizare-plata{
    margin-top: 110px;
}

.finalizare-plata div p{
    margin-top: 16px;
    font: normal normal bold 40px/53px Roboto Slab;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.finalizare-plata div span{
    margin-top: 25px;
    font: normal normal normal 24px/29px Raleway;
    letter-spacing: 0px;
    color: #1F2021;
    opacity: 1;
}

.finalizare-plata-eroare{
    margin-top: 110px;
}

.finalizare-plata-eroare div p{
    color: darkred;
    font: normal normal bold 40px/53px Roboto Slab;
    letter-spacing: 0px;
    opacity: 1;
}

.finalizare-plata-eroare div span{
    margin-top: 25px;
    font: normal normal normal 24px/29px Raleway;
    letter-spacing: 0px;
    color: darkred;
    opacity: 1;
}

.finalizare-plata-buton{
    margin-top: 50px; /* 90 */
}

.btn-intoarcere{
    border: none;
    height: 80px;
    text-decoration: none;
    text-align: center;
    font: normal normal normal 28px/33px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    background: #01A2DB 0% 0% no-repeat padding-box;
}

.finalizare-plata-buton-printeaza{
    margin-top: 50px; /* 90 */
}

.btn-printeaza{
    border: none;
    height: 80px;
    text-decoration: none;
    text-align: center;
    font: normal normal normal 28px/33px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    background: #FF0000 0% 0% no-repeat padding-box;
}

.div-btn-imprima {
    border: none;
    background: #FF0000 0% 0% no-repeat padding-box;
    opacity: 1;
}