.ticket-container{
    /*padding: 10px;*/
}
.ticket-thumb{
    background-size: cover;
    width: 100%;
    height:auto;
    border-radius: 3px 3px 0 0;
}
.splitter{
    width: 100%;
    height: 5px;
    /*background-color: #8e44ad;*/
    background: linear-gradient(to right, #8e44ad, #c0392b);
}
.calendar-thumb{
    background-color: #fff;
    padding: 0;
    /*border: solid 1px #8e44ad;*/
    color: #7303c0;
    width: 65px;
    height: auto;
    position: absolute;
    top: -75px;
    left: 10px;
}
.calendar-thumb>span:nth-child(1){
    background-color: #8e44ad;
    display: block;
    width: 100%;
    padding: 2px;
    text-align: center;
    font-size: 0.9em;
    color: #fff;
    clear: both;
}
.calendar-thumb>span:nth-child(2){
    font-size: 1.8em;
    line-height: 40px;
    font-weight: 900;
    color: #8e44ad;
    /*color: #E94057;*/
    clear: both;
}
.ticket-info{
    width: 100%;
    position: relative;
    padding: 0 10px;
}
.ticket-info h3 {
    /*font-style: italic;*/
    padding: 8px 0;
    font-weight: 700;
    /*font-family: 'Space Grotesk', sans-serif;*/
    /*font-family: ;*/
    color: #8e44ad;
    height: 68px;
}
.ticket:hover .ticket-info h3 {
    text-decoration: none;
}
.ticket-info h3:hover {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
.div-button {
    text-align: left;
    height: 45px;
    margin: 5px;
}
.ticket-animated{
    /*width: 200px;*/
    /*height: 50px;*/
    padding: 5px 15px;
    display: table;
    background: #8A2387; 
    background: -webkit-linear-gradient(-45deg, #F27121, #E94057, #8A2387);  
    background: linear-gradient(-45deg, #F27121, #E94057, #8A2387); 
    background-size: 200%;
    animation: gradient 3s ease-in infinite;
    border-top-right-radius: 18px;
    margin-bottom: 20px;
    /*border-bottom: solid 5px #7303c0;*/
    text-align: center;
}
.ticket-animated>span{
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    font-size: 2.2em;
    text-shadow: 1px 1px 2px #000;
    color: #fff;
}

.custom-css-1{
    font-family: 'Roboto', sans-serif;
    margin: 0 12px; 
    margin-top: -7px; 
    font-size: 15px; 
    color: #666;
    text-shadow: 0.2px 0.2px 1px #000;
}
.custom-css-2{
    margin: 0 10px; 
    font-family: 'Roboto', sans-serif;
    margin-top: -7px; 
    font-size: 25px; 
    color: #3c3;
    font-weight: bold;
    /*text-shadow: 1px 1px 2px #3c3;*/
}
.custom-css-3{
    margin: 0 5px;
}
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/*__________________RESPONSIVO 570px)________________*/
@media only screen and (max-width: 570px) {
    .ticket-container {
        width:100%;
    }
}


.tickets {
    margin-top: 50px;;
}
.ticket {
    display: block;
    background-color: #ecf0f1;
    margin-bottom: 30px;
    border-radius: 3px;
    box-shadow: 0 0 10px #333;
}

.ticket:hover {
    box-shadow: 0 0 10px #000;
}

.ticket h4{
    color: #000; 
    font-family: 'Space Grotesk', sans-serif;
}

.ticket img{

}

.ticket hr.solid {
    border-top: 3px solid #8e44ad;
    width: 100%;
}

.ticket h3, .ticket h4 {
    margin: 0;
    /*padding: 0;*/
    padding: 12px;
    font-size: 22px;
}

.ticket h3 {
    margin-bottom: 10px;
}

.ticket h4 {
    margin-top: 10px;
}