@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&family=Raleway:ital,wght@0,100..900;1,100..900&family=Rock+Salt&display=swap');

/*
font-family: "Open Sans", sans-serif;
font-family: "Oswald", sans-serif;
font-family: "Raleway", sans-serif;
*/

/*
Theme Name: Marsdale
Author: Marsdale
Tags: responsive, fixed width
*/

* { margin: 0px; padding: 0px; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; box-sizing: border-box; -webkit-box-sizing: border-box; }
html, body { width: 100%; font-size: 20px; line-height: 1.4; color: #000; font-family: "Raleway", sans-serif; font-weight: 400; background: #fff; }
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; vertical-align: baseline; }

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
.container { padding: 0 15px; margin: 0 auto; max-width: 1140px; position: relative; }

input[type=checkbox]{ -webkit-appearance: checkbox; margin: 0px 0 0 0px; display: inline-block; vertical-align: top;}
button, input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px; }


[href^="tel"] { cursor: text; }
[href^="tel"]:hover { text-decoration:none !important; }

textarea::input-placeholder,input::input-placeholder { opacity: 1; } 
textarea::-moz-placeholder,input::-moz-placeholder{ opacity: 1; } 
textarea:-ms-input-placeholder,input:-ms-input-placeholder{ opacity: 1; }
textarea::-webkit-input-placeholder,input::-webkit-input-placeholder { opacity:100; }  

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

input, textarea { font-weight: 400; transition: all 0.3s; -webkit-transition: all 0.3s; font-family: 'Lato', sans-serif; }
input[type="text"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
 textarea:focus { outline: none; }
input.wpcf7-validates-as-required {  }
input.wpcf7-validates-as-required:focus { }

/* common */
a { color: #C1272C; outline: none; transition: all 0.3s; -webkit-transition: all 0.3s; text-decoration: none; }
a:hover { }
img { border: 0px; outline: none; display: block; max-width: 100%; height:auto;  transition: all 0.3s; -webkit-transition: all 0.3s; text-decoration: none; }
ul,ol { margin-bottom: 20px; padding: 0 0 0 20px;}
.clear { clear: both; overflow: hidden; }
h1, .h1 ,h2, .h2 ,h3, .h3 ,h4, .h4 ,h5, .h5 ,h6, .h6 { padding-bottom: 10px; font-weight:700; line-height: 1.1; font-family: "Oswald", sans-serif; } 

h1, .h1 { font-size: 45px; }
h2, .h2 { font-size: 38px; }
h3, .h3 { font-size: 30px; }
h4, .h4 { font-size: 24px; }
h5, .h5 { font-size: 20px; }
h6, .h6 { font-size: 16px; }

#content-part ul li { line-height: 2; font-weight: 300; }
p { padding-bottom: 20px; line-height: 2; font-weight: 300; }
p a { color:#C1272C; }
p a:hover { text-decoration:underline; }

ul.listing li { padding: 0 0 10px 10px; position: relative; line-height: 30px; }
ul.listing li:before { content:'.'; position:absolute; left:0; top:0; }

.field, .wpcf7-text, textarea { display: block; width: 100%; height: 50px; font-size: 16px; padding: 15px 20px; background:#fff; border:1px solid rgba(0,0,0,0.2); color:#333; border-radius: 7px; }
textarea { padding: 15px 20px; height: 110px; resize: none; }

a.close, a.mobilemenu { display: none; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
 textarea:focus { border:0; color: #000; outline:none; }

.button { font-size: 14px; line-height: 20px; padding: 10px 25px; text-align:center; background:#C1272C; display:inline-block; vertical-align: top; text-transform: uppercase; font-weight:600; border:0; cursor: pointer; border-radius: 8px; color: #fff; }
.button:hover { background: #000; text-decoration: none; }
.button.bordered { border: 2px solid #000; color: #000; background: transparent; }
.button.bordered:hover { background: #000; color: #fff; }
.button i { margin-left: 10px; }

/* wrapper */
#wrapper { padding: 99px 0 0 0; width: 100%; overflow: hidden; min-height: 100%; position: relative; }
.wrapper,
.centering { width: 100%; max-width: 1140px; padding: 0 15px; margin:auto; position: relative;}  
.flex-wrap { display: flex; flex-wrap: wrap; }
.v-center { align-items: center; }
.h-center { justify-content: center; }
.space-between { justify-content: space-between; }


.text_center { text-align:center; }

/* header-part */
#header-part { padding: 20px 0; width: 100%; z-index:99; position: absolute; left: 0; top: 0; background: #fff; }
#header-part .wrapper { max-width: 1385px; }
#header-part .logo { max-width: 305px; display: block; } 
#header-part .menubox { max-width: calc(100% - 305px); padding: 0 50px 0 0; }
#header-part ul { list-style: none; margin: 0; padding: 0; line-height: 0; }
#header-part li { position: relative; margin: 0 0 0 35px; font-family: "Open Sans", sans-serif; display: inline-block; vertical-align: top; font-size: 15px; line-height: 20px; text-transform: uppercase; }
#header-part li:first-child { margin: 0; }
#header-part li a { color: #707070; display: block; }
#header-part li.current-menu-item > a { font-weight: 600; }
#header-part li ul { transition: all 0.3s; opacity: 0; transform: scale(1,0); margin-top: 39px; position: absolute; left: -20px; top: 100%; border-top: 1px solid #C1272C; background: rgba(255,255,255,1); width: 230px; transform-origin: 0 0; }
#header-part .menu > li >  ul:before { width: 100%; height: 39px; content: ''; position: absolute; left: 0; top: -39px; }
#header-part li li {  font-size: 13px; line-height: 1.4; border-bottom: 1px solid #C1272C; margin: 0; width: 100%; }
#header-part li li li a,
#header-part li li a { padding: 10px 20px; color: #9d9d9d; }
#header-part li li a {  }
#header-part li li ul { left: 100%; top: -1px; margin: 0; transform: scale(0,1); }
#header-part li .arrow { display: none; }
#header-part li li.menu-item-has-children { position: relative; }
#header-part li li.menu-item-has-children > a { padding-right: 30px; }
#header-part li li.menu-item-has-children .arrow { display: flex; height: 100%; align-items: center; justify-content: center;  position: absolute; right: 5px; top: 0; width: 20px; }
#header-part li li.menu-item-has-children .arrow svg { width: 7px; opacity: 0.4; }

#header-part.show { position: fixed; -webkit-animation:stickyhead ease-in-out 0.4s 0.1s both;-moz-animation:stickyhead ease-in-out 0.4s 0.1s both;animation:stickyhead ease-in-out 0.4s 0.1s both; box-shadow:0px 4px 4px rgba(0,0,0,0.2); }

#header-part .menu_trigger {  width: 25px; height: 20px; display: none; }
#header-part .menu_trigger span { transition: all 0.3s; width: 100%; height: 3px; display: block; background: rgba(0,0,0,0.5); position: relative; }
#header-part .menu_trigger span:before,
#header-part .menu_trigger span:after { transition: all 0.3s; content: ''; width: 100%; height: 3px; display: block; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: -8px; }
#header-part .menu_trigger span:after { top: 8px; }

#header-part .menu > li.current-menu-item > a,
#header-part .menu > li:hover > a,
#header-part .menu > li a:hover { color: #C1272C; }

#header-part .menu > li.current_page_ancestor > a,
#header-part .menu > li li.current-menu-item > a,
#header-part .menu > li:hover li:hover > a,
#header-part .menu > li:hover li:hover li > a:hover,
#header-part .menu > li li a:hover { color: #000; }


@media only screen and (min-width: 1024px) {
	#header-part li:hover > ul { opacity: 100; transform: scale(1,1); }
	#header-part li li:hover > ul { transform: scale(1,1); }

}


/* banner_sec */
.banner_sec { padding: 110px 0; text-align: center; width: 100%; position: relative; height: calc(100vh - 99px); }
.banner_sec h1 { color: #fff; text-transform: uppercase; }
.banner_sec blockquote { background: #000; color: #fff; display: table; margin: 0 auto 20px; width: auto; padding: 10px 40px; }
.banner_sec blockquote p { padding: 0; font-size: 25px; line-height: 1.2; font-weight: 600; } 

.parallax-banner { background-image: url('your-banner.jpg'); background-attachment: fixed; background-position: center; background-size: cover; }


/* content-part */
#content-part { width: 100%; position: relative; }


/* text_sec */
.text_sec { padding: 95px 0; text-align: center; width: 100%; }
.text_sec h2 { padding-bottom: 40px; font-weight: 600; font-size: 28px; font-family: "Rock Salt", cursive; }
.text_sec h3 { font-size: 38px; padding-bottom: 60px; text-transform: uppercase; }
.text_sec p { padding-bottom: 60px; }
.text_sec p:last-child { padding: 0; }

/* featured_testimonials */
.featured_testimonials { padding: 100px 0; text-align: center; width: 100%; background: #000; color: #fff; } 
.featured_testimonials h2 { padding: 0 0 45px 0; text-transform: uppercase; color: #C1272C; }
.featured_testimonials blockquote p { font-size: 20px; line-height: 30px; }
.featured_testimonials .bio { font-size: 20px; line-height: 30px; font-weight: 600; }
.featured_testimonials .button { margin-top: 40px; border: 2px solid #C1272C; }
.featured_testimonials .slick-arrow { display: none !important; }

.featured_testimonials.inner_page { background: rgba(0,0,0,0.04); color: #000; }
.featured_testimonials.inner_page h2 { color: #000; }
.featured_testimonials.inner_page .slick-arrow { display: block !important; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); border: 0; cursor: pointer; background: transparent; width: 40px; transition: all 0.3s; opacity: 0.5; }
.featured_testimonials.inner_page .slick-arrow svg { width: 40px; height: 40px; }
.featured_testimonials.inner_page .slick-arrow.slick-next { left: auto; right: 0; }
.featured_testimonials.inner_page .slick-arrow:hover { opacity: 100; }
.featured_testimonials.inner_page .testimonial_box { padding: 0 70px; }
.featured_testimonials.inner_page .testimonial_box.noslider { padding: 0; }
.featured_testimonials.inner_page .testimonial_box.noslider .testimonials { position: relative; background: #fff; padding: 70px 60px; border: 1px solid rgba(0,0,0,0.1); border-radius: 15px; margin-bottom: 20px; }  
.featured_testimonials.inner_page .testimonial_box.noslider .testimonials:before { width: 40px; height: 40px; content: ''; position: absolute; left: 20px; top: 20px; background: url(images/quote1.png) no-repeat; background-size: contain; opacity: 0.2; }
.featured_testimonials.inner_page .testimonial_box.noslider .testimonials:after { width: 40px; height: 40px; content: ''; position: absolute; right: 20px; bottom: 20px; background: url(images/quote2.png) no-repeat; background-size: contain; opacity: 0.2; }

.page-id-23 .featured_testimonials { padding-bottom: 40px; }
.page-id-23 .featured_testimonials + .book_sec.facebook_review { padding-top: 0; }


/* book_sec */
.book_sec { padding: 80px 0; width: 100%; position: relative; background: #e1e1e1; }
.book_sec h2 { text-transform: uppercase; text-align: center; }
.book_sec .left { width: calc(100% - 300px); padding: 0 30px 0 0; }
.book_sec .right { width: 300px; text-align: right; }
.book_sec .right .button { margin-left: auto; }
.book_sec h4 { padding: 0; }
.book_sec .bottom { text-align: center; font-size: 16px; padding: 20px 0 0 0; }
.book_sec .topbar { border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 30px; }
.book_sec .bottom p { padding: 0; } 
.book_sec.facebook_review { padding: 50px 0; background: rgba(0,0,0,0.04); }
.book_sec.facebook_review .topbar { padding: 40px 30px; border-radius: 15px; background: #3b5998; }
.book_sec.facebook_review .topbar h4 { color: #fff; text-transform: uppercase; } 
.book_sec.facebook_review .topbar .button { border: 2px solid #fff; background: rgba(0,0,0,0.2); } 
.book_sec.facebook_review .topbar .button:hover { background: rgba(0,0,0,0.4); }
.book_sec.dark_cta { padding: 50px 0; background: #222; }
.book_sec.dark_cta .topbar { padding: 0; border: 0; color: #fff; }
.book_sec.dark_cta
.book_sec.dark_cta
.book_sec.dark_cta
.book_sec.dark_cta
.book_sec.dark_cta {  }

/* team_sec */
.team_sec { width: 100%; text-align: center; padding: 135px 0 0; }
.team_sec h2 { text-transform: uppercase; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 0 0 35px 0; margin-bottom: 10px; }
.team_sec .team_row { border-bottom: 1px solid rgba(0,0,0,0.1); padding: 0 0 10px 0; }
.team_sec .team_left { width: 50%; padding: 0 15px 0 0; }
.team_sec .team_right { width: 50%; padding: 0 0 0 15px; }
.team_sec .team_col { width: 100%; position: relative; }
.team_sec .image { width: 100%; position: relative; }
.team_sec .image img { width: 100%; display: block; } 
.team_sec .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: rgba(255,255,255,0.95); transition: all 0.5s; opacity: 0; }
.team_sec .image:hover .overlay { opacity: 100; }
.team_sec .overlay .inner { padding: 50px; width: 100%; } 
.team_sec .overlay .inner p { font-size: 16px; line-height: 1.5; padding: 10px 0; } 
.team_sec h4 { text-transform: uppercase; }
.team_sec .detail { padding: 20px 0; }
.team_sec .position { display: block; font-size: 18px; line-height: 1; padding: 0 0 0px 0; }
.team_sec hr { width: 70px; height: 2px; background: #C1272C; border: 0; margin: 12px auto; }
.team_sec .social_item a { color: rgba(0,0,0,0.5); font-size: 16px; }
.team_sec .social_item a:hover { color: rgba(0,0,0,1); }

/* cta_sec */
.cta_sec { width: 100%; text-align: center; padding: 20px 0 50px; }
.cta_sec p { font-size: 22px; line-height: 35px; padding: 0; }
.cta_sec p strong { font-weight: 700; }
.cta_sec .wrapper { max-width: 900px; }


/* content-bar-bar */
.content-bar.with-sidebar { padding: 0; }
.content-bar.empty { display: none; }
.content-bar.hide_sidebar,
.content-bar { padding: 60px 0 60px; width: 100%; }
.content-bar h2 { padding-bottom: 35px; text-align: center; text-transform: uppercase; }
#content-part .content-bar ul li { line-height: 1.7; }
.content-bar p { padding-bottom: 30px; line-height: 1.7; }
.content-bar.with-sidebar .leftside { width: calc(100% - 320px); padding: 60px 40px 60px 0; }
.content-bar.with-sidebar .rightside { padding: 20px 0; width: 320px; background: #e1e1e1; }
.content-bar.with-sidebar .rightside ul { list-style: none; margin: 0; padding: 0; }
.content-bar.with-sidebar .rightside li { font-size: 15px; line-height: 1.2; border-top: 1px solid rgba(0,0,0,0.2); }
.content-bar.with-sidebar .rightside .menu > li:first-child { border: 0; }
.content-bar.with-sidebar .rightside li a { line-height: 1.2; color: #000; font-weight: 400; padding: 10px 15px; display: block; }
.content-bar.with-sidebar .rightside li .arrow { display: none; }
.content-bar.with-sidebar .rightside li li a { padding-left: 25px; }
.content-bar.with-sidebar .rightside li li li a { padding-left: 40px; }
.content-bar.with-sidebar .rightside li ul { background: rgba(0,0,0,0.05); }
.content-bar.with-sidebar .rightside li li ul { background: rgba(0,0,0,0.08); }
.content-bar.with-sidebar .rightside li.current-menu-item > a,
.content-bar.with-sidebar .rightside li a:hover { background: #C1272C; color: #fff; }
.content-bar hr { border: 0; height: 1px; background: rgba(0,0,0,0.2); margin: 20px 0 30px; }

/* hide_sidebar */
.content-bar.hide_sidebar .rightside { display: none; }
.content-bar.hide_sidebar .leftside { width: 100% !important; padding: 0 !important; }

.content-bar iframe { width: 100%; }


.error404 .content-bar { padding: 170px 0 50px; text-align:center; min-height:500px; }

/* inner_team_sec */
.inner_team_sec { padding: 80px 0; width: 100%; background: #000; color: #fff; }
.inner_team_sec h2 { color: #fff; text-align: center; text-transform: uppercase; padding-bottom: 60px; }
.inner_team_sec .teams_box { margin: 0 -15px; }
.inner_team_sec .teams_box .team { width: 33.33%; padding: 0 15px 30px; }
.inner_team_sec figure { width: 100%; height: 0; padding-bottom: 60%; position: relative; display: block; } 
.inner_team_sec figure img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position:  center 20%; } 
.inner_team_sec h3 { padding: 20px 0 10px 0; }
.inner_team_sec .bio { font-size: 20px; padding-bottom: 15px; display: block; font-weight: 600; color: #C1272C; }
.inner_team_sec p { font-size: 16px; line-height: 1.6; padding: 0; }


/* photo_gallery_sec */
.photo_gallery_sec { width: 100%; padding: 80px 0; } 
.photo_gallery_sec .gallery_row { margin: -20px; display: flex; flex-wrap: wrap; }
.photo_gallery_sec .gallery_row .gallery { padding: 20px; width: 50%; }
.photo_gallery_sec .gallery_row .gallery a { width: 100%; height: 0; overflow: hidden; padding-bottom: 80%; position: relative; display: block; } 
.photo_gallery_sec .gallery_row .gallery img { position: absolute; left: 0; top: 0; transition: all 0.4s; width: 100%; height: 100%; object-fit: cover; } 
.photo_gallery_sec .gallery_row .gallery h4 { padding: 15px 10px; text-align: center; } 
.photo_gallery_sec .gallery_row .gallery a:hover img { transform: scale(1.1); } 
.photo_gallery_sec 
.photo_gallery_sec {  }

/* inner_banner_sec */
.inner_banner_sec { padding: 15px 0 30px; width: 100%; min-height: 450px; display: flex; flex-wrap: wrap; align-items: center; text-align: center; background-position:  center center; background-size: cover; }
.inner_banner_sec h1 { text-shadow: 0px 0px 5px rgba(0,0,0,0.5); text-transform: uppercase; color: #fff; }
.inner_banner_sec .subtitle { color: #fff; }

/* demo_sec */
.tabs_sec { padding: 60px 0; width: 100%; background: #e1e1e1; }
.tabs_sec h2 { text-transform: uppercase; padding-bottom: 40px; }
.tabs_sec .button { border: 2px solid #000; background: transparent; color: #000; }
.tabs_sec .button:hover { background: #C1272C; border-color: #C1272C; color: #fff; } 
.tabs_sec .button + br + .button{ margin-top: 15px; }

.tab_nav { display:flex; flex-wrap: wrap; list-style:none; padding:0; margin:0 0 30px; }
.tab_nav li { margin: 0 5px 5px 0; cursor:pointer; padding:10px 10px; font-weight: 400 !important; font-size: 16px; line-height: 1.2; background:#f3f3f3; transition:.3s; width: calc(25% - 5px); text-align: center; align-items: center; align-content: center; }
#content-part .tab_nav li { line-height: 1.4; }
.tab_nav li:hover,
.tab_nav li.active{ background:#000; color:#fff; }
.tab_content{ display:none; }
.tab_content.active{ display:block; }


.tab_nav { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0 0 30px; }
.tab_nav li { margin: 0 5px 5px 0; cursor: pointer; padding: 10px; font-weight: 400 !important; font-size: 16px; line-height: 1.2; background: #f3f3f3; transition: 0.3s; width: calc(25% - 5px); text-align: center; align-items: center; align-content: center; }
#content-part .tab_nav li { line-height: 1.4; }
.tab_nav li:hover,
.tab_nav li.active { background: #000; color: #fff; }
.tab_content { display: none; }
.tab_content.active { display: block; }

/* Accordion title hidden on desktop */
.accordion_title { display: none; }



/* contact_sec */
.contact_sec { padding: 60px 0; width: 100%; background: #f6f6f6; }
.contact_sec h2 { padding-bottom: 35px; text-transform: uppercase; }
.contact_sec p { line-height: 1.4; }
.contact_sec form { padding: 40px 0; }
.contact_sec label { font-size: 16px; line-height: 20px; display: block; padding: 0 0 7px 0; font-weight: 600; }
.contact_sec .social_item { list-style: none; margin: 0; padding: 0; }
.contact_sec .social_item li { display: inline-block; vertical-align: top; }
.contact_sec .social_item li a i { transition: all 0.3s; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #fff; display: block; }
.contact_sec .social_item li a i.fa-facebook-f { border-radius: 50%; background: #1e73be; }
.contact_sec .social_item li a:hover i.fa-facebook-f { background: #000; }
.contact_sec form p { padding:0; }
.contact_sec p a { color: #000; }


/* music_charts_sec */
.music_charts_sec { padding: 60px 0; width: 100%; }
.music_charts_sec .image { width: 50%; }
.music_charts_sec .image figure { width: 100%; height: 100%; }
.music_charts_sec .image img { width: 100%; min-height: 100%; object-fit: cover; }
.music_charts_sec .right { padding: 0 0 0 40px; width: 50%; }
.music_charts_sec .button { min-width: 240px; }
.music_charts_sec p { line-height: 1.6; }
.music_charts_sec .button_list { padding-bottom: 20px; }


/* event_timeline_sec */
.event_timeline_sec { padding: 60px 0; width: 100%; position: relative; }
.accordion_row { position: relative; padding: 0 0 10px 55px; }
.accordion_row h4 { margin:0; padding:10px 0px 10px 0px; cursor:pointer; transition:.3s; font-size: 16px; line-height: 20px; }
.accordion_row h4::after{ width: 40px; height: 40px; box-sizing: border-box; line-height: 40px; text-align: center; content:"+"; position:absolute; left:0px; top:0; font-size:20px; transition:.3s; color: #000; border: 1px solid #000; border-radius: 7px; }
.accordion_row.active h4::after{ content:"−"; }
.accordion_row h4:hover { color: #C1272C; }
.accordion_content{ display:none; padding:0 0px 0px; }
.accordion_content p { padding: 0 0 10px 0; font-size: 16px; line-height: 1.5; }


/* song_suggestions */
.song_suggestions { padding: 80px 0; background: #f6f6f6; width: 100%; text-align: center;  }
.song_suggestions h2 { text-transform: uppercase; padding-bottom: 60px; }
.song_suggestions .suggestions_list { margin: 0 -10px 40px; display: flex; flex-wrap: wrap; justify-content: center; }
.song_suggestions .suggestion { display: flex; flex-wrap: wrap; align-items: center; align-content: center; font-size: 16px; line-height: 1.5; width: calc(33.33% - 20px); margin: 0 10px 20px; background: rgba(255,255,255,0.8); border: 1px solid rgba(0,0,0,0.1); border-radius: 10px; padding: 30px 20px; }
.song_suggestions .suggestion p { padding: 0; font-size: 16px; line-height: 1.5;  }
.song_suggestions h4 { text-transform: uppercase; padding-bottom: 15px; }
.song_suggestions .inner { width: 100%; }
.song_suggestions {  }
.song_suggestions {  }
.song_suggestions {  }

/* demo_sec */
.demo_sec { padding: 15px 0 30px; width: 100%; }


/* demo_sec */
.demo_sec { padding: 15px 0 30px; width: 100%; }


/* demo_sec */
.demo_sec { padding: 15px 0 30px; width: 100%; }


/* demo_sec */
.demo_sec { padding: 15px 0 30px; width: 100%; }


/* demo_sec */
.demo_sec { padding: 15px 0 30px; width: 100%; }





/* footer-part */
#footer-part { width: 100%; color: #fff; border-top: 1px solid rgba(255,255,255,0.2); background:#000000; min-height: 115px; }

#back-to-top { box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; -ms-box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; position: fixed; bottom: 20px; display: none; right: 15px; z-index: 9999; width: 34px; height: 34px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; opacity: 0; background: #006bb6; }
#back-to-top:after { width: 0px; height: 0px; content: ''; position: absolute; left: 50%; top: 50%; border: 10px solid transparent; border-bottom-color: #fff; margin: -15px 0 0 -10px; }
#back-to-top.show { opacity: 0.8; }
#back-to-top.show:hover { opacity: 1; }





















.wpcf7-not-valid-tip { display: none !important; }
.wpcf7-not-valid { box-shadow: 0px 0px 0px 1px #f00 inset; -webkit-box-shadow: 0px 0px 0px 1px #f00 inset; -ms-box-shadow: 0px 0px 0px 1px #f00 inset; }
div.wpcf7-response-output { margin:10px 0; padding:0; font-size: 14px; line-height: 14px; color: #f00; border:0; }
div.wpcf7-mail-sent-ok { color: #398f14; }

/* blog-bar */
.blog-bar { padding: 60px 0; width:100%; float: left; position: relative; }
.blog-bar .left_sidebar { width: 70%; float: left; padding: 0 30px 0 0; }
.blog-bar .right_sidebar { width: 30%; float: right; }

.slick-dots { padding: 5px !important; text-align:center; width: 100%; font-size:0; line-height:0;  }
.slick-dots li { cursor: pointer; position: relative; display:inline-block; vertical-align: top; margin: 0 8px; }
.slick-dots li button { width: 10px; height: 10px; border:0; font-size:0; line-height:0; max-width: 100%; display:block; background:#cccccc; padding:0; border: 2px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; } 
.slick-dots li:after { border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; width: 100%; height: 100%; content:''; position:absolute; left:-1px; top:-1px; border: 1px solid #fff;  } 
.slick-dots li.slick-active button,.slick-dots li:hover button { background:#ac9455; }  
.slick-dots li:hover:after,.slick-dots li.slick-active:after{ border-color: #ac9455; }


/* Alignment */ 
.alignleft { display: inline; float: left; margin-right: 1em !important; }
.alignright { display: inline; float: right; margin-left: 1em !important; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; }
table, th, td { border: none }
table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.6em; table-layout: fixed; /* Prevents HTML tables from becoming too wide */ width: 100%; }
caption, th, td { font-weight: normal; text-align: left; }
th { border-width: 0 1px 1px 0; }
td { border-width: 0 1px 1px 0; vertical-align: top; }
td img { width: 100%; max-width: 100%; vertical-align: top; margin: 0px; height: auto; }
th, td { padding: 0.4em; }
th { font-size: 24px; letter-spacing: 1px; line-height: 28px; }
td img.alignnone { margin: 0px }
blockquote { /*font-style: italic;*/  font-weight: normal; margin: 0 2%; }
blockquote em, blockquote i, blockquote cite { font-style: normal; }
blockquote cite { color: #666; letter-spacing: 0.05em; text-transform: uppercase; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

#blogWrapper { width:auto; overflow:hidden; }
/* blog container */  .patners_box { float: left; width: 100%; text-align: center; padding: 20px }
#BlogCntr { margin-top: 12px; margin-bottom: 25px; width: 100%; position: relative; float: left; position: relative; z-index: 9; }

/* left blog box */
.leftBlogBox {	padding: 0;	width: 73%;	float: left;	position: relative;	background: #fff; }
.single .leftBlogBox h1 { text-transform: capitalize}
.single .leftBlogBox p {	display: block}
.leftBlogBox ul.dateBar {	list-style: none;	margin: 0 0 5px 0;	padding: 0px}
.single .leftBlogBox ul.dateBar {	margin: 0 0 15px 0;	padding-left: 0px}
.leftBlogBox ul.dateBar li { font-size: 14px; line-height: 18px; }
.leftBlogBox ul.dateBar li strong {	color: #000;}
.leftBlogBox .postLoop {	width: 100%;	overflow: hidden;	padding: 30px 0;	margin: 0px;	border-bottom: 1px solid #bebebe; }
.leftBlogBox .postLoop h2 { font-weight:700; padding-bottom: 5px; }
.leftBlogBox .postLoop p { padding: 0;}
.leftBlogBox .postLoop:last-child, .leftBlogBox .postLoop:last-of-type { border-bottom: none; }
.leftBlogBox .postLoop .image { float: left; margin: 5px 15px 5px 0; }
.leftBlogBox .postLoop h2 { text-transform: capitalize; margin: 0px; }
.leftBlogBox .postLoop h2 a { color: #000; text-decoration: none }
.leftBlogBox .postLoop h2 a:hover { color: #C1272C; }
.leftBlogBox .postLoop a.read-more { display: inline-block; text-decoration: none; text-transform: capitalize; font-weight: 600 }
.leftBlogBox .postLoop a.read-more:hover { text-decoration:underline; }
.leftBlogBox h4.title { font-size: 16px; font-weight: normal; padding-top: 15px; color: #000; text-transform: capitalize; }

/* comment form */
.leftBlogBox #commentform { width: 100%; }
.leftBlogBox #commentform input[type="text"], .leftBlogBox #commentform input[type="email"], .leftBlogBox #commentform textarea, .leftBlogBox #commentform input[type="url"] { border: 1px solid #000 !important; background: none; padding: 7px 10px; box-sizing: border-box; color: #000; font-size: 15px; border-radius: 0px; -webkit-appearance: none; -webkit-border-radius: 0px; resize: none; margin: 0; width: 535px; }
.leftBlogBox #commentform input[type="submit"] { width: auto; padding: 5px; border: none; background: #dfb643; color: #fff; cursor: pointer; border-radius: 0; font-size: 16px; }
.leftBlogBox #commentform input[type="submit"]:hover, .leftBlogBox #commentform p.form-submit input[type="submit"]:hover { background: #097536; }
.leftBlogBox #commentform p.form-submit input[type="submit"] { width: auto; padding: 8px 15px; border: none; background: #C1272C; color: #fff; cursor: pointer; margin-left: 100px; }
.leftBlogBox #respond h3 { padding-bottom: 20px; }
.leftBlogBox #commentform input[type="url"].error,.leftBlogBox #commentform input[type="text"].error, .leftBlogBox #commentform input[type="email"].error, .leftBlogBox #commentform textarea.error { border: 1px solid #f00!important }
.leftBlogBox div.error { display: none !important }
.leftBlogBox h3#comments, .leftBlogBox #respond h3, h2.comments-title, h3#reply-title { border-bottom: 1px solid #000; font-size: 24px; font-weight: normal; line-height: 29px; margin-bottom: 10px; padding-bottom: 10px; color: #000; }
.leftBlogBox #comments { clear: both; margin-bottom: 10px }
.leftBlogBox #comments footer { border: none }
.leftBlogBox .commentlist, .leftBlogBox .comment-list { list-style: outside none none; margin-top: 10px !important; margin-bottom: 10px; }
.leftBlogBox .commentlist li { color: #34343f; font-size: 20px; line-height: 30px; list-style: outside none none; overflow: hidden; }
.leftBlogBox .comment-list li { color: #34343f; font-size: 20px; line-height: 20px; list-style: outside none none; overflow: hidden; }
.leftBlogBox img.avatar { float: left; margin: 3px 10px 10px 0; width: 50px; border: 1px solid #cccccc; max-width: 100%; height: auto; display: block }
.leftBlogBox .commentlist cite.fn, .leftBlogBox cite.fn { color: #dfb643; font-size: 16px; }
.leftBlogBox span.says { font-size: 16px; }
.leftBlogBox .commentlist a.url, .leftBlogBox .commentlist cite.fn, .leftBlogBox a.url, .leftBlogBox cite.fn { font-style: normal; text-decoration: none; font-size: 20px; }
.leftBlogBox .comment-awaiting-moderation { font-size: 16px; line-height: 21px; color: #000; font-style: normal }
.leftBlogBox .commentmetadata a { color: #000; cursor: default !important; font-size: 13px; line-height: 16px; }
.leftBlogBox .commentlist p, .leftBlogBox .comment-list p { clear: both; font-size: 15px; line-height: 19px; }
.comment-content p { padding-bottom: 5px; } #commentform p { padding-bottom: 15px !important; font-size: 16px; margin-bottom: 0; } #commentform .comment-form-cookies-consent { display: none; }
.leftBlogBox .comment-list .comment-metadata { font-size: 16px; color: #000; }
.leftBlogBox .comment-reply-link { font-size: 16px; text-decoration: none }
.leftBlogBox .comment-reply-link:hover { text-decoration: none; color: #dfb643; } #cancel-comment-reply-link { color: #000; text-decoration: none; font-size: 20px; line-height: 25px } #cancel-comment-reply-link:hover { text-decoration: underline }
.leftBlogBox .reply { padding: 0px 0 15px; }
.leftBlogBox .reply a { color: #000 }
.leftBlogBox #respond { margin-top: 10px;/*overflow: hidden;*/width: auto; padding: 0px }
.leftBlogBox #cancel-comment-reply-link:hover { color: #dfb643; text-decoration: none }
.leftBlogBox .commentlist ul.children, .leftBlogBox .comment-list ol.children { /*margin-left: 25px;*//*float:left*/}
.leftBlogBox label.screen-reader-text { display: none }
.leftBlogBox #searchform { width: 100%; margin: 0 auto; }
.leftBlogBox .page-header { padding: 6px 0; padding-top: 20px; } 
#commentform label { float: left; width: 100px; font-size: 16px; line-height: 21px; padding: 6px 0; }
#commentform label.error { display: none!important }

/* pagination */
.leftBlogBox .wp-pagenavi { margin: 25px 0 50px 0; }
.leftBlogBox .wp-pagenavi a, .wp-pagenavi span { font-size: 14px; color: #000; border: 1px solid #7b7b7b; display:inline-block; vertical-align: top; }
.wp-pagenavi a, .wp-pagenavi span { border-color: #C1272C; padding: 5px 7px }
.wp-pagenavi span.current { border-color: #C1272C; font-weight: normal; color: #fff; background: #C1272C}
.leftBlogBox .wp-pagenavi a:hover, .wp-pagenavi a:hover { background: #C1272C; color: #fff; border-color: #C1272C; }
.wp-pagenavi span.pages:hover, .wp-pagenavi span.pages { border-color: #7b7b7b; }

/* right blog box */
.rightBlogBox { padding: 0 0 0 40px; width: 27%;	float: right;	position: relative;	background: #fff;}
.rightBlogBox ul { margin-bottom: 0;  }
.rightBlogBox .widget {	text-align: left;	margin-bottom: 25px;	overflow: hidden}
.rightBlogBox .widget h3 { font-size: 25px; line-height: 30px; font-weight:700; padding-bottom: 10px; }
.rightBlogBox h3.widgettitle {	margin-bottom: 10px;	text-align: center;	color: #f1c855;	font-size: 34px;	text-align: left;	text-transform: capitalize;	line-height: 40px;	padding-bottom: 0px}
.rightBlogBox label.screen-reader-text { display: none; }
.rightBlogBox #searchform { width: 100%; margin: 0 auto; }
.rightBlogBox #searchform input#s { width: 65%; border: 1px solid #7b7b7b; height: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; padding: 5px; float: left; margin-right: 5px; color: #7b7b7b; height: 33px; }
.rightBlogBox #searchform input#searchsubmit { width: 27%; background: #dfb643; color: #fff; border: none; height: 30px; text-transform: capitalize; font-weight: bold; cursor: pointer; float: left; }
.rightBlogBox #searchform input#searchsubmit:hover { background: #5a3b00; }
.rightBlogBox ul li { width: 100%; }
.rightBlogBox ul li a { color: #000; text-decoration: none; text-transform: capitalize; outline: none }
.rightBlogBox ul li.current-cat a { color: #C1272C; font-weight:700; }
.rightBlogBox ul li a:hover { text-decoration: none; color: #C1272C; }
.mobilesidebar { display: none; }
.desktopsidebar { display: block }

/* single page */
.search-form .screen-reader-text { display: none }
.search-form input[type='Search'] { border-radius: 0px; padding: 5px; font-size: 14px; line-height: 19px; float: left; border: solid 1px #C1272C  ; color: #000; width: calc(100% - 85px); width: -ms-calc(100% - 85px); width: -webkit-calc(100% - 85px); width: -moz-calc(100% - 85px); -webkit-appearance: none; -webkit-border-radius: 0px; height: 33px; }
.search-form input[type='submit'] { width: 80px; text-align:center; float: left; background: #C1272C  ; border-radius: 0px; font-size: 15px; line-height: 20px; border: none; color: #fff; cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0px; padding: 4px 10px; margin-right: 0px; height: 33px; border: solid 1px #C1272C  ; }
.search-form input[type='submit']:hover { background: #C1272C; border: solid 1px #C1272C; }
/*.search-form input[type='Search']:focus { border: solid 1px #000!important }*/
.leftBlogBox .singleimage { width: 100%; margin-bottom: 15px; }
.leftBlogBox .singleimage img { max-width: 100%; height: auto; width: 100% }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; }	 	

/*keyframes*/
@-webkit-keyframes stickyhead{
	0%{opacity:0;-webkit-transform:translateY(-100%)}
	100%{opacity:1;-webkit-transform:translateY(0)}
}

@-moz-keyframes stickyhead{
	0%{opacity:0;-moz-transform:translateY(-100%)}
	100%{opacity:1;-moz-transform:translateY(0)}
}
@keyframes stickyhead{
	0%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
	100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}