/* experimental start waypoint images fading in from left to right */
/* Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */
@-webkit-keyframes fadeLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-10%);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-10%);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-10%);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeLeft {
	0% {
		opacity: 0;
		transform: translateX(-10%);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100%);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-100%);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-100%);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.pride-container .pride-colors:first-child {
	opacity: .4;
	transition: opacity 1s;
}
.pride-colors {
    position: absolute;
    top: 40px;
}
.nav-left__logo-box .pride-colors, .nav-left__logo-box .pride-words {
	/*display: none;*/
}

.blue, .green, .orange, .purple, .red, .yellow {
	width: 30px;
	height: 7px;
	margin-top:4px;
	background-color: #e25c35;
	animation: fadeInLeft .5s cubic-bezier(.33,.53,.44,.96);
	transition: 1s;
	float: left;
}
.orange {
	background-color: #f28c46;
	animation-duration: .6s;
}
.yellow {
	background-color: #f1d83a;
	animation-duration: .7s;
}
.green {
	background-color: #a0c63f;
	animation-duration: .8s;
}
.blue {
	background-color: #60c5ef;
	animation-duration: .9s;
}
.purple {
	background-color: #715ba3;
	animation-duration: 1s;
}


.full-wrap {
	position: relative;
	height: auto;
	width: auto;
	padding-top: 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.full-wrap-overlay {
	content: '\A';
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.175);
	/*background: url(img/pattern_b.png);*/
	height: 100%;
	width: 100%;
}
.full-wrap-overlay:hover {
	background-color: rgba(0,0,0,0);
}

.full-wrap-overlay-full {
	content: '\A';
	position: absolute;
	top: 0;
	left: 0;
	/*background: url(img/pattern_b.png);*/
	background-color: rgba(0,0,0,.4);
	height: 100%;
	width: 100%;
}

.full-wrap-info {
	padding: 1.4em;
	position: absolute;
	width: 300px;
	bottom: 0%;
	left: 0%;
	color: #ffffff;
	font-size: .9rem;
	/*background: rgba(0,0,0,.5);*/
}
.full-wrap-info a {
	color: #ffffff;
}
.full-wrap-info h1 {
	color: #ffffff;
	font-size: 1.6em;
}

.page-block {
	padding-top: 6em;
	padding-bottom: 6rem;
}
.page-block:after {
	content: ' ';
	clear: both;
	display:block;
}

video#bgvid {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background: url(polina.jpg) no-repeat;
	background-size: cover;
}


.video-bg {
    position: relative;
    width: 100%;
    height: 460px;
    background: url(../../media/content/emos/skategirls2.jpg) no-repeat;
}

/*.video-bg .hh1 {
    font-size: 1.1rem;
}*/

.fullscreen-bg__video {
    display: none;
    background-size: cover; 
    min-width: 100%;
}

/*[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    -webkit-transition: none;
    transition: none;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    background: transparent;


input[type='text']:focus,
input[type='password']:focus {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    background: transparent;
}
}*/
#search-panel {
    position: absolute;
    top: 8vw;
    width: 100%;    
    min-width: 50%;
    padding: 0 .9375rem;
    z-index: 1;
}
#search-inner {
    width: 100%;
    margin: 0 auto;

}

#box-search {
    float: none;
    margin: 0 auto;
}

/*#search-inner input {    
    margin: 0 auto;
    width: 75%;
    max-width: 600px;
    margin-top: 3rem;
}

#keywords {
    border-left: none;
    border-right: none;
    border-top: none;
    background: transparent;
    color: #e6e6e6;
}
#keywords:focus {
    background-color: rgba(255,255,255,.25);
    color: #fff;
}

#keywordstypeahead {
    background: #464545;
    border: none;
}
#keywordstypeahead label,
#keywordstypeahead .list>div,
#keywordstypeahead .list>a {
    color: #e4e4e4;
}*/


/* Visual headings, non semantic */
.hh1 {
    display: block;
    font-size: 1.25rem;
    font-family: "Playfair Display SC";
    font-weight: 400;
    color: #000;

}

.ch1 {
    display: block;
    font-size: 2.6rem;
    font-family: "Poppins bold italic";
    color: #fff;

}
.hh1-base {
	display: block;
	font-size: 1.25rem;
	font-weight: 400;
	color: #fff;
	font-family: Helvetica, "Helvetica Neue", Roboto, sans-serif;
}
.hh2 {
	display: block;
	font-size: 1.25rem;
    font-family: "Playfair Display SC";
	font-weight: 400;
    color: #000;
}
.extra-huge {
    font-size: 1.6rem;
}

.dh1 {
	display: block;
	font-size: 1.25rem;
	font-family: "Poppins italic";
	font-weight: 400;
	color: #fff;
}

.dh2 {
	display: block;
	font-size: 1.25rem;
	font-family: Helvetica, "Helvetica Neue", Arial, Roboto, sans-serif;
	font-weight: 400;
	color: #434343;
}

.light { color: #fff; }

/* trailer cover start site */
.manuel-trailer-cover {
    display: block;
    background-image: url(../../images/product_images/info_images/manuel_mayer.jpg);
}
.scoresquad-trailer-cover {
    display: block;
    background-image: url(../../images/product_images/info_images/scoresquad_bw.jpg);
}
.laupenmuehlen-trailer-cover {
	display: block;
	background-image: url(../../images/product_images/info_images/peter_laupenmuehlen.jpg);
}
.spinnintape-trailer-cover {
	display: block;
	background-image: url(../../images/product_images/info_images/spinnin_tape.jpg);
}
.imascore-trailer-cover {
	display: block;
	background-image: url(../../images/product_images/info_images/imascore.jpg);
}
.effectiveaudio-trailer-cover {
	display: block;
	background-image: url(../../images/product_images/info_images/effectiveaudio.jpg);
}
.dominik-trailer-cover {
	display: block;
	background-image: url(../../images/product_images/info_images/dominik_feat.jpg);
}
.darko-trailer-cover {
	display: block;
	background-image: url(../../images/product_images/info_images/darko_feat.jpg);
}
.starboy-trailer-cover {
	display: block;
	background-image: url(../../images/product_images/info_images/starboy_feat.jpg);
}
.clarktone-trailer-cover {
	display: block;
	background-image: url(../../images/product_images/info_images/clarktone.jpg);
}

.justus-trailer-cover {
	display: block;
	background-image: url(../../images/product_images/info_images/justus.jpg);
}

.audiovibes-trailer-cover {
	display: block;
	background-image: url(../../images/product_images/info_images/audiovibes.jpg);
}

.sonicmood-trailer-cover {
	display: block;
	background-image: url(../../images/product_images/info_images/sonicmood.jpg);
}

.larrister-trailer-cover {
	display: block;
	background-image: url(../../images/product_images/info_images/harry_larrister.jpg);
}

.jonasfrank-trailer-cover {
	display: block;
	background-image: url(../../images/product_images/info_images/jonas_frank.jpg);
}

.tobiasvoigt-trailer-cover {
	display: block;
	background-image: url(../../images/product_images/info_images/tobias_voigt.jpg);
}

.wolfvalley-trailer-cover {
	display: block;
	background-image: url(../../images/product_images/info_images/wolfvalley.jpg);
}

.summervibes-trailer-cover {
	display: block;
	background-image: url(../../images/product_images/info_images/summervibes.jpg);
}

.forceofnature-trailer-cover {
	display: block;
	background-image: url(../../images/product_images/info_images/forceofnature2.jpg);
}

.hopefulads-trailer-cover {
	display: block;
	background-image: url(../../images/product_images/info_images/hopefulads.jpg);
}

.thedeltamode-trailer-cover {
	display: block;
	background-image: url(../../images/product_images/info_images/thedeltamode.jpg);
}

.catchycorporatepop-trailer-cover {
	display: block;
	background-image: url(../../images/product_images/info_images/catchycorporatepop.jpg);
}

.eighties-trailer-cover {
	display: block;
	background-image: url(../../images/product_images/info_images/eighties.jpg);
}

#home .page-block {
	font-size: .9rem;
	color: #fff;
}

.top-featured-heading {
    padding-top: 3rem;
    color:#000;"
}

#new-tracks-rss h1,
.page-block h1,
.page-block h3,
#home h2 {
	font-family: "Playfair Display SC";
}

#new-tracks-rss h1 {
	font-size: 36px;
	font-weight: 400;
}
#new-tracks-rss i {
	font-size: 2.5rem;
}

.page-block h2 {
	font-size: 20px;
}
.page-block h3 {
	font-weight: 400;
}

.text-block {
	color: #ffffff;
	background-size: cover;
	font-size: 1rem;
	padding: 4em 1em 3em 1em;
	position: relative;
	text-align: center;
}


.button.hollow:hover {
	border-color: #30919a;
	color: #30919a;
}

.button.light.hollow,
.button.light.hollow {
	border-color: #fff;
	color: #fff;
	line-height: 1.4;
}

.button.light.hollow:hover,
.button.light.hollow:hover {
	color: grey;
	border-color: lightgrey;
}


.button-new-tracks {
    margin-bottom: 3rem;
}
.button-new-tracks span {
	font-size: 24px;
	font-weight: bold;
	vertical-align: top;
	padding-top: 24px;
	display: block;
	float: left;
	vertical-align: top;
}

.text-block h1,
.text-block h2 {
	font-family: "Playfair Display SC";
}

#showreel .text-block {
	padding: 9% 0 0 0;
}
#showreel .text-block h2 {
	font-size: 1rem;
}

.overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 1;
	background: rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transition: left 0s ease-out .3s, opacity .3s ease-out;
	-o-transition: left 0s ease-out .3s, opacity .3s ease-out;
	-webkit-transition: left 0s ease-out, opacity .3s ease-out;
	-webkit-transition-delay: .3s, 0s;
	transition: left 0s ease-out .3s, opacity .3s ease-out
}
.text-block:hover .overlay {
	left: 0;
}

/* video */
.videoplaybutton .fi-play {
	display: none;
}

.videopreview:hover .fi-play {
	display: block;
}

.cdlla-video {
	padding: 0;
}
/* video */

.sq-badge.st-animated {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.skiddalz-image {
	background: url(../../media/content/featured_artists/Skiddalz_bw.gif) no-repeat center center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;"
}

.taylor-image {
	background: url(../../media/content/featured_artists/taylor_dukes_cover.jpg) no-repeat center center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;"
}

.lyrics-block {
	height: 200px;
	width: 100%;
	padding: 0 20%;
	overflow: scroll;
}

.explicit_lyrics {
	color: #eb4455;
}


/* FAQ */
#docs {
	margin-top: 2rem;
}
#docs h3 { margin-top: 2rem; }
/* FAQ end */

/* Payment Block */
.payment-row {
	min-height: 50px;
}

.bottom-space {
    padding-bottom: 3rem;
}

.border-style {
    border-bottom: 1px solid lightgrey;
}

.chart-position {
	font-weight: bold;
}

.footer i.pf {
	font-size: 1.6rem;
}

.wp-image {
	opacity: 1;
	max-width: 100%;
	display: block;
	margin: 0;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
.contain {
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}

.featured-artists {
	padding-bottom: 6rem;
}

.featured-artists .wp-image {
	min-height: 460px;
}

.featured-artists .page-block {
	padding: 0;
}

.wp-image.st-animated {
	opacity: 1;
	-webkit-animation: fadeLeft 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
	-moz-animation: fadeLeft 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
	-o-animation: fadeLeft 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
	animation: fadeLeft 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

.page-space {
	padding-top: 3rem;
}
.small-page-space {
	padding-top: 3rem;
}

#send-password-change-confirmation {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

/* address-book */
ul.address-list li {
	padding: 1em 0;
	border-bottom: 1px solid lightgrey;
}
/* address-book */

li.order-track-title {
    width: 30%;
}

.total-block {
    margin-top: 1rem;
    float: right;
    width: 200px;
}

.total-block .order-total-value {
    float: right;
}

.total-block .order-total-title {
    clear: both;
}

/* Playlists */
.playlist-top-row {
	padding-top: 1rem;
}

.select-playlist {
	background-color: #e9e9e9;
	border-color: #e9e9e9;
}

.playlist-info li {
	line-height: 2.8;
}
.playlist-info .button-group .button {
	width: 40px;
}

.playlist-new-header {
	border-bottom: 1px solid lightgrey;
	margin-bottom: 1rem;
}

.playlist-new-header span {
	font-size: 1rem;
}

span.playlist-title {
	font-family: "Playfair Display SC", "Playfair Display", "Times New Roman", serif;
	font-size: 1.6rem;
}

.playlist-cover {
	clear: both;
	padding-right: 0;
	margin-bottom: 1rem;
	max-width: 500px;
	max-height: 500px;
}
.playlist-description {
	float: left;
	margin: 0 1rem 1rem 0rem;
}

.playlist-length {
	padding-top: .7em;
}
/* Playlists end */

/* playlist */
#playlist,
#playlist .pagination a {
	color: #fff;
}

#playlist #search button {
	padding: .8em 1em;
	width: 100%;
}
/* playlist */
.quick_select_layer .button { height: 40px; }
.price-label {
	border: 1px solid #30919a;
	display: block;
	float: left;
	color: #30919a;
	padding: .85em 1em;
	line-height: 1.1;
	font-size: .9rem;
	height: 40px;
}

.object-title {
	width: 12vw;
}

.payment-label-ipayment {
	margin-top: -.375rem; /* for only icon use -.875rem */
}
.payment-label-paypal {
	margin-top: -.375rem; /* for only icon use -.875rem */
}

.carousel-layer {
	position: absolute;
	color: #fff;
	left: 5vw;
	top: 5vw;
	width: 90vw;
	padding: .5rem;
	border-radius:1rem;
	background-color: rgba(28, 109, 120, 0.7);

}
.carousel-layer.color-2 {
	/*background-color: rgba(120, 38, 53, 0.7);*/
	background-color: rgba(36, 154, 112, 0.7);/*rgba(74, 154, 76, 0.7);*/
}
.carousel-layer.color-3 {
	background-color: rgba(35, 89, 121, 0.75);
}
.carousel-layer.color-4 {
	background-color: rgba(227, 72, 100, 0.7);
}
.carousel-layer.color-5 {
	background-color: rgba(147, 139, 111, 0.7);
}

.carousel-layer h2 {
	font-family: Helvetica, "Helvetica Neue", Roboto, sans-serif;
	font-size: 2.7vw;
	text-align: center;

}

.carousel-layer-hh1 {
	font-family: Helvetica, "Helvetica Neue", Roboto, sans-serif;
	font-size: 2.7vw;
	display: block;
	text-align: center;
}
.carousel-layer p {
	font-size: 2.2vw;
	font-weight: normal;
}
.carousel-layer .button {
	margin-bottom: 0;
	color: #fff;
	border-color: #fff;
}

.item .videopreview {
	display: block;
	width: 100vw !important;
}
div.owl-prev {
	top: 40%;
	left: 0;
	position: absolute;
	height: 50px;
	vertical-align: center;
	width: 2rem;
}
div.owl-next {
	top: 40%;
	right: 0;
	position: absolute;
	height: 50px;
	vertical-align: center;
	width: 2rem;
}

.fa.fa-chevron-left,
.fa.fa-chevron-right {
	color: #fff;
	font-size: 1.2rem;
	padding: .55rem;
}

/* Small only */
@media screen and (max-width: 39.9375em) {}

/* Medium and up */
@media screen and (min-width: 40em) {

	.page-space {
		padding-top: 0;
	}

	.full-wrap-info {
		font-size: 1.6rem;
		bottom: 0%;
		left: 2%;
        width: 340px;
	}
	.full-wrap-info h1 {
		font-size: 3em;
	}

	#home .page-block h1 {
		font-size: 30px;
	}

    .hh1,
	.hh1-base {
        font-size: 30px;
    }

    .extra-huge {
        font-size: 3rem;
    }

    .hh2 {
        font-size: 1.25rem;
    }

	.dh2 {
		font-size: 1.25rem;
	}

    .text-block {
		padding: 4em 2em 4em 2em;
	}
	#home .text-block {
		min-height: 410px;
	}

	#showreel .text-block h2 {
		font-size: 1.25rem;
	}

	.featured-artists .text-block {
		font-size: 1rem;
	}
	.featured-artists .wp-image {
		min-height: 700px;
	}

	/* Playlist */
	.playlist-tracks .playlist {
		margin-left: .9375rem;
		margin-right: .9375rem;
	}

	.image-blocks>a span {
		font-size: 0.95rem;
	}

	.playlist-cover {
		float: left;
		margin-right: 1rem;
		max-width: 200px;
		max-height: 200px;
	}
	.playlist-cover img {
		max-width: 200px;
		max-height: 200px;
	}
	/* Playlist end */

	/* FAQ */
	#docs {
		margin-top: 0;
	}
	/* FAQ */

	.carousel-layer {
		left: 10vw;
		width: 80vw;
		top: 7.5vw;
		padding: 1.5rem;
	}
	.carousel-layer h2 {
		font-size: 18px;
	}
	.carousel-layer p {
		font-size: .9rem;
	}
	div.owl-prev {
		width: 4rem;
        height: 4.55rem;
	}
	div.owl-next {
		width: 4rem;
        height: 4.55rem;
	}
	.fa.fa-chevron-left,
	.fa.fa-chevron-right {
		color: #fff;
		font-size: 1.8rem;
		padding: 1.375rem;
	}
}

@media screen and (min-width: 50em) {
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* up to Medium*/
@media screen and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {

	.small-page-space {
		padding-top: 0;
	}

	.full-wrap-info {
		font-size: 1.2rem;
		bottom: 10%;
		left: 5%;
		width: 400px;
	}
	.full-wrap-info h1 {
		font-size: 4em;
	}

	#home .page-block {
		font-size: 1rem;
	}
    #home .page-block h1 {
        font-size: 36px;
    }
	#home .page-block h2 {
		font-size: 30px;
	}
	#home .page-block h3 {
		font-size: 20px;
	}
    .page-block h1 {
        font-size: 36px;
    }
	.text-block {
		padding: 4em 4em 4em 4em;
	}
	#home .text-block {
		min-height: 300px;
		padding: 4em 4em 3em 4em;
	}

	.text-block h2 {
		font-size: 1.5rem; }

    .hh1 {
        font-size: 36px;
    }

    .hh2 {
        font-size: 1.5rem;
    }

    .extra-huge {
        font-size: 4rem;
    }

	.dh2 {
		font-size: 1.5rem;
	}

	.featured-artists .columns {
		min-height: 700px;
	}

	.carousel-layer {
		left: 15vw;
		width: 70vw;
		top: 20vw;
		padding: 2rem;
	}
	.carousel-layer h2 {
		font-size: 32px;
	}
	.carousel-layer p {
		font-size: 16px;
	}

}


/* clients */
#clients .item {
	margin: 5px;
}
#clients .item img {
	display: block;
	width: 100%;
	height: auto;
}
/* clients end */

/* experimental */

/* newsletter */
#mc_embed_signup {
	width: 340px;
	margin: 0 auto;
}
#mc_embed_signup .email {
	width: 340px;
	margin: 0 auto;
	background-color: #777777;
	border-color: #434343;
}px;
	}
	.carousel-layer p {
		font-size: 16px;
	}

}


/* clients */
#clients .item {
	margin: 5px;
}
#clients .item img {
	display: block;
	width: 100%;
	height: auto;
}
/* clients end */

/* experimental */

/* newsletter */
#mc_embed_signup {
	width: 340px;
	margin: 0 auto;
}
#mc_embed_signup .email {
	width: 340px;
	margin: 0 auto;
	background-color: #777777;
	border-color: #434343;
}