/*
 Theme Name:   Twenty Fourteen Child
 Theme URI:    https://wordpress.org/themes/twentyfourteen/
 Description: Child theme for the Twenty Fourteen theme
 Author:       Ramjan
 Author URI:   https://yourwebsite.com
 Template:     twentyfourteen
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twentyfourteen-child
*/

/* _____ Styles Reset _____ */
a, abbr, acronym, address, applet, article, aside, audio,b, blockquote,big, body,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; font-size:100%; margin:0; padding:0; line-height:normal; vertical-align:baseline; outline:none;}
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; }

@font-face {
	font-family: 'calibri';
	src: url('fonts/calibri_0.eot');
	src: local('☺'), url('fonts/calibri_0.woff') format('woff'), url('fonts/calibri_0.ttf') format('truetype'), url('fonts/calibri_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'JUICE_Regular';
	src: url('fonts/JUICE_Regular.eot');
	src: local('☺'), url('fonts/JUICE_Regular.woff') format('woff'), url('fonts/JUICE_Regular.ttf') format('truetype'), url('fonts/JUICE_Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{ font-family:'calibri', Arial, sans-serif; font-size:15px; color:#fff;}
:focus{ outline:0 none;}
:focus,
a{ text-decoration:none; color:#da2129;}
a:hover{ text-decoration:none; color:#fff;}
.clear{clear:both;}
.floatL{float:left;}
.floatR{float:right;}
.full-width{float:left; width:100%;}
::-webkit-input-placeholder { color:#000;}
:-moz-placeholder { color:#000;} /* Firefox 18- */
::-moz-placeholder { color:#000;} /* Firefox 19+ */
:-ms-input-placeholder { color:#000;}
* { -webkit-tap-highlight-color:rgba(255,255,255,0);}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
h1,h2,h3,h4,h5,h6{font-weight:normal;}

.wrapper { background:url("images/bg-image.jpg") center bottom repeat; padding:50px 0; background-attachment: fixed;}
.container {margin: 0 auto; width: 1140px; box-shadow:0 0 20px 0 #fff; position:relative; background:rgba(0,0,0,0.3); display:table;}
.back{ padding:8px 12px; color:#fff; background:#e31e24; float:right; font-size:14px; border:1px solid #e31e24;}
.back:hover{ background:none; color:#fff;}

@media (max-width:1140px){
.wrapper{ padding-left:15px; padding-right:15px;}
.container{ width:100%;}
}


/* === HEADER ================================================== */
.header {background: rgba(000, 00, 000, 0.7) none repeat scroll 0 0; position:absolute; z-index:999; float:left; width:100%;}
.header .logo {float: left; margin: 30px 0 30px 20px; width:100%; max-width:612px;}
.header .logo img{ width:100%; float:left;}
.header .social-media{ float:right; margin-top:40px; margin-right:20px;}
.header .social-media ul li { float:left;}
.header .social-media ul li a span {display: block;  font-size: 0;height: 30px; line-height: 0; margin: 20px 6px 10px 0; width: 30px;}
span.sprite { background: url(images/sprite.png) no-repeat; float:left;}
.header .social-media ul li a span:hover { opacity:0.5;}
.header .social-media .linkedin > a span { background-position: -31px 0;}
.header .social-media .twitter > a span { background-position: -92px 0;}
.header .social-media .soundcloud > a span { background-position: -62px 0;}
.header .social-media .myspace > a span { background-position: -156px 0;}
.header .social-media .youtube > a span { background-position: -124px 0;}
.menu { clear:both; background:#002A3E; float:left; width:100%;}
.menu ul li { float:left; margin:0 0 0 40px; position:relative;}
.menu ul li a { color:#fff; font-family: 'JUICE_Regular'; font-size:22px; padding:16px 25px; display:block;}
.menu ul li.current-menu-ancestor > a,
.menu ul li.current-menu-item > a,
.menu ul li a:hover { background:#da2129;}
.menu ul ul{ display:none; position:absolute; z-index:1; top:58px; left:0; min-width:200px; background:#002A3E; border:2px solid #fff;}
.menu ul li.menu-item-has-children:hover ul{ display:block;}
.menu ul ul li{ margin:0; width:100%;}
.menu ul ul li a{ font-size:18px; white-space:nowrap;}

@media (min-width:768px){
.menu .menu-top_menu-container > ul{ display:table!important;}
.menu .navbar-toggle{ display:none;}
}
@media (max-width:1140px){
.header .logo{ width:60%;}
.menu ul { margin:0 auto;}
.menu ul li { margin-left:0;}
.menu ul li a { padding:10px 20px; font-size:18px;}
.menu ul ul{ top:41px; min-width:120px;}
.menu ul ul li a{ font-size:15px;}
}
@media (max-width:767px){
.header{ position:static;}
.header .logo{ width:100%; max-width:100%; text-align:center; margin:20px 0 0;}
.header .logo img{ width:70%; float:none; display:block; margin:0 auto;}
.header .social-media { margin-top:0;}
.menu ul{ width:100%; float:left; display:none;}
.menu ul li{ float:left; width:100%;}
.menu .navbar-toggle{ float:left; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; padding:1px 5px 5px; margin:10px; border:0; cursor:pointer;}
.menu .navbar-toggle .icon-bar{ background:#1f1f1f; height:3px; width:25px; display:block; margin-top:4px;}
.menu ul ul{ display:block; border:0;}
.menu ul ul a{ padding-left:40px;}
}
@media (max-width:480px){
.header .logo img{ width:80%;}
}

/* === BANNER ================================================== */
.slider .metaslider{ max-width:9999999999px !important;}
.slider .metaslider .flexslider{ margin:0;}
.flex-control-nav { display:none;}
.slider{  float:left; width:100%;}
.slider .flex-direction-nav a{ margin:32px 0 0;}

/* === VIDEO ================================================== */
.vedio{ float:left; width:100%;padding:20px;}
iframe { width: 100%;}


/* === FOOTER ================================================== */
.scroll-top { position:absolute; top: -67px; left: 50%; margin: 0 0 0 -17px;}
.top-scroll {background: #da2129; padding:0; height:34px; width:34px; margin:50px auto 0; cursor: pointer; position:relative; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.top-scroll > span { background-position: -185px 0; height: 17px; width: 16px; margin:9px 0 0 8px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.footer { background:#030303; position:relative; margin: 60px 0 0; float:left; width:100%;}
.footer p { color:#cccfd0; padding:30px 0 30px 20px; float:left;}
.footer .menu-top_menu-container {float:right; margin-top:30px}
.footer .menu-top_menu-container ul li { float:left; line-height:0; padding:0 20px 0; border-left:1px solid #fff;}
.footer .menu-top_menu-container ul li:first-child{ border-left:none; padding-left:0;}
.footer .menu-top_menu-container ul li a { color:#cccfd0; font-size:13px; text-transform:uppercase;}
.footer .menu-top_menu-container ul ul{ display:none;}

@media (max-width:767px){
.footer .menu-top_menu-container { margin:40px auto 0; display:table; float:none;}
.footer p { padding:30px 0; width:100%; text-align:center;}
}


/* === inner page ================================================== */
.site-content{ float:left; width:100%; padding:20px;}
.site-content h1{ font-size: 30px; padding: 0 0 5px; border-bottom: 1px solid; margin: 0 0 22px;}
.site-content h3 { font-size:20px; font-weight:bold; color:#da2129;}
.site-content i { font-size:20px; font-weight:bold; color:#da2129;}
.site-content img { float:left; margin:0 20px 20px 0;}
.site-content p{ font-size: 18px; padding: 0 0 15px; color:#fff;}
.entry-content a { color: #da2129; font-weight: bold;}
.content a { color:#da2129;}
.logo-bg {margin-top:50px;}
.logo-bg img {margin:5px 8px 0 3px; width: 24%;}
.entry-header h1 a{ color:#fff;}
.comments-link{ display:none;}
.search-field{ height:30px; color:#333; padding-left:7px;} 
.search-submit { padding:7px; border:0; cursor:pointer;} 
.search-submit:hover{ background:#da2129; color:#fff;}



/* 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;
}


ul.wpb_thumbnails,
ul.categories_filter{ float: left; width: 100%;}
ul.categories_filter li{ float: left;}
ul.categories_filter a{ background: #da2129; padding: 5px 12px; margin: 0 5px 0 0; float: left; border-radius: 5px; color:#fff;}

ul.wpb_thumbnails{ margin:20px 0 0;}
ul.wpb_thumbnails li{ float: left;
  width: 24%;
  border: 1px solid rgba(255,255,255,0.3);
  background:rgba(255,255,255,0.2);
  margin: 0 10px 10px 0;
  padding:10px;
  text-align: center;}
.site-content .isotope .isotope-item img{ float: none; margin: 0;}


 /* ======================================= artist ======================== */
.artist-main {float: left; width: 100%;}  
.artist-main .artist-img-title {border: 1px solid rgba(255, 255, 255, 0.3); float: left; margin-right:1%; width: 24%; padding: 10px;}
.artist-main .artist-img-title .caption {font-size: 20px; clear:both; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#fff; padding: 5px 0 0;}
.artist-img {float: left; height: 242px; width: 242px;}
.artist-main .artist-img-title img{ width:100%; height:100%; margin:0;}

.about-img {border: 1px solid #ffffff; float: left;  height: 250px; margin-right: 30px; width: 300px;}


.following-icon-image { float:left; width:100%}
.following-icon {float: left; width:50%;}
.comp-card{ float:right; width:50%; padding:0 0 20px;}
.comp-card-img {float: right; margin-left:10px;}
.comp-card-img > img { width:150px; height:auto; margin:0;}
.following-icon li {float: left; margin-left:10px;}
.following-icon li:first-child {margin-left:0;}
.following-icon li span {height: 30px; width: 30px;}
.reverbnation-icon span { background-position: -203px 0;}
.twitter-icon span {background-position: -93px 0;}
.myspace-icon span {background-position: -155px 0;}

.site-content img.content-img{border: 1px solid rgba(255, 255, 255, 0.3); padding:5px;}

/* catalog page */
.catalog-item{ float: left; padding: 0 0 10px 0; border-bottom: 1px solid rgba(255,255,255,0.3); margin: 0 0 20px; width:270px;}
.catalog-item img{ display:block; width: 100%; max-width: 170px; border-radius: 4px;}
.catalog-item div{ border-top: 1px solid rgba(255,255,255,0.3); width:100%; float:left; margin:10px 0 0;}
.catalog-item a{ float: left; width:30px; font-size:0; line-height:0; margin: 10px 5px 0px 0px; border-radius: 4px;}


@media (max-width:1140px){
ul.wpb_thumbnails li{ width:23%;}
}
@media (max-width:767px){
.site-content img.content-img{ max-width:50%; width:100%;}
ul.wpb_thumbnails li{ width:31%;}
ul.wpb_thumbnails li img{ width:100%; display:block;}
}
@media (max-width:480px){
ul.wpb_thumbnails li{ width:45%;}
.site-content img.content-img{ max-width:100%;}
}

/* Media page */
.media-page .title{ border-bottom:1px solid rgba(255, 255, 255, 0.3); font-size:26px; padding-bottom:10px; margin-top:10px; float:left; width:100%;}
.media-page ul{ float:left; width:100%;}
.media-page li{ float:left; width:100%; border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.media-page li .img{ float:left; padding:20px 20px 20px 0;}
.media-page li .img img{-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.media-page li .content{ float:left; padding:20px;}
.media-page li a{ color:#da2129; text-decoration:underline;}

/*****************************DJ Central’s Latest Episode************************************/
.latest-episode h2 {font-size: 30px;padding: 0 0 5px;border-bottom: 1px solid #fff;margin: 0 0 22px;}
.vedio-slider{width:100%; float:left;}
.vedio-slider ul li{ background-image:none; padding:0px;}
.vedio-slider .flexslider{margin-bottom:20px; background:none; border:0px; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0); position:relative;}
.vedio-slider .flexslider.dj-silder{ width:675px; margin:0 auto 20px;}
.vedio-slider .bigimg .flex-direction-nav{ display:none;}
.vedio-slider .silder-small ul li .slider-thumb-content{margin:0px 5px;border-radius:0px; border:#c6c6c6 solid 1px; background:#fff; cursor:pointer;}
.vedio-slider .dj-silder .flex-viewport ul li.flex-active-slide .slider-thumb-content{border-color:#DA2129;}
.vedio-slider .flexslider ul li.flex-active-slide  p{color:#DA2129}
.vedio-slider .silder-small ul li img{border-radius: 0; padding:6px 2px 6px 6px;width:154px; height:80px;}
.vedio-slider .silder-small .flex-direction-nav li{ border:0px;}
.vedio-slider .silder-small li p{ padding:0px 10px 0px 10px; min-height:45px; color:#222; font-size:14px;}
.home-content h2{ font-size:28px; color:#b20205; text-transform:uppercase; padding-bottom:8px;}
.vedio-slider .dj-silder .flex-viewport ul{ margin-bottom:0px;}
.vedio-slider .flex-direction-nav a{transition: all 0.0s ease 0s;}

.vedio-slider .flex-direction-nav a {background:url(images/arrow1.png) no-repeat scroll 0 -17px;cursor:pointer;display:block;height:40px;opacity:1;position: absolute;text-indent: -9999px;top:50%;margin-top:-20px;width:18px;z-index: 10;}
.slider .flexslider:hover a.flex-prev{left: 20px}
.slider .flexslider:hover a.flex-next{right: 20px}
.flexslider:hover a.flex-prev{left: -40px}
.flexslider:hover a.flex-next{right: -40px}
.vedio-slider .flex-direction-nav .flex-next {background-position:100% -17px; right:-40px; }
.vedio-slider .flex-direction-nav .flex-prev {left:-40px;}
.loading .vedio-slider { height:549px; overflow:hidden;}
.address { float: left; width: 32%;}
.latest-episode iframe {background:#000; border-color:#000;}

.soundcloud-main {float: left;width: 100%;padding: 20px 20px;}
.soundcloud-left {float: left;width: 50%;padding-right: 10px;}
.soundcloud-right {float: right;width: 50%;padding-left: 10px;}


@media(max-width:768px){
	.vedio-slider .flexslider.dj-silder{ width:505px;}
}
@media(max-width:625px){
	.vedio-slider .flexslider.dj-silder{ width:165px;}
	.vedio-slider .silder-small ul li img {width: 145px;}
}
@media(max-width:767px){
.soundcloud-left {width:100%;padding:0;}
.soundcloud-right {width:100%;padding:20px 0 0;}
}