body {
    background:#00eae3 url(https://www.jiffest.co.id/form/assets/img/bg.png) bottom no-repeat fixed;
    background-size:cover;
    margin:20px auto 0!important;
    font-family:Arial, sans-serif;
    max-width:1240px;
    position:relative
}
img {
    border:0
}
img.left {
    float:left;
    margin:20px
}
img.right {
    float:right;
    margin:20px
}
a {
    color:#fff;
    text-decoration:none
}
a:hover, .on>a, .play a:hover {
    color:#362161
}
body>h1 {
    margin:0
}
.logo, .menu {
    float:left
}
.logo2 {
    float:right;
    margin-top:10px
}
.menu {
    margin:40px 0 60px
}
.menu ul, .menu li {
    float:left;
    list-style:none;
    text-transform:uppercase
}
.menu li {
    margin-right:20px;
    position:relative
}
.sub-menu {
    background: rgba(20, 107, 255, 0.85);
    box-shadow:0 2px 4px rgba(0, 0, 0, 0.4);
    display: none;
    font-size: 12px
}
.sub-menu:before {
    content:'';
    display: block;
    height: 10px;
    position: relative;
    top:-10px;
    left: 0;
    border-width: 1px 0;
    margin-right: -2px;
    width: 220px
}
.sub-menu.active {
    display: block;
    padding: 0;
    position: absolute;
    left: -10px;
    top: 28px;
    z-index: 9999
}
.sub-menu li {
    display: block;
    margin: 0;
    padding: 0 10px 10px;
    min-width: 150px;
    text-align: left
}
.sub-menu a {
    display: block
}
.sub-menu a:hover {
    color: #f3ff00
}
.sub-menu.active .sub-menu {
    position:inherit
}
.play {
    clear:both;
    color:#5f00bb;
    text-align:center;
    width:218px;
    height:300px;
    padding:70px 88px 0px;
    margin-bottom:50px;
}
.play strong{text-transform: uppercase}
.play em{
    color: #d900ff;
    font-style: normal
}
.soc-med {
    position:fixed;
    bottom:40px;
    line-height: normal;
    z-index: -1
}
.soc-med em{
    color: #6000bc;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    margin: 15px 0 0 5px;
    vertical-align: top
}
.cloud {
    background:url(https://www.jiffest.co.id/form/assets/img/btn-join.png) 0 0 no-repeat;
    height:220px;
    width:550px;
    position:fixed;
    bottom:-10px;
    right:30px
}
.cloud a {
    float:left;
    height:220px;
    width:370px;
    text-indent:-9999em;
    overflow:hidden
}
.cloud a:first-child {
    width: 180px;
    margin-top: 60px;
}
.close {
    cursor:pointer;
    color:#fff;
    display:block;
    text-transform:uppercase;
    font-size:14px;
    margin:0 0 5px;
    text-align:right
}
#join .box, #event .box {
    background:#00eae3 url(https://www.jiffest.co.id/form/assets/img/bg.png) right center no-repeat;
    background-size:cover;
    color:#362161;
    font-size:12px;
    padding:20px;
    overflow:hidden
}
.form {
    background:rgba(46, 195, 193, 0.75);
    color:#fff;
    float:right;
    padding:20px;
    text-align:center;
    width:250px
}
.form input, .form select, .form button {
    border:0;
    display:block;
    margin-bottom:20px;
    padding:5px;
    width:100%
}
.form input {
    width:97%
}
.form select {
    text-transform:uppercase
}
.form button {
    background:url(https://www.jiffest.co.id/form/assets/img/btn-submit.png) 0 0 no-repeat;
    cursor:pointer;
    height:44px;
    margin:0 auto;
    width:160px;
    text-align:left;
    text-indent:-999em;
    overflow:hidden
}
.form button:focus{outline: 0}
#event .box, #screening>.box, #bio .box {
    background:#00eae3 url(https://www.jiffest.co.id/form/assets/img/bg-event.png) right bottom no-repeat;
    color:#362161;
    font-size:12px;
    text-align:justify;
    padding:50px 70px;
    min-height: 400px;
    min-width: 713px
}
.box h2 {
    color:#cf27e2;
    font-size: 28px;
    font-weight:normal;
    text-transform:uppercase;
    margin: 0 0 30px
}
.box img.right{
    margin: 0 0 0 50px
}
#lineup ul{
    margin: 20px 0
}
#lineup li a{color: #362161;}
#lineup .active{
    font-weight: bold;
}
#lineup .active img{box-shadow: 0 4px 10px -4px #000}
#photo #lineup img{
    height:auto;
    width:100px
}
#photo .bxslider img{height:auto;width: 853px}
#slide li{float: left!important;width:100%!important}