html,
body {width:100%; height:100%; margin:0px; padding:0; background: #e5e1d4;}
body {position:relative; font-family: Verdana; font-size: 14px; line-height: 1.2; color: #000;}
body * {max-width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html.noscroll,
body.noscroll {overflow: hidden;}

form {padding:0; margin:0;}
input, object {outline:none;}
img {margin:0; padding:0; border:0;}
p {padding:0; margin:0;}
a {outline:none; color:#434242; text-decoration: underline;}
div, header, main, footer, ul, li, form {position:relative;}
.fclear::after {content:''; display:block; clear:both; height:0; overflow:hidden;}
.inlblk {display: inline-block;}
.preloadfont {height: 0; font-family: 'Barlow Condensed', sans-serif; font-size: 0; color: #fff; opacity: 0;}

header {padding: 10px 20px; background: #495928;}
header .center {width: 800px; margin: 0 auto;}
header .logo {display: block; float: left; padding: 10px 0; text-decoration: none; font-size: 0;}
header .logo img {display: block;}
header .right {overflow: hidden; text-align: center; font-size: 0;}
header .right span,
header .right img {display: inline-block; vertical-align: top;}

footer {width: 800px; margin: 0 auto; padding: 20px 20px;}
footer .avert {margin-bottom: 15px;}
footer .info {margin-bottom: 50px;}
footer .mn {margin-bottom: 50px;}
footer .mn p:first-child {margin-bottom: 5px; font-size: 18px; font-weight: 700;}
footer .mn p:last-child {font-size: 14px; text-align: justify; line-height: 1.4;}
footer a {color: #000; text-decoration: underline;}
footer .ecoweb {display:inline-block; padding:6px 0 6px 35px; font-size:10px; line-height:10px; background:url(/images/global/ecoweb.png) no-repeat left center; color:#666; text-decoration:none; text-align:left; font-family:Arial;}
footer .ecoweb:hover {text-decoration:underline;}
footer .album {margin-bottom: 50px; font-size: 0; text-align: center;}
footer .album a {display: inline-block; text-decoration: none;}
footer .album a img {display: block; max-width: 100%;}
footer .album .a1 {width: 36.6793%; margin-right: 1%;}
footer .album .a2 {width: 24.3182%; margin-right: 1%;}
footer .album .a3 {width: 37.0024%;}

body.simple audio {margin-bottom: 20px;}

main {width: 800px; margin: 0 auto; padding: 30px 0px 0;}
main img {display: block;}

main .poster {margin-bottom: 50px; padding: 0 20px 50px; border-bottom: 1px solid #000; text-align: left; font-size: 14px;}
main .info {margin-bottom: 60px; padding: 0 20px 60px; border-bottom: 1px solid #000; text-align: left;}
main .info .t {margin-bottom: 20px;font-family: 'Barlow Condensed', sans-serif; font-size: 25px; font-weight: 700; letter-spacing: 1px; color: #495928; line-height: 1;}
main .list {margin-bottom: 30px;}
main .bonus {padding: 0 20px; font-size: 14px;}
main .bonus ul {list-style-type: circle; margin:0 0 0 15px; padding:0 0 0 10px;}
main .bonus ul li {margin:0; padding:0 10px 5px 0;}
main .bonus .dl {display: block; margin-bottom: 20px; padding: 10px 20px 10px 40px; background: #fff url("/images/global/dl.svg") no-repeat 10px 9px; background-size: 16px 18px; color: #000; text-decoration: none;}



main .sline {margin-bottom: 20px; padding: 10px 40px; font-size: 20px; line-height: 1; transition:background-color ease-out 0.3s; background-size: 20px 12px; cursor: pointer;}
main .sline.close {background: #eee url("/images/global/fl-bas.svg") no-repeat 10px center; background-size: 20px 12px;}
.bureau main .sline.close:hover {background-color: #ddd;}
main .sline.open {background: #000 url("/images/global/fl-top.svg") no-repeat 10px center; background-size: 20px 12px; color: #fff;}
.bureau main .sline.open:hover {background-color: #333;}
main .slaudio {margin-bottom: 40px; padding: 0 20px;}
main .slaudio .txt {margin-bottom: 20px; font-size: 14px;}
main .slaudio .txt p:last-child {margin-top: 6px; font-size: 14px;}

main .line {margin-bottom: 20px; padding: 10px; background-color: #fff; transition: background-color ease-out 0.3s; cursor: pointer;}
.bureau main .line:hover {background-color: #f8f8f8;}
main .line .inner {padding-right: 50px; background: url("/images/global/play.svg") no-repeat right center; background-size: 16px auto;}
main .line .inner .in .n {/*margin-bottom: 3px; */font-size: 24px; font-family: 'Barlow Condensed', sans-serif; font-weight: 700; letter-spacing: 1px; color: #495928; line-height: 1; z-index: 10;}
main .line .inner .in .t {font-size: 20px; font-family: 'Barlow Condensed', sans-serif; color: #495928;}
main .line .inner .in .img {position: absolute; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 1;}
main .line .inner .in .img img {display: flex; max-width: 80%; width: auto; height: auto;}
main .list.simple .line .inner {padding-right: 0; background: none;}
main .list.simple .line .inner audio {margin-top: 20px;}

.player {position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #fff; z-index: 9999999;}
.player .inner {width: 800px; height: 100%; margin: 0 auto; padding: 46px 0 50px;}
.player .inner .top {position: absolute; width: 100%; height: 46px; left: 0; top: 0; padding: 5px 20px; background: #495928;}
.player .inner .top .num {z-index: 1;}
.player .inner .top .num .n {display: inline-block; font-family: 'Barlow Condensed', sans-serif; letter-spacing: 1px; font-size: 25px; line-height: 33px; color: #fff;}
.player .inner .top .close {position: absolute; width: 46px; height: 46px; right: 0; top: 0; background: url("/images/global/close.svg") no-repeat center; background-size: 20px; z-index: 10; cursor: pointer;}
.player .inner .padd {display: flex; flex-direction: column; height: 100%; padding: 0px;}
.player .inner .padd .loading {position: absolute; width: 100%; height: 300px; left: 0; top: 0; z-index: 1;}
/*.player .inner .txtcont {display: flex; flex-direction: column; padding: 330px 20px 0; font-size: 14px; z-index: 10;}*/
.player .inner .txtcont {position: absolute; width: 100%; left: 0; top: 300px; bottom: 40px; padding: 0 20px; font-size: 14px; z-index: 10; overflow: auto;}
.player .inner .txtcont .txt {line-height: 1.2;}
.player .inner .txtcont .txt .lat {display: inline-block;}
.player .inner .txtcont .txt p:last-child {margin-top: 6px; font-size: 14px;}

.player .inner .cont {position: fixed; display: flex; flex: 1; flex-wrap: wrap; align-content: center; min-height: 0; padding: 20px 0; opacity: 1; transition: opacity ease-out 0.5s;}
.player .inner .cont.off {opacity: 0; pointer-events: none; transition-duration: 0.2s;}
.player .inner .cont .mid {max-height: 100%; height: 245px; width: 100%; padding-bottom: 51px;}
.player .inner .onde {height: 100%; margin-bottom: 1px; padding-bottom: 5px; background: #000; z-index: 10;}
.player .inner .onde img {display: block; width: 100%; height: 100%; z-index: 1;}
.player .inner .cont.off .onde img {display: none;}
.player .inner .onde .buffer {position: absolute; width: 100%; height: 5px; left: 0; bottom: 0;}
.player .inner .onde .buffer div {position: absolute; height: 5px; top: 0; background: #999; z-index: 2;}
.player .inner .onde .barre {position: absolute; width: 1px; height: 100%; left: -1px; top: 0; background: rgba(255,255,255,0.60); pointer-events: none; z-index: 3;}
.player .inner .controls {position: absolute; width: 100%; height: 51px; left: 0; bottom: 0; font-size: 0; text-align: center; background: #fff; z-index: 1;}
.player .inner .controls .bor {position: absolute; width: 100%; height: 1px; left: 0; top:0; background: #fff; z-index: 99;}
.player .inner .controls .btns {position: absolute; left: 150px; right: 150px; cursor: pointer;}
.player .inner .controls .btns.play .p {position: absolute; width: 80px; height: 80px; left: 50%; margin-left: -40px; top: -10px; border-radius: 50%; border: 3px solid #fff; background: #f50 url("/images/global/play-w.svg") no-repeat center; background-size: 18px 20px;}
.player .inner .controls .btns.pause .p {position: absolute; width: 80px; height: 80px; left: 50%; margin-left: -40px; top: -10px; border-radius: 50%; border: 3px solid #fff; background: #f50 url("/images/global/pause-w.svg") no-repeat center; background-size: 18px 20px;}
.player .inner .controls .dur {float:right; width: 150px; padding: 10px 0; font-size: 23px; line-height: 30px; color: #000; font-family: 'Barlow Condensed', sans-serif; text-align: center;}
.player .inner .controls .vol {float: left; width: 200px; height: 50px;}
.player .inner .controls .vol .sb {position: absolute; width: 34px; height: 40px; left: 10px; top: 5px; background: url("/images/global/vol.svg") no-repeat center; background-size: 14px 18px; cursor: pointer;}
.player .inner .controls .vol .sb.mute {background: url("/images/global/mute.svg") no-repeat center; background-size: 14px 18px;}
.player .inner .controls .vol .touchbar {position: absolute; height: 40px; width: 134px; left: 43px; top: 5px; cursor: pointer;}
.player .inner .controls .vol .touchbar .bar {position: absolute; height: 10px; width: 100%; left: 0; top: 15px; background: #ccc; font-size: 0; text-align: left;}
.player .inner .controls .vol .touchbar .bar .on  {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #666; z-index: 1;}
.player .inner .controls .vol .touchbar .bar .m {display: inline-block; width: 2px; height: 100%; margin-left: 6px; background: #fff; z-index: 10;}

.player .inner .controls .vol {width: 150px;}
.player .inner .controls .vol .sb {left: 0px;}
.player .inner .controls .vol .touchbar {width: 101px; left: 33px;}
.player .inner .controls .vol .touchbar .bar .m {width: 1px; margin-left: 5px;}

.player .inner .toolong {padding-top: 20px; margin-bottom: 30px;}
.player .inner .toolong .tltxt {font-size: 14px; text-align: center;}
.player .inner .toolong .btns {font-size: 0; text-align: center;}
.player .inner .toolong .btns .btn {display: inline-block; margin: 10px 20px 0; padding: 8px 20px; background: #ccc; font-size: 14px; vertical-align: top; text-decoration: none; cursor: pointer;}

.player .inner .nav {position: absolute; width: 100%; height: 50px; left: 0; bottom: 0; border-top: 1px solid #fff;}
.player .inner .nav .btns {float: left; width: 50%; height: 50px; background: #495928; text-align: center; cursor: pointer;}
.player .inner .nav .btns.prev {border-right: 1px solid #fff;}
.player .inner .nav .btns.a {width: 100%; border: 0 !important;}
.player .inner .nav .btns .in {display: inline-block;}
.player .inner .nav .btns.prev .in {padding: 10px 5px 10px 32px; background: url("/images/global/fl-l-w.svg") no-repeat left center; background-size: 16px 30px;}
.player .inner .nav .btns.next .in {padding: 10px 32px 10px 5px; background: url("/images/global/fl-r-w.svg") no-repeat right center; background-size: 16px 30px;}
.player .inner .nav .btns .in .n {display: inline-block; font-family: 'Barlow Condensed', sans-serif; font-size: 22px; line-height: 30px; color: #fff; vertical-align: baseline; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

@media screen and (max-width: 720px) {
}
@media screen and (max-width: 680px) {
}
@media screen and (max-width: 600px) {
header {padding: 10px 15px;}
header .right {padding-left: 30px;}
footer {padding: 20px 15px;}
main .info {padding: 0 15px;}
main .bonus {padding: 0 15px;}

.player .inner .txtcont {padding-left: 15px; padding-right: 15px;}
}
@media screen and (max-width: 580px) {
}
@media screen and (max-width: 500px) {
/*header .right {line-height: 1.2;}
header .right span {display: block;}	
header .right span.l1 {margin-bottom: 5px;}
header .right .tiret {display: none;}*/
}
@media screen and (max-width: 440px) {
header {padding: 10px 10px 20px;}
header .logo {float: none; margin: 0 auto 20px;}
header .logo img {margin: 0 auto;}
header .right {padding-left: 0;}
.player .inner .controls .btns {right: 90px;}
.player .inner .controls .dur {width: 90px; font-size: 15px;}
}
@media screen and (max-width: 400px) {
footer {padding: 20px 10px;}
main .info {padding: 0 10px;}
main .bonus {padding: 0 10px;}

.player .inner .txtcont {padding-left: 10px; padding-right: 10px;}
}
@media screen and (max-width: 380px) {	
main .laudio .controls .vol {width: 100px;}
main .laudio .controls .dur {width: 90px;}
}
@media screen and (max-width: 340px) {	
.player .inner .controls .btns.play .p,	
.player .inner .controls .btns.pause .p {width: 60px; height: 60px; margin-left: -30px; top: -5px;}
}
@media screen and (max-height: 400px) {
.player .inner .txtcont {padding-top: 10px;}
.player .inner .cont {padding: 10px 0 20px;}
.player .inner .toolong {padding-top: 10px;}
}


.loader {position:absolute !important;left:50%; top:50%; -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%);}
.loadpttoright {width:33px;height:7px;}
.loadpttoright div {position:absolute;top:0px;width:7px;height:7px;border-radius:50%;background:#495928;animation-timing-function:cubic-bezier(0, 1, 1, 0);}
.loadpttoright div:nth-child(1) {left:1px;animation:loadpttoright1 0.6s infinite;}
.loadpttoright div:nth-child(2) {left:1px;animation:loadpttoright2 0.6s infinite;}
.loadpttoright div:nth-child(3) {left:13px;animation:loadpttoright2 0.6s infinite;}
.loadpttoright div:nth-child(4) {left:25px;animation:loadpttoright3 0.6s infinite;}
@keyframes loadpttoright1 {
0% {transform:scale(0);}
100% {transform:scale(1);}
}
@keyframes loadpttoright3 {
0% {transform:scale(1);}
100% {transform:scale(0);}
}
@keyframes loadpttoright2 {
0% {transform:translate(0, 0);}
100% {transform:translate(12px, 0);}
}
.loadpttoright.xl {width:64px;height:11px;}
.loadpttoright.xl div {width:11px;height:11px;}
.loadpttoright.xl div:nth-child(1) {left:6px;animation:loadpttorightxl1 0.6s infinite;}
.loadpttoright.xl div:nth-child(2) {left:6px;animation:loadpttorightxl2 0.6s infinite;}
.loadpttoright.xl div:nth-child(3) {left:26px;animation:loadpttorightxl2 0.6s infinite;}
.loadpttoright.xl div:nth-child(4) {left:46px;animation:loadpttorightxl3 0.6s infinite;}
@keyframes loadpttorightxl1 {
0% {transform:scale(0);}
100% {transform:scale(1);}
}
@keyframes loadpttorightxl3 {
0% {transform:scale(1);}
100% {transform:scale(0);}
}
@keyframes loadpttorightxl2 {
0% {transform:translate(0, 0);}
100% {transform:translate(20px, 0);}
}