a{color: #0042C7;text-decoration: none}body {font-family: "Open Sans", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;color: #000;font-size: 14px;background-color: #49395ebf; }section {padding: 10px 0 50px 0 }.section-title {text-align: center;padding-top: 10px }.section-title h1 {font-size: 24px;color: #fff;font-weight: 500 }.section-title h1 span {color: #ffb03b }.catlog {background-color: #49395ebf }.catlog h5 {color: #242121;font-size: 18px;font-weight: 600 }.catlog li {font-size: 15px }.catlog a {color: #ffb03b }.list {line-height: 35px }.list li a {color: #fff }.item-content-block {padding: 8px;background-color: #fff;display: block;height: 62px;overflow: hidden }.tags a {background-color: #f7f7f7;padding: 10px;color: #000;display: inline-block;font-size: 11px;text-transform: uppercase;line-height: 11px;border-radius: 2px;margin-bottom: 20px;margin-right: 10px;}.tags a:hover {background: #49395e;color: #fff }.uishift {margin-top: 60px }.fixed-top, .fixed-top .item-content-block {background-color: #49395e }.footer {background-color: #30253e;padding-top: 40px;padding-bottom: 80px }.footer h4 {font-size: 20px }.footer {text-align: left }.Social-Icon {display: flex;}.Social-Icon a {font-size: 18px;display: inline-block;background: #ffffff;color: #262424 !important;line-height: 1;padding: 8px 0;margin-right: 15px;border-radius: 4px;text-align: center;width: 36px;height: 36px;margin-bottom: 20px;}.Social-Icon a:hover {background: #666;transition: .8s }.app {width: 100%;text-align: center;margin: 0 auto;display: grid;grid-gap: 15px;overflow: hidden;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));grid-auto-flow: dense }.item {background: #fff;display: inline;align-items: center;justify-content: center;color: #000;flex-direction: row;flex-wrap: wrap;padding: 10px;border: 1px solid #ebebeb }.item b {width: 100%;display: block;margin-top: 10px;font-size: 14px;font-weight: 300;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: left }.mcard {display: flex;border-radius: 5px;overflow: hidden;box-shadow: 0 0 21px 3px rgba(0, 0, 0, .15);transition: all .1s ease-in-out;background: #fff;padding: 10px }.mcard:hover {box-shadow: 0 0 21px 3px rgba(0, 0, 0, .11) }.mcard .img-container {flex: 1 }.mcard .img-container img {width: 130px; height:128px }.mcard .mcard-info {flex: 3;text-align: left }.mcard .mcard-info .mcard-content {padding: .2em 0 .2em 1em }.mcard .mcard-info .mcard-content h1 {font-size: 1.2em }.mcard .mcard-info .mcard-content p {color: #636363;font-size: 14px;font-weight: 400 }.mcard .mcard-info .mcard-content ul li {color: #636363;font-size: .9em;margin-left: 0 }.mcard .mcard-info .mcard-content .buttons {padding-top: .4em }.mcard .mcard-info .mcard-content .buttons .button {text-decoration: none;color: #5e5e5e;font-weight: 700;padding: .3em .65em;border-radius: 2.3px;transition: all .1s ease-in-out }.mcard .mcard-info .mcard-content .buttons .play {border: 1px #5e5e5e solid }.mcard .mcard-info .mcard-content .buttons .play:hover {border-color: #6997b6;color: #6997b6 }.loading {padding: 6px 10px 6px 10px;color: #ff4a21 }.mcard .btn {border-width: 2px;font-weight: 400;font-size: .8571em;line-height: 1.35em;margin: 10px 1px;border: 0;border-radius: .1875rem;padding: 11px 22px;cursor: pointer;background-color: #888;color: #fff }.mcard .btn-round {border-width: 1px;border-radius: 30px !important;padding: 8px 38px }.mcard .btn-primary {background-color: #f96332;color: #fff }#apl {position: fixed;right: 0;bottom: 0;z-index: 999999;width: 100% }#apl .card {border-radius: unset;border: 0;border-top: 1px solid #343a400d }#apl .apl-con .btn {border-radius: 2px;width: 42px !important }#apl .progress {min-width: 250px;height: 38px;border-radius: 2px;cursor: pointer;position: relative;background: rgba(0, 0, 0, .06) }#apl .progress-bar {opacity: .8 }#apl #mins {line-height: 36px;right: 15px;position: absolute;font-size: 10px }#apl #played {line-height: 36px;left: 130px;position: absolute;font-size: 10px }#apl .apl-vcl {position: absolute;right: 0;width: 200px;top: -40px;padding: 7px 10px 0;border: 1px solid #eee;border-radius: 3px;background: #fcfcfc;display: none }#apl .apl-vcl input {width: 100%;margin: 0 }img[lowsrc] {width: 100%;background-image: url('../img/no-img.jpg') }.playing {display: none;margin-top: 24px;width: 10%;margin-left: 6px }.playing:after {display: block;width: 100%;margin-top: 10px }.now.playing .bar {display: inline-block;position: relative;margin-right: 1px;width: 10px;height: 1px;overflow: hidden;background: linear-gradient(to bottom, #f0f0f0, #ff5e3a);color: transparent;animation-name: pulse;animation-duration: 1s;animation-iteration-count: infinite }.paused.playing .bar {animation-iteration-count: 1 }.paused.playing:after {content: "Paused (Lame)" }.n1 {animation-delay: .5s }.n2 {animation-delay: .2s }.n3 {animation-delay: 1.2s }.n4 {animation-delay: .9s }.n5 {animation-delay: 2.3s }.n6 {animation-delay: 1.3s }.n7 {animation-delay: 3.1s }.n8 {animation-delay: 1.9s }@keyframes pulse {0% {height: 1px;margin-top: 0 }10% {height: 38px;margin-top: -40px }50% {height: 19px;margin-top: -20px }60% {height: 28px;margin-top: -30px }80% {height: 30px;margin-top: -60px }100% {height: 1px;margin-top: 0 }}.foot-img {position: relative;top: -10px;left: 20px;width: 90px }.foot-img img {width: 80px;box-shadow: 1px 1px 1px 1px #e5e5e5;border: 6px #fff solid }@font-face {font-family: icomoon;src: url('fonts/icomoon.eot?34lqcc');src: url('fonts/icomoon.eot?34lqcc#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?34lqcc') format('truetype'), url('fonts/icomoon.woff?34lqcc') format('woff'), url('fonts/icomoon.svg?34lqcc#icomoon') format('svg');font-weight: 400;font-style: normal;font-display: block }[class*=" icon-"], [class^=icon-] {font-family: icomoon !important;speak: never;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale }.icon-spinner:before {content: "\e97c";font-size: 26px }.rotate {display: block;animation: rotation 8s infinite linear }.icon-play:before {content: "\ea1c" }.icon-pause:before {content: "\ea1d" }.icon-warning:before {content: "\00d7";font-weight: 700 }.icon-volume-high:before {content: "\ea26" }.icon-fb:before {content: "\ea90" }.icon-and:before {content: "\eac0" }@keyframes rotation {from {transform: rotate(0) }to {transform: rotate(359deg) }}.img-container {position: relative }.img-container .cover {position: relative;z-index: 1 }.img-container .cover::after {color: #fff;content: "\ea1c";font-family: icomoon !important;display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-size: 3rem;padding-top: 1.2rem;z-index: 1;background-color: rgba(0, 0, 0, .2);animation: 2s pulsate infinite;-webkit-text-stroke: 1px black }@keyframes pulsate {50% {text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 50px #fff, 0 0 60px #fff, 0 0 70px #fff }}.item .img-fluid {width: 130px }.mcard {grid-column: span 3 }.adscol {height: auto;min-height: 282px;grid-column: span 2;grid-row: span 2 }@media only screen and (min-width:800px) {.adscol {height: auto;min-height: 600px;grid-column: span 2;grid-row: span 3 }}@media only screen and (max-width:800px) {.app {grid-gap: 4px;grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)) }.adscol, .mcard {grid-column: span 3;grid-row: span 2 }}@media only screen and (max-width:308px) {.app {grid-gap: 4px;grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) }.adscol, .mcard {grid-column: span 2;display: block }.navbar-brand img {width: 150px }.mcard .img-container img {object-fit: cover;width: auto;height: auto }}@media only screen and (max-width:575px) {section {padding: 0 0 50px 0 }#tags, #tags .item-content-block {background-color: #49395e }}@media only screen and (max-width:466px) {.foot-img {display: none }}@media only screen and (max-width:420px) {.app {grid-gap: 4px;grid-template-columns: repeat(auto-fit, minmax(122px, 1fr)) }#apl #played {top: -25px;left: 0 !important }}@media(max-width:400px) {#apl .progress {min-width: auto }}@media only screen and (max-width:380px) {.app {grid-gap: 4px;grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)) }}.footer, .footer a {color: #fff }.footer .list-unstyled li {padding: 10px 0 6px 0px;font-size: 14px;}.catlog h2 {color: #fff;font-size: 20px;margin-top: 30px;padding-bottom: 4px;border-bottom: 1px solid #e9e9e9 }