﻿/*
Theme Name: Night Spot
Theme URI: http://demo.crunchpress.com/night-club
Description: A WordPress theme for night clubs and music sites
Author: CrunchPress
Author URI: http://crunchpress.com
Version: 1.3.0
License: CrunchPress Themes
License URI: http://themeforest.net/licenses/standard
Tags: crunchpress, multiple columns, responsive, custom-background, custom-colors, featured-images, theme-options
Text Domain: cp_translate
*/


/** Table of Content 


Full

-	Import Css Files				Line 	40	 -	44
-	Reset Css						Line 	67 	 -	102
-	Font Families					Line 	47 	 -	65
-	Header 							Line	135  - 	253
-	Slider  						Line 	258  - 	459
-	Top Music  						Line	464  -  495
-	Twitter 						Line	504  -  547
-	Main Nav						Line	552  -  569
-	Post Slider					Line	574  - 	737
-	Latest News						Line	741  -  865
-	Client Testimonials				Line 	869  -  994
-	Event Booking					Line	1000 -  1113
-	Up coming Event Slider			Line	1119 -  1286
-	Featured Artist					Line	1289 -  1319
-	Content Area					Line	1356 -  2090
-	Music Player					Line	2094 -  2102
-	Inner Page Title				Line	2106 -  2125
-	Blog							Line	2135 -	2718
-	Album							Line	2727 - 	3270
-	About Us						Line	3277 -  3569
-	Events							Line    3574 - 	3721
-	Contact							Line    3726 -	3791
-	404								Line	3795 -	3842
-	Search							Line	3849 -	3876
-	Cart							Line	3884 -	4298
-	Reservation						Line	4312 -	4372
-	Services						Line	4377 -	4502
-	Gallery							Line	4508 -	4605
-	Fan Review						Line	4612 -	4670
-	Faq								Line	4677 -	4708
-	Footer							Line	4723 -	4871
-	Tool tip						Line	4878 -	4910
-	Button Hover					Line	4923 -  4935



End of Table of Content Line 37 **/



/*Css Files Imports*/



@import url("stylesheet/jquery.bxslider.css");
 @import url("stylesheet/social-icon.css");
 @import url("stylesheet/ab-hover-effects.css");
 @import url("stylesheet/jquery.mCustomScrollbar.css");
 @import url("stylesheet/music-player.css");







/*Css Files Imports end*/



/*Import Google Fonts*/



@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,800);
 @import url(http://fonts.googleapis.com/css?family=Droid+Sans);
 @import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
/*Font Family Start*/



.droid { font-family: 'Droid Sans', sans-serif; }
.Open { font-family: 'Open Sans', sans-serif; }
.raleway { font-family: 'Raleway', sans-serif; }
.sidebar-included.left-sidebar .page-item { float: right; }
.both-sidebar-included .page-item { float: right; }
.cp-page-float-left { }
.sidebar-included.product-left-sidebar .page-item { float: right; }
.both-sidebar-included .page-item { float: right; }
/*Import Google Fonts End*/



/*--- reset ---*/









/*--- reset5 ﾃつｩ 2011 opensource.736cs.com MIT ---*/



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; margin: 0; padding: 0; }
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { display: block; }
nav ul { list-style: none; }
ol { list-style: decimal; }
ul { list-style: disc; }
ul ul { list-style: circle; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
ins { text-decoration: underline; }
del { text-decoration: line-through; }
mark { background: none; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; 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[type=submit], input[type=button], button { margin: 0; padding: 0; }
input, select, a img { vertical-align: middle; }
b, strong { font-weight: bold; }
i, em { font-style: italic; }
/*--- clear ---*/





/**********************  Theme Default Unit  *************************/





/*.blog-content ol, .blog-content ul {margin:inherit; padding:inherit; list-style:inherit;}*/

.sidebar .widget-bg, .footer-widget { margin-bottom: 30px; }
/*.sidebar .widget-bg, .sidebar .footer-widget ul { background: rgba(0,0,0,.5); padding: 10px; box-sizing: border-box; }*/

/*.sidebar .widget-bg ul, .sidebar .widget-bg, .sidebar .footer-widget { background: none !important; }*/

.widget-bg ul li { line-height: 24px; }
.sidebar .widget-bg #calendar_wrap > table { width: 100%; }
.sidebar .widget-bg #wp-calendar th { text-align: left; font-weight: bold; }
.sidebar .widget-bg #calendar_wrap caption { background: none repeat scroll 0 0 rgba(0, 0, 0, .4); margin-bottom: 10px; padding: 10px; }
.sidebar .widget-bg select, .footer-widget select { background: #333; border: 0px; padding: 5px; box-sizing: border-box; width: 100%; margin: 0px; }
.sidebar .widget-bg ul ul, .footer-widget ul ul { margin-left: 0.857143rem; }
/*.sidebar .widget-bg li, .sidebar .footer-widget li { list-style: none; line-height: 30px; border-bottom: rgba(0,0,0,.4) solid 1px; padding: 3px 0; }*/

.sidebar .widget-bg li ul li, .footer-widget li ul li { border-bottom: 0px; }
.sidebar-search form { margin: 0px; }
.blog-content table { width: 100%; }
.blog-content td { border-top: 1px solid rgba(0,0,0,.4); padding: 6px 10px 6px 0; }
.blog-content ol, .comment-content ol, .blog-content ul, .comment-content ul, .mu_register ul { line-height: 1.71429; margin: 0 0 1.71429rem; list-style: outside disc; }
.blog-content ol, .comment-content ol { list-style: outside decimal }
.blog-content li, .comment-content li, .mu_register li { margin: 0 0 0 2.57143rem; }
.blog-content h1, .comment-content h1 { font-size: 1.5rem; line-height: 1.5; }
.blog-content h2, .comment-content h2, .mu_register h2 { font-size: 1.28571rem; line-height: 1.6; }
.blog-content h3, .comment-content h3 { font-size: 1.14286rem; line-height: 1.84615; }
.blog-content h4, .comment-content h4 { font-size: 1rem; line-height: 1.84615; }
.blog-content h5, .comment-content h5 { font-size: 0.928571rem; line-height: 1.84615; }
.blog-content h6, .comment-content h6 { font-size: 0.857143rem; line-height: 1.84615; }
.blog-content p, .entry-summary p, .comment-content p, .mu_register p { line-height: 1.71429; margin: 0 0 1.71429rem; }
/*

.blog-content dl, .comment-content dl {

    margin: 0 1.71429rem;

} */	



.entry-content dl, .comment-content dl { margin: 0 1.71429rem; }
.sidebar .sub-menu { position: relative; left: auto; float: inherit; top: auto; margin-left: inherit; }
.sidebar .sub-menu > li > a:hover { color: #fff; }
.blog-content .post-password-form label { display: inline }
.blog-content .post-password-form input { border-radius: 0px; }
.blog-content .gallery dl.gallery-item { margin: 0px; box-sizing: border-box; }
.blog-content .gallery dl.gallery-item img { border-radius: 3px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); height: auto; padding: 8px; box-sizing: border-box; border: rgba(0,0,0,.4) solid 2px !important; }
.blog-content embed, .blog-content iframe { width: 100%; }
/**********************  Theme Default Unit End  *************************/





































.clear { display: block; clear: both; visibility: hidden; line-height: 0; height: 0; zoom: 1; }
.clear-fix { zoom: 1; }
.clear-fix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.cp-block-important { display: block !important; }
/*--- wordpress core ---*/







.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #333; border-width: 1px; border-style: solid; max-width: 100%; box-sizing: border-box; padding: 5px 3px 10px; text-align: center; clear: both; border: none; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 8px 4px 0px; }
.sticky { }
.bypostauthor { }
.gallery-item .gallery-icon { margin-right: 10px; }
i { margin-right: 5px; }
a, a:hover { text-decoration: none !important; }
p { margin-bottom: 20px; }
ul, ol { margin-bottom: 20px; margin-left: 30px; }
body { line-height: 1.7; font-family: Arial, Helvetica, sans-serif; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6 { line-height: 1.3; margin-bottom: 18px; font-weight: bold; }
/*Reset Start Start*/



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; margin: 0px; font-family: 'Open Sans', sans-serif !important; }
p { color: #999999 }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
img1:hover { opacity: .9; transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; }
/*Reset Start End*/



.body-boxed { background: url(images/boxed-page-bg.jpg) no-repeat top center #000000; }
.body-boxed-gray { background: url(images/boxed-page-bg1.jpg) no-repeat top center #000000; }
/* Pattren Bg */







.pbg { background: url(images/pattren-bg.png); }
.pbg1 { background: url(images/page-bg.jpg) #000; }
.pbg2 { background: url(images/pattren2.jpg); }
.pbg4 { background: url(images/head-bg.png); }
.pbg5 { background: url(images/pbg5.jpg); }
/* ====================================================



 



 Header Start 



 



==================================================== */



 







#wrapper { margin: 0px auto; }
.home_wrapper { position: relative; margin: 0 auto; }
.home_wrapper #header { position: absolute; }
.home_wrapper #header-top { position: relative; }
#header, #header-top .head-bg { background: url('images/head-bg.png'); }
#header { background: url('images/head-bg.png'); width: 100%; position: relative; top: 0; left: 0; z-index: 1111; }
/* SubPage Header Start */



.subpage-title-bg { width: 100%; height: 79px; position: absolute; bottom: 0; border-bottom: 3px solid #aa0054; background: url(images/pattren3.jpg) repeat-x; box-shadow: #000 6px 6px 6px; }
.subpage-title-bg .twitter-updates { margin: 18px 0; color: #FFF }
.subpage-title-bg .twitter-updates .icon-twitter { color: #FFF }
.subpage-title-bg h2 { font-family: 'Raleway'; font-style: normal; font-weight: 700; color: #FFF; font-size: 36pt; line-height: 58px; display: inline-block }
.subpage-title-bg .stag { display: inline-blockl; color: #b0b0b0; font-size: 14px; font-family: 'Raleway'; font-style: normal; font-weight: 700; margin-left: 20px; }
#logo { margin: 0px; padding: 0px; text-align: left; }
#logo h1 { background: url(images/logo.png) top center no-repeat; height: 137px; text-indent: -9999px; margin: 0px; }
.top-bar { z-index: 999; }
.topbar-right { background: rgba(0,0,0,0.8); background: #000000; /* IE6 & IE7 & IE8 & IE9  */ }
.topbar-right .news-bg { line-height: 48px; }
.topbar-right .news-bg .news { float: left; width: 80%; margin-top: 13px; }
.topbar-right .news-bg .news-title { font-family: 'Open Sans', sans-serif; color: #FFF; text-transform: uppercase; font-size: 14px; font-weight: bold; margin-left: 20px; margin-right: 10px; float: left; width: 15%; }
.topbar-right .news-bg .news-text, .date-time { color: #FFF; font-weight: normal; font-size: 12px }
.date-time { padding-left: 10px; font-weight: bold; }
/* ====================================================



 



 Header End 



 



==================================================== */



















/* ====================================================



 



 Slider Start 



 



==================================================== */







.slider-wrapper { margin: 0 auto; position: relative !important; }
.slider-wrapper-simple { margin: 0 auto; position: relative !important; height: 600px; overflow: hidden; }
.main-slider { }
.main-slider img { width: 100% }
.main-slider .bx-wrapper .bx-pager.bx-default-pager a { }
.slider-wrapper-simple .main-slider .bx-wrapper .bx-controls-direction a { position: absolute; top: 10% !important; outline: 0; text-indent: -9999px; z-index: 9999; width: 31px; height: 31px; }
.main-slider .bx-wrapper .bx-controls-direction a, .slider-wrapper-simple .main-slider .bx-wrapper .bx-controls-direction a { position: absolute; top: 25% !important; outline: 0; text-indent: -9999px; z-index: 9999; width: 31px; height: 31px; }
.main-slider .bx-wrapper .bx-prev, .slider-wrapper-simple .main-slider .bx-wrapper .bx-prev { right: 57px; background: url(images/arrew.png) no-repeat 1px; }
.main-slider .bx-wrapper .bx-next, .slider-wrapper-simple .main-slider .bx-wrapper .bx-next { right: 25px; background: url(images/arrew.png) no-repeat right; }
/* DJ slider  */







.main-dj-slider img { width: 100% }
.main-dj-slider .bx-wrapper .bx-pager { position: absolute; bottom: 50px; right: 25%; width: auto; }
.main-dj-slider .bx-wrapper .bx-pager .bx-pager-item, .main-dj-slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block }
.main-dj-slider .bx-wrapper .bx-pager.bx-default-pager a { background: none repeat scroll 0 0 #fff; border-radius: 5px 5px 5px 5px; display: block; height: 10px; margin: 0 5px; outline: 0 none; text-indent: -9999px; width: 10px; }
.main-dj-slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .main-dj-slider .bx-wrapper .bx-pager.bx-default-pager a.active { background: none repeat scroll 0 0 #6b0000; }
.main-dj-slider .bx-wrapper .bx-controls-direction a { display: none; }
/* DJ slider End  */











/* Slider Curve */



.slider-curve { width: 100%; bottom: -125px; height: 311px; z-index: 4444; position: absolute; }
.slider-curve img { width: auto !important; }
.speaker { background: url(images/spekers.png) no-repeat; width: 298px; height: 202px; margin-top: 92px; }
.slider-curve .curve-col-1 { float: left; width: 17% }
.slider-curve .curve-col-2 { float: left; width: 55% }
.slider-curve .curve-col-3 { float: right; width: 22% }
.tagline { transform: rotate(-6.3deg); -ms-transform: rotate(-6.3deg); /* IE 9 */ -webkit-transform: rotate(-6.3deg); /* Safari and Chrome */ margin-top: 117px; float: left; }
.tagline2 { transform: rotate(-4deg); -ms-transform: rotate(-4deg); /* IE 9 */ -webkit-transform: rotate(-4deg); /* Safari and Chrome */ float: left; margin-top: 88px; font-family: 'Droid Sans', sans-serif; font-size: 18px; color: #FFF; text-transform: uppercase; }
/* Slider Curve End */











/* Slider Curve Boxed Layout */



.slider-curve-boxed { width: 100%; bottom: -190px; height: 311px; z-index: 4444; position: absolute; background: url(images/header-curve-boxed.png) no-repeat; }
.slider-curve-boxed img { width: auto !important; }
.slider-curve-boxed .speaker { background: url(images/speker-small.png) no-repeat; width: 195px; height: 127px; margin-top: 117px; }
.slider-curve-boxed .curve-col-1 { float: left; width: 20% }
.slider-curve-boxed .curve-col-2 { float: left; width: 50% }
.slider-curve-boxed .curve-col-3 { float: right; width: 26% }
.slider-curve-boxed .tagline { transform: rotate(-6.3deg); -ms-transform: rotate(-6.3deg); /* IE 9 */ -webkit-transform: rotate(-6.3deg); /* Safari and Chrome */ display: inline-table; margin-top: 86px; }
.slider-curve-boxed .tagline2 { transform: rotate(-4deg); -ms-transform: rotate(-4deg); /* IE 9 */ -webkit-transform: rotate(-4deg); /* Safari and Chrome */ display: inline-table; margin-top: 70px; font-family: 'Droid Sans', sans-serif; font-size: 18px; color: #FFF; text-transform: uppercase; }
.slider-curve-boxed .twitter-updates { margin-top: 108px; display: block }
.slider-curve-boxed .twitter-updates a { color: #fff }
.slider-curve-boxed .twitter-updates .icon-twitter { color: #fff; font-size: 40px; }
.slider-curve-boxed .twitter-updates .icon-twitter:hover { color: #1bb2e9; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; /* ...and now for the proper property */ transition: .5s; }
.slider-curve-boxed .twitter-updates ul li { display: block; }
.slider-curve-boxed .twitter-updates li span { float: left; height: 42px; margin-right: 5px; width: 42px; }
/* ====================================================



 



 Slider End 



 



==================================================== */



















/* ====================================================



 



 Top Music Player Start



 



==================================================== */







.tplayer-bg { background: #010000; box-shadow: 2px 2px 2px #151515 }
.tplayer-bg div.jp-audio div.jp-type-single div.jp-interface { height: 50px; }
.tplayer div.jp-audio div.jp-type-single div.jp-interface { margin-top: 0px; }
.tplayer div.jp-audio div.jp-type-single div.jp-progress { left: 5%; width: 95%; }
.tplayer div.jp-audio div.jp-progress { height: 5px; position: absolute; top: 23px; }
/* ====================================================



 



 Top Music Player End



 



==================================================== */



































/* ====================================================



 



Twitter Start 







==================================================== */















.twitter-updates { margin-top: 140px; display: block }
.twitter-updates a { color: #96053c }
.twitter-updates .icon-twitter { color: #101010; font-size: 40px; }
.twitter-updates .icon-twitter:hover { color: #1bb2e9; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; /* ...and now for the proper property */ transition: .5s; }
.twitter-updates ul li { display: block; }
.twitter-updates li span { float: left; height: 42px; margin-right: 5px; width: 42px; }
/* ====================================================



 



Twitter End 







==================================================== */



















/* ====================================================



 



Main Nav



==================================================== */







.nav-holder { margin-top: 40px; }
.navbar-inverse .nav > li > a { font-family: 'Open Sans', sans-serif !important; font-weight: bold; font-size: 15px; color: #FFF; text-transform: uppercase; }
/* ====================================================



 



Main Nav End







==================================================== */











/* ====================================================



 



Post Slider Start







==================================================== */







.video-slider-wrapper { margin: 0 auto; position: relative !important; background: url(images/video-bg.jpg) no-repeat top center #000; padding: 60px 0 60px 0px; }
.videoslider { }
.video-container .bx-wrapper .bx-controls-direction a { display: none; }
.video-container #bx-pager ul { display: block; margin-top: 20px; }
.video-container #bx-pager li { float: left; width: 21%; margin-right: 4%; font-size: 12px; color: #FFF; position: relative; }
.video-container #bx-pager li a { color: #FFF }
.video-container #bx-pager li a:hover { text-decoration: none }
.player .rounded-box { background: #FFF !important }
.video-container #bx-pager .icon-play-circle { position: absolute; left: 35%; top: 20%; cursor: pointer; display: block; }
#bx-pager .icon-play-circle { transition: background 0.3s ease 0s, color 0.3s ease 0s, box-shadow 0.3s ease 0s; border-radius: 50px; font-size: 35px; padding: 10px; }
#bx-pager .icon-play-circle:after { display: none; }
#bx-pager .icon-play-circle:hover { background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.3); color: #c4005f; }
#bx-pager .icon-play-circle:hover:before { animation: 0.3s ease 0s normal forwards 1 toRightFromLeft; }
/* ====================================================



 



Post Slider End







==================================================== */











/* ====================================================



 



Video Page Slider Tabs Start







==================================================== */







.headtabs { background: #111111; }
.headtabs .nav-tabs > .active > a, .headtabs .nav-tabs > .active > a:hover, .headtabs .nav-tabs > .active > a:focus { cursor: default; background-color: #111111; border: none !important; border-right: 1px solid #111111 !important; }
.headtabs .nav-tabs { border-bottom: 0px solid #111111 !important; background: #222222; border-bottom: 1px solid #111111 !important; }
.headtabs .nav-tabs > li > a { padding: 10px 22px 10px 21px !important; line-height: 20px; border-radius: 0 !important; background: #222222; border-right: 1px solid #333333 !important; margin: 0px !important; border-bottom: 1px solid #111111 !important; color: #999999; }
.headtabs .nav-tabs > li > a:last-child { border-right: 0px; }
.headtabs .nav-tabs > li > a:hover, .btabs.nav-tabs > li > a:focus { background: #111111 !important; color: #999999; }
.headtabs .last { border-right: 0px !important; }
.headtabs .tab-content { margin: 0px; padding: 0px 15px 10px 15px; color: #7e7e7e; font-size: 12px; overflow: hidden; }
.headtabs .tab-content .date-tab { color: #000; font-size: 11px; display: block }
/* Tracks and Ablums */







.tracks-album-holder { display: block; }
.tracks-album { border-bottom: #999 solid 1px; padding: 15px 0 5px 0; }
.tracks-album ul { display: block; margin: 0px; padding: 0px; }
.tracks-album li { display: inline-block; margin-right: 10px; padding: 0px; }
.tracks-album li p { font-size: 12px; line-height: 16px; vertical-align: text-top }
.tracks-album li strong { color: #FFF; font-size: 13px; }
.tracks-album .number { color: #FFF; width: 20px; height: 20px; line-height: 20px; text-align: center; display: block }
/* Tracks and Ablums End */











/* ====================================================



 



Video Page Slider Tabs End







==================================================== */















/* ====================================================



 



Latest News And Events Information







==================================================== */











.ln-events-information h2 { font-family: 'Raleway', sans-serif; color: #FFF; font-size: 24px !important; margin-bottom: 40px; }
.ln-events-information a:hover, .event-month a:hover, .ev-counter a:hover { text-decoration: none !important; }
.ln-events-information .image-bottom, .ab-re .image-bottom { background: rgba(0,0,0,0.3); padding: 10px; }
.ln-events-information strong, .ab-re strong { font-size: 14px; font-weight: bolder; }
.ln-events-information .image, .ab-re .image { overflow: hidden; position: relative; text-align: center; cursor: pointer; }
.ln-events-information .image img, .ab-re .image img { width: 100%; display: block; position: relative; }
.ln-events-information .image .icon-music { color: #FFF; font-size: 35px }
.ln-events-information .icon-headphones { font-size: 15px; color: #333333; margin-right: 5px; }
.ln-events-information p, .ab-re p { color: #666666; font-size: 12px; margin-top: 5px; }
.hover_block { position: relative; overflow: hidden; }
.hover_info { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.hover_info p { font-size: 1.5em; line-height: 1.4; color: #fff; position: absolute; top: 45%; left: 10%; width: 80%; text-align: center; opacity: 0; transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; }
.hover_info:hover p { opacity: 1; transition-delay: 300ms; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; }
.block_1 .top_left, .block_1 .top_right, .block_1 .bottom_left, .block_1 .bottom_right { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; transition: all 200ms linear; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; }
.block_1 .top_left { top: -100%; left: -100%; }
.block_1 .top_right { top: -100%; right: -100%; }
.block_1 .bottom_left { bottom: -100%; left: -100%; }
.block_1 .bottom_right { bottom: -100%; right: -100%; }
.block_1:hover .top_left { top: 0; left: 0; }
.block_1:hover .top_right { top: 0; right: 0; }
.block_1:hover .bottom_left { bottom: 0; left: 0; }
.block_1:hover .bottom_right { bottom: 0; right: 0; }
/* ====================================================



 



Latest News And Events Information End







==================================================== */















/* ====================================================



 



Client testimonials Start







==================================================== */











.fans-testimonials { display: block; }
.fans-testimonials .fans-text { padding: 10px 20px 10px 15px; }
.fans-testimonials .fans-text p { font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: bold; color: #FFF; text-align: justify; line-height: 25px; }
.fans-text { position: relative; z-index: 100; }
.fans-text:before { content: ""; position: absolute; bottom: -27px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 20px solid transparent; right: 10px; z-index: 50; }
.fan-intro { display: block; position: relative }
.fan-intro ul { display: block }
.fan-intro li { float: left; }
.fan-intro .left { width: 52% }
.fan-intro .right { width: 48%; text-align: right; }
.fan-intro .left h4 { color: #FFF; font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: bold; margin-top: 24px; line-height: 15px; }
.fan-intro .left strong { color: #FFF; font-family: 'Open Sans', sans-serif; font-size: 11px; font-weight: bold; }
.fan-intro .left .user-icon { background-image: url(images/testiico.png); background-repeat: no-repeat; width: 60px; height: 60px; float: left; margin-right: 10px; margin-top: 5px; }
.fan-user ul { display: block; margin-top: 25px; position: relative; }
.fan-user li { float: left; margin-right: 10px; text-align: center; list-style: none !important; }
.fan-user li h4 { margin: 0px !important; padding-bottom: 5px; border-bottom: #62667c solid 1px; line-height: 15px; }
.fan-user small { font-size: 10px; color: #62667c; }
.fans-scroll { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#fan-scroll .fans-testimonials { float: left; width: 380px; margin-right: 10px; }
#fan-scroll .fans-scroll:last-child { width: auto; margin-right: 0; }
#fan-scroll .fans-scroll { overflow: auto; float: left; }
/* ====================================================



 



Client testimonials End







==================================================== */























/* ====================================================



 



Event Booking Start







==================================================== */











.schedule-date-bg { background: url(images/booking-date-bg.jpg); background-repeat: no-repeat; padding-bottom: 18px; display: block; }
.booking-img { float: left }
.booking-text { display: block; padding-top: 34px; }
.booking-text p { color: #FFF; font-size: 12px; }
.booking-text h2 { color: #FFF; font-size: 36px; line-height: 36px; margin: 0px; padding: 0px; }
.booking-text h3 { color: #FFF; font-size: 36px; line-height: 30px; font-family: 'Raleway', sans-serif !important; font-weight: 200; font-style: normal !important; }
.booking-slider { margin-left: -49px; color: #444444; padding: 20px 8px 39px 20px; position: relative; min-height: 130px; }
.booking-slider h2 { font-family: 'Raleway', sans-serif !important; font-size: 27px; color: #FFF; }
.booking-slider h2 .thin { font-family: 'Raleway', sans-serif !important; font-style: normal; font-weight: 200; font-size: 27px; }
.booking-slider small { display: block; line-height: 25px; }
.booking-slider .price { margin-top: 25px; margin-left: 30px; }
.booking-slider .price h3 { font-size: 26px; font-weight: bolder; margin: 0px; padding: 0px; line-height: 26px; }
.booking-slider .prize span { font-size: 18px; font-weight: bold; }
.booking-slider .price li { float: left; margin-right: 25px; }
.booking-slider .booking-button { background: #8a8a7f; color: #FFF; text-shadow: #333 1px 1px 1px; padding: 10px 15px 10px 15px; font-size: 14px; font-weight: bold; float: right; margin-top: 8px; cursor: pointer; }
.booking-slider .bx-wrapper .bx-controls-direction a { outline: 0; text-indent: -9999px; z-index: 9999; width: 16px; height: 17px; position: absolute; top: 150px; }
.booking-slider .bx-wrapper .bx-prev { left: 0px; background: url(images/booking-slider-arrows.png) no-repeat 1px; }
.booking-slider .bx-wrapper .bx-next { right: 10px; background: url(images/booking-slider-arrows.png) no-repeat right; }
.booking-slider li { list-style: none; }
/* ====================================================



 



Event Booking End







==================================================== */























/* ====================================================



 



Up comming Event Slider Start







==================================================== */











.upc-p { padding: 35px 0 35px 0; }
.upc-p-boxed { padding: 35px 0 35px 0; }
.upcomming-event { display: block; position: relative }
.upcomming-event h3 { font-family: 'Raleway', sans-serif; color: #fff; font-size: 24px; font-weight: bold; margin: 0 0 25px 0; padding: 0px; line-height: 24px; }
.upcomming-event .ev-img { float: left; width: 40%; position: relative; }
/*Image Box Style */







.ev-img { cursor: pointer; height: 193px; width: 100%; position: relative; overflow: hidden; }
.ev-img img { position: absolute; left: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; }
/* Caption Common Style */



.ev-img .caption { background-color: #c0005f; position: absolute; color: #fff; z-index: 100; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; left: 0; }
/** Caption 4: Slide **/



.ev-img .slide-caption { width: 100%; height: 100%; text-align: center; left: 100%; vertical-align: middle; padding-top: 50px; }
/** Slide Caption :hover Behaviour **/



.ev-img:hover .slide-caption { background-color: rgba(192,0,95,1); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -webkit-transform: translateX(-100%); opacity: 1; transform: translateX(-100%); }
.ev-img:hover img#image-4 { -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 1; }
.upcomming-event .ev-details p { margin: 0px !important; }
.upcomming-event .ev-img .date { }
.upcomming-event .ev-img .date small { color: #FFF; display: block; margin-bottom: 10px; }
.upcomming-event .ev-img .date strong { color: #FFF; font-size: 45px; font-family: 'Open Sans', sans-serif; }
.upcomming-event .ev-details { min-height: 138px; float: left; background: #000; width: 47%; padding: 20px 35px 19px 35px; }
.upcomming-event .ev-details small { font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; line-height: 24px; }
.upcomming-event .ev-details strong { font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 14px; font-weight: bold; line-height: 24px; margin-bottom: 20px; display: block }
.upcomming-event .ev-details p { font-family: Arial, Helvetica, sans-serif; color: #f5f5f5; font-size: 12px; font-weight: normal; line-height: 23px; margin-bottom: 14px; display: block }
.upcomming-event .ev-details a { font-family: 'Raleway', sans-serif !important; font-size: 16px; }
.upcomming-event .bx-wrapper .bx-controls-direction a { outline: 0; text-indent: -9999px; z-index: 9999; width: 29px; height: 29px; position: absolute; top: -32px; }
.upcomming-event .bx-wrapper .bx-prev { right: 42px; background: url(images/event-slider-arrow.png) no-repeat 1px; }
.upcomming-event .bx-wrapper .bx-next { right: 10px; background: url(images/event-slider-arrow.png) no-repeat right; }
.evnt-title i { position: relative; top: 4px; }
/* ====================================================



 



Up comming Event Slider End







==================================================== */











/* ====================================================



 



Featured Artist Gallery Start 







==================================================== */











.fa-gallery, .fa-gallery-boxed { display: block; background: #141414; padding: 11px }
.fa-gallery ul, .fa-gallery-boxed ul { display: block }
.fa-gallery div, .fa-gallery-boxed div { display: inline-table; margin: 0 2px 9px 5px; }
.fa-gallery div img:hover, .fa-gallery-boxed div img:hover { opacity: 0.5; filter: alpha(opacity=50); transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.fa-gallery-boxed li { display: inline-table; margin: 0; }
.flickr_badge_image img { width: 80px; }
/* ====================================================



 



Featured Artist Gallery End







==================================================== */























.clear { clear: both }
.content { margin: 0 auto }
.mtop { margin-top: 155px; }
.mtop1 { margin-top: 45px; }
.mtop2 { margin-top: 25px; }
.mtop3 { margin-top: 70px; }
.ptop1 { padding: 30px 0 30px 0; }
.content-last-bottom h2 { font-family: 'Raleway', sans-serif; color: #FFF; font-size: 24px; }
/* ====================================================



 



Mian Content Start







==================================================== */







/* Latest News Start */



.latest-news { display: block; position: relative }
.latest-news .ln-title { background: #000; padding: 20px; margin-bottom: 3px; clear: both; display: block; height: 40px; }
.ln-title h2 { font-family: 'Raleway', sans-serif; color: #FFF; margin: 0px; padding: 0px; font-size: 24px; float: left; }
.latest-news .social-icons { margin: 0px auto !important; padding: 0px !important; width: 160px; float: right; }
.latest-news .social-icons li { display: inline-block; border: #898e91 solid 1px; border-radius: 50px; }
.latest-news ul { display: block; }
.latest-news li { display: block; padding: 20px; background: url(images/pattren2.jpg); margin-bottom: 1px; }
.latest-news ul.ln-inner { display: block; margin: 0px; padding: 0px; }
.latest-news ul.ln-inner li { display: inline-block; margin: 0px; padding: 16px 15px 17px 15px; }
.ln-inner .ititle { font-family: 'Raleway' !important; font-style: normal; font-weight: 300; font-size: 21px; color: #606366; display: block; }
.ln-inner .stitle { font-family: 'Raleway'; font-style: normal; font-weight: 300; font-size: 14px; color: #898e91; line-height: 40px; }
.ln-inner .icon-map-marker { color: #ccd0d4; font-size: 16px; }
.ln-inner .ln-mid { padding: 7px 0 0 0px }
.ln-holder { background: url(images/pattren2.jpg); margin-bottom: 1px; cursor: pointer; clear: both; padding: 1px; }
.ln-hover_block { position: relative; overflow: hidden; }
.ln-hover_info { width: 100%; position: absolute; top: 0; right: 0; text-align: center }
.ln-hover_info p { position: absolute; top: 25px; right: 0%; width: 70%; text-align: right; opacity: 0; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; }
.ln-hover_info:hover p, .ln-hover_block:hover .ln-hover_info p { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition-delay: 300ms; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; }
.ln-block .top_half, .ln-block .bottom_half { width: 75%; height: 50%; position: absolute; transition: all 200ms linear; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; }
.ln-block .top_half { top: -50%; right: 0; }
.ln-block .bottom_half { bottom: -50%; right: 0; }
.ln-block:hover .top_half { top: 0; right: 0; }
.ln-block:hover .bottom_half { bottom: 0; right: 0; }
.ln-hover_info i { color: #FFF; font-size: 44px; font-weight: normal; margin: 0px 20px 0 20px; float: left; }
.pull-left.latest-news-thumb img { border-radius: 50%; height: 75px !important; width: 75px !important; }
/* Latest News End */











/* Club Timing Start */



.show-timing-bg { background: url(images/club-timing-bg.jpg) no-repeat #000 center top; padding: 32px; }
.club-timing { display: block; width: 100%; position: relative }
.club-timing i { display: none; }
.club-timing .cl-image { width: 46%; float: left; position: relative }
.club-timing .cl-details { width: 48%; float: left; background: url(images/pattren2.jpg); padding: 3%; position: relative; min-height: 241px; }
.club-timing .cl-details h2, .club-timing .cl-details-boxed h2, .show-timing-bg .cl-details h2, .show-timing-bg .cl-details-boxed h2 { margin: 0 0 10px; padding: 0px; font-size: 24px; color: #FFF; font-family: 'Raleway', sans-serif; font-style: normal; font-weight: 800; }
.club-timing .cl-image .search-icon { display: none; position: absolute; background: rgba(0,0,0,0.7); right: 0px; bottom: 25px; padding: 10px; color: #FFF; font-size: 16px; }
.club-timing .cl-details .heart-icon, .club-timing .cl-details-boxed .heart-icon { display: none; position: absolute; background: rgba(0,0,0,0.7); left: 0px; bottom: 20px; padding: 10px; color: #FFF; font-size: 16px; }
.club-timing .cl-details p, .club-timing .cl-details-boxed p, .show-timing-bg .cl-details p, .show-timing-bg .cl-details-boxed p { font-family: 'Raleway', sans-serif; font-style: normal; font-weight: 600; border-bottom: #4f4f4f solid 1px; font-size: 18px; line-height: 36px; color: #4f4f4f }
.club-timing .cl-details small, .club-timing .cl-details-boxed small, .show-timing-bg .cl-details small, .show-timing-bg .cl-details-boxed small { color: #FFF; font-size: 14px !important; }
.club-timing .cl-details .more, .club-timing .cl-details-boxed .more, .show-timing-bg .cl-details .more, .show-timing-bg .cl-details-boxed .more { background: #000; font-family: 'Droid Sans' !important; font-style: normal; font-weight: 700; color: #FFF; font-size: 16px; padding: 14px; width: auto; width: 60px; margin-right: -24px; margin-top: -1px; text-align: center; cursor: pointer; float: right; }
.show-timing-bg .cl-details .more, .show-timing-bg .cl-details-boxed .more { margin-right: 0px; margin-top: 1px; }
/* Club Timing End */







/* Calender Box Start  */







.calender-box { display: block }
.calender-box .header { background: none repeat scroll 0 0 #0c0c0c; overflow: hidden; padding: 0px 20px 0 20px; }
.calender-box .header h2 { color: #fff; float: left; font-size: 24px; margin: 0; font-family: 'Raleway', sans-serif; }
.calender-box .header h2 span.small { color: #970000; font-size: 14px; font-family: 'Raleway', sans-serif; }
.calender-box .header a.arrow { background: url("images/arrow-img.png") no-repeat scroll left top rgba(0, 0, 0, 0); cursor: pointer; display: block; float: right; height: 13px; margin: 18px 0 0; overflow: hidden; text-indent: -90000px; width: 18px; }
.calender-box ul { list-style: none outside none; margin: 0; padding: 0; }
.calender-box ul li { margin: 1px 0; overflow: hidden; padding: 0; width: 100%; background: #161616; }
.calender-box .container-fluid { padding: 0px }
.calender-box ul li .box-01 { background: none repeat scroll 0 0 #000000; float: left; margin: 0 0 1px; padding: 12px 0 0 0; }
.calender-box ul li .box-01 strong.date { color: #FFFFFF; display: block; font-size: 24px; font-weight: normal; padding: 6px 0 0; text-align: center; background: none; }
.calender-box ul li .box-01 strong.mnt { color: #BDBDBD; display: block; font-size: 14px; font-weight: normal; text-align: center; }
.calender-box ul li .box-01 strong.time { color: #BDBDBD; display: block; font-size: 14px; font-weight: normal; padding-bottom: 9px; text-align: center; }
.calender-box ul li .box-01 a.map { background: url("images/location-icon.png") no-repeat scroll center 14px rgba(151, 0, 0, 1); border-top: 1px solid #191B1E; cursor: pointer; display: block; height: 45px; margin: 0 auto; overflow: hidden; text-align: center; text-decoration: none; text-indent: -9000px; width: 45px; }
.calender-box ul li .box-02 { margin: 0 19px 0 0; padding: 20px 0 0 65px; }
.calender-box ul li .box-02 strong.title { color: #E6E6E6; display: block; font-size: 14px; font-weight: normal; padding: 0 0 8px; }
.calender-box ul li .box-02 p { color: #9A9A9A !important; font-size: 12px; line-height: 18px; margin: 0 0 6px; }
.calender-box ul li .box-02 a.reminder { background: url("images/bell-icon.png") no-repeat scroll left top rgba(0, 0, 0, 0); color: #D3D3DF; cursor: pointer; display: block; float: right; font-size: 12px; padding: 0 0 0 17px; text-decoration: none; }
.calender-box ul li .frame { float: left; margin: 2px 0 0 38px; text-align: right; }
.calender-box ul li .box-03 { float: right; width: 46px; }
.calender-box ul li .box-03 a.plus { background: none repeat scroll 0 0 #000000; cursor: pointer; display: block; float: right; font-size: 30px; font-weight: normal; margin: 2px 1px 0 0; padding: 13px; text-align: center; text-decoration: none; color: #FFF; height: 16px; border: 0px; }
.calender-box ul li .box-03 a.mic { background-color: #000000; background-image: url("images/mic-icon.png"); background-position: center center; background-repeat: no-repeat; cursor: pointer; display: block; float: right; margin: 2px 1px 0 0; padding: 11px 13px; text-align: center; text-decoration: none; width: 16px; }
.calender-box ul li .box-03 a.box-icon { background-color: #000000; background-image: url("images/box-icon.png"); background-position: center center; background-repeat: no-repeat; cursor: pointer; display: block; float: right; margin: 2px 1px 0 0; padding: 18px 13px; text-align: center; text-decoration: none; width: 16px; height: 6px; }
/* Club Timing Boxed Start */



.club-timing .cl-details-boxed { width: 48%; float: left; background: url(images/pattren2.jpg); padding: 2.5%; position: relative }
.club-timing .cl-details-boxed .more { margin-right: -19px; }
.club-timing .cl-details-boxed .heart-icon { bottom: 22px; }
/* Club Timing Boxed End */











/* Event Of the Month Start */







.event-month { padding: 24px; display: block }
.event-block { display: block }
.event-month h2, .event-counter h2 { margin: 0 0 10px; padding: 0px; font-size: 24px; color: #FFF; font-family: 'Raleway', sans-serif; font-style: normal; font-weight: 800; line-height: 24px !important; }
.event-month strong { font-size: 14px; line-height: 52px; }
.event-month p { font-size: 12px; color: #c6c6c6 }
.ev-counter { padding: 24px; padding-bottom: 17px !important; }
.ev-list { clear: both; display: block }
.ev-list .ev-date { float: left; border-right: 1px solid #0c0c0c; width: 15%; margin-right: 5%; font-size: 18px; font-weight: bold; color: #FFF; }
.ev-list .ev-details { float: left; width: 78%; font-size: 12px; color: #a0a0a0 }
.ev-list .ev-details strong { font-size: 16px; display: block; text-transform: uppercase; }
.ev-list .ev-details .book-now { background: #868686; padding: 1px 3px; color: #FFF; font-size: 10px; font-weight: bold; float: right; cursor: pointer; margin-top: 8px; }
.view-event a { color: #686868; font-size: 12px; font-family: 'Raleway'; font-style: normal; font-weight: 500; line-height: 25px; }
.view-event a:hover { color: #c0005f; font-size: 12px; font-family: 'Raleway'; font-style: normal; font-weight: 500; }
#defaultCountdown { max-width: 100%; padding: 15px 0 15px 0; height: 40px; width: 100%; }
#defaultCountdown-1, #defaultCountdown-2, #defaultCountdown-3, #defaultCountdown-4 { max-width: 100%; padding: 15px 0 15px 0; height: 40px; width: 275px; }
.hasCountdown { background-color: #000000; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; margin-bottom: 10px; }
.countdown_rtl { direction: rtl; }
.countdown_holding span { color: #fff; font-family: Georgia, "Times New Roman", Times, serif; }
.countdown_row { clear: both; width: 100%; padding: 0px 2px; text-align: center; }
.countdown_show1 .countdown_section { width: 98%; }
.countdown_show2 .countdown_section { width: 48%; }
.countdown_show3 .countdown_section { width: 32.5%; }
.countdown_show4 .countdown_section { width: 24.5%; }
.countdown_show5 .countdown_section { width: 19.5%; }
.countdown_show6 .countdown_section { width: 16.25%; }
.countdown_show7 .countdown_section { width: 14%; }
.countdown_section { display: block; float: left; font-size: 75%; text-align: center; }
.countdown_amount { font-size: 200%; text-align: right; }
.countdown_descr { display: block; width: 100%; }
/* Event Of the Month End */











/* According Start */







.according-bottom { width: 99% }
h2.acc_trigger, h3.acc_trigger { padding: 0; margin: 0 0 1px 0; height: 40px; line-height: 40px; width: 95%; font-size: 12px; font-weight: normal; float: left; text-transform: uppercase; padding-left: 5%; background: #141414; }
h2.acc_trigger:before, h3.acc_trigger:before { content: "¥f106"; float: right; font-family: 'FontAwesome'; margin-right: 20px; color: #FFF; }
h2.acc_trigger a, h3.acc_trigger a { color: #fff; text-decoration: none; display: block; padding: 0px; font-weight: 700; }
h2.acc_trigger a:hover, h3.acc_trigger a:hover { color: #ccc; }
h2.active, h3.active { background-position: right bottom; background: #c0005f; }
h2.active:before, h3.active:before { content: "¥f107"; float: right; font-family: 'FontAwesome'; margin-right: 20px; color: #FFF; }
.acc_container { margin: 0 0 1px; padding: 0; overflow: hidden; width: 100%; clear: both; background: #000000; }
.acc_container .block { padding: 10px 20px 20px 20px; }
.acc_container .block p { padding: 5px 0; margin: 5px 0; color: #FFF; font-size: 12px; }
.acc_container .block .gray { color: #f5f5f5; font-size: 11px; }
.acc_container .block .text { color: #fff; font-weight: bold; font-size: 11px; margin-top: 10px; }
.acc_container .block span { display: block }
.acc_container .img { float: left; margin: 10px 15px 15px 0; position: relative; }
.acc_container .img span { position: absolute; left: 0px; top: 0px; background: #c0005f; font: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 4px; color: #FFF }
/* According End */







/* Bootom  Tabs */







.btabs { background: #141414; overflow: hidden; }
.btabs .nav-tabs > .active > a, .btabs .nav-tabs > .active > a:hover, .btabs .nav-tabs > .active > a:focus { cursor: default; background-color: #141414; border: none !important; border-right: 1px solid #444444 !important; }
.btabs .nav-tabs { border-bottom: 0px solid #444444 !important; background: #333333; border-bottom: 1px solid #444444 !important; }
.nav-tabs > li > a { padding: 10px !important; line-height: 20px; border-radius: 0 !important; background: #333333; border-right: 1px solid #444444 !important; margin: 0px !important; border-bottom: 1px solid #444444 !important; color: #FFF }
.nav-tabs > li:last-child a { border-right: 0px; }
.btabs .nav-tabs > li > a:hover, .btabs.nav-tabs > li > a:focus { background: #141414 !important; color: #FFF }
.btabs .last { border-right: 0px !important; width: 100%; }
.btabs .tab-content { margin: 0px; padding: 0px 20px 10px 20px; color: #FFF; font-size: 12px; overflow: hidden; }
.btabs .tab-content P { display: block; border-bottom: #444444 solid 1px; padding-bottom: 5px; font-size: 12px; color: #FFF; font-weight: bold; }
.btabs .tab-content .date-tab { color: #999; font-size: 11px; display: block }
/* Bootom  Tabs */







/* ====================================================



 



Mian Content End







==================================================== */











/* Music Player Interface */



.music-player { width: 100%; display: block; position: relative }
.pbg_ping { background: url(images/pattren-bg.png); }
/* Music Player Interface end */











/* 



==============================================================







Inner Main Title Start







==============================================================



*/







.inner-main-title { position: absolute; bottom: 25px; }
.inner-main-title h2 { font-family: 'Raleway'; font-style: normal; font-weight: 700; color: #FFF; font-size: 36pt; }
/* 



==============================================================







Inner Main Title End







==============================================================



*/















/* 



==============================================================







Blog Styles Start







==============================================================



*/







.content-last-bottom > .container { margin-bottom: 45px; }
.blog-full { }
.blog-main-image { background-image: url(images/blog-main-image.jpg); background-size: cover; width: 100%; position: relative; height: 300px; border-bottom: #cc0066 solid 1px; box-shadow: 0 1px 5px #000000 }
.blog-post-title h2 a { font-family: 'Raleway'; font-style: normal; font-weight: 700; color: #FFF; font-size: 24px; line-height: 30px; }
.blog-post-title h2:first-child { margin-top: 0; }
.blog-image-holder { background: #333; margin-bottom: 40px; }
.blog-image-holder img { border: rgba(0,0,0,.4) solid 1px; box-shadow: 0 1px 5px #000000; padding: 10px; box-sizing: border-box; }
.blog-user { display: inline-block; }
.blog-user li img { margin: 0px; padding: 0px; width: 100%; }
.blog-user .date { font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-size: 36px; color: #FFF; background: #cc0066; display: block; text-align: center; padding: 15px 10px 5px; margin-top: -5px; }
.blog-user .month { font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-size: 11px; color: #FFF; background: #ac0056; display: block; text-align: center; padding: 5px; }
.blog-post-text { margin-left: 30px; width: 91%; display: inline-block; vertical-align: top; }
.sidebar-included .blog-post-text { width: 86%; }
.blog-post-text p { font-family: 'Open Sans'; font-style: normal; font-weight: 400; color: #999999; text-align: left; }
.blog-post-icons { border-bottom: #333333 solid 1px; width: 100%; margin-bottom: 20px; padding-bottom: 10px; position: relative; }
.blog-post-icons ul { display: block }
.blog-post-icons li { display: inline-block; font-size: 11px; margin-right: 48px; color: #a0a0a0; }
.blog-post-icons li a { color: #a0a0a0; }
.blog-post-icons .b2 { position: absolute; height: 3px; background: #333333; right: 0px; bottom: 0px; width: 70px; display: block }
.spb { background-image: url(images/spb.png); height: 3px; width: 100%; margin-top: 35px; margin-bottom: 20px; clear: both; display: block; }
.blog-slider .bx-wrapper .bx-controls-direction a { outline: 0; text-indent: -9999px; z-index: 9999; width: 30px; height: 30px; }
.blog-slider .bx-wrapper .bx-prev { left: 20px; background: url(images/blog-arrow.png) no-repeat 1px; box-shadow: 0 0 2px #999999; }
.blog-slider .bx-wrapper .bx-next { right: 20px; background: url(images/blog-arrow.png) no-repeat right; box-shadow: 0 0 2px #999999; }
.blog-mplayer { width: auto; padding: 2px 15px }
.blog-mplayer div.jp-audio div.jp-type-single div.jp-interface { height: 45px; margin: 0px; }
.blog-mplayer div.jp-audio div.jp-type-single div.jp-progress { width: 80% }
.blog-mplayer div.jp-audio div.jp-progress { top: 21px; }
.blog-mplayer div.jp-current-time, div.jp-duration { width: 30px; }
.blog-mplayer div.jp-audio div.jp-type-single div.jp-time-holder { right: 0px; top: 17px; }
.pagination { max-width: 300px; margin: 0 auto; text-align: center }
.pagination ul { display: block }
.pagination li { display: inline-block; background: #333333; color: #666666; line-height: 12px; }
.pagination .icon-angle-left, .pagination .icon-angle-right { font-size: 12px; padding-top: 8px; line-height: 10px; }
.pagination li a:link { display: inline-block; background: #333333; border: #3c3c3c solid 1px; color: #666666; padding: 10px; line-height: 12px; text-decoration: none; font-size: 12px; }
.pagination li a:visited { display: inline-block; background: #333333; border: #3c3c3c solid 1px; color: #666666; padding: 10px; line-height: 12px; text-decoration: none; }
.pagination li a:active { display: inline-block; background: #333333; border: #3c3c3c solid 1px; color: #666666; padding: 10px; line-height: 12px; text-decoration: none; }
.pagination li a:hover { display: inline-block; background: #8c093d; border: #8c093d solid 1px; color: #fff; padding: 10px; line-height: 12px; text-decoration: none; }
.pagination li a.active { display: inline-block; background: #8c093d; border: #8c093d solid 1px; color: #fff; padding: 10px; line-height: 12px; text-decoration: none; }
.blog-left { width: 100%; display: block }
.blog-item { width: 100%; display: block }
.blog-item .blog-user { width: 9%; display: inline-block; }
.blog-item .blog-user img { width: 100% }
.blog-item .blog-post-text { width: 85%; margin-left: 35px; display: inline-block; vertical-align: top; }
.blog-item .blog-post-icons { width: 75% }
.blog-item .button, .blog-post-text .button { display: block; float: right; background: #333333; color: #fff; padding: 5px 10px; text-transform: uppercase; font-size: 12px; }
.blog-item .button a, .blog-post-text .button a { color: #FFF !important; }
.blog-item-content { width: 100%; display: block; clear: both }
.blog-left .spb { background-image: url(images/spb.png); background-repeat: repeat-x; height: 3px; width: 100%; margin-top: 35px; margin-bottom: 20px; clear: both; display: block; }
.blog-left div.jp-audio ul.jp-controls { width: 20%; }
.blog-left div.jp-audio div.jp-type-single div.jp-progress { width: 60%; margin-left: 9%; }
.blog-left .blog-mplayer div.jp-audio div.jp-type-single div.jp-time-holder { width: 15% }
.blog-thumbnail-video iframe { max-width: 100%; max-height: 100%; }
.wrap-blog-post { margin-bottom: 30px; }
/* Blog Side Bar */







.blog-paging { text-align: center; }
.blog-paging li { display: inline; }
.blog-paging li a:link, .blog-paging li span { background: none repeat scroll 0 0 #333333; border: 1px solid #3c3c3c; color: #666666; display: inline-block; font-size: 12px; line-height: 12px; padding: 10px; text-decoration: none; }
.blog-paging li a:visited { background: none repeat scroll 0 0 #333333; border: 1px solid #3c3c3c; color: #666666; display: inline-block; line-height: 12px; padding: 10px; text-decoration: none; }
.blog-paging li a:active { background: none repeat scroll 0 0 #333333; border: 1px solid #3c3c3c; color: #666666; display: inline-block; line-height: 12px; padding: 10px; text-decoration: none; }
.blog-paging li a:hover, .blog-paging li .current { background: none repeat scroll 0 0 #8c093d; border: 1px solid #8c093d; color: #fff; display: inline-block; line-height: 12px; padding: 10px; text-decoration: none; }
.blog-paging li a.active { background: none repeat scroll 0 0 #8c093d; border: 1px solid #8c093d; color: #fff; display: inline-block; line-height: 12px; padding: 10px; text-decoration: none; }
.blog-sidebar { width: 100%; display: block; position: relative }
.blog-sidebar .sidebar-search { }
.blog-sidebar h2, .tags-cloud h2 { font-family: 'Raleway'; font-style: normal; font-weight: 700; color: #FFF; font-size: 24px; line-height: 60px; }
.sidebar-search { display: block; clear: both; }
.sidebar-search .search { background: #333333; border: 0px; border-radius: 0px; padding: 21.5px; width: 80%; text-align: left; float: left; box-sizing: border-box; height: 64px; }
.sidebar-search .search-button { background: #cc0066; border: 0px; border-radius: 0px; color: #FFF; width: 70px; padding: 18px 0px 18px 0px; font-size: 23px; position: relative; top: 0px; left: 0px; }
.tags-cloud1 li { display: inline-block }
.tags-cloud1 .tbg1 { background: url(images/tag_left.png); background-repeat: repeat-x; background-position: left; float: left; height: 27px; padding: 0 10px; line-height: 27px; }
.tags-cloud1 .tbg-corner1 { background-image: url(images/tag_right.png); height: 27px; width: 15px; float: right }
.tags-cloud a { color: #FFF }
.tags-cloud a:hover { color: #dddddd }
.tags-cloud li { display: inline-block; margin-bottom: 10px; margin-right: 10px; }
.tags-cloud a, .tagcloud a { background: #666666; border-radius: 5px 0 0 5px; padding: 0px 10px; line-height: 27px; font-size: 14px !important; height: 27px; position: relative; display: inline-block; margin: 0 17px 5px 0; }
.tags-cloud a:before, .tagcloud a:before { background-image: url(images/tag_right.png); height: 27px; width: 15px; content: ""; position: absolute; top: 0px; right: -15px; }
.tags-cloud a:hover, .widget-bg .tagcloud a:hover { background: #999999; position: relative; }
.tags-cloud a:hover:before, .tagcloud a:hover:before { background-image: url(images/tag_right_ho.png); height: 27px; width: 15px; content: ""; position: absolute; top: 0px; right: -15px; }
.side-banner { position: relative }
.post-quote { background: #333; padding: 30px; color: #999999; font-family: 'Raleway'; font-style: normal; font-weight: 300; font-size: 18px; line-height: 30px; margin-top: 50px; margin-bottom: 30px; }
.post-quote .icon-quote-left, .post-quote .icon-quote-right { color: #999; font-size: 28px; margin-right: 30px; }
.post-quote .icon-quote-right { margin-left: 30px; }
.author-box { border: #333333 solid 1px; position: relative; padding: 30px; vertical-align: top }
.author-box .title { background: #333; width: auto; position: absolute; left: 0px; top: 0px; padding: 15px 30px; color: #FFF; font-size: 16px; }
.author-info { width: 100%; margin-top: 40px; }
.author-info .ath-img { width: 10%; display: inline-block; vertical-align: top }
.author-info .ath-details { margin-left: 30px; width: 85%; display: inline-block }
.author-info h3 { font-family: 'Open Sans'; font-style: normal; font-weight: 600; color: #FFF; font-size: 16px; margin: 0px; padding: 0px; line-height: 20px; display: inline-block; margin-right: 20px; }
.author-info small { font-size: 11px; font-style: italic; color: #666666; }
.author-info p { color: #999999; font-size: 12px; margin-top: 18px; }
.author-info .auth-social { border-top: #333333 solid 1px; padding-top: 10px; width: 100%; position: relative }
.author-info .auth-social .social-icons { float: left; }
.author-info .auth-social .social-icons li { float: left; background: #333333 }
.author-info .auth-social span { float: left; color: #666; font-size: 11px; margin-right: 20px; }
.author-info .auth-social .b2 { position: absolute; height: 3px; background: #333333; right: -20px; top: -3px; width: 70px; display: block }
.blog-comments { margin-top: 80px; width: 100% }
.blog-comments h2, .comment-form h2 { font-family: 'Raleway'; font-style: normal; font-weight: 300; color: #FFF; font-size: 24px; }
.comments-list { margin: 0; list-style: none; }
.comments-list p { font-size: 12px; color: #777; margin: 0; }
.comments-list li { overflow: hidden; margin: 0 0 40px 0; position: relative; }
.comments-list li .span2 { width: 12% }
.comments-list li img { }
.comments-list li .comm-title { display: block; margin: 20px 0 10px 0; font-weight: normal; font-size: 11px; color: #666666; border-top: #333333 solid 1px; width: 50%; position: relative; }
.comments-list li .comm-title span.b2 { height: 3px; position: absolute; background: #333333; right: 0px; top: -3px; width: 70px; }
.comments-list li .comm-title a { font-weight: bold; color: #999999 }
.comments-list .sp { border-bottom: #333333 solid 1px; margin: 0px; }
.comments-list li ul { margin: 35px 0 0 80px; float: left; }
.comments-list li li li, .comments-list li li { margin-bottom: 0; }
.comm-rep { position: absolute; right: 0; top: 0; color: #ffc000; }
.comment-form .form-list { display: block; width: 99%; }
.comment-form .form-list input, .comment-form .form-list textarea { background: rgba(51,51,51,.5); border: #666 solid 1px; border-radius: 0px; min-height: 30px; width: 100% }
label { margin-bottom: 10px !important; font-weight: 600 !important }
.comment-form select { background: rgba(51,51,51,.5); border: #666 solid 1px; border-radius: 0px; height: 38px; padding-top: 10px; width: 102% }
.btns, .comment-form input[type="submit"] { background: #cc0066 !important; color: #FFF; padding: 10px 25px !important; font-size: 18px; font-family: 'Open Sans'; font-style: normal; font-weight: 600; border: 0px !important; }
.comment-form .btns { margin-left: 14px; margin-top: 7px; }
.comment-form .bla { margin-left: 0px; }
.comment-avartar { float: left; margin: 0 25px 0 0; }
.blog-comments li { border-bottom: 1px solid #333333; padding: 40px 0; }
.blog-comments li:first-child { border-top: 1px solid #333333; }
.blog-comments .children { margin-left: 130px; }
.comment-head {; color: #666666; display: block; font-size: 11px; font-weight: normal; margin: 20px 0 10px; position: relative; width: 50%; }
.comment-head a { color: #fff; }
.full { width: 100% }
.full1 { width: 90% }
.full2 { width: 97% }
.first { margin-left: 0 !important; }
/* 



==============================================================







Blog Styles End







==============================================================



*/



















/* 



==============================================================







Album Styles Start







==============================================================



*/



.album-main-image { background-image: url(images/album-bg.jpg); background-size: cover; width: 100%; position: relative; height: 381px; box-shadow: 0 1px 5px #000000 }
.album-view li { background: #333333; margin-bottom: 30px; border-bottom: #555555 solid 3px; color: #999999; box-shadow: 0px 0px 5px 1px rgba(7, 7, 7, 0.75); -moz-box-shadow: 0px 0px 5px 1px rgba(7, 7, 7, 0.75); -webkit-box-shadow: 0px 0px 5px 1px rgba(7, 7, 7, 0.75); padding: 10px; }
.album-view li:hover { background: #555555; border-bottom: #333333 solid 3px; cursor: pointer }
.album-block { width: 100% }
.album-block .aimg { width: 100%; border: #666666 solid 1px; box-shadow: 0px 0px 3px 1px rgba(7, 7, 7, 0.65); -moz-box-shadow: 0px 0px 3px 1px rgba(7, 7, 7, 0.65); -webkit-box-shadow: 0px 0px 3px 1px rgba(7, 7, 7, 0.65); }
.aimg img { width: 348px; height: auto; }
.album-image { position: relative }
.album-block h3 a { font-family: 'Raleway'; font-style: normal; font-weight: 300; color: #FFF; font-size: 24px; line-height: 30px; }
.album-block p { font-size: 12px; }
.rating { color: #FFF; font-size: 12px; font-weight: bold; }
.rating .icon-star { color: #ffc600 }
.rating i { color: #FFF; font-size: 12px; cursor: pointer }
.rating i:hover { color: #ffc600 }
.rating i.active { color: #ffc600 }
.layout-type ul { display: block; margin-bottom: 30px; }
.layout-type li { display: inline-block; margin-right: 3px; }
.layout-type li a { color: #FFF }
.layout-type li a:link { color: #FFF; background: #333333; padding: 10px 7px; }
.layout-type li a:hover { color: #FFF; background: #8c093d; padding: 10px 7px; text-decoration: none }
/* NINTH EXAMPLE*/



         



		 



.view { overflow: hidden; position: relative; text-align: center; background: #fff; width: 100%; height: 100%; }
.view .mask, .view .content { width: 90%; position: absolute; overflow: hidden; top: 0; left: 5%; text-align: center; }
.view img { display: block; position: relative; width: auto; background: none; box-shadow: none; border: 0px; text-align: center; }
.view .album-logos { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding: 10px; background: rgba(0, 0, 0, 0.8); margin: 30px 0 0 0; box-shadow: 0px 0px 3px 1px rgba(7, 7, 7, 0.65); -moz-box-shadow: 0px 0px 3px 1px rgba(7, 7, 7, 0.65); -webkit-box-shadow: 0px 0px 3px 1px rgba(7, 7, 7, 0.65); }
.view .album-logos img { display: inline-block; opacity: 0.5; margin-right: 20px; }
.view .album-logos img:hover { display: inline-block; opacity: 1; }
.ltip { display: inline; position: relative; font-size: 11px; }
.ltip:hover:after { background: #9a104d; background: rgba(170,0,85,.8); bottom: 48px; color: #fff; content: attr(title); left: -50%; padding: 5px; position: absolute; z-index: 98; width: 95px; }
.ltip:hover:before { border: solid; border-color: #9a104d transparent; border-width: 6px 6px 0 6px; bottom: 42px; content: ""; left: 50%; position: absolute; z-index: 99; }
.view span { text-align: center; margin-top: 40px; display: block; }
.view span i { color: #fff; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); border-radius: 50%; display: block; font-size: 22px; height: 50px; line-height: 50px; text-align: center; width: 50px; }
.cp-album-content .cp-album-list { display: none; }
.view a.info { display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; }
.view a.info: hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }
.view-eighth img { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.view-eighth img:hover { opacity: 0.5; }
.view-eighth .mask { top: -200px; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-out 0.5s; -moz-transition: all 0.3s ease-out 0.5s; -o-transition: all 0.3s ease-out 0.5s; -ms-transition: all 0.3s ease-out 0.5s; transition: all 0.3s ease-out 0.5s; }
.view-eighth .album-logos { -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out 0.1s; -moz-transition: all 0.2s ease-in-out 0.1s; -o-transition: all 0.2s ease-in-out 0.1s; -ms-transition: all 0.2s ease-in-out 0.1s; transition: all 0.2s ease-in-out 0.1s; }
.view-eighth span { color: #333; -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s; }
.view-eighth a.info { -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out 0.3s; -moz-transition: all 0.2s ease-in-out 0.3s; -o-transition: all 0.2s ease-in-out 0.3s; -ms-transition: all 0.2s ease-in-out 0.3s; transition: all 0.2s ease-in-out 0.3s; }
.view-eighth:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; top: 0px; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -webkit-animation: bounceY 0.9s linear; -moz-animation: bounceY 0.9s linear; -ms-animation: bounceY 0.9s linear; animation: bounceY 0.9s linear; }
.view-eighth:hover .album-logos { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s; }
.view-eighth:hover span { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; }
.view-eighth:hover a.info { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; }
 @keyframes bounceY {
 0% {
 transform: translateY(-205px);
}
 40% {
 transform: translateY(-100px);
}
 65% {
 transform: translateY(-52px);
}
 82% {
 transform: translateY(-25px);
}
 92% {
 transform: translateY(-12px);
}
 55%, 75%, 87%, 97%, 100% {
 transform: translateY(0px);
}
}
 @-moz-keyframes bounceY {
 0% {
 -moz-transform: translateY(-205px);
}
 40% {
 -moz-transform: translateY(-100px);
}
 65% {
 -moz-transform: translateY(-52px);
}
 82% {
 -moz-transform: translateY(-25px);
}
 92% {
 -moz-transform: translateY(-12px);
}
 55%, 75%, 87%, 97%, 100% {
 -moz-transform: translateY(0px);
}
}
 @-webkit-keyframes bounceY {
 0% {
 -webkit-transform: translateY(-205px);
}
 40% {
 -webkit-transform: translateY(-100px);
}
 65% {
 -webkit-transform: translateY(-52px);
}
 82% {
 -webkit-transform: translateY(-25px);
}
 92% {
 -webkit-transform: translateY(-12px);
}
 55%, 75%, 87%, 97%, 100% {
 -webkit-transform: translateY(0px);
}
}
.album-details h2, .ab-tracks h2 { font-family: 'Raleway'; font-style: normal; font-weight: 300; color: #FFF; font-size: 24px; line-height: 30px; }
.album-details p { font-size: 12px; }
.title-holder { margin-bottom: 20px; display: block }
.title-holder h2 { line-height: 24px; margin: 0px; padding: 0px; }
.title-holder span { color: #666666; font-size: 11px; display: block; border-bottom: #333333 solid 1px; position: relative; line-height: 28px; }
.title-holder span:after { border-bottom: 3px solid #333333; bottom: 0; content: " "; display: block; position: absolute; right: 0; width: 70px; }
.ab-img-1 { width: 100%; margin-top: 20px; }
.buy-btn { background: #333333; position: relative; display: block; padding: 10px; width: 70px; text-align: center; box-shadow: 0px 0px 3px 1px rgba(7, 7, 7, 0.65); -moz-box-shadow: 0px 0px 3px 1px rgba(7, 7, 7, 0.65); -webkit-box-shadow: 0px 0px 3px 1px rgba(7, 7, 7, 0.65); font-size: 12px; }
.buy-btn:before { border-bottom: 5px solid rgba(0, 0, 0, 0); border-left: 9px solid #333333; border-top: 5px solid rgba(0, 0, 0, 0); content: ""; height: 0; position: absolute; right: -9px; top: 16px; width: 0; }
.ab-logo { display: block; background: #333333; padding: 5px 7px; width: 47%; text-align: center; box-shadow: 0px 0px 3px 1px rgba(7, 7, 7, 0.65); -moz-box-shadow: 0px 0px 3px 1px rgba(7, 7, 7, 0.65); -webkit-box-shadow: 0px 0px 3px 1px rgba(7, 7, 7, 0.65); }
.ab-logo .album-logos img { display: inline-block; opacity: 0.5; margin-right: 5px; width: 18% !important; margin-top: 5px; }
.ab-logo .album-logos img:hover { display: inline-block; opacity: 1; }
.ltip2 { display: inline; position: relative; font-size: 11px; }
.ltip2:hover:after { background: #9a104d; background: rgba(170,0,85,.8); bottom: 34px; color: #fff; content: attr(title); left: -70%; padding: 4px; position: absolute; z-index: 98; width: 70px; }
.ltip2:hover:before { border: solid; border-color: #9a104d transparent; border-width: 6px 6px 0 6px; bottom: 28px; content: ""; left: 50%; position: absolute; z-index: 99; }
.ab-tracks { width: 100%; display: block; }
.tracks-list ul { display: block; }
.tracks-list li { display: block; background: rgba(51,51,51,.30); padding: 15px 30px; border-bottom: #525252 solid 1px; font-family: 'Open Sans' !important; font-size: 12px; font-weight: 700; color: #666666; cursor: pointer; }
.tracks-list li.last { border: none }
.tracks-list li:hover { background: rgba(51,51,51,1); transition: .5s; color: #FFF; }
.tracks-list li ul li { background: none; border: 0px; padding: 0px; display: inline-block; margin-right: 12px; }
.tracks-list li ul li:hover { background: none; color: #FFF; }
.tracks-list li ul li i { color: #666666; }
.tracks-list .btn-t { background: rgba(102,102,102,.30); padding: 0px 20px 0; height: 40px; line-height: 40px; font-family: 'Open Sans'; font-size: 12px; font-weight: 700; cursor: pointer; color: #666666; }
.tracks-list .btn-t:hover { background: #cc0066; color: #FFF; }
.tracks-list .i { font-size: 20px; }
.tracks-list .i:hover { color: #FFF; }
.ab-tr { display: block; margin-bottom: 40px; }
.ab-tr ul:nth-child(1) { margin-top: 8px; }
/* 



==============================================================







Album Styles End







==============================================================



*/











/* 



==============================================================







About Us Start







==============================================================



*/







.about-img { background-image: url(images/about-bg.jpg); background-size: cover; }
.about-text { }
.about-text h2 { font-family: 'Raleway'; font-style: normal; font-weight: 700; color: #FFF; font-size: 24px; line-height: 30px; margin: 0 0 25px; }
.about-text p { font-size: 12px; vertical-align: top }
.about-text strong { color: #FFF }
.about-text .services ul { display: block; margin-top: 10px; }
.about-text .services li { display: inline-block; width: 45%; color: #c4c4c4; line-height: 25px; font-size: 12px; }
.about-text .services li i { color: #aa0055; margin-right: 10px; }
.content-slider { position: relative }
.content-slider .cs-content { padding: 30px; }
.content-slider .cs-content h2 { padding: 0px; font-family: 'Raleway'; font-style: normal; font-weight: 700; color: #FFF; font-size: 24px; line-height: 30px; margin: 0 0 10px; }
.content-slider .cs-content .cs-date { font-family: 'Open Sans'; font-size: 14px; font-weight: 700; color: #FFF }
.content-slider .cs-content .cs-date strong { font-size: 24px; font-weight: 700; color: #999999 }
.content-slider .cs-content p { font-size: 12px; color: #e5e5e5; margin-top: 20px; margin-bottom: 20px; }
.content-slider .cs-content p a { color: #aa0055 }
.cs-image { position: relative }
.cs-image span { position: absolute; font-size: 30px; color: #FFF; padding: 20px; top: 0px; right: 0px; background: #aa0055 }
.content-slider .bx-wrapper .bx-controls-direction a { display: none }
.content-slider .bx-controls { position: absolute; left: 0; display: inline-block; width: 100px; bottom: 50px; }
.content-slider .bx-pager.bx-default-pager a:hover, .content-slider .bx-pager.bx-default-pager a.active { background: none repeat scroll 0 0 #ffffff; }
.content-slider .bx-pager.bx-default-pager a { border-radius: 5px 5px 5px 5px; display: block; height: 7px; margin: 0 5px; outline: 0 none; text-indent: -9999px; width: 7px; }
.mab-bg { background: #161515; box-shadow: 0px 0px 3px 1px rgba(7, 7, 7, 0.65); -moz-box-shadow: 0px 0px 3px 1px rgba(7, 7, 7, 0.65); -webkit-box-shadow: 0px 0px 3px 1px rgba(7, 7, 7, 0.65); position: relative }
.mab-bg h2 { font-family: 'Raleway'; font-style: normal; font-weight: 700; color: #FFF; font-size: 24px; line-height: 50px; margin: 0 20px; }
.mab-bg p { margin: -5px 0; padding: 0px; }
.mab-bg div.jp-video div.jp-type-playlist ul.jp-controls { margin-left: 145px; width: 200px; }
.mab-bg div.jp-controls-holder { top: -155px; left: -45px; }
.mab-bg a.jp-previous, .mab-bg a.jp-next, .mab-bg a.jp-play, .mab-bg a.jp-pause { background-color: rgba(0, 0, 0, 1)!important; border-radius: 20px; border: rgba(51,51,51,0.5) solid 3px; margin-right: 25px; }
.mab-bg a.jp-play, .mab-bg a.jp-pause { border-radius: 35px; }
.mab-bg div.jp-playlist { position: relative; width: 100%; margin: 0px; }
.mab-bg div.jp-interface { height: 15px; }
.mab-bg .jp-title { display: block !important; position: absolute; bottom: 0px; width: 100%; margin: 0px; background: rgba(0,0,0, 0.5); padding: 2% 0; }
.mab-bg div.jp-title li { font-family: 'Raleway'; font-style: normal; font-weight: 700; color: #FFF; font-size: 18px; line-height: 25px; }
.mab-bg div.jp-title li span { display: block; font-weight: normal; }
.mab-bg div.jp-video div.jp-progress { height: 5px; }
.mab-bg div.jp-playlist li { border-bottom: #363636 solid 1px; list-style-type: decimal !important; list-style-position: inside; padding-left: 7px; }
.mab-bg div.jp-type-playlist div.jp-playlist a.jp-playlist-current, .mab-bg div.jp-type-playlist div.jp-playlist a:hover { color: #FFF; }
.mab-bg div.jp-type-playlist div.jp-playlist li:last-child { padding: 7px; }
.mab-bg .album-cover { position: relative; margin-bottom: -7px }
.mab-bg .list { background: #600a35; width: 30px; height: 23px; color: #FFF; text-align: center; line-height: 23px; margin: 10px; border-radius: 5px; }
.about-events { margin-top: 17px; }
.about-events li { background: #181718; border-bottom: #aa0055 solid 1px; }
.about-events li ul li { background: none; border: none; float: left; color: #FFF; height: 73px; list-style: none; }
.about-events .date { background: #aa0055; height: 58px; padding-top: 15px; width: 36px; text-align: center; font-weight: bold; margin-right: 1px; list-style: none; }
.about-events strong { padding-top: 10px; }
.about-events strong, .about-events small { display: block; font-size: 13px; padding-left: 10px; display: block; line-height: 20px; }
.about-events small { font-size: 12px; color: #6e6e6e }
.about-events li ul li img { margin: 0px; padding: 0px; }
.about-rj { display: block; position: relative }
.about-rj .rj-bg { background: #121212; padding: 1px; }
.about-rj .rj-img { width: 45%; display: inline-block; }
.about-rj .rj-text { float: right; width: 50%; padding: 2.5%; }
.about-rj p { color: #FFF; font-size: 11px; }
.about-rj h4 { font-size: 14px; color: #aa0055 }
.about-rj a { color: #aa0055 }
.about-rj .social-icons { margin: 0px; display: block; width: 100%; }
.about-rj .social-icons li { display: inline-block; background: #1e1e1e }
/* 



==============================================================







About Styles End







==============================================================



*/













/* 



==============================================================







Events Page Start







==============================================================



*/







.events-wrapper { }
.events-wrapper .clearfix { height: 20px; }
.events-wrapper .events { padding: 26px; }
.events-wrapper .events #defaultCountdown { width: 275px; margin-right: 10px; }
.events-wrapper .events .evnt-title { border-bottom: #414141 solid 1px; width: 65%; margin-bottom: 20px; }
.events-wrapper .events .evnt-title h3 { margin: 0px; padding: 0px; color: #979797; font-family: 'Raleway'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 35px; }
.events-wrapper .events .buy, .events-wrapper .events .map { background: url(images/by-bg.jpg) repeat-x; border: #a40040 solid 1px; color: #FFF; padding: 4px 7px; border-radius: 2px; font-family: 'Raleway'; font-style: normal; font-weight: 700; font-size: 14px; }
.map-size { width: 100%; height: auto; font-size: 0; }
.emap { position: relative }
.hideme { display: none; }
.events-wrapper .events .buy1 { background: url(images/by-bg.jpg) repeat-x; border: #a40040 solid 0px; color: #FFF; border-radius: 2px; font-family: 'Raleway'; font-style: normal; font-weight: 700; font-size: 18px; padding: 0 10px 0 5px; margin: 10px 0; }
.events-wrapper .events .buy1:hover { background: #494c4e; }
.events-wrapper .events .buy1 i { border-right: solid 1px rgba(0,0,0,0.1); display: inline-block; width: 30px; margin-right: 10px; padding: 5px; line-height: 30px; }
.events-wrapper .events .buy i, .events-wrapper .events .map i { margin-left: 0px; margin-right: 8px; }
.events-wrapper .large-text { font-family: 'Open Sans', sans-serif; font-style: italic; font-weight: 700; font-size: 18px; }
.events-wrapper .event-details { clear: both; display: block; margin-bottom: 20px; }
.events-wrapper .events .map { background: url(images/b2-bg.jpg) repeat-x; border: #37393b solid 1px; }
.events-wrapper .google-map { width: 100%; position: relative; }
.map-share { position: absolute; z-index: 9999; top: 0px; left: 0px; }
.events-wrapper .google-map .share { position: absolute; top: 0px; right: 0px; width: 40%; background: #2b2b2b; border-top: solid 2px #1c1c1b; z-index: 999; padding: 15px; color: #676767; }
.events-wrapper .google-map #map-canvas { height: 250px; z-index: 888l }
.event-share h2, .events-wrapper .comment-form h2 { font-family: 'Raleway'; font-style: normal; font-weight: 700; color: #FFF; font-size: 24px; line-height: 50px; margin: 0; }
.event-share .social-icons { display: block; width: 100%; margin: 0px; border-top: #434343 solid 1px; border-bottom: #434343 solid 1px; padding: 15px 0 10px 0 !important; }
.event-share .social-icons li { display: inline-block }
.ev-head, .ev-text { display: block; clear: both }
.ev-buttons { margin-bottom: 25px; }
/* 



==============================================================







Events Page End







==============================================================



*/











/* 



==============================================================







Contact Page Start







==============================================================



*/







.contact { }
.contact #map-canvas { height: 480px; }
.contact h2 { font-family: 'Raleway'; font-style: normal; font-weight: 700; color: #FFF; font-size: 24px; line-height: 50px; margin: 0 0 20px 0; background: rgba(0,0,0,0.4); padding: 0 15px; }
.contact input, .contact textarea { background: rgba(255,255,255,0.2) !important; border: 0px !important; border-radius: 0!important; line-height: 35px; color: #969696 !important; padding: 10px !important; }
.contact textarea { width: 97.5%; }
.contact input.btns { background: #cc0066 !important; color: #FFF !important; padding: 10px 25px !important; font-size: 18px; font-family: 'Open Sans'; font-style: normal; font-weight: 600; border: 0px !important; }
.contact .address p { color: #fff; font-size: 14px; font-family: 'Open Sans'; }
.contact .address p i { font-size: 25px; margin-right: 10px; width: 20px; display: inline-block }
.contact .social-icons { display: block; width: 200px; margin: 10px 0; }
.contact .social-icons li { display: inline-block }
.contact .error { display: none; }
.contact input { height: 40px !important }
/* 



==============================================================







Contact Page End







==============================================================



*/







/* 



==============================================================







404 Page Start







==============================================================



*/











.p404 { text-align: center }
.p404 h2 { font-size: 140pt; font-family: 'Open Sans'; font-weight: 900; line-height: 140pt; color: rgba(255,255,255,0.2) }
.p404 h3 { font-size: 48pt; font-family: 'Open Sans'; line-height: 60pt; font-weight: 700; color: rgba(255,255,255,0.2) }
.p404 h4 { font-size: 20pt; font-family: 'Open Sans'; line-height: 24pt; font-weight: 500; color: rgba(255,255,255,0.2) }
.p404 .button { background: none repeat scroll 0 0 rgba(204, 0, 102, 0.2); border: 0 none; color: rgba(255, 255, 255, 0.5); display: block; font-family: "Open Sans"; font-size: 30px; font-weight: 500; margin: 40px auto; padding: 20px; text-align: center; width: 289px; }
/* 



==============================================================







404 Page End







==============================================================



*/



















/* 



==============================================================







Search







==============================================================



*/







.search .search-holder { background: #505050; border: 1px solid #6e6e6e; max-width: 35%; width: auto; margin: 0 auto; padding: 0px; text-align: left; }
.search .search-holder input { background: none; border: 0px; box-shadow: none; color: #FFF; border-radius: 0px; margin: 10px }
.search .search-holder input:focus { box-shadow: none; border: 0px; }
.search .search-holder .sb { background: none; border: 0px; font-size: 25px; color: #FFF; float: right; margin: 8px; }
/* 



==============================================================







Search End







==============================================================



*/























/* 



==============================================================







Cart Page Start







==============================================================



*/











/*Cart Css Start*/



.cart-page { background: rgba(0,0,0,.5); }
.cart_table_holder table { border-collapse: separate; border: 1px solid #191919; border-radius: 0; font-family: 'Open Sans', sans-serif; color: #fff; font-size: 13px; width: 100%; background: rgba(0,0,0,.3); }
.cart-top-bg { background: #000 }
.cart_table_holder table .product-name { text-align: left; width: 40%; }
.cart_table_holder th:first-child { text-align: left; text-indent: 22px; }
.cart_table_holder th { border: 1px solid #191919; padding: 14px 5px; font-family: 'Raleway'; font-weight: 500; font-size: 22px; color: #a6a6a6; }
.cart_table_holder tbody td.img { border-right: none; }
.cart_table_holder table .img { text-align: left; width: 20%; }
.cart_table_holder tbody td, .cart_table_holder tfoot td { border-bottom: 1px solid #191919; border-right: 1px solid #191919; }
.cart_table_holder td { padding: 15px; vertical-align: middle; }
.product-name > a { font-family: 'Open Sans', sans-serif; font-weight: 600; font-style: normal; font-size: 16px; color: #979695; text-decoration: none; }
.product-name > a:hover { color: #979695; text-decoration: none; }
.cart_table_holder td span.amount { font-family: 'Open Sans', sans-serif; font-size: 16px; color: #979695; }
.product-remove a { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #fff; font-weight: 600; text-decoration: none; }
.product-remove a:hover { text-decoration: none; color: #fff; }
.shipping-calculator-button { font-family: 'Raleway'; font-weight: 500; color: #A80000; text-decoration: none; }
.shipping-calculator-button:hover { text-decoration: none; }
.actions .coupon { text-align: left; color: #404241; }
.actions { background: url(images/cart-heading-bg.gif); }
#coupon_code { background: rgba(0,0,0,0.2); border: 1px solid #2f2f2e; border-radius: 2px; height: 33px; font-family: 'Open Sans', sans-serif; color: #fff; font-size: 13px; margin-left: 10px; margin-right: 10px; }
.cbtn { border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 5px; padding: 7px 10px; font-family: 'Open Sans', sans-serif; color: #fff; font-weight: 600; background: #aa0055; }
.total_price { text-align: right; font-family: 'Open Sans', sans-serif; color: #05242B; font-size: 18px; }
.total_cart { float: left; padding: 0 0 0 10px; }
.total_cart h2 { font-family: 'Raleway'; font-weight: 500; font-size: 22px; color: #979695; }
.total_cart td { padding: 5px 0; text-align: left; }
.cart_table_holder h2 { text-align: left; margin: 0; }
.cart-page form { margin: 0 0 20px 0; }
.total_cart tbody td, .total_cart tfoot td { border-bottom: 0; border-right: 0; color: #4d4d4d; }
.checkout_btn { border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 5px; padding: 7px 10px; font-family: 'Open Sans', sans-serif; color: #fff; font-weight: 600; background: #aa0055; }
.cart_btn_wrapper { margin: 20px 0; }
.minus { background: #dadada; border: 1px solid #e5e5e5; padding: 10px 14px 10px 14px; float: left; }
.plus { background: #dadada; border: 1px solid #e5e5e5; padding: 10px 14px 10px 14px; float: left; }
.input-text.qty { float: left; text-align: center; width: 20%; height: 26px !important; font-size: 17px; color: #444; padding: 5px; border-radius: 0 !important; }
/*Cart Css End*/











/*Checkout Css Start*/



.checkout-page { }
form.checkout { padding: 20px; }
.col-1 h3 { font-family: 'Raleway'; font-style: normal; font-weight: 700; color: #7d7d7d; font-size: 24px; line-height: 50px; margin: 0 0 20px 0; }
.col-2 h3 { font-family: 'Raleway'; font-style: normal; font-weight: 700; color: #7d7d7d; font-size: 24px; line-height: 50px; margin: 0 0 20px 0; }
form.checkout h3 { font-family: 'Raleway'; font-style: normal; font-weight: 700; color: #7d7d7d; font-size: 24px; line-height: 50px; margin: 0 0 20px 0; }
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: left; width: 48%; }
.woocommerce form .form-row label, .woocommerce-page form .form-row label { font-family: 'Open Sans'; display: block; color: #7e7e7e; font-weight: 300; }
.woocommerce form .form-row .required, .woocommerce-page form .form-row .required { border: 0; color: #b20101; font-weight: bold; }
form.checkout select { background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.2); border-radius: 0; clear: both; height: 33px; color: #404241; margin-bottom: 20px; }
form.checkout input[type="text"], form.checkout input[type="password"] { background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.2); clear: both; border-radius: 0; font-family: 'Open Sans', sans-serif; color: #404241; height: 33px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;         /* Opera/IE 8+ */ }
.woocommerce form .form-row input.input-text, .woocommerce-page form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea { width: 100%; line-height: 1em; outline: none; margin: 0; color: #404241; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;         /* Opera/IE 8+ */ }
.woocommerce form .form-row-first, .woocommerce-page form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-last { float: left; overflow: visible; width: 50%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;         /* Opera/IE 8+ */ }
.woocommerce form .form-row .input-checkbox, .woocommerce-page form .form-row .input-checkbox { display: inline; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; }
.woocommerce form .form-row-wide, .woocommerce-page form .form-row-wide { clear: both; }
.woocommerce form .form-row, .woocommerce-page form .form-row { margin: 0 0 6px; padding: 3px; }
.woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox { display: inline; }
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { float: right; width: 48%; }
.woocommerce form .form-row select, .woocommerce-page form .form-row select { cursor: pointer; margin: 0; width: 100%; }
.woocommerce .checkout #shiptobilling, .woocommerce-page .checkout #shiptobilling { float: right; line-height: 1.62em; padding: 0; margin: 0; }
.woocommerce .checkout #shiptobilling label, .woocommerce-page .checkout #shiptobilling label { font-size: 0.6875em; }
.woocommerce .checkout .col-2 .notes, .woocommerce-page .checkout .col-2 .notes { clear: left; }
.woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea { text-shadow: none; display: block; height: 3.5em; line-height: 1.5em; width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.2) }
form.checkout textarea { min-height: 200px; border-radius: 0; resize: none; }
.woocommerce table.shop_table, .woocommerce-page table.shop_table { width: 100%; border: 1px solid rgba(0, 0, 0, 0.1); border-collapse: separate; border-radius: 5px; text-align: left; margin: 0 -1px 24px 0; }
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th { font-family: 'Open Sans'; font-weight: 300; line-height: 18px; padding: 9px 12px; color: #fff; font-size: 16px; }
.woocommerce table.shop_table td, .woocommerce-page table.shop_table td { border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 6px 12px; vertical-align: middle; color: #FFF; }
.woocommerce table.shop_table, .woocommerce-page table.shop_table { border-collapse: separate; text-align: left; }
.cart-subtotal th { background: none; }
.woocommerce .col2-set, .woocommerce-page .col2-set { width: 100%; clear: both; overflow: hidden; }
.trl { text-align: right !important }
table th, table td { /*	text-align: center; */ }
.woocommerce table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot th { border-top: 1px solid rgba(0, 0, 0, 0.1); font-weight: normal; }
.woocommerce #payment, .woocommerce-page #payment { border-radius: 1px; border: rgba(0,0,0,0.2) solid 1px; }
.woocommerce #payment div.form-row, .woocommerce-page #payment div.form-row { padding: 5px; }
.woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button { padding: 5px !important; display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; font-weight: 600; background: #aa0055; border: 0; border-radius: 1px; }
.woocommerce #payment .terms, .woocommerce-page #payment .terms { text-align: right; padding: 0 1em; }
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: right; margin: 0; }
.form-row.place-order { overflow: hidden; }
/*Checkout Css End*/



























/*  



==============================================================







Cart Page End







==============================================================



*/



















/* 



==============================================================







Reservation Styles Start







==============================================================



*/







.reservation-grid { width: 100%; display: block }
.reservation { width: 70%; margin-left: auto; margin-right: auto }
.reservation li { color: #fff; }
.reservation-grid li { margin-bottom: 30px; color: #999999; padding: 0px; }
.reservation-grid h3 { font-family: 'Raleway'; font-style: normal; font-weight: 700; color: #FFF; font-size: 18px; line-height: 40px; background: rgba(0,0,0,.5); margin: 0px; padding-left: 10px; }
.reservation-grid img { width: 100% }
.reservation-grid p { font-size: 12px; color: #FFF; }
.reservation-grid button { background: rgba(62,62,62,.6); padding: 10px; border: 0px; font-family: 'Raleway'; font-style: normal; font-weight: 700; color: #FFF; font-size: 14px; }
.reservation-grid button:hover { background: rgba(62,62,62,.2); padding: 10px; border: 0px; font-family: 'Raleway'; font-style: normal; font-weight: 700; color: #FFF; font-size: 14px; }
/* 



==============================================================







Reservation Styles End







==============================================================



*/











/* 



==============================================================







Services Styles Start







==============================================================



*/







.ser-welcome { display: block }
.ser-welcome img { float: left; margin-right: 30px; }
.ser-list { display: block }
.ser-list .icon { float: left; color: #c80060; background: #2b2b2b; font-size: 50px; border: #353535 solid 1px; padding: 25px; margin-right: 30px; width: 60px; text-align: center; text-shadow: 1px 1px #fff; cursor: pointer }
.ser-list .icon:hover { float: left; color: #fff; background: rgba(255,255,255,.1); text-shadow: none; -webkit-transition: 500ms linear 0s; -moz-transition: 500ms linear 0s; -o-transition: 500ms linear 0s; transition: 500ms linear 0s; outline: 0 none; text-shadow: 1px 1px #c80060; }
.ser-list ul { display: block; margin-top: 35px; }
.ser-list li { color: #c4c4c4; font-size: 12px; }
.ser-list h3, .ser-buy h3 { font-family: 'Raleway'; font-style: normal; font-weight: 500; color: #FFF; font-size: 24px; margin: 5px 0; display: block; line-height: 35px; }
.ser-buy .aimage { float: left; margin-right: 30px; }
.ser-buy li { font-size: 13px; color: #ecf0f1 }
.ser-buy .bx-wrapper .bx-controls-direction a { position: absolute; top: 11% !important; outline: 0; text-indent: -9999px; z-index: 9999; width: 21px; height: 20px; }
.ser-buy .bx-wrapper .bx-prev { right: 57px; background: url(images/arrow2.png) no-repeat 1px; }
.ser-buy .bx-wrapper .bx-next { right: 25px; background: url(images/arrow2.png) no-repeat right; }
.spb1 { background-image: url(images/spb.png); height: 3px; margin-top: 30px; }
.top-rj { display: block; }
.top-rj ul { display: block; background: #121212; padding: 1px; margin-bottom: 25px; }
.top-rj li { vertical-align: top; display: inline-block; background: #121212; height: 195px; }
.top-rj .social-icons { width: 200px; margin: 0px; }
.top-rj .social-icons li { margin: 0px !important; height: auto }
.top-rj .rj-image { display: inline-block; width: 25% }
.top-rj .rj-text { display: inline-block; width: 75% }
/* 



==============================================================







Services Styles End







==============================================================



*/











/* 



==============================================================







Gallery Styles End







==============================================================



*/







.Video .title-holder { border-bottom: #2b2b2b solid 1px; }
.Video .title-holder h2 { margin-bottom: 16px !important; }
.Video p { font-size: 12px; line-height: 20px; margin-bottom: 25px; }
.p-bottom { margin-top: 100px; }
.gallery-nav { overflow: hidden; list-style: none; }
.gallery-nav li { float: left; margin-right: 2px; }
.gallery-nav li a { padding: 8px 15px; background: #000; color: #c5c5c5; display: inline-block; border-radius: 2px; font-family: 'Open Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; }
.gallery-nav li a:hover { background: #aa0055; text-decoration: none; color: #fff; }
.gallery-pagination { margin: 0; list-style: none; float: left; width: 100%; }
.gallery-pagination li { float: left; margin-right: 5px; }
.gallery-pagination li a { background: #363636; padding: 5px 10px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; color: #FFF; font-weight: bold }
.gallery-pagination li a:hover { background: #aa0055; color: #fff; text-decoration: none; font-weight: bold }
.Video .button { background: rgb(183,0,106); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I3MDA2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ODAwNDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(183,0,106) 0%, rgb(152,0,67) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(183,0,106)), color-stop(100%, rgb(152,0,67))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(183,0,106) 0%, rgb(152,0,67) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(183,0,106) 0%, rgb(152,0,67) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(183,0,106) 0%, rgb(152,0,67) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(183,0,106) 0%, rgb(152,0,67) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7006a', endColorstr='#980043', GradientType=0 ); /* IE6-8 */
border: #5c3d7b solid 1px; color: #fff; line-height: 24px; border-radius: 5px; font-family: 'Open Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; padding-left: 10px; padding-right: 10px; }
/* 



==============================================================







Gallery Styles End







==============================================================



*/



















/* 



==============================================================







Fan Review Styles Start







==============================================================



*/







.fan-reviews { display: block; }
.fan-reviews .fans-text { position: relative; z-index: 100; background: #232323; }
.fan-reviews .fans-text:before { content: ""; position: absolute; bottom: -27px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 20px solid transparent; right: 10px; z-index: 50; border-top: 28px solid #232323; }
.fan-reviews .fans-text:hover { position: relative; z-index: 100; background: #c4005f; }
.fan-reviews .fans-text:hover:before { border-top: 28px solid #c4005f; }
.review-sp { border-bottom: #676767 solid 1px; width: 100%; padding-top: 25px; margin-bottom: 25px; clear: both; height: 1px; display: block }
.fan-reviews .fan-intro .left { margin-top: 25px; }
.fan-reviews .fan-user ul { margin-top: 0px; }
.fan-reviews h3 { font-size: 18px; font-weight: 800; font-style: normal; color: #FFF; font-family: 'Raleway'; line-height: 20px; margin: 0px }
.fan-reviews .fan-user, .fan-reviews .fan-title { display: inline-block; vertical-align: top; margin-right: 95px; }
/* 



==============================================================







Fan Review Styles End







==============================================================



*/



















/* 



==============================================================







FAQs Start 







==============================================================



*/







.faqs .accordion-heading { background-color: #cc0066; padding: 10px; font-family: 'Raleway'; color: #FFF; font-weight: 700; font-style: normal; font-size: 18px; line-height: 30px; margin-bottom: 1px; }
.faqs .accordion-heading a { color: #FFF }
.faqs .accordion-inner, .faqs .accordion-group { border: 0px !important; }
.faqs .accordion-heading .accordion-toggle { padding: 0px !important; }
.faqs .accordion-heading .q { font-size: 24px; }
.faqs .accordion-inner { color: #FFF; font-size: 14px; font-family: 'Open Sans', sans-serif; line-height: 24px; margin-bottom: 30px; padding: 0px !important; margin-top: 30px; }
.faqs .icon-plus { background: #cc0066; font-size: 25px; margin-right: -10px; padding: 14px; background: #333333 }
.faqs .icon-minus { background: #333333; font-size: 25px; margin-right: -10px; padding: 14px; }
/* 



==============================================================







FAQs End 







==============================================================



*/







































/* Footer Start */







.footer-container { position: relative }
.fbor { border-top: 1px solid #cc0066 }
.footer { background: url(images/footer-bg.png) no-repeat top left; padding-bottom: 0; }
.footer-simple { padding-bottom: 40px !important; }
.footer_curve { background-image: url(images/footer_cur.png); position: absolute; bottom: 0; height: 244px; width: 100%; z-index: 100 }
.fbtm { position: relative; z-index: 9999; float: left; width: 100%; background: url("images/page-bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); }
.footer-top { display: block; padding-top: 30px; }
.footer h2, .footer-light h2 { font-family: 'Raleway', sans-serif; font-size: 24px; color: #FFF; margin: 0 0 20px 0; padding: 0px; }
.footer .footer-1stleft, .footer-light .footer-1stleft { margin-bottom: 30px; width: 85%; }
.footer .footer-1stleft p, .footer-light .footer-1stleft p { color: #fff; font-size: 11px; line-height: 20px; text-align: left; }
.footer .footer-1stleft .take-tour, .footer-light .footer-1stleft .take-tour { border: 0px; padding: 5px 10px; color: #FFF; font-size: 18px; line-height: 36px; }
.footer a:hover { text-decoration: none; }
.footer .footer-1stleft .icon-quote-left, .footer .footer-1stleft .icon-quote-right, .footer-light .footer-1stleft .icon-quote-left, .footer-light .footer-1stleft .icon-quote-right { color: #FFF; font-size: 20px; }
.footer .location, .footer-light .location { background: url(images/location_bg.jpg); background-repeat: no-repeat; display: block; padding: 33px 35px 33px 26px; height: 90px; }
.footer .location, .footer-light .location { font-size: 12px; color: #FFF }
.footer .loc, .footer-light .loc { color: #FFF; margin-bottom: 20px; display: block; }
.footer .location .lc-left, .footer-light .location .lc-left { float: left; font-size: 24px; width: 30%; text-align: center; line-height: 20px; text-shadow: #000 1px 1px 1px; padding-top: 25px; }
.footer .location .lc-right, .footer-light .location .lc-right { float: left; text-align: center; margin-left: 20%; text-transform: uppercase; text-shadow: #000 1px 1px 1px; }
.footer .location .lc-right li, .footer-light .location .lc-right li { line-height: 26px; font-size: 14px; }
.footer .location .lc-right .otime, .footer-light .location .lc-right .otime { color: #ffd790; font-style: italic }
.footer .office-timing p, .footer-light .office-timing p { font-size: 11px; }
.footer .office-timing li, .footer-light .office-timing li { font-size: 12px; color: #686868; line-height: 25px; }
.fbtm-light { position: relative; z-index: 9999; background: #0b0b0b; }
.f-add { line-height: 35px; font-size: 13px; color: #FFF }
.footer_social, .sicons-slider { display: block; }
.sicons-slider { margin-top: 10px; }
.footer_social .social-icons, .sicons-slider .social-icons, .auth-social .social-icons { margin: 0px !important; padding: 0px !important; width: 200px; }
.footer_social .social-icons li, .sicons-slider .social-icons li, .auth-social .social-icons li { float: left; display: inline-block; margin-right: 5px; background: #191919; }
.crbg { background: #161616; }
.crbg .cr { color: #FFF; font-size: 12px; }
.footer-links a { color: #FFF }
.footer-links a:hover { color: #cd0051 }
.footer-light { background: url(images/footer-bg.png) no-repeat top left; padding-bottom: 60px; }
.footer-links li { display: inline; padding: 0 7px; }
/* Footer-End */















/*



========================================







Tool tip 







========================================



*/







.tooltip1 { display: inline; position: relative; font-size: 11px; }
.tooltip1:hover:after { background: #666666; border-radius: 5px; bottom: 26px; color: #fff; content: attr(title); padding: 5px; position: absolute; z-index: 98; width: 89px; box-shadow: 1px 1px 1px rgba(0,0,0,0.5); left: -14px; }
.tooltip1:hover:before { border: solid; border-color: #666666 transparent; border-width: 6px 6px 0 6px; bottom: 20px; content: ""; left: 38%; position: absolute; z-index: 99; }
/*



========================================







Button Hover Effects







========================================



*/



.booking-slider .booking-button, .more, .ev-list .ev-details .book-now, .take-tour, .cbtn, .checkout_btn, .button, .p404 .button, .buy, .map, .btns, .contact input.btns, .buy-btn, .buy-btn:before { transition-property: background; transition-duration: 1s; transition-timing-function: linear; }
button.take-tour.btn-1f:hover, .booking-slider .booking-button:hover, .more:hover, .ev-list .ev-details .book-now:hover, .take-tour:hover, .cbtn:hover, .checkout_btn:hover, .button:hover, .p404 .button:hover, .buy:hover, .map:hover, .btns:hover, .contact input.btns:hover, .buy-btn:hover { background: #b086d3 !important; border-color: #b086d3 !important; }
/*----------------Update ---------------- */







.reservation #form_contact input[type='text'], .contact #form_contact textarea { width: 100% }
.contact #form_contact input[type='text'], .contact #form_contact textarea { width: 97% }
#form_contact .error { color: #CC0066 }
#reserve_form .first { clear: both; }
.tracks-list div.jp-audio-stream ul.jp-controls { width: 50px; }
#form_contact .first { clear: both; }
#form_contact input[type="text"] { color: #fff; }
.tracks-list div.jp-audio-stream div.jp-type-single div.jp-interface { height: auto !important; margin-left: -12px; }
.ab-tr .stitle { margin-top: 12px; float: right; }
/*----------------Update End ---------------- */







/*----------------Slider Updates ---------------- */







.main-slider ul li { position: relative }
.slide-text { position: absolute; left: 20%; bottom: 25%; }
.slide-text h2 { background-image: url(images/slider-bg1.png); width: auto; font-family: 'Raleway', sans-serif; font-size: 60px; font-weight: 100; padding: 15px; width: 70%; }
.slide-text h3 { background: #000; width: auto; font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 300; padding: 15px; width: 70%; color: #8b8b8b; line-height: 25px; margin-top: 5px; }
.main-slider-simple .bx-wrapper .bx-controls-direction a { position: absolute; top: 54% !important; outline: 0; text-indent: -9999px; z-index: 9999; width: 31px; height: 71px; left: 48% }
.main-slider-simple .bx-wrapper .bx-prev { right: 57px; background: url(images/arrew.png) no-repeat 1px; display: none; }
.main-slider-simple .bx-wrapper .bx-next { right: 25px; background: url(images/slider-arrow.png) no-repeat center #910036; display: none; }
.player-holder { background: #1a1a1a; border-top: #3f3f3f solid 1px; width: 100%; border-bottom: #131313 solid 6px; }
.cs-holder { background: #0e0e0e; width: 100%; }
.music-player-top { width: 70%; }
.music-player-top a.jp-play, .music-player-top a.jp-previous, .music-player-top a.jp-next, .music-player-top a.jp-pause { border: #545454 solid 2px; border-radius: 25px; margin-right: 9px; }
.music-player-top div.jp-audio ul.jp-controls { width: 17%; }
.music-player-top div.jp-audio div.jp-type-single div.jp-progress { left: 46%; width: 48%; height: 5px; }
.music-player-top div.jp-title, .music-player-top div.jp-playlist { position: absolute; margin-top: 7px; margin-left: 120px; }
.music-player-top .sname { font-size: 13px !important; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #666; }
.music-player-top .sgname { font-size: 11px !important; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #fff; }
.music-player-top div.jp-audio div.jp-type-single div.jp-time-holder { position: relative }
.music-player-top div.jp-current-time { margin-left: 25%; margin-top: 23px; }
.music-player-top .jp-duration { margin-top: 23px; }
.css_holder .bx-wrapper .bx-controls-direction a { position: absolute; outline: 0; text-indent: -9999px; z-index: 9999; width: 24px; height: 24px; }
.css_holder .bx-wrapper .bx-prev { left: 0; background: url(images/cs-arrow.png	) no-repeat left top; }
.css_holder .bx-wrapper .bx-next { right: 0px; background: url(images/cs-arrow.png	) no-repeat right top; }
.css_holder .bx-wrapper .bx-prev:hover { left: 0; background: url(images/cs-arrow.png	) no-repeat left bottom; }
.css_holder .bx-wrapper .bx-next:hover { right: 0px; background: url(images/cs-arrow.png	) no-repeat right bottom; }
.cs-slider { width: 85%; margin-left: 30px; }
/*----------------Slider Updates End ---------------- */







/*----------------Player With Playlist Start ---------------- */







.hplayer-bg { border: #111316 solid 1px; background: #0e0e0e; position: absolute; bottom: -104px; height: 485px; width: 314px; }
.hplayer { }
.hplayer h2 { font-family: 'Raleway'; font-style: normal; font-weight: 700; color: #FFF; font-size: 24px; line-height: 50px; margin: 0 20px; }
.hplayer p { margin: -5px 0; padding: 0px; }
.hplayer div.jp-video div.jp-type-playlist ul.jp-controls { background: rgba(255,255,255,.5); height: 48px; padding: 3px; border-radius: 7px; }
.hplayer div.jp-controls-holder { top: -395px; left: -85px; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 1; -webkit-transition: all 0.3s ease-out 0.5s; -moz-transition: all 0.3s ease-out 0.5s; -o-transition: all 0.3s ease-out 0.5s; -ms-transition: all 0.3s ease-out 0.5s; transition: all 0.3s ease-out 0.5s; }
.hplayer #jp_container_2:hover div.jp-controls-holder { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; top: -195px; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -webkit-animation: bounceY 0.9s linear; -moz-animation: bounceY 0.9s linear; -ms-animation: bounceY 0.9s linear; animation: bounceY 0.9s linear; }
.mp_player a.jp-previous, .mp_player a.jp-next, .mp_player a.jp-play, .mp_player a.jp-pause { background-color: rgba(0, 0, 0, 1)!important; border-radius: 20px; border: rgba(51,51,51,0.5) solid 3px; margin-right: 3px; margin-left: 3px; }
.hplayer a.jp-play, .hplayer a.jp-pause { border-radius: 35px; }
.hplayer div.jp-playlist { position: absolute; width: 100%; margin: 0px; top: 0px; padding-top: 35px; background: #000; height: 303px; }
.hplayer div.jp-interface { height: 15px; }
.hplayer .jp-title { display: block !important; position: absolute; bottom: 0px; width: 100%; margin: 0px; background: rgba(0,0,0, 0.5); padding: 2% 0; }
.hplayer div.jp-title li { font-family: 'Raleway'; font-style: normal; font-weight: 700; color: #FFF; font-size: 18px; line-height: 25px; }
.hplayer div.jp-title li span { display: block; font-weight: normal; }
.mp_player div.jp-progress { height: 5px; width: 300px; }
.mp_songs div.jp-playlist li { border-bottom: #363636 solid 1px; list-style-type: decimal !important; list-style-position: inside; padding-left: 7px; }
.mp_songs div.jp-type-playlist div.jp-playlist a.jp-playlist-current, .hplayer div.jp-type-playlist div.jp-playlist a:hover { color: #FFF; }
.mp_songs div.jp-type-playlist div.jp-playlist li:last-child { padding: 7px; }
.mp_songs .album-cover { position: relative; margin-bottom: -7px; cursor: pointer }
.hplayer-bg .list { background: #600a35; width: 30px; height: 26px; color: #FFF; text-align: center; line-height: 26px; margin: 10px; border-radius: 5px; position: absolute; right: 0px; z-index: 999; }
.hplayer-bg .list a { color: #FFF }
.mp_player .jp-playlist-player .jp-controls { position: absolute; top: -108px; padding: 3px; left: 100px; width: 135px; background: rgba(0,0,0,.5); border-radius: 7px; height: 48px; }
.mp_content_wrapper img { position: relative; z-index: 100; }
.mp-toggle { margin-top: -32px; margin-left: -1px; }
.mp-toggle span { background: #000; border: 1px solid #111316; color: #CCCCCC; display: inline-block; padding: 5px; text-align: center; cursor: pointer; width: 25px; }
/*----------------Player With Playlist End ---------------- */



.menu-item-has-children:hover .sub-menu { display: block; }
.menu-item-has-children { position: relative; }
.sub-menu > li > a { border-bottom: 1px solid #333; clear: both; color: #cfcfcf; display: block; font-weight: normal; line-height: 25px; padding: 3px 20px; white-space: nowrap; }
.gallery-thumbnail-image { margin-bottom: 25px; }
/*--- float player ---*/







.cp-open-float-player { font-size: 14px; width: 14px; height: 14px; line-height: 1; text-align: center; padding: 19px 17px 19px 21px; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); display: none; background: #ffffff; color: #868686; position: fixed; bottom: 0px; right: 40px; z-index: 9999; transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; -webkit-transition: opacity 300ms; }
.cp-open-float-player:hover { opacity: 0.7; filter: alpha(opacity=70); }
.cp-open-float-player.cp-now-playing { background-image: url('images/playing-black.gif'); background-repeat: no-repeat; background-position: center; }
.cp-open-float-player.cp-now-playing i { display: none; }
.cp-float-player { background: url('images/player-bg.png'); border-top: 1px solid #535353; }
.cp-float-top-player.cp-item { margin-bottom: 0px; }
.cp-float-top-player > .cp-top-player-title, .cp-float-top-player > .cp-top-player-thumbnail, .cp-float-top-player > .cp-top-player-download { display: none; }
.cp-float-player { position: relative; left: 0; right: 0; bottom: 0; z-index: 9999; }
.cp-float-player i { margin-right: 0px; }
.cp-float-player .mejs-container { background: transparent; }
.cp-float-player .mejs-container .mejs-controls { height: 70px; position: relative; bottom: auto; background: transparent; }
.cp-float-player .mejs-controls .mejs-button button:focus { outline: none; }
.cp-float-player .mejs-container .mejs-controls .cp-play-control { width: 120px; height: 40px; margin-right: 30px; padding: 15px 0px; }
.cp-float-player .mejs-container .mejs-controls .mejs-playpause-button { font-size: 14px; width: 11px; height: 14px; padding: 13px 13px 13px 16px; margin: 0px 8px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
.cp-float-player .mejs-container .mejs-controls .mejs-playpause-button.mejs-pause { padding: 13px 14px 13px 15px; }
.cp-float-player .mejs-container .mejs-controls .mejs-playpause-button.mejs-pause .icon-play:before { content: "¥f04c"; }
.cp-float-player .mejs-container .mejs-controls .cp-next-button { font-size: 12px; width: 11px; height: 12px; padding: 9px 9px 9px 12px; margin-top: 5px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
.cp-float-player .mejs-container .mejs-controls .cp-previous-button { font-size: 12px; width: 11px; height: 12px; padding: 9px 12px 9px 9px; margin-top: 5px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
.cp-float-player .mejs-container .mejs-controls .mejs-playpause-button, .cp-float-player .mejs-container .mejs-controls .cp-next-button, .cp-float-player .mejs-container .mejs-controls .cp-previous-button { cursor: pointer; opacity: 0.8; filter: alpha(opacity:80);
transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; -webkit-transition: opacity 300ms; }
.cp-float-player .mejs-container .mejs-controls .mejs-playpause-button:hover, .cp-float-player .mejs-container .mejs-controls .cp-next-button:hover, .cp-float-player .mejs-container .mejs-controls .cp-previous-button:hover { opacity: 1; filter: alpha(opacity:100);
}
.cp-float-player .mejs-container .mejs-controls .mejs-time-rail { padding: 17px 81px 18px 75px; height: 35px; position: relative; /*background: url('images/list-bg.png');*/ }
.cp-float-player .mejs-controls .mejs-time-rail .mejs-time-total { margin: 0px; }
.cp-float-player .mejs-container .mejs-controls .cp-time-elapse { width: 76px; position: absolute; right: 0px; float: none; top: 39px; }
.cp-float-player .mejs-container .mejs-controls .cp-time-elapse .mejs-time { padding: 0px; margin: 0px; display: inline; float: none; }
.cp-float-player .mejs-container .mejs-controls .cp-time-elapse span { position: relative; display: inline; float: none; margin: 0px; }
.cp-float-player .mejs-container .mejs-controls .cp-top-player-thumbnail { max-width: 35px; width: 35px; height: 35px; position: absolute; top: 17px; left: 20px; border: 1px solid #fff; }
.cp-float-player .mejs-container .mejs-controls .cp-top-player-title { color: #ddd; font-size: 13px; width: auto; height: 15px; line-height: 15px; float: none; margin-bottom: 10px; font-weight: bold; }
.cp-float-player .mejs-controls .mejs-time-rail span.cp-song-title-info { display: inline; position: relative; width: auto; height: auto; font-weight: normal; }
.cp-float-player .cp-top-player-download a { opacity: 0.6; filter: alpha(opacity=60); }
.cp-float-player .cp-top-player-download a:hover { opacity: 1; filter: alpha(opacity=100); }
.cp-float-player .cp-top-player-download a img { max-width: 19px; margin-right: 8px; }
.cp-float-player .cp-top-player-download i.icon-list-ul { font-size: 16px; margin-right: 30px; }
.cp-float-player .mejs-container .mejs-controls .cp-top-player-download { width: 128px; padding: 34px 5px 10px 15px; font-size: 16px; line-height: 20px; /*background: url('images/list-bg.png');*/ }
.cp-float-player .mejs-container .mejs-controls .cp-volumn-bar { float: left; width: 126px; padding: 22px 20px; }
.cp-float-player .mejs-controls .mejs-horizontal-volume-slider { width: 90px; float: left; clear: none; top: auto; }
.cp-float-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 80px; }
.cp-float-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .cp-float-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { top: 11px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-left: 5px; }
.cp-float-player .mejs-container .mejs-controls .cp-hide-float-bar { width: 18px; height: 18px; text-align: center; padding: 26px 17px; cursor: pointer; background: url('images/close-bg.png'); }
.cp-float-player .mejs-container .mejs-controls .cp-hide-float-bar i { font-size: 17px; color: #ffffff; }
.cp-float-player .cp-player-list { max-width: 800px; list-style: none; margin-left: 0px; display: none; position: absolute; bottom: 70px; background: #000; background: rgba(61,61,61,0.9); margin: 0px; left: 170px; right: 238px; margin: 0 auto; }
.cp-float-player .cp-player-list li { color: #ddd; cursor: pointer; padding: 14px 25px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #161616; }
.cp-play-control i { color: #ddd; }
.cp-float-player .cp-player-list li:before { content: "¥f04b"; font-family: FontAwesome; color: #fff; font-size: 12px; width: 13px; height: 13px; margin-left: 3px; margin-right: 15px; display: inline-block; }
.cp-float-player .cp-player-list li.active.cp-playing:before { background-image: url('images/playing.gif'); background-repeat: no-repeat; background-position: 95% center; content: ' '; width: 16px; margin-left: 0px; }
/*--- song item ---*/







.cp-top-player .cp-top-player-inner { padding: 8px 10px 15px 18px; }
.cp-top-player .cp-top-player-thumbnail { float: left; max-width: 62px; margin-right: 15px; margin-left: -4px; margin-top: 5px; }
.cp-top-player .cp-top-player-thumbnail img { display: block; }
.cp-top-player .cp-top-player-content { overflow: hidden; }
.cp-top-player .cp-top-player-title { font-size: 14px; margin-top: 5px; font-weight: bold; }
.cp-top-player .cp-top-player-download { margin-top: 5px; }
.cp-top-player .cp-top-player-download a img { max-width: 19px; margin-right: 8px; }
.cp-top-player .mejs-controls .mejs-button button:focus { outline: none; }
.cp-top-player .mejs-container .mejs-controls { height: 50px; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; }
.cp-top-player .mejs-container .mejs-controls > div { padding: 12px 16px; }
.cp-top-player .mejs-controls .mejs-button button { margin-top: 5px; margin-bottom: 5px; }
.cp-top-player .mejs-button.mejs-playpause-button { border-right-style: solid; border-right-width: 1px; }
.cp-top-player .mejs-controls .mejs-time-rail { border-style: solid; border-left-width: 1px; }
.cp-top-player .mejs-controls .mejs-time-rail span { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.cp-top-player .mejs-controls .mejs-time-rail .mejs-time-total { margin: 8px 0px; }
.cp-top-player .mejs-container .mejs-controls .cp-time-elapse { width: 76px; line-height: 26px; padding-left: 0px; position: relative; clear: both; float: right; top: -50px; }
.cp-top-player .mejs-container .mejs-controls .mejs-time { padding: 0px; margin: 0px; display: inline; float: none; }
.cp-top-player .mejs-container .mejs-controls .mejs-time span { display: inline; float: none; margin: 0px; }
.cp-top-player .mejs-container .mejs-controls .cp-volumn-bar { position: absolute; padding: 0px; height: 26px; width: 126px; right: 0px; top: -36px; }
.cp-top-player .mejs-controls .mejs-horizontal-volume-slider { width: 90px; float: left; clear: none; top: auto; }
.cp-top-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 80px; }
.cp-top-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .cp-top-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { top: 9px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-left: 5px; }
.cp-player-item .cp-player-list { list-style: none; margin-left: 0px; }
.cp-player-item .cp-player-list li { list-style: none; margin-left: 0px; padding: 9px 17px; cursor: pointer; border-top-width: 1px; border-bottom-width: 1px; border-style: solid; }
.cp-player-item .cp-player-list li.active.cp-playing { background-image: url('images/playing.gif'); background-repeat: no-repeat; background-position: 95% center; }
/*--- album item ---*/







.cp-album-item .cp-album-image a { display: block; }
.cp-album-item .cp-album-image a:hover { opacity: 0.4; filter: alpha(opactiy=40); }
.cp-album-item img { display: block; }
.cp-album-item .cp-album-thumbnail, .cp-album-item .cp-album-list { display: none; }
.cp-album-item .cp-play-album { height: 18px; display: inline-block; cursor: pointer; }
.cp-album-item .cp-play-album.cp-album-playing.active { margin-top: 40px !important; background-color: rgba(0, 0, 0, 0.8); background-image: url("images/playing.gif"); background-position: center center; background-repeat: no-repeat; border-radius: 50%; height: 50px; margin-top: 4px; width: 50px; }
.cp-album-item .cp-play-album.cp-album-playing.active i { display: none; }
.cp-album-item .cp-album-title { font-size: 15px; }
.cp-album-item .cp-album-content { padding: 14px 24px; transition: background-color 300ms; -moz-transition: background-color 300ms; -o-transition: background-color 300ms; -webkit-transition: background-color 300ms; }
.cp-album-item .cp-album-download { float: right; line-height: 1; margin-top: 5px; }
.cp-album-item .cp-album-download a { opacity: 0.5; filter: alpha(opacity=50); float: left; margin-left: 8px; }
.cp-album-item .cp-album-download a:hover { opacity: 0.9; filter: alpha(opacity=90); }
.cp-album-item .cp-album-download a img { max-width: 19px; }
.cp-item.cp-album-item { margin-bottom: 40px; }
.album-widget-nav { position: absolute; right: 0px; top: -6px; }
.cp-sidebar .album-widget-nav { top: 6px; }
.shortcode-album-wrapper { position: relative; }
.shortcode-album-wrapper .album-widget-nav { right: 20px; top: -55px; }
/*--- single album ---*/	







.cp-single-album .cp-album-info-wrapper { float: left; width: 30%; margin-right: 40px; }
.cp-single-album .cp-album-thumbnail { margin-bottom: 23px; }
.cp-single-album .cp-album-title { font-size: 26px; margin-bottom: 15px; font-weight: normal; }
.cp-single-album .cp-album-info .cp-head { font-weight: bold; }
.cp-single-album .cp-album-info > div { font-size: 14px; margin-bottom: 10px; }
.cp-single-album .cp-album-info { margin-bottom: 25px; }
.cp-single-album .cp-album-download a { max-width: 22px; display: inline-block; margin-right: 9px; }
.cp-single-album .cp-album-download { margin-bottom: 30px; }
.cp-single-album .cp-album-content { overflow: hidden; margin-bottom: 45px; }
.cp-album-song-list { list-style: none; margin: 0px 0px 40px; }
.cp-album-song-list li { margin-bottom: 1px; line-height: 22px; }
.cp-album-song-list .cp-album-song-download { float: right; }
.cp-album-song-list .cp-album-song-download a { display: inline-block; max-width: 19px; margin-left: 7px; opacity: 0.6; filter: alpha(opacity=60); }
.cp-album-song-list .cp-album-song-download a:hover { opacity: 1; filter: alpha(opacity=100); }
.cp-album-song-list li .cp-list-icon { cursor: pointer; }
.cp-album-song-list li .cp-list-icon:before { content: "¥f04b"; font-family: FontAwesome; color: #fff; font-size: 12px; width: 13px; height: 13px; margin-left: 3px; margin-right: 15px; display: inline-block; }
.cp-album-song-list li.active.cp-playing .cp-list-icon:before { background-image: url('images/playing.gif'); background-repeat: no-repeat; background-position: 95% center; content: ' '; width: 16px; margin-left: 0px; }
.cp-single-album .cp-social-share { max-width: 265px; }
/*--- event item ---*/







.event-item-wrapper { margin-bottom: 60px; }
.cp-widget-event .event-date-wrapper { float: left; text-align: center; width: 55px; margin-right: 20px; }
.cp-widget-event .event-date-wrapper .event-date-day { font-size: 43px; font-weight: bold; display: block; line-height: 1; margin-bottom: 4px; }
.cp-both-sidebar .cp-widget-event .event-date-wrapper .event-date-day { font-size: 20px; }
.cp-both-sidebar .cp-widget-event .event-date-wrapper { width: 32px; margin-top: 8px; }
.cp-both-sidebar .cp-widget-event .event-content-inner-wrapper { padding-right: 0px; }
.cp-both-sidebar .cp-widget-event .event-content-wrapper .event-status-wrapper { display: none; }
.cp-widget-event .event-date-wrapper .event-date-month { font-size: 14px; font-weight: bold; display: block; }
.cp-widget-event .event-content-wrapper { padding-top: 6px; overflow: hidden; position: relative; }
.cp-widget-event .event-content-inner-wrapper { padding-right: 105px; }
.cp-widget-event .event-content-wrapper .event-title { font-size: 15px; font-weight: bold; margin-bottom: 5px; }
.cp-widget-event .event-content-wrapper .event-status-wrapper { position: absolute; top: 10px; right: 0px; text-align: center; letter-spacing: 1px; }
.cp-widget-event .event-content-wrapper .event-status-wrapper span { margin: 0px; line-height: 34px; }
.cp-widget-event .event-content-wrapper .event-status-wrapper .on-sale { display: block; font-size: 12px; letter-spacing: 0; line-height: 1.7; max-width: 90px; }
.cp-widget-event .event-content-wrapper .event-status-wrapper .cp-button { margin: 0px; line-height: 1.7; padding: 8px 12px; font-size: 10px; letter-spacing: 1px; }
.cp-item.cp-event-item.cp-widget-event { margin-bottom: 25px; }
.cp-list-event.cp-item { position: relative; margin-bottom: 40px; }
.cp-list-event .event-date-wrapper { font-size: 22px; font-weight: bold; line-height: 24px; float: left; width: 13%; margin-right: 2%; text-transform: uppercase; }
.cp-list-event .event-title { font-size: 17px; line-height: 22px; font-weight: normal; float: left; width: 23%; margin-right: 2%; padding-top: 2px; margin-bottom: 0px; }
.cp-list-event .event-location { font-size: 17px; line-height: 22px; float: left; width: 58%; margin-right: 2%; padding-top: 2px; }
.cp-list-event .event-status-wrapper { width: 120px; position: absolute; top: -5px; right: 0px; text-align: center; }
.cp-list-event .event-status-wrapper span { margin: 0px; line-height: 34px; }
.cp-list-event .event-status-wrapper .cp-button { margin: 0px; line-height: 1.7; padding: 12px 20px; }
.cp-list-event .event-status-wrapper .on-sale { letter-spacing: 0px; }
.event-status-wrapper { text-transform: uppercase; font-weight: 700; font-size: 11px; letter-spacing: 2px; }
.event-status-wrapper .sold-out { font-size: 15px; }
.event-status-wrapper .cancelled-button { opacity: 0.4; filter: alpha(opacity=40); }
.cp-list-by-month-header { font-size: 25px; font-weight: bold; margin: 0px 20px 40px; padding-top: 35px; text-transform: uppercase; }
 .cp-list-by-month-header:frist-child {
 padding-top: 0px;
}
/*--- event counter ---*/







.cp-event-counter-item { text-align: center; }
.cp-event-counter-item .cp-event-counter-title { font-size: 34px; font-weight: 300; text-transform: uppercase; margin-bottom: 20px; }
.cp-event-counter-item .cp-event-date { font-size: 60px; font-weight: bold; line-height: 1; margin-bottom: 35px; }
.cp-event-counter-item .cp-event-counter { font-size: 27px; }
.cp-event-counter-item .cp-event-counter .time-box { margin: 0px 15px; }
/*--- single event ---*/







.cp-single-event { margin-bottom: 60px; }
.cp-single-event .cp-event-info-wrapper { width: 30%; float: right; margin-left: 40px; }
.cp-single-event .cp-event-thumbnail { margin-bottom: 30px; }
.cp-single-event .cp-event-content-wrapper { overflow: hidden; }
.cp-single-event .cp-event-info { font-size: 14px; margin-bottom: 30px; }
.cp-single-event .cp-event-info .cp-head { font-weight: bold; }
.cp-single-event .cp-event-info .cp-info { margin-bottom: 10px; }
.cp-single-event .event-status-wrapper { margin-bottom: 30px; }
.cp-single-event .event-status-wrapper .cp-button { margin-bottom: 0px; }
.cp-single-event .cp-event-title { font-size: 26px; font-weight: normal; margin-bottom: 3px; }
.cp-single-event .cp-event-map { margin-bottom: 32px; }
.cp-single-event .cp-event-location { font-size: 21px; }
.cp-single-event .cp-event-content { margin-top: 20px; }
.cp-event-info-wrapper .cp-social-share { max-width: 265px; }
/*--- single portfolio ---*/



.cp-bg-player { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; }
.cp-player-overlay { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background: #000; }
.cp-album-download img { width: 30px; }
.albumimg > img { width: 100%; }
.blog-thumbnail-slider .flexslider { margin: 0 !important; }
.fans h2 { margin-bottom: 40px !important; }
.ev-buttons a:hover { text-decoration: none; }
.mejs-controls .mejs-time-rail .mejs-time-float-current { color: #000; }
.news .bx-controls { display: none; }
.news-text a:hover { color: #fff; }
.cp-gallery-image { opacity: 0.5; }
.cp-gallery-image:hover { opacity: 1; }
booking_form_div textarea, .booking_form_div input[type="text"], .booking_form_div select { background: none repeat scroll 0 0 #333 !important; border: medium none !important; border-radius: 0px; width: 50% !important; }
.wpdevbk label { color: #fff; display: block; margin-bottom: 5px; }
.booking_form_div textarea { height: 200px !important; width: 100% !important; background: #333 !important; border: none !important; }
.bk_calendar_frame { width: 100% !important; }
.wpdevbk label { color: #fff !important; }
.block_hints .block_free, .block_hints .block_time, .block_hints .block_check_in_out div.check-in-div, .block_hints .block_check_in_out div.check-out-div, .datepick-inline .date_available, .datepick-inline .timespartly.check_in_time div.check-in-div, .datepick-inline .timespartly.check_out_time div.check-out-div { background: #000 !important; }
.block_hints .block_free, .block_hints .block_time, .block_hints .block_booked, .block_hints .block_pending, .block_hints .block_check_in_out, .datepick-inline .datepick-days-cell { border: 1px solid #000 !important; color: #fff !important; }
.datepick-inline .calendar-links { background: #333 !important; border-bottom: 1px solid #000 !important; }
.datepick-inline { background: #333 !important; border: 1px solid #000 !important; border-radius: 0 !important; box-shadow: 0 0 0 !important; }
div.datepick-inline .datepick-title-row th { border: 1px solid #000 !important; color: #555; font-weight: bold; text-transform: uppercase; }
.club-timing .more { position: relative; right: 23px; top: 20px; }
.cp_artist-widget p { float: left; padding-top: 10px; }
#sticky-footer { width: 100%; bottom: 0 !important; }
/*******************  Update  ********************/



.navbar .nav > li > .sub-menu li, .navbar .nav > li > .sub-menu li ul.sub-menu li { position: relative; }
.navbar .nav > li > .sub-menu li ul.sub-menu, .navbar .nav > li > .sub-menu li ul.sub-menu li ul.sub-menu { display: none; }
.navbar .nav > li > .sub-menu li:hover ul.sub-menu, .navbar .nav > li > .sub-menu li ul.sub-menu li:hover ul.sub-menu { display: block; }
.navbar .nav > li > .sub-menu li ul.sub-menu, .navbar .nav > li > .sub-menu li ul.sub-menu li ul.sub-menu { left: 100%; top: -7px; }
