@charset "utf-8";
/* CSS Document */

.uc_mega-icon-flipbox *{margin: 0;
   padding: 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;}
   

.uc_mega-icon-flipbox:hover .uc_flipper, .uc_mega-icon-flipbox.hover .uc_flipper {transform: rotateY(180deg); }
.uc_mega-icon-flipbox, .uc_mega-icon-flipbox .uc_front, .uc_mega-icon-flipbox .uc_back {width:100%;height: 370px;}

/* flip speed goes here */
.uc_mega-icon-flipbox .uc_flipper {transition: 0.6s;	transform-style: preserve-3d;position: relative;}
/* hide back of pane during swap */
.uc_mega-icon-flipbox .uc_front, .uc_mega-icon-flipbox .back {	backface-visibility: hidden;position: absolute;	top: 0;	left: 0;}

/*=========================
 front pane ======================= */
.uc_mega-icon-flipbox .uc_front {z-index: 2;transform: rotateY(0deg); padding:0px; text-align:center; overflow:hidden;}
.uc_mega-icon-flipbox .uc_front > img{ width:100%; display:block;}
/*=========================
 front pane inner======================= */

.uc_mega-icon-flipbox .uc_front .uc_front_inner .uc_front_inner-box{position:absolute; width:100%; left:0; top:50%; transform:translatey(-50%);}
.uc_mega-icon-flipbox  .uc_front .uc_front_inner p { margin:0 0 15px;}
.uc_mega-icon-flipbox  .uc_front .uc_front_inner p .fa-soundcloud{ font-size:90px; text-align:center;margin: 10px 0 10px; line-height:55px; margin:0px;}
.uc_mega-icon-flipbox  .uc_front .uc_front_inner h2{font-family: 'Rajdhani', sans-serif; font-size:30px; color:#ffffff; text-transform:uppercase; font-weight:600; display:inline-block; margin:0px;}


/*=========================
 back pane ======================= */
.uc_mega-icon-flipbox .uc_back {	transform: rotateY(180deg); padding:0px; text-align:cente;}

/*=========================
 front pane inner======================= */

.uc_mega-icon-flipbox .uc_back .uc_front_inner .uc_front_inner-box{position:absolute; width:100%; left:0; top:50%; transform:translatey(-50%); text-align:center;}
.uc_mega-icon-flipbox .uc_back .uc_front_inner p {font-family: 'Ropa Sans', sans-serif; margin: 30px 30px 20px; line-height:30px; color:#ffffff; font-size:16px;}
.uc_mega-icon-flipbox .uc_back .uc_front_inner a{ padding:10px 25px;font-family: 'Rajdhani', sans-serif; margin:12px 0 0; text-decoration:none; display:inline-block; font-size:16px; font-weight:600; text-transform:uppercase; }