/** PPM CSS FILE **/
/** Written by Ben Hallam 2016 **/

/* Line Up Styles */

.lineupTitle a {
    color:#fff;
    background: rgba(0,0,0,0.8);
    text-align: center;
    width: 100%; 
    position: absolute;
    top:0;
    padding: 20px;
    z-index: 999999999;
}


/**===================== Lineup Section =========================**/
.lineupSections{
    padding: 158px 0 0;
    background: url(../images/bg/1.jpg) no-repeat top center;
}
.lineupSections .comonTitle{
    margin-bottom: 25px;
}
.lineupSections .bigTitle{
    margin-bottom: 150px;
}
.mtop136{
    margin-top: 136px;
}
.singleLineup{
    position: relative;
    width: 100%;
}
.lineupCont{
    overflow: hidden;
}
.mtop234{
    margin-top: 134px;
}
.singleLineup img{
    width: 100%;
    height: auto;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}
.singleLineup:hover img{
    transform: rotate(-2deg) scale(1.1);
    -moz-transform: rotate(-2deg) scale(1.1);
    -webkit-transform: rotate(-2deg) scale(1.1);
    -ms-transform: rotate(-2deg) scale(1.1);
    -o-transform: rotate(-2deg) scale(1.1);
}
.lineup_hover{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    visibility: hidden;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}
.singleLineup:hover .lineup_hover{
    opacity: 1;
    visibility: visible;
}
.lineup_hover h1{
    color: #FFF;
    font-family: Playfair Display;
    font-size: 60px;
    line-height: 60px;
    margin: 0 0 33px;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}
.lineup_hover p.lineupInfo{
    color: #FFF;
    /*font-family: Playfair Display;
    font-size: 60px;
    line-height: 60px;*/
    margin: 0 0 33px;
    width: 80%;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}
.singleLineup:hover .lineup_hover h1 {
    opacity: 1;
    visibility: visible;
    transform: translate3d(60px, 0, 0);
    -webkit-transform: translate3d(60px, 0, 0);
}
.singleLineup:hover .lineup_hover p.lineupInfo {
    opacity: 1;
    visibility: visible;
    transform: translate3d(60px, 0, 0);
    -webkit-transform: translate3d(60px, 0, 0);
}
.lineup_hover span{
    width: 200px;
    height: 2px;
    position: relative;
    display: block;
    background: #f23030;
    margin-bottom: 21px;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(151px, 0, 0);
    -webkit-transform: translate3d(151px, 0, 0);
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}
.singleLineup:hover .lineup_hover span{
    opacity: 1;
    visibility: visible;
    transform: translate3d(38px, 0, 0);
    -webkit-transform: translate3d(38px, 0, 0);
}
.lineup_hover h1 a{
    color: #FFF;
}
.lineup_hover p.catsa{
    margin: 0;
    font-size: 14px;
    letter-spacing: 5.6px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}
.singleLineup:hover .lineup_hover p.catsa{
    opacity: 1;
    visibility: visible;
    transform: translate3d(151px, 0, 0);
    -webkit-transform: translate3d(151px, 0, 0);
}
.lineup_hover p.catsa a{
    color: #FFF;
}
.lineup_hover .fh_con{
    position: absolute;
    left: 0;
    top: 90px;
    width: 100%;
}

.ctaLineup {
    font-size: 14px;
    letter-spacing: 2.8px;
    color: #FFF!important;
    text-transform: uppercase;
    font-weight: 600;
    background: #da0f31;
    padding: 15px 43px 15px 43px;
    display: inline-block;
  /*  line-height: .8; */
    border-radius: 25px;
    position: absolute;
    left: 60px;
    width: 250px;
    text-align: center;
}

.ctaLineup:hover, .ctaLineup:active, .ctaLineup:focus {
    background:#b80927; 
}