@font-face {
	font-family: 'MyriadPro';
	src: url('../fonts/MyriadPro-Regular.eot');
	src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MyriadPro-Regular.woff') format('woff'),
		url('../fonts/MyriadPro-Regular.ttf')  format('truetype'),
		url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadPro-It';
	src: url('../fonts/MyriadPro-It.eot');
	src: url('../fonts/MyriadPro-It.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MyriadPro-It.woff') format('woff'),
		url('../fonts/MyriadPro-It.ttf')  format('truetype'),
		url('../fonts/MyriadPro-It.svg#MyriadPro-It') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'MyriadPro';
	src: url('../fonts/MyriadPro-Bold.eot');
	src: url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MyriadPro-Bold.woff') format('woff'),
		url('../fonts/MyriadPro-Bold.ttf')  format('truetype'),
		url('../fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

body {
    font-family: 'MyriadPro';
    font-size: 18px;
    letter-spacing: 0.2px;
}

#sp-header #contacts {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#sp-header {
    background: rgba(0,0,0,0);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
    color: #fff;
    margin-bottom: -64px;
}

#sp-header.header-sticky {
    background: #141a1e;
    position: fixed;
    z-index: 9999;
}

#sp-page-builder .page-content .sppb-section.home {
    margin-top: 0px;
}

.sp-megamenu-parent {
    float: none;
    text-align: center;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
    color: #ffffff;
}

.sp-megamenu-parent > li.active > a {
    font-weight: 400;
    letter-spacing: 1px;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    text-transform: uppercase;
    font-weight: 400;
}



#sp-header {
    background: rgba(20, 26, 30, 0);
    box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0);
    transition: 400ms;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
}

#sp-header.header-sticky {
    background: #141a1e;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
    transition: 400ms;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
}

.jazzy span {
    font-weight: 400;
}

.social-btn .sppb-btn-link {
    padding: 0 15px 0 0;
    letter-spacing: 0.5px;
}

.social-btn .sppb-btn-link:after {
    content: '|';
    position: relative;
    left: 12px;
    font-size: 14px;
    top: -1px;
    color: rgba(255,255,255,0.5);
}

.social-btn .sppb-btn-link:last-child:after {
    content: '';
    position: relative;
    left: 12px;
    font-size: 14px;
    top: -1px;
    color: rgba(255,255,255,0.5);
}

.offcanvas-menu {
    background-color: #141a1e;
    color: #fff;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 0px 0 15px;
}

body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    float: none;
    margin-left: 0px;
    text-align: center;
    color: #fff;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
    color: rgba(255,255,255,0.5);
}

.offcanvas-menu {
    width: 100%;
}

body.ltr.offcanvs-position-right .offcanvas-menu {
    right: 0;
    opacity: 0;
    z-index: 1;
    top: -1000px;
}

body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
    right: 0;
    top: 64px;
    height: auto;
    opacity: 1;
    z-index: 9999;
}

body.ltr.offcanvs-position-right.offcanvas-active .body-wrapper {
    right: 0;
}

.offcanvas-menu .offcanvas-inner {
    padding: 13px 0px 5px;
    text-align: center;
}

.offcanvas-overlay {
    background: rgba(0,0,0,0) !important;
}

.offcanvas-menu .offcanvas-inner .sp-module .sp-module-title {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    color: rgba(255,255,255,0.2);
    margin: 5px 0 20px;
    padding: 0 0 15px;
}


.feature-border:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -15px;
    border-right: 1px solid rgba(255,255,255,0.3);
}

.media-vystava .divider {
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.video .sppb-title-heading, .music .sppb-title-heading {
    line-height: 62px !important;
}

.video span, .music span, .lyrics span {
    color: #ffce00;
}

.video .sppb-title-subheading, .music .sppb-title-subheading, .lyrics .sppb-title-subheading {
    color: rgba(255,255,255,0.4);
    line-height: 28x;
}

.lyrics-tabs .lyrics-content {
    line-height: 26px;
}

.lyrics-tabs .lyrics-content p {
    margin-bottom: 20px;
}

.lyrics-tabs .sppb-tab-content>.active {
    display: flex;
}

@media (min-width:768px) {
.lyrics-tabs .sppb-tab-content>.active > .sppb-addon-wrapper {
    flex: 0 0 50%;
    padding: 0 20px;
}
}

@media (max-width:768px) {
.lyrics-tabs .sppb-nav-custom {
    padding: 0px;
}
.lyrics-tabs .sppb-nav>li {
    position: relative;
    display: block;
    float: left;
}
.sppb-nav-custom {
    float: none;
    width: 100%;
}
}

.jazzyplayer .list-group {
    margin: 0 auto !important;
}

.jazzyplayer ul#playlist li div .button {
    background: none;
    border: none;
    padding: 0 30px 0 0;
    font-size: 26px;
    line-height: 1;
    position: relative;
    top: 0px;
}

.jazzyplayer ul#playlist li {
    text-align: left;
    margin-bottom: 3px;
}

.jazzyplayer .length {
    padding-left: 15px;
    padding-right: 0px;
    color: #fff;
    vertical-align: middle;
}

.jazzyplayer .pricelist-line {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    max-width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 20px 0 0;
}

.jazzyplayer ul#playlist li .middle {
    display: flex;
    height: 100%;
}

.jazzyplayer ul#playlist li .left {
    display: inline-block;
    float: left;
}

.jazzyplayer .pricelist-line span {
    border-bottom-color: rgba(255,255,255,0);
    border-bottom-width: 0px;
    width: 100%;
}

.jazzyplayer .volume-control {
    position: relative;
    display: table;
    width: 190px;
    margin: 20px auto 0;
}

.jazzyplayer .volume,
.jazzyplayer .volume-bar {
    border-radius: 100px;
}

.jazzyplayer .volume-bar:before {
    left: 95%;
}

.jazzyplayer .volume-wrap {
    height: 10px;
    position: relative;
    width: 140px;
    display: table;
    margin-top: -5px;
    cursor: pointer;
}

.jazzyplayer .audio-control #next,
.jazzyplayer .audio-control #previous {
	display: none;
}

.jazzyplayer .playlist {
    margin-top: 20px;
}

.jazzyplayer .song-title-wrap {
    position: relative;
    text-align: center;
    margin: 10px 0 10px;
}

.jazzyplayer .song {
  color: #fff;
}

#current-song {
    margin: 5px auto 10px;
}

.jazzyplayer .author-image-wrap img {
    -webkit-animation:spin 5s linear infinite;
    -moz-animation:spin 5s linear infinite;
    animation:spin 5s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.jazzy-gallery .sppb-gallery li {
    display: flex;
    float: left;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 19.98%;
    overflow: hidden;
    height: 210px;
    /* align-items: center; */
}

@media (min-width:1920px) {
.jazzy-gallery .sppb-gallery li {
    height: 300px;
    width: 19.97%;
}
}

@media (max-width:1024px) {
.jazzy-gallery .sppb-gallery li {
    height: 160px;
    width: 19.97%;
}
}

@media (max-width:768px) {
.jazzy-gallery .sppb-gallery li {
    height: 120px;
    width: 19.97%;
}
}

@media (max-width:680px) {
.jazzy-gallery .sppb-gallery li {
    height: 102px;
    width: 19.97%;
}
}

@media (max-width:460px) {
.jazzy-gallery .sppb-gallery li {
    height: 140px;
    width: 49.85%;
}
}

.jazzy-gallery .sppb-gallery img {
    width: auto !important;
    height: auto !important;
    transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
}

#sp-footer, #sp-bottom {
    background: #141a1e;
    color: #fff;
}

.jazzy-events {
    background-position: 0% -50px !important;

}

.sp-scroll-up {
    color: rgba(255,255,255,0.25);
    bottom: 10px;
    right: 10px;
    background: #141a1e;
}

.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
    color: rgba(0,0,0,0.7);
    background: #ffcd00;
}

#sp-footer .container-inner {
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
    color: rgba(255,255,255,0.25)
}

.jazzy-contacts .sppb-icons-group-list {
    margin: 0 auto !important;
}

.sppb-advance-audio {
  display: flex;
  align-items: center;
  padding: 10px 0px;
  transition: 0.3s;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.sppb-advance-audio:hover {
  background-color: transparent;
}
.sppb-advance-audio img {
  max-width: 50px;
  border-radius: 100%;
  margin-right: 20px;
}
.sppb-advance-audio .sppb-addon-title {
  margin: 0px 10px 0px 0px;
  min-width: 240px;
  font-size: 18px;
}
.sppb-advance-audio .sppb-addon-title small {
  color: #7e879a;
  display: block;
  font-size: 12px;
}
.sppb-advance-audio .sppb-addon-content {
  flex: auto;
  display: inline-flex;
}
.sppb-advance-audio .sppb-addon-content > .plyr {
  width: 100%;
}
.sppb-advance-audio audio {
  width: 100%;
  height: 40px;
}

.sppb-advance-audio .sppb-addon-content > .plyr {
  width: 100%;
}
.sppb-advance-audio audio {
  width: 100%;
  height: 40px;
}
.plyr--full-ui input[type=range] {
  color: #ffffff;
}
button.plyr__controls__item.plyr__control {
  background: #ffffff;
  color: #141a1e;
}
button.plyr__controls__item.plyr__control:hover, button.plyr__controls__item.plyr__control:focus {
  color: #141a1e;
  background: #ffffff;
}
.plyr__volume {
  position: relative;
}
.plyr__volume input[type=range] {
  position: absolute;
  top: -30px;
  transform: rotate(-90deg);
  left: -15px;
  width: 50px;
  display: none;
}
.plyr__volume:hover input[type=range] {
  display: block;
  animation: fadeIn 0.5s;
}
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr__menu .plyr__control,
.plyr__menu .plyr__control:hover {
  color: #141a1e;
}

.plyr__tooltip {
  color: #141a1e !Important;
}

.plyr__progress__buffer {
  height: auto;
}

.play-tracks .plate {
  overflow: hidden;
  font-family: 'MyriadPro';
	margin: 20px auto 0;
}

.plate.dark .control {
		margin: 0 auto 15px;
    display: flex;
    justify-content: center;
}

.play-tracks .plate .control .prev,
.play-tracks .plate .control .next,
.play-tracks .plate .control .speed,
.play-tracks .plate .control .random,
.play-tracks .plate .control .repeat {
	display: none;
}

.plate.dark .control .play {
	  background-position: 0px -64px !important;
    width: 64px !important;
    height: 64px !important;
    margin: 5px !important;
}

.plate.dark .control .play.pause {
    background-position: 0 0px !important;
}

.play-tracks .plate .info {
  display: block;
	padding: 0px !important;
  margin: 0px 0px 10px;
  text-align: center;
	font-family: 'MyriadPro';
	font-size: 18px;
	letter-spacing: 0.2px;
}

.plate .album .cover_border {
    display: none !important;
}

.plate .album .cover,
.plate .album .cover_hide {
    display: none !important;
}

.plate .album .glass {
    display: none !important;
}

.plate .album .record {
    height: 120px !important;
    width: 120px !important;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: 6px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100px 100px;
    z-index: 1;
}

.plate .album .record_light {
    height: 120px !important;
    width: 120px !important;
    display: none !important;
    position: absolute;
    top: 10px;
    right: 6px;
    z-index: 2;
}

.plate .album {
	  height: 140px !important;
	  width: 132px !important;
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
}

.plate.dark .curTime {
	  display: inline-block;
    margin-right: 5px;
		font-size: 12px;
}

.plate.dark .allTime {
    display: inline-block;
    margin-left: 5px;
    font-size: 12px;
}

.plate.dark .time-divider {
    font-size: 12px;
		color: #fff;
}

.plate.dark .info .title {
	font-family: 'MyriadPro' !important;
	letter-spacing: 0.2px;
	font-weight: 400 !important;
}

.play-tracks .plate .progress {
  display: block;
}

.plate.dark .time-section {
	text-align: center;
	margin-bottom: 10px;
}

.play-tracks .plate.dark .progress {
	background: #fff;
	box-shadow: none;
	border-radius: 0px;
	padding: 0px;
	margin: 20px 40px 0px;
	height: 67px;
	mask-image: url(../../../../../waves/cd.png);
	mask-size: contain;
	mask-repeat: no-repeat;
	-webkit-mask-image: url(../../../../../waves/cd.png);
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
}

@media (max-width:1024px) {
.play-tracks .plate.dark .progress {
	margin: 20px 0px 0px;
	background-size: contain;
}
}

.play-tracks .plate.dark .progress .ui-widget-header {
	background: #ffce00;
	box-shadow: none;
	height: 67px;
	top: 0px;
	border-radius: 0px;
  overflow: hidden;
}

.play-tracks .plate.dark .progress .bufer {
  background: none;
  height: 5px;
  top: 5px;
  opacity: 1;
  border-radius: 0;
  box-shadow: none;
}

.play-tracks .plate.dark .progress .time {
  z-index: 3;
  position: absolute;
  top: 1px;
  font-size: 10px;
	font-weight: 600;
}

.play-tracks .plate .playlist .track {
	height: 38px;
}

.play-tracks .plate.dark .playlist {
  background: transparent;
  border-color: transparent;
  border-radius: 0px;
	margin: 0px 120px;
}

@media (min-width: 375px) {
	.play-tracks .plate.dark .playlist {
	  background: transparent;
	  border-color: transparent;
	  border-radius: 0px;
		margin: 0px 20px;
	}
}

@media (min-width: 768px) {
	.play-tracks .plate.dark .playlist {
	  background: transparent;
	  border-color: transparent;
	  border-radius: 0px;
		margin: 0px 40px;
	}
}

@media (min-width: 1024px) {
	.play-tracks .plate.dark .playlist {
	  background: transparent;
	  border-color: transparent;
	  border-radius: 0px;
		margin: 0px 70px;
	}
}

@media (min-width: 1366px) {
	.play-tracks .plate.dark .playlist {
	  background: transparent;
	  border-color: transparent;
	  border-radius: 0px;
		margin: 0px 120px;
	}
}

.play-tracks .plate.dark .ps-container {
	width: 340px;
	margin: 0 auto;
}

.play-tracks .plate .playlist:before {
  display: none;
}

.play-tracks .plate.dark .playlist .track {
  background: none;
  padding: 0px;
}

.play-tracks .plate.dark .playlist .track.active {
  background: none;
  padding: 0px;
}

.play-tracks .plate .playlist .track .artist {
  display: none;
}

.play-tracks .plate.dark .volume {
	  margin: 10px auto 55px;
	  width: 80px;
	  display: block;
	  float: none;
}

@media (max-width:1024px) {
	.play-tracks .plate.dark .volume {
		  display: none;
	}
}

.plate.dark .volume .mute {
	display: none;
}

.plate.dark .volume .ui-widget-header {
    background: #fff !important;
    height: 7px !important;
    box-shadow: none;
    border-radius: 100px;
}

.play-tracks .plate .playlist .track .cover {
  display: none;
}

.play-tracks .plate .playlist .track .play {
  display: block;
}

.play-tracks .plate.dark .playlist .track .title {
  margin-left: 40px;
}

.play-tracks .plate.dark .playlist .track .play {
  background: url(../../../modules/mod_res_music_player/tmpl/plate/img/dark/btns.png) 6px -21px no-repeat;
  height: 16px;
  margin-top: -4px;
}

.play-tracks .plate.dark .playlist .track.active .play {
  background: none;
  height: 16px;
  margin-top: -4px;
}

.play-tracks .plate.dark .playlist .track .play{
  background: none;
  height: 16px;
  margin-top: -4px;
	left: -8px;
}

.play-tracks .plate.dark .playlist .track.active .play.pause {
  background: none;
  height: 30px;
  margin-top: -4px;
}

.play-tracks .plate.dark .playlist .track .play:before {
	content: "\f144";
	font-family: 'FontAwesome';
	font-size: 30px;
	position: absolute;
	top: -8px;
	left: 8px;
}

.play-tracks .plate.dark .playlist .active .play:before,
.play-tracks .plate.dark .playlist .active .play.pause:before {
	font-family: 'FontAwesome';
	font-size: 30px;
	position: absolute;
	top: -8px;
	left: 8px;
}

.play-tracks .plate.dark .playlist .active .play:before {
	content: "\f28b";
}

.play-tracks .plate.dark .playlist .active .play.pause:before {
	content: "\f144";
}

.play-tracks .plate .playlist .pl_inside {
	overflow: visible;
	height: auto !important;
}

.play-tracks .ps-container .ps-scrollbar-y-rail {
	display: none;
}

.plate.dark .info .artist {
    color: #fff !important;
    font-size: 15px !important;
    font-family: inherit !important;
    display: none;
}

.plate.dark .playlist .track .title {
    line-height: 40px;
}

.jazzy-listen-tracks .sppb-panel-group>.sppb-panel:first-child {
    border-top-width: 0px;
}

.jazzy-listen-tracks .sppb-panel-modern {
    background: none;
    border: 0px solid #e8eff1;
    border-radius: 0px;
    margin-bottom: 10px;
}

.jazzy-listen-tracks .sppb-panel-modern>.sppb-panel-heading {
    padding: 0px;
    background: none;
    color: #ffce00;
    text-align: center;
    border: 0px;
}

.jazzy-listen-tracks .sppb-panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 32px;
    font-weight: normal;
    color: inherit;
}

.jazzy-listen-tracks .sppb-panel-group .sppb-panel:last-child .sppb-panel-body {
    border-top-width: 0px;
    border-bottom-width: 0;
}

.jazzy-listen-tracks .sppb-panel-heading .sppb-toggle-direction {
		position: absolute;
	  bottom: 0;
	  left: 10px;
	  -webkit-transform: translateY(100%) rotate(90deg);
	  transform: translateY(100%) rotate(90deg);
	  -webkit-transition: transform .3s;
	  transition: transform .3s;
		width: 20px;
    margin: 0 auto;
}

.jazzy-listen-tracks .sppb-panel-heading.active .sppb-toggle-direction {
    -webkit-transform: translateY(100%) rotate(-90deg);
    transform: translateY(100%) rotate(-90deg);
    opacity: .3;
}

.authors-block span {
	color: rgba(20,26,30,0.5);
}

.modal-inner-block {
	color: rgba(20,26,30,1);
}

.authors-text-block p {
	line-height: 24px;
}

.mfp-close {
    width: 32px;
    height: 32px;
    line-height: 32px;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	  padding: 0 9px;
}

#offcanvas-toggler {
    display: block;
    height: 64px;
    line-height: 66px;
    font-size: 16px;
}

#sp-header .sppb-order-xs-2 {
	text-align: center;
}
