@font-face {
    font-family: 'italiannoregular';
    src: url('../fonts/italianno-regular-webfont.eot');
    src: url('../fonts/italianno-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/italianno-regular-webfont.woff2') format('woff2'),
         url('../fonts/italianno-regular-webfont.woff') format('woff'),
         url('../fonts/italianno-regular-webfont.ttf') format('truetype'),
         url('../fonts/italianno-regular-webfont.svg#italiannoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubunturegular';
    src: url('../fonts/ubuntu-regular-webfont.eot');
    src: url('../fonts/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ubuntu-regular-webfont.woff2') format('woff2'),
         url('../fonts/ubuntu-regular-webfont.woff') format('woff'),
         url('../fonts/ubuntu-regular-webfont.ttf') format('truetype'),
         url('../fonts/ubuntu-regular-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubuntumedium';
    src: url('../fonts/ubuntu-medium-webfont.eot');
    src: url('../fonts/ubuntu-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ubuntu-medium-webfont.woff2') format('woff2'),
         url('../fonts/ubuntu-medium-webfont.woff') format('woff'),
         url('../fonts/ubuntu-medium-webfont.ttf') format('truetype'),
         url('../fonts/ubuntu-medium-webfont.svg#ubuntumedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gabrielleregular';
    src: url('../fonts/gabrielle-webfont.eot');
    src: url('../fonts/gabrielle-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gabrielle-webfont.woff2') format('woff2'),
         url('../fonts/gabrielle-webfont.woff') format('woff'),
         url('../fonts/gabrielle-webfont.ttf') format('truetype'),
         url('../fonts/gabrielle-webfont.svg#gabrielleregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ubuntulight';
    src: url('../fonts/ubuntu-light-webfont.eot');
    src: url('../fonts/ubuntu-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ubuntu-light-webfont.woff2') format('woff2'),
         url('../fonts/ubuntu-light-webfont.woff') format('woff'),
         url('../fonts/ubuntu-light-webfont.ttf') format('truetype'),
         url('../fonts/ubuntu-light-webfont.svg#ubuntulight') format('svg');
    font-weight: normal;
    font-style: normal;

}

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, main {
  display: block;
}

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

.hr_line{background-color: #d5d5d5; height: 1px;}

textarea{resize:none;}

.extra-padding-bottom-50 {
    padding-bottom: 50px;
}
.extra-padding-top-50 {
    padding-top: 50px;
}

.extra-padding-bottom-100 {
    padding-bottom: 100px;
}
.extra-padding-top-100 {
    padding-top: 100px;
}

a, input{transition: all 0.3s ease-in-out;}

/* --------------------------------

Primary style

-------------------------------- */
*, *::after, *::before {
  box-sizing: border-box;
}


body {
  font-size: 16px;
  line-height: 24px;
  font-family: 'ubunturegular';
  color: #333333;
}


a {
  text-decoration: none !important;
  outline: none !important;
}

.img_responsive{max-width: 100%;}

.extra-margin-top-50{margin-top: 50px;}

.extra-margin-top-40{margin-top: 40px;}

.extra-margin-bottom-50{margin-bottom: 50px;}

/********START HEADER********/
#header{position: absolute; left: 0; right: 0; top: 40px; margin: 0 auto; text-align: center; display: block; z-index: 99;} 

#menu{padding-top: 30px; text-transform: uppercase;font-family: 'ubuntumedium';}

#menu ul li{display: inline-block; margin: 0 20px;}

#menu ul li a{color: #fff;}

.mobile_nav{display: none;}

/******END HEADER********/

/******START FOOTER********/
#footer {
    width: 100%;
    float: left;
    background: url(../images/bg-footer.jpg) left top no-repeat;
    background-size: cover;
    padding: 8px 0;
    color: #e6e3e3;
    line-height: 28px;
    font-size: 14px;
}

.get_social{float: right;}

.get_social li{display: inline-block; margin-left:10px;}

.get_social li span{margin-right: 10px; font-size: 16px;}

.get_social li img{vertical-align: middle;height:28px;}

/******END FOOTER********/

.container-fluid{margin: 0 auto; max-width: 1600px; padding-left: 50px; padding-right: 50px;}

#banner_home{background: url(../images/banner-home.jpg) center top no-repeat; background-size: cover; padding-top: 180px; color: #fff; height: 760px;}

.banner_text{max-width: 475px; padding-top: 120px;}

.banner_text h1{font-size: 55px; line-height: 70px; font-family: 'gabrielleregular'; margin-bottom: 15px;}

.banner_hrline{height: 1px; background-color: #c9c1bb; max-width: 124px;}

.banner_text h6{margin-top: 20px;}

.banner_text h6 span{font-style: italic;}

.banner_text p{margin-top: 90px; font-style: italic; max-width: 295px;}

.banner_overlay{display: none;}

.mobile_header{display: none;}

/********ABOUT US*********/
#banner_inner{line-height: 0}

.about_center{margin: 0 auto; max-width: 1200px; padding: 0 15px;} 

.vertical_center{display: flex;
  align-items: center; justify-content: center;} 

#bg_about_middle{background: url(../images/bg-about-middle.jpg) center top no-repeat; background-size: cover; padding-bottom: 50px; width: 100%; float: left;}

.about_center .col-sm-6{padding-left: 40px; padding-right: 40px;}

#bg_journey{text-align: center; padding: 50px 0; background: url(../images/bg-about-road.jpg) center top no-repeat; background-size: cover;}

#bg_journey p{margin-top: 50px;}

#because_is_beautiful{background: url(../images/banner-about-bottom.jpg) center top no-repeat; background-size: cover; display: table; width: 100%; height: 517px;}

.because_is_beautiful_inner{display: table-cell; vertical-align: middle;}

.because_is_beautiful_text{max-width: 545px; color: #fff;}

#testimonials{background: url(../images/bg-about-testimonials.jpg) center top no-repeat; background-size: cover; padding: 50px 0;}

.inner_title{text-align: center;}

.inner_title h3{font-size: 22px; color: #333333;font-family: 'ubuntumedium'; text-transform: uppercase;}

.inner_title h2{font-size: 28px; color: #000;font-family: 'ubuntumedium'; text-transform: uppercase;}

.video_col{position: relative; width: 100%;}

.icon_play{display: inline-block; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; max-width: 45px;}

.icon_play img{max-width: 100%;}

.video_col{margin-top: 20px;}

#testimonials p{margin-top: 10px;}

#testimonials a{display: block;}

/*****CONCERTS*******/
#bg_classical_concerts{background: url(../images/bg-classical-concert.jpg) center top no-repeat; background-size: cover; padding: 50px 0;}

#bg_classical_concerts .bulet_points{padding-left: 20px; padding-right: 20px;}

.banner_concerts{margin-top: 40px;}

.bulet_points{font-size: 14px; margin-top: 35px;}

.bulet_points li{background: url(../images/icon-music.png) left 4px no-repeat; padding-left: 35px; margin-bottom: 15px;}

#bg_concerts_collaboration{background: url(../images/bg-concert-collaboration.jpg) center top no-repeat; background-size: cover; padding: 50px 0;}

#bg_concerts_collaboration .bulet_points{padding-left: 20px; padding-right: 20px;}

#video_bg{background: url(../images/bg-video.jpg) center top no-repeat; background-size: cover; padding: 50px 0;}

#video_bg h2{margin-bottom: 30px;}

.col_xs_2{float: left; width: 50%; padding-left: 15px; padding-right: 15px; position: relative;}

#photos_bg{background: url(../images/bg-photos.jpg) center top no-repeat; background-size: cover; padding: 50px 0;}

/*******CONTACT US*******/
#contact_bg{background: url(../images/bg-contact.jpg) center top no-repeat; background-size: cover; padding: 50px 0;}

.img_contact{float: left; width: 325px; margin-right: 60px;}

.right_contact_form{float: left; width: calc(100% - 385px);}

.right_contact_form h2{font-size: 22px; border-bottom: 1px solid #dccfc7; padding-bottom: 15px;font-family: 'ubuntumedium'; text-transform: uppercase;}

.right_contact_form ul{padding-top: 20px; font-size: 20px; border-bottom: 1px solid #dccfc7; padding-bottom: 20px;}

.right_contact_form ul li{display: inline-block; margin-left: 50px;}

.right_contact_form ul li img{vertical-align: middle; margin-right: 20px;}

.right_contact_form ul li:first-child{margin-left: 0;}

.right_contact_form ul li a{color: #333;}

.right_contact_form .col-md-4, .right_contact_form .col-md-12{margin-top: 20px;}

.form-control{border-radius: 0; border:0; box-shadow: none; min-height: 52px; padding-left: 20px;}

textarea.form-control{padding-top: 25px;}

.btn_send{background-color: #292420; max-width: 275px; text-align: center; color: #fff; border:0; height: 46px; width: 100%;}

/*****COLLAGE GALLERY*******/
#press_bg{/*background: url(../images/bg-press.jpg) center top no-repeat;*/ background-size: cover; padding: 50px 0;}

.btn_download_kit{margin: 0; text-align: center; display: block; background-color: #2a2826!important; max-width: 185px; height: 49px; line-height: 49px; color: #fff; float: none!important; padding-top: 0!important;}

.btn_download_kit:hover, .btn_download_kit:focus{color: #fff;}

.press_collage_gallery { 
  list-style: none;
}
.press_collage_gallery a {
  position: relative;
  float: left;
  padding: 10px 10px 10px 10px;
  background: #878682;
  margin-bottom: 30px;
  -moz-box-shadow: 0px 2px 15px #333;
}
  
.press_collage_gallery a.pic-1 {
    z-index: 1;
   /* -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);*/
  }
.press_collage_gallery a.pic-2 {
    z-index: 5;
    /*-webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);*/
  }
.press_collage_gallery a.pic-3 {
    z-index: 3;
    /*-webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);*/
  }
.press_collage_gallery a.pic-4 {
    z-index: 4;
    /*-webkit-transform: rotate(14deg);
    -moz-transform: rotate(14deg);*/
  }
.press_collage_gallery a.pic-5 {
    z-index: 2;
    /*-webkit-transform: rotate(-12deg);
    -moz-transform: rotate(-12deg);*/
  }
.press_collage_gallery a.pic-6 {
    z-index: 6;
    /*-webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);*/
  }

.press_collage_gallery a:hover {
    z-index: 10;
    -moz-box-shadow: 3px 5px 15px #333;
  }
.press_collage_gallery a img{max-width: 100%; height: 220px; padding: 10px;
    background: #fff; object-fit: cover;}

/*.btn_download_kit{margin-top: 70px;}*/

/********Band Page********/
#bg_band{background: url(../images/bg-band-body.jpg) center center no-repeat fixed; background-size: contain;}

#bg_band p{margin-top: 35px;}

.img_3collage{margin-top: 35px;}

.form-thanks{display: none; max-width: 800px; margin: 0 auto; text-align: center; padding-top: 40px; float: left;} 

.form-thanks h2{text-transform: uppercase; font-size: 24px;font-family: 'ubuntumedium'; text-align: left; margin-bottom: 10px;}


#video_bg p{overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 75px;
    margin-top: 10px;}

.max_width_div{max-width: 1280px; margin: 0 auto;}

#band_banner{background: url(../images/band-text-bg.jpg) center center no-repeat; background-size: cover; height: 600px; margin-top: 50px; margin-bottom: 20px; position: relative;}

.band_banner_text{max-width: 480px; padding:0 40px; padding-top: 60px; z-index: 2; position: relative;}

@media(max-width: 767px){
.get_social li span{margin-right: 0;}

.get_social li{margin-left: 5px;}

.get_social li img{height: 24px;}

.get_social{float: none; padding-top: 10px;}

#footer{text-align: center; padding: 20px 0; line-height: 22px;}

#banner_home{padding-top:120px; height: 500px;}

.banner_text{padding-top: 0px; z-index: 2; position: relative;}

.banner_text h1{font-size: 32px; line-height: 36px;}

.banner_hrline{margin-top: 20px;}

.banner_text h6{margin-top: 20px;}

.banner_text h6 span{font-style: italic;}

.banner_text p{margin-top: 30px;}

.banner_overlay{display: block; background-color: rgba(0,0,0,0.6); position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 1;}

.vertical_center{display: inherit;}

.about_center .col-sm-6{padding-left: 15px; padding-right: 15px;}

.mobile_margin_top{margin-bottom: 50px;}

.icon_play{max-width:30px; margin-left: -15px; margin-top: -15px;}

#bg_concerts_collaboration .bulet_points{padding-left: 0px; padding-right: 0px;}

.img_contact{float: none; width: 100%; margin-right: 0px; text-align: center; margin-bottom: 20px;}

.right_contact_form{float: none; width: 100%;}

#bg_classical_concerts .bulet_points{padding-left: 0px; padding-right: 0px;}

.band_overlay{background-color: rgba(255,255,255,0.7); position: absolute; top: 0; left:0; height: 100%; width: 100%; z-index: 1;}
}

@media(max-width: 480px){
#testimonials .col-xs-6{float: none; width: 100%; text-align: center;}

#video_bg .col-xs-4{float: none; width: 100%; text-align: center;}

.get_social li span{font-size: 14px;}

#video_bg .col_xs_2{float: none; width: 100%;}

#video_bg p{min-height: auto;}
}

@media(max-width: 991px){
.container-fluid{padding-left: 15px; padding-right: 15px;}

.right_contact_form ul li{display: block; margin-left: 0px; margin-bottom: 20px;}
}

@media(max-width: 1199px){
#banner_home{background: url(../images/banner-home.jpg) center top no-repeat; background-size: cover; padding-top: 125px;}

.mobile_header{display: block;
    z-index: 999;
    width: 100%;position: fixed;
  }

.posit_fixed{position: fixed; top: 0; left:0; z-index: 99; width: 100%; background-color: rgba(255,255,255,0.9); padding-bottom: 10px;}

#header{display: none;} 
}

@media(min-width:768px){
.col_sm_4{    float: none;
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: -5px;}
.resp-tabs-list li{
  height: 69px;
}
}

@media(min-width:992px){
.col_md_5{     float: none;
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: -5px;}
}

@media(min-width: 1400px){
#banner_home{height: calc(100vh - 45px);}
}

/*****BACK TO TOP******/
#backTop{
    width:35px;
    height:35px;
    padding:0px;
    right: 20px !important;
    border-radius:50%;
    text-indent:-9999px;
    cursor:pointer;
    z-index:999999999;
    display:none;
    box-sizing:content-box;
  -webkit-box-sizing:content-box;
}
#backTop.white{
     background:url(../images/arrow-right.png) no-repeat center center rgba(236, 83, 34, 1);
     transform: translateY(50%) rotate(-90deg);
}
#backTop.black{
     background:url(../images/arrow-right.png) no-repeat center center rgba(236, 83, 34, 1);
     transform: translateY(50%) rotate(-90deg);
}
#backTop.red{
     background:url(../images/arrow-right.png) no-repeat center center rgba(236, 83, 34, 1);
    border:1px solid #e84410;
    transform: translateY(50%) rotate(-90deg);
}
#backTop.green{
     background:url(../images/arrow-right.png) no-repeat center center rgba(236, 83, 34, 1);
    border:1px solid #e84410;
    transform: translateY(50%) rotate(-90deg);
}

.error {
    color: #900;
    font-size: 13px;
    border:1px solid #900;
}
figcaption{
    color: black;
    font-size: 13px;
  }

.extra-margin-top-10{margin-top: 10px;}

.normal_points{text-align: left; padding-left: 10px; padding-top: 15px;}

.normal_points li{list-style: decimal; margin-top: 10px; color: #f13c02; font-family: 'ubuntumedium';}

.normal_points li span{font-family: 'ubunturegular'; color: #333333;}

.extra-padding-top-30{padding-top: 30px;}

.extra-padding-bottom-30{padding-bottom: 30px;}

.btn_group_press{text-align: center;}

.btn_group_press .btn_download_kit{display: inline-block; width: auto; padding: 0 15px; max-width: inherit; margin-right: 10px;}

.carnegie_hall p{text-align: center; margin-bottom: 30px;}

.banner_text p{font-size:22px; line-height: 30px; padding-top: 30px;}

.banner_text a{color: #fff;}

.banner_text a:hover{color: #ffcb00;}

.extra-margin-top-30{margin-top: 30px;}

.extra-margin-bottom-30{margin-bottom: 30px;}

.home_banner_carnegie_hall{display: block; border-radius: 10px; text-align: center; padding: 20px; transition: all 0.5s;text-shadow: 0 4px 6px #333}

.home_banner_carnegie_hall:hover{border-radius: 30px;}

.banner_link{max-width: 700px;}

.banner_link a{width:50%;color: #fff; margin-right: 20px;}

.banner_link p {
    font-size: 22px;
    line-height: 30px;
    padding-top: 30px;
}

.banner_link p {
    margin-top: 90px;
    font-style: italic;
    display: flex;
    align-items: stretch;
}

.banner_link a.bold{font-size: 26px;font-family: 'ubuntumedium';}

.banner_link a span{font-size: 22px;font-family: 'ubunturegular';}

.banner_link a:hover{color: #ffcb00;}

@media(min-width: 992px){
.gallery .col-md-3{float: none; display: inline-block; margin-left: -4px;}
}

@media(max-width: 767px){
#banner_home {
    background: url(../images/banner-home.jpg) 80% top no-repeat;
    background-size: cover;
}

.flex_order_row {
      display: flex;
      flex-direction: column;
  }

.mobile_order2{order: 2}

.mobile_order1{order: 1}

.btn_group_press .btn_download_kit{margin-top: 20px;}

.btn_download_kit{height: 42px; line-height: 42px;}

.mobile_hidden{display: none;}

.banner_text p {
    font-size: 22px;
    line-height: 30px;
    padding-top: 230px;
    margin: auto;
    text-align: center;
    max-width: 254px;
}

.banner_link a{font-size: 22px;}

.banner_link a span{font-size: 16px;}

.banner_link p{font-size: 16px;}
}

/*about sec start by prince*/
.container {
  width: 1450px;
  margin: 0 auto;
}
.container2 {
  width: 1200px;
  margin: 0 auto;
}

.about_sec_main {
  padding: 50px 0px;
}
.about_section1 {
  width: 100%;
  float: left;
}
.about_sec1_left span {
  text-align: center;
  color: #000;
  font-weight: 700;
  display: block;
  padding-top: 10px;
}

.about_sec1_right p {
  font-size: 20px;
  line-height: 30px;
  color:#000;
  text-align: justify;
  padding-top: 10px;
}

.about_section2, .about_section3, .about_section4 {
  width: 100%;
  float: left;
  padding: 50px 0px;
}

.about_sec2_left p {
  text-align: center;
  color: #000;
  padding-top: 15px;
  font-weight: 700;
  font-size: 18px;
}

.about_sec2_left_bottom p {
font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  text-align: justify;
  padding-top: 20px;
}

.about_section3 .about_sec1_left {
  float: right;
}
.about_section3 .about_sec1_left img {
  margin:0 auto;
}

.about_section3 .about_sec1_right {
  padding-top: 50px;
}
.week_slider .slick-prev:before, .week_slider2 .slick-prev:before {
    content: "";
}
.week_slider .slick-next:before, .week_slider2 .slick-next:before  {
    content: "";
}
.week_slider .slick-prev {
    background: url(../images/about/arrow_left.png) no-repeat;
    width: 23px;
    height: 38px;
    left: 0%;
    z-index: 999;
}

.week_slider .slick-next {
    background: url(../images/about/arrow_right.png) no-repeat;
    width: 23px;
    height: 38px;
    right: 0%;
    z-index: 999;
}

.week_slider2 .slick-prev {
    background: url(../images/about/arrow_left.png) no-repeat;
    width: 23px;
    height: 38px;
    left: -4%;
    z-index: 999;
}

.week_slider2 .slick-next {
    background: url(../images/about/arrow_right.png) no-repeat;
    width: 23px;
    height: 38px;
    right: -4%;
    z-index: 999;
}
.about_section4 .about_sec1_right {
  padding-top: 50px;
}
.about_section4 .about_sec1_right h4 {
  font-size: 22px;
  color: #000;
  padding-bottom: 20px;
}
.float_right {
  float: right;
}

.about_section4 h3 {
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 20px;
}

.about_section4 .about_sec1_left {
  text-align: center;
}

.about_section4 .about_sec1_left h4 {
text-align: center;
    color: #000;
    font-weight: 700;
    display: block;
    padding-top: 10px;
    font-size: 20px;
    padding: 10px 0px;
}
.about_section4 .about_sec1_left p  {
  color: #000;
  font-size: 18px;
  font-weight: 700;
}

.second_sec {
  width: 100%;
  float: left;
}

.home_banner_carnegie_hall img {
  width: 80%;
}

.home_sec44_content {
    width:100%;
    float:left;
    padding:50px 0px;
}

.home_sec44_content h1 {
    font-size: 22px;
    color: #333333;
    font-family: 'ubuntumedium';
    font-weight:700;
    padding-bottom:10px;
}



.home_sec44_content h2 {
    font-size: 18px;
    color: #333333;
    font-family: 'ubuntumedium';
    font-weight:700;
    padding-bottom:10px;
}

.home_sec44_content h3 {
    font-size: 20px;
    color: #333333;
    font-family: 'ubuntumedium';
    font-weight:700;
    padding-bottom:10px;
}

.home_sec44_content p {
    font-size: 16px;
    text-align: justify;
    padding-bottom: 20px;
}


 .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
    }

   .learn_to_play  .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #fff;
        background-color: #50301a;
        border-color: #50301a;
    }

   .learn_to_play  .panel-title {
        font-size: 16px;
    font-weight: 700;
    }

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }

    .learn_to_play .more-less {
        float: right;
        color: #fff;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }
    
    .learn_paly_show {display:none;}
    
    .black_button {
    padding: 8px 32px;
    font-size: 14px;
    font-weight: 700;
    color: #2a2826;
    background: none;
    border: 2px solid #2a2826;
    border-radius: 4px;
    margin: 10px 0px;
    text-decoration: none;
}


.black_button:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
}

.paly_show2 {display:block;}
.black_button_hide {display:none;}