@import url('https://fonts.cdnfonts.com/css/general-sans');

/* ======================================== RESET ================================================== */
a, abbr, acronym, address, applet, article, aside, audio,b, blockquote,big, body, button, center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, span, source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{background:transparent; border:0 none; margin:0; padding:0; line-height:16px; vertical-align:baseline; outline:none; font-size:100%; font-family:inherit; font-weight:normal; font-style:normal;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} blockquote,q{quotes:none;} blockquote:before,q:before{content:'';content:none;} blockquote:after,q:after{content:'';content:none;} ins {text-decoration:none;} abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;} table {border-collapse:collapse; border-spacing:0;} hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;} input, select {vertical-align:middle; margin:0;} ol, ul, li {list-style:none;}
html {-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} *, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:rgba(255,255,255,0);}

/* ===== GLOBAL ================================================== */
@font-face {
    font-family: 'NavFont';
    src: url('fonts/ClashDisplay-Medium.otf');
    font-weight: normal;
    font-style: normal;
}

body{ font-family:Arial; font-size:15px; color:#fff; background:#161616}
:focus{ outline:0 none;}
:focus,
a{ text-decoration:none; color:#fff;}
a:hover{ text-decoration:none; color:#515151;}
b, strong{ font-weight:bold;}
i, em{ font-style:italic;}
h1,h2,h3,h4,h5,h6{font-weight:normal; line-height:normal; font-family: 'General Sans', sans-serif; letter-spacing:100;}
h1 { font-size:28px;}
h2 { font-size:24px;}
h3 { font-size:20px;}
h4 { font-size:18px;}
p{ margin-bottom: 15px; line-height: 20px; font-family: 'General Sans', sans-serif; font-size: 16px; letter-spacing: 0px; color: #dbdbdb;}
::-webkit-input-placeholder { color:#999;}
:-moz-placeholder { color:#999;}
::-moz-placeholder { color:#999;}
:-ms-input-placeholder { color:#999;}
.clear{clear:both;}
.floatL{float:left;}
.floatR{float:right;}
.full-width{float:left; width:100%;}
.hide{ display:none!important;}
.container { width:100%; max-width:1350px; margin:0 auto; display:table; background:#262626; padding-left:0px; padding-right:0px; }

.social-icon{ float:right;}
.social-icon li{ float:left; margin-right:5px}
.social-icon li a{ width:30px; height:30px; float:left; }
.social-icon li img{ border-radius:50%; background:#ffffff; }
.social-icon li img:hover{ filter: grayscale(1) }
.footer .social-icon li img{ width:100% }

/* ================================================== HEADER ================================================== */
.header{ background:#262626}
.header img{ display:block; max-width:100%;}
.header .logo img{ display:block; max-width:100%; margin-top:-10px; margin-left:20px}
.header .logo{ padding-top:15px; float:left;}
.header .header-right{ float:right;}

.topHeader{ background:#161616; height: 60px }
.banner{ padding:0px 20px}

.header .navigation{ margin:10px 0 10px; float:left; clear:both; font-family:'General Sans', sans-serif; margin-left:20px}
.header .navigation ul li{ float:left; margin-left:10px;}
.header .navigation li a{ font-size:14px; padding:10px 8px 2px; display:block; line-height:normal; font-family: 'General Sans', sans-serif; letter-spacing:1.3px; text-transform:uppercase; text-shadow: .3px 0px 0px #ffffff}
.header .navigation li:hover a,
.header .navigation li.current-menu-item a{ text-decoration:underline; color:#ffffff}

.header .navigation li ul{ display:none; position: absolute; padding:10px 20px 10px 0px;}
.header .navigation li:hover ul li{ float:none; margin-left:10px; border-bottom:1px solid #85776b; }
.header .navigation li:hover ul li a{ padding:10px 5px 5px 0px; color:#000; font-size:12px; background:#d4d4d4; text-decoration:none; text-shadow: 0.5px 0px 0px #00000012}
.header .navigation li:hover ul li a:hover, .header .navigation li:hover ul li.current-menu-item a { text-decoration:none; text-shadow: .3px 0px 0px #000000 }
.header .navigation li:hover ul{ display:block; overflow: hidden; margin-bottom:20px; background:#d4d4d4; z-index: 1;}

.home-content .Featured_videos{float:left;width:100%;margin-bottom:38px;}
.home-content .Featured_videos .vidio{float:left;width:100%;margin-top:7px;}
.home-content .Featured_videos .Show_vidio{float:left;width:100%;height:425px;}

/* ================================================== BANNER ================================================== */
.flexslider {position: relative;}
.loading .flexslider{ max-height:500px; overflow:hidden;}
.flex-viewport { -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;  transition: all 1s ease;}
.flexslider .slides img { width:100%; display:block;}
.flex-direction-nav a { display:block; width:33px; height:59px; position:absolute; top:50%; margin-top:-16px; z-index:10; overflow:hidden; cursor:pointer; font-size:0; line-height:0;}
.flex-direction-nav .flex-prev{ background:url(images/previous.png) no-repeat; left:3%;}
.flex-direction-nav .flex-next{ background:url(images/next.png) no-repeat; right:3%;}


.latest-episode .flexslider{background:none;border:0px;box-shadow:0 0px 0px rgba(0, 0, 0, 0.0);}
.latest-episode .bigimg .flex-direction-nav{display:none;}
.latest-episode .bigimg ul li iframe{height:437px;}
.latest-episode .silder-small ul li .slider-thumb-content{background:#fff;margin-right:10px;border:1px solid #c6c6c6;cursor:pointer;}
.latest-episode .silder-small ul li img{border-radius:0;padding:6px 2px 6px 6px;width:154px;height:80px;}
.latest-episode .silder-small .flex-direction-nav li{border:0px;}
.latest-episode .silder-small li p{padding:0px 10px 10px 10px;min-height:64px;font-size:14px;line-height:18px;}
.latest-episode .silder-small .flex-direction-nav a{top:23%;margin:0px;}
.latest-episode .dj-silder .flex-viewport{width:676px;margin:0 auto 0 55px;}
.latest-episode .dj-silder .flex-viewport ul{margin-bottom:0px;}
.latest-episode .flex-direction-nav a{transition:all 0.0s ease 0s;}
.latest-episode .silder-small ul li.flex-active-slide .slider-thumb-content{border-color:#B20205;}
.latest-episode .silder-small ul li.flex-active-slide p{color:#B20205;}
.latest-episode .flex-direction-nav a{background:url(images/arrow1.png) no-repeat scroll 0 0;cursor:pointer;display:block;height:74px;margin:0 60px;right:0px;opacity:1;position:absolute;text-indent:-9999px;top:50%;width:40px;z-index:10;}
.latest-episode .flex-direction-nav .flex-next{right:10px;background-position:-45px 0;}
.latest-episode .flex-direction-nav .flex-next{background:url(images/next.png) no-repeat; left:3%;}
.latest-episode .flex-direction-nav .flex-prev{background:url(images/previous.png) no-repeat; left:3%;}
.latest-episode .flexslider:hover .flex-next{opacity:1;right:10px;}
.latest-episode .flexslider:hover .flex-prev{opacity:1;left:0px;}
@media(max-width:768px){.latest-episode .dj-silder .flex-viewport{width:86%;margin:0 auto;}
.latest-episode .silder-small ul li img{width:143px;}
.music-button img{width:70%;}
.sidebar.music-button{text-align:center;}
}

/* ================================================== VIDEO ON HOME PAGE ================================================== */
.home-content{ padding:40px;}
.home-content iframe{ border:1px solid #363636;}

.widgets-container{ margin: 0 auto 30px; display: table; width:100%; padding:0 40px;}
.widgets-container li{ float: left; width:32.142857142857146%; margin-right:1.7857142857142856%;}
.widgets-container li:last-child{ margin-right:0;}

/* ================================================ CONTENT PAGE ================================================== */
.content-page,
.music-main, .media-page{ padding:20px 20px 10px;}
.content-page h2,
.music-main h2{ padding: 15px 0px; margin: 0 0 20px; font-family: 'General Sans', sans-serif; text-align: left; letter-spacing: 2px; font-size: 30px; text-transform:uppercase}

.media-page h2{ padding: 30px 0px 0px 0px; margin: 0 0 15px; font-family: 'General Sans', sans-serif; text-align: left; letter-spacing: 2px; font-size: 30px;}
.content-page h3{ padding-bottom: 10px;}

.content-page .page-content-text img.alignright{ float:right; margin:0 0 5px 20px;}
.content-page .page-content-text li{ list-style: none; margin:0 0 5px 5px;}

.address { float: left; width: 33%;}
.content-page .contact-page-content img{ padding:0; border:0;}

.content-page .media-page ul.logos{ float: left; width: 100%; padding: 0 0 20px;}
.content-page .media-page .comp-cards li{ float: left; width:25%; padding:10px;}
.content-page .media-page .comp-cards li img{ display:block; width:100%;}
.media-page .logos li,
.media-page .comp-cards li{ list-style:none; margin:0px; }

/* ================================================ search page ================================================ */
header.page-header { float: left; width: 100%; padding-top: 11px;}
.search-field{ margin-left:10px; padding-left:10px; height:30px; color:#000; border:none;}
.search-submit{  background:#fff; padding:0px 10px 3px 10px; line-height:27px; color:#000; cursor:pointer; } 
.search-submit:hover{ background:#ccc;} 
.page-title{border-bottom: 1px solid #c2c2c2; font-size:24px; padding: 0 0 5px; margin: 0 0 20px;}

/* ================================================ FOOTER ================================================== */
.footer{ background:#161616; padding:30px 0px }
.footer ul{ margin:0px auto; display:table;}
.footer .nav li{ float:left; font-family:'General Sans', sans-serif;}
.footer .nav li a{ padding:6px 30px 0; font-size:22px; display:block; border-right:1px solid #fff; line-height:normal;}
.footer .nav li:last-child a{ border:0;}
.footer .nav li a:hover,
.footer .nav li.current-menu-item a{ color:#cc1f10;}
.footer .social-icon{ float:none; margin-top:30px;}
.footer-copy{ padding:12px 0; text-align:center; font-size:14px; text-shadow: .3px 0px 0px #ffffff; letter-spacing:1.5px}
.footer ul ul{ display:none; visibility:hidden}

.footer-copy, .footer-copy a{ font-size:14px; font-family: 'General Sans', sans-serif; text-shadow: .3px 0px 0px #ffffff; letter-spacing:1.5px}
/* ================================================ Music ================================================== */
.music-main .catalog-item { float: left; padding:0;  border-bottom: 1px solid rgba(255,255,255,0.3); margin: 0px 10px 20px 0px; width:200px;}
.music-main .catalog-item img {display: block; margin:0; max-width: 100%;-webkit-border-radius: 4px;-moz-border-radius: 4px; border:0; border-radius: 4px;}
.music-main .catalog-item div {border-top: 1px solid rgba(255,255,255,0.3);width: 100%;float: left;margin:5px 0 0;}
.music-main .catalog-item a.amazon { width:35px; height:35px; float: left; margin:6px 10px 6px 0px;}
.music-main .catalog-item a.itune { width:35px; height:35px;float: left; margin:6px 10px 6px 0px;}
.music-main .catalog-item a.spotify{ width:35px; height:35px;float: left; margin:6px 10px 6px 0px;}
.music-main .catalog-item a.deezer{ width:35px; height:35px;float: left; margin:6px 10px 6px 0px;}
.music-main .catalog-item div a{margin-right:10px;}
.music-main .catalog-item a img{ border-radius:5px}

/* ================================================ RESPONSIVE ================================================== */

/** Home Page Video Section Css Start **/
.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}
.col-row{ margin:0 -15px; }
.col-row .col-2{ width:31%; padding:0 15px; float: left; }
/** Home Page Video Section Css End **/

@media (min-width:768px){
.header .navigation{ display:block!important;}
.header .navbar-toggle { display:none;}
}
@media (max-width:1200px){
.container{ width:96%;}
.header .navigation ul li{ margin-left:8px;}
.header .navigation li a{ padding:8px 8px 0;}
}
@media (max-width:767px){
    .container{ width:100%;}
    .header{ padding:15px;}
    .header .header-right{ width:100%;}
    .header .logo{ width:100%; padding:0 0 20px;}
    .header .logo img{ margin:0 auto;}
    .header .navbar-toggle{ float:left; margin:15px 0 0; cursor:pointer;}
    .header .navbar-toggle span{ background:#bebdbd; height:3px; width:30px; display:block; margin-top:4px;}
    .header .navigation{ width:100%; float:left; background:#202020; padding:10px; margin-top:10px; display:none;}
    .header .navigation.active{ display:block;}
    .header .navigation ul li{ width:100%; margin-top:5px; margin-left:0px;}
    .header .navigation li a{ padding:10px 10px 2px;}
    .home-content{ padding:15px;}
    .home-content iframe{ height:400px;}
    .col-row .col-2{ width: 100% }
}

@media (max-width:500px){
  	.container{ width:100%;}
    ul.widgets-container li{width:100%; margin-bottom:10px}
    .footer{ padding:15px;}
    .footer .nav li{ width:50%;}
    .footer .nav li a{ padding:0 0 8px 20px; border:0;}
}

/* ===== MIDEL CONTENT ================================================== */
.midel-content{ width:100%; padding:0 0% 5px; display:inline-block;}
.midel-content p{font-size:14px;padding:5px 0 10px;float:left;line-height:22px;}
.content-box{width:31.7%;float:left;border:1px solid #d7d7d7;padding:5px;color:#5b5b5b;margin-right:9px;}
.content-box-title{font-size:15px;font-weight:bold;text-align:center;}
.content-box-logo{text-align:center;margin:0 auto;padding:10px 0;}
.content-box p{text-align:center;font-size:12px;padding-top:0;color:#CE1010;}
.content-box a{font-size:12px;color:#1679ba;padding:0;}
.sub-content{float:left;margin-top:20px;}
.sub-content .title{font-size:20px;color:#5b5b5b;font-weight:700;float:left;width:100%;}
.website-link{float:left;width:100%;padding-bottom:15px;}
.website-link > img{float:left;margin-right:10px;}
.website-link span{font-size:15px;padding:0 0 0 15px;}
.website-link a{color:#1679ba;font-size:15px;}
.country-title{width:100%;float:left;font-size:18px;font-weight:normal;}
.sub-content .flag{width:27%;float:left;margin-right:6%;padding:20px 0 5px 0;text-align:center;}
.sub-content .flag img{width:100%;}
.sub-content .flag span{font-size:18px;font-weight:bold;text-align:center;float:left;width:100%;}
.country-detail-map{width:100%;float:left;margin:15px 0;text-align:center;}
.midel-content a{color:#448ab9;}
.midel-content .view-btn a{color:#fff;}
@media (max-width:1200px) {
.sidebar-bg .releases-news .title{width:100%;}
.sidebar-bg .releases-news p{width:100%;}
.content-box > a{word-wrap:break-word;}
.sidebar-right .news-btm-saprator2{width:64%;}
.sidebar-bg .twitter-date{width:36%;}
.sidebar-bg .date-main .title{width:60%;}
.sidebar-bg .date-main p{width:60%;}
.content-box{width:30%;}
}
@media (max-width:999px) {
.midel-content{width:100%;padding:0;margin:0 0 20px;}
.left-sidebar,
.sidebar-right{position:inherit;width:48%;}
.country-detail-map > img{width:80%;}
.advertise-main-right.inner-fm > a{clear:both;}
.advertise-main-right.inner-fm > p{text-align:left;}
.sidebar-bg .releases-news span{clear:none;}
.sidebar-bg .releases-news .title{width:70%;}
.sidebar-bg .releases-news p{width:70%;}
.sidebar-right .news-btm-saprator2{width:66%;}
.sidebar-bg .twitter-date{width:34%;}
.all-logos {float:left; width:100%;}
}
@media (max-width:600px) {
.left-sidebar,
.sidebar-right{position:inherit;width:100%;}
.country-detail-map > img{width:90%;}
.sub-content .flag span{font-size:13px;}
.sidebar-right .sidebar-feacbook{width:300px;margin:0 auto 20px auto;float:none;}
}
 @media (max-width:480px) {
.content-box{width:100%;margin-bottom:20px;}
.content-box p{width:100%;}
}
@media (max-width:400px) {
.sub-content .flag{width:100%;}
}
.word-music .service-content-image.word-on-music .catalogue-image img{transform:scale(1.15);}
.midel-content ul li{clear:both;float:left;margin-top:30px;}
.midel-content ul li img{float:left;padding:12px 9px;width:76px;}
.midel-content .pdf-name{float:left;margin-top:15px;padding-left:20px;}
.midel-content .service-content-image,
.midel-content .service-content-image .catalogue-top{float:left;width:100%;}
.midel-content .service-content-image .catalogue-top .catalogue-image{float:left;margin-top:10px;margin-right:10px;overflow:hidden;border:1px solid #555555;}
.midel-content .service-content-image .catalogue-top .catalogue-image > img{width:138px;height:auto;transform:scale(1.14);display:block;}
.midel-content .service-content-image .catalogue-top .content-title{width:70%;float:left;margin-top:10px;}
.midel-content .catalogue-top .content-title a{color:#448ab9;font-weight:bold; display:block;}
.midel-content .catalogue-top .date{float:left;clear:none;font-size:12px;}
.midel-content .service-content-image .catalogue-content{float:left;margin-top:10px;width:100%;}
.midel-content .service-content-image .catalogue-content p a{color:#448ab9 }
@media (max-width:768px) {
.midel-content .service-content-image .catalogue-top .catalogue-image{width:auto;}
}
 @media (max-width:600px) {
.midel-content .service-content-image .catalogue-top .content-title{width:auto;}
}

/* ===== Sitemap================================================== */
.sitemap-links h2{display:none;}
.releases-img{display:block;width:100%;}
ul.wpb_thumbnails,
ul.categories_filter{float:left;width:100%;}
ul.categories_filter li{float:left;margin-bottom:5px;clear:none;}
ul.categories_filter a{background:#da2129;padding:5px 12px;margin:0 5px 0 0;color:#fff;float:left;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
ul.wpb_thumbnails{margin:20px 0 0;}
ul.wpb_thumbnails li{float:left;width:31.5%;border:1px solid rgba(000,000,000,0.4);background:rgba(000,000,000,0.1);margin:0 1% 1% 0;padding:10px;text-align:center;}
/* Distribution page tabbing */
.isotope-item{z-index:2;}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1;}
.isotope,
.isotope .isotope-item{-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-ms-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s;}
.isotope{-webkit-transition-property:height, width;-moz-transition-property:height, width;-ms-transition-property:height, width;-o-transition-property:height, width;transition-property:height, width;}
.isotope .isotope-item{-webkit-transition-property:-webkit-transform, opacity;-moz-transition-property:-moz-transform, opacity;-ms-transition-property:-ms-transform, opacity;-o-transition-property:top, left, opacity;transition-property:transform, opacity;}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s;}
.midel-content .isotope li img{float:none;display:table;margin:0 auto;width:auto;}
ul.wpb_thumbnails,
ul.categories_filter{float:left;width:100%;}
ul.categories_filter li{float:left;margin-bottom:5px;}
ul.categories_filter a{background:#f74400;padding:5px 12px;margin:0 5px 0 0;float:left;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
ul.categories_filter .active a{background:#e56b24;}
ul.wpb_thumbnails{margin:20px 0 0;}
ul.wpb_thumbnails li{float:left;width:31.5%;border:1px solid rgba(000,000,000,0.3);background:#818080;margin:0 1% 1% 0;padding:10px;text-align:center;}
 @media (max-width:600px) {
ul.wpb_thumbnails li{width:48%;}
}
@media (max-width:479px) {
ul.wpb_thumbnails li{width:100%; margin:0 0 10px 0;}
}

/* ===== PARTNERS ================================================== */

.partners-page .all-logos > li{width:18%;float:left;border:1px solid #9a9a9a;height:115px;margin-right:10px;text-align:center;margin-bottom:20px;transition:all 0.2s ease 0s;}
.partners-page .all-logos > li a img{
    margin:15px auto;
}