@charset "utf-8";

.none {
    display: none;
}
html, body, div, span, h1, h2, h3, p, em, img, strong, sub, sup, ul, li, form, label, table, tr, th, td, article, aside, footer, header, menu, nav, section, audio {
	margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;outline:none;}
table {border-collapse:collapse;border-spacing:0;}
td, td img {vertical-align: top;} 
input, select, button, textarea {margin:0;font-size:100%;outline:none;}
/*input[type="text"], input[type="password"], textarea {padding:0 3px;}*/
input[type="checkbox"] {vertical-align:bottom;}
input[type="radio"] {vertical-align:text-bottom;}
article, aside, footer, header, menu, nav, section{display:block;}
ul{list-style:none;}

html{min-height:100%;}
body{color:#333;text-align:left;font-size:1em;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#f4f2ee;}
a, a:visited {color: #666;text-decoration:none;}
a:hover {color: #003569;text-decoration:underline;}
a:focus, a:active {color: #003569;text-decoration:underline;}
h1, h2, h3 {font-weight:normal;}
img{max-width:100%;}
.clr{clear:both;}
.clearfix:after {clear:both;content: "";display:table;}

.center-head{max-width:850px;margin:0 auto;}
.header-top{padding:5px 0;background:#fff;margin-bottom:10px;}
	.logo{float:left;}
		.logo img {width:310px; height:80px;}

	    .search-form{float:right;padding:29px 30px 9px 0;}		
        *{box-sizing: border-box;}
        form{position:relative;}
        input{border:none;outline:none;border-radius:3px;}
        .text-inpt{opacity: 0.6;width:350px;height:42px;background:#fff;padding-left:5px;border:1px solid #B8B8B8;font-size:15px; color: #999;-webkit-transition: width .15s;
    transition: width .15s;}
        .submit-inpt{height:42px;width:42px;position:absolute;top:0;right:0;background:#003569;cursor:pointer;font-weight:bold;color:#fff;border-radius: 0 3px 3px 0;}	
.header-bottom{border-bottom:3px solid #003569;padding:1px;border-top:3px solid #000;background:#fff;max-width: 850px;margin: 0 auto;border-radius: 5px; }
 	.menu-top{padding:1px;display: inline-block;}
	.copyright_temp {display: inline-block;}
		.menu-top2 li{float:left;margin-left:30px;font-size:0.875em;font-weight:600;padding:2px 0;}
			.menu-top2 li a{color:#000;text-decoration:none;}
			.menu-top2 li a:hover{color:#003569;text-decoration:none;}

main{float:left;width:68%;margin-top:10px;}
aside{float:right;width:29%;margin:10px 0 5px 0;background:#fff;}
    .right-menu{background:#fff;}
    .right{margin-bottom:50px;}
	.right h2{text-transform:uppercase;color:#003569;background:#f8ede3;border-left:3px solid #003569;
	                                           padding:10px 20px;font-weight:600;margin-bottom:20px;}
	.right a{color:#777;font-size:1em;line-height:1.3;margin-left:20px;}
.ft{border-top: 1px solid #fbfbfb;padding:5px;background:#fff;box-sizing:border-box;}

main h1{font-size:1.25em;text-align:center;margin-bottom:10px;background:#fff;padding:8px;border: 1px solid #dbdbdb;}
h1, .jm{font-size:1.25em;text-align:center;}
.mp3cat{padding:1%;background:#fff;}
.mp3 a{font-size:0.9375em;}
.mp3{margin:3px;padding:2px;border-bottom:1px dashed #eee;}
.start{margin:20px 1px;font-size:0.9375em;text-align:center;}
.singer a,.singer a:hover{color:#555;}
.content{margin-bottom:10px;}
/*
padding:1.5%;
background:#fff;*/
.har p{margin:5px 0 5px 10px;}
.audio{width:80%;margin:10px;}
.down{margin:5px}
.next{margin:5px}
.r-menu-a a{color:#003569;}
.pop,.bottom{background:#fff; border: 1px solid #dbdbdb; margin-top:5px;}

.speedbar_block {border: 1px solid #dbdbdb;margin-bottom: 10px;} 
.texthome p{margin:7px;font-size:0.875em;margin:10px 5px;}
.texthome{background:#fff;margin:5px 0;padding:1%;}
.poptext{font-size:0.875em;margin:5px;padding:1%;}
.singer{color:#555;}

.loc{padding:1%;}
.tagmenu,.loc{background:#fff;}
.rightss {font-size:13px;}
.rec{max-width:464px;margin-left:auto;margin-right:auto;}
.tag-menu{margin:3px 10px;}
.mp3tag{display:table;}
.mp3tag li{float:left;}

a.sm2_button{margin:5px 5px 5px 0;position:relative;display:inline-block;width:22px;height:22px;text-indent:-9999px;overflow:hidden;vertical-align:middle;
border-radius:2px;margin-top:-1px;transition: all 0.2s ease-in-out;*text-indent:0px;*line-height:99em;*vertical-align:top;}
a.sm2_button:focus {outline:none;}
a.sm2_button,a.sm2_button.sm2_paused:hover {background-color:#003569;background-image:url(/images/but/arrow-right-white.png);background-image: none, url(/images/but/arrow-right-white-2x.png);background-size: 13px 14px;
*background-image:url(/images/but/arrow-right-white.gif);background-repeat:no-repeat;background-position:5px 50%;*background-position:5px 4px;}
a.sm2_button:hover,a.sm2_button.sm2_playing,a.sm2_button.sm2_playing:hover {background-color:#666;}
a.sm2_button.sm2_playing,a.sm2_button.sm2_playing:hover {transform:rotate(90deg);}
a.sm2_button.sm2_paused,a.sm2_button.sm2_paused:hover {background-color:#666;}

@media screen and (max-width:830px){
	    .text-inpt{width:280px;}
}
@media screen and (max-width:740px){
	    .text-inpt{width:240px;}
        .search-form{padding:20px 20px;}
}		
@media screen and (max-width:680px){
		.text-inpt{width:190px;}
        .search-form{padding:19px 10px;}
         main{float:none;width: 96%;margin: 0 auto;}
		 aside{float:none;width: 96%;margin: 0 auto;}
		.right{float:left;margin-bottom:20px;width:33.3%;}
		.right a{margin-left:5px;}
}
@media screen and (max-width:610px){
        .search-form{padding:0px 10px;}

}

@media screen and (max-width:610px){
		.logo{float:none;margin:0px auto;display:block; width: 70%;}
		.logo img {width:217px; height:56px;}
		.search-form{float:none;display:table;margin:0 auto;}
		.text-inpt{width:280px;}
		.right h2{margin-bottom:5px;}
		.right{float:none;display:table;margin:10px auto;width:70%;}
		.audio{width:94%;margin:10px 3px;}
}
@media screen and (max-width:410px){
        .text-inpt{width:250px;}
		.right{width:80%;}
        .logo{width:80%;}   
		.logo img {width:248px; height:64px;}
		
}

@media screen and (max-width:320px){
	    .text-inpt{width:90%;}
}

.more_div {
     margin-top: 9px;
    margin-left: 27px;
    margin-right: 6px;
    padding-top: 9px;
    border-top: 1px solid #dfe2e8;}
b, strong, .bold{
    font-weight: bold;
}
.link_map {
padding: 10px 0 5px 32px;
}

.link_map:hover {
background:#f6f6f6;
}

i, .em{
    font-style: italic;
}

u {
    text-decoration: underline;
}

a {
    color: #003569;
    /* text-decoration: underline; */
    outline: none;
    font-weight: 600;
}

a:hover, a:active {
    text-decoration: none
}

input, button {
    padding: 0;
    margin: 0;
    line-height: normal;
    outline: none;
    border: none;
    
}

textarea {
    
}

button {
    cursor: pointer;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
	
	
}

::-webkit-input-placeholder {
    color: #656565;
}

::-moz-placeholder {
    color: #656565;
}

:-moz-placeholder {
    color: #656565;
}

:-ms-input-placeholder {
    color: #656565;
}

:focus::-webkit-input-placeholder {
    color: transparent;
}

:focus::-moz-placeholder {
    color: transparent;
}

:focus:-moz-placeholder {
    color: transparent;
}

:focus:-ms-input-placeholder {
    color: transparent;
}

:focus {
    outline: none;
}


.wrapper:after,
.wrp:after,
.container:after,
.content:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
}

.container {
    padding-bottom: 40px;
}

.wrapper {
	max-width: 850px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 6;
	border-top: 1px solid #fbfbfb;
	border-bottom: 1px solid #dedede;
}

.sidebar {
   background: #fff;
}


.cat_title {
    text-align: center;
}


.wrp{
	padding: 5px 0;
    margin-bottom: 10px;
	 max-width: 850px;
    margin: 0 auto;
	border-bottom: 1px solid #dedede;
}

.spoiler {
	margin-left:20px;

}

.mp3cat {
	padding: 1%;
    background: #fff;
	border: 1px solid #dbdbdb;
	}


/*   footer   */

.footer {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
    position: relative;
    height: 108px;
    padding: 0px 25px 0 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin: 30px 0;
}


.footer:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
}

.copyright {
    position: relative;
    float: left;
    line-height: 78px;
    font-size: 14px;
    color: #e45960;
    font-weight: bold;
    padding-right: 20px;
}

.copyright:after {
    width: 1px;
    height: 40px;
    background: #d2d4d5;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px;
    content: '';
}

.footer_link {
    float: left;
    margin-left: 25px;
}

.footer_link ul {
    padding: 29px 0;
}

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

.footer_link ul li:first-child:before {
    display: none;
}

.footer_link ul li {
    position: relative;
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-left: 20px;
}

.footer_link ul li:before {
    width: 1px;
    height: 12px;
    background: #777;
    position: absolute;
    left: -11px;
    top: 50%;
    margin-top: -6px;
    content: '';
}

.footer_link a {
    font-style: italic;
    color: #505050;
    text-decoration: none;
}

.footer_link a:hover {
    text-decoration: underline;
}

.footer .counter {
    float: right;
    padding-top: 31px;
}

/*   scroll top   */

#scroll_top {
    display: none;
    z-index: 2600;
    position: fixed;
    right: 20px;
    bottom: 50px;
    width: 60px;
    height: 60px;
    background: url("../images/up-top-icon.png") 0 0 no-repeat;
    cursor: pointer;
    transition: 0.35s all;
    -webkit-transition: 0.35s all;
    -moz-transition: 0.35s all;
    -o-transition: 0.35s all;
    -ms-transition: 0.35s all;
}

/*   pagination   */

.pagination {
    height: 42px;
    margin: 15px 25px;
    font-size: 15px;
    clear: both;
    border-top: 1px solid #cfd1d2;
    padding-top: 15px;
}

.pagination.main {
    margin: 15px 0;
}

.pagination a,
.pagination span {
    background: #efefef;
    color: #919090;
    float: left;
    margin: 0 3px;
    width: 40px;
    height: 100% !important;
    text-align: center;
    line-height: 20px !important;
    text-decoration: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.pagination a:hover,
.pagination span {
    background-color: #e45960;
    color: #fff;
}

.pagination span {
    cursor: default
}

.pagination span.nav_ext {
    background: #fff;
    border: 1px solid #fff;
    color: #919090;
}

.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
    color: #999;
    background-color: transparent;
    cursor: default
}

.pagination a:first-child,
.pagination span:first-child {
    padding: 0;
    border: none;
}

.pagination a:last-child,
.pagination span:last-child {
    padding: 0;
    border: none;
}



.btn_check {
    display: inline-block;
    cursor: pointer;
    background: rgb(212, 94, 99);
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    padding: 5px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-top: 5px;
}

.bbcodes {
	border: 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    font-weight: 500;
    outline: none;
    margin: 0 3px 0 0;
    background: #4a76a8;
    padding: 10px 15px;
    text-decoration: none!important;
    transition: all .5s;
    color: #fff;
    border: 1px solid #224b7a;
    border-radius: 2px;
	
	}
	#searchinput {
    display: inline-block;
    width: 100% !important;
    height: 41px;
    line-height: 23px;
    padding: 8px 12px;
    color: #2d3e50;
    vertical-align: middle;
    border-radius: 2px;
    background-clip: padding-box;
    -o-box-shadow: 0 0 1px rgba(0,0,0,.01),0 2px 1px rgba(0,0,0,.04);
    -moz-box-shadow: 0 0 1px rgba(0,0,0,.01),0 2px 1px rgba(0,0,0,.04);
    -khtml-box-shadow: 0 0 1px rgba(0,0,0,.01),0 2px 1px rgba(0,0,0,.04);
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.01), 0 2px 1px rgba(0,0,0,.04);
    box-shadow: 0 0 1px rgba(0,0,0,.01), 0 2px 1px rgba(0,0,0,.04);
    border: 1px solid #e1e4e6;
    -webkit-transition: border .2s linear 0s;
    transition: border .2s linear 0s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	}
	
	.title_side {
	text-transform: uppercase;
    color: #000;
    background: #f8ede3;
    border-left: 3px solid #003569;
    padding: 10px 20px;
    font-weight: 600;
    margin-bottom: 20px;
	
	}
	.side_menu  {
	margin-bottom: 50px;
	}
	.title_side {
	text-transform:uppercase;}
	.menu_link a{color:#777;font-size:1em;line-height:1.3;margin-left:20px;}

    .mp3cat p {
        padding: 10px;
    }
	
	.har li {
	margin: 5px 0 5px 10px;
	}
	
	.hfirst {
	display: inline-block;
    width: 25%;	}
	.hsec {
	}
.azb a {
    display: inline-block;
    color: #fff;
    padding: 0 5px;
    background: #1e5bf7;
    margin: 0 5px 5px 0;
    line-height: 2.6;
    text-decoration: none;
    font-weight: bold;
    border-radius: 2px;
}

@media screen and (max-width:280px){
.audiojs .scrubber{width:85px;}
}
@media screen and (max-width:260px){
.audiojs .scrubber{width:75px;}
}
@media screen and (max-width:250px){
.audiojs .scrubber{width:70px;}
}
@media screen and (max-width:240px){
.audiojs .scrubber{width:140px;}
}


	.mp3tag_sub{display:table;margin:0 auto;background: #fff;    padding: 8px;    border: 1px solid #dbdbdb;    margin-bottom: 10px;}
	.mp3tag_sub li{float:left;}
	.tag-menu_sub{margin:5px;font-weight:bold;}
    .tag-menu_sub a{
	font-size:12px;padding:5px;margin:5px;color:##003569;}
    .tag-menu_sub a:hover{color:#f57d09;font-size:12px;text-decoration:none;padding:5px;margin:5px;}
	
	
/*
/*
 PLAYER
 */
.audioplayer {width:auto; display:inline-block;}
.mp3 a {vertical-align: middle;}
 .audioplayer
 {
 width: 40px;
 height: 40px; /* 40 */
 color: #fff;
 text-shadow: 1px 1px 0 #000;
 border: 1px solid #222;
 position: relative;
 z-index: 1;
 background: #333;
 }


 /* mini mode (fallback) */

 .audioplayer-mini
 {
 display: none;
 width: 2.5em; /* 40 */
 margin: 0 auto;
 }


 /* player elements: play/pause and volume buttons, played/duration timers, progress bar of loaded/played */

 .audioplayer > div
 {
 position: absolute;
 }


 /* play/pause button */

 .audioplayer-playpause
 {
 width: 40px; /* 40 */
 height: 100%;
 text-align: left;
 text-indent: -9999px;
 cursor: pointer;
 z-index: 2;
 top: 0;
 left: 0;
 }
 .audioplayer:not(.audioplayer-mini) .audioplayer-playpause
 {
 }
 .audioplayer-mini .audioplayer-playpause
 {
 width: 100%;
 }
 .audioplayer-playpause:hover,
 .audioplayer-playpause:focus
 {

 }
 .audioplayer-playpause a
 {
 display: block;
 }
 .audioplayer-stopped .audioplayer-playpause a
 {
 width: 0;
 height: 0;
 border: 0.5em solid transparent; /* 8 */
 border-right: none;
 border-left-color: #000;
 content: '';
 position: absolute;
 top: 50%;
 left: 50%;
 margin: -0.5em 0 0 -0.25em; /* 8 4 */
 }
 .audioplayer-playing .audioplayer-playpause a
 {
 width: 0.75em; /* 12 */
 height: 0.75em; /* 12 */
 position: absolute;
 top: 50%;
 left: 50%;
 margin: -0.375em 0 0 -0.375em; /* 6 */
 }
 .audioplayer-playing .audioplayer-playpause a:before,
 .audioplayer-playing .audioplayer-playpause a:after
 {
 width: 40%;
 height: 100%;
 background-color: #fff;
 content: '';
 position: absolute;
 top: 0;
 }
 .audioplayer-playing .audioplayer-playpause a:before
 {
 left: 0;
 }
 .audioplayer-playing .audioplayer-playpause a:after
 {
 right: 0;
 }


 /* timers */

 .audioplayer-time
 {
 display: none;
 width: 4.375em; /* 70 */
 height: 100%;
 line-height: 2.375em; /* 38 */
 text-align: center;
 z-index: 2;
 top: 0;
 }
 .audioplayer-time-current
 {
 display: none;
 border-left: 1px solid #111;
 border-left-color: rgba( 0, 0, 0, .25 );
 left: 2.5em; /* 40 */
 }
 .audioplayer-time-duration
 {
 display: none;
 border-right: 1px solid #555;
 border-right-color: rgba( 255, 255, 255, .1 );
 right: 2.5em; /* 40 */
 }
 .audioplayer-novolume .audioplayer-time-duration
 {
 display: none;
 border-right: 0;
 right: 0;
 }


 /* progress bar of loaded/played */

 .audioplayer-bar
 {
 display: none;
 height: 0.875em; /* 14 */
 background-color: #222;
 cursor: pointer;
 z-index: 1;
 top: 50%;
 right: 6.875em; /* 110 */
 left: 6.875em; /* 110 */
 margin-top: -0.438em; /* 7 */
 }
 .audioplayer-novolume .audioplayer-bar
 {
 display: none;
 right: 4.375em; /* 70 */
 }
 .audioplayer-bar div
 {
 display: none;
 width: 0;
 height: 100%;
 position: absolute;
 left: 0;
 top: 0;
 }
 .audioplayer-bar-loaded
 {
 display: none;
 background-color: #333;
 z-index: 1;
 }
 .audioplayer-bar-played
 {
 display: none;
 background: #007fd1;
 z-index: 2;
 }


 /* volume button */

 .audioplayer-volume
 {
 display: none;
 width: 2.5em; /* 40 */
 height: 100%;
 border-left: 1px solid #111;
 border-left-color: rgba( 0, 0, 0, .25 );
 text-align: left;
 text-indent: -9999px;
 cursor: pointer;
 z-index: 2;
 top: 0;
 right: 0;
 }
 .audioplayer-volume:hover,
 .audioplayer-volume:focus
 {
 display: none;
 background-color: #222;
 }
 .audioplayer-volume-button
 {
 display: none;
 width: 100%;
 height: 100%;
 }
 .audioplayer-volume-button a
 {
 display: none;
 width: 0.313em; /* 5 */
 height: 0.375em; /* 6 */
 background-color: #fff;
 display: block;
 position: relative;
 z-index: 1;
 top: 40%;
 left: 35%;
 }
 .audioplayer-volume-button a:before,
 .audioplayer-volume-button a:after
 {
 display: none;
 content: '';
 position: absolute;
 }
 .audioplayer-volume-button a:before
 {
 display: none;
 width: 0;
 height: 0;
 border: 0.5em solid transparent; /* 8 */
 border-left: none;
 border-right-color: #fff;
 z-index: 2;
 top: 50%;
 right: -0.25em;
 margin-top: -0.5em; /* 8 */
 }
 .audioplayer:not(.audioplayer-muted) .audioplayer-volume-button a:after
 {
 display: none;
 /* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */
 width: 0.313em; /* 5 */
 height: 0.313em; /* 5 */
 border: 0.25em double #fff; /* 4 */
 border-width: 0.25em 0.25em 0 0; /* 4 */
 left: 0.563em; /* 9 */
 top: -0.063em; /* 1 */
 -webkit-border-radius: 0 0.938em 0 0; /* 15 */
 -moz-border-radius: 0 0.938em 0 0; /* 15 */
 border-radius: 0 0.938em 0 0; /* 15 */
 -webkit-transform: rotate( 45deg );
 -moz-transform: rotate( 45deg );
 -ms-transform: rotate( 45deg );
 -o-transform: rotate( 45deg );
 transform: rotate( 45deg );
 }


 /* volume dropdown */

 .audioplayer-volume-adjust
 {
 height: 6.25em; /* 100 */
 cursor: default;
 position: absolute;
 left: 0;
 right: -1px;
 top: -9999px;
 background: #333;
 }
 .audioplayer-volume:not(:hover) .audioplayer-volume-adjust
 {
 opacity: 0;
 }
 .audioplayer-volume:hover .audioplayer-volume-adjust
 {
 top: auto;
 bottom: 100%;
 }
 .audioplayer-volume-adjust > div
 {
 width: 40%;
 height: 80%;
 background-color: #222;
 cursor: pointer;
 position: relative;
 z-index: 1;
 margin: 30% auto 0;
 }
 .audioplayer-volume-adjust div div
 {
 width: 100%;
 height: 100%;
 position: absolute;
 bottom: 0;
 left: 0;
 background: #007fd1;
 }
 .audioplayer-novolume .audioplayer-volume
 {
 display: none;
 }


 /* CSS3 decorations */

 .audioplayer
 {

 }
 .audioplayer-volume-adjust
 {
 -webkit-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
 -moz-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
 box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
 }
 .audioplayer-bar,
 .audioplayer-volume-adjust > div
 {
 -webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
 -moz-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
 box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
 }
 .audioplayer-volume-adjust div div,
 .audioplayer-bar-played
 {
 -webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
 -moz-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
 box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
 }
 .audioplayer-playpause,
 .audioplayer-volume a
 {
 
 }
 .audioplayer,
 .audioplayer-volume-adjust
 {
 background: #80c8ff;
 }
 .audioplayer-bar-played
 {
 background: #80c8ff;
 }
 .audioplayer-volume-adjust div div
 {
 
 }
 .audioplayer-bar,
 .audioplayer-bar div,
 .audioplayer-volume-adjust div
 {
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 }
 .audioplayer
 {
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 50%;
 }
 .audioplayer-volume-adjust
 {
 -webkit-border-top-left-radius: 2px;
 -webkit-border-top-right-radius: 2px;
 -moz-border-radius-topleft: 2px;
 -moz-border-radius-topright: 2px;
 border-top-left-radius: 2px;
 border-top-right-radius: 2px;
 }
 .audioplayer *,
 .audioplayer *:before,
 .audioplayer *:after
 {
 -webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
 -moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
 -ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
 -o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
 transition: color .25s ease, background-color .25s ease, opacity .5s ease;
 }

/* COOKIE NOTICE
----------------------------------------------- */
.hs-cookie-notice {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    background: #fff;
    border-top: 3px solid #003697;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.15);
    padding: 16px 20px;
    transform: translateY(0);
    transition: transform 0.35s ease, opacity 0.35s ease;
    opacity: 1;
}
.hs-cookie-notice.hs-cookie-hidden {
    transform: translateY(100%);
    opacity: 0;
    pointer-events: none;
}
.hs-cookie-notice-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
.hs-cookie-notice-body {
    flex: 1 1 300px;
}
.hs-cookie-notice-title {
    font-weight: 700;
    font-size: 15px;
    color: #003697;
    margin-bottom: 4px;
}
.hs-cookie-notice-text {
    font-size: 13px;
    color: #444;
    line-height: 1.5;
}
.hs-cookie-notice-text a {
    color: #003697;
    text-decoration: underline;
}
.hs-cookie-notice-text a:hover {
    color: #e52d27;
}
.hs-cookie-notice-buttons {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
    flex-wrap: wrap;
}
.hs-cookie-btn {
    display: inline-block;
    padding: 9px 22px;
    border-radius: 4px;
    border: none;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    white-space: nowrap;
    line-height: 1;
}
.hs-cookie-btn-accept {
    background: #003697;
    color: #fff;
}
.hs-cookie-btn-accept:hover {
    background: #0047c8;
}
.hs-cookie-btn-reject {
    background: #f0f0f0;
    color: #333;
    border: 1px solid #ccc;
}
.hs-cookie-btn-reject:hover {
    background: #e0e0e0;
}
@media screen and (max-width: 600px) {
    .hs-cookie-notice-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    .hs-cookie-notice-buttons {
        width: 100%;
    }
    .hs-cookie-btn {
        flex: 1;
        text-align: center;
    }
}