/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/



/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	-webkit-tap-highlight-color: transparent;
}
/* html element 62.5% font-size for REM use */
html,
body {
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	background-color: black;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	vertical-align:bottom;
}
a {
	    color: white;
	text-decoration:none;
}
a:hover {
	opacity: 0.5;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
/*Header*/
.cookie-banner{
	position: fixed;
	
    bottom: 0;
    right:0;
    left: 0;
    top: 0;
    background-color: rgba(66, 66, 66, 0.5);
    z-index: 25;
    display: 	none;

}
.newsletter-iframe{
    width: 100%;
    border: none;
    height: 320px;
	
}

.cookie-banner-inner{
	padding: 25px 30px 25px 30px;
    font-family:"din-2014";
    font-size: 14px;
    line-height: 20px;
    color: white;
    background-color: black;
    position: absolute;
    width: 90%;
    max-width: 420px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) ;
    -ms-transform: translateX(-50%)  translateY(-50%);
    transform:  translateX(-50%) translateY(-50%) ;
}
.showbanner{
	display: block;

}
.cookie-banner-inner a{
	color: white;
	text-decoration: underline;
	-webkit-transition:opacity 200ms ease-in-out;
	  -moz-transition:opacity 200ms ease-in-out;
	  -o-transition:opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}
.cookie-banner-inner a:hover{
	opacity: 0.5;
}
.cookie-close{
    width: 14px;
    height: 14px;
    position: absolute;
    top: 12px;
    right: 10px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('./img/close-cookie.png');
	cursor: pointer;
}
.menu-overlay-fixed{
	display: none;
}
.header-wrapper{
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 25;
	-webkit-backface-visibility: hidden;
}
.template-spacers{
	height: 100px;
	width: 100%;
}
.wrapper{
	width: 780px;
    margin: 0 auto;
    min-height: auto;
    margin-top: 40px;
    position: relative;
    clear: both;
    min-height: 200px;
    background-color: #000000;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: ;
    background-attachment: fixed;
}
.internal{
	    padding: 5px;
}
.webForm {
    position: relative;
}
.webForm div {
    clear: both;
    margin: 0 0 20px 0;
    zoom: 1;
}
.textfield-form-news{
	    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    font-size: 21px;
    color: white;
    line-height: 25px;
    border: 2px solid white;
    padding: 10px 15px;
    background-color: black;
}
.textfield-form-news.half{
	float: left;
	width: -webkit-calc(50% - 10px);
	width: calc(50% - 10px);
}
.textfield-form-news.half:nth-of-type(odd){ margin-right: 10px; }
.textfield-form-news.half:nth-of-type(even){ margin-left: 10px;}
.textfield-form-news::-webkit-input-placeholder {
   color: white;
}

.textfield-form-news:-moz-placeholder { 
   color: white;
}

.textfield-form-news::-moz-placeholder {
   color: white;
}

.textfield-form-news:-ms-input-placeholder { 
   color: white;
}
.btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-top: 21px;
    font-size: 20px;
    color: black;
    padding: 10px 25px;
    background-color: white;
    font-family:"din-2014";
	font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    font-weight: normal;
    border-radius: 0;
    -webkit-transition: opacity 200ms ease-in-out;
    -moz-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
    outline: 0;
}
.btn:hover {
    opacity: 0.5;
}
#formcontent2 .success{
	color: white;
	padding: 25px 0 80px;
}
#formcontent2,
#formcontent2 .success{
	display: none;
}
.wiggle{
    -webkit-animation: wiggle .5s linear;
    -moz-animation: wiggle .5s linear;
    -o-animation: wiggle .5s linear;
	 animation: wiggle .5s linear;
}
 @-webkit-keyframes wiggle {
    8%, 41% {
        -webkit-transform: translateX(-2px);
    }
    25%, 58% {
        -webkit-transform: translateX(2px);
    }
    75% {
        -webkit-transform: translateX(-1px);
    }
    92% {
        -webkit-transform: translateX(1px);
    }
    0%, 100% {
        -webkit-transform: translateX(0);
    }
}
.header-wrapper{
	-webkit-transition:opacity 1000ms ease-in-out;
	  -moz-transition:opacity 1000ms ease-in-out;
	  -o-transition:opacity 1000ms ease-in-out;
	transition: opacity 1000ms ease-in-out;
}
.header-wrapper-animation{
	opacity: 0;
}
.header-container{
	position: relative;
	left: 50%;
    -webkit-transform: translateX(-50%) ;
    -ms-transform: translateX(-50%) ;
    transform:  translateX(-50%) ;
	width: 100%;
	max-width: 1440px;
	padding: 50px 55px 0;
	height: auto;
	overflow: auto;
}
.wm-logo-menu{
	width: 112px;
	height: 46px;
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('./img/wms-white.svg');
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-transition:opacity 200ms ease-in-out;
	  -moz-transition:opacity 200ms ease-in-out;
	  -o-transition:opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
}
.wm-logo-menu:hover{
	opacity: 0.5;
}

.menu-link-container{
	display: inline-block;
	float: right;
}
.menu-link{
	display: inline-block;
	line-height: 26px;
	padding-top: 10px;
	font-size: 14px;
	float: left;
	margin-left: 35px;
    font-family:"din-2014";
    color: white;
    opacity: 1;
	-webkit-transition:opacity 200ms ease-in-out;
	  -moz-transition:opacity 200ms ease-in-out;
	  -o-transition:opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
    -webkit-backface-visibility: hidden;
}
.menu-link:hover{
	opacity: 0.5;
}
.menu-link.active-link{
    border-bottom: 1px white solid;
}
.menu-link a{
    color: white;
}
/*Footer*/
.footer-wrapper{
	width: 100%;
	-webkit-transition:opacity 1000ms ease-in-out;
	  -moz-transition:opacity 1000ms ease-in-out;
	  -o-transition:opacity 1000ms ease-in-out;
	transition: opacity 1000ms ease-in-out;
}
.footer-container{
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 100px 50px 60px;
}
.footer-follow-us,
.footer-other-section{
	width: 50%;
	float: left;
}
.footer-header{
	width: 100%;
	font-size: 21px;
	text-align: left;
	margin-bottom: 18px;
    font-family:"din-2014";
	font-weight: 700;
    text-transform: uppercase;
    color: white;
}

.footer-other-inner{
	width: 50%;
	float: left;
}
.footer-follow-inner{
    width: 50%;
    float: left;
    height: 45px;
    line-height: 45px;
    font-size: 35px;
    font-family:"din-2014";
	font-weight: 600;
    color: white;
}
.footer-follow-inner a{
	color: white;
	-webkit-transition:opacity 200ms ease-in-out;
	  -moz-transition:opacity 200ms ease-in-out;
	  -o-transition:opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
}
.footer-follow-inner a:hover{
	opacity: 0.5;
}
.footer-other-inner-inner{
    width: 100%;
    float: left;
    height: auto;
    line-height: 45px;
    font-size: 35px;
    font-family:"din-2014";
	font-weight: 600;
    color: white;
}
.footer-other-inner-inner a{
	color: white;
	-webkit-transition:opacity 200ms ease-in-out;
	  -moz-transition:opacity 200ms ease-in-out;
	  -o-transition:opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
}
.footer-other-inner-inner a:hover{
	opacity: 0.5;
}
.footer-logos-container{
	padding: 50px 0 20px;
	clear: both;
	text-align: left;
}
.footer-logos-container-mobile{
	padding: 0 0 30px;
	clear: both;
	text-align: left;
	display: none;
}
.footer-logo{
	height: 35px;
	width: auto;
	margin-right: 38px;
	margin-bottom: 30px;
	-webkit-transition:opacity 200ms ease-in-out;
	  -moz-transition:opacity 200ms ease-in-out;
	  -o-transition:opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
    -webkit-backface-visibility: hidden;
}
.footer-logo:hover{
	opacity: 0.5;
}
.footer-logos-container a:first-child .footer-logo{
	margin-left: 0;
}
.footer-copyright{
	font-family:"din-2014";
	font-weight: 400;
	color: white;
	font-size: 21px;
	line-height: 24px; 
	padding: 0 0 55px;
}
.footer-copyright span{
	padding-right: 25px;
	display: inline-block;
}
.footer-copyright a{
	color: white;
	text-decoration: none;
	-webkit-transition:opacity 200ms ease-in-out;
	  -moz-transition:opacity 200ms ease-in-out;
	  -o-transition:opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
}
.footer-copyright a:hover{
	opacity: 0.5;
}
/* Content */
#main,
.scene-container{
	width: 100%;
	height: 100%;
	background-color: black;

}
.content-wrapper{
	width: 100%;
	height: 100%;
	background-color: black;
	-webkit-transition:opacity 1000ms ease-in-out;
	  -moz-transition:opacity 1000ms ease-in-out;
	  -o-transition:opacity 1000ms ease-in-out;
	transition: opacity 1000ms ease-in-out;
}
.talent .header-wrapper{
	display: none!important;
}
.talent .footer-wrapper{
	display: none!important;
}
.talent-bg{
	width: 100%;
	height: 100%;
	position: fixed;
	background-repeat: repeat;
	/*background-position: -17% 35%;*/
	background-position: -4% 70%;
	/*background-size: 150px auto;*/
	background-size: 300px auto;
	background-image: url('./img/bg-tileable.jpg');
}
.talent-slider-container{
	width: 100%;
	height: 100%;
	position: relative;
}
.tal-slide-one-float{
	position: absolute;
	top:50%;
	left:50%;
    -webkit-transform: translateX(-50%) translateY(-50%) ;
    -ms-transform: translateX(-50%) translateY(-50%) ;
    transform:  translateX(-50%) translateY(-50%) ;
    display: inline-block;
    /*display: none;*/
}


.tal-slide-title{
	font-family:"din-2014";
	font-weight: 700;
	font-size: 55px;
	line-height: 65px;
	color: #5dabfc;
	opacity: 0;
	-webkit-transition:opacity 350ms ease-in-out;
	  -moz-transition:opacity 350ms ease-in-out;
	  -o-transition: opacity 350ms ease-in-out;
	transition: opacity 350ms ease-in-out;
}

.tal-slide-title.show{
	opacity: 1;
}


.tal-slide-one-float span{
    width: 65px;
    height: 14px;
    position: absolute;
    top: 54%;
    left: -10%;
    -webkit-transform: translateY(-50%) ;
    -ms-transform: translateY(-50%) ;
    transform:  translateY(-50%) ;
	background-color: #5dabfc;
	opacity: 0;
	-webkit-transition:all 600ms ease-in-out;
	  -moz-transition:all 600ms ease-in-out;
	  -o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}


.tal-slide-one-float span.show{
	opacity: 1;
}


.tal-slide-one-float span.slide{
	left: 115%;
}

.tal-slide-two-float{
	position: absolute;
	top:50%;
	left:50%;
	width: 80%;
	max-width: 645px;
    -webkit-transform: translateX(-50%) translateY(-50%) ;
    -ms-transform: translateX(-50%) translateY(-50%) ;
    transform:  translateX(-50%) translateY(-50%) ;
    
    display: none;
	font-family:"din-2014";
	font-weight: 700;
	font-size: 42px;
    line-height: 50px;
	color: #5dabfc;
	text-align: center;
}
.youtube-contestant-title{
	font-family:"din-2014";
	font-weight: 700;
	font-size: 42px;
    line-height: 50px;
	color: #5dabfc;
	text-align: center;
	position: relative;
	padding: 20px 0 30px;
}
.youtube-contestant-title.no-btm{
	padding-bottom: 0;
}
.youtube-episode-wrapper{
	position: relative;
	padding-bottom: 150px;
}
.youtube-episode-subtitle{
	font-family:"din-2014";
	font-weight: 700;
	font-size: 28px;
    line-height: 32px;
	color: #5dabfc;
	text-align: center;
	position: relative;
	padding-bottom: 0;
}
.youtube-current-episode{
	width: 100%;
	position: relative;
    max-width: 750px;
    margin: 60px auto 0;
    border:4px solid #5dabfc;
    /*background-color: pink;*/
}
.youtube-current-episode iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.youtube-current-episode:after{
	content: '';
	display: inline-block;
	padding-top: 55.206089%;
}
.tal-slide-three-float{
	position: absolute;
	top:47%;
	left:50%;
    -webkit-transform: translateX(-50%) translateY(-50%) ;
    -ms-transform: translateX(-50%) translateY(-50%) ;
    transform:  translateX(-50%) translateY(-50%) ;
    width: 90%;
    max-width: 750px;
    display: none;
}
.tal-slide-three-float iframe{
	width: 100%;
	height: 100%;
    border:2px solid #5dabfc;
    position: absolute;
}
.talent-curr-play{
	position: absolute;
	top:50%;
	left:50%;
    -webkit-transform: translateX(-50%) translateY(-50%) ;
    -ms-transform: translateX(-50%) translateY(-50%) ;
    transform:  translateX(-50%) translateY(-50%) ;
    width: 80%;
    max-width: 805px;

}
.hidden-play{
	display: none;
}
.talent-curr-play-float{
	width: 100%;
	background-color: black;
	display: block;
	position: relative;
}

.tal-slide-three-float:after,
.talent-curr-play-float:after{
	content: '';
	padding-top: 56.25%;
	display: inline-block;
}

.talent-curr-play-float #videoCurrentPlay{
	width: 100%;
	height: 100%;
	position: absolute;
}
.tal-scrolldown-floater{
	position: absolute;
	left:50%;
    -webkit-transform: translateX(-50%)  translateY(-50%);
    -ms-transform: translateX(-50%)   translateY(-50%);
    transform:  translateX(-50%)  translateY(-50%) ;
    bottom: 15px;
    opacity: 0;
    width: 100%;
    text-align: center;
	-webkit-transition:opacity 550ms ease-in-out, transform 550ms ease-in-out;
	  -moz-transition:opacity 550ms ease-in-out, transform 550ms ease-in-out;
	  -o-transition: opacity 550ms ease-in-out, transform 550ms ease-in-out;
	transition: opacity 550ms ease-in-out, transform 550ms ease-in-out;
}
.tal-scrolldown-floater.show{
    -webkit-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    transform:  translateX(-50%) translateY(0) ;
    opacity: 1;
    cursor: pointer;
}

.tal-scroll-title{
	font-family:"din-2014";
	font-weight: 700;
	font-size: 20px;
    line-height: 22px;
	color: #5dabfc;
	text-align: center;
	width: 100%;
	padding-bottom: 12px;
}
.tal-scroll-arrow{
	width:35px;
	height: auto;
}

.tal-bounce{
  animation: bounceUpDown 3s infinite;
}

@keyframes bounceUpDown {
	0%, 20%, 50%, 80%, 100% {
	    transform: translateY(0);
	    -webkit-transform:translateY(0);
	    -ms-transform: translateY(0);
	  }
		40% {
	    transform: translateY(-8px);
	    -webkit-transform:translateY(-8px);
	    -ms-transform:translateY(-8px);
	  }
		60% {
	    transform:translateY(-4px);
	    -webkit-transform:translateY(-4px);
	    -ms-transform: translateY(-4px);
	  }
}
.talent-insta-feed{
	position: relative;
	width: 100%;
	height: auto;
	padding:75px 0 150px;
}
.tal-insta-inner{
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}
.tal-insta-col{
	float: left;
	width: 50%;
	position: relative;
}
.tal-insta-item-container{
	float: left;
	width: 50%;
	position: relative;	
    -webkit-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform:  scale(0.2);
    opacity: 0;
}
.hover-play{
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(255,255,255,0.2);
	opacity: 0;
	cursor: pointer;
	-webkit-transition:opacity 250ms ease-in-out;
	  -moz-transition:opacity 250ms ease-in-out;
	  -o-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.hover-play:hover{
	opacity: 1;
}
.hover-play.dont-open:hover{
	opacity: 0 !important;
}
.hover-play.dont-open{
	opacity: 0 !important;
}
.hover-play.show{
	opacity: 1;
}
.hover-play-icon{
	width: 32%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 54%;
	opacity: 0.8;
    -webkit-transform: translateX(-50%) translateY(-50%) ;
    -ms-transform: translateX(-50%) translateY(-50%) ;
    transform:  translateX(-50%) translateY(-50%) ;
	    filter: brightness(0) invert(1);
    -webkit-filter: drop-shadow( 0px 0px 3px rgba(0,0,0,0.6) );
    -moz-filter:    drop-shadow( 0px 0px 3px rgba(0,0,0,0.6) );
    -ms-filter:     drop-shadow( 0px 0px 3px rgba(0,0,0,0.6) );
    -o-filter:      drop-shadow( 0px 0px 3px rgba(0,0,0,0.6) );
}
.hover-play-icon.big{
	width: 90px;
	left: 50%;
}
.tal-insta-profile{
	border-radius: 50em;
	background-color: #5dabfc;
	position: relative;
	width: 75%;
	max-width: 210px;
    border: 5px solid #5dabfc;
	margin: 0 auto;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.tal-offset-xs{
	padding-top: 75px;
}
.tal-offset-sm{
	padding-top: 120px;	
}
.tal-offset-md{
	padding-top: 175px;	
	
}
.tal-offset-lg{
	padding-top: 200px;	
}

.tal-anim-slow{
	-webkit-transition:opacity 700ms ease-in-out, transform 700ms ease-in-out;
	  -moz-transition:opacity 700ms ease-in-out, transform 700ms ease-in-out;
	  -o-transition: opacity 700ms ease-in-out, transform 700ms ease-in-out;
	transition: opacity 700ms ease-in-out, transform 700ms ease-in-out;
	
}	
.tal-anim-avrg{
	-webkit-transition:opacity 500ms ease-in-out, transform 500ms ease-in-out;
	  -moz-transition:opacity 500ms ease-in-out, transform 500ms ease-in-out;
	  -o-transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
	transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
	
}
.tal-anim-fast{
	-webkit-transition:opacity 250ms ease-in-out, transform 250ms ease-in-out;
	  -moz-transition:opacity 250ms ease-in-out, transform 250ms ease-in-out;
	  -o-transition: opacity 250ms ease-in-out, transform 250ms ease-in-out;
	transition: opacity 250ms ease-in-out, transform 250ms ease-in-out;
	
}
.tal-insta-item-container.show{
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform:  scale(1.0);
    opacity: 1;
}
.tal-anim-slow.pulse{
	animation-delay: 50ms;
		animation: ripple 2.5s ease-in-out;
      animation-iteration-count: infinite;
      animation-direction: alternate;
}
.tal-anim-avrg.pulse{
	animation-delay: 200ms;
	animation: ripple 2.12s ease-in-out;
      animation-iteration-count: infinite;
      animation-direction: alternate;
}
.tal-anim-fast.pulse{
	animation-delay: 250ms;
	animation: ripple 1.75s ease-in-out;
      animation-iteration-count: infinite;
      animation-direction: alternate;
}
.hidden-vote-button{
	display: none;
    margin: 0 auto 0;
    position: fixed;
    bottom: 25px;
    left: 50%;
    z-index: 15;
    -webkit-transform: translateX(-50%)  ;
    -ms-transform: translateX(-50%)  ;
    transform:  translateX(-50%) ;
}
.hidden-vote-button.hide{
	opacity: 0;
}
.transparent-overlay-bg{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 8;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.8);
	display: none;
	cursor: pointer;
}
.vote-button{
	width: 500px;
	line-height: 85px;
	font-family:"din-2014";
	font-weight: 700;
	font-size: 45px;
    background-color: #5dabfc;
    color: white;
    text-align: center;
    margin: 120px auto 0;
    cursor: pointer;
}
@keyframes ripple {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.9);
  }
}
.tal-insta-profile:after{
	content: '';
	display: inline-block;
	padding-top: 100%;
}
.tal-intsa-username{
	width: 100%;
	text-align: center;
	color: #5dabfc;
	font-family:"din-2014";
	font-weight: 700;
	font-size: 20px;
	padding-top: 10px;
    line-height: 28px;
}
.talent-current-profile{
	width: 100%;
    text-align: center;
    color: #5dabfc;
    font-family:"din-2014";
	font-weight: 700;
    font-size: 40px;
    padding-top: 20px;
    line-height: 50px;

}
.home-banner{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-color: black;
	background-size: cover;
	position: relative;
}


.home-banner-img{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-color: black;
	background-size: cover;
	position: relative;
	-webkit-transition:transform 3500ms ease-in-out, opacity 800ms ease-in-out;
	  -moz-transition:transform 3500ms ease-in-out, opacity 800ms ease-in-out;
	  -o-transition:transform 3500ms ease-in-out, opacity 800ms ease-in-out;
	transition: transform 3500ms ease-in-out, opacity 800ms ease-in-out;
    -webkit-backface-visibility: hidden;
}

.banner-img-animation{
	 -webkit-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05);
	opacity: 0;
}

.default-banner-center{
	background-position: center center;
}
.default-banner-left{
	background-position: left center;
}
.default-banner-right{
	background-position: right center;
}
.home-carousel-banner{
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
}
.home-carousel-item{
	width: 100%;
	height: 100%;
	position: absolute;
	background-repeat: no-repeat;
	background-color: black;
	background-size: cover;
	opacity: 0;
	-webkit-transition:opacity 850ms ease-in-out;
	  -moz-transition:opacity 850ms ease-in-out;
	  -o-transition:opacity 850ms ease-in-out;
	transition: opacity 850ms ease-in-out;
}
.carousel-active{
	opacity: 1;
}
.carousel-item-center{
	background-position: center center;
}
.carousel-item-left{
	background-position: left center;
}
.carousel-item-right{
	background-position: right center;
}

.featured-article{
	width: 100%;
	height: 100%;
	position: absolute;
	background-repeat: no-repeat;
	background-color: black;
	background-size: cover;
	background-color: black;
    -webkit-backface-visibility: hidden;
}
.featured-img-center{
	background-position: center center;
}
.featured-img-left{
	background-position: left center;
}
.featured-img-right{
	background-position: right center;
}
.feat-article-details{
	width: 100%;
	max-width: 1440px;
	position: absolute;
	top: calc(50% + 50px);
	top: -webkit-calc(50% + 50px);
	left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) ;
    -ms-transform: translateX(-50%) translateY(-50%) ;
    transform:  translateX(-50%) translateY(-50%) ;
	-webkit-transition:opacity 750ms ease-in-out, transform 3500ms ease-in-out;
	  -moz-transition:opacity 750ms ease-in-out, transform 3500ms ease-in-out;
	  -o-transition:opacity 750ms ease-in-out, transform 3500ms ease-in-out;
    transition: opacity 750ms ease-in-out, transform 3500ms ease-in-out;

}
.home-banner-preanim{
	opacity: 1;
	-webkit-transition:opacity 1000ms ease-in-out;
	  -moz-transition:opacity 1000ms ease-in-out;
	  -o-transition:opacity 1000ms ease-in-out;
    transition: opacity 1000ms ease-in-out;
}
.home-banner-animation{
	opacity: 0;
}
.home-article-animation{
	opacity: 0;
}
.ha-neutralizer-animation{
    -webkit-transform: translateX(-50%) translateY(-50%)  scale(0.95,0.95);
    -ms-transform: translateX(-50%) translateY(-50%)  scale(0.95,0.95);
	transform: translateX(-50%) translateY(-50%) scale(0.95,0.95);
}
.feat-title{
	font-family:"din-2014";
	font-weight: 800;
	font-size: 150px;
	margin-bottom: 0;
	line-height: 165px;
	color: white;
	padding: 0 50px;
}
.feat-subtitle{
	font-family:"din-2014";
	font-weight: 400;
	margin-bottom: 25px;
	color: white;
	font-size: 21px;
	line-height: 24px; 
	padding: 0 50px 0 55px;
}
.feat-article-details a{
	margin-left:55px;
}
.feat-button {
    color: black;
    text-transform: uppercase;
    font-family:"din-2014";
	font-weight: 800;
    line-height: 43px;
    font-size: 18px;
    width: 115px;
    display: inline-block;
    text-align: center;
    background-color: white;
	-webkit-transition:200ms opacity ease-in-out;
	  -moz-transition:200ms opacity ease-in-out;
	  -o-transition:200ms opacity ease-in-out;
    transition: 200ms opacity ease-in-out;
    -webkit-backface-visibility: hidden;
}
.feat-button:hover {
	opacity: 0.5;
}

.pages-banner{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-color: black;
	background-size: cover;
	position: relative;
	-webkit-transition:1000ms opacity ease-in-out;
	  -moz-transition:1000ms opacity ease-in-out;
	  -o-transition:1000ms opacity ease-in-out;
	transition: opacity 1000ms ease-in-out;
}
.pages-banner-animation{
	opacity: 0;
}

.pages-banner-artist{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-color: black;
	background-size: cover;
	position: absolute;
	-webkit-transition: transform 1800ms ease-in-out, opacity 800ms ease-in-out;
	  -moz-transition: transform 1800ms ease-in-out, opacity 800ms ease-in-out;
	  -o-transition: transform 1800ms ease-in-out, opacity 800ms ease-in-out;
	transition: transform 1800ms ease-in-out, opacity 800ms ease-in-out;
    -webkit-backface-visibility: hidden;
}

.banner-artist-animation{
	 -webkit-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05);
	opacity: 0;
}


.page-banner-center{
	background-position: center center;
}
.page-banner-left{
	background-position: left center;
}
.page-banner-right{
	background-position: right center;
}
.page-video-banner{
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.page-banner-floater{
	width: 100%;
	max-width: 1440px;
	position: absolute;
	top: calc(50% + 50px);
	top: -webkit-calc(50% + 50px);
	left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform:  translateX(-50%) translateY(-50%);
    -webkit-backface-visibility: hidden;
}
.page-banner-details{
	font-size: 42px;
	text-align: left;
	color: white;
    padding: 0 55px 0 55px;
	font-family:"din-2014";
	font-weight: 400;
	-webkit-transition: transform 1250ms ease-in-out, opacity 750ms ease-in-out;
	  -moz-transition: transform 1250ms ease-in-out, opacity 750ms ease-in-out;
	  -o-transition: transform 1250ms ease-in-out, opacity 750ms ease-in-out;
	transition: transform 1250ms ease-in-out, opacity 750ms ease-in-out;
	overflow: hidden;
    -webkit-backface-visibility: hidden;

}
.page-banner-details-animation{
    -webkit-transform: translateY(80%);
    -ms-transform: translateY(80%);
	transform: translateY(80%);
    opacity: 0;
}
.page-scrolldown{
	width: 36px;
	height: 36px;
	opacity: 1;
	overflow: hidden;
    -webkit-backface-visibility: hidden;
	margin-top: 30px;
	margin-left: 55px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('./img/scroll-button.png');
    -webkit-backface-visibility: hidden;
    cursor: pointer;
	-webkit-transition: transform 750ms ease-in-out, opacity 750ms ease-in-out;
	  -moz-transition: transform 750ms ease-in-out, opacity 750ms ease-in-out;
	  -o-transition: transform 750ms ease-in-out, opacity 750ms ease-in-out;
	transition: transform 750ms ease-in-out, opacity 750ms ease-in-out;
}

.pgscd-animation{
    -webkit-transform: translateY(500%);
    -ms-transform: translateY(500%);
	transform: translateY(500%);
    opacity: 0;
}


.page-scrolldown:hover{
	opacity: 0.5;
}

.about-details-container{
	width: 100%;
	padding: 55px 55px 210px;
	max-width: 1440px;
	margin: 0 auto;
	-webkit-transition:opacity 1000ms ease-in-out;
	  -moz-transition:opacity 1000ms ease-in-out;
	  -o-transition:opacity 1000ms ease-in-out;
	transition: opacity 1000ms ease-in-out;
}
.about-warner-header{
	color: white;
	font-family:"din-2014";
	font-weight: 400;
	font-size: 98px;
	margin: 150px 0 50px;
	clear: both;
}
.about-warner-container{
	width: 100%;
    height: auto;
    overflow: auto;	
    overflow-y: hidden;
}
.about-warner-left{
	float: left;
	width: 890px;
	margin-top: 100px;
	font-family:"din-2014";
	font-weight: 400;
	font-size: 42px;
	color: white;
}
.about-warner-right{
	float: right;
	width: 720px;
	margin-top: 100px;
	font-family:"din-2014";
	font-weight: 400;
	font-size: 42px;
	color: white;
}
.faq-column{
	width: 50%;
	float: left;
	margin-top: 110px;
}
.faq-column:nth-of-type(odd){
	padding-right: 25px;
}
.faq-column:nth-of-type(even){
	padding-left: 25px;

}
.faq-title{
	font-size: 40px;
	color: white;
	font-family:"din-2014";
	font-weight: 400;
}
.faq-body{
	font-size: 21px;
	color: white;
	margin-top: 110px;
	font-family:"din-2014";
	font-weight: 300;
}
.faq-body a{
	text-decoration: underline;;
	color: white;
	opacity: 1;
	-webkit-transition: opacity 200ms ease-in-out, text-decoration 200ms ease-in-out;
	  -moz-transition: opacity 200ms ease-in-out, text-decoration 200ms ease-in-out;
	  -o-transition: opacity 200ms ease-in-out, text-decoration 200ms ease-in-out;
	transition: opacity 200ms ease-in-out, text-decoration 200ms ease-in-out;
	-webkit-backface-visibility: hidden;
}
.faq-clear{
	width: 100%;
	clear: both;
}
.faq-body a:hover{
	text-decoration: none;
	opacity: 0.5;
}
.contact-container{
    width: 100%;
    max-width: 1440px;
    padding: 205px 55px 205px;
    height: auto;
    overflow: auto;
    margin: 0 auto;
    overflow-y: hidden;
	-webkit-transition: opacity 1000ms ease-in-out;
	  -moz-transition: opacity 1000ms ease-in-out;
	  -o-transition: opacity 1000ms ease-in-out;
	transition: opacity 1000ms ease-in-out;
}
.contact-floater-container{
	width: 830px;
	clear: both;
}
.cf-left{
	float: left;
}
.cf-right{
	float: right;
}
.cf-header{
	font-family:"din-2014";
	font-weight: 400;
	font-size: 98px;
	color: white;
}
.cf-right .cf-header{
	margin-top: 170px;
}
.cf-left .cf-header{
	margin-top: 115px;
}
.cf-desc{
	margin-top: 60px;
	padding-left: 80px;
	font-family:"din-2014";
	font-weight: 400;
	font-size: 42px;
	color: white;
}
.cf-desc a{
	color: white;
	text-decoration: underline;
	-webkit-transition: opacity 200ms ease-in-out;
	  -moz-transition: opacity 200ms ease-in-out;
	  -o-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;

}
.cf-desc a:hover{
	opacity: 0.5;
}
.df-desc-neuter{
	margin-top: 0 !important;
}
.cf-button{
	margin-top: 25px;
	padding: 12px 35px;
	display: inline-block;
	font-family:"din-2014";
	font-weight: 400;
	font-size: 32px;
	color: black;
	text-transform: uppercase;
	cursor: pointer;
	background-color: white;
	opacity: 1;
	-webkit-transition: opacity 200ms ease-in-out;
	  -moz-transition: opacity 200ms ease-in-out;
	  -o-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
	-webkit-backface-visibility: hidden;
}
.cf-button:hover{
	opacity: 0.8;
}
.vm-content-container{
	padding: 90px 55px 130px;
	width: 100%;
	max-width:1440px;
	margin: 0 auto;
	-webkit-transition: opacity 1000ms ease-in-out;
	  -moz-transition: opacity 1000ms ease-in-out;
	  -o-transition: opacity 1000ms ease-in-out;
	transition: opacity 1000ms ease-in-out;
}
.vm-details-row{
	width: 100%;
	height: auto;
	overflow: hidden;
	overflow-y: hidden;
	margin-top: 150px;
}
.vm-column-text{
	width: 50%;
	float: left;
	font-family:"din-2014";
	font-weight: 400;
	font-size: 42px;
	color: white;
}
.vm-column-img{
	width: 50%;
	height: 100%;
	float: left;
	height: 10px;
	position: relative;
}

.vm-details-row.left .vm-column-text{
	padding-right: 15px;
}
.vm-details-row.right .vm-column-text{
	padding-left: 15px;
}
.vm-column-img img{
	position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) ;
    -ms-transform: translateX(-50%) ;
    transform:  translateX(-50%) ;
}
.vm-column-img img.vm-img-center{
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform:  translateX(-50%) translateY(-50%);

}
.vm-column-img img.vm-img-top{
	top: 50px;
}
.vm-column-img img.vm-img-bottom{
	bottom: 50px;
}
.vm-img-05p{
	height: 5%;
}
.vm-img-10p{
	height: 10%;
}
.vm-img-15p{
	height: 15%;
}
.vm-img-20p{
	height: 20%;
}
.vm-img-25p{
	height: 25%;
}
.vm-img-30p{
	height: 30%;
}
.vm-img-35p{
	height: 35%;
}
.vm-img-40p{
	height: 40%;
}
.vm-img-45p{
	height: 45%;
}
.vm-img-50p{
	height: 50%;
}
.vm-img-55p{
	height: 55%;
}
.vm-img-60p{
	height: 60%;
}
.vm-img-65p{
	height: 65%;
}
.vm-img-70p{
	height: 70%;
}
.vm-img-75p{
	height: 75%;
}
.vm-img-80p{
	height: 80%;
}
.vm-img-85p{
	height: 85%;
}
.vm-img-90p{
	height: 90%;
}
.vm-img-95p{
	height: 95%;
}
.vm-img-100p{
	height: 100%;
}
.playlist-container{
	width: 100%;
	height: 730px;
	margin-top: 150px;
	position: relative;
}

.playlist-img{
	position: absolute;
	width: 295px;
	height: 295px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.playlist-img-play{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	cursor: pointer;
	opacity: 0;
	-webkit-transition: opacity 350ms ease-in-out;
	  -moz-transition: opacity 350ms ease-in-out;
	  -o-transition: opacity 350ms ease-in-out;
	transition: opacity 350ms ease-in-out;

	background-size: 40% auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('./img/play.svg');

	-webkit-backface-visibility: hidden;
}
.playlist-img-play:hover{
	opacity: 1;
}
.pli-top-right{
	right: 0;
	top: 0;
	-webkit-backface-visibility: hidden;
}
.pli-top-center{
	top:5%;
	left: 47%;
    -webkit-transform: translateX(-50%) ;
    -ms-transform: translateX(-50%) ;
    transform:  translateX(-50%) ;
	-webkit-backface-visibility: hidden;
}
.pli-center-left{
	top:60%;
	left: 0;
    -webkit-transform: translateY(-50%) ;
    -ms-transform: translateY(-50%) ;
    transform:  translateY(-50%) ;
	-webkit-backface-visibility: hidden;

}
.pli-bottom-right{
	bottom:0;
	right: 26%;
    -webkit-transform: translateX(50%) ;
    -ms-transform: translateX(50%) ;
    transform:  translateX(50%) ;
	-webkit-backface-visibility: hidden;

}

.single-artist-floater{
	position: absolute;
	bottom: 0;
    width: 100%;
    max-width: 1440px;
	left: 50%;
    -webkit-transform: translateX(-50%) ;
    -ms-transform: translateX(-50%) ;
    transform:  translateX(-50%) ;
    padding: 0 55px 85px;
}
.artist-button-container{
	width: 100%;
	height: auto;
}
.artist-buttons{
	width: calc(33.33% - 20px);
	width: -webkit-calc(33.33% - 20px);
	height: 65px;
	float: left;
	cursor: pointer;
	opacity: 1;
	font-family:"din-2014";
	font-weight: 400;
	font-size: 24px;
	line-height: 35px;
	padding-top:15px; 
	display: inline-block;
	text-align: center;
	-webkit-transition:transform 1200ms ease-in-out, opacity 500ms ease-in-out;
	  -moz-transition:transform 1200ms ease-in-out, opacity 500ms ease-in-out;
	  -o-transition:transform 1200ms ease-in-out, opacity 500ms ease-in-out;
	transition: transform 1200ms ease-in-out, opacity 500ms ease-in-out;
}

.listen-btn{
	background-color: white;
	color: black;
}
.instagram-btn{
	background-color: #e9338f;
	color: white;
}
.facebook-btn{
	background-color: #3b5999;
	color: white;
}

.snapchat-btn{
	background-color: #FFFC00;
	color: black;
}
.youtube-btn{
	background-color: #CC181E;
	color: white;
}
.musically-btn{
	background-color: #FF3369;
	color: white;
}
.tiktok-btn {
    background: #ee1d52;
	color: white;
}
.artist_5.tiktok-btn {
    margin: 15px 30px;
    margin-bottom: 0;
}

.artist-buttons.artist_4, .artist-buttons.artist_5, .artist-buttons.artist_6 {
    margin-top: 15px;
}
.artist-buttons:hover{
	opacity: 0.7;
}
.artist-buttons.centered,
.artist-buttons.right{
	margin: 0 30px;
}
.artist-label{
	font-family:"din-2014";
	font-weight: 800;
	font-size: 150px;
	color: white;
	margin-bottom: 80px;
	line-height: 140px;
	-webkit-transition:opacity 800ms ease-in-out, transform 2200ms ease-in-out;
	  -moz-transition:opacity 800ms ease-in-out, transform 2200ms ease-in-out;
	  -o-transition:opacity 800ms ease-in-out, transform 2200ms ease-in-out;
	transition: opacity 800ms ease-in-out, transform 2200ms ease-in-out;
}
.artist-label-animation{
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%) ;
    transform: translateY(50%);
    opacity: 0;
}

.btn-all-animation{
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%) ;
    transform: translateY(100%);
    opacity: 0;

}

.play-icon{
    height: 25px;
    width: auto;
    margin-right: 12px;
    vertical-align: baseline;
    margin-bottom: -4px;
}
.fb-icon{
    height: 22px;
    width: auto;
    margin-right: 8px;
    vertical-align: baseline;
    margin-bottom: -2px;
}
.ig-icon {
    height: 24px;
    width: auto;
    margin-right: 8px;
    vertical-align: baseline;
    margin-bottom: -4px;
}
.tiktok-icon {
    height: 24px;
    width: auto;
    margin-right: 8px;
    vertical-align: baseline;
    margin-bottom: -4px;
}
.yt-icon {
    height: 22px;
    width: auto;
    margin-right: 8px;
    vertical-align: baseline;
    margin-bottom: -2px;
}
.artist-demo-container{
	width: 100%;
	margin: 0 auto;
	max-width: 1440px;
	padding: 0 55px;
	-webkit-transition:opacity 1000ms ease-in-out;
	  -moz-transition:opacity 1000ms ease-in-out;
	  -o-transition:opacity 1000ms ease-in-out;
	transition: opacity 1000ms ease-in-out;
}
.artist-header-picker{
	width: 100%;
	padding: 180px 0 0;
	text-align: center;
	-webkit-transition:opacity 750ms ease-in-out;
	  -moz-transition:opacity 750ms ease-in-out;
	  -o-transition:opacity 750ms ease-in-out;
	transition: opacity 750ms ease-in-out;
}
.artist-header-menu-animation{
	opacity: 0;
}

.artist-menu{
	display: inline-block;
	font-family:"din-2014";
	font-weight: 400;
	font-size: 28px;
	color: white;
	margin:0 25px;
	border-bottom: 2px solid transparent;
	cursor: pointer;
	-webkit-transition:opacity 200ms ease-in-out;
	  -moz-transition:opacity 200ms ease-in-out;
	  -o-transition:opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}
.artist-menu:hover{
	opacity: 0.5;
}
.artist-menu.active-artist-menu{
	border-bottom: 2px solid white;
}

.all-artist-list{
	width: 100%;
  text-align: justify;
  -ms-text-justify: distribute-all-lines;
  text-justify: distribute-all-lines;
  display: none;
	margin-top: 110px;
position: relative;
	 font-size: 0.1px;
}

.all-artist-cover{
	position: absolute;
	top:calc(110% + 100px);
	top:-webkit-calc(110% + 100px);
	bottom: -10%;
	left:0;
	right:0;
	-webkit-transition:top 5000ms ease-in-out;
	  -moz-transition:top 5000ms ease-in-out;
	  -o-transition:top 5000ms ease-in-out;
	transition: top 5000ms ease-in-out;
	overflow: hidden;
}
.slide-down-animation{
	top:-100px;
}
.gradientcover{
    height: 100px;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); /* Standard syntax (must be last) */
    position: absolute; 
    width: 100%;
    top: 0;
}
.blacknesscover{
	top:100px;
	width: 100%;
	background-color: black;
	bottom: 0;
	position: absolute;
}

.artist-name{
	display: inline;
	font-family:"din-2014";
	font-weight: 400;
	color: white;
    vertical-align: middle;
     vertical-align: -webkit-baseline-middle;
  display: inline-block;
  *display: inline;
  zoom: 1;
  cursor: pointer;
	-webkit-transition:opacity 350ms ease-in-out;
	  -moz-transition:opacity 350ms ease-in-out;
	  -o-transition:opacity 350ms ease-in-out;
  transition: opacity 350ms ease-in-out;
  padding: 0 5px;
}
.artist-name:hover{
	opacity: 0.5;
}
.artist-name a{
	color: white;
}
.blue-artist,
.blue-artist a{
	color: #14a5e0;
}
.small-artist{
    font-size: 60px;
    line-height: 68px;
}
.medium-artist{
	font-size: 74px;
    line-height: 74px;
}
.large-artist{
	font-size: 135px;
    line-height: 125px;
}
.stretch {
   width: 100%;
  display: inline-block;
  font-size: 0;
  line-height: 0
  
}

.unsigned-container{
	width: 100%;
	height: auto;
	overflow: auto;
	overflow-y: hidden;
	padding-bottom: 50px;
	display: none;
}
.active-artist-container{
	display: block;
}
.artist-container{
	-webkit-transition:opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -moz-transition:opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -o-transition:opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
}
.artist-toggle-hide{
	opacity: 0;
}
.left-align-header{
	font-size: 94px;
	font-family:"din-2014";
	font-weight: 400;
	color: white;
	float: left;
	width: 830px;
	margin-top: 110px;
	clear: both;
	-webkit-transition:opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -moz-transition:opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -o-transition:opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
}

.all-artist-animation{
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%) ;
    transform: translateY(10%);
    opacity: 0;
}

.lah-animation{
    -webkit-transform: translateY(180px);
    -ms-transform: translateY(180px) ;
    transform: translateY(180px);
    opacity: 0;
}
.right-align-normal-text{
	margin-top: 70px;
	clear: both;
	float: right;
	font-size: 21px;
	font-family:"din-2014";
	font-weight: 400;
	color: white;
	width: 615px;
	margin-right: 105px;
	-webkit-transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -moz-transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -o-transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
}
.rant-animation{
    -webkit-transform: translateY(180px);
    -ms-transform: translateY(180px) ;
    transform: translateY(180px);
    opacity: 0;
}
.centered-medium-header-container{
	float: left;
	clear: both;
	width: 100%;
	-webkit-transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -moz-transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -o-transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
}
.cmhc-animation{
    -webkit-transform: translateY(180px);
    -ms-transform: translateY(180px) ;
    transform: translateY(180px);
    opacity: 0;
}
.centered-medium-header{
	font-size: 56px;
	font-family:"din-2014";
	font-weight: 400;
	color: white;
	width: 830px;
	margin: 155px auto 0;
}
.centered-aling-normal-text-container{
	float: left;
	clear: both;
	width: 100%;
	-webkit-transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -moz-transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -o-transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
}
.cantc-animation{
    -webkit-transform: translateY(180px);
    -ms-transform: translateY(180px) ;
    transform: translateY(180px);
    opacity: 0;
}
.centered-align-normal-text-with-button,
.centered-align-normal-text{
	margin: 70px auto 0;
	font-size: 21px;
	color: white;
	font-family:"din-2014";
	font-weight: 400;
	width: 655px;
}
.left-align-image{
	float: left;
	clear: both;
	width: 50%;
	margin-top: 70px;
	-webkit-transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -moz-transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -o-transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
}
.right-align-image{
	float: right;
	clear: both;
	width: 50%;
	margin-top: 70px;
	-webkit-transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -moz-transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -o-transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
}
.centered-align-image{
	float: left;
	clear: both;
	width: 100%;
	margin-top: 70px;
	text-align: center;
	-webkit-transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -moz-transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -o-transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
}

.left-align-image img{
	width: 80%;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.right-align-image img{
	width: 80%;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.centered-align-image img{
	width: 40%;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}
.cimg-animation{
    -webkit-transform: translateY(180px);
    -ms-transform: translateY(180px) ;
    transform: translateY(180px);
    opacity: 0;
 }
.centered-button{
	margin-top: 50px;
	display: inline-block;
	font-size: 20px;
	color: black;
	padding: 10px 25px;
	background-color: white;
	font-family:"din-2014";
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-transition:opacity 200ms ease-in-out;
	  -moz-transition:opacity 200ms ease-in-out;
	  -o-transition:opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}
.centered-button:hover{
	opacity: 0.8;
}
.search-panel-modal{
	position: fixed;
	z-index: 100;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,.90);
	display: none;
}
.modalContainer {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    padding: 40px 55px;

}
.searchHint {
    color: #c3c3c3;
    font-size: 14px;
	font-family:"din-2014";
	font-weight: 400;
}
.search-form-container{
	margin-top: 15px;
	width: 100%;
	position: relative;
	    height: 225px;
}
.searchTermText {
    margin: 0 0 0 0;
    padding: 0;
    position: absolute;
    font-size: 100px;
    letter-spacing: -.035em!important;
    line-height: 100px;
    white-space: pre-wrap!important;
    word-wrap: break-word;
    border: 1px solid transparent;
    text-rendering: geometricPrecision;
    top: 0;
    left: 0;
    right: 0;
    height: 225px;
	font-family:"din-2014";
	font-weight: 700;
	color: white;
	background-color: transparent;
	-webkit-font-smoothing: antialiased;
	resize: none;
    outline: none;
    width: 100%;
    border-radius: 0;
    text-transform: lowercase;
}

.suggestionText{
    margin: 0 0 0 0;
    padding: 0;
    position: absolute;
    font-size: 100px;
    letter-spacing: -.035em!important;
    line-height: 100px;
    white-space: pre-wrap!important;
    word-wrap: break-word;
    border: 1px solid transparent;
    text-rendering: geometricPrecision;
    top: 0;
    left: 0;
    right: 0;
    height: 225px;
	font-family:"din-2014";
	font-weight: 700;
	color:  #404040;
	background-color: transparent;
	-webkit-font-smoothing: antialiased;
	resize: none;
    outline: none;
    width: 100%;
    border-radius: 0;
    text-transform: lowercase;

}
.search-hidden-value{
	display: none;
}
.mobile-menu-hamburger{
	display: none;
}
.scroll-transition{
	-webkit-transition:opacity 750ms ease-in-out, transform 1200ms ease-in-out;
	  -moz-transition:opacity 750ms ease-in-out, transform 1200ms ease-in-out;
	  -o-transition:opacity 750ms ease-in-out, transform 1200ms ease-in-out;
	transition: opacity 750ms ease-in-out, transform 1200ms ease-in-out;
}
.scroll-me-animation{
    -webkit-transform: translateY(180px);
    -ms-transform: translateY(180px) ;
	transform: translateY(180px);
	opacity: 0;
}
.vm-column-img img.scroll-me-img-animation{
    -webkit-transform: translateX(-50%) translateY(180px);
    -ms-transform: translateX(-50%) translateY(180px) ;
	transform: translateX(-50%) translateY(180px);
	opacity: 0;
}

.scroll-me-pli-top-animation{
    -webkit-transform: translateX(-50%) translateY(180px);
    -ms-transform: translateX(-50%) translateY(180px);
    transform: translateX(-50%) translateY(180px);
    opacity: 0;
}
.scroll-me-pli-bottom-animation{
    -webkit-transform: translateX(50%) translateY(180px);
    -ms-transform: translateX(50%) translateY(180px);
    transform: translateX(50%) translateY(180px);
    opacity: 0;
}
.page-transition-fade{
	opacity: 0;
}
.loading-container{
    padding: 100px 0 0;
    text-align: center;
    height: 125px;
    display: none;
}
.loading{
	color: white;
    font-size: 16px;
    line-height: 25px;
    cursor: pointer;
}
.hidemeFloater{
	display: none !important;
}

.newsletter-container {
    width: 100%;
    margin: 0 auto;
    max-width: 1440px;
    padding: 0 55px;
	-webkit-transition:opacity 1000ms ease-in-out;
	  -moz-transition:opacity 1000ms ease-in-out;
	  -o-transition:opacity 1000ms ease-in-out;
    transition: opacity 1000ms ease-in-out;
}
.newsletter-header {
    font-size: 94px;
    font-family:"din-2014";
	font-weight: 400;
    color: white;
    float: left;
    width: 100%;
    margin-top: 230px;
    clear: both;
	-webkit-transition:opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -moz-transition:opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -o-transition:opacity 750ms ease-in-out, transform 1250ms ease-in-out;
    transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
}
.newsletter-form-subtitle {
    font-family:"din-2014";
	font-weight: 400;
    font-size: 40px;
    color: white;
    width: 780px;
    float: left;
    margin-top: 100px;
    margin-left: 100px;
	-webkit-transition:opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -moz-transition:opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -o-transition:opacity 750ms ease-in-out, transform 1250ms ease-in-out;
    transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
}
#formcontent2 .success{
    font-family:"din-2014";
	font-weight: 400;
    font-size: 40px;
    color: white;
}
.newsletter-form-container{
	float: left;
    clear: both;
    width: 780px;
    margin: 40px 0 120px 100px;
	-webkit-transition:opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -moz-transition:opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -o-transition:opacity 750ms ease-in-out, transform 1250ms ease-in-out;
    transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
}
.newsletter-email{
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
	width: 100%;
    font-size: 21px;
    color: white;
    line-height: 25px;
    border: 2px solid white;
    padding: 10px 15px;
    background-color: black;
	-webkit-transition:opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -moz-transition:opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -o-transition:opacity 750ms ease-in-out, transform 1250ms ease-in-out;
    transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
}

.page-template-page-warner-template-php .artist-demo-container a{
	text-decoration: underline;
	    -webkit-transition: opacity 200ms ease-in-out;
    -moz-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
}
.newsletter-send{
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
	margin-top: 21px;
    font-size: 20px;
    color: black;
    padding: 10px 25px;
    background-color: white;
    font-family:"din-2014";
	font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
	-webkit-transition:opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -moz-transition:opacity 750ms ease-in-out, transform 1250ms ease-in-out;
	  -o-transition:opacity 750ms ease-in-out, transform 1250ms ease-in-out;
    transition: opacity 750ms ease-in-out, transform 1250ms ease-in-out;
}
.newsletter-email::-webkit-input-placeholder {
   color: white;
}

.newsletter-email:-moz-placeholder { 
   color: white;
}

.newsletter-email::-moz-placeholder {
   color: white;
}

.newsletter-email:-ms-input-placeholder { 
   color: white;
}

.newsletter-animation{
    -webkit-transform: translateY(180px);
    -ms-transform: translateY(180px) ;
    transform: translateY(180px);
    opacity: 0;
}
.lower-newsletter-animation{
    -webkit-transform: translateY(180px);
    -ms-transform: translateY(180px) ;
    transform: translateY(180px);
    opacity: 0;
}

.forofor-img{
	width:280px;
	height: 280px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin-top: 40px;
}
input#cbTerms {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    margin: 0;
    color: white;
    outline: 0;
    font-size: 1.3em;
    line-height: 0.8;
    float: left;
    position: absolute;
    cursor: pointer;
    background-color: black;
}
input[type="checkbox"].ninja-forms-field{
	position: relative !important;
}
[type="checkbox"]:not(:checked):before, [type="checkbox"]:checked:before {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    content: '';
    position: absolute;
    font-size: 1.3em;
    line-height: 0.8;
    width: 20px;
    height: 20px;
    margin: 0;
    color: white;
    border: 2px solid white;
    color: white;
    background-color: black;
}
[type="checkbox"]:checked:after {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    content: '\002714';
    position: absolute;
    /*font-size: 2em;*/
    line-height: 0.8;
    color: white;
    top: 2px;
    left: 2px;
    height: 18px;
    width: 18px;
    /*background-color: black;*/
}
.terms span {
    margin-left: 35px;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    width: 400px;
    float: left;
    color: white;
}
.terms span a{
	text-decoration: underline;
}
.terms p{
	margin: 0;
}
.hideemail{
	display: none;
}
/*------------------------------------*\
    PAGES
\*-------------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:1400px) {
	.medium-artist {
	    font-size: 68px;
	    line-height: 74px;
	}
	.small-artist {
	    font-size: 56px;
	    line-height: 68px;
	}
	.large-artist {
	    font-size: 125px;
	    line-height: 120px;
	}
}
@media only screen and (max-width:1320px) {
	.left-align-image {
	    width: 45%;
	}
	input#cbTerms {
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
	    width: 18px;
	    height: 18px;
	    margin: 0;
	    color: white;
	    outline: 0;
	    float: left;
	    position: absolute;
	    cursor: pointer;
	}
	.tal-slide-three-float {
	    max-width: 660px;
	}
	.tal-scrolldown-floater{
		bottom:15px;
	}
	[type="checkbox"]:not(:checked):before, [type="checkbox"]:checked:before {
	    content: '';
	    position: absolute;
	    font-size: 1.3em;
	    line-height: 0.8;
	    width: 18px;
	    height: 18px;
	    margin: 0;
	    color: white;
	    border: 2px solid white;
	    color: white;
	}
	[type="checkbox"]:checked:after {
	    content: '\002714';
	    position: absolute;
	    font-size: 1.3em;
	    line-height: 0.8;
	    color: white;
	    top: 2px;
	    left: 2px;
	}
	.terms span {
	    font-size: 14px;
	    line-height: 18px;
	    display: inline-block;
	    width: 350px;
	}
	.wrapper {
	    width: 600px;
	    margin-top: 40px;
	}
	.btn {
	    margin-top: 21px;
	    font-size: 16px;
	    padding: 10px 25px;
	}
	.left-align-image img{
	    width: 85%;
	}
	.right-align-image {
	    width: 45%;
	}
	.right-align-image img{
	    width: 85%;
	}
	.feat-title {
	    font-size: 134px;
	    line-height: 150px;
	}
	.feat-subtitle {
	    font-size: 19px;
	    line-height: 24px;
	}
	.footer-header {
	    font-size: 20px;
	}
	.textfield-form-news{
		font-size: 18px;
	    line-height: 20px;
	    padding: 10px 15px;
	}
	.footer-follow-inner,
	.footer-other-inner-inner {
	    font-size: 32px;
	}
	.contact-floater-container {
	    width: 720px;
	}
	.cf-left .cf-header,
	.cf-right .cf-header {
	    margin-top: 95px;
	}
	.cf-desc {
	    margin-top: 50px;
	    font-size: 38px;
	}
	.cf-button {
	    font-size: 26px;
	}
	.cf-header {
	    font-size: 88px;
	}
	.page-banner-details {
	    font-size: 36px;
	}
	.about-warner-header {
	    font-size: 88px;
	}
	.about-warner-left {
	    width: 820px;
	    font-size: 38px;
	}
	.about-warner-right {
	    width: 720px;
	    font-size: 38px;
	}
	.faq-title {
	    font-size: 36px;
	}
	.faq-body {
	    font-size: 19px;
	    margin-top: 80px;
	}
	.vm-details-row {	
	    margin-top: 120px;
	}
	.vm-details-row.left .vm-column-text{
	    padding-right: 10px;
	}
	.vm-details-row.right .vm-column-text {
	    padding-left: 10px;
	}
	.vm-column-text {
	    font-size: 34px;
	}
	.playlist-container {
	    height: 590px;
	}
	.playlist-img {
	    width: 250px;
	    height: 250px;
	}
	.footer-copyright {
	    font-size: 19px;
	}
	.artist-buttons {
	    width: calc(33.33% - 16px);
	    width: -webkit-calc(33.33% - 16px);
	    height: 55px;
	    font-size: 18px;
	    line-height: 30px;
	    padding-top: 12px;
	}
	.artist-label {
	    font-size: 125px;
	    line-height: 115px;
	    margin-bottom: 60px;
	}
	.artist-buttons.centered {
	    margin: 0 24px;
	}
	.artist-buttons.artist_5{
		margin: 15px 24px;
	}
	.artist-menu {
	    font-size: 24px;
	}
	.right-align-normal-text {
	    margin-top: 70px;
	    font-size: 18px;
	    width: 520px;
	    margin-right: 60px;
	}
	.centered-medium-header {
	    font-size: 42px;
	    width: 700px;
	    margin: 105px auto 0;
	}
	.centered-align-normal-text-with-button, .centered-align-normal-text {
	    margin: 70px auto 0;
	    font-size: 18px;
	    width: 560px;
	}
	.centered-button {
	    margin-top: 35px;
	    font-size: 16px;
	    padding: 10px 25px;
	}
	.left-align-header {
	    font-size: 80px;
	    width: 700px;
	}
	.medium-artist {
	    font-size: 64px;
	    line-height: 70px;
	}
	.small-artist {
	    font-size: 52px;
	    line-height: 62px;
	}
	.large-artist {
	    font-size: 110px;
	    line-height: 110px;
	}
	.feat-button {
	    line-height: 35px;
	    font-size: 15px;
	    width: 105px;
	}
	.footer-copyright {
	    font-size: 16px;
	}
	.vm-column-img img.vm-img-top {
	    top: 35px;
	}
	.searchTermText,
	.suggestionText{
	   font-size: 90px;
       line-height: 90px;
       height: 200px;
	}
	.search-form-container{
		    height: 220px;
	}
	.newsletter-header {
	    font-size: 80px;
	}
	.newsletter-header {
	    font-size: 80px;
	}
	.newsletter-form-subtitle {
	    font-size: 32px;
	    width: 600px;
	    margin-top: 80px;
	    margin-left: 80px;
	}
	#formcontent2 .success{
	    font-family:"din-2014";
	font-weight: 400;
	    font-size: 32px;
	    color: white;
	}
	.newsletter-form-container {
	    width: 600px;
	    margin: 40px 0 120px 80px;
	}
	.newsletter-email {
	    width: 100%;
	    font-size: 18px;
	    line-height: 20px;
	    padding: 10px 15px;
	}
	.newsletter-send {
	    margin-top: 21px;
	    font-size: 16px;
	    padding: 10px 25px;
	}
}
@media only screen and (max-width:1200px) {
	.left-align-image {
	    width: 40%;
	}
	.wrapper {
	    width: 560px;
	}
	.btn {
	    margin-top: 20px;
	    font-size: 14px;
	    padding: 10px 25px;
	}
	.terms span {
	    font-size: 12px;
	    line-height: 16px;
	    display: inline-block;
	    width: 300px;
	}
	.left-align-image img{
	    width: 90%;
	}
	.right-align-image {
	    width: 40%;
	}
	.textfield-form-news{
		font-size: 16px;
	    line-height: 20px;
	    padding: 10px 15px;
	}
	.right-align-image img{
	    width: 90%;
	}
	.feat-title {
	    font-size: 110px;
	    line-height: 125px;
	    margin-bottom: 0;
	}
	.feat-subtitle {
	    font-size: 17px;
	    line-height: 20px;
	    margin-bottom: 20px;
	}
	.footer-header {
	    font-size: 18px;
	    margin-bottom: 15px;
	}
	.footer-follow-inner, .footer-other-inner-inner {
	    font-size: 28px;
	    height: 38px;
	    line-height: 38px;
	}
	 .footer-other-inner-inner {
	 	height: auto;
	 }
	.contact-container {
	    padding: 180px 55px 150px;
	}
	.cf-header {
	    font-size: 78px;
	}
	.cf-desc {
	    font-size: 34px;
	}
	.contact-floater-container {
	    width: 650px;
	}
	.cf-button {
	    font-size: 20px;
	}
	.page-banner-details {
	    font-size: 30px;
	}
	.about-warner-header {
	    font-size: 78px;
	    margin: 150px 0 30px;
	}
	.about-warner-left {
	    width: 720px;
	    font-size: 34px;
	}
	.about-warner-right {
	    width: 580px;
	    font-size: 34px;
	}
	.faq-title {
	    font-size: 30px;
	}
	.faq-body {
	    font-size: 16px;
	    margin-top: 60px;
	}
	.about-details-container {
	    padding: 55px 55px 150px;
	}
	.vm-column-text {
	    font-size: 30px;
	}
	.playlist-img {
	    width: 220px;
	    height: 220px;
	}
	.playlist-container {
	    height: 530px;
	}
	.vm-column-img img.vm-img-top {
	    top: 30px;
	}
	.artist-label {
	    font-size: 95px;
	    line-height: 85px;
	    margin-bottom: 50px;
	}
	.artist-buttons {
	    font-size: 16px;
	}
	.play-icon {
	    height: 22px;
	    margin-right: 10px;
	}
	.fb-icon{
	    height: 18px;
	    margin-bottom: -3px;
	}
	.ig-icon {
	    height: 20px;
	    margin-bottom: -4px;
	}
	.yt-icon{
	    height: 18px;
	    margin-bottom: -3px;
	}
	.tiktok-icon {
	    height: 20px;
	    margin-bottom: -4px;
	}
	.artist-menu {
	    font-size: 20px;
	}
	.left-align-header {
	    font-size: 68px;
	    width: 600px;
	}
	.right-align-normal-text {
	    font-size: 16px;
	    width: 460px;
	    margin-right: 40px;
	}
	.centered-medium-header {
	    font-size: 38px;
	    width: 620px;
	}
	.centered-align-normal-text-with-button, .centered-align-normal-text {
	    font-size: 16px;
	    width: 500px;
	}
	.centered-button {
	    font-size: 14px;
	    padding: 10px 20px;
	}
	.medium-artist {
	    font-size: 58px;
	    line-height: 64px;
	}
	.small-artist {
	    font-size: 48px;
	    line-height: 58px;
	}
	.large-artist {
	    font-size: 98px;
	    line-height: 98px;
	}
	.searchTermText,
	.suggestionText{
	   font-size: 80px;
       line-height: 80px;
       height: 180px;
	}
	.search-form-container{
		    height: 180px;
	}
	.newsletter-header {
	    font-size: 68px;
	}
	.newsletter-form-subtitle {
	    font-size: 30px;
	    width: 560px;
	    margin-top: 80px;
	    margin-left: 70px;
	}

	#formcontent2 .success{
	    font-family:"din-2014";
	font-weight: 400;
	    font-size: 30px;
	    color: white;
	}
	.newsletter-form-container {
	    width: 560px;
	    margin: 40px 0 120px 70px;
	}
	.newsletter-email {
	    width: 100%;
	    font-size: 16px;
	    line-height: 20px;
	    padding: 10px 15px;
	}
	.newsletter-send {
	    margin-top: 20px;
	    font-size: 14px;
	    padding: 10px 25px;
	}
}
@media only screen and (max-width:1100px){
	.tal-slide-three-float {
	    max-width: 600px;
	}
}
@media only screen and (max-width:1080px) {
	.feat-article-details {
	    top: calc(60% + 50px);
	    top: -webkit-calc(60% + 50px);
	}
	.wrapper {
	    width: 470px;
	}
	.btn {
	    margin-top: 20px;
	    font-size: 12px;
	    padding: 10px 25px;
	}
	.textfield-form-news{
		font-size: 14px;
	    line-height: 20px;
	    padding: 10px 15px;
	}
	.feat-title {
	    font-size: 90px;
	    line-height: 100px;
	    margin-bottom: 0;
	}
	.feat-subtitle {
	    font-size: 16px;
	    line-height: 20px;
	    margin-bottom: 20px;
	}
	.feat-button {
	    line-height: 35px;
	    font-size: 14px;
	    width: 100px;
	}
	.footer-header {
	    font-size: 15px;
	    margin-bottom: 15px;
	}
	.footer-follow-inner, .footer-other-inner-inner {
	    font-size: 24px;
	    height: 33px;
	    line-height: 32px;
	}
	 .footer-other-inner-inner {
	 	height: auto;
	 }
	.footer-copyright {
	    font-size: 14px;
	}
	.cf-header {
	    font-size: 65px;
	}
	.cf-desc {
	    font-size: 28px;
	}
	.cf-button {
	    font-size: 16px;
	    padding: 10px 25px;
	}
	.contact-floater-container {
	    width: 550px;
	}
	.contact-container {
	    padding: 150px 55px 100px;
	}
	.page-banner-details {
	    font-size: 26px;
	}
	.about-warner-header {
	    font-size: 68px;
	    margin: 150px 0 30px;
	}
	.about-warner-left {
	    width: 600px;
	    font-size: 28px;
	}
	.about-warner-right {
	    width: 470px;
	    font-size: 28px;
	}
	.faq-title {
	    font-size: 25px;
	}
	.faq-body {
	    font-size: 14px;
	    margin-top: 60px;
	}
	.about-details-container {
	    padding: 55px 55px 100px;
	}
	.faq-column:nth-of-type(odd) {
	    padding-right: 15px;
	}
	.faq-column:nth-of-type(even) {
	    padding-left: 15px;
	}
	.vm-content-container {
	    padding: 130px 55px 100px;
	}
	.vm-column-text {
	    font-size: 25px;
	}
	.playlist-container {
	    height: 470px;
	    margin-top: 90px;
	}
	.playlist-img {
	    width: 195px;
	    height: 195px;
	}
	.artist-menu {
	    font-size: 18px;
	    margin: 0 15px;
	}
	.left-align-header {
	    font-size: 56px;
	    width: 500px;
	}
	.right-align-normal-text {
	    font-size: 14px;
	    width: 400px;
	    margin-right: 30px;
	}
	.centered-medium-header {
	    font-size: 30px;
	    width: 500px;
	}
	.centered-align-normal-text-with-button, .centered-align-normal-text {
	    font-size: 14px;
	    width: 440px;
	}
	.centered-button {
	    font-size: 12px;
	    padding: 8px 15px;
	}
	.medium-artist {
	    font-size: 50px;
	    line-height: 58px;
	}
	.small-artist {
	    font-size: 40px;
	    line-height: 50px;
	}
	.large-artist {
	    font-size: 86px;
	    line-height: 94px;
	}
	.searchHint {
	    font-size: 12px;
	}
	.searchTermText,
	.suggestionText{
	   font-size: 65px;
       line-height: 65px;
       height: 145px;
	}
	.search-form-container{
		    height: 145px;
	}
	.newsletter-header {
	    font-size: 56px;
	}
	.newsletter-form-subtitle {
	    font-size: 25px;
	    width: 470px;
	    margin-top: 80px;
	    margin-left: 55px;
	}

	#formcontent2 .success{
	   font-family:"din-2014";
	font-weight: 400;
	    font-size: 25px;
	    color: white;
	}
	.newsletter-form-container {
	    width: 470px;
	    margin: 40px 0 120px 55px;
	}
	.newsletter-email {
	    width: 100%;
	    font-size: 14px;
	    line-height: 20px;
	    padding: 10px 15px;
	}
	.newsletter-send {
	    margin-top: 20px;
	    font-size: 12px;
	    padding: 10px 25px;
	}
}
@media only screen and (max-width:950px) {
	.medium-artist {
	    font-size: 46px;
	    line-height: 56px;
	}
	.small-artist {
	    font-size: 38px;
	    line-height: 48px;
	}
	.large-artist {
	    font-size: 80px;
	    line-height: 88px;
	}

}
@media only screen and (max-width:900px) {
	.wrapper {
	    width: 560px;
	}
	.textfield-form-news{
		font-size: 21px;
	    line-height: 20px;
	    padding: 10px 15px;
	}
	.btn {
	    margin-top: 20px;
	    font-size: 18px;
	    padding: 10px 25px;
	}
	.terms span {
	    font-size: 16px;
	    line-height: 20px;
	    display: inline-block;
	    width: 400px;
	}
	.default-banner-center-mobile{
		background-position: center center;
	}
	.default-banner-left-mobile{
		background-position: left center;
	}
	.default-banner-right-mobile{
		background-position: right center;
	}
	.carousel-item-center-mobile{
		background-position: center center;
	}
	.carousel-item-left-mobile{
		background-position: left center;
	}
	.carousel-item-right-mobile{
		background-position: right center;
	}
	.featured-img-center-mobile{
		background-position: center center;
	}
	.featured-img-left-mobile{
		background-position: left center;
	}
	.featured-img-right-mobile{
		background-position: right center;
	}
	.page-banner-center-mobile{
		background-position: center center;
	}
	.page-banner-left-mobile{
		background-position: left center;
	}
	.page-banner-right-mobile{
		background-position: right center;
	}
	.header-container {
	    padding: 50px 50px 0;
	}
	.menu-link-container {
	    display: none;
	}
	.feat-article-details {
	    top: initial;
	    bottom: 135px;
	    -webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%) ;
	    transform: translateX(-50%);
	}
	.feat-title {
	    font-size: 80px;
	    line-height: 90px;
	    padding: 0 50px;
	}
	.feat-subtitle {
	    font-size: 19px;
	    line-height: 20px;
	    padding: 0 50px;
	}

	.footer-container {
	    padding: 90px 50px 0;
	}

	.footer-follow-us {
	    width: 80%;
	    float: left;
	    margin-bottom: 65px;
	}
	 .footer-other-section {
	    width: 80%;
	    float: left;
	    margin-bottom: 35px;
	}
	.footer-header {
	    font-size: 19px;
	    margin-bottom: 18px;
	}
	.footer-follow-inner {
	    height: 45px;
	    line-height: 45px;
	    font-size: 32px;
	}
	.footer-other-inner {
	    margin-bottom: 40px;
	    width: 100%;
	}
	.footer-logos-container {
	    padding: 20px 0;
	}
	.footer-logo{
		height: 30px;
		width: auto;
		margin-left: 25px;
		margin-bottom: 25px;
		margin-right: 25px;
	}
	.footer-logos-container a:first-child .footer-logo {
	    margin-left: 25px;
	}
	.footer-copyright {
	    font-size: 18px;
	    line-height: 22px;
	    padding: 0 0 70px;
	    width: 345px;
	    clear: both;
	}
	.contact-container {
	    padding: 185px 50px 30px;
	}
	.cf-left .cf-header,
	.cf-right .cf-header {
	    margin-top: 135px;
	}
	.cf-header {
        font-size: 60px;
	}
	.cf-desc {
	    margin-top: 80px;
	    padding-left: 0;
	    font-size: 38px;
	}
	.cf-button {
	    margin-top: 35px;
	    padding: 12px 35px;
	    font-size: 28px;
	}
	.contact-floater-container {
	    width: 90%;
	    clear: both;
	}
	.cf-right {
	    float: left;
	}
	.page-banner-floater {
	    top: initial;
	    left: 50%;
	    bottom: 90px;
	    -webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	}
	.page-banner-details {
	    font-size: 28px;
	    width: 72%;
	    padding: 0 50px 0 50px;
	}
	.page-scrolldown {
	    width: 60px;
	    height: 60px;
	    opacity: 1;
	    margin-top: 50px;
	    margin-left: 50px;
	}
	.about-details-container {
	    width: 100%;
	    padding: 50px 50px 25px;
	}
	.about-warner-header {
	    font-size: 60px;
	    margin: 150px 0 50px;
	}
	.about-warner-left {
	    margin-top: 80px;
	    font-size: 30px;
    	width: 85%;
	}
	.about-warner-right {
	    margin-top: 80px;
	    font-size: 30px;
    	width: 70%;
    	float: left;
	}
	.faq-column {
	    width: 80%;
	    padding: 0;
	    margin-top: 110px;
	}
	.faq-column:nth-of-type(odd) {
	    padding: 0;
	}
	.faq-column:nth-of-type(even) {
	    padding: 0;
	}
	.faq-column:nth-of-type(1) {
	    margin-top: 60px;
	}
	.faq-title {
	    font-size: 30px;
	}
	.faq-body {
	    font-size: 21px;
	    margin-top: 50px;
	}
	.vm-content-container {
	    padding: 90px 55px 25px;
	}
	.vm-details-row {
	    width: 100%;
	    margin-top: 100px;
	}
	.vm-column-text {
	    width: 70%;
	    font-size: 30px;
	}
	.vm-column-img{
		height: auto !important;
		width: 100%;
	}
	.vm-column-img img {
	    position: relative;
	    left: initial;
	    -webkit-transform: none;
	    -ms-transform: none;
	    transform: none;
	    margin-top: 110px;
	}
	.vm-details-row.left .vm-column-text,
	.vm-details-row.right .vm-column-text{
		padding: 0;
	}
	.vm-details-row.right .vm-column-img img {
	    margin-bottom: 110px;
	}
	.vm-img-05p {
	    height: 60px;
	}
	.vm-img-10p {
	    height: 62px;
	}
	.vm-img-15p {
	    height: 65px;
	}
	.vm-img-20p {
	    height: 68px;
	}
	.vm-img-25p {
	    height: 70px;
	}
	.vm-img-30p {
	    height: 72px;
	}
	.vm-img-35p {
	    height: 75px;
	}
	.vm-img-40p {
	    height: 78px;
	}
	.vm-img-45p {
	    height: 80px;
	}
	.vm-img-50p {
	    height: 82px;
	}
	.vm-img-55p {
	    height: 85px;
	}
	.vm-img-60p {
	    height: 88px;
	}
	.vm-img-65p {
	    height: 90px;
	}
	.vm-img-70p {
	    height: 92px;
	}
	.vm-img-75p {
	    height: 95px;
	}
	.vm-img-80p {
	    height: 98px;
	}
	.vm-img-85p {
	    height: 100px;
	}
	.vm-img-90p {
	    height: 102px;
	}
	.vm-img-95p {
	    height: 105px;
	}
	.vm-img-100p {
	    height: 110px;
	}

	.vm-column-img img.vm-img-top,
	.vm-column-img img.vm-img-bottom,
	.vm-column-img img.vm-img-center {
	    top: initial;
	    bottom: initial;
	    -webkit-transform: none;
	    -ms-transform: none;
	    transform: none;

	}
	.playlist-container {
	    width: 100%;
	    height: 800px;
	    margin-top: 65px;
	}
	.playlist-img {
	    width: 290px;
	    height: 290px;
	}
	.pli-top-right {
	    right: initial;
	    top: 0;
	    left: 0;
	}
	.pli-top-center {
	    top: 35%;
	    left: initial;
	    -webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	    right: 0;
	}
	.pli-center-left {
	    top: 65%;
	    left: 0;
	    -webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
	.pli-bottom-right {
	    bottom: 0;
	    right: 0;
	    -webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	    transform: translateY(0);
	}
	.single-artist-floater {
	    padding: 0 50px 60px;
	}
	.artist-label {
	    font-size: 120px;
	    line-height: 110px;
	    margin-bottom: 60px;
	}
	.artist-buttons{
		font-size: 22px;
   		line-height: 35px;
   		height: 65px;
	}
	.artist-buttons.first{
		width: 100%;
    	margin-bottom: 25px;
	}
	.artist-buttons.centered {
	    margin: 0 15px 0 0;
	    width: calc(50% - 15px);
	    width: -webkit-calc(50% - 15px);
	}
	.artist-buttons.artist_4{
		width: calc(50% - 15px);
	    width: -webkit-calc(50% - 15px);
	}
	.artist-buttons.artist_5{
		width: calc(50% - 15px);
	    width: -webkit-calc(50% - 15px);
	}
	.artist-buttons.last {
	    margin: 0 0 0 15px ;
	    width: calc(50% - 15px);
	    width: -webkit-calc(50% - 15px);
	}
	.artist-buttons.right {
	    margin: 0 0 0 15px ;
	    width: calc(50% - 15px);
	    width: -webkit-calc(50% - 15px);
	}
	.artist-buttons.left {
	    margin: 0 15px 0 0;
	    width: calc(50% - 15px);
	    width: -webkit-calc(50% - 15px);
	}
	.artist-buttons.leftNobottom{
		width: 100%;
    	margin-bottom: 0;
	}
	.artist-header-picker {
	    width: 100%;
	    padding: 200px 0 0;
	    text-align: center;
	}
	.artist-menu {
	    font-size: 26px;
	    margin: 0 25px;
	}
	.left-align-header {
	    font-size: 60px;
	    width: 100%;
	    margin-top: 95px;
	}
	.right-align-normal-text {
	    margin-top: 50px;
	    font-size: 21px;
	    width: 80%;
	    margin-right: 0;
	    float: left;
	}
	.centered-medium-header {
	    font-size: 45px;
	    width: 100%;
	    margin: 90px auto 0;
	}
	.centered-align-normal-text-with-button, .centered-align-normal-text {
	    margin: 50px 0 0;
	    font-size: 20px;
	    color: white;
	    font-family:"din-2014";
	font-weight: 400;
	    width: 80%;
	}
	.centered-button {
	    margin-top: 50px;
	    font-size: 18px;
	    padding: 10px 25px;
	}
	.search-form-container {
	    margin-top: 15px;
	    width: 100%;
	    height: 210px;
	}
	.suggestionText,
	.searchTermText{
	    font-size: 65px;
	    line-height: 65px;
	    height: 210px;
	}
	.all-artist-list {
	    margin-top: 110px;
	    font-size: 0.1px;
	    margin-bottom: 20px;
	}
	.medium-artist {
	    font-size: 58px;
	    line-height: 68px;
	}
	.small-artist {
	    font-size: 45px;
	    line-height: 55px;
	}
	.large-artist {
	    font-size: 90px;
	    line-height: 90px;
	}
	.feat-article-details a {
	    margin-left: 50px;
	}
	.mobile-menu-hamburger{
		width: 46px;
		height: 46px;
		display: block;
		position: absolute;
		top: 50px;
		right:50px;
		cursor: pointer;

	}
	.top-span{
		height: 3px;
		width: 100%;
		background-color: white;
		position: absolute;
		top:16px;
	-webkit-transition: transform 200ms ease-in-out;
	  -moz-transition: transform 200ms ease-in-out;
	  -o-transition: transform 200ms ease-in-out;
		transition: transform 200ms ease-in-out;
	}
	.bottom-span{
		height: 3px;
		width: 100%;
		background-color: white;
		position: absolute;
		bottom: 16px;
	-webkit-transition: transform 200ms ease-in-out;
	  -moz-transition: transform 200ms ease-in-out;
	  -o-transition: transform 200ms ease-in-out;
		transition: transform 200ms ease-in-out;
	}
	.menu-open .top-span{
	    -webkit-transform: rotate(45deg) translateX(10%) translateY(100%);
	    -ms-transform: rotate(45deg) translateX(10%) translateY(100%) ;
		transform: rotate(45deg) translateX(10%) translateY(100%);
	}
	.menu-open .bottom-span{
	    -webkit-transform:rotate(-45deg) translateX(10%) translateY(-110%);
	    -ms-transform: rotate(-45deg) translateX(10%) translateY(-110%);
		transform: rotate(-45deg) translateX(10%) translateY(-110%);
	}

	.menu-overlay-fixed{
		z-index: 15;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: black;
	-webkit-transition: transform 1000ms ease-in-out;
	  -moz-transition: transform 1000ms ease-in-out;
	  -o-transition: transform 1000ms ease-in-out;
	transition: opacity 1000ms ease-in-out;
	}
	.fadeout-mobile-menu{
		opacity: 0;
	}
	.menu-floater{
		width: 100%;
		top:50%;
	    -webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%) ;
		transform: translateY(-50%);
		    position: absolute;
	}
	.menu-item-links{
		    width: 100%;
	    text-align: right;
	    font-size: 44px;
	    margin: 30px 0;
	    color: white;
	    padding: 0 55px;
	    font-family:"din-2014";
	font-weight: 300;
	}
	.menu-item-links a{
		color: white;
	}
	.header-wrapper-fixed{
		position: fixed;
	}
	.scroll-me-animation{
	    -webkit-transform: translateY(50%);
	    -ms-transform: translateY(50%) ;
		transform: translateY(50%);
		opacity: 0;
	}

	.vm-column-img img.scroll-me-img-animation{
	    -webkit-transform: translateY(100%);
	    -ms-transform:  translateY(100%) ;
		transform:  translateY(100%);
		opacity: 0;
	}
	.scroll-me-pli-top-animation{
	    -webkit-transform:  translateY(50%);
	    -ms-transform:  translateY(50%);
	    transform:  translateY(50%);
	    opacity: 0;
	}
	.scroll-me-pli-bottom-animation{
	    -webkit-transform:  translateY(100%);
	    -ms-transform:  translateY(100%);
	    transform: translateY(100%);
	    opacity: 0;
	}
	.cookie-banner-inner {
	    width: 100%;
	    padding: 20px 30px 20px 20px;
	    font-family:"din-2014";
	font-weight: 400;
	    font-size: 12px;
	    line-height: 20px;
	    color: white;
	}
	.newsletter-header {
	    font-size: 54px;
	}
	.newsletter-form-subtitle {
	    font-size: 30px;
	    width: 560px;
	    margin-left: 60px;
	}

	#formcontent2 .success{
	    font-family:"din-2014";
	font-weight: 400;
	    font-size: 30px;
	    color: white;
	}
	.newsletter-form-container {
	    width: 560px;
	    margin: 40px 0 120px 60px;
	}
	.newsletter-email {
	    width: 100%;
	    font-size: 21px;
	    line-height: 20px;
	    padding: 10px 15px;
	}
	.newsletter-send {
	    margin-top: 20px;
	    font-size: 18px;
	    padding: 10px 25px;
	}
	.left-align-image {
	    width: 100%;
	    margin-top: 50px;
	}
	.left-align-image img {
	    width: 390px;
	}
	.right-align-image {
	    width: 100%;
	    margin-top: 50px;
	    float: left;
	}
	.right-align-image img {
	    width: 390px;
	}
	.centered-align-image {
	    width: 100%;
	    margin-top: 50px;
	    text-align: left;
	}
	.centered-align-image img {
	    width: 390px;
	}
}

@media only screen and (max-width:800px) {
	.tal-slide-two-float {
	    max-width: 435px;
	}
	.tal-scroll-title {
	    font-size: 18px;
	    line-height: 22px;
	    padding-bottom: 10px;
	}
	.hover-play.open{
		opacity: 1;
	}
	.talent-bg{
	     background-position: -2% 26%; 
	     background-size: 150px auto; 
	}
	.hover-play.controls{
	    background-color: rgba(0,0,0,0);
	    height: 65px;
	    opacity: 1;
	    width: 60px;
	    top: auto;
	    bottom: 0;
	}
	.hover-play-icon.big {
	    width: 23px;
	    left: 50%;
	}
	.tal-insta-col{
		width: 75%;
		margin: 0 auto;
		float: none;
	}
	.header-container {
	    padding: 50px 50px 0;
	}
	.wm-logo-menu {
	    width: 160px;
	    height: 66px;
	}
	.menu-link-container {
	    display: none;
	}
	.feat-article-details {
	    top: initial;
	    bottom: 155px;
	    -webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%) ;
	    transform: translateX(-50%);
	}
	.youtube-episode-subtitle{
		max-width: 540px;
   		margin: 0 auto;
	}
	.youtube-current-episode{
		width: 80%;
	}
	.feat-title {
	    font-size: 78px;
	    line-height: 88px;
	    padding: 0 50px;
	}
	.feat-subtitle {
	    font-size: 17px;
	    line-height: 20px;
	    padding: 0 50px;
	}

	.footer-container {
	    padding: 90px 50px 0;
	}

	.footer-follow-us {
	    width: 80%;
	    float: left;
	    margin-bottom: 65px;
	}
	 .footer-other-section {
	    width: 80%;
	    float: left;
	    margin-bottom: 35px;
	}
	.footer-header {
	    font-size: 19px;
	    margin-bottom: 18px;
	}
	.footer-follow-inner {
	    height: 45px;
	    line-height: 45px;
	    font-size: 32px;
	}
	.footer-other-inner {
	    margin-bottom: 40px;
	    width: 100%;
	}
	.footer-copyright {
	    font-size: 18px;
	    line-height: 24px;
	    padding: 0 0 70px;
	    width: 345px;
	}
	.contact-container {
	    padding: 185px 50px 30px;
	}
	.cf-left .cf-header,
	.cf-right .cf-header {
	    margin-top: 135px;
	}
	.cf-header {
        font-size: 60px;
	}
	.cf-desc {
	    margin-top: 80px;
	    padding-left: 0;
	    font-size: 38px;
	}
	.cf-button {
	    margin-top: 35px;
	    padding: 12px 35px;
	    font-size: 28px;
	}
	.contact-floater-container {
	    width: 100%;
	    clear: both;
	}
	.page-banner-floater {
	    top: initial;
	    left: 50%;
	    bottom: 90px;
	    -webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	}
	.page-banner-details {
	    font-size: 30px;
	    width: 80%;
	    padding: 0 50px 0 50px;
	}
	.page-scrolldown {
	    width: 60px;
	    height: 60px;
	    opacity: 1;
	    margin-top: 50px;
	    margin-left: 50px;
	}
	.about-details-container {
	    width: 100%;
	    padding: 50px 50px 25px;
	}
	.about-warner-header {
	    font-size: 60px;
	    margin: 150px 0 50px;
	}
	.about-warner-left {
	    margin-top: 80px;
	    font-size: 30px;
    	width: 100%;
	}
	.about-warner-right {
	    margin-top: 80px;
	    font-size: 30px;
    	width: 100%;
	}
	.faq-column {
	    width: 100%;
	    padding: 0;
	    margin-top: 110px;
	}
	.faq-column:nth-of-type(odd) {
	    padding: 0;
	}
	.faq-column:nth-of-type(even) {
	    padding: 0;
	}
	.faq-column:nth-of-type(1) {
	    margin-top: 60px;
	}
	.faq-title {
	    font-size: 30px;
	}
	.faq-body {
	    font-size: 21px;
	    margin-top: 50px;
	}
	.vm-content-container {
	    padding: 90px 55px 25px;
	}
	.vm-details-row {
	    width: 100%;
	    margin-top: 100px;
	}
	.vm-column-text {
	    width: 80%;
	    font-size: 30px;
	}
	.vm-column-img{
		height: auto !important;
		width: 100%;
	}
	.vm-column-img img {
	    position: relative;
	    left: initial;
	    -webkit-transform: none;
	    -ms-transform: none;
	    transform: none;
	    margin-top: 110px;
	}
	.vm-details-row.left .vm-column-text,
	.vm-details-row.right .vm-column-text{
		padding: 0;
	}
	.vm-details-row.right .vm-column-img img {
	    margin-bottom: 110px;
	}
	.vm-img-05p {
	    height: 60px;
	}
	.vm-img-10p {
	    height: 62px;
	}
	.vm-img-15p {
	    height: 65px;
	}
	.vm-img-20p {
	    height: 68px;
	}
	.vm-img-25p {
	    height: 70px;
	}
	.vm-img-30p {
	    height: 72px;
	}
	.vm-img-35p {
	    height: 75px;
	}
	.vm-img-40p {
	    height: 78px;
	}
	.vm-img-45p {
	    height: 80px;
	}
	.vm-img-50p {
	    height: 82px;
	}
	.vm-img-55p {
	    height: 85px;
	}
	.vm-img-60p {
	    height: 88px;
	}
	.vm-img-65p {
	    height: 90px;
	}
	.vm-img-70p {
	    height: 92px;
	}
	.vm-img-75p {
	    height: 95px;
	}
	.vm-img-80p {
	    height: 98px;
	}
	.vm-img-85p {
	    height: 100px;
	}
	.vm-img-90p {
	    height: 102px;
	}
	.vm-img-95p {
	    height: 105px;
	}
	.vm-img-100p {
	    height: 110px;
	}

	.vm-column-img img.vm-img-top,
	.vm-column-img img.vm-img-bottom,
	.vm-column-img img.vm-img-center {
	    top: initial;
	    bottom: initial;
	    -webkit-transform: none;
	    -ms-transform: none;
	    transform: none;

	}
	.playlist-container {
	    width: 100%;
	    height: auto;
	    margin-top: 95px;
	}
	.playlist-container:after{
		content: '';
		display: inline-block;
		padding-top: 126.865672%;
	}
	.playlist-img {
	    width: calc(50% - 15px);
	    width: -webkit-calc(50% - 15px);
	    height: auto;
	}
	.playlist-img:after{
		content: '';
		display: inline-block;
		padding-top: 100%;
	}
	.pli-top-right {
	    right: initial;
	    top: 0;
	    left: 0;
	}
	.pli-top-center {
	    top: 35%;
	    left: initial;
	    -webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	    right: 0;
	}
	.pli-center-left {
	    top: 65%;
	    left: 0;
	    -webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
	.pli-bottom-right {
	    bottom: 0;
	    right: 0;
	    -webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	    transform: translateY(0);
	}
	.single-artist-floater {
	    padding: 0 50px 60px;
	}
	.artist-label {
	    font-size: 100px;
	    line-height: 90px;
	    line-height: 90px;
	    margin-bottom: 60px;
	}
	.artist-buttons{
		font-size: 22px;
   		line-height: 35px;
    height: 65px;
	}
	.artist-buttons.first{
		width: 100%;
    	margin-bottom: 25px;
	}
	.artist-buttons.centered {
	    margin: 0 15px 0 0;
	    width: calc(50% - 15px);
	    width: -webkit-calc(50% - 15px);
	}
	.artist-buttons.last {
	    margin: 0 0 0 15px ;
	    width: calc(50% - 15px);
	    width: -webkit-calc(50% - 15px);
	}
	.artist-buttons.right {
	    margin: 0 0 0 15px ;
	    width: calc(50% - 15px);
	    width: -webkit-calc(50% - 15px);
	}
	.artist-buttons.artist_4 {
	    margin: 15px 15px 0 0;
	    width: calc(50% - 15px);
	    width: -webkit-calc(50% - 15px);
	}
	.artist-buttons.artist_5 {
	    margin: 15px 0 0 15px;
	    width: calc(50% - 15px);
	    width: -webkit-calc(50% - 15px);
	}
	.artist-buttons.left {
	    margin: 0 15px 0 0;
	    width: calc(50% - 15px);
	    width: -webkit-calc(50% - 15px);
	}
	.artist-buttons.leftNobottom{
		width: 100%;
    	margin-bottom: 0;
	}
	.artist-header-picker {
	    width: 100%;
	    padding: 200px 0 0;
	    text-align: center;
	}
	.artist-menu {
	    font-size: 26px;
	    margin: 0 25px;
	}
	.left-align-header {
	    font-size: 60px;
	    width: 100%;
	    margin-top: 95px;
	}
	.right-align-normal-text {
	    margin-top: 50px;
	    font-size: 21px;
	    width: 80%;
	    margin-right: 0;
	    float: left;
	}
	.centered-medium-header {
	    font-size: 45px;
	    width: 100%;
	    margin: 90px auto 0;
	}
	.centered-align-normal-text-with-button, .centered-align-normal-text {
	    margin: 50px 0 0;
	    font-size: 20px;
	    color: white;
	    font-family:"din-2014";
	font-weight: 400;
	    width: 80%;
	}
	.centered-button {
	    margin-top: 50px;
	    font-size: 18px;
	    padding: 10px 25px;
	}
	.all-artist-list {
	    margin-top: 110px;
	    font-size: 0.1px;
	    margin-bottom: 20px;
	}
	.medium-artist {
	    font-size: 55px;
	    line-height: 65px;
	}
	.small-artist {
	    font-size: 42px;
	    line-height: 52px;
	}
	.large-artist {
	    font-size: 90px;
	    line-height: 90px;
	}
	.feat-article-details a {
	    margin-left: 50px;
	}
	.mobile-menu-hamburger{
		width: 64px;
		height: 64px;
		top: 50px;
		right:50px;
	}
	.top-span{
		height: 5px;
		width: 100%;
		background-color: white;
		position: absolute;
		top:21px;
	-webkit-transition: transform 200ms ease-in-out;
	  -moz-transition: transform 200ms ease-in-out;
	  -o-transition: transform 200ms ease-in-out;
		transition: transform 200ms ease-in-out;
	}
	.bottom-span{
		height: 5px;
		width: 100%;
		background-color: white;
		position: absolute;
		bottom: 21px;
	-webkit-transition: transform 200ms ease-in-out;
	  -moz-transition: transform 200ms ease-in-out;
	  -o-transition: transform 200ms ease-in-out;
		transition: transform 200ms ease-in-out;
	}
	.menu-open .top-span{
	    -webkit-transform: rotate(45deg) translateX(10%) translateY(100%);
	    -ms-transform: rotate(45deg) translateX(10%) translateY(100%) ;
		transform: rotate(45deg) translateX(10%) translateY(100%);
	}
	.menu-open .bottom-span{
	    -webkit-transform:rotate(-45deg) translateX(10%) translateY(110%);
	    -ms-transform: rotate(-45deg) translateX(10%) translateY(110%);
		transform: rotate(-45deg) translateX(10%) translateY(-110%);
	}

	.menu-overlay-fixed{
		z-index: 15;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: black;
	}
	.menu-floater{
		width: 100%;
		top:50%;
	    -webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%) ;
		transform: translateY(-50%);
		    position: absolute;
	}
	.menu-item-links a{
		color: white;
	}
	.header-wrapper-fixed{
		position: fixed;
	}
	.scroll-me-animation{
	    -webkit-transform: translateY(50%);
	    -ms-transform: translateY(50%) ;
		transform: translateY(50%);
		opacity: 0;
	}
	.vm-column-img img.scroll-me-img-animation{
	    -webkit-transform: translateY(100%);
	    -ms-transform:  translateY(100%) ;
		transform:  translateY(100%);
		opacity: 0;
	}
	.scroll-me-pli-top-animation{
	    -webkit-transform:  translateY(50%);
	    -ms-transform:  translateY(50%);
	    transform:  translateY(50%);
	    opacity: 0;
	}
	.scroll-me-pli-bottom-animation{
	    -webkit-transform:  translateY(100%);
	    -ms-transform:  translateY(100%);
	    transform: translateY(100%);
	    opacity: 0;
	}
}

@media only screen and (max-width:780px) {
	.page-video-banner{
		display: none;
	}
}
@media only screen and (max-width:750px) {
	.modalContainer {
	    padding: 30px 30px;
	}
	.wrapper {
	    width: 480px;
	}
	.btn {
	    margin-top: 20px;
	    font-size: 15px;
	    padding: 10px 25px;
	}
	.terms span {
	    font-size: 12px;
	    line-height: 16px;
	    display: inline-block;
	    width: 300px;
	}
	.textfield-form-news{
	    font-size: 18px;
	    line-height: 20px;
	    padding: 10px 15px;
	}
	.header-container {
	    padding: 30px 30px 0;
	}
	.wm-logo-menu {
	    width: 120px;
	    height: 50px;
	}
	.mobile-menu-hamburger {
	    width: 50px;
	    height: 50px;
	    top: 30px;
	    right: 30px;
	}
	.top-span {
	    height: 3px;
	    top: 16px;
	}
	.bottom-span {
	    height: 3px;
	    bottom: 16px;
	}
	.feat-article-details {
	    bottom: 110px;
	}
	.feat-subtitle {
	    font-size: 16px;
	    line-height: 18px;
	    padding: 0 32px;
	    margin-bottom: 15px;
	}
	.feat-article-details a {
	   	margin-left: 32px;
	}
	.feat-title {
	    font-size: 66px;
	    line-height: 75px;
	    padding: 0 30px;
	}
	.feat-button {
	    line-height: 30px;
	    font-size: 12px;
	    width: 80px;
	}
	.footer-container {
	    padding: 90px 30px 0;
	}
	.footer-header {
	    font-size: 16px;
	    margin-bottom: 15px;
	}
	.footer-follow-inner, .footer-other-inner-inner {
	    font-size: 26px;
	    height: 34px;
	    line-height: 34px;
	}
	 .footer-other-inner-inner {
	 	height: auto;
	 }
	.footer-copyright {
	    font-size: 16px;
	    line-height: 24px;
	    width: 325px;
	}
	.menu-open .top-span {
	    -webkit-transform: rotate(45deg) translateX(15%) translateY(100%);
	    -ms-transform: rotate(45deg) translateX(15%) translateY(100%);
	    transform: rotate(45deg) translateX(15%) translateY(100%);
	}
	.menu-open .bottom-span {
	    -webkit-transform: rotate(-45deg) translateX(15%) translateY(-110%);
	    -ms-transform: rotate(-45deg) translateX(15%) translateY(-110%);
	    transform: rotate(-45deg) translateX(15%) translateY(-110%);
	}
	.menu-item-links {
	    font-size: 38px;
	    padding: 0 30px;
	}
	.contact-container {
	    padding: 150px 30px 30px;
	}
	.cf-header {
	    font-size: 54px;
	}
	.cf-desc {
	    margin-top: 60px;
	    padding-left: 0;
	    font-size: 34px;
	}
	.cf-button {
	    margin-top: 35px;
	    padding: 10px 30px;
	    font-size: 22px;
	}
	.page-banner-floater {
	    bottom: 70px;
	}
	.page-banner-details {
	    font-size: 26px;
	    width: 80%;
	    padding: 0 30px;
	}
	.page-scrolldown {
	    width: 50px;
	    height: 50px;
	    margin-top: 30px;
	    margin-left: 30px;
	}
	.about-details-container {
	    padding: 50px 30px 25px;
	}
	.about-warner-header {
	    font-size: 54px;
	    margin: 150px 0 50px;
	}
	.about-warner-left {
	    margin-top: 80px;
	    font-size: 24px;
	    width: 90%;
	}
	.about-warner-right {
	    margin-top: 80px;
	    font-size: 24px;
	    width: 80%;
	}
	.faq-column {
	    width: 90%;
	}
	.faq-title {
	    font-size: 24px;
	}
	.faq-body {
	    font-size: 18px;
	}
	.vm-content-container {
	    padding: 90px 30px 25px;
	}
	.vm-column-text {
	    width: 70%;
	    font-size: 26px;
	}


	.vm-img-05p {
	    height: 46px;
	}
	.vm-img-10p {
	    height: 48px;
	}
	.vm-img-15p {
	    height: 50px;
	}
	.vm-img-20p {
	    height: 52px;
	}
	.vm-img-25p {
	    height: 54px;
	}
	.vm-img-30p {
	    height: 56px;
	}
	.vm-img-35p {
	    height: 58px;
	}
	.vm-img-40p {
	    height: 60px;
	}
	.vm-img-45p {
	    height: 62px;
	}
	.vm-img-50p {
	    height: 64px;
	}
	.vm-img-55p {
	    height: 66px;
	}
	.vm-img-60p {
	    height: 68px;
	}
	.vm-img-65p {
	    height: 70px;
	}
	.vm-img-70p {
	    height: 72px;
	}
	.vm-img-75p {
	    height: 74px;
	}
	.vm-img-80p {
	    height: 76px;
	}
	.vm-img-85p {
	    height: 78px;
	}
	.vm-img-90p {
	    height: 80px;
	}
	.vm-img-95p {
	    height: 82px;
	}
	.vm-img-100p {
	    height: 84px;
	}
	.artist-buttons {
	    font-size: 18px;
	    line-height: 35px;
	    height: 55px;
	    padding-top: 10px;
	}
	.single-artist-floater {
	    padding: 0 30px 40px;
	}
	.artist-buttons.first {
	    margin-bottom: 20px;
	}
	.artist-buttons.centered {
	    margin: 0 10px 0 0;
	    width: calc(50% - 10px);
	    width: -webkit-calc(50% - 10px);
	}
	.artist-buttons.last {
	    margin: 0 0 0 10px;
	    width: calc(50% - 10px);
	    width: -webkit-calc(50% - 10px);
	}
	.artist-buttons.artist_4 {
	    margin: 10px 10px 0 0;
	    width: calc(50% - 10px);
	    width: -webkit-calc(50% - 10px);
	}
	.artist-buttons.artist_5 {
	    margin: 10px 0 0 10px;
	    width: calc(50% - 10px);
	    width: -webkit-calc(50% - 10px);
	}
	.artist-buttons.right {
	    margin: 0 0 0 10px ;
	    width: calc(50% - 10px);
	    width: -webkit-calc(50% - 10px);
	}
	.artist-buttons.left {
	    margin: 0 10px 0 0;
	    width: calc(50% - 10px);
	    width: -webkit-calc(50% - 10px);
	}
	.artist-buttons.leftNobottom{
		width: 100%;
    	margin-bottom: 0;
	}
	.artist-label {
	    font-size: 80px;
	    line-height: 70px;
	    margin-bottom: 60px;
	}
	.artist-menu {
	    font-size: 20px;
	    margin: 0px 20px;
	}
	.artist-demo-container {
	    padding: 0 30px;
	}
	.left-align-header {
	    font-size: 48px;
	}
	.right-align-normal-text {
	    font-size: 18px;
	}
	.centered-medium-header {
	    font-size: 36px;
	}
	.centered-align-normal-text-with-button, .centered-align-normal-text {
	    font-size: 18px;
	}
	.centered-button {
	    font-size: 15px;
	}
	.medium-artist {
	    font-size: 50px;
	    line-height: 60px;
	}
	.small-artist {
	    font-size: 40px;
	    line-height: 50px;
	}
	.large-artist {
	    font-size: 82px;
	    line-height: 82px;
	}
	.vm-column-img img {
	    margin-top: 85px;
	}
	.searchTermText,
	.suggestionText{
	   font-size: 55px;
       line-height: 55px;
       height: 180px;
	}
	.search-form-container{
		    height: 180px;
	}
	.newsletter-header {
	    font-size: 48px;
	}
	.newsletter-form-subtitle {
	    font-size: 26px;
	    width: 480px;
	    margin-left: 50px;
	    margin-top: 65px;
	}

	#formcontent2 .success{
	    font-family:"din-2014";
	font-weight: 400;
	    font-size: 26px;
	    color: white;
	}
	.newsletter-form-container {
	    width: 480px;
	    margin: 40px 0 120px 50px;
	}
	.newsletter-email {
	    width: 100%;
	    font-size: 18px;
	    line-height: 20px;
	    padding: 10px 15px;
	}
	.newsletter-send {
	    margin-top: 20px;
	    font-size: 15px;
	    padding: 10px 25px;
	}
	.newsletter-container{
		padding:0 35px;
	}
	.left-align-image img, 
	.right-align-image img, 
	.centered-align-image img {
	   width: 330px;
	}
}

@media only screen and (max-width:700px) {
	.medium-artist {
	    font-size: 46px;
	    line-height: 56px;
	}
	.small-artist {
	    font-size: 37px;
	    line-height: 47px;
	}
	.large-artist {
	    font-size: 80px;
	    line-height: 80px;
	}

}
@media only screen and (max-width:640px) {
	.feat-article-details {
	    bottom: 80px;
	}
	.feat-title {
	    font-size: 55px;
	    line-height: 65px;
	    margin-bottom: 5px;
	}
	.wrapper {
	    width: 380px;
	}
	.btn {
	    margin-top: 20px;
	    font-size: 12px;
	    padding: 10px 25px;
	}
	.terms span {
	    font-size: 11px;
	    line-height: 14px;
	    display: inline-block;
	    width: 280px;
	}
	.textfield-form-news{
	   font-size: 14px;
		line-height: 20px;
		padding: 10px 15px;
	}
	.feat-subtitle {
	    font-size: 14px;
	    line-height: 18px;
	    margin-bottom: 15px;
	}
	.feat-button {
	    line-height: 32px;
	    font-size: 12px;
	    width: 90px;
	}
	.menu-item-links {
	    font-size: 32px;
	    padding: 0 30px;
	}
	.footer-header {
	    font-size: 14px;
	    margin-bottom: 15px;
	}
	.cf-left .cf-header, .cf-right .cf-header {
	    margin-top: 120px;
	}
	.cf-header {
	    font-size: 44px;
	}
	.cf-desc {
	    padding-left: 0;
	    font-size: 26px;
	}
	.cf-button {
	    padding: 8px 25px;
	    font-size: 18px;
	}
	.page-banner-floater {
	    bottom: 55px;
	}
	.page-banner-details {
	    font-size: 22px;
	    width: 75%;
	    padding: 0 30px;
	}
	.page-scrolldown {
	    width: 44px;
	    height: 44px;
	    margin-top: 30px;
	    margin-left: 30px;
	}
	.about-warner-header {
	    font-size: 44px;
	    margin: 125px 0 40px;
	}
	.about-warner-left {
	    margin-top: 60px;
	    font-size: 20px;
	    width: 90%;
	}
	.about-warner-right {
	    margin-top: 60px;
	    font-size: 20px;
	    width: 75%;
	}
	.faq-column {
	    margin-top: 80px;
	}
	.faq-column:nth-of-type(1) {
	    margin-top: 60px;
	}
	.faq-title {
	    font-size: 20px;
	}
	.faq-body {
	    font-size: 16px;
	    margin-top: 40px;
	}
	.vm-details-row {
	    width: 100%;
	    margin-top: 80px;
	}
	.vm-column-text {
	    width: 80%;
	    font-size: 24px;
	}
	.vm-column-img img {
	    margin-top: 80px;
	}
	.vm-column-img img {
	    margin-top: 80px;
	}
	.vm-details-row.right .vm-column-img img {
	    margin-bottom: 80px;
	}
	.vm-img-05p {
	    height: 40px;
	}
	.vm-img-10p {
	    height: 42px;
	}
	.vm-img-15p {
	    height: 44px;
	}
	.vm-img-20p {
	    height: 46px;
	}
	.vm-img-25p {
	    height: 50px;
	}
	.vm-img-30p {
	    height: 52px;
	}
	.vm-img-35p {
	    height: 54px;
	}
	.vm-img-40p {
	    height: 56px;
	}
	.vm-img-45p {
	    height: 58px;
	}
	.vm-img-50p {
	    height: 60px;
	}
	.vm-img-55p {
	    height: 62px;
	}
	.vm-img-60p {
	    height: 64px;
	}
	.vm-img-65p {
	    height: 66px;
	}
	.vm-img-70p {
	    height: 68px;
	}
	.vm-img-75p {
	    height: 70px;
	}
	.vm-img-80p {
	    height: 72px;
	}
	.vm-img-85p {
	    height: 74px;
	}
	.vm-img-90p {
	    height: 76px;
	}
	.vm-img-95p {
	    height: 78px;
	}
	.vm-img-100p {
	    height: 80px;
	}
	.medium-artist {
	    font-size: 44px;
	    line-height: 54px;
	}
	.small-artist {
	    font-size: 34px;
	    line-height: 44px;
	}
	.large-artist {
	    font-size: 76px;
	    line-height: 76px;
	}
	.artist-buttons {
	    font-size: 16px;
	    line-height: 30px;
	    height: 50px;
	    padding-top: 10px;
	}
	.artist-label {
	    font-size: 70px;
	    line-height: 60px;
	    margin-bottom: 45px;
	}
	.searchTermText,
	.suggestionText{
	   font-size: 50px;
       line-height: 50px;
       height: 160px;
	}
	.search-form-container{
		    height: 160px;
	}
	.newsletter-header {
	    font-size: 38px;
	}
	.newsletter-form-subtitle {
	    font-size: 20px;
	    width: 380px;
	    margin-left: 40px;
	    margin-top: 65px;
	}

	#formcontent2 .success{
	    font-family:"din-2014";
	font-weight: 400;
	    font-size: 20px;
	    color: white;
	}
	.newsletter-form-container {
	    width: 380px;
	    margin: 40px 0 120px 40px;
	}
	.newsletter-email {
	    width: 100%;
	    font-size: 14px;
	    line-height: 20px;
	    padding: 10px 15px;
	}
	.newsletter-send {
	    margin-top: 20px;
	    font-size: 12px;
	    padding: 10px 25px;
	}
}


@media only screen and (max-width:600px) {
	.medium-artist {
	    font-size: 42px;
	    line-height: 52px;
	}
	.small-artist {
	    font-size: 31px;
	    line-height: 44px;
	}
	.large-artist {
	    font-size: 70px;
	    line-height: 70px;
	}
	.cookie-banner-inner {
	    width: 90%;
	    padding: 20px 30px 20px 20px;
	    font-family:"din-2014";
	font-weight: 400;
	    font-size: 12px;
	    line-height: 20px;
	    color: white;
	}

}

@media only screen and (max-width:560px) {
	.feat-article-details {
	    bottom: 60px;
	}
	.feat-title {
	    font-size: 45px;
	    line-height: 50px;
	    margin-bottom: 5px;
	}
	.wrapper {
	    width: 300px;
	}
	.btn {
	    margin-top: 20px;
	    font-size: 12px;
	    padding: 10px 25px;
	}
	.textfield-form-news{
	   font-size: 12px;
    line-height: 20px;
    padding: 10px 15px;
	}
	.feat-subtitle {
	    font-size: 12px;
	    line-height: 18px;
	    margin-bottom: 15px;
	}
	.footer-container {
	    padding: 80px 30px 0;
	}
	.menu-item-links {
	    font-size: 28px;
	    padding: 0 30px;
	}
	.footer-copyright {
	    font-size: 14px;
	    line-height: 24px;
	    width: 325px;
	}
	.cf-left .cf-header, .cf-right .cf-header {
	    margin-top: 105px;
	}
	.cf-header {
	    font-size: 40px;
	}
	.cf-desc {
	    padding-left: 0;
	    font-size: 22px;
	    margin-top: 50px;
	}
	.cf-button {
	    padding: 8px 15px;
	    font-size: 16px;
   		margin-top: 25px;
	}
	.page-banner-floater {
	    bottom: 45px;
	}
	.page-banner-details {
	    font-size: 20px;
	    width: 85%;
	    padding: 0 30px;
	}
	.page-scrolldown {
	    width: 38px;
	    height: 38px;
	    margin-top: 25px;
	    margin-left: 30px;
	}
	.about-warner-header {
	    font-size: 40px;
	    margin: 125px 0 20px;
	}
	.about-warner-left {
	    margin-top: 50px;
	    font-size: 20px;
	    width: 95%;
	}
	.about-warner-right {
	    margin-top: 50px;
	    font-size: 20px;
	    width: 85%;
	}
	.faq-column {
	    width: 100%;
	}
	.vm-column-text {
	    width: 75%;
	    font-size: 20px;
	}

	.vm-img-05p {
	    height: 30px;
	}
	.vm-img-10p {
	    height: 32px;
	}
	.vm-img-15p {
	    height: 34px;
	}
	.vm-img-20p {
	    height: 36px;
	}
	.vm-img-25p {
	    height: 40px;
	}
	.vm-img-30p {
	    height: 42px;
	}
	.vm-img-35p {
	    height: 44px;
	}
	.vm-img-40p {
	    height: 46px;
	}
	.vm-img-45p {
	    height: 48px;
	}
	.vm-img-50p {
	    height: 50px;
	}
	.vm-img-55p {
	    height: 52px;
	}
	.vm-img-60p {
	    height: 54px;
	}
	.vm-img-65p {
	    height: 56px;
	}
	.vm-img-70p {
	    height: 58px;
	}
	.vm-img-75p {
	    height: 60px;
	}
	.vm-img-80p {
	    height: 62px;
	}
	.vm-img-85p {
	    height: 64px;
	}
	.vm-img-90p {
	    height: 66px;
	}
	.vm-img-95p {
	    height: 68px;
	}
	.vm-img-100p {
	    height: 70px;
	}
	.artist-menu {
	    font-size: 18px;
	    margin: 0px 15px;
	}
	.left-align-header {
	    font-size: 38px;
	}
	.right-align-normal-text {
	    font-size: 16px;
	    width: 100%;
	}
	.centered-medium-header {
	    font-size: 28px;
	    margin: 70px auto 0;
	}
	.centered-align-normal-text-with-button, .centered-align-normal-text {
	    font-size: 16px;
	    width: 100%;
	}
	.centered-button {
	    margin-top: 30px;
	    font-size: 14px;
	    padding: 8px 15px;
	}
	.medium-artist {
	    font-size: 40px;
	    line-height: 50px;
	}
	.small-artist {
	    font-size: 28px;
	    line-height: 38px;
	}
	.large-artist {
	    font-size: 65px;
	    line-height: 70px;
	}
	.searchTermText,
	.suggestionText{
       font-size: 45px;
		line-height: 45px;
		height: 145px;
	}
	.search-form-container{
		    height: 145px;
	}

	.newsletter-container {
	    padding: 0 20px;
	}
	.newsletter-header {
	    font-size: 34px;
	    margin-top: 140px;
	}
	.newsletter-form-subtitle {
	    font-size: 16px;
	    width: 300px;
	    margin-left: 30px;
	    margin-top: 45px;
	}

	#formcontent2 .success{
	    font-family:"din-2014";
	font-weight: 400;
	    font-size: 16px;
	    color: white;
	}
	.newsletter-form-container {
	    width: 300px;
	    margin: 40px 0 120px 30px;
	}
	.newsletter-email {
	    width: 100%;
	    font-size: 12px;
	    line-height: 20px;
	    padding: 10px 15px;
	}
	.newsletter-send {
	    margin-top: 20px;
	    font-size: 12px;
	    padding: 10px 20px;
	}
	.left-align-image img, .right-align-image img, .centered-align-image img {
	    width: 300px;
	}
}


@media only screen and (max-width:520px) {
	.medium-artist {
	    font-size: 34px;
	    line-height: 44px;
	}
	.small-artist {
	    font-size: 25px;
	    line-height: 40px;
	}
	.large-artist {
	    font-size: 56px;
	    line-height: 60px;
	}

}

@media only screen and (max-width:480px) {
	.tal-slide-one-float span {
		width: 35px;
	    height: 8px;
	}
	.tal-slide-one-float span.slide {
	    left: 105%;
	}
	.tal-scrolldown-floater{
		bottom: 20px;
		width: 100%;
	}
	.tal-scroll-arrow {
	    width: 22px;
	    height: auto;
	}
	.tal-scroll-title {
	    font-size: 14px;
	    line-height: 22px;
	    padding-bottom: 12px;
	}
	.tal-insta-profile {
	    border: 4px solid #5dabfc;
	}
	.talent-current-profile {
	    font-size: 22px;
	    padding-top: 10px;
	    line-height: 32px;
	}
	.hover-play-icon.big {
	    width: 15px;
	    left: 50%;
	}
	.hover-play.controls {
	    height: 40px;
	    width: 40px;
	}
	.youtube-contestant-title{
		padding: 10px 0 ;
	}
	.youtube-current-episode {
	    width: 85%;
        margin: 40px auto 0;
	}
	.youtube-episode-subtitle{
		font-size: 16px;
    	line-height: 22px;
    	padding: 0 25px;
	}
	.talent-curr-play {
	    width: 90%;
	    max-width: 805px;
	}

	.tal-insta-col {
	    width: 90%;
	    margin: 0 auto;
	    float: none;
	}
	.tal-offset-lg {
	    padding-top: 120px;
	}
	.tal-offset-xs {
	    padding-top: 30px;
	}
	.tal-offset-md {
	    padding-top: 100px;
	}
	.tal-offset-sm {
	    padding-top: 50px;
	}
	.tal-intsa-username {
	    font-size: 16px;
	    padding-top: 5px;
	    line-height: 20px;
	}
	.tal-slide-title {
	    font-family:"din-2014";
	font-weight: 700;
	    font-size: 32px;
	    line-height: 38px;
	}
	.tal-slide-two-float {
	    max-width: 295px;
	    font-size: 20px;
    	line-height: 26px;
	}
	.youtube-contestant-title{
		font-size: 20px;
    	line-height: 26px;
	}
	.template-spacers {
	    height: 50px;
	    width: 100%;
	}
	.header-container {
	    padding: 20px 20px 0;
	}
	.wm-logo-menu {
	    width: 80px;
	    height: 33px;
	}
	.feat-article-details {
	    bottom: 35px;
	}
	.feat-title {
	    font-size: 35px;
	    line-height: 42px;
	    padding: 0 20px;
	    margin-bottom: 5px;
	}
	.feat-subtitle {
	    font-size: 12px;
	    line-height: 18px;
	    padding: 0 20px;
	    margin-bottom: 15px;
	}
	.feat-button {
	    line-height: 34px;
	    font-size: 14px;
	    width: 95px;
	}
	.feat-article-details a {
	    margin-left: 20px;
	}
	.footer-container {
	    padding: 65px 20px 0;
	}
	.footer-follow-us {
	    width: 100%;
	    float: left;
	    margin-bottom: 65px;
	}
	.footer-follow-inner {
	    height: 30px;
	    line-height: 30px;
	    font-size: 24px;
	}
	.footer-header {
	    font-size: 14px;
	    margin-bottom: 10px;
	}
	.footer-other-section {
	    width: 100%;
	    float: left;
	    margin-bottom: 15px;
	}
	.footer-other-inner-inner {
	    height: 30px;
	    line-height: 30px;
	    font-size: 24px;
	}
	 .footer-other-inner-inner {
	 	height: auto;
	 }
	 .footer-logo {
	    height: 25px;
	    width: auto;
	    margin-left: 20px;
	    margin-right: 20px;
	    margin-bottom: 15px;
	}
	.footer-copyright {
	    font-size: 12px;
	    line-height: 18px;
	    padding: 0 0 50px;
	    width: 100%;
	}
	.page-banner-floater {
	    bottom: 35px;
	}
	.page-banner-details {
	    font-size: 16px;
	    width: 95%;
	    padding: 0 20px;
	}
	.page-scrolldown {
	    width: 30px;
	    height: 30px;
	    opacity: 1;
	    margin-top: 35px;
	    margin-left: 20px;
	}
	.contact-container {
	    padding: 70px 20px 30px;
	}
	.cf-left .cf-header, .cf-right .cf-header {
	    margin-top: 95px;
	}
	.cf-header {
	    font-size: 34px;
	}
	.cf-desc {
	    margin-top: 40px;
	    padding-left: 0;
	    font-size: 20px;
	}
	.cf-button {
	    margin-top: 25px;
	    padding: 10px 15px;
	    font-size: 14px;
	    font-family:"din-2014";
	font-weight: 600;
	}
	.about-details-container {
	    width: 100%;
	    padding: 50px 20px 25px;
	}
	.about-warner-header {
	    font-size: 34px;
	    margin: 100px 0 30px;
	}
	.about-warner-left,
	.about-warner-right {
	    margin-top: 30px;
	    font-size: 18px;
	    width: 100%;
	}
	.faq-column {
	    margin-top: 80px;
	}
	.faq-column:nth-of-type(1) {
	    margin-top: 50px;
	}
	.faq-title {
	    font-size: 18px;
	}
	.faq-body {
	    font-size: 13px;
	    margin-top: 30px;
	}
	.vm-content-container {
	    padding: 40px 20px 25px;
	}
	.vm-details-row {
	    width: 100%;
	    margin-top: 50px;
	}
	.vm-column-text {
	    width: 100%;
	    font-size: 20px;
	}
	.vm-column-img img {
	    margin-top: 50px;
	}

	

	.playlist-img {
	    width: calc(50% - 15px);
	    width: -webkit-calc(50% - 15px);
	    height: auto;
	}
	.playlist-img:after{
		content: '';
		display: inline-block;
		padding-top: 100%;
	}
	.playlist-container {
	    width: 100%;
	    height: auto;
	    margin-top: 65px;
	}
	.playlist-container:after{
		content: '';
		display: inline-block;
		padding-top: 126.865672%;
	}
	.single-artist-floater {
	    padding: 0 20px 30px;
	}
	.artist-label {
	    font-size: 50px;
	    line-height: 40px;
	    margin-bottom: 20px;
	}
	.artist-buttons {
	    font-size: 14px;
	    line-height: 30px;
	    height: 45px;
	    padding-top: 8px;
	}
	.play-icon {
	    height: 18px;
	    margin-right: 12px;
	    margin-bottom: -3px;
	}
	.fb-icon{
	    height: 14px;
	    margin-right: 5px;
	    margin-bottom: -2px;
	}
	.ig-icon {
	    height: 16px;
	    margin-right: 5px;
	    margin-bottom: -4px;
	}
	.yt-icon{
	    height: 14px;
	    margin-right: 5px;
	    margin-bottom: -2px;
	}
	.tiktok-icon {
	    height: 16px;
	    margin-right: 5px;
	    margin-bottom: -4px;
	}
	.artist-buttons.centered {
	    margin: 0 8px 0 0;
	    width: calc(50% - 8px);
	    width: -webkit-calc(50% - 8px);
	}
	.artist-buttons.last {
	    margin: 0 0 0 8px;
	    width: calc(50% - 8px);
	    width: -webkit-calc(50% - 8px);
	}
	.artist-buttons.artist_4 {
	    margin: 8px 8px 0 0;
	    width: calc(50% - 8px);
	    width: -webkit-calc(50% - 8px);
	}
	.artist-buttons.artist_5 {
	    margin: 8px 0 0 8px;
	    width: calc(50% - 8px);
	    width: -webkit-calc(50% - 8px);
	}
	.artist-buttons.first {
	    width: 100%;
	    margin-bottom: 15px;
	}
	.artist-buttons.right {
	    margin: 0 0 0 8px ;
	    width: calc(50% - 8px);
	    width: -webkit-calc(50% - 8px);
	}
	.artist-buttons.left {
	    margin: 0 8px 0 0;
	    width: calc(50% - 8px);
	    width: -webkit-calc(50% - 8px);
	}
	.artist-buttons.leftNobottom{
		width: 100%;
    	margin-bottom: 0;
	}
	.artist-header-picker {
	    padding: 110px 0 0;
	}
	.artist-menu {
	    font-size: 16px;
	    margin: 0 15px;
	}
	.left-align-header {
	    font-size: 30px;
	    width: 100%;
	    margin-top: 60px;
	}
	.right-align-normal-text {
	    margin-top: 25px;
	    font-size: 13px;
	    margin-right: 0;
	}
	.centered-medium-header {
	    font-size: 22px;
	    margin: 50px auto 0;
	}
	.centered-align-normal-text-with-button, .centered-align-normal-text {
	    margin: 25px 0 0;
	    font-size: 13px;
	    width: 100%;
	}
	.centered-button {
	    margin-top: 25px;
	    font-size: 12px;
	    padding: 8px 15px;
	}
	.artist-demo-container {
	    padding: 0 20px;
	}
	.all-artist-list {
	    margin-top: 80px;
	    font-size: 0.1px;
	    margin-bottom: 20px;
	}
	.suggestionText, .searchTermText {
	    font-size: 30px;
	    line-height: 30px;
	    height: 120px;
	}
	.modalContainer {
	    position: fixed;
	    top: 0;
	    right: 0;
	    left: 0;
	    padding: 20px 20px;
	}
	.search-form-container {
	    height: 120px;
	}
	.searchHint {
	    font-size: 12px;
	}
	.mobile-menu-hamburger {
	    width: 35px;
	    height: 35px;
	    top: 20px;
	    right: 20px;
	}
	.top-span {
	    height: 2px;
	    top: 12px;
	}
	.bottom-span {
	    height: 2px;
	    bottom: 12px;
	}
	.menu-item-links {
    	width: 100%;
	    text-align: right;
	    font-size: 24px;
	    margin: 23px 0;
	    color: white;
	    padding: 0 20px;
	}
	.menu-open .top-span {
	    -webkit-transform: rotate(45deg) translateX(11%) translateY(150%);
	    -ms-transform: rotate(45deg) translateX(11%) translateY(150%);
	    transform: rotate(45deg) translateX(11%) translateY(150%);
	}
	.menu-open .bottom-span {
	    -webkit-transform: rotate(-45deg) translateX(10%) translateY(-110%);
	    -ms-transform: rotate(-45deg) translateX(10%) translateY(-110%);
	    transform: rotate(-45deg) translateX(10%) translateY(-110%);
	}

	.medium-artist {
	    font-size: 34px;
	    line-height: 44px;
	}
	.small-artist {
	    font-size: 25px;
	    line-height: 40px;
	}
	.large-artist {
	    font-size: 46px;
	    line-height: 54px;
	}
	.left-align-image img, .right-align-image img, .centered-align-image img {
	    width: 85%;
	}
}
@media only screen and (max-width:440px) {
	.medium-artist {
	    font-size: 30px;
	    line-height: 40px;
	}
	.small-artist {
	    font-size: 23px;
	    line-height: 36px;
	}
	.large-artist {
	    font-size: 46px;
	    line-height: 54px;
	}
}
@media only screen and (max-width:420px) {
	.newsletter-form-subtitle{
		width: 100%;
		margin: 0;
		margin-top: 45px;
		padding: 0 30px;
	}
	.newsletter-form-container {
	    width: 100%;
		margin: 0;
		margin-top: 40px;
		padding: 0 30px;
	}
	.wrapper {
	    width: 100%;
	}
}
@media only screen and (max-width:400px) {
	.medium-artist {
	    font-size: 26px;
	    line-height: 40px;
	}
	.small-artist {
	    font-size: 20px;
	    line-height: 35px;
	}
	.large-artist {
	    font-size: 42px;
	    line-height: 50px;
	}

}
@media only screen and (max-width:360px) {
	.medium-artist {
	    font-size: 24px;
	    line-height: 36px;
	}
	.small-artist {
	    font-size: 18px;
	    line-height: 30px;
	}
	.large-artist {
	    font-size: 38px;
	    line-height: 46px;
	}

}


@media only screen and (max-width:340px) {
	.small-artist {
	    font-size: 18px;
	    line-height: 30px;
	}
	.medium-artist {
	    font-size: 24px;
	    line-height: 35px;
	}
	.large-artist {
	    font-size: 40px;
	    line-height: 50px;
	}
}
/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}