.fc-slideshow{position:relative;width:100%;height:100%;position:absolute;top:0;margin:0 auto;-webkit-perspective:1200px;-moz-perspective:1200px;perspective:1200px}.fc-slideshow nav{top:0;height:100%;width:100%;position:absolute;z-index:10000}.fc-slideshow nav>div{position:absolute;height:100%;top:0;width:50%}.fc-slideshow nav .fc-left{left:0}.fc-slideshow nav .fc-right{right:0}.fc-slideshow nav>div span{height:33%;width:100%;position:absolute;left:0;cursor:pointer}.fc-slideshow nav>div span:first-child{top:0}.fc-slideshow nav>div span:nth-child(2){top:33%}.fc-slideshow nav>div span:nth-child(3){top:66%}.fc-slideshow nav i,.no-csstransforms3d .fc-slideshow nav>div span{position:absolute;width:100%;height:40px;top:50%;margin-top:-20px;pointer-events:none;opacity:0;-webkit-backface-visibility:hidden;-webkit-transition:all 0.2s ease;-moz-backface-visibility:hidden;-moz-transition:all 0.2s ease;backface-visibility:hidden;transition:all 0.2s ease}.no-csstransforms3d .fc-slideshow nav>div span{z-index:1000;width:40px;background:rgba(0,0,0,0)}.no-csstransforms3d .fc-slideshow nav .fc-left span{left:-80px}.no-csstransforms3d .fc-slideshow nav .fc-right span{right:-80px;left:auto}.no-csstransforms3d .fc-slideshow nav i{width:40px;cursor:pointer}.fc-slideshow nav .fc-left i{-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;transform-origin:100% 50%;text-align:left}.fc-slideshow nav .fc-right i{-webkit-transform-origin:0% 50%;-moz-transform-origin:0% 50%;transform-origin:0% 50%;text-align:right}.fc-slideshow nav i.icon-arrow-left{left:0}.no-csstransforms3d .fc-slideshow nav i.icon-arrow-left{left:-100px}.fc-slideshow nav i.icon-arrow-right{right:0}.no-csstransforms3d .fc-slideshow nav i.icon-arrow-right{right:-60px}.icon-arrow-left:before,.icon-arrow-right:before{font-family:'entypo';speak:none;font-style:normal;font-weight:normal;font-size:20px;background:#cc2724;color:#fff;width:40px;height:40px;line-height:40px;text-align:center;display:inline-block;margin:0 20px;border-radius:20% 10% 50% 5%/ 25% 10% 30% 75%; -webkit-font-smoothing: antialiased}.icon-arrow-left:before{content:"\e002"}.icon-arrow-right:before{content:"\e003"}.csstransforms3d .fc-slideshow nav>div span:hover~i,.no-csstransforms3d .fc-slideshow nav i,.no-csstransforms3d .fc-slideshow nav>div span{opacity:1}.csstransforms3d .fc-slideshow nav>div span:nth-child(2):hover~i{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}.csstransforms3d .fc-slideshow nav>.fc-left span:first-child:hover~i,.csstransforms3d .fc-slideshow nav>.fc-right span:nth-child(3):hover~i{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.csstransforms3d .fc-slideshow nav>.fc-right span:first-child:hover~i,.csstransforms3d .fc-slideshow nav>.fc-left span:nth-child(3):hover~i{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}ul.fc-slides{list-style:none;margin:0;padding:0;height:100%}ul.fc-slides li{display:none;height:100%}.no-js ul.fc-slides li{display:block}.fc-flip{width:100%;height:100%;position:absolute;top:0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.fc-flip div{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.fc-flip .fc-back{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);transform:rotateY(-180deg)}.fc-slideshow img{}.fc-overlay-light,.fc-overlay-dark{opacity:0}.fc-overlay-light{background:rgba(255,255,255,1)}.fc-overlay-dark{background:rgba(0,0,0,1)}.no-js .fc-slideshow{height:100%;box-shadow:none}.no-js .fc-slideshow h3{position:relative;width:auto;height:auto;left:auto;right:auto;top:auto;margin:5px}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,0.1)}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,0.5);border-radius:10px}.swiper-scrollbar-cursor-drag{cursor:move}.sc-player{font:12px Arial,sans-serif;color:#333;font-size:1.6em;line-height:1.6em;font-weight:bold}.sc-player.special{border:2px solid #ff3300;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;padding:5px}.sc-player a{text-decoration:none;color:#333}.sc-scrubber .sc-time-span{background:#81419e}.sc-scrubber .sc-time-span img{height:10px;width:100%;background:red;position:absolute;outline:0px;border:0px solid #81419e}.sc-scrubber .sc-played{background-color:#2ccba2}.sc-player .sc-controls a i{font-size:38px}.sc-scrubber .sc-time-indicators{color:#2ccba2;-moz-border-radius:4px;-webkit-border-radius:4px;padding:2px;font-size:0.6em;font-weight:normal;line-height:1em;font-family:'Source Sans Pro',sans-serif;font-weight:400}.sc-player ol.sc-trackslist li.active,.sc-player ol.sc-trackslist li:hover{padding:4px;color:#000}.sc-player ol.sc-trackslist li.active a{color:#6e6e6e;font-family:'Source Sans Pro',sans-serif;font-weight:400;line-height:30px}.sc-player.playing ol.sc-trackslist li.active a{color:#2ccba2}.sc-track-duration{text-align:right;float:right;padding:0 5px;margin-left:5px;display:none}.sc-player .sc-info{opacity:0.9}.sc-player .sc-info-toggle{background:#fff;color:#003399;-moz-border-radius:4px;-webkit-border-radius:4px;-moz-box-shadow:1px 1px 4px #ccc;-webkit-box-shadow:1px 1px 4px #ccc;padding:4px}.sc-player .sc-info-toggle:hover{background:#003399;color:#eee}.sc-player .sc-info-close{background:#003399;color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;padding:2px 4px;font-weight:bold}.sc-player{width:100%;height:90px;position:relative;margin:20px 0}.sc-player ol,.sc-player li{margin:0;padding:0;list-style-position:inside}.sc-player .sc-artwork-list{display:none}.sc-player .sc-artwork-list li{list-style-type:none;display:none}.sc-player .sc-artwork-list li.active{list-style-type:none;display:block}.sc-player .sc-artwork-list li img,.sc-player .sc-artwork-list li div{list-style-type:none;width:100%;height:100%}.sc-player .sc-controls{position:absolute;width:40px;height:40px;top:50px;right:0}.sc-player .sc-controls a{display:block}.sc-player .sc-controls a.sc-play,.sc-player .sc-controls a.sc-pause{}.sc-player .sc-controls a.sc-pause{display:none}.sc-player.playing .sc-controls a.sc-play{display:none}.sc-player.playing .sc-controls a.sc-pause{display:block}.sc-scrubber{position:absolute;bottom:0px;height:10px;width:90%}.sc-player:hover .sc-scrubber,.sc-player.playing .sc-scrubber{display:block}.sc-scrubber .sc-time-span{height:5px;margin:5px;position:relative}.sc-scrubber .sc-buffer,.sc-scrubber .sc-played{height:5px;position:absolute;top:0;width:0;-webkit-transition:width 0.1s linear}.sc-scrubber .sc-time-indicators{position:absolute;right:0;bottom:10px}.sc-player ol.sc-trackslist{position:absolute;float:left;width:92%;height:100%}.sc-player ol.sc-trackslist li{float:left;width:95.5%;cursor:pointer;list-style:none}.sc-trackslist a{color:#6e6e6e;display:block;width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;max-height:60px}@media screen and (max-width: 480px){.sc-trackslist a{font-size:0.7em}}.sc-player .sc-info{position:absolute;top:10px;left:-5000px;width:200px;padding:5px;height:450px;z-index:500;margin-left:-40px}.sc-player .sc-info.active{left:25%;top:5%}.sc-player .sc-info-toggle{position:absolute;top:10px;left:10px;display:none}.sc-player .sc-info-toggle.active{left:-5000px}.sc-player .sc-info-close{position:absolute;top:10px;right:20px}.sc-player .hidden{display:none}.sc-player-engine-container{width:1px;height:1px;position:fixed;top:2px;left:2px}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}.swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{float:left}.swiper-wp8-horizontal{-ms-touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x}.swiper-container{}.swiper-slide{}.swiper-slide-active{}.swiper-slide-visible{}.swiper-pagination-switch{}.swiper-active-switch{}.swiper-visible-switch{}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{font-family:'Source Sans Pro',sans-serif;background:#f2f2f2;font-size:100%;overflow-x:hidden!important;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,ul{margin:0}ul{padding-left:0;list-style:none}a{text-decoration:none;-webkit-transition:color 0.5s;-moz-transition:color 0.5s;transition:color 0.5s}a:hover{color:#630088}.hidden{display:none}.hidden-important{display:none!important}.container{width:100%;margin:0 auto}#container-web{background-color:#f2f2f2;position:relative;left:0;z-index:2;-webkit-transition:left 0.7s ease;-moz-transition:left 0.7s ease;transition:left 0.7s ease}.f-light{font-weight:300}.f-regular{font-weight:400}.f-bold{font-weight:700}.inline-block{display:inline-block}.c-white{color:#ffffff}.c-violet,.activity a:hover,.dashboard-layout .rows .col:nth-child(3) .event-name strong a:hover,.world-layout .rows .col:nth-child(3) .event-name strong a:hover{color:#630088}.c-aquagreen{color:#2ccba2}.c-grey{color:#6e6e6e}.c-black2{color:#2f2b31}.container{max-width:1400px;margin-left:auto;margin-right:auto}.container2{max-width:1200px;width:90%;margin-left:auto;margin-right:auto}.margin-top36{margin-top:36px}.clearfix,.top-local-labels,.top-local-venues,.top-local-promoters,.top-local-labels,.promoters,.top-local-members{*zoom:1}.clearfix:before,.top-local-labels:before,.top-local-venues:before,.top-local-promoters:before,.promoters:before,.top-local-labels:before,.top-local-members:before,.clearfix:after,.top-local-labels:after,.top-local-venues:after,.top-local-promoters:after,.promoters:after,.top-local-members:after{content:" ";display:table}.clearfix:after,.top-local-labels:after,.top-local-venues:after,.top-local-promoters:after,.promoters:after,.top-local-labels:after,.top-local-members:after{clear:both}.resetbutton,.menu-mobile .search button{background:none;border:none;outline:none!important}.more{z-index:200;display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;background:#80409e;border:0;height:30px;position:absolute;width:60px;font-size:80%;right:0;bottom:0;margin-right:9px;padding:0;margin-bottom:13px;-webkit-opacity:1;-moz-opacity:1;opacity:1;-webkit-transition:background 0.6s ease;-moz-transition:background 0.6s ease;transition:background 0.6s ease;outline:none}.more i{line-height:28px;color:#ffffff;font-weight:bold}.more:hover{background:#2ccba2;-webkit-opacity:1;-moz-opacity:1;opacity:1}@media (max-width: 640px) {.more{width:45px;height:45px}.more i{font-size:2em;line-height:35px}}.button-follow{background:transparent;border-radius:5px;border:4px solid #ffffff;outline:none;position:relative;padding:0 0!important}.button-follow span{font-family:'Source Sans Pro',sans-serif}.button-green{border-radius:3px;border:2px solid #2ccba2;background:transparent;font-weight:900;color:#2ccba2;text-transform:uppercase;outline:none;padding:8px 17px}.button-white{border-radius:3px;border:2px solid #ffffff;background:transparent;font-weight:900;color:#ffffff;text-transform:uppercase;outline:none}.button{outline:none!important;border:0;display:inline-block;padding:8px 17px;border-radius:5px;font-size:0.75em;background:#F1F1F1;color:#333;line-height:1em;-webkit-transition:background 0.5s,color 0.5s;-moz-transition:background 0.5s,color 0.5s;transition:background 0.5s,color 0.5s;}.button:hover{background:#E4E4E4}.button.small{font-size:0.625em}.button.medium{font-size:0.875em}.button.large{font-size:1em}.button.extra-large{font-size:1.125em}.button.extra-large2{font-size:1.25em}.button.centered{text-align:center}.button.padding2{padding:14px 30px}.button.fw200,.button .fw200{font-weight:200}.button.fw400,.button .fw400{font-weight:400}.button.fw900,.button .fw900,.button strong{font-weight:900}.button.uppercase,.button .uppercase{text-transform:uppercase}.button.no-radius{border-radius:none}.button.green{background:#2CCBA2;color:#fff}.button.green:hover{background:#80409E}.button.purple{background:#80409E;color:#fff}.button.purple:hover{background:#2CCBA2}#front-page{background-repeat:no-repeat;background-position:top center;background-size:cover;padding-bottom:62%;position:relative}@media (min-width: 1400px) {#front-page{padding-bottom:0;height:860px}}@media (max-width: 1024px) {#front-page{padding-bottom:0;min-height:670px}}#front-page .content{position:absolute;top:0;height:100%;width:100%}#front-page .centered{width:85%;max-width:1400px;margin:0 auto;position:relative;height:100%}@media (max-width: 480px) {#front-page .centered{width:100%}}#front-page h2,#front-page h3,#front-page h4,#front-page h5{text-transform:uppercase;color:#fff;line-height:46px;margin-bottom:10px}#front-page h2.green,#front-page h3.green,#front-page h4.green,#front-page h5.green{color:#2ccba2}#front-page h2{letter-spacing:-1px;font-size:3.25em;font-weight:900}#front-page h3{font-size:4.375em;font-weight:200}#front-page h4{font-size:1.5em;font-weight:900}#front-page hgroup{padding-top:19%;margin-left:3.5%}@media (max-width: 500px) {#front-page hgroup{font-size:70%}}#front-page .box{background-color:transparent;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,transparent),color-stop(100%,rgba(44,203,162,0.7)));background-image:-webkit-linear-gradient(left,transparent,rgba(44,203,162,0.7));background-image:linear-gradient(to right,transparent,rgba(44,203,162,0.7));background-color:rgba(149,75,184,0.7);position:absolute;bottom:0;width:100%;min-height:330px;color:#fff}#front-page .box h3{font-size:6.875em;line-height:1em}@media (max-width: 768px) {#front-page .box h3{font-size:3.25em}}@media (max-width: 1300px) {#front-page .box h3{font-size:5.625em!important}}@media (max-width: 1090px) {#front-page .box h3{font-size:4.375em!important}}@media (max-width: 886px) {#front-page .box h3{font-size:2.75em!important}}@media (max-width: 640px) {#front-page .box h3{font-size:2em!important}}#front-page .box.padding1{padding:43px 5.5%;padding-bottom:30px}#front-page .box.padding2{padding:70px}#front-page .box.padding3{padding:43px 80px 30px 3%}#front-page-min{background-color:#954bb8;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#954bb8),color-stop(100%,#2ccba2));background-image:-webkit-linear-gradient(left,#954bb8,#2ccba2);background-image:linear-gradient(to right,#954bb8,#2ccba2);min-height:248px;color:#fff;position:relative}#front-page-min h2,#front-page-min h3,#front-page-min h4,#front-page-min h5{text-transform:uppercase;color:#fff;margin-bottom:10px}#front-page-min h2.green,#front-page-min h3.green,#front-page-min h4.green,#front-page-min h5.green{color:#2ccba2}#front-page-min h2 img,#front-page-min h3 img,#front-page-min h4 img,#front-page-min h5 img{vertical-align:middle}#front-page-min h2{font-weight:200;font-size:5.875em;line-height:1em;margin-bottom:6px}@media (max-width: 1020px) {#front-page-min h2{font-size:3.25em}}@media (max-width: 1300px) {#front-page-min h2{font-size:5em!important}}@media (max-width: 1190px) {#front-page-min h2{font-size:4.375em!important}}@media (max-width: 886px) {#front-page-min h2{font-size:2.75em!important}}@media (max-width: 640px) {#front-page-min h2{font-size:2em!important}}#front-page-min h3{font-size:1.25em;font-weight:900;margin-left:10px;margin-bottom:17px}#front-page-min a{color:#ffffff}#front-page-min .avatar{position:absolute;left:30px;top:37px;width:180px;height:180px}#front-page-min .avatar img{display:block;width:100%;height:100%}#front-page-min .labels{margin-left:10px;list-style:none;*zoom:1}#front-page-min .labels:before,#front-page-min .labels:after{content:" ";display:table}#front-page-min .labels:after{clear:both}#front-page-min .labels>li,#front-page-min .labels>div{float:left;margin-right:10px;margin-bottom:10px}#front-page-min .centered{position:relative;max-width:1400px;width:100%;margin:0 auto;padding-top:27px;padding-bottom:30px;padding-left:229px}.dj-box .avatar{-webkit-filter:contrast(120%) grayscale(1) opacity(0.5);background:#000;position:relative;overflow:hidden;height:270px}.avatar a{background-size:cover;display:block;height:100%}.dj-box .avatar img{width:100%;display:block;-webkit-filter:contrast(120%) grayscale(1) opacity(0.5);-moz-filter:contrast(120%) grayscale(1) opacity(0.5)}.dj-box .avatar:hover .follow{opacity:1;top:0}.dj-box .avatar:hover .follow a{left:0;opacity:1}.dj-box .follow{position:absolute;top:100%;left:0;width:100%;height:100%;background:#532165;background-color:transparent;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,transparent),color-stop(100%,rgba(48,177,147,0.6)));background-image:-webkit-linear-gradient(transparent,rgba(48,177,147,0.6));background-image:linear-gradient(transparent,rgba(48,177,147,0.6));background-color:rgba(83,33,101,0.7);opacity:0;text-align:center;-webkit-transition:opacity 0.7s,top 0.3s;-moz-transition:opacity 0.7s,top 0.3s;transition:opacity 0.7s,top 0.3s}.dj-box .follow a{margin-top:45.5%;display:inline-block;font-weight:900;color:#fff;font-size:1.125em;padding:12px 33px;border:3px solid #fff;border-radius:3px;line-height:1em;text-transform:uppercase;position:relative;left:-250px;opacity:0;-webkit-transition:left 0.2s ease 0.3s,opacity 2s;-moz-transition:left 0.2s ease 0.3s,opacity 2s;transition:left 0.2s ease 0.3s,opacity 2s}.dj-box .name{background:#2f2b31;padding:25px 26px 12px;line-height:1.7em;display:block}.ranking .dj-box .name{background:#2f2b31;padding:18px 26px 12px;line-height:1.7em;display:block;height:103px;}.dj-box .name:hover h3{color:#2ccba2;-webkit-transition:color 0.5s;-moz-transition:color 0.5s;transition:color 0.5s}.dj-box h2{font-weight:900;color:#2ccba2;font-size:2.25em}.dj-box h3{font-size:1.75em;font-weight:300;text-transform:uppercase;color:white}.view-search{z-index:11;position:fixed;;background:#2ccba2;width:100%;overflow:auto;height:100%;margin-top:81px}.view-search .content{margin:0 auto;width:70%;padding-top:5%}.view-search .close-search{position:absolute;top:2px;right:2px;font-size:1.875em;background:transparent;border:0px solid transparent;outline:none;color:#ffffff}.view-search .grp-search{position:relative}.view-search .grp-search .input-search{background:#2ccba2;border:0px solid #2ccba2;line-height:60px;outline:none;width:90%;margin-bottom:10%;font-size:1.75em;color:#ffffff}.view-search .grp-search .input-search:focus{color:#ffffff}.view-search .grp-search .input-search::-webkit-input-placeholder{color:#ffffff}.view-search .grp-search .input-search:-moz-placeholder{color:#ffffff}.view-search .grp-search .input-search::-moz-placeholder{color:#ffffff}.view-search .grp-search .input-search:-ms-input-placeholder{color:#ffffff}.view-search .grp-search .form-button-search{color:#ffffff;background:transparent;border:0px solid transparent;font-size:1.75em;position:absolute;top:15px;right:0}.view-search .autocomplete{border-bottom:1px solid #7bdbc2;padding-bottom:4%;padding-left:2%;margin-bottom:2%}.view-search .result-box{display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;vertical-align:top;width:20%;text-align:left}@media (max-width: 640px) {.view-search .result-box{width:100%}}.view-search ul li{list-style:none}.view-search .result-box h3{font-size:1.875em}.view-search ul li a{color:#ffffff;font-size:1.375em;line-height:30px;margin-right:10px;display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto}.view-search ul li a:hover{color:#630088}.view-search ul li .flag{display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto}.view-search .see-more{padding-left:20px}.view-search .see-more div{font-size:1.4375em}.front-page-profile{opacity:0.8}.info-profile{display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;background-color:rgba(149,75,184,0.7);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(149,75,184,0.7)),color-stop(100%,rgba(44,203,162,0.7)));background-image:-webkit-linear-gradient(left,rgba(149,75,184,0.7),rgba(44,203,162,0.7));background-image:linear-gradient(to right,rgba(149,75,184,0.7),rgba(44,203,162,0.7));bottom:0;min-height:330px;position:absolute;width:87.5%;left:0;right:0;margin-left:auto;margin-right:auto}@media (max-width: 640px) {.info-profile{width:100%}}.info-profile .section-profile-left{display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;width:100%}.info-profile .section-profile-left .name-artist{color:#ffffff;font-size:5.625em;line-height:70px;margin-bottom:25px;margin-top:35px;text-transform:uppercase}@media (max-width: 1024px) {.info-profile .section-profile-left .name-artist{font-size:4.6875em}}.info-profile .section-profile-left .music-tags ul a{color:#ffffff;font-size:1.125em;text-transform:uppercase;margin-bottom:10px}.info-profile .section-profile-left .music-tags ul li{display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;background:#2ccba2;border-radius:5px;list-style:none;margin-right:8px;padding:8px 17px;-webkit-opacity:1;-moz-opacity:1;opacity:1;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}.info-profile .section-profile-left .music-tags ul li:hover{background:#80409e;-webkit-opacity:1;-moz-opacity:1;opacity:1}.info-profile .section-profile-left .featured-in{margin-top:32px;width:80%}@media (max-width: 480px) {.info-profile .section-profile-left .featured-in{width:100%;margin-top:40px}}.info-profile .section-profile-left .featured-in li{display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;list-style:none;margin-right:37px}.info-profile .section-profile-left .featured-in h5 a{color:#2f2b31;font-size:1.875em;line-height:40px}@media (max-width: 480px) {.info-profile .section-profile-left .featured-in h5 a{font-size:1.25em;line-height:20px}}.info-profile .section-profile-left .featured-in h5.title-global,.info-profile .section-profile-left .featured-in h5.title-tag,.info-profile .section-profile-left .featured-in h5.title-country{margin-bottom:0px!important;line-height:0px!important}.info-profile .section-profile-left .featured-in .global-ranking h5{font-weight:900;text-transform:uppercase}.info-profile .section-profile-left .featured-in .title-country,.info-profile .section-profile-left .featured-in .title-tag{font-weight:400}.info-profile .section-profile-left .featured-in .order,.info-profile .section-profile-left .featured-in .flag{display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto}@media (max-width: 480px) {.info-profile .section-profile-left .featured-in .flag img{width:90%}}.info-profile .section-profile-left .featured-in .order{color:#2ccba2;font-size:1.75em;font-weight:900;line-height:30px;margin-right:12px}.info-profile .follow{display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;position:absolute;right:0;bottom:0;margin-right:20px;margin-bottom:30px}.info-profile .follow .button-follow{color:#ffffff;font-size:1.25em;font-weight:900;height:60px;width:160px;line-height:50px}@media (max-width: 480px) {.info-profile .follow .button-follow{height:60px;width:80px;font-size:0.9375em}}.followers{border:3px solid #2f2b31;height:90px;margin-bottom:10px;text-align:center;width:160px;display:block;-webkit-transition:background 0.5s ease;-moz-transition:background 0.5s ease;transition:background 0.5s ease}.followers:hover{background:#2ccba2}.followers:hover .numbers,.followers:hover span{color:#ffffff;-webkit-transition:color 0.5s ease;-moz-transition:color 0.5s ease;transition:color 0.5s ease}.followers .numbers{color:#2f2b31;font-size:3em;line-height:45px;margin-top:10px}.followers span{font-size:1.125em;color:#2f2b31}@media (max-width: 480px) {.followers{width:80px;height:90px}.followers .numbers{font-size:1.875em}.followers span{font-size:0.5625em}}#profile-extras{margin-bottom:10px;padding-left:0.6%;padding-right:0.6%;padding-top:10px}#profile-extras .columns-left{width:44%;display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;margin-right:0.6%;vertical-align:top}@media (max-width: 1024px) {#profile-extras .columns-left{width:60%}}@media (max-width: 640px) {#profile-extras .columns-left{width:100%}}#profile-extras .columns-center{width:28%;display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;vertical-align:top;margin-right:0.6%}@media (max-width: 1024px) {#profile-extras .columns-center{width:38%}}@media (max-width: 640px) {#profile-extras .columns-center{width:100%}}#profile-extras .columns-right{width:26%;display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;vertical-align:top}@media (max-width: 640px) {#profile-extras .columns-right{width:100%}}@media (max-width: 1100px) {#profile-extras #mixes-tracks ul li{font-size:1em;margin-right:25px!important}}@media (max-width: 480px) {#profile-extras #mixes-tracks ul li{font-size:1em;margin-right:25px!important}}ul.tabs-button,#mixes-tracks ul{margin-bottom:35px}ul.tabs-button li,#mixes-tracks ul li{list-style:none;display:inline-block;padding-top:0px;margin-right:25px}ul.tabs-button li a,#mixes-tracks ul li a{display:inline-block;overflow:hidden;vertical-align:top;-webkit-perspective:600px;-moz-perspective:600px;-o-perspective:600px;-ms-perspective:600px;perspective:600px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-o-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;perspective-origin:50% 50%}ul.tabs-button li a,#mixes-tracks ul li a{border-top:10px solid transparent;color:#cfcfd0;font-size:1.5625em;line-height:45px;text-decoration:none}ul.tabs-button li a.selected,#mixes-tracks ul li a.selected{color:#2ccba2;border-top:10px solid #2ccba2}@media (max-width: 560px) {ul.tabs-button,#mixes-tracks ul{left:5px!important}ul.tabs-button li,#mixes-tracks ul li{font-size:0.6em;margin-right:0!important}ul.tabs-button li:nth-child(1),#mixes-tracks ul li:nth-child(1){padding-right:1%!important}}@media (max-width: 400px) {ul.tabs-button li,#mixes-tracks ul li{font-size:0.5em}}#mixes-tracks{background-color:#ffffff;display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;margin-bottom:10px;vertical-align:top;height:100%;padding:60px 50px 60px 30px;position:relative;width:100%}#mixes-tracks ul{position:absolute;left:5%;top:0}#mixes-tracks .player-item{position:relative;margin-bottom:40px}#mixes-tracks .player-item i{-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}#mixes-tracks .player-item i:hover{color:#2ccba2}@media (max-width: 350px) {#mixes-tracks .player-item{clear:both}}#mixes-tracks .player{position:relative;margin-bottom:40px}#mixes-tracks .player .sc-artwork-list{display:none}#mixes-tracks .player .sc-info p{display:none}#mixes-tracks .player .title-track a,#mixes-tracks .player .sc-info h3 a{text-transform:uppercase;font-size:1.75em}#mixes-tracks .player .title-track a,#mixes-tracks .player .where-track a,#mixes-tracks .player .time-all-track span,#mixes-tracks .player .sc-tracklist li a{color:#6e6e6e}#mixes-tracks .player .time-all-track{margin-right:8px}#mixes-tracks .player .time-all-track,#mixes-tracks .player .items-track,#mixes-tracks .player .time-track{display:none}@media (max-width: 640px) {#mixes-tracks .player .sc-time-indicators{left:0}}#mixes-tracks .player .content-player{width:90%;position:relative}#mixes-tracks .player .content-player-right{position:absolute;right:0;top:0}#mixes-tracks .player i{color:#7a2599}#mixes-tracks .player .where-track,#mixes-tracks .player .time-all-track,#mixes-tracks .player .items-track{display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto}#mixes-tracks .player .items-track{position:absolute;bottom:10px;right:65px}#mixes-tracks .player .items-track div{display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;margin-right:2px}@media (max-width: 640px) {#mixes-tracks .player .items-track{font-size:1.5625em;margin-right:15px;right:50px}}@media (max-width: 350px) {#mixes-tracks .player .items-track{position:static!important;float:right}}#mixes-tracks .player .time-track{background:#81419e;height:5px;display:block;width:100%}#mixes-tracks .player .time-track .time-left-track{background:#2ccba2;width:35%;height:5px}#mixes-tracks .player .control-player-track{display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;position:absolute;right:10px;top:15px}#mixes-tracks .player .control-player-track .fa-play,#mixes-tracks .player .control-player-track .fa-pause{font-size:2.5em}#mixes-tracks .player .control-player-track .pause{display:none}#mixes-tracks .player.selected .title-track a{text-transform:uppercase}#mixes-tracks .player.selected .title-track a,#mixes-tracks .player.selected .where-track a,#mixes-tracks .player.selected .time-all-track span{color:#2ccba2}#photos{width:100%;display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;position:relative;margin-bottom:10px;overflow:hidden;padding-bottom:94%;height:0}#photos img{width:100%;display:block;height:100%}#photos .title-photo{z-index:200;position:absolute;top:0;font-size:1.875em;line-height:20px;margin-top:30px;margin-left:30px}#photos .fc-right i,#photos .fc-left i{color:rgba(255,255,255,0.8);font-size:1.875em;padding-left:10px;padding-right:10px}#social-interactions{display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;vertical-align:top;background:#ffffff;padding-left:20px;margin-bottom:10px}#social-interactions .title-social{margin-top:30px;margin-left:10px;font-size:1.875em;line-height:20px;margin-bottom:30px;display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto}#social-interactions .now-following,#social-interactions .ranked,#social-interactions .go-to-next{margin-bottom:25px;display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;width:100%}#social-interactions img{display:inline-block;margin-right:8px}.legend{display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto}.legend .numbers-friends,.legend span,.legend .user-name,.legend .user-name-friends,.legend .song-name,.legend .social-event{display:inline}.legend .numbers-friends a,.legend .user-name-friends a,.legend .song-name a{color:#2ccba2}.legend .song-name a{text-decoration:underline}.legend .numbers-friends a:hover,.legend .user-name-friends a:hover{color:#630088}.legend .legend-tag,.legend .user-name a,.legend .social-event a{color:#6e6e6e}.legend .user-name{text-transform:uppercase}.legend .user-name-friends ul{display:inline}.legend .user-name-friends li{display:inline}.legend .user-name-friends li:after{content:",";color:#6e6e6e}.legend .user-name-friends li:nth-last-child(2):after{content:"and";color:#6e6e6e}.legend .user-name-friends li:nth-last-child(1):after{content:""}#banner,.banner{display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;vertical-align:top;margin-bottom:10px}#banner img,.banner img{width:100%}#banner .size-300x250,.banner .size-300x250{width:300px;height:250px}#artists-info{width:100%;display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;background:#ffffff;padding-left:30px;padding-top:20px;height:auto;margin-bottom:10px}#artists-info .title-artist-info{font-size:1.875em}#artists-info li{list-style:none}#artists-info .artists-info-details{font-size:1em;margin-bottom:15px}#artists-info .artists-info-details li{color:#6e6e6e;margin-bottom:10px}#artists-info .artists-info-details li a{color:#42cea8}#artists-info .artists-info-details li a:hover{color:#630088}.social-artists-info li,.social-venue li{margin-bottom:8px}.social-artists-info a,.social-venue a{color:#6e6e6e;line-height:30px}.social-artists-info a:hover,.social-venue a:hover{color:#630088}.social-artists-info i,.social-venue i{display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;width:30px;height:30px;text-align:center;background:red;line-height:30px;color:#ffffff;margin-right:12px}.social-artists-info .fa-twitter,.social-venue .fa-twitter{background:#78cdf0}.social-artists-info .fa-facebook,.social-venue .fa-facebook{background:#537bbd}.social-artists-info .fa-youtube-play,.social-venue .fa-youtube-play{background:#e9654b}.social-artists-info .fa-vimeo,.social-venue .fa-vimeo{background:#8dd0de}.social-artists-info .fa-lastfm,.social-venue .fa-lastfm{background:#e9476d}#upcoming-events{width:100%;background:#ffffff;display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;padding-left:30px;padding-top:20px;padding-right:20px;position:relative;vertical-align:top;margin-bottom:10px}#upcoming-events .title-upcoming-events{font-size:1.875em;margin-bottom:20px}#upcoming-events ul li{list-style:none;vertical-align:middle;position:relative;margin-bottom:30px}#upcoming-events ul li .date,#upcoming-events ul li .where,#upcoming-events ul li .button{display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto}#upcoming-events ul li .date{margin-right:20px;vertical-align:top}#upcoming-events .button{background:transparent;border-radius:5px;border:3px solid #2ccba2;color:#2ccba2;height:37px;width:90px;line-height:28px;position:absolute;right:30px;top:10px}#upcoming-events .button span{font-family:'Source Sans Pro',sans-serif}#upcoming-events .day,#upcoming-events .month{font-size:1.75em;line-height:28px;color:#6e6e6e;text-transform:uppercase}#upcoming-events .where{width:70%}#upcoming-events .where-title a,#upcoming-events .where-country a{color:#2ccba2}#upcoming-events .where-title a:hover,#upcoming-events .where-country a:hover{color:#630088}#upcoming-events .where-title{font-size:1.875em;text-transform:uppercase}#upcoming-events .where-country{font-size:0.875em;color:#2ccba2}#videos{position:relative;display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;vertical-align:top;height:auto;width:100%;margin-bottom:10px;overflow:hidden}@media (max-width: 480px) {#videos{font-size:0.7em}}#videos:hover .video-play{top:50%}#videos .title-videos{position:absolute;top:0;font-size:1.875em;line-height:20px;margin-top:30px;margin-left:30px}#videos .info-videos{position:absolute;bottom:0;margin-left:30px;margin-bottom:30px;background:#630088;padding:15px}#videos .video-image{width:100%;opacity:0.8;display:block}#videos .video-play{position:absolute;left:50%;top:-20%;margin-left:-30px;margin-top:-30px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;cursor:pointer}#videos .video-play i{font-size:3.75em;color:white;opacity:0.8}#videos .where-title{color:#ffffff;text-transform:uppercase;font-size:1.5em;font-weight:bold}#videos .day,#videos .number-month,#videos .where-country{display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;color:#ffffff;font-size:1.25em}#videos .video{position:absolute;top:0;height:100%;width:100%;padding-top:56.25%}#videos iframe{position:absolute;height:100%;width:100%;top:0px;left:0px}#news{position:relative;display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;width:100%;margin-bottom:10px}#news .news-image{width:100%;display:block;position:absolute;top:0;z-index:-1;height:100%;filter:brightness(30%);-webkit-filter:brightness(30%);-moz-filter:brightness(30%);-o-filter:brightness(30%);-ms-filter:brightness(30%)}#news .title-news{font-size:1.875em;line-height:20px;margin-top:30px}#news .item-news{margin-top:20px;padding-right:30px}#news .title-news,#news .item-news{margin-left:20px;margin-bottom:30px}#news .item-title-news{font-size:1.75em;line-height:30px}#news .item-title-news a{color:#2ccba2}#news .item-title-news a:hover{color:#ffffff}#news .item-title-news{color:#2ccba2}#news .item-subtitle-news,#news p{color:white}#news .continue-reading{text-transform:uppercase;color:#2ccba2;padding-bottom:20px}#news .continue-reading:hover{color:#ffffff}#bio{position:relative;width:100%;background:#ffffff;padding-left:30px;padding-right:30px;padding-top:30px;height:210px;margin-bottom:10px;display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;vertical-align:top}#bio .title-bio{font-size:1.875em;line-height:20px}.menu{width:100%}.menu .menu-profile{background:#80409e;padding:2% 5%}@media (max-width: 1025px) {.menu .menu-profile{height:auto;padding-bottom:40px}}.menu .menu-profile ul{display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;width:91%}.menu .menu-profile ul li{display:block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;width:20%;float:left}@media (max-width: 1024px) {.menu .menu-profile ul{display:block;margin:0 5%;}}@media (max-width: 768px) {.menu .menu-profile ul li{display:block;margin:0 5%;float:left}}@media (max-width: 400px) {.menu .menu-profile ul li{display:block;margin:0px 10%;float:none}}.menu .menu-profile li{list-style:none;position:relative}.menu .menu-profile .item-menu-profile{color:#ffffff;font-weight:900;font-size:1.75em}.menu .menu-profile .item-menu-profile:hover{color:#2ccba2}.menu .menu-profile .item-menu-profile.selected:before{border-bottom:10px solid transparent;border-left:10px solid #2ccba2;border-right:10px solid transparent;border-top:10px solid transparent;font-size:0;height:0;left:0;line-height:0;margin-left:auto;margin-right:auto;width:0;position:absolute;top:10px;left:-20px;display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;content:""}.button-menu-profile{background:#80409e;border:0;height:60px;margin-right:20px;margin-top:20px;position:absolute;right:0;width:60px;-webkit-opacity:1;-moz-opacity:1;opacity:1;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;padding:0;}.button-menu-profile i{color:#ffffff;font-size:1.875em;width:26px}.button-menu-profile:hover{background:#2ccba2;-webkit-opacity:1;-moz-opacity:1;opacity:1}.button-menu-profile:focus{outline:0px}.button-equis:before{content:"\f00d"}#related-artists{position:relative;overflow:hidden;background:rgba(0,0,0,0.8);margin-bottom:10px}#related-artists .title-related-artists{position:absolute;top:0;font-size:1.875em;line-height:20px;margin-top:30px;margin-left:30px}#related-artists img{opacity:0.4;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;transition:all 0.6s ease}@media (max-width: 480px) {#related-artists img{opacity:1}}#related-artists img:hover{opacity:1}#related-artists .col1,#related-artists .col2,#related-artists .col3,#related-artists .col4,#related-artists .col5{width:20%;display:block;float:left}#related-artists .related-artist-name{display:none}#related-artists .related-artist-link{position:relative}#related-artists .row{width:100%;height:20%;display:block}#related-artists .row a{width:50%;float:left}#related-artists .row img{width:100%;height:60px;display:block}#related-artists .row-larger{width:100%}#related-artists .row-larger a{width:100%;height:100%}#related-artists .row-larger img{width:100%;height:120px;display:block}@media (max-width: 480px) {#related-artists .col5{display:none}#related-artists .col1,#related-artists .col2,#related-artists .col3,#related-artists .col4{width:50%}#related-artists .col3{clear:both}}#tweets{background:#ffffff;display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;padding-left:20px;padding-top:20px;padding-right:38px;position:relative;padding-bottom:20px;margin-bottom:10px}@media (max-width: 640px) {#tweets{width:48%;margin-right:8px;float:left;margin-top:0}}@media (max-width: 480px) {#tweets{width:100%}}#tweets p{margin-top:0}#tweets a{}@media (max-width: 480px) {#tweets a{}}#tweets a:hover{color:#630088}#tweets .hashtag{width:95%;padding-bottom:30px}#tweets i{position:absolute;bottom:0;right:0;font-size:2em;margin-right:20px;margin-bottom:30px}.cover-slider{width:100%}@media (max-width: 640px) {.cover-slider{width:49%;float:left}}@media (max-width: 480px) {.cover-slider{width:100%}}.swiper-scrollbar{width:100%;height:4px;position:absolute;left:0;bottom:5px;z-index:1}.swiper-container{width:100%;height:100%;text-align:center}.swiper-container img{width:100%;height:100%}.pagination-slider{position:absolute;height:7px;width:90%;z-index:66;bottom:30px;left:0;right:0;margin-left:auto;margin-right:auto;opacity:1!important;color:red;background:rgba(255,255,255,0.5)}.pagination-slider .swiper-scrollbar-drag{background:#630088;border-radius:0}.swiper-slide{width:100%}.swiper-slide .slider{float:left;width:100%}.swiper-slide .slider a{width:100%}.b-shadow{-webkit-box-shadow:0px 2px 0px 2px #e5e5e5;-moz-box-shadow:0px 2px 0px 2px #e5e5e5;box-shadow:0px 2px 0px 2px #e5e5e5}a .roll{display:block;position:relative;padding:0 2px;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-o-transition:all 400ms ease;-ms-transition:all 400ms ease;transition:all 400ms ease;-webkit-transform-origin:50% 0%;-moz-transform-origin:50% 0%;-o-transform-origin:50% 0%;-ms-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;line-height:35px}a:hover .roll{background:#2ccba2;-webkit-transform:translate3d(0px,0px,-30px) rotateX(90deg);-moz-transform:translate3d(0px,0px,-30px) rotateX(90deg);-o-transform:translate3d(0px,0px,-30px) rotateX(90deg);-ms-transform:translate3d(0px,0px,-30px) rotateX(90deg);transform:translate3d(0px,0px,-30px) rotateX(90deg)}a .roll:after{color:#ffffff;background:#2ccba2;content:attr(data-title);display:block;position:absolute;left:0;top:0;padding:0 2px;-webkit-transform-origin:50% 0%;-moz-transform-origin:50% 0%;-o-transform-origin:50% 0%;-ms-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transform:translate3d(0px,105%,0px) rotateX(-90deg);-moz-transform:translate3d(0px,105%,0px) rotateX(-90deg);-o-transform:translate3d(0px,105%,0px) rotateX(-90deg);-ms-transform:translate3d(0px,105%,0px) rotateX(-90deg);transform:translate3d(0px,105%,0px) rotateX(-90deg)}.btn-5{overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.btn-5 span{display:inline-block;width:100%;height:100%;-webkit-transition:all 0.3s;-webkit-backface-visibility:hidden;-moz-transition:all 0.3s;-moz-backface-visibility:hidden;transition:all 0.3s;backface-visibility:hidden;font-family:'Source Sans Pro',sans-serif}.btn-5:before{position:absolute;width:100%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;overflow:hidden}.btn-5b:hover span{-webkit-transform:translateX(200%);-moz-transform:translateX(200%);-ms-transform:translateX(200%);transform:translateX(200%)}.btn-5b:before{left:-100%;overflow:hidden}.btn-5b:hover:before{left:0}.nav-header{height:80px}.hamburger-btn{float:right;padding:26px;z-index:0}#menu-wrapper-mobile .menu-mobile{height:auto}.menu-mobile{background-color:#000;top:30px;left:0;width:100%;z-index:999;display:none;color:#fff;font-family:"neuzeit-grotesk",Helvetica,Arial,sans-serif;font-size:20px;height:100%;clear:both}.menu-mobile .top-menu-search{width:90%!important}.menu-mobile .close{font-size:2.25em;position:absolute;right:23px;top:0;z-index:5;cursor:pointer}.menu-mobile ul.nav{padding-left:10%;list-style:none}.menu-mobile ul.nav li{font-weight:900;text-transform:uppercase;position:relative;margin-bottom:70px;font-size:2.25em}@media (max-width: 1024px) {.menu-mobile ul.nav li{margin-bottom:35px}}@media (max-width: 480px) {.menu-mobile ul.nav li{font-size:1.5625em;margin-bottom:20px}}.menu-mobile ul.nav li a{color:#fff}.menu-mobile ul.nav li i{margin-right:15px}.menu-mobile ul.nav li.active a{color:#2ccba2}.menu-mobile ul.nav li.active:before{border-bottom:10px solid transparent;border-left:10px solid #2ccba2;border-right:10px solid transparent;border-top:10px solid transparent;position:absolute;top:14px;right:100%;content:""}.menu-mobile .search{width:100%;background:rgba(255,255,255,0.11);padding:15px;position:relative;}.menu-mobile .search input{font-size:1em;color:#fff;background:none;border:1px solid #565158;outline:none!important;width:100%;display:block;padding-left:4px;font-weight:300}.menu-mobile .search input::-webkit-input-placeholder{color:#fff}.menu-mobile .search input:-moz-placeholder{color:#fff}.menu-mobile .search input::-moz-placeholder{color:#fff}.menu-mobile .search input:-ms-input-placeholder{color:#fff}.menu-mobile .search button{position:absolute;right:0;top:0;color:#fff;line-height:50px;padding-top:40px;font-size:1.875em}@media (max-width: 480px) {.menu-mobile .search button{padding-top:25px;right:0;top:0}}.menu-mobile ul.nav2 li{font-size:2.125em}@media (max-width: 480px) {.menu-mobile ul.nav2 li{font-size:1.5625em}}#menu-wrapper-mobile{height:400px;overflow:auto;width:100%}div#login{padding-top:40px;padding-bottom:45px;background-image:url("http://i3.thedjlist.com/images/default_dj_bg.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover}#login .login-box{width:460px;min-height:615px;background:#fff;margin:0 auto;padding-bottom:50px}@media (max-width: 480px) {#login .login-box{width:100%}}#login .login-box .login-facebook{background:#f2f2f2;height:220px;padding-top:50px;padding-left:10%;padding-right:10%;text-align:center}@media (max-width: 480px) {#login .login-box .login-facebook{padding-left:2%;padding-right:2%}}#login .login-box .login-facebook .button-facebook{width:360px;height:60px;background:#3c5696;padding-top:18px;padding-bottom:15px;text-align:center;color:#fff;border-radius:5px;font-size:1.25em;position:relative}#login .login-box .login-facebook .button-facebook span{text-transform:uppercase;display:block;font-weight:900}@media (max-width: 480px) {#login .login-box .login-facebook .button-facebook{width:100%}}#login .login-box .login-facebook .or-bar{height:2px;background:#b0b0b0;width:120px;margin-left:auto;margin-right:auto;margin-top:30px;position:relative}#login .login-box .login-facebook .or-bar span{position:absolute;top:-20px;left:37%;background:#f2f2f2;padding:0 5px;text-transform:lowercase;color:#6e6e6e;font-style:italic;font-size:1.625em}#login .login-signup{text-align:center}#login .login-signup ul{display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;margin-bottom:30px}#login .login-signup ul li{list-style:none;display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;padding-top:0px;margin-right:20px}#login .login-signup ul li:last-child{margin-right:0px}#login .login-signup ul li a{border-top:10px solid #cfcfd0;color:#cfcfd0;line-height:45px;font-weight:700;font-size:1.875em;display:block;width:150px}#login .login-signup ul li a.selected{color:#2ccba2;border-top:10px solid #2ccba2}@media (max-width: 320px) {#login .login-signup ul li a{width:130px}}#login .login-signup ul li .roll:after{width:150px}@media (max-width: 320px) {#login .login-signup ul li .roll:after{width:130px}}#login .login-signup .login{text-align:center}#login .login-signup .row-email,#login .login-signup .row-password,#login .login-signup .row-name{position:relative}#login .login-signup .row-email .fa-user,#login .login-signup .row-email .fa-unlock,#login .login-signup .row-email .fa-envelope,#login .login-signup .row-password .fa-user,#login .login-signup .row-password .fa-unlock,#login .login-signup .row-password .fa-envelope,#login .login-signup .row-name .fa-user,#login .login-signup .row-name .fa-unlock,#login .login-signup .row-name .fa-envelope{position:absolute;left:65px;top:22px}#login .login-form,#login .signup-form{position:relative}#login .alert-name,#login .alert-login{background:rgba(255,255,255,0.7);font-style:italic;text-align:left;padding:20px 20px}#login .alert-login{position:absolute;right:-440px;top:30px;height:80px;width:370px}#login .alert-login:before,#login .alert-login:after{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}#login .alert-login:after{border-right-color:rgba(255,255,255,0.7);border-width:40px;margin-top:-40px}#login .alert-login .i-times{position:absolute;right:15px;top:25px}@media (min-width: 0px) and (max-width: 1344px) {#login .alert-login{position:relative;right:0;display:block;top:0;width:80%;margin:0 auto;height:auto;padding-left:0;padding-right:40px}#login .alert-login:before,#login .alert-login:after{display:none}#login .alert-login .i-times{right:0}#login .alert-login div{width:100%}}#login .alert-name{position:absolute;right:-45px;top:3px;height:60px;width:370px;z-index:1;opacity:0;-webkit-transition:all 0.7s ease;-moz-transition:all 0.7s ease;transition:all 0.7s ease}#login .alert-name:before,#login .alert-name:after{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}#login .alert-name:after{border-right-color:rgba(255,255,255,0.7);border-width:30px;margin-top:-30px}#login .alert-name .i-check{position:absolute;right:15px;top:15px}@media (min-width: 0px) and (max-width: 1344px) {#login .alert-name{right:0!important;top:-10px!important;height:0!important;padding:0 20px;position:relative;overflow:hidden;width:80%;margin:0 auto}}#login .nickname-available{display:none;padding-right:30px}#login .input-name:focus~.alert-name{display:block;right:-440px;top:3px;opacity:1}@media (min-width: 0px) and (max-width: 1344px) {#login .input-name:focus~.alert-name{height:60px!important;padding:20px}}#login .i-times{color:#ef4041;font-size:2em}#login .i-check{color:#31a24e;font-size:2em}#login input{border:2px solid #e1e1e1;border-radius:5px;width:80%;height:60px;margin-bottom:20px;line-height:30px;font-size:1.5em;padding-left:55px;z-index:50;position:relative}#login input::-webkit-input-placeholder{color:#6e6e6e}#login input:-moz-placeholder{color:#6e6e6e}#login input::-moz-placeholder{color:#6e6e6e}#login input:-ms-input-placeholder{color:#6e6e6e}#login input+i{color:#630088;z-index:51}#login input.error{border:2px solid #ef4041;outline:none}#login input.error+i{color:#ef4041}#login input:focus{border:2px solid #630088;color:#630088;outline:none}#login input:focus::-webkit-input-placeholder{color:#630088}#login input:focus:-moz-placeholder{color:#630088}#login input:focus::-moz-placeholder{color:#630088}#login input:focus:-ms-input-placeholder{color:#630088}#login input:focus+i{color:#630088}#login button{width:160px;height:60px;font-size:1.25em;line-height:46px;position:relative}.pagination{position:relative;height:80px;border-radius:3px;overflow:hidden;color:#fff;background:#630088;padding:14px 95px;width:100%}.pagination a,.pagination span{color:#fff}.pagination .prev,.pagination .next{position:absolute;width:90px;height:100%;top:0;background:#2ccba2;z-index:2;padding-top:24px;text-align:center;font-size:2.125em;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}.pagination .prev:hover,.pagination .next:hover{background:#630088}.pagination .prev{left:0}.pagination .next{right:0}.pagination ul{list-style:none;text-align:center;white-space:nowrap}.pagination ul li{display:inline-block;font-size:1.5em;font-weight:900;margin-right:13px;text-transform:uppercase;line-height:1em;vertical-align:middle;border:2px solid transparent;min-width:40px;min-height:40px;-webkit-transition:border 0.5s;-moz-transition:border 0.5s;transition:border 0.5s}.pagination ul li:hover{border:2px solid #b180c4}.pagination ul li:last-child,.pagination ul li:first-child{font-size:1.875em}.pagination ul li.active{background:#2ccba2;border-color:transparent!important}.pagination ul li a,.pagination ul li span{text-decoration:none;padding:8px 13px;display:block}@media (max-width: 800px) {.pagination ul li:last-child,.pagination ul li:first-child{display:none}}@media (max-width: 440px) {.pagination .prev,.pagination .next{width:49.5%}.pagination ul{display:none}}.input-search-1{background:#fff;padding:13px;padding-left:74px;padding-right:44px;border-radius:5px;position:relative}.input-search-1:before{content:"\f002";position:absolute;left:39px;color:#630088;font-size:1.125em;top:20px}.input-search-1 input[type="text"]{width:100%;display:block;font-size:1.5em;font-weight:400;color:#6e6e6e;border:none;background:none;outline:none!important}.input-search-1 input[type="text"]::-webkit-input-placeholder{color:#6e6e6e}.input-search-1 input[type="text"]:-moz-placeholder{color:#6e6e6e}.input-search-1 input[type="text"]::-moz-placeholder{color:#6e6e6e}.input-search-1 input[type="text"]:-ms-input-placeholder{color:#6e6e6e}.activity{*zoom:1}.activity:before,.activity:after{content:" ";display:table}.activity:after{clear:both}.activity strong,.activity a,.activity b{color:#2ccba2;font-weight:700}.activity .title{font-size:1.5em;font-weight:400;color:#fff;margin-bottom:16px;line-height:1.83333em;*zoom:1}.activity .title:before,.activity .title:after{content:" ";display:table}.activity .title:after{clear:both}.activity .title .avatar{float:left;width:51px;height:51px;margin-right:15px}.activity .title .avatar img{width:100%;height:100%;display:block}.activity>.content{padding-left:13%;padding-right:10px;*zoom:1}.activity>.content:before,.activity>.content:after{content:" ";display:table}.activity>.content:after{clear:both}.activity>.content>div{margin-right:14px;float:left}.activity .text{float:none;display:inline;vertical-align:top;margin-right:0;padding-top:9px;font-size:1em;font-weight:400}.activity .image{width:100px;height:100px}.activity .image img{width:100%;height:100%}.activity .video{margin-right:0;position:relative;width:100%;padding-bottom:56.25%}.activity .video iframe,.activity .video video,.activity .video object{position:absolute;top:0;left:0;width:100%;height:100%}.activity .avatar-list{margin-bottom:10px}.activity .avatar-list img{width:80px;height:80px;display:inline-block;margin-right:10px}.activity .text2{font-size:1.5em;line-height:25px}.metalcs{padding:0 10px;margin-bottom:5px}.mem_act_suff strong{margin:25px 0 5px;display:inline-block}.youtube_full_container_medium{margin-bottom:25px}.meta_comment_photo img{margin-right:5px}.activity .text2 a{font-weight:600;font-style:italic}.activity .text2 strong{color:#fff;text-transform:uppercase}@media (max-width: 460px) {.activity .text{display:block;clear:both}.activity .text>div{padding-top:0}}@media (max-width: 505px) {.activity .title{line-height:1em;font-size:1.125em}}.box-white{background:#fff;box-shadow:0px 1px 0px 1px #e5e5e5;border-radius:1px;margin-bottom:10px}.box-white.no-shadow{box-shadow:none}.box-white.no-background{background:none}.box-white.relative,.box-white .relative{position:relative}.box-white.padding,.box-white .padding{padding:23px 27px}.box-white .border-bottom{border-bottom:1px solid #e9e9e9}.box-white>.content{padding-bottom:60px;padding-left:30px;padding-right:30px}.box-title{font-size:1.875em;font-weight:900}.box-title.padding,.box-title .padding{padding:23px 27px}.event-date>span{display:block;font-size:1.25em;font-weight:900;line-height:1em;text-transform:uppercase}.event-where span{font-size:1em;line-height:1em;}.event-where span strong{font-weight:900}.event-where i{vertical-align:middle}.event-name h2{font-size:1.5625em;font-weight:400;text-transform:uppercase}.event-name h2 a{color:#2ccba2;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease}.event-name h2 a:hover{color:#630088}.event-where.event-name h2 span{font-size:0.64em;text-transform:none;padding-top:5px}.event-where.event-name h2 span i{vertical-align:bottom}.event-buttons button{margin-bottom:22px;padding:7px 24px 10px;font-size:1em;position:relative}.event-buttons button.vertical-center{margin-top:25px}.event-buttons>span,.event-buttons>a{text-decoration:none;color:#630088;text-transform:uppercase;font-size:0.8125em;font-weight:700;display:block;margin-bottom:5px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease}a.disabled{color:#D7D7D7!important;}a.disabled-dark{color:#4D4D4D!important;}.event-buttons>span:hover,.event-buttons>a:hover{color:#2ccba2}.event-buttons i{font-weight:400;vertical-align:baseline}.time-line{padding:10px;padding-left:8%;background:#2f2b31;color:#fff}.time-line>ul{list-style:none}.time-line>ul>li{position:relative;border-left:4px solid #fff;min-height:50px;padding-left:28px;padding-top:12px;padding-bottom:40px}.time-line>ul>li:before{position:absolute;top:0;left:-17px;width:28px;height:28px;border-radius:20px;border:4px solid #fff;background:#2f2b31;content:""}.carrousel-dj{overflow:hidden}.carrousel-dj .box-title{position:absolute;top:0;left:0;z-index:10}.carrousel-dj .swiper-slide{float:left;width:272px;padding-left:2px}.carrousel-dj .swiper-wrapper{height:auto!important}.carrousel-dj .dj-box{float:left;width:100%}.carrousel-dj .dj-box .name{padding:15px 26px 21px}.carrousel-dj .carrousel-scrollbar{position:absolute;bottom:10px;left:10px;right:10px;height:8px;background:#828083;background:rgba(255,255,255,0.4)}.carrousel-dj .onboard-scrollbar{position:absolute;bottom:10px;left:10px;right:10px;height:8px;background:#828083;background:rgba(255,255,255,0.4)}.carrousel-dj .carrousel-scrollbar .swiper-scrollbar-drag{background:#2ccba2;border-radius:0!important}.carrousel-dj .onboard-scrollbar .swiper-scrollbar-drag{background:#2ccba2;border-radius:0!important}#front-page.world-front-page{min-height:370px;padding-bottom:0!important;height:auto!important}#front-page.world-front-page iframe{position:absolute;top:0;left:0;height:100%!important;width:100%!important}#front-page.world-front-page .box{min-height:210px!important}#front-page.world-front-page .breadcrumbs{float:left;margin-bottom:20px}#front-page.world-front-page .breadcrumbs li{list-style:none;display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;vertical-align:top;float:left}#front-page.world-front-page .breadcrumbs li a{color:#fff;padding:11px 11px;display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto}#front-page.world-front-page .breadcrumbs li a.world-first{background:#630088;-webkit-transition:background 0.5s ease;-moz-transition:background 0.5s ease;transition:background 0.5s ease}#front-page.world-front-page .breadcrumbs li a.world-first:hover{background:#2ccba2}#front-page.world-front-page .breadcrumbs li a.world-state{background:#2ccba2;-webkit-transition:background 0.5s ease;-moz-transition:background 0.5s ease;transition:background 0.5s ease}#front-page.world-front-page .breadcrumbs li a.world-state:hover{background:#630088}#front-page.world-front-page .breadcrumbs li.arrow{background:#80409e}#front-page.world-front-page .breadcrumbs li.arrow:after{content:"\f101";font-family:'fontawesome';line-height:40px;padding-left:10px;padding-right:10px}#front-page.world-front-page .promote-create{float:right}#front-page.world-front-page .promote-create .button-white{width:180px;height:50px;margin-right:10px;margin-bottom:10px;font-size:0.8125em;overflow:hidden;position:relative;line-height:43px}#front-page.world-front-page .promote-create .button-white span i{margin-right:5px}.world-layout .dj-slider{padding:0 5px}.world-layout .dj-slider .dj-box{width:20%;float:left}.world-layout .column-2 #banner{width:100%}@media (max-width: 1280px) {.world-layout .column-2 #banner{width:27%}}@media (max-width: 768px) {.world-layout .column-2 #banner{width:48%}}@media (max-width: 480px) {.world-layout .column-2 #banner{width:100%}}//  // .top-local-labels {// padding: 30px 0px 50px 20px; // width: 100%; // padding-bottom: 40px}//  // .top-local-labels h3 {// font-size: 1.875em; // line-height: 30px; // margin-bottom: 10px}//  // .top-local-labels a {// margin-right: 10px; // margin-bottom: 10px; // display: block; // float: left; // background: #000}//  // .top-local-labels a img {// width: 48px; // height: 48px; // display: block; // -webkit-transition: opacity 0.5s; // -moz-transition: opacity 0.5s; // transition: opacity 0.5s}//  // .top-local-labels a img:hover {// opacity: 0.7}// @media (max-width: 1280px) {//  // .top-local-labels {// width: 28%; // display: inline-block; // vertical-align: baseline; // zoom: 1; // *display: inline; // *vertical-align: auto}
}
// @media (max-width: 768px) {//  // .top-local-labels {// width: 50%}
}
// @media (max-width: 480px) {//  // .top-local-labels {// width: 100%}
}
// //.top-local-venues {// padding: 30px 20px 50px 20px; // width: 100%}
//  // .top-local-venues h3 {// font-size: 1.875em; // line-height: 30px; // margin-bottom: 25px}
//  // .top-local-venues .images-venues {// width: 100%}
//  // .top-local-venues .images-venues a {// background-color: #000; // margin-bottom: 20px; // margin-right: 8%; // float: left; // width: 46%}
//  // .top-local-venues .images-venues a:nth-child(even) {// margin-right: 0}
//  // .top-local-venues .images-venues a:hover img {// opacity: 0.4}
//  // .top-local-venues .images-venues a img {// opacity: 1; // display: block; // width: 100%; // display: block; // -webkit-transition: all 0.5s; // -moz-transition: all 0.5s; // transition: all 0.5s}
// @media (max-width: 1280px) {//  // .top-local-venues {// width: 42%; // display: inline-block; // vertical-align: baseline; // zoom: 1; // *display: inline; // *vertical-align: auto; // vertical-align: top; // margin-right: 0.8%}
//  // .top-local-venues .images-venues a {// width: 25%; // margin-right: 20px}
//  // .top-local-venues .images-venues a:nth-child(even) {// margin-right: 20px}
}
// @media (max-width: 768px) {//  // .top-local-venues {// width: 100%}
}
 .top-local-promoters, .top-local-venues, .top-local-labels, .promoters {width: 100%; display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; vertical-align: top; margin-right: 0.5%}
 .top-local-promoters h3, .top-local-venues h3, .top-local-labels h3, .promoters h3, .h3big h3 {margin-bottom: 25px; font-size: 1.875em; line-height: 30px}
 .top-local-promoters ul, .top-local-venues ul, .top-local-labels ul, .promoters ul {margin-left: 10px}
 .top-local-promoters ul li, .top-local-venues ul li, .top-local-labels ul li, .promoters ul li {list-style: none; width: 30%; margin-bottom: 10px; display: inline-block; vertical-align: top; zoom: 1; *display: inline; *vertical-align: top}
@media (max-width: 1280px) { .top-local-promoters ul li, .top-local-venues ul li, .top-local-labels ul li, .promoters ul li {width: 48%}
}
@media (max-width: 480px) { .top-local-promoters ul li, .top-local-venues ul li, .top-local-labels ul li, .promoters ul li {width: 100%}
}
 .top-local-promoters ul li a, .top-local-venues ul li a, .top-local-labels ul li a, .promoters ul li a {width: 100%; color: #2ccba2; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease}
 .top-local-promoters ul li a span, .top-local-venues ul li a span, .top-local-labels ul li a span, .promoters ul li a span {float: left; margin-right: 10px; background: #000; width: 50px; height: 50px}
 .top-local-promoters ul li a span img, .top-local-venues ul li a span img, .top-local-labels ul li a span img, .promoters ul li a span img {width: 100%; height: 100%; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s}
 .top-local-promoters ul li a h4, .top-local-venues ul li a h4, .top-local-labels ul li a h4, .promoters ul li a h4 {font-weight: 400; font-size: 1.25em; float: left; width: 60%}
 .top-local-promoters ul li a:hover, .top-local-venues ul li a:hover, .top-local-labels ul li a:hover, .promoters ul li a:hover {color: #630088}
 .top-local-promoters ul li a:hover img, .top-local-venues ul li a:hover img, .top-local-labels ul li a:hover img, .promoters ul li a:hover img {opacity: 0.7}
 .top-local-promoters img, .top-local-venues img, .top-local-labels img, .promoters img {width: 60px; height: 60px}
@media (max-width: 768px) { .top-local-promoters, .top-local-venues, .top-local-labels, .promoters {width: 100%}
}
 .promoters {width: 100%}
@media (max-width: 1280px) { .promoters {width: 70%}
}
@media (max-width: 800px) { .promoters {width: 100%}
}
 .promoters ul li {width: 100%}
@media (max-width: 1280px) { .promoters ul li {width: 30%}
}
@media (max-width: 1024px) { .promoters ul li {width: 48%}
}
@media (max-width: 480px) { .promoters ul li {width: 100%}
}
 .top-local-members {padding: 30px 5px 50px 20px; width: 100%; display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; vertical-align: top}
 .top-local-members h3 {font-size: 1.875em; line-height: 30px; margin-bottom: 10px}
 .top-local-members a {margin-right: 10px; margin-bottom: 10px; display: block; float: left; background: #000}
 .top-local-members a img {width: 48px; height: 48px; display: block; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s}
 .top-local-members a img:hover {opacity: 0.7}
@media (max-width: 768px) { .top-local-members {width: 100%; margin-bottom: 0px}
}
 .venue-front-page {min-height: 449px; padding-bottom: 0 !important; height: auto !important}
 .venue-front-page .followers.version2 {display: none !important}
 .venue-front-page iframe {position: absolute; top: 0; left: 0; height: 100% !important; width: 100% !important}
 .venue-front-page .box {min-height: 300px !important; padding: 35px 0px 10px 30px; padding-left: 220px; padding-bottom: 100px}
 .venue-front-page .col-1 {position: absolute; left: 30px; top: 35px}
 .venue-front-page .info-extra li {list-style: none; display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; margin-right: 15px}
 .venue-front-page .info-extra a {color: #ffffff; font-size: 1.1875em; font-weight: 400; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease}
 .venue-front-page .info-extra a:hover {color: #630088}
 .venue-front-page .info-extra a i {width: 30px}
 .venue-front-page .row-bottom {position: absolute; bottom: 10px; left: 220px}
 .venue-front-page .row-bottom .followers, .venue-front-page .row-bottom .image-followers, .venue-front-page .row-bottom .button-follow, .venue-front-page .row-bottom .social-venue {display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; vertical-align: bottom}
 .venue-front-page .image-venue {margin-right: 2%}
 .venue-front-page .followers {margin-bottom: 0px; margin-right: 30px; float: left}
 .venue-front-page .image-followers {margin-right: 15px}
 .venue-front-page .image-followers a {float: left; background: #000; display: block; margin-right: 8px; width: 50px; height: 50px}
 .venue-front-page .image-followers img {width: 100%; height: 100%; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s}
 .venue-front-page .image-followers img:hover {opacity: 0.7}
 .venue-front-page .social-venue {text-align: right; position: absolute; right: 0; bottom: 10px}
 .venue-front-page .social-venue li {list-style: none; display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; margin-bottom: 0px; margin-right: 30px}
 .venue-front-page .social-venue li a {line-height: 60px; color: #ffffff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease}
 .venue-front-page .social-venue li a:hover {color: #630088}
 .venue-front-page .button-follow {color: #ffffff; font-size: 1.25em; font-weight: 900; height: 60px; width: 150px; line-height: 50px}
@media (max-width: 1200px) { .venue-front-page .social-venue {padding-right: 10px; text-align: left}
 .venue-front-page .social-venue li {display: block; margin-right: 0}
 .venue-front-page .social-venue li a {line-height: 30px}
 .venue-front-page .social-venue li a i {vertical-align: middle}
 .venue-front-page .social-venue li:first-child {margin-bottom: 5px}
}
@media (max-width: 1050px) { .venue-front-page {padding-bottom: 135px}
 .venue-front-page .box {padding-bottom: 135px}
 .venue-front-page .row-bottom .image-followers {margin-bottom: 10px}
 .venue-front-page .row-bottom .button-follow {display: block}
 .venue-front-page .social-venue {width: 250px}
 .venue-front-page .social-venue li {width: 50%; float: left}
}
@media (max-width: 768px) { .venue-front-page .box {padding-bottom: 10px; padding-right: 10px}
 .venue-front-page .col-2 .title-venue .info-extra ul li {margin-right: 0; display: block; margin-bottom: 5px}
 .venue-front-page .row-bottom {position: static}
 .venue-front-page .row-bottom .image-followers {margin-bottom: 10px}
 .venue-front-page .row-bottom .image-followers a {margin-bottom: 10px}
 .venue-front-page .row-bottom .button-follow {width: 100%; margin-bottom: 20px}
 .venue-front-page .social-venue {position: static; overflow: hidden; width: 100%; padding-right: 0}
}
@media (max-width: 640px) { .venue-front-page .followers.version2 {display: block !important}
 .venue-front-page .followers.version1 {display: none !important}
 .venue-front-page .followers {width: 100%; max-width: none; height: auto; padding: 10px 0; margin-top: 20px; margin-bottom: 20px}
 .venue-front-page .followers .numbers {display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; vertical-align: middle; margin: 0; line-height: 1em; font-size: 1.875em}
 .venue-front-page .followers span {display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; font-size: 1em !important; vertical-align: middle}
 .venue-front-page .box {padding: 30px 30px}
 .venue-front-page .col-1 {position: static; width: 100%; margin-bottom: 10px; overflow: hidden}
 .venue-front-page .col-1 .image-venue {float: left}
 .venue-front-page .col-2 {clear: both}
}
@media (max-width: 420px) { .venue-front-page {min-height: 890px !important}
 .venue-front-page .box .col-1 .image-venue {margin-bottom: 10px}
}
  #header {background: #ffffff; border-bottom: 1px solid #f2f2f2; height: auto}
 .link-home {padding-left: 8%; float: left}
 .link-home #logo {line-height: 59px; font-size: 1.5625em}
 #navbar {position: absolute; right: 0}
 #navbar .grp-menu-navbar {vertical-align: top; float: left}
@media (max-width: 960px) { #navbar .grp-menu-navbar {display: none}
 #navbar .button-search {display: none}
 #navbar .button-menu {display: inline-block !important}
}
 #navbar .navbar-menu {margin-right: 1em; display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto}
 #navbar ul {vertical-align: top}
 #navbar ul li {display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; margin-right: 2px; height: 60px}
 #navbar ul li.navbar-item {position: relative}
 #navbar ul li a {display: block; font-size: 1.25em; padding: 16px 10px; color: #2f2b31; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; margin: auto 0; height: 100%}
@media (max-width: 1024px) { #navbar ul li a {font-size: 1em}
}
@media (max-width: 960px) { #navbar ul li a {font-size: 0.875em}
}
 #navbar ul li a.selected {color: #80409e}
 #navbar ul li a.selected .triangle {border-bottom: 10px solid #2ccba2;  border-left: 10px solid transparent;  border-right: 10px solid transparent;  bottom: -3px; font-size: 0; height: 0; left: 0; line-height: 0; margin-left: auto; margin-right: auto; position: absolute; right: 0; width: 0}
 #navbar ul li a:hover {color: #2ccba2}
 #navbar ul .info-account li:nth-last-child(1) {margin-right: 0}
 #navbar ul .info-account i {margin-right: 15px}
 #navbar ul .info-account a {color: #2ccba2}
 #navbar ul .info-account a:hover {color: #7d2a9c}
 #navbar .navbar-login {display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto}
 .grp-button {display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; float: right}
 .grp-button i {font-size: 1em}
 .world-navbar-menu {cursor: pointer}
 #world {position: absolute; z-index: 1000; top: 60px; right: 30%; background-color: #ffffff; border: 1px solid #f2f2f2; display: none}
 #world h3 {color: #80409e; font-size: 1.125em; text-transform: uppercase}
 #world .date, #world .where-artist {display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; vertical-align: top}
 #world .date {margin-right: 10px}
 #world .day, #world .month {font-size: 1.75em; line-height: 28px; color: #6e6e6e; text-transform: uppercase}
 #world .new-event:hover, #world .new-dj:hover {background: #f2f2f2}
 #world .new-event .where-artist a {padding: 0}
 #world .new-event .where-artist .artist-name {font-size: 1.875em; font-weight: 400; text-transform: uppercase; line-height: 30px; margin-bottom: 2px}
 #world .new-event .where-artist .where-title {font-size: 0.9375em}
 #world .new-event .where-artist .where-title i {margin-right: 5px}
 #world .new-event, #world .new-dj {border-bottom: 1px solid #f2f2f2; padding: 30px 20px}
 #world .new-dj {border-bottom: 1px solid #f2f2f2}
 #world .new-dj a {padding: 0}
 #world .new-dj .dj-name {font-weight: 400; text-transform: uppercase; font-size: 1.25em}
 #world .new-dj .music-tags {background: #2ccba2; font-size: 1.125em; text-transform: uppercase; border-radius: 5px; width: 70px; text-align: center; padding: 10px 0; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease}
 #world .new-dj .music-tags:hover {background: #80409e}
 #world .new-dj .music-tags a {color: #ffffff; font-size: 0.875em}
 #world .new-dj .music-tags a:hover {color: #ffffff}
 #world .world-menu-options div {text-align: center}
 #world .go-to, #world .change-city {background: transparent; border: 0px solid transparent; color: #2ccba2; margin-bottom: 20px}
 #world .go-to {margin-top: 40px; border-radius: 5px; border: 3px solid #2ccba2; text-transform: uppercase; padding: 10px 15px; overflow: hidden; position: relative}
 #world .go-to span {font-weight: 900; font-family: 'Source Sans Pro', sans-serif}
 #world .change-city {font-weight: 900; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; outline: none}
 #world .change-city:hover {color: #80409e}
 .button-header-mobile {background: none; border: 0; color: #2ccba2; font-size: 1.25em; float: right; outline: none; height: 60px; width: 69px}
@media (max-width: 480px) { .button-search {display: none}
}
 .button-header {margin: 0; margin-left: 9px; background: #2ccba2; border: 0; height: 60px; width: 69px; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease}
 .button-header i {color: #7d2a9c}
 .button-header:hover {background: #7d2a9c}
 .button-header:hover i {color: #2ccba2}
 #notifications {position: absolute; background: #272429; background: #2f2b31; width: 400px; right: 0px; z-index: 1; font-size: 0.875em; top: 0; min-height: 100%; max-width: 100%}
 #notifications .go-to-web {padding-top: 15px; padding-left: 20px; text-align: right; padding-right: 20px; cursor: pointer; background: #272429}
 #notifications .go-to-web i {color: #2ccba2; font-size: 1.875em; line-height: 25px}
 #notifications .go-to-web i:hover {color: #630088}
 #notifications .grp-item-activity {overflow: auto; height: 100%; max-height: 380px; min-height: 100px; padding-bottom: 60px; font-size:110% }
 #notifications .title-activity {padding-top: 30px}
 #notifications .title-activity, #notifications .title-account {color: #2ccba2; margin-bottom: 35px; vertical-align: top}
 #notifications .title-activity .notication-triangle-right, #notifications .title-account .notication-triangle-right {border-bottom: 10px solid transparent;  border-left: 10px solid #2ccba2;  border-right: 10px solid transparent;  border-top: 10px solid transparent; font-size: 0; height: 0; line-height: 0; margin-left: auto; margin-right: auto; width: 0; display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; content: ""}
 #notifications .title-account, #notifications .account-menu {padding-top: 30px; display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; vertical-align: top}
 #notifications .title-account {margin-right: 100px}
 #notifications .account-menu i {color: #954bb8; font-size: 1.25em; margin-left: 20px}
 #notifications .item-activity {padding-left: 20px; margin-bottom: 40px; color: #6e6e6e}
 #notifications .activity-notification {padding-right: 20px; background: #272429}
 #notifications .account-notification {background-color: #2f2b31; bottom: 0; right: 0; left: 0; height: 50%}
 #notifications .account-notification li {display: block}
 #notifications .account-notification .item-account {padding-left: 20px; overflow: auto; margin-right: 20px}
 #notifications .account-notification .item-account a {color: #676767; padding: 5px; font-weight: 900; font-size: 1em}
 #notifications .account-notification .item-account a:hover {color: #630088}
 #footer {padding: 0 5%; margin-top: 80px}
 #footer h4 {color: #2ccba2; margin-bottom: 55px; font-size: 1.375em}
 #footer ul {width: 21%; padding-left: 0; vertical-align: top; margin-bottom: 30px}
@media (max-width: 960px) { #footer ul {width: 33%; margin-bottom: 70px}
}
@media (max-width: 640px) { #footer ul {width: 48%}
}
 #footer ul li {list-style: none; margin-bottom: 15px}
 #footer ul li:hover {color: #2ccba2}
 #footer ul li a {color: #282828; font-size: 1.25em; font-weight: 300}
 #footer ul li a:hover {color: #2ccba2}
 #footer ul li.phone {margin-top: 42px}
 #footer ul li.phone i {font-size: 1.875em; color: #630088}
 #footer ul li.phone i:hover {color: #2ccba2}
 #footer ul li#link_to_app a {font-weight: 400; color: #630088}
 #footer ul li#link_to_app a:hover {color: #2ccba2}
 #footer #social {width: 14%}
@media (max-width: 960px) { #footer #social {width: 33%}
}
@media (max-width: 640px) { #footer #social {width: 100%}
}
 #footer #social i {margin-right: 5px; color: #630088}
 #footer #social i:hover {color: #2ccba2}
 #copyright {border-top: 1px solid #e9e9e9; text-align: center; height: 175px; text-align: middle}
@media (max-width: 640px) { #copyright {margin-top: 0px}
}
 #copyright .legend {margin-top: 80px; color: #afafaf}
 .mask {position: fixed; top: 0; left: 0; background: #000; opacity: .4; z-index: 600; right: 400px}
 .dj-list {*zoom: 1; padding: 6px}
 .dj-list:before, .dj-list:after {content: " "; display: table}
 .dj-list:after {clear: both}
 .dj-list .dj-box {width: 19.5%; float: left; padding: 0; height: 380px; overflow: hidden; margin: 2px; background: #2f2b31}
@media (max-width: 1024px) { .dj-list .dj-box {width: 24.5%}
}
@media (max-width: 800px) { .dj-list .dj-box {width: 33%}
}
@media (max-width: 640px) { .dj-list .dj-box {width: 49.5%}
}
@media (max-width: 400px) { .dj-list .dj-box {width: 99.5%}
}
 .ranking-front-page .box {padding-bottom: 0 !important}
 .ranking-front-page .misc {margin-top: 40px; margin-left: 6px; margin-bottom: 16px; *zoom: 1}
 .ranking-front-page .misc:before, .ranking-front-page .misc:after {content: " "; display: table}
 .ranking-front-page .misc:after {clear: both}
 .ranking-front-page .misc .input-search-1, .ranking-front-page .misc .drop-down {float: left}
 .ranking-front-page .misc .input-search-1 {width: 43.7%; margin-right: 20px}
 .ranking-front-page .misc .drop-down {width: 170px; margin-right: 20px}
@media (max-width: 960px) { .ranking-front-page .misc .input-search-1 {width: 100%; margin-right: 0; margin-bottom: 10px}
}
@media (max-width: 640px) { .ranking-front-page .misc .drop-down {width: 48%; margin: 0 1%}
}
 .dashboard-layout > .content, .world-layout > .content {position: relative; *zoom: 1; padding: 5px; padding-top: 10px; display: table}
 .dashboard-layout > .content:before, .world-layout > .content:before, .dashboard-layout > .content:after, .world-layout > .content:after {content: " "; display: table}
 .dashboard-layout > .content:after, .world-layout > .content:after {clear: both}
 .dashboard-layout .column-1, .world-layout .column-1, .dashboard-layout .column-2, .world-layout .column-2 {padding: 0 5px; overflow: hidden; display: table-cell}
 .dashboard-layout .column-2, .world-layout .column-2 {top: 0; width: 42.867487328023174%; background: #2f2b31}
 .dashboard-layout .column-2 .box, .world-layout .column-2 .box {background: #2f2b31; min-height: 600px; height: 100%}
 .dashboard-layout .column-2 .event-where, .world-layout .column-2 .event-where {padding-top: 22px}
 .dashboard-layout .column-1, .world-layout .column-1 {width: 57.132512671976826%}
 .dashboard-layout .column-1 #videos, .world-layout .column-1 #videos {margin-bottom: 0 !important; display: block !important}
 .dashboard-layout .column-1 #videos img, .world-layout .column-1 #videos img {min-height: 200px}
 .dashboard-layout .rows, .world-layout .rows {list-style: none; padding-bottom: 53px}
 .dashboard-layout .rows li, .world-layout .rows li {*zoom: 1; padding: 27px 3.45%; border-bottom: 1px solid #e9e9e9}
 .dashboard-layout .rows li:before, .world-layout .rows li:before, .dashboard-layout .rows li:after, .world-layout .rows li:after {content: " "; display: table}
 .dashboard-layout .rows li:after, .world-layout .rows li:after {clear: both}
 .dashboard-layout .rows .col, .world-layout .rows .col {float: left; width: 12%}
 .dashboard-layout .rows .col .event-date span, .world-layout .rows .col .event-date span {font-size: 1.75em}
 .dashboard-layout .rows .col:nth-child(1), .world-layout .rows .col:nth-child(1) {width: 12%; min-width: 64px}
 .dashboard-layout .rows .col:nth-child(2), .world-layout .rows .col:nth-child(2) {width: 12.2%; margin-right: 3%; min-width: 80px}
 .dashboard-layout .rows .col:nth-child(2) a, .world-layout .rows .col:nth-child(2) a {background: #000000}
 .dashboard-layout .rows .col:nth-child(2) a:hover img, .world-layout .rows .col:nth-child(2) a:hover img {opacity: 0.8}
 .dashboard-layout .rows .col:nth-child(2) img, .world-layout .rows .col:nth-child(2) img {width: 100%; display: block; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; transition: opacity 0.5s ease}
 .dashboard-layout .rows .col:nth-child(3), .world-layout .rows .col:nth-child(3) {width: 57%; margin-right: 1.5%}
 .dashboard-layout .rows .col:nth-child(3) .event-name h2, .world-layout .rows .col:nth-child(3) .event-name h2 {min-height: 73px}
 .dashboard-layout .rows .col:nth-child(3) .event-name strong a, .world-layout .rows .col:nth-child(3) .event-name strong a {color: #000}
 .dashboard-layout .rows .col:nth-child(4), .world-layout .rows .col:nth-child(4) {width: 14%}
@media (max-width: 900px) { .dashboard-layout > .content, .world-layout > .content {display: block}
 .dashboard-layout .column-1, .world-layout .column-1, .dashboard-layout .column-2, .world-layout .column-2 {display: block; width: 100%}
 .dashboard-layout .column-1, .world-layout .column-1 {margin-bottom: 10px; padding-right: 0; padding-left: 0}
}
@media (max-width: 1245px) and (min-width: 900px), (max-width: 715px) and (min-width: 505px) { .dashboard-layout .rows .col:nth-child(3), .world-layout .rows .col:nth-child(3) {width: 65%; margin-right: 0}
 .dashboard-layout .rows .col:nth-child(4), .world-layout .rows .col:nth-child(4) {width: 100%; padding-top: 10px; float: none; text-align: center; clear: both}
 .dashboard-layout .rows .col:nth-child(4) > div button, .world-layout .rows .col:nth-child(4) > div button, .dashboard-layout .rows .col:nth-child(4) > div a, .world-layout .rows .col:nth-child(4) > div a {display: inline-block; vertical-align: middle; margin-bottom: 10px; margin-right: 10px}
}
@media (max-width: 505px) { .dashboard-layout .rows .col:nth-child(1), .world-layout .rows .col:nth-child(1) {width: auto}
 .dashboard-layout .rows .col:nth-child(1) span, .world-layout .rows .col:nth-child(1) span {display: inline-block; margin-right: 5px}
 .dashboard-layout .rows .col:nth-child(1) .event-date, .world-layout .rows .col:nth-child(1) .event-date {margin-top: 27px}
 .dashboard-layout .rows .col:nth-child(2), .world-layout .rows .col:nth-child(2) {margin-bottom: 10px; width: 24%; float: right; margin-right: 0; min-width: 0}
 .dashboard-layout .rows .col:nth-child(2) h2, .world-layout .rows .col:nth-child(2) h2 {font-style: 1.25em}
 .dashboard-layout .rows .col:nth-child(3), .world-layout .rows .col:nth-child(3) {width: 100%; clear: both}
 .dashboard-layout .rows .col:nth-child(4), .world-layout .rows .col:nth-child(4) {width: 100%; padding-top: 10px; float: none; text-align: center; clear: both}
 .dashboard-layout .rows .col:nth-child(4) > div button, .world-layout .rows .col:nth-child(4) > div button, .dashboard-layout .rows .col:nth-child(4) > div a, .world-layout .rows .col:nth-child(4) > div a {display: inline-block; vertical-align: middle; margin-bottom: 10px; margin-right: 10px}
 .dashboard-layout .rows .col:nth-child(4) > div button:last-child, .world-layout .rows .col:nth-child(4) > div button:last-child, .dashboard-layout .rows .col:nth-child(4) > div a:last-child, .world-layout .rows .col:nth-child(4) > div a:last-child {margin-right: 0px}
 .dashboard-layout .rows .col:nth-child(4) button, .world-layout .rows .col:nth-child(4) button {width: 60px; padding: 10px 0 10px}
 .dashboard-layout .activity .title, .world-layout .activity .title {line-height: 1em; font-size: 1.125em}
}
@media (max-width: 460px) { .dashboard-layout .activity .text, .world-layout .activity .text {display: block; clear: both}
 .dashboard-layout .activity .text > div, .world-layout .activity .text > div {padding-top: 0}
}
@media (max-width: 1100px) { .dashboard-layout #mixes-tracks ul li, .world-layout #mixes-tracks ul li {font-size: 0.8em}
}
@media (max-width: 480px) { .dashboard-layout #mixes-tracks ul li, .world-layout #mixes-tracks ul li {font-size: 0.5em}
}
 #front-page-min.dashboard-front-page .centered {padding-right: 90px}
@media (min-width: 540px) and (max-width: 600px) { #front-page-min.dashboard-front-page .centered .labels li {width: 100%; float: none}
 #front-page-min.dashboard-front-page .centered .labels li > a, #front-page-min.dashboard-front-page .centered .labels li > div {width: 100%}
}
@media (max-width: 539px) { #front-page-min.dashboard-front-page .centered {padding-left: 27px !important}
 #front-page-min.dashboard-front-page .avatar {position: static !important; width: 80px; height: 80px; float: left; margin-right: 10px; margin-bottom: 10px}
 #front-page-min.dashboard-front-page h3 {margin-left: 0; clear: both}
#front-page-min. h3 a {color: #ffffff !important}
 #front-page-min.dashboard-front-page .labels {margin-left: 0}
 #front-page-min.dashboard-front-page .labels li {width: 100%; float: none}
 #front-page-min.dashboard-front-page .labels li > a, #front-page-min.dashboard-front-page .labels li > div {width: 100%}
}
 .world-layout ul.tabs-button, .world-layout #mixes-tracks ul, #mixes-tracks .world-layout ul {position: absolute; top: 0; z-index: 10; left: 24px}
 .world-layout ul.tabs-button li a, .world-layout #mixes-tracks ul li a, #mixes-tracks .world-layout ul li a {color: #fff}
 .world-layout ul.tabs-button li a.selected, .world-layout #mixes-tracks ul li a.selected, #mixes-tracks .world-layout ul li a.selected {color: #2ccba2}
 .world-layout ul.tabs-button li a span, .world-layout #mixes-tracks ul li a span, #mixes-tracks .world-layout ul li a span {padding-top: 10px !important}
 .world-layout ul.tabs-button li a span:after, .world-layout #mixes-tracks ul li a span:after, #mixes-tracks .world-layout ul li a span:after {padding: 5px 2px}
 .world-layout > .content {position: relative; *zoom: 1; padding: 5px; display: block}
 .world-layout > .content:before, .world-layout > .content:after {content: " "; display: table}
 .world-layout > .content:after {clear: both}
 .world-layout .column-2 {top: 0; width: 27%; background: inherit}
 .world-layout .column-1 {width: 73%}
 .world-layout .column-1, .world-layout .column-2 {padding: 5px; display: block; float: left}
@media (max-width: 1280px) { .world-layout > .content {padding-right: 0}
 .world-layout .column-1 {width: 100%; margin-bottom: 0}
 .world-layout .column-2 {width: 100%}
}
 .profile-layout > .content {position: relative; *zoom: 1; padding: 5px}
 .profile-layout > .content:before, .profile-layout > .content:after {content: " "; display: table}
 .profile-layout > .content:after {clear: both}
 .profile-layout .column-1, .profile-layout .column-2 {padding: 5px; padding-bottom: 0; float: left; overflow: hidden}
 .profile-layout .column-2 {top: 0; width: 44.20%}
 .profile-layout .banner {margin-right: 0}
 .profile-layout .banner:first-child {margin-right: 3%}
 .profile-layout .box {background: #2f2b31; padding-bottom: 20px; height: 100%; margin-bottom: 10px}
 .profile-layout .box .time-line {padding-left: 6%; padding-right: 25px}
 .profile-layout .event-name h2 a:first-child {display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; min-height: 0 !important}
 .profile-layout #videos {display: block !important}
 .profile-layout #videos img {min-height: 200px}
 .profile-layout #mixes-tracks {height: auto !important}
 .profile-layout .column-1 {width: 55.8%}
 .profile-layout .rows {list-style: none; padding-bottom: 53px}
 .profile-layout .rows li {*zoom: 1; padding: 13px 3.45%; position: relative; padding-left: 100px; padding-right: 115px}
 .profile-layout .rows li:before, .profile-layout .rows li:after {content: " "; display: table}
 .profile-layout .rows li:after {clear: both}
 .profile-layout .rows .col {float: left; width: 12%}
 .profile-layout .rows .col .event-date span {font-size: 1.75em}
 .profile-layout .rows .col:nth-child(1) {width: 80px; position: absolute; left: 3.45%}
 .profile-layout .rows .col:nth-child(2) {width: 100%; margin-right: 1.5%}
 .profile-layout .rows .col:nth-child(2) .event-name h2 {min-height: 73px}
 .profile-layout .rows .col:nth-child(3) {width: 90px; position: absolute; right: 3.45%}
@media (max-width: 480px) { .profile-layout .event-name h2 a:first-child {white-space: normal; font-size: 0.7em !important}
 .profile-layout .rows li {padding-left: 3.45%; padding-right: 3.45%; padding-top: 65px}
 .profile-layout .rows .col:nth-child(1) {width: 50%; top: 0}
 .profile-layout .rows .col:nth-child(2) {width: 100%; margin-right: 0}
 .profile-layout .rows .col:nth-child(3) {top: 0; width: 50%}
 .profile-layout .rows .col:nth-child(3) button {float: right}
}
@media (max-width: 900px) { .profile-layout > .content {display: block}
 .profile-layout .column-1, .profile-layout .column-2 {display: block; width: 100%}
 .profile-layout .column-1 {margin-bottom: 10px; padding-right: 0; padding-left: 0}
}
@media (max-width: 460px) { .profile-layout .activity .text {display: block; clear: both}
 .profile-layout .activity .text > div {padding-top: 0}
}
 .profile-front-page .social-artists-info {padding: 8px 0}
 .profile-front-page .social-artists-info a {color: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease}
 .profile-front-page .social-artists-info a:hover {color: #630088}
 .venue-layout > .content {position: relative; *zoom: 1; padding: 5px; display: block}
 .venue-layout > .content:before, .venue-layout > .content:after {content: " "; display: table}
 .venue-layout > .content:after {clear: both}
 .venue-layout .column-2 {top: 0; width: 23%; background: inherit}
 .venue-layout .column-1 {width: 77%}
 .venue-layout .column-1, .venue-layout .column-2 {padding: 5px; display: block; float: left}
@media (max-width: 1280px) { .venue-layout > .content {padding-right: 0}
 .venue-layout .column-1 {width: 100%; margin-bottom: 0; padding-bottom: 0}
 .venue-layout .column-2 {width: 100%; padding-top: 0; padding-bottom: 0}
}
 .venue-layout .carrousel-dj {width: 100%; padding-left: 5px; padding-right: 5px}
.mem_act_suff {display: inline}
.onboard-center{ text-align: center; margin: 0 15px}
.genre-pill {border-radius: 4px; display: inline-block; margin-bottom: 7px; margin-right: 5px; text-align: center; border: #e1e1e1 solid 2px; font-size: 24px; color: #666; padding: 13px 20px; font-weight: 300; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease}
.genre-pill.checked {border-color: #2ccba2; background: #2ccba2; color: #fff}
.genre-pill:hover {border-color: #2ccba2; color: #333}
.genre-pill.checked:hover {color: #fff}
#editnav {position: fixed; top: 80px; right: 0; background-color: yellow; z-index: 1000; padding: 10px}
#editnav a.hrefbtn {display: table-row}
.event-buttons a.hrefbtn {border: 1px solid red; padding: 5px; color: red; text-align: center}
#page_text {background-color: #232024; padding: 50px; font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; color: #d7d7d7; font-size: 120%}
#page_text.inverse {color: #232024; background-color: #d7d7d7}
a.random-dj-btn {border: solid 1px #38caa2; float: left; margin-left: 16px; margin-top: 20px; font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; color: #38caa2; background-color: #000; font-size: 126%; line-height: 80%; padding: 11px 8px 9px 8px; height: 40px}
a.random-dj-btn:hover, a.random-dj-btn:active {color: #944fb5; border-color: #944fb5}
 .home-hero {width: 100%; height: 100%}
.home-hero .top-menu-search {margin: 0; width: 100%!important}
.home-hero .top-menu-search img {position: absolute; top: 12px}
.home-hero .top-menu-search input {padding-left: 20px}
.home-hero .searcher {padding-right: 150px}
.home-hero a.random-dj-btn {margin: 0}
.home-hero .random-dj {margin: 0; margin-right: 10px; width: 120px; position: absolute; right: 0}
@media(min-height: 800px) {.row .home-hero {padding-top: 8%}
}
  .more-button {text-align: center; margin: 10px 0}
.more-button a {width: 100%; font-size: 12px; line-height: 1.0; color: #979797; font-weight: 500; padding: 10px 0; margin-bottom: 10px; position: relative; float: left; text-transform: uppercase}
.more-button a:hover {background-color: #b7b7b7; color: #e7e7e7}
  a.photo-user, a.photo-user-small {display:block; overflow:hidden}
.djphoto {top:50%; left:50%; position:absolute; transform:translate(-50%, -50%); width:100%}
.djphoto.max {width:auto; height:100%}
  #versus-modal {text-align:center}
#versus-modal h2 {clear:both; padding:0}
#versus-modal .vote-button {-moz-box-shadow:inset 0px 39px 0px -24px #4eccaa; -webkit-box-shadow:inset 0px 39px 0px -24px #4eccaa; box-shadow:inset 0px 39px 0px -24px #4eccaa; background-color:#38caa2; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #ffffff; display:block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:28px; padding:6px 15px; text-decoration:none; text-shadow:0px 1px 0px #4eccaa; width: 60%; text-align: center; font-weight: bold; min-width:80px; margin:10px auto 0 auto}
#versus-modal .vote-button:hover {background-color:#38caa2; box-shadow:inset 0px 39px 0px -24px #38caa2}
#versus-modal .vote-button:active {position:relative; top:1px}
#versus-modal .box-related-profile {height: initial}
#versus-modal .box-related-profile .box-profile .description-dj-profile .name-dj {padding:2px 0;font-size:12px;text-align: center;}
#versus-modal .box-related-profile .box-profile .img-dj-profile {border-top-left-radius: 25px;border-top-right-radius: 25px;border-bottom-left-radius: 25px;  }
#versus-modal p {margin: 5px; font-weight: bold; font-size: large}
#versus-modal .sharing {margin-top: 25px}
#versus-modal .level {background-color: #006394; color: #fff; border-radius: 5px; padding: 2px 4px; font-size: 14px}
#djversus-level-reached {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; z-index: 100005; font-weight: bold; font-size: large; background-color: #38caa2; text-align: center}
#level_abs_pos_box_bg {background-color: white; z-index: 100002}
  #versus-modal .box-related-profile .box-profile.versus1 {padding-right: 12%;}
#versus-modal .box-related-profile .box-profile.versus2 {padding-left: 12%;}
#versus-modal .box-related-profile .vote-row {margin:0;}
#versus-modal .box-related-profile .col-xs-4 {width: 30%; padding: 0}
#versus-modal .box-related-profile .col-xs-4.neither-btn {width: 40%}
@media (max-width: 319px) {#versus-modal .box-related-profile .box-profile .description-dj-profile .name-dj {font-size: 12px;}
#versus-modal .box-related-profile .box-profile {padding:0 10px;margin:0; height: auto;}
#versus-modal .box-related-profile .box-profile .img-dj-profile {height:50px;}
#versus-modal h2 {font-size:16px;}
#abs_pos_box {max-height:90%;height:55% !important;min-height: 675px; overflow:hidden;}
.abs_pos_box_content {left: 1% !important;width: 98% !important;top:1% !important;padding:10px 0 !important;}
#abs_pos_box_close{right:1% !important;top:1% !important;}
#versus-modal .promoted {bottom:0;right:0;font-size:13px;display:block;line-height:12px;padding:5px;}
#versus-modal .vote-button {font-size:18px;padding:2px 10px;}
#versus-modal .sharing {margin-top: 0}
}
@media (min-width: 320px) {#versus-modal .box-related-profile .box-profile .description-dj-profile .name-dj {font-size: 12px;}
#versus-modal .box-related-profile .box-profile {padding:0 10px;margin:0; height: auto;}
#versus-modal .box-related-profile .box-profile .img-dj-profile {height:100px;}
#versus-modal .box-related-profile .vote-row .versus1 a {float:right;}
#versus-modal .box-related-profile .vote-row .versus2 a {float:left;}
#versus-modal h2 {font-size:16px;}
#abs_pos_box {max-height:90%;height:55% !important;min-height: 675px; overflow:hidden;}
.abs_pos_box_content {left: 1% !important;width: 98% !important;top:1% !important;padding:10px 0 !important;}
#abs_pos_box_close{right:1% !important;top:1% !important;}
#versus-modal .promoted {bottom:0;right:0;font-size:13px;display:block;line-height:12px;padding:5px;}
#versus-modal .vote-button {font-size:18px;padding:2px 10px;}
#versus-modal .sharing {margin-top: 0}
}
@media (min-width: 425px) {#versus-modal .box-related-profile .box-profile .description-dj-profile .name-dj {font-size: 14px;}
#versus-modal .box-related-profile .box-profile {padding:10px 20px 0 20px; height:auto;}
#versus-modal h2 {font-size:18px;}
#abs_pos_box {max-height:90%;height:55% !important;min-height:700px;top:1% !important;}
.abs_pos_box_content {left: 1% !important;width: 98% !important;top:1% !important;padding:10px 10px !important;}
#abs_pos_box_close{right:1% !important;top:1% !important;}
#versus-modal .vote-button {font-size:20px;padding:2px 10px;}
}
@media (min-width: 768px){ #versus-modal .box-related-profile .box-profile .description-dj-profile .name-dj {font-size: 12px;}
#versus-modal .box-related-profile .box-profile {padding:0 10px;margin:0; height: auto;}
#versus-modal .box-related-profile .box-profile .img-dj-profile {height:108px;}
#versus-modal h2 {font-size:16px;font-weight:normal}
#abs_pos_box {max-height:90%;height:100% !important;min-height: 675px;top:1% !important;}
.abs_pos_box_content {left: 10% !important;width: 70% !important;top:1% !important;padding:10px 0 !important;}
#abs_pos_box_close{right:20% !important;top:1% !important;}
#versus-modal .promoted {bottom:0;right:0;font-size:13px;display:block;line-height:12px;padding:5px;}
#versus-modal .vote-button {font-size:26px;padding:2px 10px;}
#versus-modal .sharing {margin-top: 0}
h1#pcr-title {font-size: 1.875em !important;}
// #versus-modal .box-related-profile .box-profile .description-dj-profile .name-dj {font-size: 18px;}
// #versus-modal .box-related-profile .box-profile {height:auto;}
// #versus-modal .box-related-profile .versus1 {padding:0px 5% 0 15%}
// #versus-modal .box-related-profile .versus2 {padding:0px 15% 0 5%}
// #versus-modal .box-related-profile .box-profile .img-dj-profile {height:108px;}
// #abs_pos_box {min-height:650px;height:50% !important;top:5% !important;}
// #abs_pos_box_close{top:5% !important;}
// #versus-modal .promoted {bottom:0;right:0;font-size:20px;display:block;line-height:18px;padding:5px;}
}
@media (min-width: 1200px){ #djvcontainer {margin: auto;width: 80%;text-align: center;}
#versus-modal .box-related-profile .box-profile .description-dj-profile .name-dj {font-size: 12px;}
#versus-modal .box-related-profile .box-profile {width: 50%; padding:0 10px;margin:0; height: auto;}
#versus-modal .box-related-profile .box-profile .img-dj-profile {height:140px;}
#versus-modal h2 {font-size:16px;}
#abs_pos_box {max-height:90%;height:100% !important;min-height: 675px;top:1% !important;}
.abs_pos_box_content {left: 20% !important;width: 60% !important;top:1% !important;padding:10px 0 !important;}
#abs_pos_box_close{right:20% !important;top:1% !important;}
#versus-modal .promoted {bottom:0;right:0;font-size:13px;display:block;line-height:12px;padding:5px;}
#versus-modal .vote-button {font-size:26px;padding:2px 10px;}
#versus-modal .sharing {margin-top: 0}
h1#pcr-title {font-size: 1.875em !important;}
}
 .pro_dj {vertical-align: top}
.center {text-align:center}
.heart-icon {color:#dc4e41;font-weight:bold;padding-right:2px}
.rows li, .new-slides, .socials-networks ul, .home-dj-filter-head, .events-about-content-inner, .events-details-container, .events-details-article-content ul, .events-details-article, .event-lists ul, .events-details-article-content h2, .events-details-list ul, .cols, .home-albums ul, .post-small, .events-search-head, .event-options-actions, .post {*zoom: 1}
.home-albums ul:after, .post-small:after, .rows li:after, .home-dj-filter-head:after, .event-box-widget-foot:after, .event-box-widget-entries:after, .event-boxes-new:after, .row-bottom:after, .clearfix:after, .event-box-widget-container:after, .socials-networks ul:after, .events-about-content-inner:after, .events-details-container:after, .events-details-article-content h2:after, .events-details-article-content ul:after, .events-details-article:after, .events-details-list ul:after, .events-search-head:after, .event-lists ul:after, .event-options-actions:after, .cols:after, .new-slides:after, .post:after {width: 100%; content: ''; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; display: block}
 .box-white-new {margin-top: 10px}
.box-inner {width: 555px; margin: 0 auto}
.box-inner .box-title {color: #630088; padding: 29px 0 26px 24px}
.box-inner .time-line {background-color: #fff; color: #6e6e6e}
.box-inner .time-line > ul > li:before {background-color: #6e6e6e; border-color: #6e6e6e; width: 20px; height: 20px; left: -12px}
.box-inner .time-line > ul > li {border-color: #6e6e6e; padding-top: 5px; padding-bottom: 65px}
.box-inner .activity .title {color: #6e6e6e}
.box-inner .activity .title .avatar {margin-right: 10px}
.box-inner .activity > .content > div {float: none}
.box-inner .activity > .content > .image {float: left}
.box-inner .activity > .content > .event-date {float: left}
.box-inner .activity > .content > .text > .event-where {float: left; margin-top: 17px}
.box-inner .activity > .content > .text {overflow: hidden}
.box-inner .activity .video {width: 310px; height: 190px; padding-bottom: 0}
.box-inner .activity .video iframe {width: 310px; height: 190px}
.new-slider {position: relative; overflow:hidden; height:700px}
.new-slider #front-page {height: auto; min-height: 0; padding-bottom: 0;}
.new-slider #front-page h3 {margin-bottom: 40px}
.new-slider #front-page .box .misc {margin-right: 58%}
.new-slider #front-page .box {min-height: 0; padding-bottom: 10%}
.new-slide {float: left; position: relative}
.new-slide img {width: 100%; height: auto; display: block}
.new-pagination {}
.new-pagination-video a, .new-pagination a {width: 10px; height: 10px; background-color: #fff; float: left; margin-right: 10px; font-size: 0; line-height: 0; text-indent: -4000px}
.new-pagination-video a.selected, .new-pagination a.selected {background-color: #2ccba2}
.new-slide-content-wrapper {max-width: 1400px; margin: 0 auto}
.new-slide-content {width: 100%; position: absolute; top: 0; left: 0}
.new-slide-content-inner {width: 85%; max-width: 1400px; margin: 0 auto; margin-top: 16%; padding: 25px; background: #630088;}
.new-slide-content h3 {font-size: 52px; line-height: 52px; color: #2ccba2; font-family: 'Source Sans Pro', arial, serif; font-weight: bold; text-transform: uppercase}
.new-slide-content h2 {font-size: 69px; line-height: 69px; color: #fff; font-family: 'Source Sans Pro', arial, serif; font-weight: 100; text-transform: uppercase; margin-bottom: 4px}
.new-slide-content p {font-size: 24px; line-height: 24px; font-weight: 900; color: #fff; text-transform: uppercase; margin: 25px 0px}
.new-container .centered {width: 85%; max-width: 1400px; margin: 0 auto}
.new-sidebar {width: 214px; float: left}
.widgets {padding: 54px 60px 0 17px}
.widget {padding-left: 7px; margin-bottom: 25px}
.widget h3 {font-size: 16px; font-weight: bold; font-family: 'Source Sans Pro', arial, serif; text-transform: uppercase; color: #630088; margin-bottom: 5px}
.widget ul {list-style-type: none}
.widget li {padding-left: 8px; padding-bottom: 5px}
.widget li a {display: block; position: relative; padding-left: 8px; font-size: 16px; color: #2ccba2}
.widget li a:hover {color: #630088}
.widget li.active a {background-color: #2ccba2; color: #fff}
.widget li.active a:before {position: absolute; top: 0; left: 100%; border-left: 10px solid #2ccba2; border-top: 10px solid transparent; border-bottom: 11px solid transparent; content: ''}
.new-content {overflow: hidden; padding-right: 65px}
.posts {margin-top: 52px; margin-bottom: 80px}
.post {clear: both; border-bottom: 1px solid #cbcbcb; padding-bottom: 25px; margin-bottom: 21px}
.post-image {float: left; margin-right: 20px; margin-top: 8px;}
.post-content {overflow: hidden}
.post-content h2 {font-size: 30px; font-weight: 900}
.post-content h2 a {color: #2ccba2}
.post-content h2 a:hover {color: #630088}
.post-content p {margin: 0; line-height: 26px; padding-bottom: 18px}
.post-meta li {display: inline; margin-right: 15px}
.post-meta li a {font-weight: bold; color: #2ccba2}
.post-meta li a:hover {color: #630088}
.post-meta li a img {margin-right: 7px}
.post-meta li strong {font-size: 14px; font-weight: 900; text-transform: uppercase; color: #6e6e6e}
.pagination {clear: both}
#front-page.events-front-page .centered {max-width: 1180px}
.carrousel-dj-black {background-color: #2f2b31; position:relative; margin-right: 5px}
.carrousel-dj-small .swiper-slide {width: auto}
.event-details-layout .column-1 {padding-left: 0}
.event-details-layout .column-2 {padding-right: 0}
#front-page.events-front-page .box h3 {font-size: 6em; margin-top: -10px;}
#front-page.events-front-page .box h3 .button-follow-small {font-size: 20px; text-transform: uppercase; border-width: 2px; position: relative; top: -30px; margin-left: 10px}
#front-page.events-front-page .box h3 .button-follow-small span {font-weight: bold; font-size: 14px; background-size: 14px 12px; background-position: 0 4px; padding-left: 22px; margin: 13px 20px 13px 21px}
#front-page.events-front-page .box .button-follow-small {font-size: 20px; text-transform: uppercase; border-width: 3px; width: auto; height: auto; line-height: 16px; overflow: hidden;}
#front-page.events-front-page .box h3 .button-follow-small span:after {background-size: 14px 12px; margin-right: 40px;}
.event_details #container-web {background-color: #fff}
#front-page.events-front-page .box .button-follow-small span {font-weight: 900; line-height: 20px; background: url(http://i0.thedjlist.com/images/ico-check.png) no-repeat 0 3px; padding: 0 0 0 30px; margin: 17px 38px 17px 25px; display: inline-block; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;position: relative; left: 0;}
.events-front-page .info-extra a {letter-spacing: -1px}
.events-front-page .info-extra a i {width: auto; padding-right: 5px; position: relative; top: 2px}
#front-page.events-front-page .box .button-follow-small:hover span {left: 100%}
#front-page.events-front-page .box .button-follow-small span:after {right: 100%; background: url(http://i0.thedjlist.com/images/ico-check.png) no-repeat center 3px; width: 100%; height: 100%; content: ''; display:block; position: absolute; top: 0; margin-right: 60px;}
.events-options {width: 1070px; margin: 90px auto 52px auto}
.events-options-buttons {text-align: right; margin-right: -23px}
.events-options-buttons .btn {color: #630088; border-color: #630088; display: inline-block; padding: 12px 18px 17px 24px; margin-left: 7px}
.events-options-buttons .btn span {font-size: 14px}
.events-options-buttons .btn span i {margin-right: 7px; position: relative; top: 2px;}
.events-options-buttons .btn:hover:before {margin-top: 3px}
.event-options-title h2 {font-size: 6em; color: #630088; font-weight: 100; text-transform: uppercase; margin-top: 10px; margin-bottom: 20px}
.event-options-title h2 span {color: #2ccba2}
.left {float: left}
.col1 {width: 405px}
.col2 {width: 210px}
.event-options-actions .input-search-1 {background-color: #d9d9d9}
.event-options-actions .col2 {margin-left: 10px}
.carrousel-dj-small {background-color: #2f2b31; padding: 0 30px 30px 30px; position: relative; margin-bottom: 5px}
.carrousel-dj-small .box-title {position: static; padding: 22px 0 18px 0; font-weight: bold;}
.carrousel-dj-small:after {background: url(http://i0.thedjlist.com/images/dj-overlay.png) repeat-y 0 0; width: 257px; height: 100%; position: absolute; top: 0; right: 0; content: ''}
.box-gray {margin-bottom: 10px; background-color: #3a363c}
.box-gray .rows {padding-bottom: 0}
.box-gray .rows li {border-bottom: 0}
.box-gray .rows li:nth-child(2n+1) {background-color: #2f2b31}
.box-gray .event-date {margin-top: -6px}
.box-gray .event-date > span {color: #fff}
.box-gray .event-name h2 {font-size: 2em; line-height: 1.2em; letter-spacing: -1px; margin-top: -10px; margin-bottom: 10px}
.box-gray .event-name h2 a {color: #fff}
.box-gray .event-where span a {color: #fff}
.box-gray .event-where span {color: #fff}
.event-buttons-group a {color: #fff}
.box-gray .event-where span a:hover, .event-buttons-group a:hover, .box-gray .event-name h2 a:hover {color: #630088}
.box-gray .rows .col:nth-child(3) {width: 50%; margin-right: 4%}
.box-gray .rows li {padding-left: 2%}
.box-gray .rows .col:nth-child(1) {width: 9%}
.box-gray .rows .col:nth-child(2) {width: auto}
.box-gray .rows .col:nth-child(4) {width: 25%}
.box-gray .rows .col:nth-child(2) img {width: 90px; height: auto}
.box-gray .event-where i {position: relative; top: -2px; margin-right: 3px}
.box-gray .event-buttons .btn {float: left; margin-right: 20px}
.box-gray .event-buttons-group {overflow: hidden}
.box-gray .event-buttons-group a {white-space: nowrap; text-transform: uppercase; font-weight: bold; font-size: 13px}
.event-map iframe {width: 100%; height: 400px}
.promoters-new {}
.promoters-new h3 {margin: 0 0 23px 0; color: #fff}
.promoters-new ul {margin: 0}
.promoters-new ul li {margin: 0 0 7px 0; line-height: 1em}
.promoters-new ul li a h4 {width: auto; font-size: 1.5em;}
.carrousel-dj-black {padding-top: 8px; padding-left: 11px; position: relative}
.carrousel-dj-black:after {background: url(http://i0.thedjlist.com/images/dj-overlay.png) repeat-y 0 0; position: absolute; top: 0; right: 0; width: 257px; height: 100%; z-index: 999; content: '';}
.news-header .events-options {position: absolute; bottom: 0; left: 50%; background-color: #fff; width: 1180px; margin-left: -590px; margin-bottom: 0; padding-left: 60px; padding-right: 55px; padding-top: 20px; padding-bottom: 70px}
.news-header .events-options .drop-down .list {left: 0}
.events-wrapper {padding: 0 10px; background-color: #fff}
.events-wrapper .link-home {padding-left: 2%}
.container-wrapper {background-color: #3d3d3d; margin-top: 10px}
.event-lists-container {width: 1180px; margin: 0 auto}
.event-lists-navigation {padding: 50px 0 0 0}
.event-lists-navigation ul {list-style-type: none}
.event-lists-navigation li {display: inline; padding-right: 12px}
.event-lists-navigation li a {display: inline-block; font-size: 23px; line-height: 26px; color: #fff; background-color: #1c1c1c; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; font-weight: bold; text-transform: uppercase; padding: 13px 13px 15px 12px}
.event-lists-navigation li a:hover {background-color: #630088}
.event-lists-navigation li.active a {background-color: #630088}
.event-lists-title h2 {font-size: 40px; line-height: 42px; color: #fff; font-weight: bold; text-transform: uppercase; padding: 44px 0 58px 0}
.event-lists h3 {font-size: 16px; text-transform: uppercase; font-weight: bold; color: #fff; padding-bottom: 5px}
.event-lists {list-style-type: none; margin-left: -9%}
.event-lists ul {list-style-type: none; padding-left: 14px; padding-bottom: 25px}
.event-lists ul li {padding-bottom: 5px}
.event-lists > li {width: 16%; float: left; margin-left: 9%}
.event-lists a {font-size: 16px; line-height: 18px; color: #2ccba2}
.event-lists a:hover {color: #630088}
.events-search-container {width: 1180px; position: absolute; bottom: 0; left: 50%; margin-left: -590px; background-color: #fff; padding: 70px 95px 80px 95px}
#front-page .events-search-head h2 {float: left; font-size: 100px; font-weight: 100; color: #630088; line-height: 100px}
.events-search-head {margin-bottom: 10px}
.events-search-head-actions {overflow: hidden; text-align: right; padding-top: 20px}
.events-search-head-actions .btn {color: #630088; border-color: #630088; display: block; margin-left: auto; width: 180px; padding-top: 12px; padding-bottom: 17px; margin-bottom: 10px}
.events-search-head-actions .btn span {font-size: 14px}
.events-search-head-actions .btn span i {margin-right: 3px; position: relative; top: 1px}
.col3 {width: 580px}
.col4 {width: 206px}
.col5 {width: 143px}
.col6 {width: 152px}
.col7 {width: 450px}
.input-search-2 {position: relative}
.input-search-2 input[type="text"] {width: 100%; border: 1px solid #2ccba2; font-size: 20px; line-height: 22px; color: #2f2b31; padding: 7px 45px 10px 13px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; position: relative}
.input-search-2:after {background: url(http://i0.thedjlist.com/images/new-magn.png) no-repeat 0 0; width: 17px; height: 17px; position: absolute; top: 50%; right: 24px; content: ''; margin-top: -9px}
.events-search-content .drop-down .label {padding: 14px 35px 12px 20px}
.events-search-content .drop-down .label:after {right: 14px; top: 13px}
.events-search-content .col4 {margin-left: 36px; margin-right: 24px}
.events-search-container2 h2 {width: 670px}
.events-search-container2 h2 span {display: block; color: #2ccba2}
.container-wrapper-purple {background-color: #630088}
.container-wrapper-purple .box-gray .event-buttons-group a {display: block!important}
.container-wrapper-purple .box-gray {background: none}
.container-wrapper-purple .box-gray .rows li {background: #8233a0}
.container-wrapper-purple .box-gray .rows li:nth-child(2n+1) {background: none}
.container-wrapper-purple .box-gray .rows li {padding-left: 8%; padding-right: 8%;}
.container-wrapper-purple .box-gray .rows .col:nth-child(1) {width: 7%}
.container-wrapper-purple .world-layout .rows .col:nth-child(2) {margin-right: 2%}
.container-wrapper-purple .box-gray .rows .col:nth-child(4) {width: 200px; float: right; clear: none!important }
.container-wrapper-purple .box-gray .event-buttons-group {float: right; overflow: visible}
.container-wrapper-purple .box-gray .event-buttons .btn {margin-right: 15px}
.container-wrapper-purple .box-gray .event-where span a:hover, .container-wrapper-purple .event-buttons-group a:hover, .container-wrapper-purple .box-gray .event-name h2 a:hover {color: #fff; text-decoration: underline}
.loading {font-weight: 900; font-size: 50px; line-height: 55px; text-transform: uppercase; color: #6e158f; display: block; text-align: center; padding: 50px 0}
.events-details-about {width: 43%; float: right}
.events-details-list ul {list-style-type: none; margin-bottom: 11px}
.events-details-list li {float: left; width: 14.28571428571429%}
.events-details-list a {display: block; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s}
.events-details-list a:hover {opacity: 0.70;filter:alpha(opacity=70)}
.events-details-list a img {display: block; width: 100%}
.events-details-container {padding-top: 35px}
.events-details-about h3 {font-size: 22px; color: #630088; padding-bottom: 20px}
.events-details-article {padding: 18px 19px; background-color: #565656}
.events-details-article-image {float: left; margin-right: 23px}
.events-details-article-image a {display: block}
.events-details-article-image a img {display: block}
.events-details-article-content {overflow: hidden}
.events-details-article-content h2 {font-size: 37px; font-weight: 700; color: #fff; line-height: 39px; padding: 2px 10px 0 0}
.events-details-article-content h2 .follow {float: right}
.events-details-article-content a {color: #fff}
.events-details-article-content a:hover {color: #630088}
.events-details-article-content ul {list-style-type: none}
.events-details-article-content li {font-size: 25px; line-height: 27px; text-transform: uppercase; float: left; width: 40%; padding-right: 10%}
.events-details-article-content li strong {display: block; font-size: 37px; line-height: 39px}
.events-details-article-content .button-follow {font-size: 16px; font-weight: 900; border-width: 2px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; text-transform: uppercase; padding: 14px 16px 14px 16px}
.events-details-article-content .button-follow:hover {color: #fff}
.events-details-article-content .fa-chevron-right:before {text-align: center}
.events-details-entry {width: 53%; float: left}
.events-details-entry-image {float: left; margin-top: 8px; width: 36%}
.events-details-entry-image a {display: block}
.events-details-entry-image a img {width: 100%; display: block}
.events-details-entry-content {float: right; width: 60%}
.events-details-entry-content p {font-size: 15px; line-height: 18px; margin: 0 0 19px 0}
.events-details-entry-content p span {display: block}
.events-details-entry-content a {font-style: italic; text-decoration: underline; color: #2ccfa5}
.events-details-entry-content a:hover {text-decoration: none}
.events-details-entry-content h3 {font-size: 22px; font-weight: bold; color: #2ccba2; padding-bottom: 18px}
.events-details-entry-scrl {height: 605px}
.jspVerticalBar {width: 5px}
.jspTrack {background: #d5f5ec}
.jspDrag {background: #2ccba2}
.carrousel-dj-medium .swiper-slide {width: 210px}
.carrousel-dj-medium .dj-box h3 {font-size: 1.4em; line-height: 1em;}
.carrousel-dj-medium .dj-box h4 {font-size: 0.9em; color: #2ccba2; line-height: 1em;}
.carrousel-dj-medium .dj-box .name {padding-left: 20px; padding-right: 20px; padding-bottom: 1px; min-height: 70px}
.container-event-details {max-width: 1600px; padding-left: 15px; padding-right: 15px}
.events-info-cnt {position: relative}
.events-about-cnt {width: 69%; margin-right: 31%; background-color: #630088}
.events-info-map {width: 31%; height: 100%; position: absolute; top: 0; right: 0}
.events-info-map iframe {width: 100%; height: 100%}
.events-about-content {padding: 8% 9% 0 7%}
.events-about-content h2 {font-size: 6.3em; font-weight: 100; color: #fff; line-height: 0.85em}
.events-about-text {float: left}
.events-about-actions {float: right}
.events-about-text {padding: 50px 0 0 10px}
.events-about-text h3 {font-size: 25px; font-weight: bold; color: #fff; text-transform: uppercase; line-height: 1em}
.events-about-text h3 + h3 {padding-top: 37px}
.events-about-text h4 {font-size: 20px; font-weight: bold; color: #fff; text-transform: uppercase; line-height: 1em; padding-bottom: 5px}
.events-about-text p {font-size: 20px; color: #fff}
.ico-clock {background: url(http://i0.thedjlist.com/images/ico-clock.png) no-repeat 0 0; width: 18px; height: 18px; display: inline-block; position: relative; top: 2px; margin-right: 4px}
.ico-play {background: url(http://i0.thedjlist.com/images/ico-play.png) no-repeat 0 0; width: 18px; height: 18px; display: inline-block; position: relative; top: 3px; margin-right: 4px}
.events-about-actions {padding-top: 58px}
.events-about-actions h4 a {color: #fff; font-size: 20px; text-transform: uppercase}
.events-about-actions .button-white {font-size: 30px; border-width: 3px; padding: 15px 52px; margin-bottom: 30px}
.carrousel-dj-medium {background-color: #fff}
.events-info-map-actions {position: absolute; bottom: 30px; left: 27px}
.events-info-map-actions .button-white {color: #630088; border-color: #630088; display: block; min-width: 180px; font-size: 14px; padding-top: 12px; padding-bottom: 18px; margin-top: 10px}
.events-info-map-actions .button-white i {margin-right: 5px; position: relative; top: 2px}
#step-1-body .onboard-container {max-width: 460px}
.onboard-container {max-width: 1020px; margin: 83px auto; background-color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px}
.onboard-slider .carrousel-dj {width: 108.4%; margin-left: -5%}
.onboard-slider {position: relative}
#front-page.onboard {height: 770px}
.onboard-head {text-align: center; padding: 77px 0 0; height: 183px; background: #f2f2f2; border-radius: 5px 5px 0 0}
.onboard-bar {background: #d5f4ec; height: 10px; margin-bottom: 40px}
#step-3-body .onboard-bar{ margin-bottom: 11px}
.onboard-bar span {display: block; height: 100%; background: #2ccba2; width: 33%}
#step-2-body .onboard-bar span {width: 66%}
#step-3-body .onboard-bar span {width: 100%}
.onboard-center #user_city_name{ border: #e1e1e1 solid 2px; border-radius: 5px; font-size: 24px; color: #666; padding: 12px 21px; width: 86%; font-weight: 300}
.onboard-center #user_city_name_auto_complete {z-index: 2}
#front-page .onboard-head h2 {font-family: 'Source Sans Pro', arial, serif; font-style: italic; color: #6e6e6e; font-size: 27px; line-height: 29px; font-weight: 300; letter-spacing: 0; text-transform: none; padding-bottom: 3px}
#front-page .onboard-head p {font-family: 'Source Sans Pro', arial, serif; color: #2ccba2; font-size: 20px; line-height: 24px; font-weight: 600; text-transform: none; margin: 0}
.onboard-container .carrousel-dj .swiper-slide {width: 184px}
#front-page .onboard-container .carrousel-dj h3 {font-size: 18px; line-height: 20px; margin: 0; padding-left: 3px}
.onboard-container .carrousel-dj .dj-box .name {padding: 11px 0 0 13px; min-height: 61px}
.onboard-container .carrousel-dj .onboard-scrollbar {width: 105%; left: -3.6%}
.checked-dj-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(http://i0.thedjlist.com/images/overlay-green.png) repeat 0 0; opacity: 0;filter:alpha(opacity=0); transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; cursor: pointer}
.onboard-container .dj-box.active .checked-dj-box {opacity: 1;filter:alpha(opacity=100)}
.ranking .dj-box.active .checked-dj-box {opacity: 1;filter:alpha(opacity=100)}
.onboard-container .dj-box.check .checked-dj-box {opacity: 1;filter:alpha(opacity=100)}
.ranking .dj-box.check .checked-dj-box {opacity: 1;filter:alpha(opacity=100)}
.checked-dj-box:after {content: ''; background: url(http://i0.thedjlist.com/images/ajax-loader.gif) no-repeat 0 0; width: 36px; height: 36px; position: absolute; top: 50%; left: 50%; margin: -18px 0 0 -18px}
.onboard-container .dj-box.check .checked-dj-box:after {content: ''; background: url(http://i0.thedjlist.com/images/ico-check-black.png) no-repeat 0 0; width: 36px; height: 36px; position: absolute; top: 50%; left: 50%; margin: -18px 0 0 -18px}
.ranking .dj-box.check .checked-dj-box:after {content: ''; background: url(http://i0.thedjlist.com/images/ico-check-black.png) no-repeat 0 0; width: 36px; height: 36px; position: absolute; top: 50%; left: 50%; margin: -18px 0 0 -18px}
.box-white.relative.no-background.no-shadow.carrousel-dj {height: 360px}
.small .carrousel-dj .swiper-slide {height: 360px}
.small .carrousel-dj .dj-box .name {padding: 11px 0 0 13px; min-height: 90px}
.small .dj-box .avatar{ height: 270px; width: 270px}
.follow p {display: inline-block; font-size: 1.125em; color: #fff; margin-top: 38%; padding: 12px 15px; text-transform: uppercase; font-weight: 900; cursor: pointer}
.onboard-container .dj-box .avatar{ height: 182px !important; min-height: initial;}
.ranking .dj-box .avatar{ height: 270px}
.dj-box .avatar img{ min-height: initial}
.onboard-container .dj-box .avatar img{ height: 182px}
.dj-box.active .follow {display: none !important}
.small-imgs img{width:95px !important;height: 95px;}
.small-imgs .avatar{height: 98px;}
.onboard-action {padding: 40px 0; text-align: center}
.onboard-action .button-green {min-width: 160px; font-size: 20px; border-width: 3px; padding: 15px 24px; color: #2ccba2; border-color: #2ccba2; cursor: pointer}
.genre-pill input {position: absolute; z-index: -1}
.home-page-container {background-size: cover; background-position: center bottom; padding: 65px}
.home-page-content {width: 788px; margin: 0 auto; text-align: center}
.home-page-content h2 {font-family: 'Source Sans Pro', arial, serif; font-size: 51px; line-height: 53px; color: #fff; text-shadow: rgba(0,0,0,0.7) 0px 1px 2px;}
.home-page-content p {font-family: 'Source Sans Pro', arial, serif; font-size: 20px; line-height: 26px; color: #fff; text-shadow: rgba(0,0,0,0.7) 0px 1px 2px; margin-top: 10px; margin-bottom: 34px}
.home-page-content .input-search-1 {margin-left: 160px; margin-right: 160px; margin-bottom: 115px}
.socials-networks {background-color: #fff; box-shadow: 0px 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); margin: 10px 0}
.socials-networks {padding: 30px 0 40px 0}
.socials-networks ul {list-style-type: none}
.socials-networks li {float: left; font-size: 20px; text-transform: uppercase; line-height: 20px; padding-left: 70px}
.socials-networks li:first-child {padding-left: 40px}
.socials-networks li:first-child + li img {margin-left: -7px; position: relative}
.socials-networks li:first-child + li {padding-left: 50px}
.socials-networks h3 {font-size: 30px; line-height: 34px; color: #2ccba2; text-transform: none; padding-top: 15px}
.socials-networks strong {display: block; line-height: 20px; font-weight: 900; font-size: 38px; line-height: 38px; padding: 0 0 0 0px}
.home-video-slide {position: relative}
.home-page-slide {position: relative; float: left}
.home-page-slide img {width: 100%; height: auto; display: block}
.home-page-slide-content {position: absolute; bottom: 0;left: 20px text-transform: uppercase; background: #630088; padding:25px;}
.home-page-slide-content h3 {font-weight: 900; font-size: 52px; line-height: 54px; color: #2ccba2}
.home-page-slide-content h2 {font-weight: 100; color: #fff; font-size: 69px; line-height: 72px; position: relative; margin-top: -4px; margin-left: -4px}
.home-page-slide-content p {font-weight: 900; font-size: 24px; line-height: 26px; color: #fff; margin: 0 0 25px 0}
.no-padding {padding-left: 0!important; padding-right: 0!important}
.container-web-home #profile-extras .columns-left {width: 51%; margin-right: 0.6%}
.container-web-home #profile-extras .columns-right {width: 48.1%}
.container-web-home .mixes{ margin-top: 23px}
.container-web-home #mixes-tracks ul li a {padding-top: 10px}
.container-web-home #profile-extras #mixes-tracks {padding-left: 20px; padding-right: 20px; box-shadow: 0px 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.2)}
.container-web-home #profile-extras #mixes-tracks ul {left: 4%}
.container-web-home .player-item {padding-bottom: 18px}
.container-web-home .sc-player {margin: 0; height: 74px}
.container-web-home .sc-trackslist a {text-transform: uppercase; font-size: 27px}
.container-web-home .sc-player ol.sc-trackslist li {padding-top: 10px; padding-left: 8px}
.container-web-home .sc-scrubber .sc-time-indicators {bottom: 13px; right: 90px}
.container-web-home .sc-player .sc-controls a i {font-size: 33px}
.container-web-home #mixes-tracks .player .items-track {bottom: 5px}
.container-web-home .sc-player .sc-controls {right: 13px}
.container-web-home #mixes-tracks {padding-bottom: 25px}
.player-place {margin: 3px 0 0 0; font-size: 15px; line-height: 17px; color: #6e6e6e; font-weight: normal;transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s}
.playing .player-place {color: #2CCBA2}
.player-sponsor {position: absolute; top: 8px; right: 20px; font-size: 12px; line-height: 14px; color: #afafaf; text-transform: uppercase; font-weight: bold}
.player-sponsor i {color: #afafaf!important; margin-right: 3px}
.container-web-home .player-item-sponsor {background-color: #f5f5f5}
.container-web-home #mixes-tracks .playing .items-track {display: block}
.container-web-home #mixes-tracks .items-track i {font-size: 14px}
.container-web-home #mixes-tracks .sc-player:hover .items-track {display: block}
.container-web-home #mixes-tracks .items-track, .container-web-home .sc-scrubber {display: none}
.posts-small {background-color: #fff; margin: 0; box-shadow: 0px 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); padding: 0 20px 55px 20px; position: relative}
.posts-small-title {padding: 23px 0 16px 0}
.posts-small-title h2 {font-size: 30px; line-height: 32px; color: #2ccba2; font-weight: 900}
.posts-small .post-image {width: 90px}
.posts-small .post-content {padding-right: 60px; padding-top: 2px; padding-left: 5px}
.posts-small .post-content p {font-size: 20px; color: #6e6e6e}
.posts-small .post-image a {display: block}
.posts-small .post {padding-bottom: 19px; margin-bottom: 11px}
.posts-small .post.last-child {border-bottom: 0}
.posts-small .post-image img {width: 100%; display: block; height: auto}
.home-dj-filter {position: relative; padding-bottom: 30px; margin-bottom: 80px}
.home-dj-filter-head {width: 500px; margin: 65px auto 14px auto}
.home-dj-filter-head h2 {float: left; font-size: 30px; margin-right: 15px; padding-top: 2px}
.home-dj-filter-head .drop-down .label {padding-top: 10px; padding-bottom: 10px}
.home-dj-filter-head .drop-down .label:after {top: 11px; right: 18px;}
.home-dj-filter-head .col6 {margin-left: 7px}
.home-dj-filter .carrousel-scrollbar {background-color: #d7d7d7}
.home-albums-head {text-align: center; margin-bottom: 40px}
.home-albums-head h2 {font-size: 30px; color: #2ccba2}
.home-albums-head p {font-size: 22px; color: #6e6e6e; margin: 0}
.home-albums {margin-bottom: 100px}
.home-albums ul {list-style-type: none}
.home-albums li {float: left; width: 14.28%; font-size: 26px; line-height: 28px; text-transform: uppercase; text-align: center}
.home-albums i {display: block; height: 80px; margin-bottom: 12px; background-size: 1055px}
.home-albums .ico-disk {background-image:url(http://i0.thedjlist.com/images/ico-disk.png)}
.home-albums .ico-headphone {background-image:url(http://i0.thedjlist.com/images/ico-headphone.png)}
.home-albums .ico-speaker {background-image:url(http://i0.thedjlist.com/images/ico-speaker..png)}
.home-albums .ico-note {background-image:url(http://i0.thedjlist.com/images/ico-note.png)}
.home-albums .ico-note2 {background-image:url(http://i0.thedjlist.com/images/ico-note2.png)}
.home-albums .ico-camera {background-image:url(http://i0.thedjlist.com/images/ico-camera.png)}
.home-albums .ico-calendar {background-image:url(http://i0.thedjlist.com/images/ico-calendar.png)}
.home-albums strong {display: block; font-size: 30px; font-weight: 900; text-transform: none}
.home-about {background-position: center center; background-size: cover; text-align: center; padding: 80px 0; margin-bottom: 20px}
.home-about h2 {max-width: 1400px; margin: 0 auto; font-weight: 600; color: #fff; font-size: 33px; line-height: 35px; padding-bottom: 33px}
.home-about .button-green {font-size: 20px; padding: 14px 44px; border-width: 3px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.home-about .button-green:hover {border-color: #630088}
.home-about2 {background: #944bb7;   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk0NGJiNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjOTM1MGI3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjOGM1NGI1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTYlIiBzdG9wLWNvbG9yPSIjOGI1OWI4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTYlIiBzdG9wLWNvbG9yPSIjODk1YWI2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTclIiBzdG9wLWNvbG9yPSIjODg1YmI2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjODU1ZmI2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjODM2MGI0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjMlIiBzdG9wLWNvbG9yPSIjODM2MWI1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjMlIiBzdG9wLWNvbG9yPSIjODM2NGI0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjODA2NWI0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjN2U2NmIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjklIiBzdG9wLWNvbG9yPSIjN2U2YWIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjNzk3MGIzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjNzY2ZmIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjNzY3MWIxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzclIiBzdG9wLWNvbG9yPSIjNzQ3NmIzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzglIiBzdG9wLWNvbG9yPSIjNmU3OWFmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjNmY3YWIwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjNjc4MmFmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDYlIiBzdG9wLWNvbG9yPSIjNjg4M2FlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjNjI4YWFlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTMlIiBzdG9wLWNvbG9yPSIjNWQ4ZWFjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjNWI5M2FlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTclIiBzdG9wLWNvbG9yPSIjNWE5NGFhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTclIiBzdG9wLWNvbG9yPSIjNTc5NWFhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTglIiBzdG9wLWNvbG9yPSIjNTk5N2FjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTglIiBzdG9wLWNvbG9yPSIjNTY5N2FiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTklIiBzdG9wLWNvbG9yPSIjNTY5OWFjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTklIiBzdG9wLWNvbG9yPSIjNTM5YmFhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjMlIiBzdG9wLWNvbG9yPSIjNTE5ZmE5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjYlIiBzdG9wLWNvbG9yPSIjNGNhNWFiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjklIiBzdG9wLWNvbG9yPSIjNDlhN2E3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzMlIiBzdG9wLWNvbG9yPSIjNDVhZWE5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzglIiBzdG9wLWNvbG9yPSIjM2RiNmE1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjM2ViN2E2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjM2NiN2EzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODMlIiBzdG9wLWNvbG9yPSIjM2FiOWE0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjMzZiZmE1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODklIiBzdG9wLWNvbG9yPSIjMzZjMGE2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTElIiBzdG9wLWNvbG9yPSIjMzJjM2EyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJjY2JhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(left, #944bb7 0%, #9350b7 7%, #8c54b5 11%, #8b59b8 16%, #895ab6 16%, #885bb6 17%, #855fb6 21%, #8360b4 21%, #8361b5 23%, #8364b4 23%, #8065b4 25%, #7e66b2 25%, #7e6ab2 29%, #7970b3 32%, #766fb2 32%, #7671b1 34%, #7476b3 37%, #6e79af 38%, #6f7ab0 40%, #6782af 44%, #6883ae 46%, #628aae 49%, #5d8eac 53%, #5b93ae 54%, #5a94aa 57%, #5795aa 57%, #5997ac 58%, #5697ab 58%, #5699ac 59%, #539baa 59%, #519fa9 63%, #4ca5ab 66%, #49a7a7 69%, #45aea9 73%, #3db6a5 78%, #3eb7a6 80%, #3cb7a3 80%, #3ab9a4 83%, #36bfa5 85%, #36c0a6 89%, #32c3a2 91%, #2ccba2 100%);  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#944bb7), color-stop(7%,#9350b7), color-stop(11%,#8c54b5), color-stop(16%,#8b59b8), color-stop(16%,#895ab6), color-stop(17%,#885bb6), color-stop(21%,#855fb6), color-stop(21%,#8360b4), color-stop(23%,#8361b5), color-stop(23%,#8364b4), color-stop(25%,#8065b4), color-stop(25%,#7e66b2), color-stop(29%,#7e6ab2), color-stop(32%,#7970b3), color-stop(32%,#766fb2), color-stop(34%,#7671b1), color-stop(37%,#7476b3), color-stop(38%,#6e79af), color-stop(40%,#6f7ab0), color-stop(44%,#6782af), color-stop(46%,#6883ae), color-stop(49%,#628aae), color-stop(53%,#5d8eac), color-stop(54%,#5b93ae), color-stop(57%,#5a94aa), color-stop(57%,#5795aa), color-stop(58%,#5997ac), color-stop(58%,#5697ab), color-stop(59%,#5699ac), color-stop(59%,#539baa), color-stop(63%,#519fa9), color-stop(66%,#4ca5ab), color-stop(69%,#49a7a7), color-stop(73%,#45aea9), color-stop(78%,#3db6a5), color-stop(80%,#3eb7a6), color-stop(80%,#3cb7a3), color-stop(83%,#3ab9a4), color-stop(85%,#36bfa5), color-stop(89%,#36c0a6), color-stop(91%,#32c3a2), color-stop(100%,#2ccba2));  background: -webkit-linear-gradient(left, #944bb7 0%,#9350b7 7%,#8c54b5 11%,#8b59b8 16%,#895ab6 16%,#885bb6 17%,#855fb6 21%,#8360b4 21%,#8361b5 23%,#8364b4 23%,#8065b4 25%,#7e66b2 25%,#7e6ab2 29%,#7970b3 32%,#766fb2 32%,#7671b1 34%,#7476b3 37%,#6e79af 38%,#6f7ab0 40%,#6782af 44%,#6883ae 46%,#628aae 49%,#5d8eac 53%,#5b93ae 54%,#5a94aa 57%,#5795aa 57%,#5997ac 58%,#5697ab 58%,#5699ac 59%,#539baa 59%,#519fa9 63%,#4ca5ab 66%,#49a7a7 69%,#45aea9 73%,#3db6a5 78%,#3eb7a6 80%,#3cb7a3 80%,#3ab9a4 83%,#36bfa5 85%,#36c0a6 89%,#32c3a2 91%,#2ccba2 100%);  background: -o-linear-gradient(left, #944bb7 0%,#9350b7 7%,#8c54b5 11%,#8b59b8 16%,#895ab6 16%,#885bb6 17%,#855fb6 21%,#8360b4 21%,#8361b5 23%,#8364b4 23%,#8065b4 25%,#7e66b2 25%,#7e6ab2 29%,#7970b3 32%,#766fb2 32%,#7671b1 34%,#7476b3 37%,#6e79af 38%,#6f7ab0 40%,#6782af 44%,#6883ae 46%,#628aae 49%,#5d8eac 53%,#5b93ae 54%,#5a94aa 57%,#5795aa 57%,#5997ac 58%,#5697ab 58%,#5699ac 59%,#539baa 59%,#519fa9 63%,#4ca5ab 66%,#49a7a7 69%,#45aea9 73%,#3db6a5 78%,#3eb7a6 80%,#3cb7a3 80%,#3ab9a4 83%,#36bfa5 85%,#36c0a6 89%,#32c3a2 91%,#2ccba2 100%);  background: -ms-linear-gradient(left, #944bb7 0%,#9350b7 7%,#8c54b5 11%,#8b59b8 16%,#895ab6 16%,#885bb6 17%,#855fb6 21%,#8360b4 21%,#8361b5 23%,#8364b4 23%,#8065b4 25%,#7e66b2 25%,#7e6ab2 29%,#7970b3 32%,#766fb2 32%,#7671b1 34%,#7476b3 37%,#6e79af 38%,#6f7ab0 40%,#6782af 44%,#6883ae 46%,#628aae 49%,#5d8eac 53%,#5b93ae 54%,#5a94aa 57%,#5795aa 57%,#5997ac 58%,#5697ab 58%,#5699ac 59%,#539baa 59%,#519fa9 63%,#4ca5ab 66%,#49a7a7 69%,#45aea9 73%,#3db6a5 78%,#3eb7a6 80%,#3cb7a3 80%,#3ab9a4 83%,#36bfa5 85%,#36c0a6 89%,#32c3a2 91%,#2ccba2 100%);  background: linear-gradient(to right, #944bb7 0%,#9350b7 7%,#8c54b5 11%,#8b59b8 16%,#895ab6 16%,#885bb6 17%,#855fb6 21%,#8360b4 21%,#8361b5 23%,#8364b4 23%,#8065b4 25%,#7e66b2 25%,#7e6ab2 29%,#7970b3 32%,#766fb2 32%,#7671b1 34%,#7476b3 37%,#6e79af 38%,#6f7ab0 40%,#6782af 44%,#6883ae 46%,#628aae 49%,#5d8eac 53%,#5b93ae 54%,#5a94aa 57%,#5795aa 57%,#5997ac 58%,#5697ab 58%,#5699ac 59%,#539baa 59%,#519fa9 63%,#4ca5ab 66%,#49a7a7 69%,#45aea9 73%,#3db6a5 78%,#3eb7a6 80%,#3cb7a3 80%,#3ab9a4 83%,#36bfa5 85%,#36c0a6 89%,#32c3a2 91%,#2ccba2 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#944bb7', endColorstr='#2ccba2',GradientType=1 );  }
.home-video-slider {float: left; width: 51%}
.home-events {float: right; width: 48.1%; box-shadow: 0px 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); background-color: #fff}
.home-video-slider {position: relative}
.home-video-slider h2 {position: absolute; font-size: 30px; font-weight: 900; color: #fff; top: 19px; left: 30px; z-index: 99;}
.home-video-slide {position: relative; float: left}
.home-video-slide img {width: 100%; display: block; height: auto}
.home-video-slide-content {position: absolute; bottom: 55px; left: 30px}
.home-video-slide-content h3 {font-size: 38px; line-height: 42px; color: #fff; font-weight: 100}
.new-pagination-video {position: absolute; bottom: 30px; left: 30px}
.home-events ul {list-style-type: none}
.home-events-head {font-size: 30px; line-height: 32px; font-weight: 900; color: #2ccba2; padding: 24px 0 0 20px}
.home-events .event-date > span {font-size: 28px; line-height: 25px; font-weight: 900; color: #6e6e6e}
.home-events .col {overflow: hidden; padding-bottom: 40px;}
.home-events .col8 {margin-top: 10px; float: left; padding-bottom: 0;}
.col8 {width: 90px}
.home-events {position: relative}
.home-events ul {margin: 0 10px}
.home-events li {border-top: 1px solid #e9e9e9; padding: 10px; position: relative}
.home-events li:first-child {border-top: 0}
.home-event-foot {position: absolute; left: 0; width: 100%}
.home-event-foot .home-event-foot-info {float: left; padding-left: 100px}
.home-event-foot .home-event-foot-info a {color: #000}
.home-event-foot .home-event-foot-info a:hover {color: #80409E}
.home-event-foot .event-buttons {float: right; padding-right: 10px}
.home-event-foot .event-buttons a {display: inline-block; margin-left: 15px}
.home-about-inline {background-color: #2f2b31; text-align: center; color: #fff; padding: 60px 0; margin-top: 23px; margin-bottom: 34px}
.home-about-inline h2 {font-size: 33px; line-height: 35px; color: #fff; font-weight: 600}
.home-about-inline h2 a {font-size: 20px; line-height: 22px; color: #2ccba2; border: 3px solid #2ccba2; font-weight: 900; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; text-transform: uppercase; padding: 14px 26px; margin-left: 27px; position: relative; top: -4px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s}
.home-about-inline h2 a:hover {color: #fff; border-color: #fff}
.home-about-inline h2 a i {margin-right: 6px}
.home-box {background-color: #fff; box-shadow: 0px 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); padding: 19px 17px 0 17px}
.col10 {width: 32.6%}
.home-cols {margin-left: -0.7%}
.home-cols .col10 {margin-left: 0.7%}
.home-head-title {padding-bottom: 20px}
.home-head-title h2 {font-size: 30px; font-weight: 900; color: #2f2b31}
.home-head-title h2 strong {font-weight: 900; color: #2ccba2}
.post-small {border-top: 1px solid #e5e5e5; padding-top: 13px}
.post-small:first-child {border-top: 0; padding-top: 0}
.post-small-image {float: left; margin-right: 15px}
.post-small-image a:hover {opacity: 0.70;filter:alpha(opacity=70)}
.post-small-content {overflow: hidden; top: -5px; position: relative}
.post-small-content h2 {font-size: 28px; font-weight: 100; color: #2f2b31}
.post-small-content h2 a {color: #2f2b31}
.post-small-content h2 a:hover {color: #2ccba2}
.post-small-content h2 strong {font-weight: 900; color: #2ccba2; font-size: 26px}
.post-small-content p {font-weight: 900; font-size: 13px; color: #630088; text-transform: uppercase; padding-top: 16px}
.post-small-content p a {color: #630088}
.post-small-content p a:hover {color: #2ccba2}
.post-small {clear: both}
.home-box-content-posts {padding-top: 20px}
.container-web-home .player-home-small {padding-bottom: 29px}
.container-web-home .player-home-small .sc-trackslist a {font-size: 23px}
.container-web-home .player-home-small .items-track {display: none}
.container-web-home .player-home-small .playing .items-track {display: block}
.container-web-home .player-home-small .sc-player:hover .items-track {display: block}
.container-web-home .player-home-small .items-track div {display: inline-block}
.container-web-home .player-home-small .items-track div a {font-size: 11px; color: #630088}
.player-home-small .player-place {font-size: 13px}
.container-web-home .player-home-small .sc-scrubber .sc-time-indicators {right: 70px}
.player-home-small .items-track {position: absolute; bottom: 0; right: 40px}
.container-web-home .player-home-small .sc-player .sc-controls {right: -8px}
.container-web-home .player-home-small .sc-player .sc-controls {top: 40px}
.container-web-home .player-home-small .player-item {padding-bottom: 0}
.home-box-content .mixes {margin-top: 0; padding-bottom: 42px}
.home-small-event ul {list-style-type: none; padding-bottom: 25px}
.home-small-event .col8 {float: left; margin-top: 5px}
.home-small-event .col {overflow: hidden}
.home-small-event p {margin: 6px 0 0 0}
.home-small-event p i {position: relative; top: -2px}
.home-small-event h2 {font-size: 25px; line-height: 30px}
.home-small-event .event-date > span {font-size: 28px}
.home-small-event li {border-top: 1px solid #e9e9e9; padding-top: 7px; margin-top: 12px}
.home-small-event a {color: #630088}
.home-small-event a:hover {color: #2ccba2}
.home-small-event li:first-child {border-top: 0; padding-top: 0; margin-top: 0}
.section-apps {background-size: cover; background-position: 0 0; text-align: center; padding: 55px 0; margin-top: 20px}
.section-apps h2 {color: #fff; font-weight: 600; font-size: 33px; max-width: 1275px; margin-left: auto; text-align: right; padding-right: 125px}
.section-apps a {font-size: 20px; text-align: center; padding: 14px 27px; margin-left: 10px; position: relative; top: -5px}
.section-apps .ico-phone {background: url(http://i0.thedjlist.com/images/ico-phone.png) no-repeat 0 0; width: 17px; height: 28px; display: inline-block; position: relative; top: 7px; margin-right: 12px; border-width: 3px}
 .home-slide-btn {position: absolute; top: -100%; left: 50%; color: #fff; font-size: 60px; margin: -30px 0 0 -30px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s}
.home-video-slide:hover .home-slide-btn {top: 50%}
.home-about2 .button-white span {font-weight: bold}
.home-about2 .button-white:hover {border-color: #fff}
.home-about-inline .button-white {position: relative; font-size: 20px; color: #2ccba2; border-color: #2ccba2; padding: 16px 40px 16px 30px; border-width: 3px; position: relative; top: -3px; margin-left: 20px}
.section-apps .button-white {position: relative; font-size: 20px; padding: 15px; vertical-align: bottom;}
.section-apps .button-white i {font-size: 40px; position: relative; top: 10px; margin-right: 5px}
.section-apps .button-white:before {font-size: 40px; top: 50%; margin-top: -20px}
.venue-front-page .followers:hover {border-color: transparent!important}
#front-page.events-front-page .box-event-new h3 {font-size: 4.5em}
#front-page.events-front-page .box-event-new h3 .long-event-name {font-size: 2.5em}
.box-event-new .info-extra {margin-bottom: 38px}
.box-event-new .info-extra .fa-calendar {background: url(http://i0.thedjlist.com/images/ico-call.png) no-repeat 0 0; width: 15px; height: 17px; display: inline-block; position: relative; top: 3px; margin-right: 5px}
.box-event-new .info-extra .fa-map-marker {margin-right: 5px; position: relative; top: 2px}
.box-event-new .info-extra .fa-clock-o {background: url(http://i0.thedjlist.com/images/ico-clock.png) no-repeat 0 0; width: 18px; height: 18px; display: inline-block; margin-right: 5px; position: relative; top: 2px}
.box-event-new .info-extra .fa-info {background: url(http://i0.thedjlist.com/images/ico-info.png) no-repeat 0 0; width: 7px; height: 14px; display: inline-block; margin-right: 5px; position: relative; top: 1px}
.box-event-new .info-extra .purple {color: #630088}
.row-breadcrumb {clear: both}
.venue-front-page .box-event-new .row-bottom {position: static}
#front-page .box-event-new {padding-bottom: 50px}
.box-event-new .followers-actions {float: right; margin-right: 28px; margin-top: -7px}
.box-event-new .followers-actions button {margin-left: 15px}
.box-event-new .image-followers {float: left}
#front-page.events-front-page .box-event-new .button-follow-small {padding-left: 0; padding-right: 0}
#front-page.events-front-page .box-event-new .button-follow-small span.ticket {background: url(http://i0.thedjlist.com/images/ico-ticket.png) no-repeat 0 0}
#front-page.events-front-page .box-event-new .button-follow-small span.ticket:after {background: url(http://i0.thedjlist.com/images/ico-ticket.png) no-repeat 0 0; margin-right: 20px;}
.row-breadcrumb {position: absolute; bottom: 8px; left: 28px}
.row-breadcrumb p {margin: 0; display: inline-block; background-color: #2ccba2; color: #fff}
.row-breadcrumb p a {display: inline-block; background-color: #630088; color: #fff; padding: 5px 10px}
.row-breadcrumb p span {display: inline-block; background-color: #80409e; font-weight: bold; font-size: 18px; padding: 3px 3px 5px 3px}
.row-breadcrumb p em {font-style: normal; padding: 8px}
.carrousel-dj-inline .dj-box h3 {display: inline-block; margin-right: 5px}
.event-box-playlist {float: left; width: 56%; box-shadow: 0px 0px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 2px rgba(0,0,0,0.2); background-color: #fff}
.event-box-playlist .player-home {margin-bottom: 0!important}
.event-boxes-widgets {float: right; width: 43%}
.event-boxes-new {margin-top: 10px}
.container-web-home .event-box-playlist .sc-player ol.sc-trackslist li {padding-left: 0}
.event-boxes-new #mixes-tracks ul {left: 30px!important}
.event-boxes-new #mixes-tracks {padding-right: 20px}
.event-boxes-new #mixes-tracks a {color: #c0bfc1!important}
.event-boxes-new #mixes-tracks a.selected {color: #2ccba2!important}
.container-web-home .event-boxes-new .player-item {padding-bottom: 13px}
.container-web-home .event-boxes-new .sc-player .sc-controls {top: 40px}
.gray.event_details #container-web {background-color: #f2f2f2!important}
.event-box-widget {background-color: #fff; box-shadow: 0px 0px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 2px rgba(0,0,0,0.2); margin-bottom: 10px; padding: 0 38px; position: relative}
.event-box-widget-title h3 {font-size: 30px; color: #630088; font-weight: bold; padding: 20px 0}
.event-box-widget-image {float: left; margin-right: 25px;}
.event-box-widget-content {overflow: hidden; font-size: 19px; padding-top: 5px}
.event-box-widget-content .info-extra a {color: #2ccba2}
.event-box-widget-content .info-extra a:hover {color: #630088}
.event-box-widget-content .info-extra li {color: #6e6e6e; padding-bottom: 6px}
.event-box-widget-content .info-extra a i {color: #6e6e6e; margin-right: 5px; position: relative; top: 2px;}
.event-box-widget-content .info-extra i {color: #6e6e6e; margin-right: 5px; position: relative; top: 2px;}
.event-box-widget-follow {float: left}
.event-box-widget-follow strong {display: block; font-size: 42px; font-weight: 900; line-height: 40px}
.event-box-widget-images {float: left; margin: 5px 15px 0 15px}
.event-box-widget-images li {float: left; margin-left: 10px}
.event-box-widget-images li a {display: block}
.event-box-widget-images li a {display: block}
.event-box-widget-actions {float: left; margin-top: 15px;}
.event-box-widget-actions .button-follow {border-color: #2ccba2; color: #2ccba2; border-width: 2px; font-size: 16px; font-weight: bold; padding: 8px 22px}
.event-box-widget-actions .button-follow span {font-weight: bold}
.event-box-widget-foot {padding: 30px 0 80px 0}
.event-box-widget-foot ul {list-style-type: none}
.event-box-widget-foot p {margin: 0; line-height: 14px; font-size: 18px; text-transform: uppercase}
.event-box-widget-entries {padding-bottom: 30px}
.event-box-widget-entries ul {list-style-type: none}
.event-box-widget-entries li {float: left; width: 50%; margin-bottom: 5px;}
.event-box-widget-entry-image {float: left; margin-right: 10px}
.event-box-widget-entry-content {overflow: hidden}
.event-box-widget-entry-content p {margin: 0; font-size: 20px}
.event-box-widget-entry-content p a {color: #2ccba2}
.event-box-widget-entry-content p a:hover {color: #630088}
[class^="new-icon-"] {display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; background: url(http://i0.thedjlist.com/images/sprite.svg) 0 0 no-repeat; margin-bottom: 12px!important}
.home-albums .new-icon-disk {width: 85px; margin: 0 auto; background-position: -44px 0}
.home-albums .new-icon-headphone {width: 85px; margin: 0 auto; background-position: -145px 0}
.home-albums .new-icon-speaker {width: 85px; margin: 0 auto; background-position: -555px 0}
.home-albums .new-icon-note {width: 85px; margin: 0 auto; background-position: -460px 0}
.home-albums .new-icon-note2 {width: 85px; margin: 0 auto; background-position: -363px 0}
.home-albums .new-icon-camera {width: 85px; margin: 0 auto; background-position: -676px 0}
.home-albums .new-icon-calendar {width: 70px; margin: 0 auto; background-position: -252px 0}
@media only screen and ( max-width : 1420px) {.events-details-article-content h2 .follow {float: none; margin-top: 10px}
}
@media only screen and ( max-width : 1389px) {.box-gray .rows .col:nth-child(4) {width: 23%}
.events-about-content h2 {font-size: 4em}
.socials-networks li {padding-left: 50px}
}
@media only screen and ( max-width : 1245px) {.box-gray .rows .col:nth-child(4) {width: 100%}
.box-gray .event-buttons {width: 215px; margin: 10px auto 0 auto}
}
@media only screen and ( max-width : 1224px) {.new-slide-content-inner {padding-top: 50px}
.event-lists-container {width: 900px}
.event-lists-navigation li a {font-size: 18px;}
.events-search-container {width: 900px; margin-left: -450px; padding: 45px}
.events-search-content .col3 {margin-bottom: 10px}
.events-search-content .col4 {margin-left: 0; clear: both;}
.events-search-container2 h2 {width: 570px; font-size: 80px!important; line-height: 80px!important}
.events-details-article-content li {font-size: 20px; float:none}
.socials-networks li {padding-left: 30px}
.home-events .event-name h2 {font-size: 20px}
.home-event-foot .event-buttons, .home-event-foot .home-event-foot-info {float: none; padding-right: 0; padding-left: 100px;}
.home-event-foot .event-buttons {padding-left: 85px}
}
@media only screen and ( max-width : 1190px) {.box-event-new .image-followers {float: none}
.box-event-new .followers-actions {float: none; margin-top: 10px; margin-left: -15px}
.box-event-new .followers-actions button {margin-bottom: 10px}
#front-page.events-front-page .box-event-new h3 {font-size: 3em}
}
@media only screen and ( max-width : 1180px) {.news-header .events-options {width: 768px; margin-left: -384px; padding-bottom: 10px}
.news-header .event-options-title h2 {font-size: 3em}
.news-header .events-options-buttons {margin-right: 0}
.news-header .event-options-actions .col1 {width: 49%}
.news-header .event-options-actions .col2 {width: 49%; margin-left: 0; float: right}
.news-header .event-options-actions .col2 + .col2 {margin-left: 0; clear: both; margin-top: 10px; width: 49%; float: left}
.news-header .event-options-actions .col2 + .col2 + .col2 {clear: none; float:right}
}
@media only screen and ( max-width : 1122px) {.events-options {width: 768px}
.event-options-title h2 {font-size: 4em}
.events-options-buttons {margin-right: 0}
.event-options-actions .col1 {width: 49%}
.event-options-actions .col2 {width: 49%; margin-left: 0; float: right}
.event-options-actions .col2 + .col2 {margin-left: 0; clear: both; margin-top: 10px; width: 49%; float: left}
.event-options-actions .col2 + .col2 + .col2 {clear: none; float:right}
.socials-networks li {padding-left: 20px}
.socials-networks li:first-child {padding-left: 20px}
.socials-networks li:first-child + li {padding-left: 20px}
.container-web-home #profile-extras .columns-left {width: 50%}
.event-box-widget-image {float: none}
.event-box-widget-content .info-extra li {font-size: 16px}
.event-box-widget-follow {float: none; margin-bottom: 10px}
.event-box-widget-images {float: none; margin-left: -10px}
.event-box-widget-actions {float: none}
.event-box-widget-entries li {float: none; width: auto; clear: both}
}
@media only screen and ( max-width : 1024px) {.home-cols .col10 {width: 49.3%}
.home-cols .col10 + .col10 + .col10 {float: none; clear: both; width: 100%; margin: 0}
.home-box-content .mixes {margin-bottom: 20px}
.front-page-profile {z-index: 99999}
}
@media only screen and ( max-width : 1023px) {.widgets {padding-left: 0}
.post-content h2 {font-size: 20px; line-height: 24px}
.post-content p {font-size: 14px; line-height: 16px; padding-bottom: 7px;}
.new-content {padding-right: 0}
.post-meta li a {font-size: 13px}
.post-meta li strong {font-size: 13px}
.new-slider #front-page .box .misc {margin-right: 0}
.new-slider #front-page .box .input-search-1 {width: 400px}
#front-page.events-front-page .box h3 .button-follow-small {clear: both; float: none; display:block; top: 0}
.carrousel-dj-black:after, .carrousel-dj-small:after {width: 150px;background-size: 150px}
.carrousel-dj-small {margin-right: 5px}
.column-2 {padding-right: 5px!important; padding-left: 0!important;}
.events-options {padding-left: 5px; padding-right: 5px}
.promoters-new {width: 100%}
.news-header .events-options {margin-left: 0; position: static; margin: 0 auto}
.event-lists-container {width: 700px}
.event-lists-navigation li {padding-right: 5px}
.event-lists-navigation li a {padding: 6px; font-size: 16px;}
.events-search-container {width: 700px; margin-left: -350px}
#front-page .events-search-head h2 {float: none}
.events-search-head-actions {float: none; text-align: center}
.events-search-head-actions .btn {display: inline-block; text-align: center; margin: 0 10px 10px 10px}
.container-wrapper-purple .box-gray .rows .col:nth-child(3) {width: 64%; margin-bottom: 20px}
.container-wrapper-purple .box-gray .rows .col:nth-child(4) {width: auto; float: none; clear: both!important; margin-top: 20px}
.events-about-text, .events-about-actions {float: none}
.events-about-actions {margin-bottom: 10px}
.home-page-slide-content {top: 20px}
.row-breadcrumb {left: 0; font-size: 15px}
.row-breadcrumb p a {padding-top: 6px}
}
@media only screen and ( max-width : 900px) {.new-slide-content-inner {padding-top: 10px}
.home-page-content {width: auto}
.container-web-home #mixes-tracks li a {font-size: 18px; padding-top: 0}
.container-web-home .player-item {padding-top: 10px}
.posts-small .post-content {padding-right: 0}
.posts-small .post-meta li {display: block}
.posts-small {padding-bottom: 36px}
.home-albums strong {font-size: 29px}
.home-albums li {font-size: 20px}
.container-web-home .player-home-small .sc-trackslist a {font-size: 15px; line-height: 17px!important}
.home-cols .col10 {width: 49.3%}
.home-cols .col10 + .col10 + .col10 {float: none; clear: both; width: 100%; margin: 0}
.home-box-content .mixes {padding-bottom: 32px; margin-bottom: 20px}
.section-apps h2 {padding-right: 10px; font-size: 20px;}
}
@media only screen and ( max-width : 767px) {.new-sidebar {display: none}
.post-image {width: 75px}
.post-image img {display: block; width: 100%}
.post-content {overflow: visible}
.post-content h2 {font-size: 16px; line-height: 18px; margin-bottom: 5px}
.new-slider #front-page .box .input-search-1 {width: auto}
.new-slider .input-search-1 {padding-left: 44px; padding-right: 10px;}
.new-slider .input-search-1:before {left: 19px}
.new-slider #front-page .box {position: relative}
.new-slide-content h3 {font-size: 16px; line-height: 22px}
.new-slide-content h2 {font-size: 26px; line-height: 24px}
.new-slide-content p {font-size: 14px; line-height: 20px}
.events-options {width: auto; padding: 0 10px;}
.col1 {width: 100%!important; margin-bottom: 10px}
.col2 {width: 100%!important}
.col1.left {float: none!important}
.col2.left {float: none!important; margin-left: 0!important;}
.events-options-buttons .btn {display: block; width: 100%; margin: 0 0 10px 0}
.event-options-title h2 {font-size: 2em; line-height: 1em;}
.carrousel-dj-small {margin-right: 5px}
.carrousel-dj-small .box-title {font-size: 1em}
.carrousel-dj-black:after, .carrousel-dj-small:after {width: 25px;background-size: 25px}
#front-page.events-front-page .box h3 .button-follow-small {margin-left: 0; margin-top: 10px}
.column-2 {padding-right: 5px!important; padding-left: 0!important;}
.news-header .events-options {width: auto}
.event-lists {margin-left: 0}
.event-lists > li {width: auto; float: none; margin-left: 9%}
.event-lists-container {width: auto}
.event-lists-navigation li a {margin-bottom: 5px}
.event-lists-title h2{ padding-top: 20px; padding-bottom: 20px}
.events-search-container {width: 100%; margin-left: 0; left: 0}
#front-page .events-search-head h2 {font-size: 40px; text-align: center; line-height: 40px}
.events-search-content .col3 {width: 100%}
.events-search-content .col4 {width: 100%; margin-bottom: 10px}
.events-search-content .col5 {width: 100%}
.container-wrapper-purple .box-gray .event-date {margin-top: 0!important}
.events-search-container2 h2 {font-size: 3.25em!important; width: auto; float:none; text-align: center; line-height: 1em!important;}
.events-search-container2 h2 span {display: inline}
.container-wrapper-purple .content {padding-left: 0}
.container-wrapper-purple .box-gray .rows .col:nth-child(3) {width: auto; margin-bottom: 0; margin-top: 10px;}
.events-info-map {position: static; width: auto}
.events-about-cnt {margin-right: 0; width: auto}
.events-about-content h2 {font-size: 2em}
.events-about-text h3 {font-size: 18px}
.events-about-text {padding-left: 0; padding-top: 20px}
.events-about-text h3 + h3 {padding-top: 10px}
.events-about-text p {font-size: 14px; padding-top: 10px}
.events-about-actions {padding-top: 20px}
.events-about-actions .button-white {width: auto; display: block}
.events-info-map iframe {height: 150px}
.carrousel-dj-medium .swiper-slide {padding-left: 0}
.events-details-about, .events-details-article-image, .events-details-entry-content, .events-details-entry-image, .events-details-entry {float: none; width: 100%}
.events-details-entry-scrl {height: 200px}
.events-details-article-image img {width: 100%}
.home-page-container {padding-left: 10px; padding-right: 10px; padding-bottom: 10px;}
.home-page-content .input-search-1 {margin-left: 10px; margin-right: 10px}
.socials-networks li {margin-bottom: 10px}
.home-page-slide-content {top: 10px; left: 10px}
.home-page-slide-content h3 {font-size: 20px; line-height: 20px; margin-bottom: 5px;}
.home-page-slide-content h2 {font-size: 22px; line-height: 22px; margin-left: 0}
.home-page-slide-content p {font-size: 18px; line-height: 22px; margin-left: 0; margin-bottom: 10px;}
.container-web-home #profile-extras .columns-right, .container-web-home #profile-extras .columns-left {width: 100%}
.container-web-home #profile-extras #mixes-tracks {padding-left: 0; padding-right: 0}
.container-web-home #profile-extras #mixes-tracks ul {width: 300px}
.sc-time-indicators, .items-track {display:none!important}
.container-web-home .sc-player .sc-controls {top: 34px; right: 0}
.posts-small .post-content p {font-size: 14px}
.home-dj-filter-head {width: auto}
.home-dj-filter-head h2 {float: none; text-align: center}
.home-albums li {width: 50%; margin-bottom: 10px;}
.home-events, .home-video-slider {float: none; width: 100%}
.home-events .col {padding-bottom: 70px}
.home-events .col8 {padding-bottom: 0px}
.home-events {padding-bottom: 50px}
.home-about-inline h2 {padding-left: 10px}
.home-about-inline h2 a {display: block; margin: 10px 0}
.home-cols .col10 {width: 100%; margin: 0 0 20px 0; float: none}
.section-apps {background-position: right 0}
.section-apps h2 {color: #000; text-align: center}
.section-apps h2 a {display: block; margin: 10px 0}
.socials-networks strong {padding-bottom: 10px}
.home-about-inline .button-white {margin: 20px 0 0 0}
.section-apps .button-white {display: block; margin: 10px auto}
.event-boxes-widgets, .event-box-playlist {float: none; width: auto; margin-bottom: 10px}
.event-boxes-new #mixes-tracks {padding-left: 5px}
.event-boxes-new #mixes-tracks ul {left: 5px!important}
.event-boxes-new #mixes-tracks ul {width: 293px}
.event-box-widget {padding-left: 5px; padding-right: 5px}
#front-page.events-front-page .box-event-new .button-follow-small {display: block; float: none}
#front-page.events-front-page .box-event-new h3 {font-size: 22px!important}
}
@media only screen and ( max-width : 555px) {.box-inner {width: auto}
.box-inner .activity .video {width: 100%; height: auto; padding-bottom: 56.25%}
.box-inner .activity .video iframe {width: 100%; height: auto}
}
@media only screen and ( max-width : 504px) {.box-gray .rows .col:nth-child(3), .box-gray .rows .col:nth-child(1) {width: auto}
.onboard-slider .carrousel-dj {width: 100%; margin-left: 0%}
.onboard-container .carrousel-dj .onboard-scrollbar {width: 95%; left: 2%}
}
.button-white {position: relative}
 .none {display:none;}
.abs_pos_box_overlay{ position: fixed; top: 0%; left: 0; width: 100%; height: 100%; background-color: black; z-index: 100001; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity = 80)}
.abs_pos_box_content {position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; padding: 25px 10px; border: 5px solid #630088; background-color: white; z-index: 100002; overflow: scroll; border-radius: 10px}
#abs_pos_box_close span{display:none;}
#abs_pos_box_close{ background:url(http://i0.thedjlist.com/images/closebox.png) no-repeat top left; width:30px; height:30px; position: fixed; top: 10%; right: 10%;  z-index:100002}
#abs_pos_assertion {height:120px;width:100%;position:fixed;bottom:0;left:0;z-index:100000001;cursor:pointer;}
#abs_pos_assertion_inner {height:120px;width:100%;text-align:center;padding-top:20px;}
#abs_pos_assertion ul {text-align:left;margin:0 auto 0 auto;padding:0;width:960px;}
.meta_like_box_large {font-size:84%;display:block;padding:4px;background:#EDEFF4;}
.meta_like_box_small {font-size:100%;}
.meta_likes_icon {height:10px;width:10px;background:url(http://i0.thedjlist.com/images/sprite-icons10.png) no-repeat top left;background-position:0px -340px;display:inline-block;}
.meta_comment_photo {width:24px;}
.post_comment_form {width:100%}
.comment_image{width:24px;}
.comment_box_textarea {width:100%;}
.comment_meta {color:#999}
.clickable {color:#006394;cursor:pointer;}
.clickable:hover {text-decoration:underline;}
.cb, .clearBoth {clear:both;}
@media( max-width : 400px) {.new-slider {height:400px}
.new-slide-content {position: relative; overflow:visible; min-height:400px}
}
#shout_container {width:99%;}
#shout_container h2 a {font-size: 16px; padding: 9px 21px; margin-left: 25px}
table.datadisp {border-left:1px solid #fff;border-top:1px solid #fff;font-size:80%;width:100%;}
table.datadisp caption {text-align:left;}
table.datadisp caption form input,table caption form {display:inline;margin:0;padding:0;}
table.datadisp th {padding:10px;background-color:#ccc;border-right:1px solid #fff;border-bottom:1px solid #fff;text-align:left;}
table.datadisp td {padding:10px;background-color:#fff;border-right:1px solid #fff;border-bottom:1px solid #fff;}
table.datadisp tr.green td {background-color:#aaffaa;}
table.datadisp tr.red td {background-color:#FFBFBF;}
table.datadisp tr.D8D9D7 td {background-color:#D8D9D7;}
#assertion {width:960px;margin:0 auto;padding:0;}
#assertion .assert_red, .assert_red {background-color:#FFBFBF;color:red;padding:10px;}
#assertion .assert_green, .assert_green {background-color:#BFFFBF;color:green;padding:10px;}
table.datadisp tr.bgred td {background-color:#FFBFBF;color:red;}
table.datadisp tr.bggreen td {background-color:#BFFFBF;color:green;}
table.datadisp tr.bgorange td {background-color:#ffeabf;color:orange;}
#admin_left {width:10%; float:left; min-width:140px;}
#admin_right{ width: 65%; min-width: 400px; float: left; margin-left: 1%;}
#admin_right_wide{ width: 80%; min-width: 400px; float: left; margin-left: 1%}
#admin_widget_bar {width: 22.0%; float: left; margin-left: 1%;}
.ul_default {margin: 20px 0 20px 20px; padding-left: 20px; list-style: initial}
#djNav {border:0px; margin:0px 0px 0px 0px; padding:0px; background:none; overflow:visible; font-size:100%; width:100%;}
#djNav ul {border:0px; margin:0px; padding:0px; list-style:none;}
#djNav ul li {border:0px; padding:0px; margin:0px;}
#djNav ul li span {}
#djNav ul li span.noInf {display:block; margin:0; padding:4px 0px; color:#999999; background-color:#F8F8F8}
#djNav ul li span a {display:block; margin:0; padding:4px 5px; color:#006394; text-decoration:none; cursor:pointer; background-color:#F1F1F1; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
#djNav ul li span a.on, #djNav ul li span a.on:hover {background-color:#fff; color:#006394; margin:0px; font-weight:bold; border-right:0;border-left:0;}
#djNav ul li span a:hover {background-color:#006394; color:#ffffff}
#mainDiv {width: 98%; margin: 1% auto; min-height: 400px; background: #fff; padding: 1%}
#mainDivLeft {float:left;width:120px;margin-right:10px;}
#mainDivRight {float:left; width:830px;}
#subDivMiddle {background:transparent url(http://i4.thedjlist.com/middle_bg.gif) repeat-x scroll left top; float:left; margin:15px 10px 10px 0; padding:10px; width:640px}
#subDivInnerLeft {width:650px;float:left;}
#subDivInnerRight{width:300px;float:left;margin-left:10px;}
blockquote{font-size:80%;background-color:#ddd;margin:0 0 25px 0;padding:10px 20px;text-align:center;margin-top:20px;}
blockquote.welcome {font-size:100%;text-align:left;margin-top:20px;padding:10px;}
blockquote.welcome h3 {margin:0;}
#data_profile_left {float: left; margin-right: 25px}
@-webkit-keyframes rotate-forever {0% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg)}
100% {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg)}
}
@-moz-keyframes rotate-forever {0% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg)}
100% {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg)}
}
@keyframes rotate-forever {0% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg)}
100% {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg)}
}
.loading-spinner {-webkit-animation-duration: 0.75s; -moz-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: rotate-forever; -moz-animation-name: rotate-forever; animation-name: rotate-forever; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-timing-function: linear; height: 12px; width: 12px; border: 1px solid #ffffff; border-right-color: transparent; border-radius: 50%; display: inline-block}
.loading-spinner {text-align: center; font-weight: normal; position: relative; display: block; margin: 10% auto}
.char_dir {display:block;margin-bottom:10px;float:left;width:50%;}
.char_dir_letters{display:block;font-size:120%;font-weight:bold;}
#footer_ad_container{text-align:center;}
#footer_ad_2{text-align:center;margin-bottom:30px;}
#footer_ad{display:inline-block;}
@media(max-width : 400px) {#footer_ad{ height:50px; max-height:50px; width:320px; position: fixed; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: 0; z-index:1000000;}
}
#copyright a, #copyright a:visited {color:#afafaf}
#toi {height: 20px;vertical-align: top;}
#downloads {position: relative; width: 100%; background: #ffffff; padding-left: 30px; padding-right: 30px; padding-top: 30px; height: 210px; margin-bottom: 10px; display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; vertical-align: top}
#downloads li a {color: #42cea8;}
.marginbottom10 {margin-bottom:10px;}
.marginbottom70 {margin-bottom:70px;}
#profile-extras .columns-right-wide{ width: 54%; display: inline-block;}
@media (max-width: 1024px){ #profile-extras .columns-right-wide{ width: 38%}
}
@media(max-width: 640px) {#profile-extras .columns-right-wide{ width: 100%}
}
#header-bar{ background: #630088; color: #fff; font-size: 20px; padding: 10px; text-align: center; font-weight: bold; clear:both}
#leaderboard1 {clear:both; padding:20px 0; background: #ddd; text-align:center}
@media (max-width: 400px) {#leaderboard1 {padding:0}
}
.quotes {display: none;margin:0;}
.quotes a {color:#fff;}
#header-bar {height:45px;}
body .home-page-slides {width:100%;max-height:485px;overflow:hidden;}
body .home-page-slide {width:100%;}
.colorfff{color:#fff;}
.c630088{color:#630088}
.home-mixes-tracks{min-height:960px;}
.home-news-h2{font-size:140%;margin-bottom:17px;}
.home-about{background-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(44, 203, 162, 0.7))); background-image: -webkit-linear-gradient(left, transparent, rgba(44, 203, 162, 0.7)); background-image: linear-gradient(to right,transparent, rgba(44, 203, 162, 0.7)); background-color: rgba(149, 75, 184, 0.7); width: 100%; color: #fff;}
.home_video_box {width:32.6%; float:left; height:265px; margin:0 1% 25px 0}
.home_video_box img {width: 100%;}
.cb {clear:both;}
.home_video_box a {display: block; height: 245px; color: transparent;}
@media (max-width: 768px) {.home_video_box {width:100%; float:left; height:265px; margin:0 1% 25px 0; clear:both}
}
.marbot25{margin-bottom:25px;}
.home-iphone{background-image:url(http://i5.thedjlist.com/images/phone-bg.jpg)}
  .button, button {max-height: 69px; background-color: #38caa2; padding: 27px 52px; border-radius: 0; color: #ffffff; margin-bottom: 8px}
.button:hover {color: #000}
.button i {margin-right: 26px; float: left}
.button div {line-height: 3.15em; overflow: auto}
.with-icon {padding: 18px 26px}
.white-border {border: #ffffff 1px solid !important}
.button-text {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 16px; letter-spacing: 2px}
 .home-hero {background: #000; min-height: 430px !important; padding: 20px 0 50px 0; margin-top: -4px}
@media (max-width: 768px) {.home-hero {padding: 1px 0}
}
.home-hero h1 {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 300; text-align: center; font-size: 60px !important; color: #ffffff; text-shadow: 0 2px 11px rgba(0, 0, 0, 0.2)}
.genre-box {}
.genre-background {width: 395px; height: 510px; overflow: hidden; position: relative}
.genre-background img {position: absolute; left: -1000%; right: -1000%; top: -1000%; bottom: -1000%; margin: auto; min-height: 100%; min-width: 100%}
.purple-layer {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.7; background-color: #620f86}
.genre-info {position: absolute; top: 25px; left: 40px}
.genre-info > div {position: relative}
.genre-heading h3 {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 48px; letter-spacing: -1.1px; color: #ffffff}
.genre-description p {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 18px; line-height: 1.3; width: 395px; color: #ffffff}
.genre-djs {position: relative; font-size: 32px; line-height: 32px; margin-top: 33px}
.genre-djs a {display: block; margin-bottom: 10px; overflow: hidden}
.link-rank {float: left; margin: 4px}
.genre-number {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: bold; background-color: #38caa2 !important; color: white !important; padding-left: 7px; float: left; font-size: 30px; line-height: 30px; padding: 9px; height: 40px}
.genre-dj {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; color: #565158; background-color: #fff; float: left; font-size: 18px; line-height: 30px; padding-top: 6px; padding-left: 9px; padding-right: 9px; height: 40px}
.genre-dj:hover {background-color: #38caa2!important}
.genre-more {margin-top: 32px}
.genre-more a {margin-top: 20px; font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 14px; letter-spacing: 0.9px; color: #ffffff; text-transform: uppercase}
.genre-more a:hover, .genre-more a:visited, .genre-more a:active, .genre-more a:focus {color: #38caa2}
.top-overall-djs-search {background-color: #232024; padding-top: 53px; padding-left: 35px!important}
.top-overall-djs-search .row {margin-top: 20px; margin-bottom: 20px}
.city-dropdowns {padding: 15px 0}
.city-dropdowns > div {width: 125px; margin-right: 15px; float: left}
.drop-down {position: relative; width: 125px}
.drop-down .label {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 14px; letter-spacing: 1px; color: #565158; background-color: #232024; border: solid 1px #565158; padding: 0 15px; position: relative; line-height: 35px}
.drop-down .label:after {float: right; font-family: FontAwesome; font-size: 20px; content: "\f107"}
.drop-down .label.active {color: #ffffff; border-color: #ffffff}
.drop-down .label.active:after {font-family: FontAwesome; content: "\f106"}
.drop-down .list {width: 260px; height: 295px; border: 2px solid #d9d9d9; background: #fff; position: absolute; left: -30px; z-index: 2; top: 100%; margin-top: 10px; color: #333; overflow: hidden; visibility: hidden}
.drop-down .list.ready {visibility: visible; display: none}
.drop-down .list ul {list-style: none; padding-right: 0; padding-top: 19px}
.drop-down .list ul > li {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 14px; color: #2f2b31; line-height: 18px}
.drop-down .list ul > li:hover {background: #d9d9d9}
.drop-down .list ul > li a {color: #2f2b31; padding: 15px 29px}
.drop-down .swiper-slide {padding-bottom: 20px}
.drop-down .dropDown-scrollbar {background: #d5f5ec; position: absolute; right: 20px; top: 24px; bottom: 24px; width: 5px; opacity: 1 !important}
.drop-down .dropDown-scrollbar .swiper-scrollbar-drag {border-radius: 0; background: #2ccba2}
.top-overall-djs-search a {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 14px; letter-spacing: 0.9px; color: #bebdbd}
.top-overall-djs-search a:hover {color: #944fb5}
.position {width: 100%; overflow: auto; margin: 5px 0}
.rank-number {text-align: center; font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 700; background-color: #944fb5; float: left; font-size: 17px; width: 32px; line-height: 39px; color: #ffffff}
.rank-dj {background-color: #2f2b31; float: left; line-height: 39px !important; min-height: 39px !important; padding: 0 8px; max-width: 70%}
.rank-dj:hover {background-color: #944fb5!important}
.rank-dj a {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 500; font-size: 15px; color: #ffffff; letter-spacing: 0}
.rank-dj a:hover, .rank-dj a:visited, .rank-dj a:active, .rank-dj a:focus {color: #ffffff!important}
.top-overall-djs-search h2 {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 500; font-size: 48px; color: #ffffff}
.home-cta {background-color: #2f2b31; padding: 100px 46px; text-align: center}
.home-cta p {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 500; font-size: 28px; color: #ffffff}
.home-grey-section {background-color: #F0F0F0}
.home-grey-section .section {padding: 60px 50px 15px}
.home-grey-section h2 {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 500; font-size: 48px; color: #565158}
.events {padding-bottom: 25px}
.event, .spotlight-dj {overflow: hidden; position: relative; height: 440px}
.spotlight-dj .promoted {top: 0 !important; bottom: initial}
.event-image img, .spotlight-dj-image img {position: absolute; left: -1000%; right: -1000%; top: -1000%; bottom: -1000%; margin: auto; min-height: 100%; min-width: 100%}
.event-meta, .spotlight-dj-meta {position: absolute; bottom: 0; padding: 20px; width: 100%; background-color: rgba(34, 31, 36, 0.9); color: #ffffff}
.event-meta h5, .spotlight-dj-meta h5 {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 26px; color: #ffffff}
.event-date > span {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 16px; letter-spacing: 1.3px;  text-transform: uppercase}
.event-description, .spotlight-dj-bio {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 500; font-size: 12px; line-height: 1.3; color: #ffffff}
.spotlight-dj .tag {background-color: #565158 !important; color: #ffffff}
.top-news {overflow: hidden}
.article {border-bottom: solid 1px #d7d7d7; padding-top: 14px; padding-bottom: 14px}
.article-thumb {text-align: left; margin-right: 6px; float: left}
.article-thumb img {width: 90px; height: 90px; display: block}
.article-meta {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 1px; color: #bebdbd}
.article-headline a {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 500; font-size: 23px; line-height: 1.2; color: #565158}
.article-headline a:hover, .article-headline a:visited, .article-headline a:active, .article-headline a:focus {color: #565158!important}
.city-data {padding: 30px 0px}
.city-data h4 {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; color: #944fb5}
.city-data ul {margin-top: 10px; margin-bottom: 20px}
.city-data ul li {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 14px; color: #565158; padding: 4px 0}
a.learn-more {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 14px; letter-spacing: 0.9px; color: #bebdbd}
a:hover.learn-more, a:visited.learn-more, a:active.learn-more, a:focus.learn-more {color: #bebdbd}
a.white-link {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 12px; color: #565158; padding: 2px; background-color: #ffffff}
a:hover.white-link {color: #565158}
.home-white-section {padding: 90px 50px !important}
.home-white-section .section {margin-bottom: 72px}
.home-white-section h4 {text-align: center; font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 16px; letter-spacing: 2px; color: #232024}
.banner-section-1, .banner-section-2, .banner-section-3 {text-align: center}
.load-more {display: block; font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 700; text-align: center; font-size: 14px; letter-spacing: 0.9px; color: #bebdbd}
.video {display: block; width: 100%; position: relative; padding-bottom: 25px}
.video-thumb img {width: 179px; height: 119px}
.video-thumb {position: relative}
.video-thumb .play {top: 50px!important; left: 80px!important}
.overlay {position: absolute; top: 0; width: 179px; height: 119px; background-color: rgba(85, 81, 88, 0.6); z-index: 10}
.video-name {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 12px; color: #2f2b31}
.video-artist {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 12px; color: #bebdbd}
 .track-player {margin: 0 0 21px}
.track {max-height: 70px; margin: 10px 0; background-color: #F0F0F0; margin-left: 0 !important; margin-right: 0 !important}
.artwork {padding: 10px !important; text-align: center}
.info {padding: 10px !important}
.info > div {text-align: left}
img.art-thumb {width: 50px; height: auto; z-index: 9}
.play {background: url("http://i2.thedjlist.com/assets/page-1.png") no-repeat; z-index: 10; height: 24px; width: 22px; position: absolute; top: calc(50% - 10px); left: calc(50% - 9px)}
.genre-tags {width: 100%; display: block; overflow: auto}
.tag {display: inline-block; float: left; font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 700; padding: 0 4px; margin-right: 7px; line-height: 18px; background-color: #d7d7d7; font-size: 12px; color: #565158}
.tag a {font-size: 12px; color: #565158; font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 700}
.promoted {display: block; float: right; background-color: #39343b; font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 10px; color: #ffffff; line-height: 14px; padding: 0 2px; position: absolute; right: 0; bottom: 0}
.song {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 500; width: 100%; font-size: 12px; color: #2f2b31}
.artist {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 12px; color: #232024}
.country {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 1px; color: #bebdbd; display: block; float: left}
.actions {display: block; float: right; color: #d7d7d7}
a.link:before {color: #d7d7d7; font-family: FontAwesome; content: "\f067"}
a.share:before {color: #d7d7d7; font-family: FontAwesome; content: "\f064"}
 .cta-download {text-align: center; background-color: #620f86; padding: 105px 58px}
.cta-download h2 {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 500; font-size: 50px; color: #ffffff; margin-bottom: 22px}
.cta-download .button {margin-left: 10px; margin-right: 10px}
.cta-shout {text-align: center; background-color: #38caa2; padding: 105px 58px}
.cta-shout a.shout_link {display: block; width: 100%; font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 50px; color: #ffffff; margin-bottom: 22px}
.no-padding {padding-left: 0px; padding-right: 0px}
 .footer {background-color: #232024 !important; padding-top: 40px; padding-bottom: 54px; padding-left: 0px; padding-right: 0px; color: #d7d7d7 !important}
.footer .button{ border: 2px solid #d7d7d7; background-color: #232024 !important}
.footer ul {display: inline-block; margin-right: 10px; margin-top: 28px; vertical-align: top}
.footer ul a {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 14px; line-height: 1.6; letter-spacing: 1px; color: #d7d7d7 !important}
.footer-nav ul a:hover {text-decoration: underline}
.underlined-links ul a:hover {color: #3D3540; text-decoration: underline}
.footer ul a:visited {color: #d7d7d7 !important}
.footer h4 {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 600; font-size: 14px; letter-spacing: 1.8px; color: #565158; text-transform: uppercase}
.footer p {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-size: 26px;  margin: 0 0 35px}
.footer-social {text-align: center; padding-bottom: 50px}
.footer-social ul li {display: inline-block; padding: 0 1.4em}
.footer-social a {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 700 !important; font-size: 14px !important; letter-spacing: 1.8px !important;  text-transform: uppercase}
.footer-social div {line-height: 2em}
.footer-social i {font-size: 2em; margin-right: 10px; float: left; color: #2f2b31}
.footer .container {width: 95%!important; margin: 0 auto}
#divfacebook:hover > i {color: #3a5795}
#divtwitter:hover > i {color: #55acee}
#divinstagram:hover >i {color: #125688}
#divyoutube:hover > i {color: #bb0000}
#divsnapchat:hover > i {color: #fffc00}
.footer-nav { background-color: #2f2b31; text-align: center; margin-top: 80px; margin-bottom: 15px}
.footer-nav ul {margin: 23px auto}
.footer-nav ul li {display: inline-block; padding: 0 1.5em}
.footer-nav ul li a {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 14px; line-height: 1.6; letter-spacing: 1px; color: #565158}
.footer-nav ul li a:hover {text-decoration: underline!important}
.list-ranking a {color: #5b565d; text-decoration: underline}
.list-ranking a:hover {color: #5b565d; text-decoration: hover}
.copyright {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 1.8px; color: #bebdbd; text-align: center}
.copyright a {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 1.8px; color: #bebdbd; text-decoration: underline}
 a:hover {text-decoration: none !important}
@media (min-width: 1200px) {.container {max-width: 1400px}
}
@media (max-width: 768px) {.home-grey-section .section {padding: 20px 15px}
}
 @media screen and (min-width: 993px ) {.row-eq-height {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex}
}
 .display-one-line {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden}
.display-three-lines {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden}
 @font-face {font-family: 'fa-snapchat'; src:url('fonts/fa-snapchat.eot?-73zac'); src:url('fonts/fa-snapchat.eot?#iefix-73zac') format('embedded-opentype'), url('fonts/fa-snapchat.ttf?-73zac') format('truetype'), url('fonts/fa-snapchat.woff?-73zac') format('woff'), url('fonts/fa-snapchat.svg?-73zac#fa-snapchat') format('svg')}
.fa-snapchat:before {font-family: 'fa-snapchat'; content: "\e600"}
  .nav-mega-menu {padding: 0; border: none; outline: none;  }
.nav-mega-menu a {text-decoration: none}
.nav-mega-menu li {list-style: none}
 .nav-mega-menu {display: inline-block; position: relative; cursor: default; z-index: 500}
 .nav-mega-menu > li {display: block; float: left}
 .nav-mega-menu > li > a {position: relative; display: block; z-index: 510; font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: bold; padding-left: 20px; padding-right: 20px; padding-top: 30px; padding-bottom: 30px; font-size: 14px; letter-spacing: 1px; color: #ffffff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease}
 .nav-mega-menu > li > div {display: block; width: 100%; height: 313px; background-color: #232024; position: fixed; left: 0; opacity: 0; visibility: hidden; overflow: hidden;  border-radius: 0 0 3px 3px; -webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; -o-transition: all .3s ease .15s; -ms-transition: all .3s ease .15s; transition: all .3s ease .15s}
.nav-mega-menu > li:hover > div {opacity: 1; visibility: visible; overflow: visible; position: fixed; left: 0}
.nav-mega-menu-option-container {padding: 0px!important}
  .top-menu {width: 100%; height: 80px !important; background-color: #000000 !important; position: fixed; top: 0; left: 0; z-index: 1030}
.top-menu-site-name {width: 95px; margin-left: 26.5px!important; margin-top: 28px!important; padding-left: 0!important; font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-size: 16px !important; letter-spacing: 1px !important; color: #ffffff !important}
.top-menu-link-home {float: left}
.top-menu-search {width: 150px !important; height: 40px !important; border: solid 1px #565158; float: left; margin-left: 16px; margin-top: 20px; padding: 6px}
.top-menu-search input {width:80%; font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-size: 16px; color: white; background-color: #000; border: none}
.mega-menu-search {width:92%; font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-size: 16px; color: white; background-color: #000; width: 84%; height: 50px !important; border: solid 1px #565158; padding: 5px}
.top-menu-header-option {margin-top: 61px!important; margin-bottom: 16px; height: 15px; font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 12px; letter-spacing: 1px; color: #565158}
.top-menu-option {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif}
.top-menu-option a {font-size: 14px; line-height: 1.6; letter-spacing: 1px; color: #d7d7d7}
.top-menu-option a:hover, .top-menu-option a:visited, .top-menu-option a:active, .top-menu-option a:focus{ color: #d7d7d7}
.top-menu-tag {height: 39px; font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; padding: 8px; margin-right: 6px; margin-bottom: 6px; font-size: 16px; color: #5b565d; background-color: #39343b; float: left}
.top-menu-tag a {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-size: 16px; color: #5b565d}
.top-menu-tag a:hover {color: #5b565d}
.top-menu-tag a:visited {color: #5b565d!important}
.top-menu-tag a:active {color: #5b565d}
.top-menu-link {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 14px; color: #fff}
.top-menu-link a:hover {color: #fff}
.top-menu-link img {padding-left: 10px}
.top-menu-link-green {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-size: 16px; color: #38caa2!important; height: 80px}
.top-menu-link-green img {padding-right: 10px}
.mega-menu-link-rank {float:left; margin:4px}
.link-green {color: #38caa2!important}
.link-green > a {color: #38caa2!important}
.link-green > a:hover {color: #38caa2!important}
.main-page-mosaic {width: 1440px; height: 636px; opacity: 0.9; background-image: linear-gradient(#232024, #232024), linear-gradient(294deg, #5bd0b0, #620f86)}
.app-button {width: 258px; height: 69px; background-color: #38caa2}
.nav-mega-menu-ranking-container{ font-size: 32px; line-height: 32px; margin-top: 33px; margin-left: 33px}
.nav-mega-menu-ranking-green {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: bold; background-color: #38caa2!important; color: white!important; padding-left: 7px; float: left; font-size: 30px; line-height: 30px; padding: 9px; height: 40px}
.nav-mega-menu-ranking-text {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; color: #565158; background-color: #fff; float: left; font-size: 18px; line-height: 30px; padding-top: 6px; padding-left: 9px; padding-right: 9px; height: 40px}
.nav-mega-menu-ranking-text:hover {background-color: #38caa2!important}
.nav-mega-menu-img-bg {padding-top: 2px; position: absolute; left: 0px; top: 0px; width: 466px; height: 313px; z-index: -1; opacity: 0.5; overflow: hidden}
.nav-mega-menu-img-bg img { position: relative; top: -100px; width: 100%; -webkit-filter: contrast(120%) grayscale(1) opacity(0.5)}
.nav-mega-menu-text {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 14px; color: #ffffff; padding-top: 4px}
.nav-mega-menu-text > a {color: #ffffff}
.nav-mega-menu-text > a:hover {color: #38caa2}
#img_dj_logo {margin:22px 0 0 15px; background:url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAHsAAAAlCAYAAABiQ5b4AAAIIElEQVR4Ae3bBVAcyQLG8Y475Ix4eDm/yFncre7i7q4LESTuem5xfUBcT+Lu7u7urnCwhuz2+1/VUtU1t7A7xJa8/ap+6NrMNz070wPCG29Sf7pMLoSm+AkbcBQH8ScGoTrehPi/wYfXyVsIxE4kQDoYcR8PEQfpEIk/UMtbduqRAX1xB1ZsxxDURlHkgg98UQDF0QLjcQ52HEBNb9me7QscxE2MxAcQOqRHJSyAEbPg6y3b8zTDTfyGdyCe0efYgMP4wFu25+iII6gI8Zz1xUF87C371auDVSgA8YLUwmrRcWI+iNcCH1IVv6Awf9FhwhiKyALxgpUU7caPrvTjkjQQqZ3gg5BSNkJ3GNwUgHbwRycEOPRAYQhFdnRAIAzogdIQEAsWLPBZs2ZNjdjYWMdjJP2cT43WtrlCIyZR9jiKCEAIeqMwmqM3QhCEjiiLdBA61ERfBMMgWo1ZHDpv+wCevzMCHAJREMKFtJp12wM1ISBWrlzpd/bs2ebKuklKALqgEFq7cXtVdzSCSHxRJ6A30WgMO9QEQSj8ESuV2O328RBhYWHVHzx4cDouLk66k0cxFlPe3hEjKVs5hwbF4xikRgJ2ogiEm5ZAJqLsU+2nb5gq/526EC5kwEnNsm+EGD58+NdPnz69mpCQIHWkKR5Db06oZe+H3txHPZigJgBCUQCRUgkLOdpgMOR69OjRQ6kjrKSzNX9ZWkO0GRuvKbUjdkMm4QRyQLhhAbgPOk+WmdtPOLT19I0W8t+pCeFCehyQSkwm05Jvv/02Fxv5bakvVjTATejNfrXsA9CbB6gHoxtlP5VKLl26NPCPP/4IkvpzvvYvS+uI1mPjnJS9DzIZ9XSX3WmSzNlt+mFLbFyblJatHUg2m23+7du320r9iUVD3ILeHNCObLuDDXY4i0253T3UT0nZjOyh169fn5bcIHaCyHOUXTeJsrfDChukE71SUrZv4LTDUUbLcyubzMFgN9avlhmNcEvTlZMoPUI7soujGqqgEpojBmoiUAFVUBVlUB6xUNMVQpFXWzYZjnDNFm+PiYmZyecajsetkOhepLHC0v0XKvN1iZq/LPuK3bi20Db4D4qhEtZBavTxoLIHSSUcsyTcu3evH8teVl1uvq/AgWslpZd3UA5VUQUVoB00JrRC4v2qobhatlYuRELNEAiNEoiHmiBkQVZkwQdOyh6GMKnEYrHcffLkSS4IrYv3ItPM33H6H+Lt0IiqnILZNUW2hlCUczLCe3tq2VarNXbMmDEVIRLx4zQQbugLNdEoAKGRZNmFEAU1oyA0Sjop+z7O4yIu4ApsrspmK7ZyAMbtJeRFlZ23ecnPo8yxhX16hpV1o+zCsHpi2SzjHJZ1sCSaA7e/GcXqsl8ym82nT5w4sYhT06oQzjh5S4jBhy+4bB1Ry9YRyi7uGxRWxo2yi3hq2RQ67+LFi50oXbob9nqxY8eObQmh9bqWbaPsL1J72YzqP+/fv18oPj7+b6kjd+7cuVKvXj1fCNXrPLJLUHbpFO7GgzEIG7EeGzEGaSEU890su0ZKyiYrISjcwGcz3IqdMNtWFkL1qss+iHlYhAVYjlhXZf+zpbPVL+RLyEUqm92+iKIXxljj/H2Cwsq7WXYspKInlkEqDkHoLZvXKZkrqAGRjGTLhmCXXooZtJ81y7uQXhfxHLe1ezZUhFC96rI7QyjewRNXZUdHRz/YuHHj2xDJeTskvJqTshtBKJrC7qTsRZCK2/CDcEiHg67Kpgw5d+7cUAhXnExYrYJwhY0lxEnZFTytbAOEIn8S59kRUpPLly/v4uJAMAckbDCyS6IHUaYu645f7R5vszet+fPSr5lU0c6Nz0NP9MJ3uAmpEYTFkBp70B+9sApSU/aRaHNsO6kJp4T3d+3aNcJoNPIaZVcNAwJQGDuh5g+UxED0ceitCOWxe7ObP+K5I1vHDBoLMuT06dOTpP5cr/PLMnUGTQ8D5kG6jbJ9Aqftu3rlcmOZsnTHOqiZjZFwK+qkE4OhHITK48u+e/fuoNWrV7dndyh15kyNH5fUSmHZRTAA0m1cCMnSdXL4jEVL/Jj4MEr96Yr1TidVdIY9yIPw8HA/CMVzKzsaakYnUbYNagKdlB2lORj7bvfu3T68T5+VOvLEZLmWJyS8IZc49ZY9CwJ5cRHSTY9F50kfZ+o0wX/X2ZtLUlj2BqiZCwrSF64nfAuh5ZjZVGPSW/Z7MEHNdxAapZyU3R1C4Y8YqBkDERkZ+TFHo6v42giXeRhtjswVEjGXsh9RhBmWZDzFEQxCFgiHDzADVxANi8KKGNzCn/gSvqLV2O5TNhzykdI+kL3RGcflRnfSDZuhZj76I9YdPN8dBsePXBLNBKHlOP5RY8FHesrOipqog9qon8TWkhO1ldvVgz+EIgtqoK7yWJ9AJKLwjzWP40zdKKO1Qr7g8B6iw8RRlFAIhVHEicIogIwQSfDBeyiiKIr3Nf8p8p1o8dtnEAKcLmXl/bOYY5mcvl7NuiiNesrPvoQfPsdnLnzORRI/iKRwmw9QX1l/NZFNT9ke6+2gsPSceo1Vr0+/QL/A4P3r0leIsnM5ZsG6QbwAWfBf/AThLfvV88d+hOEtiOekOPZhAoS3bM/xNpbjAjohyzNuPOPwCMMhvGV7phDcw0WMQnFkhHAhJ2phFiJxFJUhvGV7toIYgyeQuIYl+BE90AGd0BuTsFm57RkEICOEt+zU4x20w++4CemEDccxCV8hg/f/s1O3bCiDIIzBVEzBD2iHj5AGAvCW7fUa+R86hyp/Yig4fgAAAABJRU5ErkJggg==); display:inline-block; width:123px; height:37px}
.dn {display:none;}
.nav-mega-menu-statistics {background-color: #2f2b31; height: 313px; width: 290px!important}
.nav-mega-menu-statistics-div {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 26px; color: #fff; margin-top: 70px; margin-left: 60px; line-height: 1.2}
.purple {color: #944fb5}
.nav-mega-menu-your-local {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 36px; color: #ffffff; margin-top:32px}
.nav-mega-menu-news {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 12px; color: #565158}
.nav-mega-menu-news span{ font-size: 24px; font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; color: #bebdbd !important}
.nav-mega-menu-news span a {color: #bebdbd !important}
.nav-mega-menu-news img {width: 90px; height: 90px; padding-right: 10px; float: left}
.nav-mega-menu-festivals {font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 12px; color: #565158}
.nav-mega-menu-festivals span{ font-size: 12px; font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; color: #bebdbd}
.nav-mega-menu-festivals img {width: 90px; height: 90px; padding-right: 10px; float: left}
.music-repository {font-size: 60px; font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif; color: #000; background-color: #f2f2f2}
.music-repository div {margin-top: 78px; margin-left: 37px; margin-bottom: 56px; line-height: 1}
  .ui-autocomplete {position: absolute; list-style-type: none; overflow: auto; background-color: #000; border: solid 1px #565158; max-height: 100px; font-size: 14px!important; cursor:pointer}
.ui-helper-hidden-accessible {display:none}
.ui-autocomplete li {margin-left: 0; padding-left: 0}
.ui-autocomplete li:hover {background-color:#fff}
.ui-autocomplete-loading{ background-image: url(/images/assets/loading.gif); background-position: right center; background-repeat: no-repeat}
@media (min-width: 970px) {.pull-right-md {float: right}
.pull-left-sm {float: left}
}
@media (min-width: 750px) {.pull-right-sm {float: right}
.pull-left-sm {float: left}
}
 @media (max-width:400px) {.signuptoday {text-align: center; margin: 0px auto 40px auto; width: 275px; display: block;}
}
body h1 {font-size: 3.875em !important; line-height: 1em !important; font-weight: 200 !important; margin: 0 0 20px 0}
.h1wrapper{text-align:center; !important}
.fff{color:#fff; !important}
.title-profile{font-size:4.875em; !important}
@media(max-width: 400px) {body h1 {font-size: 2.875em !important; line-height: 1em !important; font-weight: 200 !important}
.h1wrapper{text-align:center !important;}
.fff{color:#fff; !important}
.title-profile{font-size:3.875em; !important}
}
.textcenter {text-align:center}
.purple-dj-genre .genre-box {width:100%;margin-top:10px;margin-bottom:10px}
.black-home-ad {background:#000;padding:30px 0;text-align:center;}
.inputfont{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
.amazonprod{background:#fff;margin-top:10px;padding:10px;text-align:center;}
    html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%}
body {margin: 0}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline}
audio:not([controls]) {display: none; height: 0}
[hidden], template {display: none}
a {background-color: transparent}
a:active, a:hover {outline: 0}
abbr[title] {border-bottom: 1px dotted}
b, strong {font-weight: bold}
dfn {font-style: italic}
h1 {font-size: 2em; margin: 0.67em 0}
mark {background: #ff0; color: #000}
small {font-size: 80%}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline}
sup {top: -0.5em}
sub {bottom: -0.25em}
img {border: 0}
svg:not(:root) {overflow: hidden}
figure {margin: 1em 40px}
hr {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0}
pre {overflow: auto}
code, kbd, pre, samp {font-family: monospace, monospace; font-size: 1em}
button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0}
button {overflow: visible}
button, select {text-transform: none}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer}
button[disabled], html input[disabled] {cursor: default}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0}
input {line-height: normal}
input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em}
legend {border: 0; padding: 0}
textarea {overflow: auto}
optgroup {font-weight: bold}
table {border-collapse: collapse; border-spacing: 0}
td, th {padding: 0}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
*:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
html {font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #ffffff}
input, button, select, textarea {font-family: inherit; font-size: inherit; line-height: inherit}
a {color: #337ab7; text-decoration: none}
a:hover, a:focus {color: #23527c; text-decoration: underline}
a:focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px}
figure {margin: 0}
img {vertical-align: middle}
.img-responsive {display: block; max-width: 100%; height: auto}
.img-rounded {border-radius: 6px}
.img-thumbnail {padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto}
.img-circle {border-radius: 50%}
hr {margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee}
.sr-only {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0}
.sr-only-focusable:active, .sr-only-focusable:focus {position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto}
[role="button"] {cursor: pointer}
.container {margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px}
@media (min-width: 768px) {.container {width: 750px}
}
@media (min-width: 992px) {.container {width: 970px}
}
@media (min-width: 1200px) {.container {width: 1170px}
}
.container-fluid {margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px}
.row {margin-left: -15px; margin-right: -15px}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left}
.col-xs-12 {width: 100%}
.col-xs-11 {width: 91.66666667%}
.col-xs-10 {width: 83.33333333%}
.col-xs-9 {width: 75%}
.col-xs-8 {width: 66.66666667%}
.col-xs-7 {width: 58.33333333%}
.col-xs-6 {width: 50%}
.col-xs-5 {width: 41.66666667%}
.col-xs-4 {width: 33.33333333%}
.col-xs-3 {width: 25%}
.col-xs-2 {width: 16.66666667%}
.col-xs-1 {width: 8.33333333%}
.col-xs-pull-12 {right: 100%}
.col-xs-pull-11 {right: 91.66666667%}
.col-xs-pull-10 {right: 83.33333333%}
.col-xs-pull-9 {right: 75%}
.col-xs-pull-8 {right: 66.66666667%}
.col-xs-pull-7 {right: 58.33333333%}
.col-xs-pull-6 {right: 50%}
.col-xs-pull-5 {right: 41.66666667%}
.col-xs-pull-4 {right: 33.33333333%}
.col-xs-pull-3 {right: 25%}
.col-xs-pull-2 {right: 16.66666667%}
.col-xs-pull-1 {right: 8.33333333%}
.col-xs-pull-0 {right: auto}
.col-xs-push-12 {left: 100%}
.col-xs-push-11 {left: 91.66666667%}
.col-xs-push-10 {left: 83.33333333%}
.col-xs-push-9 {left: 75%}
.col-xs-push-8 {left: 66.66666667%}
.col-xs-push-7 {left: 58.33333333%}
.col-xs-push-6 {left: 50%}
.col-xs-push-5 {left: 41.66666667%}
.col-xs-push-4 {left: 33.33333333%}
.col-xs-push-3 {left: 25%}
.col-xs-push-2 {left: 16.66666667%}
.col-xs-push-1 {left: 8.33333333%}
.col-xs-push-0 {left: auto}
.col-xs-offset-12 {margin-left: 100%}
.col-xs-offset-11 {margin-left: 91.66666667%}
.col-xs-offset-10 {margin-left: 83.33333333%}
.col-xs-offset-9 {margin-left: 75%}
.col-xs-offset-8 {margin-left: 66.66666667%}
.col-xs-offset-7 {margin-left: 58.33333333%}
.col-xs-offset-6 {margin-left: 50%}
.col-xs-offset-5 {margin-left: 41.66666667%}
.col-xs-offset-4 {margin-left: 33.33333333%}
.col-xs-offset-3 {margin-left: 25%}
.col-xs-offset-2 {margin-left: 16.66666667%}
.col-xs-offset-1 {margin-left: 8.33333333%}
.col-xs-offset-0 {margin-left: 0%}
@media (min-width: 768px) {.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left}
.col-sm-12 {width: 100%}
.col-sm-11 {width: 91.66666667%}
.col-sm-10 {width: 83.33333333%}
.col-sm-9 {width: 75%}
.col-sm-8 {width: 66.66666667%}
.col-sm-7 {width: 58.33333333%}
.col-sm-6 {width: 50%}
.col-sm-5 {width: 41.66666667%}
.col-sm-4 {width: 33.33333333%}
.col-sm-3 {width: 25%}
.col-sm-2 {width: 16.66666667%}
.col-sm-1 {width: 8.33333333%}
.col-sm-pull-12 {right: 100%}
.col-sm-pull-11 {right: 91.66666667%}
.col-sm-pull-10 {right: 83.33333333%}
.col-sm-pull-9 {right: 75%}
.col-sm-pull-8 {right: 66.66666667%}
.col-sm-pull-7 {right: 58.33333333%}
.col-sm-pull-6 {right: 50%}
.col-sm-pull-5 {right: 41.66666667%}
.col-sm-pull-4 {right: 33.33333333%}
.col-sm-pull-3 {right: 25%}
.col-sm-pull-2 {right: 16.66666667%}
.col-sm-pull-1 {right: 8.33333333%}
.col-sm-pull-0 {right: auto}
.col-sm-push-12 {left: 100%}
.col-sm-push-11 {left: 91.66666667%}
.col-sm-push-10 {left: 83.33333333%}
.col-sm-push-9 {left: 75%}
.col-sm-push-8 {left: 66.66666667%}
.col-sm-push-7 {left: 58.33333333%}
.col-sm-push-6 {left: 50%}
.col-sm-push-5 {left: 41.66666667%}
.col-sm-push-4 {left: 33.33333333%}
.col-sm-push-3 {left: 25%}
.col-sm-push-2 {left: 16.66666667%}
.col-sm-push-1 {left: 8.33333333%}
.col-sm-push-0 {left: auto}
.col-sm-offset-12 {margin-left: 100%}
.col-sm-offset-11 {margin-left: 91.66666667%}
.col-sm-offset-10 {margin-left: 83.33333333%}
.col-sm-offset-9 {margin-left: 75%}
.col-sm-offset-8 {margin-left: 66.66666667%}
.col-sm-offset-7 {margin-left: 58.33333333%}
.col-sm-offset-6 {margin-left: 50%}
.col-sm-offset-5 {margin-left: 41.66666667%}
.col-sm-offset-4 {margin-left: 33.33333333%}
.col-sm-offset-3 {margin-left: 25%}
.col-sm-offset-2 {margin-left: 16.66666667%}
.col-sm-offset-1 {margin-left: 8.33333333%}
.col-sm-offset-0 {margin-left: 0%}
}
@media (min-width: 992px) {.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left}
.col-md-12 {width: 100%}
.col-md-11 {width: 91.66666667%}
.col-md-10 {width: 83.33333333%}
.col-md-9 {width: 75%}
.col-md-8 {width: 66.66666667%}
.col-md-7 {width: 58.33333333%}
.col-md-6 {width: 50%}
.col-md-5 {width: 41.66666667%}
.col-md-4 {width: 33.33333333%}
.col-md-3 {width: 25%}
.col-md-2 {width: 16.66666667%}
.col-md-1 {width: 8.33333333%}
.col-md-pull-12 {right: 100%}
.col-md-pull-11 {right: 91.66666667%}
.col-md-pull-10 {right: 83.33333333%}
.col-md-pull-9 {right: 75%}
.col-md-pull-8 {right: 66.66666667%}
.col-md-pull-7 {right: 58.33333333%}
.col-md-pull-6 {right: 50%}
.col-md-pull-5 {right: 41.66666667%}
.col-md-pull-4 {right: 33.33333333%}
.col-md-pull-3 {right: 25%}
.col-md-pull-2 {right: 16.66666667%}
.col-md-pull-1 {right: 8.33333333%}
.col-md-pull-0 {right: auto}
.col-md-push-12 {left: 100%}
.col-md-push-11 {left: 91.66666667%}
.col-md-push-10 {left: 83.33333333%}
.col-md-push-9 {left: 75%}
.col-md-push-8 {left: 66.66666667%}
.col-md-push-7 {left: 58.33333333%}
.col-md-push-6 {left: 50%}
.col-md-push-5 {left: 41.66666667%}
.col-md-push-4 {left: 33.33333333%}
.col-md-push-3 {left: 25%}
.col-md-push-2 {left: 16.66666667%}
.col-md-push-1 {left: 8.33333333%}
.col-md-push-0 {left: auto}
.col-md-offset-12 {margin-left: 100%}
.col-md-offset-11 {margin-left: 91.66666667%}
.col-md-offset-10 {margin-left: 83.33333333%}
.col-md-offset-9 {margin-left: 75%}
.col-md-offset-8 {margin-left: 66.66666667%}
.col-md-offset-7 {margin-left: 58.33333333%}
.col-md-offset-6 {margin-left: 50%}
.col-md-offset-5 {margin-left: 41.66666667%}
.col-md-offset-4 {margin-left: 33.33333333%}
.col-md-offset-3 {margin-left: 25%}
.col-md-offset-2 {margin-left: 16.66666667%}
.col-md-offset-1 {margin-left: 8.33333333%}
.col-md-offset-0 {margin-left: 0%}
}
@media (min-width: 1200px) {.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float: left}
.col-lg-12 {width: 100%}
.col-lg-11 {width: 91.66666667%}
.col-lg-10 {width: 83.33333333%}
.col-lg-9 {width: 75%}
.col-lg-8 {width: 66.66666667%}
.col-lg-7 {width: 58.33333333%}
.col-lg-6 {width: 50%}
.col-lg-5 {width: 41.66666667%}
.col-lg-4 {width: 33.33333333%}
.col-lg-3 {width: 25%}
.col-lg-2 {width: 16.66666667%}
.col-lg-1 {width: 8.33333333%}
.col-lg-pull-12 {right: 100%}
.col-lg-pull-11 {right: 91.66666667%}
.col-lg-pull-10 {right: 83.33333333%}
.col-lg-pull-9 {right: 75%}
.col-lg-pull-8 {right: 66.66666667%}
.col-lg-pull-7 {right: 58.33333333%}
.col-lg-pull-6 {right: 50%}
.col-lg-pull-5 {right: 41.66666667%}
.col-lg-pull-4 {right: 33.33333333%}
.col-lg-pull-3 {right: 25%}
.col-lg-pull-2 {right: 16.66666667%}
.col-lg-pull-1 {right: 8.33333333%}
.col-lg-pull-0 {right: auto}
.col-lg-push-12 {left: 100%}
.col-lg-push-11 {left: 91.66666667%}
.col-lg-push-10 {left: 83.33333333%}
.col-lg-push-9 {left: 75%}
.col-lg-push-8 {left: 66.66666667%}
.col-lg-push-7 {left: 58.33333333%}
.col-lg-push-6 {left: 50%}
.col-lg-push-5 {left: 41.66666667%}
.col-lg-push-4 {left: 33.33333333%}
.col-lg-push-3 {left: 25%}
.col-lg-push-2 {left: 16.66666667%}
.col-lg-push-1 {left: 8.33333333%}
.col-lg-push-0 {left: auto}
.col-lg-offset-12 {margin-left: 100%}
.col-lg-offset-11 {margin-left: 91.66666667%}
.col-lg-offset-10 {margin-left: 83.33333333%}
.col-lg-offset-9 {margin-left: 75%}
.col-lg-offset-8 {margin-left: 66.66666667%}
.col-lg-offset-7 {margin-left: 58.33333333%}
.col-lg-offset-6 {margin-left: 50%}
.col-lg-offset-5 {margin-left: 41.66666667%}
.col-lg-offset-4 {margin-left: 33.33333333%}
.col-lg-offset-3 {margin-left: 25%}
.col-lg-offset-2 {margin-left: 16.66666667%}
.col-lg-offset-1 {margin-left: 8.33333333%}
.col-lg-offset-0 {margin-left: 0%}
}
table {background-color: transparent}
caption {padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left}
th {text-align: left}
.table {width: 100%; max-width: 100%; margin-bottom: 20px}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #dddddd}
.table > thead > tr > th {vertical-align: bottom; border-bottom: 2px solid #dddddd}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {border-top: 0}
.table > tbody + tbody {border-top: 2px solid #dddddd}
.table .table {background-color: #ffffff}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {padding: 5px}
.table-bordered {border: 1px solid #dddddd}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {border: 1px solid #dddddd}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {border-bottom-width: 2px}
.table-striped > tbody > tr:nth-of-type(odd) {background-color: #f9f9f9}
.table-hover > tbody > tr:hover {background-color: #f5f5f5}
table col[class*="col-"] {position: static; float: none; display: table-column}
table td[class*="col-"], table th[class*="col-"] {position: static; float: none; display: table-cell}
.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {background-color: #f5f5f5}
.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {background-color: #e8e8e8}
.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {background-color: #dff0d8}
.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {background-color: #d0e9c6}
.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {background-color: #d9edf7}
.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {background-color: #c4e3f3}
.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {background-color: #fcf8e3}
.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {background-color: #faf2cc}
.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {background-color: #f2dede}
.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {background-color: #ebcccc}
.table-responsive {overflow-x: auto; min-height: 0.01%}
@media screen and (max-width: 767px) {.table-responsive {width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #dddddd}
.table-responsive > .table {margin-bottom: 0}
.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {white-space: nowrap}
.table-responsive > .table-bordered {border: 0}
.table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {border-left: 0}
.table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {border-right: 0}
.table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {border-bottom: 0}
}
fieldset {padding: 0; margin: 0; border: 0; min-width: 0}
legend {display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5}
label {display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold}
input[type="search"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
input[type="radio"], input[type="checkbox"] {margin: 4px 0 0; margin-top: 1px \9; line-height: normal}
input[type="file"] {display: block}
input[type="range"] {display: block; width: 100%}
select[multiple], select[size] {height: auto}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px}
output {display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555555}
.form-control {display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s}
.form-control:focus {border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}
.form-control::-moz-placeholder {color: #999999; opacity: 1}
.form-control:-ms-input-placeholder {color: #999999}
.form-control::-webkit-input-placeholder {color: #999999}
.form-control::-ms-expand {border: 0; background-color: transparent}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background-color: #eeeeee; opacity: 1}
.form-control[disabled], fieldset[disabled] .form-control {cursor: not-allowed}
textarea.form-control {height: auto}
input[type="search"] {-webkit-appearance: none}
@media screen and (-webkit-min-device-pixel-ratio: 0) {input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {line-height: 34px}
input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] {line-height: 30px}
input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] {line-height: 46px}
}
.form-group {margin-bottom: 15px}
.radio, .checkbox {position: relative; display: block; margin-top: 10px; margin-bottom: 10px}
.radio label, .checkbox label {min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {position: absolute; margin-left: -20px; margin-top: 4px \9}
.radio + .radio, .checkbox + .checkbox {margin-top: -5px}
.radio-inline, .checkbox-inline {position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {margin-top: 0; margin-left: 10px}
input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] {cursor: not-allowed}
.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {cursor: not-allowed}
.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {cursor: not-allowed}
.form-control-static {padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px}
.form-control-static.input-lg, .form-control-static.input-sm {padding-left: 0; padding-right: 0}
.input-sm {height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px}
select.input-sm {height: 30px; line-height: 30px}
textarea.input-sm, select[multiple].input-sm {height: auto}
.form-group-sm .form-control {height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px}
.form-group-sm select.form-control {height: 30px; line-height: 30px}
.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {height: auto}
.form-group-sm .form-control-static {height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5}
.input-lg {height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px}
select.input-lg {height: 46px; line-height: 46px}
textarea.input-lg, select[multiple].input-lg {height: auto}
.form-group-lg .form-control {height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px}
.form-group-lg select.form-control {height: 46px; line-height: 46px}
.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control {height: auto}
.form-group-lg .form-control-static {height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333}
.has-feedback {position: relative}
.has-feedback .form-control {padding-right: 42.5px}
.form-control-feedback {position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none}
.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback {width: 46px; height: 46px; line-height: 46px}
.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback {width: 30px; height: 30px; line-height: 30px}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {color: #3c763d}
.has-success .form-control {border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)}
.has-success .form-control:focus {border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168}
.has-success .input-group-addon {color: #3c763d; border-color: #3c763d; background-color: #dff0d8}
.has-success .form-control-feedback {color: #3c763d}
.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {color: #8a6d3b}
.has-warning .form-control {border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)}
.has-warning .form-control:focus {border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b}
.has-warning .input-group-addon {color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3}
.has-warning .form-control-feedback {color: #8a6d3b}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {color: #a94442}
.has-error .form-control {border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)}
.has-error .form-control:focus {border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483}
.has-error .input-group-addon {color: #a94442; border-color: #a94442; background-color: #f2dede}
.has-error .form-control-feedback {color: #a94442}
.has-feedback label ~ .form-control-feedback {top: 25px}
.has-feedback label.sr-only ~ .form-control-feedback {top: 0}
.help-block {display: block; margin-top: 5px; margin-bottom: 10px; color: #737373}
@media (min-width: 768px) {.form-inline .form-group {display: inline-block; margin-bottom: 0; vertical-align: middle}
.form-inline .form-control {display: inline-block; width: auto; vertical-align: middle}
.form-inline .form-control-static {display: inline-block}
.form-inline .input-group {display: inline-table; vertical-align: middle}
.form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {width: auto}
.form-inline .input-group > .form-control {width: 100%}
.form-inline .control-label {margin-bottom: 0; vertical-align: middle}
.form-inline .radio, .form-inline .checkbox {display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle}
.form-inline .radio label, .form-inline .checkbox label {padding-left: 0}
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {position: relative; margin-left: 0}
.form-inline .has-feedback .form-control-feedback {top: 0}
}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {margin-top: 0; margin-bottom: 0; padding-top: 7px}
.form-horizontal .radio, .form-horizontal .checkbox {min-height: 27px}
.form-horizontal .form-group {margin-left: -15px; margin-right: -15px}
@media (min-width: 768px) {.form-horizontal .control-label {text-align: right; margin-bottom: 0; padding-top: 7px}
}
.form-horizontal .has-feedback .form-control-feedback {right: 15px}
@media (min-width: 768px) {.form-horizontal .form-group-lg .control-label {padding-top: 11px; font-size: 18px}
}
@media (min-width: 768px) {.form-horizontal .form-group-sm .control-label {padding-top: 6px; font-size: 12px}
}
.fade {opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear}
.fade.in {opacity: 1}
.collapse {display: none}
.collapse.in {display: block}
tr.collapse.in {display: table-row}
tbody.collapse.in {display: table-row-group}
.collapsing {position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease}
.caret {display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent}
.dropup, .dropdown {position: relative}
.dropdown-toggle:focus {outline: 0}
.dropdown-menu {position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; background-clip: padding-box}
.dropdown-menu.pull-right {right: 0; left: auto}
.dropdown-menu .divider {height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5}
.dropdown-menu > li > a {display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {text-decoration: none; color: #262626; background-color: #f5f5f5}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {color: #ffffff; text-decoration: none; outline: 0; background-color: #337ab7}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {color: #777777}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed}
.open > .dropdown-menu {display: block}
.open > a {outline: 0}
.dropdown-menu-right {left: auto; right: 0}
.dropdown-menu-left {left: 0; right: auto}
.dropdown-header {display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777777; white-space: nowrap}
.dropdown-backdrop {position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990}
.pull-right > .dropdown-menu {right: 0; left: auto}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: ""}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {top: auto; bottom: 100%; margin-bottom: 2px}
@media (min-width: 768px) {.navbar-right .dropdown-menu {left: auto; right: 0}
.navbar-right .dropdown-menu-left {left: 0; right: auto}
}
.nav {margin-bottom: 0; padding-left: 0; list-style: none}
.nav > li {position: relative; display: block}
.nav > li > a {position: relative; display: block; padding: 10px 15px}
.nav > li > a:hover, .nav > li > a:focus {text-decoration: none; background-color: #eeeeee}
.nav > li.disabled > a {color: #777777}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color: #eeeeee; border-color: #337ab7}
.nav .nav-divider {height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5}
.nav > li > a > img {max-width: none}
.nav-tabs {border-bottom: 1px solid #dddddd}
.nav-tabs > li {float: left; margin-bottom: -1px}
.nav-tabs > li > a {margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0}
.nav-tabs > li > a:hover {border-color: #eeeeee #eeeeee #dddddd}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #555555; background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent; cursor: default}
.nav-tabs.nav-justified {width: 100%; border-bottom: 0}
.nav-tabs.nav-justified > li {float: none}
.nav-tabs.nav-justified > li > a {text-align: center; margin-bottom: 5px}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {top: auto; left: auto}
@media (min-width: 768px) {.nav-tabs.nav-justified > li {display: table-cell; width: 1%}
.nav-tabs.nav-justified > li > a {margin-bottom: 0}
}
.nav-tabs.nav-justified > li > a {margin-right: 0; border-radius: 4px}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {border: 1px solid #dddddd}
@media (min-width: 768px) {.nav-tabs.nav-justified > li > a {border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {border-bottom-color: #ffffff}
}
.nav-pills > li {float: left}
.nav-pills > li > a {border-radius: 4px}
.nav-pills > li + li {margin-left: 2px}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {color: #ffffff; background-color: #337ab7}
.nav-stacked > li {float: none}
.nav-stacked > li + li {margin-top: 2px; margin-left: 0}
.nav-justified {width: 100%}
.nav-justified > li {float: none}
.nav-justified > li > a {text-align: center; margin-bottom: 5px}
.nav-justified > .dropdown .dropdown-menu {top: auto; left: auto}
@media (min-width: 768px) {.nav-justified > li {display: table-cell; width: 1%}
.nav-justified > li > a {margin-bottom: 0}
}
.nav-tabs-justified {border-bottom: 0}
.nav-tabs-justified > li > a {margin-right: 0; border-radius: 4px}
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {border: 1px solid #dddddd}
@media (min-width: 768px) {.nav-tabs-justified > li > a {border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0}
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {border-bottom-color: #ffffff}
}
.tab-content > .tab-pane {display: none}
.tab-content > .active {display: block}
.nav-tabs .dropdown-menu {margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0}
.navbar {position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent}
@media (min-width: 768px) {.navbar {border-radius: 4px}
}
@media (min-width: 768px) {.navbar-header {float: left}
}
.navbar-collapse {overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch}
.navbar-collapse.in {overflow-y: auto}
@media (min-width: 768px) {.navbar-collapse {width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none}
.navbar-collapse.collapse {display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important}
.navbar-collapse.in {overflow-y: visible}
.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {padding-left: 0; padding-right: 0}
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {max-height: 340px}
@media (max-device-width: 480px) and (orientation: landscape) {.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {max-height: 200px}
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin-right: -15px; margin-left: -15px}
@media (min-width: 768px) {.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin-right: 0; margin-left: 0}
}
.navbar-static-top {z-index: 1000; border-width: 0 0 1px}
@media (min-width: 768px) {.navbar-static-top {border-radius: 0}
}
.navbar-fixed-top, .navbar-fixed-bottom {position: fixed; right: 0; left: 0; z-index: 1030}
@media (min-width: 768px) {.navbar-fixed-top, .navbar-fixed-bottom {border-radius: 0}
}
.navbar-fixed-top {top: 0; border-width: 0 0 1px}
.navbar-fixed-bottom {bottom: 0; margin-bottom: 0; border-width: 1px 0 0}
.navbar-brand {float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; height: 50px}
.navbar-brand:hover, .navbar-brand:focus {text-decoration: none}
.navbar-brand > img {display: block}
@media (min-width: 768px) {.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left: -15px}
}
.navbar-toggle {position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px}
.navbar-toggle:focus {outline: 0}
.navbar-toggle .icon-bar {display: block; width: 22px; height: 2px; border-radius: 1px}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 4px}
@media (min-width: 768px) {.navbar-toggle {display: none}
}
.navbar-nav {margin: 7.5px -15px}
.navbar-nav > li > a {padding-top: 10px; padding-bottom: 10px; line-height: 20px}
@media (max-width: 767px) {.navbar-nav .open .dropdown-menu {position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {padding: 5px 15px 5px 25px}
.navbar-nav .open .dropdown-menu > li > a {line-height: 20px}
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {background-image: none}
}
@media (min-width: 768px) {.navbar-nav {float: left; margin: 0}
.navbar-nav > li {float: left}
.navbar-nav > li > a {padding-top: 15px; padding-bottom: 15px}
}
.navbar-form {margin-left: -15px; margin-right: -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 8px; margin-bottom: 8px}
@media (min-width: 768px) {.navbar-form .form-group {display: inline-block; margin-bottom: 0; vertical-align: middle}
.navbar-form .form-control {display: inline-block; width: auto; vertical-align: middle}
.navbar-form .form-control-static {display: inline-block}
.navbar-form .input-group {display: inline-table; vertical-align: middle}
.navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {width: auto}
.navbar-form .input-group > .form-control {width: 100%}
.navbar-form .control-label {margin-bottom: 0; vertical-align: middle}
.navbar-form .radio, .navbar-form .checkbox {display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle}
.navbar-form .radio label, .navbar-form .checkbox label {padding-left: 0}
.navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {position: relative; margin-left: 0}
.navbar-form .has-feedback .form-control-feedback {top: 0}
}
@media (max-width: 767px) {.navbar-form .form-group {margin-bottom: 5px}
.navbar-form .form-group:last-child {margin-bottom: 0}
}
@media (min-width: 768px) {.navbar-form {width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none}
}
.navbar-nav > li > .dropdown-menu {margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {margin-bottom: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0}
.navbar-btn {margin-top: 8px; margin-bottom: 8px}
.navbar-btn.btn-sm {margin-top: 10px; margin-bottom: 10px}
.navbar-btn.btn-xs {margin-top: 14px; margin-bottom: 14px}
.navbar-text {margin-top: 15px; margin-bottom: 15px}
@media (min-width: 768px) {.navbar-text {float: left; margin-left: 15px; margin-right: 15px}
}
@media (min-width: 768px) {.navbar-left {float: left !important}
.navbar-right {float: right !important; margin-right: -15px}
.navbar-right ~ .navbar-right {margin-right: 0}
}
.navbar-default {background-color: #f8f8f8; border-color: #e7e7e7}
.navbar-default .navbar-brand {color: #777777}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {color: #5e5e5e; background-color: transparent}
.navbar-default .navbar-text {color: #777777}
.navbar-default .navbar-nav > li > a {color: #777777}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #333333; background-color: transparent}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #555555; background-color: #e7e7e7}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {color: #cccccc; background-color: transparent}
.navbar-default .navbar-toggle {border-color: #dddddd}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #dddddd}
.navbar-default .navbar-toggle .icon-bar {background-color: #888888}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #e7e7e7}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background-color: #e7e7e7; color: #555555}
@media (max-width: 767px) {.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #777777}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color: #333333; background-color: transparent}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {color: #555555; background-color: #e7e7e7}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {color: #cccccc; background-color: transparent}
}
.navbar-default .navbar-link {color: #777777}
.navbar-default .navbar-link:hover {color: #333333}
.navbar-default .btn-link {color: #777777}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {color: #333333}
.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus {color: #cccccc}
.navbar-inverse {background-color: #222222; border-color: #080808}
.navbar-inverse .navbar-brand {color: #9d9d9d}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {color: #ffffff; background-color: transparent}
.navbar-inverse .navbar-text {color: #9d9d9d}
.navbar-inverse .navbar-nav > li > a {color: #9d9d9d}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color: #ffffff; background-color: transparent}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {color: #ffffff; background-color: #080808}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {color: #444444; background-color: transparent}
.navbar-inverse .navbar-toggle {border-color: #333333}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background-color: #333333}
.navbar-inverse .navbar-toggle .icon-bar {background-color: #ffffff}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: #101010}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {background-color: #080808; color: #ffffff}
@media (max-width: 767px) {.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {border-color: #080808}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {background-color: #080808}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color: #9d9d9d}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {color: #ffffff; background-color: transparent}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {color: #ffffff; background-color: #080808}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {color: #444444; background-color: transparent}
}
.navbar-inverse .navbar-link {color: #9d9d9d}
.navbar-inverse .navbar-link:hover {color: #ffffff}
.navbar-inverse .btn-link {color: #9d9d9d}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {color: #ffffff}
.navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus {color: #444444}
.pagination {display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px}
.pagination > li {display: inline}
.pagination > li > a, .pagination > li > span {position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #337ab7; background-color: #ffffff; border: 1px solid #dddddd; margin-left: -1px}
.pagination > li:first-child > a, .pagination > li:first-child > span {margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px}
.pagination > li:last-child > a, .pagination > li:last-child > span {border-bottom-right-radius: 4px; border-top-right-radius: 4px}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {z-index: 2; color: #23527c; background-color: #eeeeee; border-color: #dddddd}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {z-index: 3; color: #ffffff; background-color: #337ab7; border-color: #337ab7; cursor: default}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {color: #777777; background-color: #ffffff; border-color: #dddddd; cursor: not-allowed}
.pagination-lg > li > a, .pagination-lg > li > span {padding: 10px 16px; font-size: 18px; line-height: 1.3333333}
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {border-bottom-left-radius: 6px; border-top-left-radius: 6px}
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {border-bottom-right-radius: 6px; border-top-right-radius: 6px}
.pagination-sm > li > a, .pagination-sm > li > span {padding: 5px 10px; font-size: 12px; line-height: 1.5}
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {border-bottom-left-radius: 3px; border-top-left-radius: 3px}
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {border-bottom-right-radius: 3px; border-top-right-radius: 3px}
.panel {margin-bottom: 20px; background-color: #ffffff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)}
.panel-body {padding: 15px}
.panel-heading {padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px}
.panel-heading > .dropdown .dropdown-toggle {color: inherit}
.panel-title {margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit}
.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {color: inherit}
.panel-footer {padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #dddddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px}
.panel > .list-group, .panel > .panel-collapse > .list-group {margin-bottom: 0}
.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {border-width: 1px 0; border-radius: 0}
.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {border-top: 0; border-top-right-radius: 3px; border-top-left-radius: 3px}
.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {border-top-right-radius: 0; border-top-left-radius: 0}
.panel-heading + .list-group .list-group-item:first-child {border-top-width: 0}
.list-group + .panel-footer {border-top-width: 0}
.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table {margin-bottom: 0}
.panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption {padding-left: 15px; padding-right: 15px}
.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {border-top-right-radius: 3px; border-top-left-radius: 3px}
.panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {border-top-left-radius: 3px; border-top-right-radius: 3px}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {border-top-left-radius: 3px}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {border-top-right-radius: 3px}
.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {border-bottom-right-radius: 3px; border-bottom-left-radius: 3px}
.panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {border-bottom-left-radius: 3px; border-bottom-right-radius: 3px}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {border-bottom-left-radius: 3px}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {border-bottom-right-radius: 3px}
.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {border-top: 1px solid #dddddd}
.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {border-top: 0}
.panel > .table-bordered, .panel > .table-responsive > .table-bordered {border: 0}
.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {border-left: 0}
.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {border-right: 0}
.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {border-bottom: 0}
.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {border-bottom: 0}
.panel > .table-responsive {border: 0; margin-bottom: 0}
.panel-group {margin-bottom: 20px}
.panel-group .panel {margin-bottom: 0; border-radius: 4px}
.panel-group .panel + .panel {margin-top: 5px}
.panel-group .panel-heading {border-bottom: 0}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {border-top: 1px solid #dddddd}
.panel-group .panel-footer {border-top: 0}
.panel-group .panel-footer + .panel-collapse .panel-body {border-bottom: 1px solid #dddddd}
.panel-default {border-color: #dddddd}
.panel-default > .panel-heading {color: #333333; background-color: #f5f5f5; border-color: #dddddd}
.panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: #dddddd}
.panel-default > .panel-heading .badge {color: #f5f5f5; background-color: #333333}
.panel-default > .panel-footer + .panel-collapse > .panel-body {border-bottom-color: #dddddd}
.panel-primary {border-color: #337ab7}
.panel-primary > .panel-heading {color: #ffffff; background-color: #337ab7; border-color: #337ab7}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {border-top-color: #337ab7}
.panel-primary > .panel-heading .badge {color: #337ab7; background-color: #ffffff}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {border-bottom-color: #337ab7}
.panel-success {border-color: #d6e9c6}
.panel-success > .panel-heading {color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6}
.panel-success > .panel-heading + .panel-collapse > .panel-body {border-top-color: #d6e9c6}
.panel-success > .panel-heading .badge {color: #dff0d8; background-color: #3c763d}
.panel-success > .panel-footer + .panel-collapse > .panel-body {border-bottom-color: #d6e9c6}
.panel-info {border-color: #bce8f1}
.panel-info > .panel-heading {color: #31708f; background-color: #d9edf7; border-color: #bce8f1}
.panel-info > .panel-heading + .panel-collapse > .panel-body {border-top-color: #bce8f1}
.panel-info > .panel-heading .badge {color: #d9edf7; background-color: #31708f}
.panel-info > .panel-footer + .panel-collapse > .panel-body {border-bottom-color: #bce8f1}
.panel-warning {border-color: #faebcc}
.panel-warning > .panel-heading {color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {border-top-color: #faebcc}
.panel-warning > .panel-heading .badge {color: #fcf8e3; background-color: #8a6d3b}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {border-bottom-color: #faebcc}
.panel-danger {border-color: #ebccd1}
.panel-danger > .panel-heading {color: #a94442; background-color: #f2dede; border-color: #ebccd1}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {border-top-color: #ebccd1}
.panel-danger > .panel-heading .badge {color: #f2dede; background-color: #a94442}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {border-bottom-color: #ebccd1}
.modal-open {overflow: hidden}
.modal {display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0}
.modal.fade .modal-dialog {-webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out}
.modal.in .modal-dialog {-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0)}
.modal-open .modal {overflow-x: hidden; overflow-y: auto}
.modal-dialog {position: relative; width: auto; margin: 10px}
.modal-content {position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0}
.modal-backdrop {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000}
.modal-backdrop.fade {opacity: 0; filter: alpha(opacity=0)}
.modal-backdrop.in {opacity: 0.5; filter: alpha(opacity=50)}
.modal-header {padding: 15px; border-bottom: 1px solid #e5e5e5}
.modal-header .close {margin-top: -2px}
.modal-title {margin: 0; line-height: 1.42857143}
.modal-body {position: relative; padding: 15px}
.modal-footer {padding: 15px; text-align: right; border-top: 1px solid #e5e5e5}
.modal-footer .btn + .btn {margin-left: 5px; margin-bottom: 0}
.modal-footer .btn-group .btn + .btn {margin-left: -1px}
.modal-footer .btn-block + .btn-block {margin-left: 0}
.modal-scrollbar-measure {position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll}
@media (min-width: 768px) {.modal-dialog {width: 600px; margin: 30px auto}
.modal-content {-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)}
.modal-sm {width: 300px}
}
@media (min-width: 992px) {.modal-lg {width: 900px}
}
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {content: " "; display: table}
.clearfix:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .panel-body:after, .modal-header:after, .modal-footer:after {clear: both}
.center-block {display: block; margin-left: auto; margin-right: auto}
.pull-right {float: right !important}
.pull-left {float: left !important}
.hide {display: none !important}
.show {display: block !important}
.invisible {visibility: hidden}
.text-hide {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0}
.hidden {display: none !important}
.affix {position: fixed}
@-ms-viewport {width: device-width}
.visible-xs, .visible-sm, .visible-md, .visible-lg {display: none !important}
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {display: none !important}
@media (max-width: 767px) {.visible-xs {display: block !important}
table.visible-xs {display: table !important}
tr.visible-xs {display: table-row !important}
th.visible-xs, td.visible-xs {display: table-cell !important}
}
@media (max-width: 767px) {.visible-xs-block {display: block !important}
}
@media (max-width: 767px) {.visible-xs-inline {display: inline !important}
}
@media (max-width: 767px) {.visible-xs-inline-block {display: inline-block !important}
}
@media (min-width: 768px) and (max-width: 991px) {.visible-sm {display: block !important}
table.visible-sm {display: table !important}
tr.visible-sm {display: table-row !important}
th.visible-sm, td.visible-sm {display: table-cell !important}
}
@media (min-width: 768px) and (max-width: 991px) {.visible-sm-block {display: block !important}
}
@media (min-width: 768px) and (max-width: 991px) {.visible-sm-inline {display: inline !important}
}
@media (min-width: 768px) and (max-width: 991px) {.visible-sm-inline-block {display: inline-block !important}
}
@media (min-width: 992px) and (max-width: 1199px) {.visible-md {display: block !important}
table.visible-md {display: table !important}
tr.visible-md {display: table-row !important}
th.visible-md, td.visible-md {display: table-cell !important}
}
@media (min-width: 992px) and (max-width: 1199px) {.visible-md-block {display: block !important}
}
@media (min-width: 992px) and (max-width: 1199px) {.visible-md-inline {display: inline !important}
}
@media (min-width: 992px) and (max-width: 1199px) {.visible-md-inline-block {display: inline-block !important}
}
@media (min-width: 1200px) {.visible-lg {display: block !important}
table.visible-lg {display: table !important}
tr.visible-lg {display: table-row !important}
th.visible-lg, td.visible-lg {display: table-cell !important}
}
@media (min-width: 1200px) {.visible-lg-block {display: block !important}
}
@media (min-width: 1200px) {.visible-lg-inline {display: inline !important}
}
@media (min-width: 1200px) {.visible-lg-inline-block {display: inline-block !important}
}
@media (max-width: 767px) {.hidden-xs {display: none !important}
}
@media (min-width: 768px) and (max-width: 991px) {.hidden-sm {display: none !important}
}
@media (min-width: 992px) and (max-width: 1199px) {.hidden-md {display: none !important}
}
@media (min-width: 1200px) {.hidden-lg {display: none !important}
}
.visible-print {display: none !important}
@media print {.visible-print {display: block !important}
table.visible-print {display: table !important}
tr.visible-print {display: table-row !important}
th.visible-print, td.visible-print {display: table-cell !important}
}
.visible-print-block {display: none !important}
@media print {.visible-print-block {display: block !important}
}
.visible-print-inline {display: none !important}
@media print {.visible-print-inline {display: inline !important}
}
.visible-print-inline-block {display: none !important}
@media print {.visible-print-inline-block {display: inline-block !important}
}
@media print {.hidden-print {display: none !important}
}
.text-right {text-align: right}
.text-left {text-align: left}
body {font-family: 'Helvetica Neue'; font-weight: 400; background-color: #f2f2f2}
.clear {clear: both}
 .box-ranking-profile {width: 100%; height: 221px; background-color: #944fb5; margin-bottom: 10px}
 @media (min-width: 992px) {.box-ranking-profile {width: auto; margin-right: 320px;  }
.expand-ranking .box-ranking-profile {width: 100%}
.profile-right-col {float: right}
}
@media (max-width: 992px) {.box-follow {top: 0 !important}
}
@media (max-width: 768px) { a.photo-user-small {top: 0 !important}
.number-follow-small {width: 100% !important}
}
@media (max-width: 425px) {.box-ranking-profile {width: auto; max-width: 400px}
.dj-name-small {width: 59%}
h1#pcr-title {display:none;}
#versus-modal h2 {font-size:13px;}
}
h1#pcr-title {margin:0 auto 10px auto}
@media (max-width: 375px) {.box-ranking-profile {width: auto; max-width: 320px}
.dj-name-small {width: 145px}
}
.profile-right-col {margin-left: 20px; min-width: 300px; width: auto; text-align: center}
  a.photo-user-small {width: 130px; height: 130px; position: relative; float: left; margin-left: 15px}
.name-profile-small {min-width: 75%; height: 20px; font-size: 24px; line-height: 0.8; letter-spacing: -1.1px; color: #ffffff; margin-bottom: 4px; font-weight: 500; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; position: relative; float: left}
.number-follow-small {width: 70%; height: 16px; color: #fff; font-size: 14px; font-weight: 400; position: relative; float: left}
.dj-name-small {float: left; margin-left: 15px}
 .tags-ranking {float:left; margin-bottom: 5px}
.tags-ranking .text-tag-profile {height: 30px; float: left}
 .box-follow {width: 100%; height: 50px; text-align: center; color: #fff; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; text-align: center; position: relative; right:auto; padding-bottom:10px}
.button-follow,.button-vote {background-color: #38caa2; width: 47%; height: 40px; letter-spacing: 1px; border: none; border-radius: 0; float: left; padding: 0}
 .button-follow .f-regular, .button-vote .f-regular {display: initial}
.box-follow .number-follow {width: 135px; height: 20px; color: #fff; font-weight: 400; text-align: center}
.vote-button-container {top: 70px}
 @media (min-width: 1200px) { .back-img-profile {background-color: #232024}
.personal-items {width: 100%; height: 185px; position: relative; top: 55px}
.name-profile {width: 80%; min-height: 38px; font-size: 48px; line-height: 0.8 !important; letter-spacing: -1.1px; color: #ffffff; margin:0 0 30px 0 !important; font-weight: 500 !important; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
 .box-left-profile .photo-user {width: 100%; height: 365px; position: relative; background-size: cover; background-position: center; margin: 0 auto;  }
.box-left-profile .photo-user img {width: 100%}
 .tags-ranking {position: relative; top: 15px}
.tags-ranking .number-tag-profile {min-width: 30px; height: 30px; padding: 3px 5px 2px 5px; position: relative; float: left; background-color: #944fb5; font-size: 18px; color: #ffffff; font-weight: bold}
.tags-ranking .number-tag-color-b {background-color: #38caa2}
.tags-ranking .number-tag-color-c {background-color: #3399ff}
.tags-ranking .text-tag-profile a {min-width: 30px; height: 30px; padding: 5px 10px 2px 10px; position: relative; float: left; margin-right: 5px; background-color: #fff; font-size: 14px; color: #565158; text-align: center}
 .tabs-profile {width: 100%; height: 40px; position: relative; margin-top: 15px}
.tabs-profile ul {min-width: 100px; height: 15px; position: relative; padding: 0px; margin: 0px}
.tabs-profile ul li {height: 30px; color: #fff; font-size: 12px; font-weight: bold; position: relative; float: left; list-style: none; text-transform: uppercase; cursor: pointer; display: inline-block; padding: 0 30px 0 0}
.tabs-profile ul li a{ height: 30px; color: #fff; font-size: 12px; font-weight: bold; position: relative; float: left; list-style: none; text-transform: uppercase; cursor: pointer}
.tabs-profile ul .active {color: #38caa2}
.tabs-profile ul li .select{ color: #38caa2}
.tabs-profile ul li a:hover {color: #38caa2; text-decoration: none}
 .box-right-profile {width: 100%; position: relative;  }
 .box-upcoming {width: 100%; height: 335px; margin-right: 5px; margin-bottom: 10px; position: relative; float: left; background-color: #EEE}
.box-upcoming-3 {width: 32.5%}
.thumb-video {width: 100%; height: 215px; background-color: #999; display: block}
.thumb-video span {display:none;}
 .box-videos-3 {width: 32.7%; min-height: 230px; margin-right: 5px; margin-bottom: 5px; position: relative; float: left; background-color: #EEE; padding-bottom: 10px}
.thumb-video-3 {width: 100%; height: 140px; background-color: #999; display: block}
.thumb-video-3 span {display:none;}
.info-video {width: 100%; height: 120px; background-color: #fff; position: relative; padding: 10px}
.info-video .date-video {font-size: 12px; letter-spacing: 1.8px; color: #565158; font-weight: 500}
.info-video .title-video a {font-size: 18px; line-height: 1.3; color: #232024; font-weight: 300; padding: 5px 0 5px 0; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; text-transform: none}
.info-video .title-video {font-size: 18px; line-height: 1.3; color: #232024; font-weight: 300; padding: 5px 0 5px 0; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.info-video .line-up {font-size: 14px; line-height: 1.0; color: #565158; font-weight: 300; padding: 5px 0 5px 0; position: relative; float: left}
.info-video .tag {color: #2f2b31; font-size: 10px; margin: 2px 5px 5px 5px; background-color: #d7d7d7; font-weight: bold; padding: 3px; position: relative; float: left; width: auto; text-align: center}
.info-video .fly {width: 50%; font-size: 12px; line-height: 1.0; color: #979797; font-weight: 300; padding: 8px 0 3px 0; position: relative; float: left}
.info-video .details a{ width: 49%; font-size: 12px; line-height: 1.0; color: #979797; font-weight: 500; text-align: right; padding: 8px 0 3px 0; position: relative; float: left; text-transform: uppercase; right: 1%}
.info-video .video-details a{ font-size: 12px; line-height: 1.0; color: #979797; font-weight: 500; text-align: right; padding: 8px 0 3px 0; position: relative; float: right; text-transform: uppercase; right: 1%}
 .box-right-profile .box-news-profile {width: 100%; min-height: 350px; position: relative}
.box-right-profile .box-news-profile .box-news-100 {width: 100%; min-height: 390px; position: relative; float: left; margin-bottom: 30px}
.box-right-profile .box-news-profile .box-news-100 .thumb-news {width: 100%; height: 400px; background-color: #999}
.box-right-profile .box-news-profile .box-news-50 {width: 49%; min-height: 355px; margin-right: 5px; position: relative; margin-bottom: 40px; float: left}
.box-right-profile .box-news-profile .box-news-50 .thumb-news {width: 100%; height: 215px; background-color: #999}
.date-news {font-size: 12px; letter-spacing: 1.8px; color: #565158; font-weight: 500; padding: 10px 0 0 0}
.title-news{ font-size: 18px; line-height: 1.3; color: #232024; font-weight: 300; padding: 5px 0 5px 0; overflow:hidden;  text-overflow: ellipsis}
.title-news a {font-size: 18px; line-height: 1.3; color: #232024; font-weight: 300; padding: 5px 0 5px 0; overflow:hidden;  text-overflow: ellipsis; text-decoration: none}
.description-news {font-size: 14px; line-height: 1.3; color: #565158; padding: 5px 0 5px 0; font-weight: 300}
.more-news a{ width: 50%; font-size: 12px; line-height: 1.0; color: #979797; font-weight: 500; padding: 8px 0 3px 0; position: relative; float: left; text-transform: uppercase}
 .box-right-profile h2 {font-weight: bold; margin: 40px 0 20px 0; font-size: 48px; line-height: 1.0; letter-spacing: -1px; color: #39343b; text-transform: none}
 .box-left-profile h4 {font-size: 16px; font-weight: bold; line-height: 22px; letter-spacing: 1px; text-transform: uppercase; color: #944fb5; margin: 20px 0 10px 0}
 .box-related-profile {width: 100%; height: 480px; position: relative}
.box-related-profile .box-profile {width: 49%; height: 240px; margin: 3px 3px 0 0; background-color: #fff; position: relative; float: left}
.box-related-profile .box-profile .img-dj-profile {width: 80%; height: 182px; position: relative; background-color: #000; display: block; margin:auto}
.box-related-profile .box-profile .img-dj-profile .number-dj {min-width: 40px; min-height: 40px; background-color: #38caa2; position: absolute; color: #fff; padding: 5px; font-size: 20px; font-weight: bold; text-align: center}
.box-related-profile .box-profile .description-dj-profile {width: 95%; height: 48px; position: relative}
.box-related-profile .box-profile .description-dj-profile .name-dj {color: #2f2b31; font-size: 12px; padding: 8px 0 0 10px; font-weight: 400; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.box-related-profile .box-profile .description-dj-profile .name-dj a {color: #2f2b31; text-decoration: none; font-weight: 400; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.box-related-profile .box-profile .description-dj-profile .style-dj {color: #2f2b31; font-size: 10px; margin: 5px 0px 5px 10px; background-color: #d7d7d7; font-weight: bold; padding: 3px 5px 3px 5px; position: relative; width: auto; display: inline-block}
 .back-search-global {width: 100%; height: 160px; background-color: #232024}
#search-dj .search-dj {margin-bottom: 40px; text-align: center; color: #fff; font-size: 12px; letter-spacing: 1px; background-color: #38caa2 !important; padding: 18px 0px 15px 0px; text-transform: uppercase; font-weight: bold; border: none !important}
label.name-item {margin-top: 15px}
.box-global-dj {width: 100%; min-height: 280px; position: relative; background-color: #fff; margin-top: 10px; float: left; margin-bottom: 10px}
.box-global-dj .thumb-profile {width: 100%; height: 200px; position: relative; background-image: url(http://i7.thedjlist.com/djs/photos/328177/xlarge.jpg); background-size: cover; background-position: center; display: block}
}
 @media (min-width: 992px) and (max-width: 1199px) { .back-img-profile {background-color: #232024}
.personal-items {width: 100%; height: 185px; position: relative; top: 55px}
.name-profile {width: 80%; min-height: 38px; font-size: 48px; line-height: 0.8 !important; letter-spacing: -1.1px; color: #ffffff; margin:0 0 30px 0 !important; font-weight: 500 !important; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
 .box-left-profile .photo-user {width: 100%; height: 325px; position: relative; background-size: cover; background-position: center; margin: 0 auto;  }
.box-left-profile .photo-user img {width: 100%}
 .tags-ranking {position: relative; top: 15px}
.tags-ranking .number-tag-profile {min-width: 30px; height: 30px; padding: 3px 5px 2px 5px; position: relative; float: left; background-color: #944fb5; font-size: 18px; color: #ffffff; font-weight: bold}
.tags-ranking .number-tag-color-b {background-color: #38caa2}
.tags-ranking .number-tag-color-c {background-color: #3399ff}
.tags-ranking .text-tag-profile a {min-width: 30px; height: 30px; padding: 7px 10px 2px 10px; position: relative; float: left; margin-right: 5px; background-color: #fff; font-size: 14px; color: #565158; text-align: center}
 .tabs-profile {width: 100%; height: 40px; position: relative; margin-top: 15px}
.tabs-profile ul {min-width: 100px; height: 15px; position: relative; padding: 0px; margin: 0px}
.tabs-profile ul li {height: 30px; color: #fff; font-size: 12px; font-weight: bold; position: relative; float: left; list-style: none; text-transform: uppercase; cursor: pointer; display: inline-block; padding: 0 30px 0 0}
.tabs-profile ul li a{ height: 30px; color: #fff; font-size: 12px; font-weight: bold; position: relative; float: left; list-style: none; text-transform: uppercase; cursor: pointer}
.tabs-profile ul .active {color: #38caa2}
.tabs-profile ul li .select{ color: #38caa2}
.tabs-profile ul li a:hover {color: #38caa2; text-decoration: none}
 .box-upcoming {width: 100%; height: 335px; margin-right: 5px; margin-bottom: 10px; position: relative; float: left; background-color: #EEE}
.box-upcoming-3 {width: 32.5%}
.thumb-video {width: 100%; height: 180px; background-color: #999; display: block}
 .box-videos-3 {width: 32.1%; min-height: 230px; margin-right: 5px; margin-bottom: 5px; position: relative; float: left; background-color: #EEE; padding-bottom: 10px}
.thumb-video-3 {width: 100%; height: 180px; background-color: #999; display: block}
.thumb-video-3 span {display:none;}
.info-video {width: 100%; height: 120px; background-color: #fff; position: relative; padding: 10px}
.info-video .date-video {font-size: 12px; letter-spacing: 1.8px; color: #565158; font-weight: 500}
.info-video .title-video a {font-size: 18px; line-height: 1.3; color: #232024; font-weight: 300; padding: 5px 0 5px 0; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; text-transform: none}
.info-video .title-video {font-size: 18px; line-height: 1.3; color: #232024; font-weight: 300; padding: 5px 0 5px 0; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.info-video .line-up {font-size: 14px; line-height: 1.0; color: #565158; font-weight: 300; padding: 5px 0 5px 0; position: relative; float: left}
.info-video .tag {color: #2f2b31; font-size: 10px; margin: 2px 5px 5px 5px; background-color: #d7d7d7; font-weight: bold; padding: 3px; position: relative; float: left; width: auto; text-align: center}
.info-video .fly {width: 50%; font-size: 12px; line-height: 1.0; color: #979797; font-weight: 300; padding: 8px 0 3px 0; position: relative; float: left}
.info-video .details a{ width: 49%; font-size: 12px; line-height: 1.0; color: #979797; font-weight: 500; text-align: right; padding: 8px 0 3px 0; position: relative; float: left; text-transform: uppercase; right: 1%}
.info-video .video-details a{ font-size: 12px; line-height: 1.0; color: #979797; font-weight: 500; text-align: right; padding: 8px 0 3px 0; position: relative; float: right; text-transform: uppercase; right: 1%}
 .box-right-profile .box-news-profile {width: 100%; min-height: 350px; position: relative}
.box-right-profile .box-news-profile .box-news-100 {width: 100%; min-height: 390px; position: relative; float: left; margin-bottom: 30px}
.box-right-profile .box-news-profile .box-news-100 .thumb-news {width: 100%; height: 320px; background-color: #999}
.box-right-profile .box-news-profile .box-news-50 {width: 49%; height: 355px; margin-right: 5px; position: relative; margin-bottom: 40px; float: left}
.box-right-profile .box-news-profile .box-news-50 .thumb-news {width: 100%; height: 215px; background-color: #999}
.date-news {font-size: 12px; letter-spacing: 1.8px; color: #565158; font-weight: 500; padding: 10px 0 0 0}
.title-news{ font-size: 18px; line-height: 1.3; color: #232024; font-weight: 300; padding: 5px 0 5px 0; overflow:hidden;  text-overflow: ellipsis}
.title-news a {font-size: 18px; line-height: 1.3; color: #232024; font-weight: 300; padding: 5px 0 5px 0; overflow:hidden;  text-overflow: ellipsis; text-decoration: none}
.description-news {font-size: 14px; line-height: 1.3; color: #565158; padding: 5px 0 5px 0; font-weight: 300}
.more-news a{ width: 50%; font-size: 12px; line-height: 1.0; color: #979797; font-weight: 500; padding: 8px 0 3px 0; position: relative; float: left; text-transform: uppercase}
 .box-left-profile h4 {font-size: 16px; font-weight: bold; line-height: 22px; letter-spacing: 1px; text-transform: uppercase; color: #944fb5; margin: 20px 0 10px 0}
 .box-related-profile {width: 100%; height: 480px; position: relative}
.box-related-profile .box-profile {width: 49%; height: 205px; margin: 3px 3px 0 0; background-color: #fff; position: relative; float: left}
.box-related-profile .box-profile .img-dj-profile {width: 100%; height: 150px; position: relative; background-color: #000; display: block}
.box-related-profile .box-profile .img-dj-profile .number-dj {min-width: 40px; min-height: 40px; background-color: #38caa2; position: absolute; color: #fff; padding: 5px; font-size: 20px; font-weight: bold; text-align: center}
.box-related-profile .box-profile .description-dj-profile {width: 95%; height: 48px; position: relative}
.box-related-profile .box-profile .description-dj-profile .name-dj {color: #2f2b31; font-size: 12px; padding: 8px 0 0 10px; font-weight: 400; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.box-related-profile .box-profile .description-dj-profile .name-dj a {color: #2f2b31; text-decoration: none; font-weight: 400; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.box-related-profile .box-profile .description-dj-profile .style-dj {color: #2f2b31; font-size: 10px; margin: 5px 0px 5px 10px; background-color: #d7d7d7; font-weight: bold; padding: 3px 5px 3px 5px; position: relative; width: auto; display: inline-block}
 .back-search-global {width: 100%; height: 180px; background-color: #232024; padding-top: 40px}
#search-dj .search-dj {margin-top: 0px; text-align: center; color: #fff; font-size: 12px; letter-spacing: 1px; background-color: #38caa2 !important; padding: 18px 0px 15px 0px; text-transform: uppercase; font-weight: bold; border: none !important}
label.name-item {margin-top: 15px}
.box-global-dj {width: 100%; height: 330px; position: relative; background-color: #fff; margin-top: 10px; float: left; margin-bottom: 10px; margin-top: 10px }
.box-global-dj .thumb-profile {width: 100%; height: 200px; position: relative; background-image: url(http://i7.thedjlist.com/djs/photos/328177/xlarge.jpg); background-size: cover; background-position: center; display: block}
}
 @media (min-width: 768px) and (max-width: 991px) {.box-follow {width: 30%; height: auto; text-align: center; color: #fff; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; text-align: center; position: absolute; right: 0; z-index: 1000}
 .back-img-profile {width: 100%; background-color: #232024}
.personal-items {width: 100%; height: 185px; position: relative; top: 60px}
.name-profile {width: 80%; height: 38px; font-size: 48px; line-height: 0.8 !important; letter-spacing: -1.1px; color: #ffffff; margin:0 0 30px 0 !important; font-weight: 500 !important; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
 .tags-ranking {position: relative; top: 15px}
.tags-ranking .number-tag-profile {min-width: 30px; height: 30px; padding: 3px 5px 2px 5px; position: relative; float: left; background-color: #944fb5; font-size: 18px; color: #ffffff; font-weight: bold}
.tags-ranking .number-tag-color-b {background-color: #38caa2}
.tags-ranking .number-tag-color-c {background-color: #3399ff}
.tags-ranking .text-tag-profile a {min-width: 30px; height: 30px; padding: 7px 10px 2px 10px; position: relative; float: left; margin-right: 5px; background-color: #fff; font-size: 14px; color: #565158; text-align: center}
 .tabs-profile {width: 100%; height: 40px; position: relative; margin-top: 15px}
.tabs-profile ul {min-width: 100px; height: 15px; position: relative; padding: 0px; margin: 0px}
.tabs-profile ul li {height: 30px; color: #fff; font-size: 12px; font-weight: bold; position: relative; float: left; list-style: none; text-transform: uppercase; cursor: pointer; display: inline-block; padding: 0 30px 0 0}
.tabs-profile ul li a{ height: 30px; color: #fff; font-size: 12px; font-weight: bold; position: relative; float: left; list-style: none; text-transform: uppercase; cursor: pointer}
.tabs-profile ul .active {color: #38caa2}
.tabs-profile ul li .select{ color: #38caa2}
.tabs-profile ul li a:hover {color: #38caa2; text-decoration: none}
 .box-upcoming {width: 100%; min-height: 335px; margin-right: 5px; margin-bottom: 5px; position: relative; float: left; background-color: #EEE}
.box-upcoming-3 {width: 49%}
.thumb-video {width: 100%; height: 260px; background-color: #999; display: block}
.thumb-video span {display:none;}
 .box-videos-3 {width: 49%; min-height: 230px; margin-right: 5px; margin-bottom: 5px; position: relative; float: left; background-color: #EEE; padding-bottom: 10px}
.thumb-video-3 {width: 100%; height: 200px; background-color: #999; display: block}
.thumb-video-3 span {display:none;}
.info-video {width: 100%; height: 120px; background-color: #fff; position: relative; padding: 10px}
.info-video .date-video {font-size: 12px; letter-spacing: 1.8px; color: #565158; font-weight: 500}
.info-video .title-video a {font-size: 18px; line-height: 1.3; color: #232024; font-weight: 300; padding: 5px 0 5px 0; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; text-transform: none}
.info-video .title-video {font-size: 18px; line-height: 1.3; color: #232024; font-weight: 300; padding: 5px 0 5px 0; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.info-video .line-up {font-size: 14px; line-height: 1.0; color: #565158; font-weight: 300; padding: 5px 0 5px 0; position: relative; float: left}
.info-video .tag {color: #2f2b31; font-size: 10px; margin: 2px 5px 5px 5px; background-color: #d7d7d7; font-weight: bold; padding: 3px; position: relative; float: left; width: auto; text-align: center}
.info-video .fly {width: 50%; font-size: 12px; line-height: 1.0; color: #979797; font-weight: 300; padding: 8px 0 3px 0; position: relative; float: left}
.info-video .details a{ width: 49%; font-size: 12px; line-height: 1.0; color: #979797; font-weight: 500; text-align: right; padding: 8px 0 3px 0; position: relative; float: left; text-transform: uppercase; right: 1%}
.info-video .video-details a{ font-size: 12px; line-height: 1.0; color: #979797; font-weight: 500; text-align: right; padding: 8px 0 3px 0; position: relative; float: right; text-transform: uppercase; right: 1%}
 .box-right-profile .box-news-profile {width: 100%; min-height: 350px; position: relative}
.box-right-profile .box-news-profile .box-news-100 {width: 100%; min-height: 390px; position: relative; float: left}
.box-right-profile .box-news-profile .box-news-100 .thumb-news {width: 100%; height: 300px; background-color: #999}
.box-right-profile .box-news-profile .box-news-50 {width: 49%; height: 355px; margin-right: 5px; position: relative; margin-bottom: 40px; float: left}
.box-right-profile .box-news-profile .box-news-50 .thumb-news {width: 100%; height: 215px; background-color: #999}
.date-news {font-size: 12px; letter-spacing: 1.8px; color: #565158; font-weight: 500; padding: 10px 0 0 0}
.title-news{ font-size: 18px; line-height: 1.3; color: #232024; font-weight: 300; padding: 5px 0 5px 0; overflow:hidden;  text-overflow: ellipsis}
.title-news a {font-size: 18px; line-height: 1.3; color: #232024; font-weight: 300; padding: 5px 0 5px 0; overflow:hidden;  text-overflow: ellipsis; text-decoration: none}
.description-news {font-size: 14px; line-height: 1.3; color: #565158; padding: 5px 0 5px 0; font-weight: 300}
.more-news a{ width: 50%; font-size: 12px; line-height: 1.0; color: #979797; font-weight: 500; padding: 8px 0 3px 0; position: relative; float: left; text-transform: uppercase}
 .box-left-profile h4 {font-size: 16px; font-weight: bold; line-height: 22px; letter-spacing: 1px; text-transform: uppercase; color: #944fb5; margin: 20px 0 10px 0}
 .box-related-profile {width: 100%; height: 480px; position: relative}
.box-related-profile .box-profile {width: 49%; height: 240px; margin: 3px 3px 0 0; background-color: #fff; position: relative; float: left}
.box-related-profile .box-profile .img-dj-profile {width: 100%; height: 120px; position: relative; background-color: #000; display: block}
.box-related-profile .box-profile .img-dj-profile .number-dj {min-width: 40px; min-height: 40px; background-color: #38caa2; position: absolute; color: #fff; padding: 5px; font-size: 20px; font-weight: bold; text-align: center}
.box-related-profile .box-profile .description-dj-profile {width: 95%; height: 48px; position: relative}
.box-related-profile .box-profile .description-dj-profile .name-dj {color: #2f2b31; font-size: 12px; padding: 8px 0 0 10px; font-weight: 400; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.box-related-profile .box-profile .description-dj-profile .name-dj a {color: #2f2b31; text-decoration: none; font-weight: 400; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.box-related-profile .box-profile .description-dj-profile .style-dj {color: #2f2b31; font-size: 10px; margin: 5px 0px 5px 10px; background-color: #d7d7d7; font-weight: bold; padding: 3px 5px 3px 5px; position: relative; width: auto; display: inline-block}
 .back-search-global {width: 100%; height: 560px; background-color: #232024; padding-top: 40px}
#search-dj .search-dj {margin-top: 0px; text-align: center; color: #fff; font-size: 12px; letter-spacing: 1px; background-color: #38caa2 !important; padding: 18px 0px 15px 0px; text-transform: uppercase; font-weight: bold; border: none !important}
label.name-item {margin-top: 15px}
.box-global-dj {width: 100%; height: 330px; position: relative; background-color: #fff; margin-top: 10px; float: left; margin-bottom: 10px; margin-top: 10px }
.box-global-dj .thumb-profile {width: 100%; height: 200px; position: relative; background-image: url(http://i7.thedjlist.com/djs/photos/328177/xlarge.jpg); background-size: cover; background-position: center; display: block}
}
 @media (max-width: 767px) { .back-img-profile {width: 100%; background-color: #232024}
.personal-items {width: 100%; height: 185px; position: relative; top: 60px}
.name-profile {width: 80%; height: 38px; font-size: 24px; line-height: 0.8 !important; letter-spacing: -1.1px; color: #ffffff; margin:0 0 30px 0 !important; font-weight: 500 !important; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.button-vote {margin-right:6%}
 .tags-ranking {position: relative; top: 15px}
.tags-ranking .number-tag-profile {min-width: 30px; height: 30px; padding: 3px 5px 2px 5px; position: relative; float: left; background-color: #944fb5; font-size: 18px; color: #ffffff; font-weight: bold}
.tags-ranking .number-tag-color-b {background-color: #38caa2}
.tags-ranking .number-tag-color-c {background-color: #3399ff}
.tags-ranking .text-tag-profile a {min-width: 30px; height: 30px; padding: 7px 10px 2px 10px; position: relative; float: left; margin-right: 5px; background-color: #fff; font-size: 14px; color: #565158; text-align: center}
 .tabs-profile {width: 100%; height: 40px; position: relative; margin-top: 15px}
.tabs-profile ul {min-width: 100px; height: 15px; position: relative; padding: 0px; margin: 0px}
.tabs-profile ul li {height: 30px; color: #fff; font-size: 12px; font-weight: bold; position: relative; float: left; list-style: none; text-transform: uppercase; cursor: pointer; display: inline-block; padding: 0 30px 0 0}
.tabs-profile ul li a{ height: 30px; color: #fff; font-size: 12px; font-weight: bold; position: relative; float: left; list-style: none; text-transform: uppercase; cursor: pointer}
.tabs-profile ul .active {color: #38caa2}
.tabs-profile ul li .select{ color: #38caa2}
.tabs-profile ul li a:hover {color: #38caa2; text-decoration: none}
 .box-videos-3 {width: 32.7%; min-height: 230px; margin-right: 5px; margin-bottom: 5px; position: relative; float: left; background-color: #EEE; padding-bottom: 10px}
.thumb-video-3 {width: 100%; height: 140px; background-color: #999; display: block}
.thumb-video-3 span {display:none;}
.info-video {width: 100%; height: 100px; background-color: #fff; position: relative; padding: 10px}
.info-video .date-video {font-size: 12px; letter-spacing: 1.8px; color: #565158; font-weight: 500}
.info-video .title-video a {font-size: 18px; line-height: 1.3; color: #232024; font-weight: 300; padding: 5px 0 5px 0; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; text-transform: none}
.info-video .title-video {font-size: 18px; line-height: 1.3; color: #232024; font-weight: 300; padding: 5px 0 5px 0; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.info-video .line-up {font-size: 14px; line-height: 1.0; color: #565158; font-weight: 300; padding: 5px 0 5px 0; position: relative; float: left}
.info-video .tag {color: #2f2b31; font-size: 10px; margin: 2px 5px 5px 5px; background-color: #d7d7d7; font-weight: bold; padding: 3px; position: relative; float: left; width: auto; text-align: center}
.info-video .fly {width: 50%; font-size: 12px; line-height: 1.0; color: #979797; font-weight: 300; padding: 8px 0 3px 0; position: relative; float: left}
.info-video .details a{ width: 49%; font-size: 12px; line-height: 1.0; color: #979797; font-weight: 500; text-align: right; padding: 8px 0 3px 0; position: relative; float: left; text-transform: uppercase; right: 1%}
.info-video .video-details a{ font-size: 12px; line-height: 1.0; color: #979797; font-weight: 500; text-align: right; padding: 8px 0 3px 0; position: relative; float: right; text-transform: uppercase; right: 1%}
 .box-right-profile .box-news-profile {width: 100%; min-height: 350px; position: relative}
.box-right-profile .box-news-profile .box-news-100 {width: 100%; height: 390px; position: relative; float: left}
.box-right-profile .box-news-profile .box-news-100 .thumb-news {width: 100%; height: 215px; background-color: #999}
.box-right-profile .box-news-profile .box-news-50 {width: 49%; height: 355px; margin-right: 5px; position: relative; margin-bottom: 40px; float: left}
.box-right-profile .box-news-profile .box-news-50 .thumb-news {width: 100%; height: 215px; background-color: #999}
.date-news {font-size: 12px; letter-spacing: 1.8px; color: #565158; font-weight: 500; padding: 10px 0 0 0}
.title-news{ font-size: 18px; line-height: 1.3; color: #232024; font-weight: 300; padding: 5px 0 5px 0; overflow:hidden;  text-overflow: ellipsis}
.title-news a {font-size: 18px; line-height: 1.3; color: #232024; font-weight: 300; padding: 5px 0 5px 0; overflow:hidden;  text-overflow: ellipsis; text-decoration: none}
.description-news {font-size: 14px; line-height: 1.3; color: #565158; padding: 5px 0 5px 0; font-weight: 300}
.more-news a{ width: 50%; font-size: 12px; line-height: 1.0; color: #979797; font-weight: 500; padding: 8px 0 3px 0; position: relative; float: left; text-transform: uppercase}
 .box-upcoming {width: 100%; height: 335px; margin-right: 5px; margin-bottom: 10px; position: relative; float: left; background-color: #EEE}
.box-upcoming-3 {width: 100%}
.thumb-video {width: 100%; height: 215px; background-color: #999; display: block}
 .box-videos-3 {width: 100%; min-height: 230px; margin-right: 5px; margin-bottom: 5px; position: relative; float: left; background-color: #EEE; padding-bottom: 10px}
.thumb-video-3 {width: 100%; height: 215px; background-color: #999; display: block}
.thumb-video-3 span {display:none;}
.info-video {width: 100%; height: 120px; background-color: #fff; position: relative; padding: 10px}
.info-video .date-video {font-size: 12px; letter-spacing: 1.8px; color: #565158; font-weight: 500}
.info-video .title-video a {font-size: 18px; line-height: 1.3; color: #232024; font-weight: 300; padding: 5px 0 5px 0; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; text-transform: none}
.info-video .title-video {font-size: 18px; line-height: 1.3; color: #232024; font-weight: 300; padding: 5px 0 5px 0; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.info-video .line-up {font-size: 14px; line-height: 1.0; color: #565158; font-weight: 300; padding: 5px 0 5px 0; position: relative; float: left}
.info-video .tag {color: #2f2b31; font-size: 10px; margin: 2px 5px 5px 5px; background-color: #d7d7d7; font-weight: bold; padding: 3px; position: relative; float: left; width: auto; text-align: center}
.info-video .fly {width: 50%; font-size: 12px; line-height: 1.0; color: #979797; font-weight: 300; padding: 8px 0 3px 0; position: relative; float: left}
.info-video .details a{ width: 49%; font-size: 12px; line-height: 1.0; color: #979797; font-weight: 500; text-align: right; padding: 8px 0 3px 0; position: relative; float: left; text-transform: uppercase; right: 1%}
.info-video .video-details a{ font-size: 12px; line-height: 1.0; color: #979797; font-weight: 500; text-align: right; padding: 8px 0 3px 0; position: relative; float: right; text-transform: uppercase; right: 1%}
 .box-left-profile h4 {font-size: 16px; font-weight: bold; line-height: 22px; letter-spacing: 1px; text-transform: uppercase; color: #944fb5; margin: 20px 0 10px 0}
 .box-related-profile {width: 100%; height: 480px; position: relative}
.box-related-profile .box-profile {width: 49%; height: 240px; margin: 3px 3px 0 0; background-color: #fff; position: relative; float: left}
.box-related-profile .box-profile .img-dj-profile {width: 100%; height: 120px; position: relative; background-color: #000; display: block}
.box-related-profile .box-profile .img-dj-profile .number-dj {min-width: 40px; min-height: 40px; background-color: #38caa2; position: absolute; color: #fff; padding: 5px; font-size: 20px; font-weight: bold; text-align: center}
.box-related-profile .box-profile .description-dj-profile {width: 95%; height: 48px; position: relative}
.box-related-profile .box-profile .description-dj-profile .name-dj {color: #2f2b31; font-size: 12px; padding: 8px 0 0 10px; font-weight: 400; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.box-related-profile .box-profile .description-dj-profile .name-dj a {color: #2f2b31; text-decoration: none; font-weight: 400; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.box-related-profile .box-profile .description-dj-profile .style-dj {color: #2f2b31; font-size: 10px; margin: 5px 0px 5px 10px; background-color: #d7d7d7; font-weight: bold; padding: 3px 5px 3px 5px; position: relative; width: auto; display: inline-block}
 .back-search-global {width: 100%; height: 480px; background-color: #232024; padding-top: 40px}
label.name-item {margin-top: 15px}
#search-dj .search-dj {margin-top: 20px; text-align: center; color: #fff; font-size: 12px; letter-spacing: 1px; background-color: #38caa2 !important; padding: 18px 0px 15px 0px; text-transform: uppercase; font-weight: bold; border: none !important}
.box-global-dj {width: 98%; height: 400px; position: relative; background-color: #fff; margin-top: 10px; float: left}
.box-global-dj .thumb-profile {width: 100%; height: 270px; position: relative; background-image: url(http://i7.thedjlist.com/djs/photos/328177/xlarge.jpg); background-size: cover; background-position: center; display: block}
}
 @media (max-width: 480px) { .back-img-profile {width: 100%; background-color: #232024; margin-bottom: 15px}
.personal-items {width: 100%; height: 185px; position: relative; top: 60px}
.name-profile {width: 80%; height: 38px; font-size: 24px; line-height: 0.8 !important; letter-spacing: -1.1px; color: #ffffff; margin:0 0 30px 0 !important; font-weight: 500 !important; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
 .tags-ranking {position: relative; top: 10px}
.tags-ranking .number-tag-profile {min-width: 30px; height: 30px; padding: 3px 5px 2px 5px; position: relative; float: left; background-color: #944fb5; font-size: 18px; color: #ffffff; font-weight: bold}
.tags-ranking .number-tag-color-b {background-color: #38caa2}
.tags-ranking .number-tag-color-c {background-color: #3399ff}
.tags-ranking .text-tag-profile a {min-width: 30px; height: 30px; padding: 7px 10px 2px 10px; position: relative; float: left; margin-right: 5px; background-color: #fff; font-size: 14px; color: #565158; text-align: center}
.box-global-dj .vote-global {cursor: pointer; top:auto !important; bottom:0 !important; left:0 !important; position:absolute !important; font-size:80% !important; height:auto !important}
 .tabs-profile {width: 100%; height: 40px; position: relative; margin-top: 15px}
.tabs-profile ul {min-width: 100px; height: 15px; position: relative; padding: 0px; margin: 0px}
.tabs-profile ul li {height: 30px; color: #fff; font-size: 12px; font-weight: bold; position: relative; float: left; list-style: none; text-transform: uppercase; cursor: pointer; display: inline-block; padding: 0 30px 0 0}
.tabs-profile ul li a{ height: 30px; color: #fff; font-size: 12px; font-weight: bold; position: relative; float: left; list-style: none; text-transform: uppercase; cursor: pointer}
.tabs-profile ul .active {color: #38caa2}
.tabs-profile ul li .select{ color: #38caa2}
.tabs-profile ul li a:hover {color: #38caa2; text-decoration: none}
 .box-upcoming {width: 100%; height: 335px; margin-right: 5px; margin-bottom: 10px; position: relative; float: left; background-color: #EEE}
.box-upcoming-3 {width: 100%}
.thumb-video {width: 100%; height: 215px; background-color: #999; display: block}
.thumb-video span {display:none;}
 .box-videos-3 {width: 32.7%; min-height: 230px; margin-right: 5px; margin-bottom: 5px; position: relative; float: left; background-color: #EEE; padding-bottom: 10px}
.thumb-video-3 {width: 100%; height: 140px; background-color: #999; display: block}
.thumb-video-3 span {display:none;}
.info-video {width: 100%; height: 100px; background-color: #fff; position: relative; padding: 10px}
.info-video .date-video {font-size: 12px; letter-spacing: 1.8px; color: #565158; font-weight: 500}
.info-video .title-video a {font-size: 18px; line-height: 1.3; color: #232024; font-weight: 300; padding: 5px 0 5px 0; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; text-transform: none}
.info-video .title-video {font-size: 18px; line-height: 1.3; color: #232024; font-weight: 300; padding: 5px 0 5px 0; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.info-video .line-up {font-size: 14px; line-height: 1.0; color: #565158; font-weight: 300; padding: 5px 0 5px 0; position: relative; float: left}
.info-video .tag {color: #2f2b31; font-size: 10px; margin: 2px 5px 5px 5px; background-color: #d7d7d7; font-weight: bold; padding: 3px; position: relative; float: left; width: auto; text-align: center}
.info-video .fly {width: 20%; font-size: 12px; line-height: 1.0; color: #979797; font-weight: 300; padding: 8px 0 3px 0; position: relative; float: left}
.info-video .details a{ width: 49%; font-size: 12px; line-height: 1.0; color: #979797; font-weight: 500; text-align: right; padding: 8px 0 3px 0; position: relative; float: left; text-transform: uppercase; right: 1%}
.info-video .video-details a{ font-size: 12px; line-height: 1.0; color: #979797; font-weight: 500; text-align: right; padding: 8px 0 3px 0; position: relative; float: right; text-transform: uppercase; right: 1%}
 .box-right-profile .box-news-profile {width: 100%; min-height: 350px; position: relative}
.box-right-profile .box-news-profile .box-news-100 {width: 100%; height: 390px; position: relative; float: left}
.box-right-profile .box-news-profile .box-news-100 .thumb-news {width: 100%; height: 215px; background-color: #999}
.box-right-profile .box-news-profile .box-news-50 {width: 49%; height: 355px; margin-right: 5px; position: relative; margin-bottom: 40px; float: left}
.box-right-profile .box-news-profile .box-news-50 .thumb-news {width: 100%; height: 215px; background-color: #999}
.date-news {font-size: 12px; letter-spacing: 1.8px; color: #565158; font-weight: 500; padding: 10px 0 0 0}
.title-news{ font-size: 18px; line-height: 1.3; color: #232024; font-weight: 300; padding: 5px 0 5px 0; overflow:hidden;  text-overflow: ellipsis}
.title-news a {font-size: 18px; line-height: 1.3; color: #232024; font-weight: 300; padding: 5px 0 5px 0; overflow:hidden;  text-overflow: ellipsis; text-decoration: none}
.description-news {font-size: 14px; line-height: 1.3; color: #565158; padding: 5px 0 5px 0; font-weight: 300}
.more-news a{ width: 50%; font-size: 12px; line-height: 1.0; color: #979797; font-weight: 500; padding: 8px 0 3px 0; position: relative; float: left; text-transform: uppercase}
 .box-left-profile h4 {font-size: 16px; font-weight: bold; line-height: 22px; letter-spacing: 1px; text-transform: uppercase; color: #944fb5; margin: 20px 0 10px 0}
 .box-related-profile {width: 100%; height: 480px; position: relative}
.box-related-profile .box-profile {width: 49%; height: 240px; margin: 3px 3px 0 0; background-color: #fff; position: relative; float: left}
.box-related-profile .box-profile .img-dj-profile {width: 100%; height: 120px; position: relative; background-color: #000; display: block}
.box-related-profile .box-profile .img-dj-profile .number-dj {min-width: 40px; min-height: 40px; background-color: #38caa2; position: absolute; color: #fff; padding: 5px; font-size: 20px; font-weight: bold; text-align: center}
.box-related-profile .box-profile .description-dj-profile {width: 95%; height: auto; padding:0 0 5px; position: relative}
.box-related-profile .box-profile .description-dj-profile .name-dj {color: #2f2b31; font-size: 12px; padding: 8px 0 0 10px; font-weight: 400; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.box-related-profile .box-profile .description-dj-profile .name-dj a {color: #2f2b31; text-decoration: none; font-weight: 400; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.box-related-profile .box-profile .description-dj-profile .style-dj {color: #2f2b31; font-size: 10px; margin: 5px 0px 5px 10px; background-color: #d7d7d7; font-weight: bold; padding: 3px 5px 3px 5px; position: relative; width: auto; display: inline-block}
 .box-videos-3 {width: 100%; min-height: 230px; margin-right: 5px; margin-bottom: 5px; position: relative; float: left; background-color: #EEE; padding-bottom: 10px}
.thumb-video-3 {width: 100%; height: 215px; background-color: #999; display: block}
.thumb-video-3 span {display:none;}
.info-video {width: 100%; height: 120px; background-color: #fff; position: relative; padding: 10px}
.info-video .date-video {font-size: 12px; letter-spacing: 1.8px; color: #565158; font-weight: 500}
.info-video .title-video a {font-size: 18px; line-height: 1.3; color: #232024; font-weight: 300; padding: 5px 0 5px 0; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; text-transform: none}
.info-video .title-video {font-size: 18px; line-height: 1.3; color: #232024; font-weight: 300; padding: 5px 0 5px 0; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.info-video .line-up {font-size: 14px; line-height: 1.0; color: #565158; font-weight: 300; padding: 5px 0 5px 0; position: relative; float: left}
.info-video .tag {color: #2f2b31; font-size: 10px; margin: 2px 5px 5px 5px; background-color: #d7d7d7; font-weight: bold; padding: 3px; position: relative; float: left; width: auto; text-align: center}
.info-video .fly {width: 50%; font-size: 12px; line-height: 1.0; color: #979797; font-weight: 300; padding: 8px 0 3px 0; position: relative; float: left}
.info-video .details a{ width: 49%; font-size: 12px; line-height: 1.0; color: #979797; font-weight: 500; text-align: right; padding: 8px 0 3px 0; position: relative; float: left; text-transform: uppercase; right: 1%}
.info-video .video-details a{ font-size: 12px; line-height: 1.0; color: #979797; font-weight: 500; text-align: right; padding: 8px 0 3px 0; position: relative; float: right; text-transform: uppercase; right: 1%}
 .back-search-global {width: 100%; height: 520px; background-color: #232024; padding-top: 40px}
#search-dj .search-dj {margin-top: 20px; text-align: center; color: #fff; font-size: 12px; letter-spacing: 1px; background-color: #38caa2 !important; padding: 18px 0px 15px 0px; text-transform: uppercase; font-weight: bold; border: none !important}
label.name-item {margin-top: 15px}
.box-global-dj {width: 97%; height: auto; position: relative; background-color: #fff; margin-top: 10px; float: left}
.box-global-dj .thumb-profile {width: 100px; height: 100px; position: relative; background-image: url(http://i7.thedjlist.com/djs/photos/328177/xlarge.jpg); background-size: cover; background-position: center; display: block; background-repeat: no-repeat; float: left}
.box-global-dj .dj-data {float: left; display: block; overflow: hidden; width: 190px}
}
@media (max-width: 320px) {.top-menu-search {width: 118px !important}
.box-global-dj .dj-data {width: 160px}
}
  .drop-down {width: 100%}
.drop-down .label {font-weight: 700; font-size: 14px; letter-spacing: 1px; color: #565158; background-color: #232024; border: solid 2px #565158; padding: 5px 15px 15px 15px; position: relative; line-height: 35px; width: 160px; height: 50px}
.menuwrap {margin: auto; text-align: center; position: relative; width: 100%; overflow:scroll}
.menuscrolls {overflow-x: scroll; overflow-y: hidden; white-space: nowrap; width:800px}
.white {color: #fff !important}
#search-dj input, select {width: 97%; height: 50px; border: solid 2px #565158; background-color: transparent !important; padding: 10px; font-size: 14px; line-height: 1; letter-spacing: 1px; color: #565158; -webkit-appearance: none; border-radius: 0px}
#search-dj input:hover {border: solid 2px #999}
#search-dj input:focus {outline: none; border: solid 2px #999; color: #fff; font-weight: 400}
#search-dj select:hover {border: solid 2px #999}
#search-dj select:focus {outline: none; border: solid 2px #999; color: #fff; font-weight: 400}
 .box-global-dj .thumb-profile .number-global {min-width: 30px; height: 30px; background-color: #944fb5; position: absolute; color: #fff; padding: 2px; font-size: 18px; font-weight: bold; text-align: center; display: block}
.box-global-dj .vote-global {cursor: pointer; min-width: 30px; height: 30px; background-color: #38caa2; position: absolute; color: #fff; padding: 2px 4px; font-size: 18px; font-weight: bold; text-align: center; display: block; right:0; top:0;}
.box-global-dj .name-dj {color: #2f2b31; font-size: 18px; padding: 5px 0 0px 10px; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.box-global-dj .follower-dj {color: #565158; font-size: 12px; padding: 0px 0px 5px 10px; font-weight: 200}
.box-global-dj .tag-profile-global {min-width: 20px; color: #2f2b31; font-size: 10px; margin: 0px 5px 0px 0px; background-color: #d7d7d7; font-weight: 600; padding: 2px 4px 2px 4px; position: relative; float: left; text-align: center}
.margin-left {left: 10px}
.box-global-dj .view-profile a {width: 100%; font-size: 12px; line-height: 1.0; color: #979797; font-weight: 500; text-align: left; padding: 12px 0 5px 0; position: relative; float: left; text-transform: uppercase; margin-left: 20px}
.box-global-dj .view-profile a:hover{ text-decoration: none; color: #666}
 .box-left-profile {width: 100%; position: relative; margin: 0 auto}
@media (max-width: 768px) {.box-left-profile {top: 0}
}
.box-left-profile .social-profile {width: 100%; height: 50px}
.box-left-profile .social-profile .icon {width: 22%; height: 50px; margin-right: 3%; position: relative; float: left}
.box-left-profile .social-profile .icon i {color: #fff; font-size: 2em; text-align: center; padding: 10px 0; margin: auto; display: block}
.box-left-profile .social-profile .facebook {background-color: #3b5998}
.box-left-profile .social-profile .twitter {background-color: #55acee}
.box-left-profile .social-profile .plus {background-color: #dc4e41}
.box-left-profile .social-profile .mail {background-color: #4a90e2}
.box-left-profile .genres {width: 100%; position: relative; margin: 0 auto}
.box-left-profile .genres .box-genres {width: 100%; height: 40px; position: relative; margin-bottom: 10px; background-color: #fff}
.box-left-profile .genres .box-genres .number {min-width: 40px; height: 40px; position: relative; float: left; background-color: #38caa2; font-weight: bold; color: #fff; font-size: 24px; text-align: center; padding: 2px 5px 0 5px}
.box-left-profile .genres .box-genres .name-genres a {width:auto; height: 40px; position: relative; float: left; background-color: #fff; font-weight: normal; color: #2f2b31; font-size: 16px; padding: 8px; text-decoration: none}
.box-left-profile .bio {width: 100%; position: relative; margin: 0 auto; color: #565158; font-size: 14px; font-weight: 400}
.box-left-profile .box-social-links {width: 100%; height: 50px; border-bottom: 1px solid #f0f0f0}
.box-left-profile .box-social-links .icon-link {width: 15%; height: 50px; position: relative; float: left}
.box-left-profile .box-social-links .name-link a {width: 85%; height: 50px; position: relative; float: left; font-size: 16px; font-weight: 300; color: #2f2b31; padding: 12px 10px 10px 5px; text-transform: none}
 .box-tracks-profile {width: 100%; min-height: 80px; background-color: #fff; position: relative; margin-bottom: 5px; overflow: hidden}
.box-tracks-profile .image-track {width: 80px; height: 80px; position: relative; float: left; background-color: #999}
.box-tracks-profile .info-track {height: auto; padding: 10px; position: relative; overflow: hidden}
.box-tracks-profile .info-track .name-track{ color: #565158; font-size: 10px; text-transform: uppercase; font-weight: 600; padding-bottom: 5px}
.box-tracks-profile .info-track .name-track a{ color: #565158; font-size: 10px; text-transform: uppercase; font-weight: 600; padding-bottom: 5px; text-decoration: none}
.box-tracks-profile .info-track .title-track{ color: #2f2b31; font-size: 12px; text-transform: uppercase; font-weight: 400; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.box-tracks-profile .info-track .tag-track{ color: #2f2b31; font-size: 10px; margin: 5px 5px 5px 0; background-color: #d7d7d7; font-weight: bold; padding: 3px; position: relative; width:auto; text-align: center; float: left}
 .box-left-profile .box-video-profile {width: 100%; height: 285px; position: relative; margin-bottom: 5px}
.box-left-profile .box-video-profile .thumb-video {width: 100%; height: 190px; background-color: #999; position: relative; display: block}
.box-left-profile .box-video-profile .thumb-video .time {position: absolute; bottom: 10px; right: 10px; width: 48px; height: 18px; background-color: rgba(255,255,255,.8); font-size: 11px; color: #232024; text-align: center; font-weight: 500; padding-top: 1px; font-style: none}
.box-left-profile .box-video-profile .info-video {width: 100%; height: 95px; background-color: #fff; position: relative; padding: 10px}
.box-left-profile .box-video-profile .info-video .date-video {font-size: 14px; letter-spacing: 1.8px; color: #565158; font-weight: 500}
.box-left-profile .box-video-profile .info-video .title-video {font-size: 18px; line-height: 1.3; color: #232024; font-weight: 300; padding: 5px 0 5px 0; overflow:hidden; white-space:nowrap; text-overflow: ellipsis}
.box-left-profile .box-video-profile .info-video .origin-video {font-size: 14px; line-height: 1.0; color: #979797; font-weight: 300}
.box-left-profile .button-profile-a{ width: 100%; height: 50px; border: solid 2px #bebdbd; margin: 30px 0 10px 0; font-size: 14px; font-weight: 600; line-height: 1.0; letter-spacing: 2.2px; color: #bebdbd; text-align: center; padding: 15px; cursor: pointer; display: block}
.box-left-profile .button-profile-a:hover {color: #fff; background-color: #232024; border: solid 2px #232024}
.box-left-profile .button-profile-b {width: 100%; height: 50px; border: solid 2px #38caa2; margin: 10px 0 10px 0; font-size: 14px; font-weight: 600; line-height: 1.0; letter-spacing: 2.2px; color: #fff; text-align: center; padding: 15px; cursor: pointer; background-color: #38caa2; display: block}
.box-left-profile .button-profile-b:hover {color: #fff; background-color: #232024; border: solid 2px #232024}
 .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px}
.col-xs-15 {width: 20%; float: left}
@media (min-width: 768px) {.col-sm-15 {width: 20%; float: left}
}
@media (min-width: 992px) {.col-md-15 {width: 20%; float: left}
}
@media (min-width: 1200px) {.col-lg-15 {width: 20%; float: left}
}
.bladbg {background: #000; text-align: center; padding: 10px 0 10px 0; min-height: 75px}
.gradbg {background: #232024; text-align: center; padding: 10px 0 10px 0; min-height: 75px}
@media (min-width: 768px) {.box-follow {width: 30%; height: auto; text-align: center; color: #fff; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; text-align: center; position: absolute; right: 0; z-index: 1000}
.button-vote{ margin-right:2%}
a.photo-user-small {width:200px; height:200px}
}
 .box-vote-fixed {width: 100%; height: 85px; background: #38CAA2; box-shadow: 0px 0px 120px 20px rgba(0,0,0,0.40); position: fixed; bottom: 0px; left: 0px; z-index: 9999; cursor: pointer}
.box-vote-fixed .info-vote {width: 480px; height: 185px; position: relative; margin: 0 auto; top: -100px}
.box-vote-fixed .info-vote .box-dj-vote {width: 125px; height: 185px; position: relative; float: left}
.box-vote-fixed .info-vote .photo-dj {width: 100%; height: 125px; position: relative; background-size: cover !important; background-position: center center; border-radius: 100px}
.box-vote-fixed .info-vote .vote {width: 100%; height: 27px; padding-top: 4px; background-color: #8537AA; position: relative; top: -10px; font-family: 'Source Sans Pro'; color: #fff; text-align: center; font-size: 14px; font-weight: bold; cursor: pointer}
.box-vote-fixed .info-vote .vote:hover {background-color: #2F2F2F}
.box-vote-fixed .info-vote .name-dj {width: 100%; height: 30px; font-family: 'Source Sans Pro'; color: #fff; font-size: 14px; font-weight: bold; text-align: center}
.box-vote-fixed .info-vote .box-vs-vote {width: 230px; height: 185px; position: relative; float: left}
.box-vote-fixed .info-vote .box-vs-vote .text-vote {width: 100%; height: 60px; position: relative; font-family: 'Source Sans Pro'; color: #fff; font-size: 24px; font-weight: normal; text-align: center; top: 110px}
 .box-vote-fixed .photos-djs {width: 180px; height: 90px; position: relative; margin: 0 auto; top: -75px}
.box-vote-fixed .photos-djs .dj-1 {width: 90px; height: 90px; right:80px; position: absolute; background-size: cover !important; background-position: center center; border-radius: 100px}
.box-vote-fixed .photos-djs .dj-2 {width: 90px; height: 90px; right: 10px; position: absolute; background-size: cover !important; background-position: center center; border-radius: 100px}
.box-vote-fixed .names-djs {width: 100%; height: 60px; position: relative; font-family: 'Source Sans Pro'; color: #fff; font-size: 24px; font-weight: normal; text-align: center; top: -70px}
.box-vote-fixed .vote-djs {width: 150px; height: 30px; padding-top: 4px; background-color: #8537AA; position: relative; margin: 0 auto; top: -90px; font-family: 'Source Sans Pro'; color: #fff; text-align: center; font-size: 18px; font-weight: bold; cursor: pointer}