/*!
 * Bootstrap v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */




.navbar2{ padding-top:50px; padding-bottom:15px; font-size: 0.95rem; margin-top:0;}
.nav_title{ margin-top:20px;}
.nav_title h6{  color:#3F3F3F;}
.line_hight{margin-top:20px;}
.bg-primary2 { background-color:#272727;}


body{ color:#373737;  }


@media (max-width:991.98px){  .audiotrak_wrap{ margin-top:50px;}
                                  .top_banner_img{ width:95%;}
                                 
								  h2 { font-size: 2rem;} 
								  
								  }
                              
@media (min-width:992px){  .audiotrak_wrap{ margin-top:140px;}
                              .top_banner_img{ width:60%;}
							  h2 { font-size: 2rem;}
                             }





.at_main_footer{ color:#E0E0E0;}



		ol.marumoji{
  counter-reset: my_counter;
  list-style: none;
}

ol.marumoji li{
  position: relative;
}
ol.marumoji li::before{
  position: absolute;
  top: calc(50% - 8px);

  content: counter(my_counter);
  counter-increment: my_counter;
  width: 15px;  height: 15px;
  line-height: 13px;
  margin-left: -25px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid black;
  border-radius: 50%;
}	


.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
	.carousel-indicators li { background-color: rgba(0, 0, 0, 0.5);}	  	






/*#audiotrak_news*/
#audiotrak_news .top_banner{ margin-top:150px;}
#audiotrak_news .text-primary2 {color: #307488!important;}

@media (max-width:991.98px){  #audiotrak_news .top_banner_img{ width:95%;}
                                  #audiotrak_news h2 { font-size: 2rem;} 
								  #audiotrak_news .margin_top_main{ margin-top:70px;}
								  #audiotrak_news .news_list{ padding-top:50px;}
								  }
                              
@media (min-width:992px){ #audiotrak_news .top_banner_img{ width:60%;}
                              #audiotrak_news h2 { font-size: 2rem;}
							  #audiotrak_news .margin_top_main{ margin-top:0;}
							  #audiotrak_news .news_list{ padding-top:270px;}
                             }


#audiotrak_news .audiotrak_news_back{ background-position:center; background:url(../image/music-2016915_1920.jpg); height:1000px; background-size:cover;  background-repeat:no-repeat; width:100%;}		



#audiotrak_news .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
#audiotrak_news .card-body{ color:#D9D9D9; background:#464646;}
#audiotrak_news .card-header {
    padding: 0; 
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125); }
	
#audiotrak_news .card{
	background-color: #2E2E2E;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);}
	
#audiotrak_news .btn-link {
    font-weight: 400;
    color: #9A9A9A;}
	
#audiotrak_news h5{ color:#FFF;}
#audiotrak_news h6{ color:#FFF;}
		
#audiotrak_news .news_list{ font-size:2rem;   margin-left:5rem;}		
#audiotrak_news .news_wrap{margin-bottom:50px; margin-top:150px;}
	/*#audiotrak_news*/







 .table .btn2 {
  background-color:#535353;
  border: none;
  color: white;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 1rem;
}

/* Darker background on mouse-over */
 .table .btn2:hover {
  background-color:#CFCFCF;
}
 .table hr.style10 {
  border-top: 1px dotted #8c8b8b;
  border-bottom: 1px dotted #808080;
}

 .table .bk_1 { background:#E8E8E8; line-height:2.5rem;}


/*audiotrak footer*/
.audinst_icon{ margin-top:50px; }
.audinst_icon .col-lg-4{margin-bottom:50px;}
.audinst_icon .col-lg-4 {
  text-align: center;
}
.audinst_icon h2 {
  font-weight: 400; margin-top:20px;
}
.audinst_icon .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}