.sound-streaming{max-width:1440px;margin:0 auto;padding:80px 0 120px 0}
.sound-streaming__headline-text{width:572px;margin:0 auto 48px auto;font-family:'SamsungSharpSans',arial,sans-serif;font-weight:bold;font-size:38px;line-height:1.2;text-align:center}
.sound-streaming__container{width:50%}
.sound-streaming__container-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:1156px;margin:0 auto}
.sound-streaming__container:nth-child(odd){padding-right:12px}
.sound-streaming__container:nth-child(even){padding-left:12px}
.sound-streaming__container:nth-child(n+3){margin-top:80px}
.sound-streaming__container-top{position:relative}
.sound-streaming__image{width:566px;height:238px}
.sound-streaming__image .image img{border-radius:20px}
.sound-streaming__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;padding:0 32px;z-index:1;text-align:center}
.sound-streaming__sub-headline-text{text-align:center}
.sound-streaming__sub-headline-text span{font-family:'SamsungSharpSans',arial,sans-serif;font-weight:bold;font-size:32px;line-height:1.33}
.sound-streaming__description{font-size:18px;line-height:1.33}
.sound-streaming__sub-headline-text+.sound-streaming__description{margin-top:14px}
.sound-streaming__sound-list{margin-top:48px;padding:0 32px}
.sound-streaming__sound-title{display:block;margin-bottom:24px;font-weight:bold;font-size:22px;line-height:1.33}
.sound-streaming .audio+.audio{margin-top:15px}
.sound-streaming .audio__description{font-size:18px;line-height:1.33}
.sound-streaming .audio-controller{position:relative;margin-top:-3px}
.sound-streaming .audio-controller__controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;direction:ltr;padding-bottom:8px}
.sound-streaming .audio-controller__controls>a:not(.audio-controller__btn-caption){-ms-flex-negative:0;flex-shrink:0;position:relative;width:24px;height:24px}
.sound-streaming .audio-controller__controls>a:not(.audio-controller__btn-caption) .icon{width:100%;height:100%}
.sound-streaming .audio-controller__bar{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;position:relative;height:2px;background:#8f8f8f;vertical-align:middle}
.sound-streaming .audio-controller__bar-filled{position:absolute;left:0;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%;background:#000;-webkit-transform:scaleX(0);transform:scaleX(0)}
.sound-streaming .audio-controller__time{position:absolute;left:0;bottom:0;color:#313131;font-size:12px}
.sound-streaming .audio-controller__play-pause{margin-left:16px}
.sound-streaming .audio-controller__play-pause .icon--play{display:block}
.sound-streaming .audio-controller__play-pause .icon--pause{display:none}
.sound-streaming .audio-controller__controls--play .audio-controller__play-pause .icon--play{display:none}
.sound-streaming .audio-controller__controls--play .audio-controller__play-pause .icon--pause{display:block}
.sound-streaming .audio-controller__stop{margin-left:8px}
.sound-streaming .audio-controller__stop:before{content:'';display:block;position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:#000}
.sound-streaming .audio-controller__btn-caption{-ms-flex-negative:0;flex-shrink:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#000;font-size:12px;height:30px;padding:0 16px;margin-left:8px;border:1px solid #8f8f8f;border-radius:30px;vertical-align:middle}
.sound-streaming .audio-controller__btn-caption.is-active,.sound-streaming .audio-controller__btn-caption:hover,.sound-streaming .audio-controller__btn-caption:focus{border-color:#2189ff;font-weight:bold}
.sound-streaming .audio .audio-caption-layer{display:none;position:absolute;left:0;right:0;top:35px;min-height:72px;border-radius:20px;background:#fff;-webkit-box-shadow:0 4px 10px 0 rgba(0,0,0,0.16);box-shadow:0 4px 10px 0 rgba(0,0,0,0.16);z-index:2}
.sound-streaming .audio .audio-caption-layer.is-opened{display:block}
.sound-streaming .audio .audio-caption-layer__inner{padding:56px 24px;color:#000;font-size:14px;line-height:1.33}
.sound-streaming .audio .audio-caption-layer__close{display:block;position:absolute;right:24px;top:24px}
.sound-streaming .audio .audio-caption-layer__close svg.icon{display:block;width:24px;height:24px}
.sound-streaming.bg-black .audio-controller__bar,.sound-streaming.bg-dark-gray .audio-controller__bar{background:#5f5f5f}
.sound-streaming.bg-black .audio-controller__bar-filled,.sound-streaming.bg-dark-gray .audio-controller__bar-filled{background:#fff}
.sound-streaming.bg-black .audio-controller__time,.sound-streaming.bg-dark-gray .audio-controller__time{color:#eee}
.sound-streaming.bg-black .audio-controller__play-pause .icon--play,.sound-streaming.bg-dark-gray .audio-controller__play-pause .icon--play,.sound-streaming.bg-black .audio-controller__play-pause .icon--pause,.sound-streaming.bg-dark-gray .audio-controller__play-pause .icon--pause{fill:#fff}
.sound-streaming.bg-black .audio-controller__stop:before,.sound-streaming.bg-dark-gray .audio-controller__stop:before{background:#fff}
.sound-streaming.bg-black .audio-controller__btn-caption,.sound-streaming.bg-dark-gray .audio-controller__btn-caption{color:#fff;border-color:#5f5f5f}
.sound-streaming.bg-black .audio-controller__btn-caption.is-active,.sound-streaming.bg-dark-gray .audio-controller__btn-caption.is-active,.sound-streaming.bg-black .audio-controller__btn-caption:hover,.sound-streaming.bg-dark-gray .audio-controller__btn-caption:hover,.sound-streaming.bg-black .audio-controller__btn-caption:focus,.sound-streaming.bg-dark-gray .audio-controller__btn-caption:focus{border-color:#2189ff}
.sound-streaming.bg-dark-gray .audio-controller__bar{background:#818181}
.sound-streaming.bg-dark-gray .audio-controller__btn-caption{border-color:#818181}
@media only screen and (min-width:768px) and (max-width:1440px){.sound-streaming{padding:5.55555556vw 0vw 8.33333333vw 0vw}
.sound-streaming__headline-text{width:39.72222222vw;margin-bottom:3.33333333vw;font-size:2.63888889vw}
.sound-streaming__container-wrap{width:80.27777778vw}
.sound-streaming__container:nth-child(odd){padding-right:.83333333vw}
.sound-streaming__container:nth-child(even){padding-left:.83333333vw}
.sound-streaming__container:nth-child(n+3){margin-top:5.55555556vw}
.sound-streaming__image{width:39.30555556vw;height:16.52777778vw}
.sound-streaming__image .image img{border-radius:1.38888889vw}
.sound-streaming__text{padding:0vw 2.22222222vw}
.sound-streaming__sub-headline-text span{font-size:2.22222222vw}
.sound-streaming__description{font-size:1.25vw}
.sound-streaming__sub-headline-text+.sound-streaming__description{margin-top:.97222222vw}
.sound-streaming__sound-list{margin-top:3.33333333vw;padding:0vw 2.22222222vw}
.sound-streaming__sound-title{margin-bottom:1.66666667vw;font-size:1.52777778vw}
.sound-streaming .audio+.audio{margin-top:1.04166667vw}
.sound-streaming .audio__description{font-size:1.25vw}
.sound-streaming .audio-controller{margin-top:-0.20833333vw}
.sound-streaming .audio-controller__controls{padding-bottom:.55555556vw}
.sound-streaming .audio-controller__controls>a:not(.audio-controller__btn-caption){width:1.66666667vw;height:1.66666667vw}
.sound-streaming .audio-controller__time{font-size:.83333333vw}
.sound-streaming .audio-controller__play-pause{margin-left:1.11111111vw}
.sound-streaming .audio-controller__stop{margin-left:.55555556vw}
.sound-streaming .audio-controller__stop:before{top:.20833333vw;right:.20833333vw;bottom:.20833333vw;left:.20833333vw}
.sound-streaming .audio-controller__btn-caption{font-size:.83333333vw;height:2.08333333vw;padding:0vw 1.11111111vw;margin-left:.55555556vw;border-radius:2.08333333vw}
.sound-streaming .audio-caption-layer{top:2.43055556vw;min-height:5vw;border-radius:1.38888889vw}
.sound-streaming .audio-caption-layer__inner{padding:3.88888889vw 1.66666667vw;font-size:.97222222vw}
.sound-streaming .audio-caption-layer__close{right:1.66666667vw;top:1.66666667vw}
.sound-streaming .audio-caption-layer__close svg.icon{width:1.66666667vw;height:1.66666667vw}
}
@media only screen and (max-width:767px){.sound-streaming{padding:13.33333333vw 6.66666667vw}
.sound-streaming__headline-text{width:100%;margin-bottom:6.66666667vw;font-size:8.33333333vw;line-height:1.33}
.sound-streaming__container{width:100%;height:auto}
.sound-streaming__container-wrap{display:block;width:100%}
.sound-streaming__container:nth-child(odd){padding-right:0}
.sound-streaming__container:nth-child(even){padding-left:0}
.sound-streaming__container:nth-child(n+2),.sound-streaming__container:nth-child(n+3){margin-top:13.33333333vw}
.sound-streaming__image{width:100%;height:100%}
.sound-streaming__image .image img{border-radius:5.55555556vw}
.sound-streaming__text{padding:0vw 4.44444444vw}
.sound-streaming__sub-headline-text span{font-size:7.22222222vw}
.sound-streaming__description{font-size:3.88888889vw}
.sound-streaming__sub-headline-text+.sound-streaming__description{margin-top:2.22222222vw}
.sound-streaming__sound-list{margin-top:6.66666667vw;padding:0}
.sound-streaming__sound-title{margin-bottom:4.44444444vw;font-size:4.44444444vw}
.sound-streaming .audio+.audio{margin-top:2.22222222vw}
.sound-streaming .audio__description{font-size:3.88888889vw}
.sound-streaming .audio-controller{margin-top:-1.38888889vw}
.sound-streaming .audio-controller__controls{padding-bottom:2.5vw}
.sound-streaming .audio-controller__controls>a:not(.audio-controller__btn-caption){width:6.66666667vw;height:6.66666667vw}
.sound-streaming .audio-controller__time{bottom:1.11111111vw;font-size:2.77777778vw}
.sound-streaming .audio-controller__play-pause{margin-left:3.33333333vw}
.sound-streaming .audio-controller__stop{margin-left:2.22222222vw}
.sound-streaming .audio-controller__stop:before{top:.83333333vw;right:.83333333vw;bottom:.83333333vw;left:.83333333vw}
.sound-streaming .audio-controller__btn-caption{font-size:3.33333333vw;height:8.33333333vw;padding:0vw 4.44444444vw;margin-left:2.22222222vw;border-radius:8.33333333vw}
.sound-streaming .audio .audio-caption-layer{top:9.72222222vw;min-height:20vw;border-radius:5.55555556vw}
.sound-streaming .audio .audio-caption-layer__inner{padding:15.55555556vw 6.66666667vw;font-size:3.88888889vw}
.sound-streaming .audio .audio-caption-layer__close{right:6.66666667vw;top:6.66666667vw}
.sound-streaming .audio .audio-caption-layer__close svg.icon{width:6.66666667vw;height:6.66666667vw}
}