/*
Theme Name: Music Club Pro
Theme URI: https://gracethemes.com/themes/music-wordpress-theme/
Author: Grace Themes
Author URI: https://www.gracethemes.com/
Description: Music Club is an incredibly sleek and resourceful, a creative and modern, clean and fresh, minimalist and polished, feature-rich and easy to use, highly responsive music WordPress theme. This theme is a powerful framework that allows passionate and ambitious musicians to craft their own professional music websites. This theme is perfect for musical projects, bands, radio, orchestra, studios and more. This theme can also be used for nightclubs, musicians, singers, artists, DJs, music magazines, record labels and all similar music industry projects. Demo: http://gracethemesdemo.com/music-club/

Version: pro 1.4
License: GNU General Public License version 2
License URI: license.txt
Text Domain: music-club-pro
Tags:one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-header,custom-menu,featured-images,theme-options,full-width-template,sticky-post,threaded-comments,translation-ready

Music Club Pro WordPress Theme has been created by Grace Themes(gracethemes.com), 2021
Music Club Pro WordPress Theme is released under the terms of GNU GPL
*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,600,900');
@import url('https://fonts.googleapis.com/css?family=Assistant:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,800');
*{ margin:0; padding:0; outline:none;}
*, *:before, *:after{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing:border-box;
  box-sizing: border-box;
}

body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; line-height:24px; margin:0; padding:0;  font-size:16px; font-family: 'Assistant', sans-serif; background-color:#1c1c1c; color:#959595;}
.siteinnerpage{}
img{ margin:0; padding:0; border:none; max-width:100%;}
section img, img{max-width:100%; height:auto;}
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:1; font-weight:400; }
h1{ font-size:36px; }
h2{ font-size:30px;}
h3{ font-size:18px; }
h4{ font-size:22px;}
h5{ font-size:20px; }
h6{ font-size:14px;}
.left{float:left;}
.right{float:right;}
blockquote{ background:url(images/icon_quote.png) no-repeat 20px 22px; padding:15px 15px 15px 60px !important; font-style:italic; color:#888; line-height:1.5;}
.hr{border-bottom:1px solid #333; height:15px; clear:both;}
p{ margin:0; padding:0;}
a{ text-decoration:none; outline:none;}
a:hover{ text-decoration:none !important; outline:none !important;}
ul{ list-style:none; margin:0; padding:0;}
article ul, article ol{ margin:0 0 15px 15px;}
article ul li{ list-style: disc;}
.custom-height{ min-height:20px;}
.clear{ clear:both;}
.textwidget select{ width:100%;}
table{ width:100%}
iframe{ width:100%;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100% !important;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.gallery-caption{ margin:0; padding:0;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto;}
.alignright, img.alignright { display: inline; float: right; margin-left:25px; height:auto;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0;  height:auto;}
.comments-area{ margin-bottom:15px;}
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
.lastcols{ margin-right:0 !important;}
.last{ margin-right:0 !important;}
.subtitle{ text-align:left; color:#fff; margin-bottom:40px; text-align:center; padding:0 150px;}
.toggleMenu{display:none;}

/* = Default search form css
----------------------------------------------------- */
.searchbox{position:relative; min-width:35px; width:0%; height:40px; float:right; overflow:hidden;padding-left:20px; -webkit-transition: width 0.3s;    -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s;}
.searchbox-input{top:0; right:0; border:0;outline:0;background:#ece8e8;width:100%;height:40px;margin:0;padding:0px 55px 0px 20px;font-size:13px;color:#7f7f7f;}
.searchbox-input::-webkit-input-placeholder{color:#7f7f7f;}
.searchbox-input:-moz-placeholder{color:#7f7f7f;}
.searchbox-input::-moz-placeholder{color:#7f7f7f;}
.searchbox-input:-ms-input-placeholder{color:#7f7f7f;}
.searchbox-icon, .searchbox-submit{width:35px;height:40px;display:block;position:absolute;top:0;font-size:22px;right:0;padding:0 !important;margin:0 !important;border:0 !important;outline:0;line-height:40px;text-align:center;cursor:pointer;color:#dcddd8;background:url(images/search-icon.png) no-repeat center center #34c6f6;}
.searchbox-open{ width:40%;}

/* = Default Button css
----------------------------------------------------- */
.custombtn{ margin-top:30px;}

.pagemore{ font-size:14px; margin: 10px 10px 10px 0; padding:12px 40px; text-align: center; text-transform: uppercase; background-color:#303030; color: #fff; border-radius:25px; display: inline-block;  }
.pagemore:hover{background-color: #7643d2; color:#fff;}

.btnstyle2{ font-size:14px; border:1px solid #959595; color:#959595 ; padding:10px 40px; display:inline-block;  border-radius:25px; text-transform: uppercase; font-weight:600;}
.btnstyle2:hover{ border-color:#7643d2; color:#7643d2; }

.gradientbtn { font-size:14px; margin: 10px 10px 10px 0; padding:12px 40px; text-align: center; text-transform: uppercase;background-color:#7643d2; color: #fff; border-radius:25px; display: inline-block; font-weight:600;}
.gradientbtn:hover {background-color: #fff; color:#000;}

.button{ font-size:14px; background-color:#fff; color:#111; font-weight:400; padding:11px 30px; display:inline-block; border-radius:25px; text-transform:uppercase; }
.button:hover{ color:#fff; }

/*Main style*/
body.home section{ padding:80px 0; position:relative;}
h2.section_title{ font-weight:800; font-size:50px; margin-bottom:60px; position:relative; text-align:center; text-transform:uppercase;}
h2.section_title span{ color:#f56c6d;}
h2.section_inner_title{ font-size:34px; font-weight:600; margin-bottom:30px; position:relative; color:#fff; line-height:40px; text-align:center; padding-bottom:30px;}
h2.section_inner_title span{ color:#fff; display:block; font-weight:300; margin-bottom:15px; font-size:24px;}

h2.section_inner_title::after {
    border-bottom: 1px solid #fff;
    bottom: 0;
    content: "";
    left: 0;
	right:0;
    margin: auto;
    position: absolute;
    width:60px;
}

.sitewrapper .header.fixed{ width:100%;}
.boxlayout{ width:1210px; margin:0 auto; box-shadow:0 5px 10px #000; position:relative; }
/*.boxlayout .container{ padding:0 20px;}*/
.boxlayout .footer{ padding:60px 20px 10px;}
.boxlayout .site-header.fixed{ width:auto;}
.header.fixed .header-top{ display:none;}
.boxlayout #teampanel .owl-prev{left:-2%;}
.boxlayout #teampanel .owl-next{right:-2%;}

/*Header Info Bar CSS*/
.sitewrapper {position:relative;}
.headerinfo { font:600 14px/22px; padding:10px 0; }
#slider{ width:100%; margin:0; padding:0; position:relative;}
.logo{ width:22%; float: left; padding:60px 20px 0; top:-55px; position: absolute; text-align: left; background-color:#000;}
.logo h1{ margin: 0;}
.logo h1 span{ color:#7643d2;}
.logo a {color: #fff;}

.tagline{ font-size:13px; color:#828181; display:block; letter-spacing:1px;}
.header_right{ float:right; text-align:right;}
.right span.phno{ padding-right:10px; margin-right:5px;}

.header-top{ color:#fff; }

.header-top .left span{ padding-left:10px;}
.header-top .left a{color:#ffffff;}
.header-top .social-icons a{ margin-right:0;}
.header-top i{ margin-right:5px;}
.header-top .right{ text-align:right;}
.header-top .left{ padding:0 40px; line-height:45px; padding-left:24%;}
.right span.phno{ padding-right:10px; margin-right:5px;}

/* = social icons css
-------------------------------------------------------------- */
.social-icons a{ width:40px; height:46px; line-height:40px; text-align:center;  vertical-align:middle; display:inline-block; padding:0; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:16px; color:#a3a9ab; }
.social-icons a:hover{ background-color:#7643d2;  color:#fff; }

.social-icons br{ display:none;}
.container{ width:1170px; margin:0 auto; position:relative;}

.site-header.fixed{ position: fixed; top:0; z-index:999999; width:100%;}
.site-header.fixed .sitenav ul li a{padding:29px 15px;}
.site-header.fixed .logo{ padding:65px 20px 0;}
.site-header.fixed .sitenav ul li ul li a{ padding-top:7px; padding-bottom:7px; }
.site-header.fixed .header-top{ display:none;}
.site-header.fixed .logonavigation{ margin:0 auto; width:100%; box-shadow: 0 1px 3px rgba(95, 95, 95, 0.1);  /* transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;*/}
.site-header{width:100%; z-index:9999; box-sizing:border-box; position:absolute; }

.logonavigation{ background-color:#fff; position:relative; padding:0; }

/*header menu css*/
.toggle{display: block;}
.toggle a{width:auto; color:#ffffff; background:url(images/mobilenav.png) no-repeat right center #3e3e3e; padding:10px 25px; margin-top:5px; font-size:16px; text-align:left;}
.toggle a:hover{color:#ffffff !important;}

.sitenav{ padding:0; position:relative; z-index:9999; }
.sitenav ul {margin:0; padding:0; font-family:'Roboto', sans-serif; font-size:16px; font-weight:400; }
.sitenav ul li{display:inline-block; position:relative;}
.sitenav ul li:last-child{border-right:none;}
.sitenav ul li a{ padding:25px 15px; display:block; text-align:center;}
.sitenav ul li ul li{ display:block; position:relative; float:none; top:1px; border-bottom:1px solid #222;}
.sitenav ul li ul li a{ display:block; padding-top:7px; padding-bottom:7px; position:relative; top:1px; text-align:left;}
.sitenav ul li ul{ display:none; z-index:9999999; position:relative;}
.sitenav ul li:hover > ul{ display:block; width:200px; position:absolute; left:0; text-align:left; }
.sitenav ul li:hover ul li ul{display:none; position:relative;}
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:0;}

/* = Header style 2 css 
-------------------------------------------------------------- */
.hdrstyle2{ position: absolute;}
.hdrstyle2 .logo{ width:22%; float: left; padding:20px 0; top: auto; position: relative; background-color: transparent; font-weight:600;}
.hdrstyle2 .logo h1{ font-weight:600;}
.hdrstyle2 .header-top .left{ padding-left:0;}
.hdrstyle2 .sitenav ul li a{ padding:39px 15px;}
.hdrstyle2 .sitenav ul li ul li a{ padding-top:7px; padding-bottom:7px;}
.site-header.hdrstyle2.fixed .logo{ padding:20px 0;}
.site-header.hdrstyle2.fixed .sitenav ul li a{ padding:39px 15px;}
.site-header.hdrstyle2.fixed .sitenav ul li ul li a{ padding-top:7px; padding-bottom:7px;}

/* = Header style 3 css 
-------------------------------------------------------------- */
.hdrstyle3{ position:relative;}
.hdrstyle3 .header-top{ background-color:#7643d2;}
.hdrstyle3 .logocenter{ background-color:#fff; text-align:center;}
.hdrstyle3 .logo{ width:auto; float: none; display:inline-block; padding:20px 0; top:auto; position: relative; text-align: center; background-color:transparent; margin: 0 auto;}
.hdrstyle3 .logo h1{ font-weight:600; color:#000;}
.hdrstyle3 .header-top .left{ padding-left:0;}
.hdrstyle3 .onelinemenu{ background-color:rgba(0,0,0,0.4); text-align:center; position:absolute; width:100%;}
.site-header.hdrstyle3.fixed .logo{ padding:20px 0;}
.site-header.hdrstyle3.fixed .logocenter{ display:none;}



/* = innerbanner css 
-------------------------------------------------------------- */

.innerbanner{ text-align:center; }
.innerbanner img{ position: relative; background-size:cover; width:100%; height:auto; display:block;}

/* = Top Video Player CSS 
-------------------------------------------------------------- */
#topvideo_player{ padding:0; background-color:#000;}
#topvideo_player .ai-wrap{ background-color:transparent; padding:20px 0; margin:0;}
#topvideo_player .ai-wrap span{border-radius:8px;}
#topvideo_player .ai-wrap .ai-track-progress-bar{ background-color:#fff; height:8px;}
#topvideo_player .ai-wrap .ai-audio-controls-progress{ margin-bottom:10px;}
#topvideo_player .ai-wrap .ai-audio-controls-main{ margin-bottom:10px;}
#topvideo_player .ai-wrap .ai-audio-control{ background-color:#111;}
#topvideo_player .ai-wrap .ai-control-wrap-thumb{ height:115px; overflow:hidden;}
#topvideo_player .ai-wrap .ai-control-wrap-thumb img{ min-height:115px;}
#topvideo_player .ai-wrap .ai-track-thumb{ height:41px; overflow:hidden;}
#topvideo_player .ai-wrap .ai-track-thumb img{ min-height:41px; }

/* = Welcome Section css
-------------------------------------------------------------- */
#aboutus_section{ position:relative; padding-bottom:0; background-color:#0e0e0e;  }
.aboutus_imgcolumn{ width:46%; margin:0 0 0 0; float:left; }
.aboutus_imgcolumn img{ width:100%; display:block;}
.aboutus_contentcolumn h3{ font-size:53px; font-weight:800; margin-bottom:40px; text-transform:uppercase;}
.aboutus_contentcolumn{ width:48%; margin:0; padding:0 0 10px; float:right; }
.aboutus_contentcolumn p{ margin-bottom:35px; line-height:28px;}

/* = Our Services Section css
-------------------------------------------------------------- */
#servicespanel{ position:relative; text-align:center;}
.services_page_box{ width:26.5%; margin:0 10% 0 0; float:left; text-align:center; }
.services_page_box .thumbbx{ width:84px; height:86px; overflow:hidden; margin:0 auto 30px auto; transform: scale(1); transition: all 0.35s ease-in-out 0s;}
.services_page_box .thumbbx img{ height:auto; min-height:86px; }
.services_page_box h3{ font-size:20px; margin-bottom:20px; text-transform:uppercase;}
.services_page_box h3 a{ color:#fff;}
.services_page_box p{ margin-bottom:30px;}

.services_page_box.one_column{ width:40%; display:inline-block; float:none;}
.services_page_box.two_column{ width:45%;}
.services_page_box.four_column { width:21%; margin-right:5%;}
.services_page_box.five_column{ width:18.2%; margin-right:2%;}
.services_page_box.five_column h3{ font-size:16px;}
.services_page_box.six_column{ width:15.7%; margin-right:1%;}
.services_page_box.six_column h3{ font-size:15px;}
.last_column{ margin-right:0 !important;}


/* = Section 1 Event List
---------------------------------------------------- */
#section1{ position:relative; }
.our_event_list { display: block; position: relative; border-bottom:1px solid #333; padding:25px 0;}
.our_event_list:last-child { border-bottom: none;}
.event_common { display: inline-block; float: left; position: relative; font-size: 15px; height: 60px;}
.event_common.event_date { width: 10%; text-align: left;}
.day_month {padding-top:5px;}
.day_month h4{font-weight:600; font-size:34px; line-height:30px; text-transform:uppercase; color:#fff; clear:none; margin:0; padding:0;	}
.day_month h4 span{ display:block; font-size:18px; font-weight:400;}
.event_common.event_thumb_descbox {	width:40%;}
.eventthumb {width: 70px;height: 60px; margin-right: 20px; position: relative; overflow:hidden;}
.eventthumb img {position: absolute;top: 50%;  transform: translateY(-50%); min-height:60px;}
.eventthumb {display: inline-block;	float: left;}
.eventtexttitle {font-size: 20px;font-weight: 700;	padding-bottom: 5px;}
.eventtexttitle a{ color:#fff;}
.eventtexttitle a:hover{ color:#7d41d4;}
.event_descbx {	font-size: 15px;line-height: 22px;}
.event_common.event_location {letter-spacing: 1px;	width: 25%;	line-height: 60px;}
.event_common.event_location i, .event_common.event_time i {margin-right: 7px;}
.event_common.event_time {width: 10%;line-height: 60px;}
.event_common.event_buyticket {	width: 15%;	text-align: right; font-size:14px;}


.clearfix:before, .clearfix:after { content: " "; display: table;}

/* = Section 2 AUDIO ALBUM
----------------------------------------------------- */
.audio_album_list{ width:25%; float:left; margin:0 0 40px; position: relative; text-align:center;}
.audio_album_list .audiothumbbx{ background-color:#7643d2; width:250px; height:250px; overflow:hidden; border-radius:50%; margin:0 auto 20px auto;  -webkit-transition: all 0.5s ease; position:relative; }
.audio_album_list h4{ margin:0 0 10px 0; color:#fff;}
.audio_album_list h4 a{ color:#fff;}
.audio_album_list:hover h4 a{ color:#7643d2;}
.audio_album_list .audiothumbbx img{ min-height:250px; }
.audio_album_list:hover .audiothumbbx img{opacity:0.2}
.audio_album_list:hover .audiothumbbx{ transform: rotate(360deg);}
.audio_album_list .audiothumbbx a { background-color: #fff; color: #555; width:50px; height:50px; border-radius:50%; font-size: 15px; position: absolute; top: 50%; left:50%; margin-left: -25px;  margin-top: -25px; transform: scale(1); text-align: center; }
.audio_album_list .audiothumbbx i{ margin-left:4px; line-height:50px;}
.single .audio_thumbbx{ width:50%;}
.single-audio-album .audioigniter-root{ margin-top:25px; clear:both;}

.audio_details_box{ position:relative; margin-bottom:20px;}
.audio_details_box span.audioinfo{ display:block; padding-bottom:10px;}
.audio_details_box span.audioinfo strong{ font-weight:bold;}

/* = Section 4 Teammember CSS
-------------------------------------------------------------- */
#section4{ text-align:center; position:relative;}
#section4 h2.section_title{ margin-bottom:40px;}
.teammember-list{ width:100%; float:left; margin:0 3% 0 0; position:relative; box-sizing:border-box; text-align:center; }
.teammember-list:hover{ cursor:pointer;}
.teammember-list .thumnailbx{ height:490px; overflow:hidden;}
.teammember-list img{ vertical-align:middle; width:100%; height:auto;}
.teammember-list span.title{ font-weight:800; color:#fff; font-size:30px; text-transform:uppercase; margin-bottom:10px; position:relative; display:block;}
.teammember-list cite{ display:block; font-style:normal; margin:15px 0 5px 0; color:#fff; }
.titledesbox{ text-align:center; padding:10px 0; overflow:visible; }
.member-social-icon{ text-align:center; margin-bottom:20px;}
.member-social-icon a{  margin:0 10px; text-align:center; display:inline-block; color:#fff; width:25px; height:25px; line-height:25px;}
.member-social-icon a:hover{ color:#111; }
.team_content_fixer{ background-color:rgba(104,56,180, 0.8); position:absolute; bottom:0; width:100%; padding:30px; color:#fff; }
.team_content_btn{ display:none;}
.teammember-list:hover .team_content_btn{ display:block;}
.teammember-list .team_content_btn p{ margin-bottom:20px;}

.teamreadmore{ background-color:#fff; color:#111; font-weight:600; padding:10px 30px; display:inline-block; border-radius:25px; text-transform:uppercase; font-size:14px; }
.teamreadmore:hover{ color:#111; }


#teampanel .owl-prev, #teampanel .owl-next{ position: absolute; width:40px; height:40px; font-size:0; top:42%; border-radius:4px;}
#teampanel .owl-prev{ left:-4%; }
#teampanel .owl-next{ right:-4%;}
#teampanel .owl-prev:hover, #teampanel .owl-next:hover{ background-color:#7643d2;}

/* = Section5 Video Section CSS
-------------------------------------------------------------- */
#section3, #section5{ background-attachment:inherit !important;}
.videobox{ position:relative; text-align:center;}
.playbtn{ background-color:#7643d2; position: relative; width:75px; height:75px; margin:60px auto 40px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;}
.playbtn:after{ position: absolute; left: 0; right:0px; font-family:"Font Awesome 5 Solid"; content: '\f04b'; font-size:18px; color: #ffffff !important; text-align: center; line-height:75px;}


#section5 h2{ font-weight:600; font-size:45px; text-transform:uppercase; text-align:center; line-height:50px;}
#section5 h2 span{ display:block; font-size:18px; text-transform:none; font-weight:400;}

/* = Section 6 Latesr news section CSS
-------------------------------------------------------------- */
.news-box{ width:31.333%; float:left; margin:0 30px 30px 0; position:relative; text-align:center;}
.news-box.last { border-bottom:0 ; margin:0 ; padding:0 ;}
.news-box .news-thumb{ width:100%; height:268px; overflow:hidden; box-sizing:border-box; position:relative; background-color:#7643d2;}
.news-box .news-thumb img{ display:block; width:100%; height: auto; min-height:268px; display:block;  backface-visibility: hidden;
    transition: opacity 1s ease 0s, transform 2s ease 0s;}
	
.news-box:hover img {transform: rotate(3deg) scale(1.2, 1.2); opacity:0.6;}	
.news-box h5{ font-size:20px; margin:15px 0 20px 0; line-height:26px; }
.news-box h5 a{ color:#fff; }
.news-box .newsdesc{ background-color:#222328; padding:40px 30px;}
.news-box .newsdesc p{ margin-bottom:25px;}
.news-box .postdate{ color:#7643d2; float:left; text-align:left;}
.news-box .catbox{ color:#7643d2; float:right; text-align:right;}
.news-box:hover h5 a{ color:#7643d2;}
.newsmorebtn{ background-color: #fff; color: #111; font-weight: 600; padding: 10px 30px; display: table; position:absolute; border-radius: 25px;text-transform: uppercase;
    font-size: 14px; bottom: -22px; margin: 0 auto; left: 0; right: 0;  width: max-content; }
.news-box:hover .newsmorebtn{ background-color: #7643d2; color: #fff; }

/* = Section7 Counter
-------------------------------------------------------------- */
#section7{ color:#fff; line-height:28px;}
#section7 h3{ font-size:46px; font-weight:800; text-transform:uppercase; margin:0 0 40px 0;}
#section7 i{ margin-right:15px;}

#countdown1, #countdown2, #countdown3, #countdown4, #countdown5, #countdown6, #countdown7, #countdown8, #countdown9, #countdown10{clear:both; display:block; margin:70px 0 0 0;padding:0;}

.counter-column{ background-color:#fff; color:#170408; float:left; width:122px; height:122px; border-radius:50%; margin:0 15px 0 0; padding:30px 0 0; box-sizing:border-box; vertical-align:middle; font-size:36px; font-weight:800; text-align:center; position:relative;}
.counter-column span{ padding-top:10px; line-height:24px; display:block; font-size:16px; font-weight:400; } 
.counter-column:last-child{margin-right:0; }

#section7 .button{ background-color:#fff; color:#000; font-weight:600; }
#section7 .button:hover{ color:#fff; }

.space20{ height:20px;}
.space40{ height:40px;}

/* = Section8 Audio Player List
-------------------------------------------------------------- */
#section8 .ai-wrap{ background-color:transparent;}
#section8 .ai-wrap .ai-control-wrap{ display:inline;}
#section8 .ai-wrap .ai-control-wrap-thumb{ width:40%; height:345px; float:left; margin-right:0; overflow:hidden; border:8px solid #3d3d3d; border-radius:5px;}
#section8 .ai-wrap .ai-control-wrap-thumb img{ width:100%; min-height:345px;}
#section8 .ai-wrap .ai-control-wrap-controls, 
#section8 .ai-wrap .ai-tracklist-open{ width:50%; float:right;}

#section8 .ai-wrap .ai-track-thumb{ width:40px; height:41px; overflow:hidden;}
#section8 .ai-wrap .ai-track-thumb img{ min-height:44px;}

/* = Section9 New Release album
-------------------------------------------------------------- */
#section9{ padding:0;} 
#section9 .container{ width:100%;}
.released_list .item{ height:215px; overflow:hidden; background-color:#7643d2; position:relative;}
.released_list .item img{ height:auto; min-height:215px;}
.released_list .item:hover img{opacity:0.2;}
.released_list h5{ display:none; text-align:center; position:absolute; width:100%; top:45%; color:#fff; text-transform:uppercase; padding-bottom:10px; font-size:18px;}
.released_list:hover h5{ display:block;}

.released_list .owl-prev{ background:url(images/album_arrow_prev.png) no-repeat center center ; left:3%; }
.released_list .owl-next{ background:url(images/album_arrow_next.png) no-repeat center center; right:3%;}
.released_list .owl-prev, .released_list .owl-next{ top:40%; width:40px; height:40px; background-color:#7643d2; border-radus:50%;}

/* = Testimonials CSS
-------------------------------------------------------------- */
#clienttestiminials{ position:relative; }
#clienttestiminials h6{ margin:0px; padding-top:15px; font-size:20px; color:#fff; position:relative;}
#clienttestiminials h6 a{color:#ffffff;}
#clienttestiminials span{ color:#7643d2; display:block; margin-top:5px;}
#clienttestiminials .tmthumb{ float:left; margin:0 20px 0 45px; width:75px; height:75px;  overflow:hidden; border-radius:100%; }
#clienttestiminials .tmthumb img{ width:100%; height:auto; min-height:75px; }
#clienttestiminials .item{ width:100%; margin:0 auto; position:relative; }
#clienttestiminials .item p{ background:url(images/icon_quote.png) no-repeat left 5px; margin-bottom:35px; padding:0 0 0 45px;}

/* = Video List CSS
-------------------------------------------------------------- */
.vdolist{ background-color:#7643d2; position:relative; float:left; width:31.2%; margin:0 1% 2%; height:250px; overflow:hidden; display:table; border-radius:8px;}
.vdolist img{ border-radius:8px; min-height:250px; display:block; }
.vdolist a{ color:#fff;}
.vdolist:hover img{ opacity:0.3;}

.vdolist .playbtn{ background:none; background-color:#7643d2; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; text-align:center; width:55px; height:55px; margin:0 auto; top:35%; left:0; right:0; position:relative;}
.vdolist .playbtn:after{ position: absolute; left: 0; right:0px; font-family:"Font Awesome 5 Solid"; content: '\f04b'; font-size:16px; color: #ffffff !important; text-align: center; line-height:55px;}


.videocontent{ position:absolute; top:10%; text-align:center; left:0; right:0;  padding:25px; }
.videocontent h5{ color:#fff; text-transform:uppercase; font-size:16px; font-weight:600;}
.videocontent p{ font-weight:600; margin-bottom:15px;}

/* = Contact CSS
-------------------------------------------------------------- */
.contactpanel .joinusstyle1{ background-color:#fff; color:#303030; font-weight:600; text-transform:uppercase; }
.contactpanel h3{font-size:60px; color:#fff; font-weight:800; position:relative; padding-bottom:25px; margin-bottom:30px;}
.contactpanel h3::after {
    border-bottom: 2px solid #fff;
    bottom: 0;
    content: "";
    left: 0;	
    margin: auto;
    position: absolute;
    width:80px;
}
.contactpanel h4{font-size:26px; color:#fff; }
.contactpanel .one_half{ width:55%; margin:0 5% 0 0;}
.contactpanel .one_half.last_column{ width:40%; padding:90px 80px 50px 60px;}
.contactpanel iframe{ display:block;}
.sitefull.contactpanel .one_half.last_column{ padding:0; margin:0;}
.sitefull.contactpanel .one_half iframe{ margin:25px 0 0 0; border:2px solid #ddd !important; height:225px;}
.contactpanel h2.section_title{ text-align:left; font-size:22px; margin-bottom:40px;}
.contactpanel .m-add-info{margin:0 0 10px 0;}
.contactpanel .m-add-info p{margin:0;}
.contactpanel .m-add-info i{ float:left; font-size:18px; margin:5px 0 0 0;}
.contactpanel .m-add-info h5{ display:block; text-transform:uppercase; font-weight:600; font-size:15px; margin:0 0 5px 0}
.contactpanel .m-addbox{ padding-left:35px; font-size:18px;}
.homeaddress{ font-size:20px; margin-bottom:25px;}
.contactpanel .wpcf7 form input[type="text"], 
.contactpanel .wpcf7 form input[type="email"], 
.contactpanel .wpcf7 form input[type="tel"], 
.contactpanel .wpcf7 form textarea{ background-color:#f2f2f2; color:#111; width:100%;  }
.contactpanel .wpcf7 form input[type="submit"] { width:auto; padding:10px 30px; border-radius:15px; font-weight:600; }


/* = Page Layout CSS
-------------------------------------------------------------- */
.content-area{ padding:50px 0 30px;}
.site-main{ width:790px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important;}
#sidebar{ width:300px; float:right; }
.sidebar-left{ float:left !important;}
.flotRight{ float:right !important;}
/*sidebar css*/
aside.widget{ margin-bottom:30px;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ font-weight:600; padding:0 0 15px; margin:0 0 20px; color:#7643d2; font-size:24px; position:relative; text-transform:uppercase;}

#sidebar #contactform_main input[type=text], #sidebar #contactform_main input[type=email], #sidebar #contactform_main input[type=tel],#sidebar #contactform_main input[type=url], #sidebar #contactform_main textarea{width:90%; }
#sidebar #contactform_main p{ margin-bottom:10px;}
#sidebar ul li{ list-style:none; padding:7px 0 7px 25px; background:url(images/sidebar_arrow.png) no-repeat left center; border-bottom:1px solid #282828;}
#sidebar ul li a{ color:#3b3b3b; }
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}

#sidebar .search-form input.search-field{ background-color:#fff; width:80%; padding: 11px 15px; box-sizing:border-box;}
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #f56c6d; padding: 12px 0 12px 0; font-size:0; width:20%; height:41px; float:right;}

.innerpagehdr{ background-color:#fff; margin:-90px 0 50px 0; padding:25px; position:relative; z-index:9; box-shadow:0 0px 8px rgba(0, 0, 0, 0.08);}

.innerpagehdr h1{ margin-bottom:0 !important;}
/* = skill bar css
-------------------------------------------------------------- */
.skillbar {position:relative; display:block; margin-bottom:30px; width:100%; height:30px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color;}
.skillbar-title { font-size:16px;color:#6e6d6d;}
.skillbar-title span { /*display:block;*/ color:#6e6d6d; padding:0; height:35px; line-height:35px; text-align:left;}
.skillbar-bar { height:8px; width:0px; background:#65676a;}
.skill-bar-percent { /*position:absolute;*/ right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#6e6d6d; padding-left:15px !important}
.skill { width:46.98%; float:left;}
.skill-bar { margin:60px 0 0 0;}
.skill-bg{ width:100%; background-color:#f6f6f6;}

/* = Contact Form css
-------------------------------------------------------------- */
.wpcf7{ margin:0; padding:0; }
.wpcf7 form{ margin:0; padding:0;}
.wpcf7 form span.last{ float:none !important;}
.wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select{ background-color:#f1f1f1; border:1px solid #eed2bb; padding:5px 3px; margin-top:10px; font:13px arial; color:#777777;}
.wpcf7 form input[type="checkbox"], .wpcf7 form input[type="radio"], .wpcf7 form input[type="file"]{ margin-top:10px; padding:0;}
span.wpcf7-list-item{ margin:0 15px 0 0 !important;}
#contactform_main input[type=text], #contactform_main input[type=email], #contactform_main input[type=tel], #contactform_main input[type=url], #contactform_main textarea{width:100%; border:1px solid #E8E8E8; padding:15px; margin:0 0 8px 0;}   
#contactform_main textarea{ width:100%; margin-right:0; height:130px;} 
#contactform_main span.capcode{ float:left; padding:13px; padding:13px; margin:0 8px 8px 0;}   
#contactform_main input[type=submit], .wpcf7 form input[type="submit"] { font:400 20px/24px; text-transform:uppercase; cursor:pointer; border-radius:5px; }
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{ border:1px solid #e8e8e8; padding:15px; margin:0 8px 8px 0;  }
.wpcf7 form textarea{ margin-right:0; height:130px;} 

/*Reservation form css*/
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{ width:90%; background-color:#fff; color:#a0a0a0; padding:10px 15px; }
.wpcf7 form{ margin-bottom:6px;}
.wpcf7 form input[type="submit"] { font:400 20px/24px; text-transform:uppercase; cursor:pointer; width:30%; }

.contact_left{ float:left; width:65%; }
.contact_right{ float:right; width:30%;}
.contact_right h3{ margin-bottom:15px;}
h3.post-title{ margin-bottom:0px; font-weight:600; font-size:20px;}
h3.post-title a{ color:#ffffff;}
h3.post-title a:hover{ color:#7643d2;}

.blog-post-repeat {  margin-bottom:50px; }


.blog-post-repeat .postmeta{margin-bottom:15px; display:table; font-size:14px;}
p.read-more a{font:600 12px/22px;background-color:#ff6565; color:#fff; text-align:center; padding:5px 15px; display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
p.read-more a:hover { background-color:#34c6f6;}
.blog-post-repeat .post-thumb img{ margin-bottom:15px; height:auto;}
.single .blog-post-repeat .post-thumb img{ float:left; margin:0 30px 10px 0;}

/*Blog Right Sidebar*/
.blogrightsidebar{ position:relative;}
.blogrightsidebar .post-thumb{  background-color:#7643d2; width:35%; float: left; margin:0 30px 0 0; height:230px; overflow:hidden;}
.blogrightsidebar .post-thumb img{ width:100%; height:auto; min-height:230px;}
.blogrightsidebar .post-thumb:hover img{opacity:0.3;}
.blog-post-repeat .blogfooter{ display:block;}

/*Blog Grid Layout CSS*/
.bloggridlayout{ position:relative; width:100% !important; float:none;}
.bloggridlayout .blog-post-repeat{ background-color:transparent; padding:0; border:0; width:30%; float:left; display:inline-block; margin:0 3% 35px 0; box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);border:1px solid rgba(0, 0, 0, 0.04); vertical-align:top;}
.bloggridlayout .post-thumb{ background-color:#7643d2; width:100%; float: none; margin:0; height:230px; overflow:hidden;}
.bloggridlayout .post-thumb:hover img{opacity:0.3;}
.bloggridlayout .post-thumb img{ width:100%; height:auto;}
.bloggridlayout .blogfooter{ display:block;}
.bloggridlayout .blog-post-repeat .postmeta{ margin-bottom:0;}
.bloggridlayout .entry-header{ padding:20px;}
.bloggridlayout .entry-summary{ padding:0 20px;}
.bloggridlayout h3.post-title a{ color:#999; font-weight:400;}

/*default css*/
.error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background:#303441; color:#fff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#34c6f6;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}

h1.entry-title{font-weight:600; font-size:30px; margin-bottom:40px; position:relative;}
article p{margin:0 0 20px 0;}
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}
form.search-form{margin-bottom:10px;}
input.search-field, .post-password-form input[type=password], .wpcf7 form input[type="submit"]{border:1px #eee solid; padding:7px 15px;}
input.search-submit, .post-password-form input[type=submit], .wpcf7 form input[type="submit"]{border:none; color:#ffffff; padding:7px 15px; cursor:pointer; }
#contactform_main p{ margin-bottom:0;}
.nav-previous{float:left; margin-top:10px; margin-bottom:10px;}
.nav-next{float:right; margin-top:10px; margin-bottom:10px;}
nav.post-navigation{padding:10px 0 20px;}
.comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px;}
.comment-list ul, ol.comment-list ul{list-style:none;}
.comment-list li.comment{margin-top:20px;}
.comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6{margin-top:15px;}


/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color: #f1f1f1;	border-radius: 3px;	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);	clip: auto !important;	color: #21759b;	display: block;
	font-size: 14px;font-size: 0.875rem;font-weight: bold;	height: auto;left: 5px;	line-height: normal;padding: 15px 23px 14px;text-decoration: none;	top: 5px;	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* woocommerce CSS
================================================*/
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto Condensed',san-serif; color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important; font-size:15px; text-align:center; padding-bottom:25px; margin-bottom:0 !important}
h1.product_title, p.price{margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto Condensed',san-serif; color:#ff6d84;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}
.woocommerce ul.products li.product .price del{ display:inline-block;}
.woocommerce ul.products li.product h3{ font-size:18px; position:relative; padding-bottom:15px; margin-bottom:10px;}
.woocommerce ul.products li.product h3::after{ content:""; position:absolute; width:50px; height:1px; background-color:#555; bottom:0; left:0; right:0; margin:auto;}
.woocommerce ul.products li.product{ background-color:#f1f1f1;}
.woocommerce ul.products li.product:hover{ background-color:#7643d2;}
.woocommerce ul.products li.product:hover img{ opacity:0.2}
.woocommerce ul.products li.product:hover .price, .woocommerce ul.products li.product:hover .woocommerce-loop-product__title{ background-color:#e0474c; color:#111;}

.woocommerce .quantity .qty{padding:7px;}
.woocommerce-Price-amount.amount{font-size:18px !important; }

.woocommerce ul.products li.product:hover .woocommerce-Price-amount.amount{ color:#111;}

.home .woocommerce ul.products li.product .price ins{ text-decoration:none !important}
.woocommerce div.product .product_title{padding-bottom:20px !important;}
.woocommerce div.product form.cart{ margin-top:15px !important;}

.woocommerce ul.products li .product_type_simple{ position:absolute; opacity:0; top:40%; left:50%; transform:translateX(-50%);  margin:0 auto !important; text-align:center; color:#161616 !important;  background:#ffffff !important; -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; padding:15px !important; display:table!important; }
.woocommerce ul.products li:hover .product_type_simple{opacity:1; transition:all .5s ease 0; }
.woocommerce ul.products li.product a img { min-height:270px; margin:0;}
.woocommerce ul.products li .woocommerce-loop-product__title{ font:600 17px/24px 'Roboto'; text-align:center; padding:0 !important; position: relative; color:#1f1f1f;}
.home .woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .price del{ display:none;}

.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.woocommercesitefull{ width:100%;}
.woocommerce .panel{ height:auto}


/*post nav css*/
.post-nav{ clear:left; margin-top:40px;}
.prev-page, .next-page{ margin:0; padding:0;}
.prev-page a{ float:left;}
.next-page a{ float:right;}
.prev-page a, .next-page a{background-color:#515151; padding:5px 10px; color:#ffffff; font-size:15px;}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }

.space{ clear:both; min-height:10px;}
.themefeatures{ text-align:center;}
.skills-wrap{ width:60%; margin:0 auto; text-align:center;}


.sitefull .fourcol .entry{ width:24%;}
.slider-main{ min-height:260px; overflow:hidden; position:relative; background:url(images/loading.gif) no-repeat center center #fff;}


/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{ background-color:#141618; position:relative; color:#fff; background-size:cover !important; }
.footer{ padding:80px 0 50px;}
.footer h5{ font-weight:600; margin-bottom:35px; text-transform:uppercase;}
.footer ul li{ list-style:none;  }
.footer ul li:last-child{ border:none; }
.footer ul li a{ padding:5px 0 5px 0; display:inline-block; color:#fff; position:relative; }
.footer ul li a:hover, .footer ul li.current_page_item a{ color:#f56c6d;}
.footer ul li:last-child a{ border-bottom:none;}

#footer-wrapper .menu li{ display:inline-block;}
#footer-wrapper .menu li a{ padding:0 15px; display:block;}


.contactdetail{ line-height:22px; } 
.contactdetail i { margin-right:20px; font-size:16px;}
.contactdetail p{ margin-bottom:20px;}
.contactdetail span{ display:block; color:#fff; padding-bottom:5px; } 


.ftr_textlogo{ position:relative; margin-bottom:35px; text-align:center;}
.ftr_textlogo h2{ color:#fff; text-align:center; text-transform:uppercase; font-size:60px; font-weight:900; margin:0 auto 35px; padding:0;}
.ftr_textlogo img{ height:80px; width:auto;}


/*Footer Manageable css*/
.cols-1 .widget-column-1{ width:100%; float:none; text-align:center;}
.cols-1 .widget-column-1 ul li{ display:inline-block; border:none;}
.cols-1 .widget-column-1 ul li a{ padding:0 15px; height:12px; line-height:10px; display:block; background:none;}
.cols-1 .widget-column-1 ul li:last-child a{border:none;}

.cols-2 .widget-column-1{width:45%; float:left; margin:0 10% 0% 0; }
.cols-2 .widget-column-2{width:45%; float:left; margin-right:0px; }

.cols-3 .widget-column-1{width:29%; float:left; margin:0 6% 0 0;}
.cols-3 .widget-column-2{width:29%; float:left; margin:0 6% 0 0; }
.cols-3 .widget-column-3{width:29%; float:left; margin-right:0px;}

/* footer 4 column css*/
.cols-4 .widget-column-1{ width:20%;  float:left; margin:0 3% 0 0; }
.cols-4 .widget-column-2{ width:22.5%;  float:left; margin:0 3% 0 0;}
.cols-4 .widget-column-3{ width:26.5%;  float:left; margin:0 3% 0 0; }
.cols-4 .widget-column-4{ width:20.5%;  float:left; margin-right:0;}

/*footer recent post*/
ul.recent-post{ margin:0px; padding:0px; list-style:none;}
ul.recent-post li{ display:block; line-height:18px; margin-bottom:25px; padding-bottom:25px; list-style:none; border-bottom:1px dashed #2a2a2a; min-height:100px; }
ul.recent-post .footerthumb{ width:25%; height:auto; overflow:hidden; float:left; margin:0 5% 0 0;}
ul.recent-post .footerthumb a{ padding:0;}
ul.recent-post li img { width:100%; height:auto; margin-top:4px;}
ul.recent-post li h6 {font-size:15px; line-height:18px; margin-bottom:10px; }
ul.recent-post li h6 a {color:#fff; padding:0; margin:0; background:none; }
ul.recent-post li a:hover { text-decoration:none;}
ul.recent-post li:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0;}
.ftrpostdesc { float: right; width: 68%;}

.copyright-wrapper { color:#fff; position:relative; text-align:center; border-top:1px solid #2a2a2a; padding:30px 0; }
.design-by{ text-align:center;}
#footer-wrapper .social-icons{ margin-top:50px;}
#footer-wrapper .social-icons a{ width:58px; height:58px; line-height:58px; margin:0 10px 5px 0; padding:0; color:#727171; display:inline-block; background-color:#7643d2; border-radius:5px; }
#footer-wrapper .social-icons a:hover{ background-color:#fff;  color:#000; }

/*time table css*/
.officehours{ padding-bottom:15px;}
.officehours .day{float:left; }
.officehours .time{ float:left; }
.officehours i{ font-size:14px;  float:left; margin:4px 10px 0 0 }

/*back to top css*/
#top{ position:relative;}
#back-top {	position: fixed; bottom: 15px; right:50px;}
#back-top a {width:64px;	display: block;	text-align: center;	font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;	text-decoration: none;color: #bbb;	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top span {width:42px;height:42px;	display: block;	margin-bottom: 7px;	background: url(images/up-arrow.png) no-repeat center center;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;opacity:0.5;
}