/* P5 WEB TEMPLATE 1.9 */
audio,canvas,video{display:inline;zoom:1;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}button,input,select,textarea{font-family:sans-serif;color:#222;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}ins{background:#fff;color:#000;text-decoration:none;}mark{background:#ff0;color:#000;font-style:italic;font-weight:700;}pre,code,kbd,samp{font-family:monospace,monospace;_font-family:'courier new',monospace;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:none;}small{font-size:85%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}dd{margin:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0;}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}fieldset,figure,form,ul,ol,body{border:0;margin:0;padding:0;}label{cursor:pointer;}legend{border:0;margin-left:-7px;padding:0;}button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0;}button,input{line-height:normal;overflow:visible;}table button,table input{overflow:auto;}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;}input[type=checkbox],input[type=radio]{box-sizing:border-box;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;resize:vertical;}table{border-collapse:collapse;border-spacing:0;}td{vertical-align:top;}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr;}audio:not([controls]),[hidden],.ir br{display:none;}::-moz-selection,::selection{background:#666;color:#fff;text-shadow:none;}
* { -moz-box-sizing: border-box; box-sizing: border-box; }
a:link, a:visited, a:active { text-decoration : none; color : black; transition: all 0.3s ease-out; }
a:hover { color : red; outline: 0;}
a:focus, a:active { outline: 0; }
.hidden, .hide { display : none !important; }
.show, article { display : block; }
.invisible { visibility: hidden;}
.clearfix:before, .clearfix:after {content: " "; display: table;} .clearfix:after {clear: both;} .clearfix {*zoom: 1;}
.disabled { pointer-events: none; opacity: 0.5;}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'weatherIcons';
	src:url('../fonts/climacons-webfont.eot');
	src:url('../fonts/climacons-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/climacons-webfont.svg#weatherIcons') format('svg'),
		url('../fonts/climacons-webfont.woff') format('woff'),
		url('../fonts/climacons-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
	.fa_big { position: absolute; right: 15px; font-size: 36px; }

/* Styles */
html {
    height: 100%;
    overflow: auto;
}

body {
    background: #eee;
    color: #212121;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    position: relative;
    line-height: 1.4;
	overflow-x: hidden;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.disable-hover { pointer-events: none; }
body, input, button { -webkit-font-smoothing: antialiased; }
/* Text */
	h2 { font-size: 17px; font-weight: 700; margin: 0; line-height: 1.2; }
	h3 { font-size: 15px; font-weight: 400; margin: 0; line-height: 1.2; }
	h4 { font-size: 13px; font-weight: 400; margin: 0 0 2px 0; line-height: 1.2; color: #9e9e9e; }
	.text_capitalize { text-transform: capitalize; }
	.text_uppercase { text-transform: uppercase; }
	.text_lowercase { text-transform: lowercase; }
	.fullWidth { display: block; width: 100%; }
	.track { position: relative; }

	.actions-bar { padding: 0 3px; }
	.actions-bar a, .actions-bar > span {
		color: #757575;
		display: block;
		float: right;
		font-size: 16px;
		padding: 4px;
		line-height: 22px;
	}
		.actions-bar > .left { float: left; }
		.liked0 .icon_liked, .video-bar a.liked0 .icon_liked, .track:not(.liked0):not(.liked1) .action_like { display: none; }
		.liked1 .icon_notliked, .video-bar a.liked1 .icon_notliked,
        .track[data-youtube_id="{youtube_id}"] .action_youtube,
        .track[data-youtube_id=""] .action_youtube { display: none; }
/* End-Text */
/* Menubar */
	#menu {
		display: block;
		position: fixed;
		top: 0; right: 0; left: 0;
		padding: 6px 30px 5px 30px;
		z-index: 5;
		height: 75px;
        line-height: 65px;
        font-size: 21px;
	}
        .np2017:not(.scrolled) #menu { background: transparent !important; }
		.light_theme #menu { color: #fafafa; }
		.dark_theme #menu { color: #212121; }
        .np2015 #menu > * { position: relative; z-index: 2; }
        .np2015 #menu { box-shadow: 0 0 7px rgba(0,0,0,0.4); }
        .np2015 #menu:after {
            content: ''; pointer-events: none;
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            opacity: 0.2;
            display: block;
            background: white;
            z-index: 1;
        }
        .np2015.light_theme #menu:after { background: black; }
        .scrolled #menu { height: 60px; line-height: 50px; }

	.menu-logo { float: left; height: 100%; margin-right: 10px; position: relative; }
	.menu-logo img { display: block; max-height: 100%; max-width: 85px;}

	.menu-title { float: left; }
	ul.menu-nav { list-style: none; float: right; }
	.menu-nav li { float: left; }
	.menu-nav a {
		color: inherit;
		display: block;
		font-size: 18px;
		border-bottom: 3px solid transparent;
		padding: 0 3px;
		margin: 0 5px;
	}
        .np2017 .menu-nav a { border: none; }
	.light_theme .menu-nav .current a, .light_theme .menu-nav li:hover a { border-color: #fafafa; }
	.dark_theme .menu-nav .current a, .dark_theme .menu-nav li:hover a { border-color: #212121; }
    .np2017 .menu-nav .current a, .np2017 .menu-nav li:hover a { font-weight: bold; }
	.menu-nav li:last-child a { margin-right: 0; }
	.menu-nav li:first-child a { margin-left: 0; }
	.menu-nav li.menu-hamburger { display: none; }
	body:not(.logged_in) .menu-nav .page_logout,
    body.logged_in .menu-nav .page_login { display: none; }

	.menu-loading {
		position: absolute;
		bottom: 0; left: 0; right: 0; height: 3px;
		overflow: hidden;
	}
		.menu-loading:after {
			content: '';
			width: 100%;
			height: 75px;
			position: absolute;
			top: 0;
		}
		.loading .menu-loading:after {
			background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.3) 5px, rgba(255, 255, 255, 0.3) 10px);
			-ms-animation: loading .5s linear infinite;
			-moz-animation: loading .5s linear infinite;
			-webkit-animation: loading .5s linear infinite;
			animation: loading .5s linear infinite;
		}
		@-webkit-keyframes loading { from { -webkit-transform: translateY(0); } to { -webkit-transform: translateY(-28.28427px); } }
		@keyframes loading { from { transform: translateY(0); } to { transform: translateY(-28.28427px); } }

	@media (max-width:700px){
		.menu-title { display: none; }
		#menu { padding-left: 15px; padding-right: 15px; }
	}
	@media (max-width:550px){
		.menu-nav li { display: none; float: none; text-align: right; }
		.menu-nav li a { margin: 0; padding: 0 8px 0 15px; line-height: 40px; }
		.menu-nav li.menu-hamburger, .menu_show .menu-nav li { display: block; }
		.menu_show .menu-nav li { background: #fafafa; color: #212121; }
		.menu-nav li.menu-hamburger a:hover { border-color: transparent; }
		.menu-title { display: none; }
		#menu { padding-left: 15px; padding-right: 15px; }
	}
/* End-Menubar */
/* Nowplaying */
    .streamplayer {
        --icon-size: 20px;
        display: flex;
        align-items: center;
        column-gap: 5px;

        audio {
            display: none;
        }

        button {
            appearance: none;
            background-color: transparent;
            cursor: pointer;
            border: unset;
            color: currentColor;
            font-size: 36px;
        }

        &.is-playing #play,
        &:not(.is-playing) #pause,
        &.is-muted #mute,
        &:not(.is-muted) #unmute {
            display: none;
        }
    }
    .google-cast-wrapper {
        width: var(--icon-size);
        height: var(--icon-size);
        pointer-events: none;
        display: none;

        &:has(google-cast-launcher[style="display: inline;"]) {
            pointer-events: auto;
            display: inline-block;
        }
    }
    google-cast-launcher {
        pointer-events: none;
        width: var(--icon-size);
        height: var(--icon-size);
    }
    .light_theme google-cast-launcher {
        --connected-color: #fafafa;
        --disconnected-color: #fafafa;
    }
    .dark_theme google-cast-launcher,
    .content-bar google-cast-launcher {
        --connected-color: #212121;
        --disconnected-color: #212121;
    }

	#nowplaying {
		position: relative;
		padding-top: 75px;
		background: #5692b1;
	}
		.light_theme #nowplaying, .light_theme #video { color: #fafafa; }
		.dark_theme #nowplaying, .dark_theme #video { color: #212121; }

		.np-container {
			position: relative;
			z-index: 3;
            padding: 45px 0 30px;
		}
			.np-container .actions-bar {
                background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
                position: absolute; left: 0; right: 0; bottom: 0;
            }
			.np-container .actions-bar a { color: #fafafa; }

		.np-tracks {
			position: relative;
			z-index: 2;
            white-space: nowrap;
            font-size: 0;
            float: none;
            width: 100%;
            clear: both;
		}
            .np-tracks .track {
                display: inline-block;
                width: 225px;
                max-width: 225px;
                position: relative;
                margin: 0 10px;
                transform-origin: 0 0;
            }
                .np-tracks .track:not(.np_show) {
                    max-width: 0 !important;
                    transform: scale(0);
                }
            .np-tracks .imgdiv { position: relative; max-height: 300px; }
    .np-tracks .track:before {
		content: attr(rel);
        font-size: 14px;
		position: absolute;
		left: -86px;
        width: 80px;
        text-align: right;
		top: 83px;
		opacity: 0.8;
        pointer-events: none;
	}
/* 2015 style */
    .np2015 .np-epg {
		float: left;
		width: 260px;
        margin: 0 80px 0 30px;
        position: relative;
        z-index: 10;
	}
    .np2015 .np-container .imgdiv {
		margin-top: 12px;
		box-shadow: 0 0 7px rgba(0,0,0,0.4);
	}
    .np2015 .np-tracks .track:nth-child(n+4){ display: none; }
    .np2015 .np-tracks .track { margin: 0 30px; }
    .np2015 #nowplaying h2, .np2015 #nowplaying h3 { padding-left: 12px; }
    .np2015 .track-playedtime, .np2017 .np-tracks .track:nth-child(-n+3) .track-playedtime { display: none; }
/* End-2015 style */
/* 2017-style */
    .np2017 .np-container { padding: 15px 0 20px; }
    .np2017 .np-epg {
        padding: 0 30px 8px 30px;
        margin-bottom: 25px;
        position: relative;
        z-index: 10;

        .np-epg-inner {
            margin: 0 auto;
            max-width: 500px;
            position: relative;
            display: flex;
            align-items: center;
            gap: 12px;
        }
    }
    .np2017 .np-epg-text { flex-shrink: 1; flex-grow: 1; }
    .np2017 .np-epg .imgdiv { width: 80px; border-radius: 4px; overflow: hidden; order: -1; }
    .np2017 .np-epg:after { content: ''; position: absolute; top: 100%; left: 30px; right: 30px; border-bottom: 1px solid white; opacity: 0.2; display: block; }
    .np2017 .np-actions {
        padding: 0;
        height: auto;
        display: flex;
        align-items: center;
        gap: 4px;
        --icon-size: 20px;
    }

    .np2017 .np-tracks .track {
        border-radius: 4px; overflow: hidden;
        background: white; color: #212121;
        box-shadow: 0 0 16px rgba(16, 18, 17, 0.25);
        padding-bottom: 8px;
        margin: 0 8px;
    }
    .np2017 .np-tracks h3, .track-playedtime { color: #757575; }
    .np2017 .np-tracks h2, .np2017 .np-tracks h3 { padding: 0 12px; }
    .np2017 .np-tracks .imgdiv { margin-bottom: 8px; }
    .np2017 .np-tracks .track:before {
        bottom: 8px;
        right: 8px;
        left: auto; top: auto;
    }
    .np2017 .np-tracks .track:nth-child(n+4):before { content: ''; }
    .np2017 .track-playedtime { position: absolute; right: 8px; bottom: 8px; font-size: 14px; background: white; padding-left: 4px; }
/* End-2017-style */
		.np-animation {
			position: absolute;
			left: -150px; top: 0; bottom: 0; right: 0;
			display: block; z-index: 1;
			overflow: hidden;
		}
			.np-animation div {
				position: absolute; left: 0; top: 0;
				background: white;
				height: 500px;
				width: 500px;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				opacity: 0;
			}
        .np2017 .np-animation { left: 0; }
        .np2017 .np-animation div { margin-left: -250px; left: 50%; }

        body:has(.streamplayer.is-playing) {
			.np-animation div {
				-webkit-animation: playing 3.9s linear infinite;
				animation: playing 3.9s linear infinite;
			}
			.np-animation .np-circle2 { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; }
			.np-animation .np-circle3 { -webkit-animation-delay: 2.6s; animation-delay: 2.6s; }
        }
			@-webkit-keyframes playing { from { opacity: 0.25; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } to { opacity: 0; -webkit-transform: scale(4); -ms-transform: scale(4); transform: scale(4); } }
			@keyframes playing { from { opacity: 0.25; transform: scale(0); } to { opacity: 0; transform: scale(4); } }

	@media(max-width:1400px){
		.np2015 .np-epg { margin-right: 40px; width: 240px;  }
        .np2015 .np-tracks .track { margin: 0 20px; }
        .np2015 .np-tracks .track { width: 215px; max-width: 215px; }
        .np2017 .np-tracks .track { width: 200px; max-width: 200px; }
        .np2015 .np-tracks .track:before { position: relative; top: 0; left: 12px; margin-bottom: 4px; display: block; text-align: left; }
	}
    @media(max-width:1160px){
        .np2015 .np-tracks .track:before { left: 0; }
        .np2015 #nowplaying h2, .np2015 #nowplaying h3 { padding-left: 0; }

		.np2015 .np-epg { margin-right: 20px; width: 220px;  }
        .np-tracks .track { margin: 0 5px !important; width: 180px; max-width: 180px; }
	}
    @media(max-width:900px){
        .np-container { padding-top: 25px; }
        .np2015 .np-tracks { padding: 0 15px; }
        .np2015 .np-tracks .track { width: 30%; max-width: 30%; }
        .np2015 .np-tracks .track .imgdiv { max-width: 150px; }

        .np2015 .np-container { padding: 15px 0 20px; }
        .np2015 .np-epg { padding: 0 30px 8px 30px; position: relative; margin: 0 0 25px 0; z-index: 10; float: none; width: 100%; }
        .np2015 .np-epg-text { position: absolute; left: 122px; padding-top: 10px; }
        .np2015 .np-epg .imgdiv { width: 80px; border-radius: 4px; overflow: hidden; box-shadow: none; }
        .np2015 .np-epg:after { content: ''; position: absolute; top: 100%; left: 30px; right: 30px; border-bottom: 1px solid white; opacity: 0.2; display: block; }
        .np2015 .np-actions { position: absolute; right: 30px; top: 12px; padding: 0; height: auto; }
        .np2015 .np-actions a { font-size: 0; }
        .np2015 .np-actions a .fa { font-size: 24px; }
        .np-actions svg { top: 5px; margin-right: 0; width: 24px; height: 24px; }

    }

    @media(max-width:700px){
        .np-epg { padding: 0 15px 8px 15px !important; margin-bottom: 15px !important; }
        .np-epg-text { left: 107px !important; }
        .np-epg:after { left: 15px !important; right: 15px !important; }
        .np-actions { position: absolute !important; right: 15px !important; top: 12px !important; padding: 0 !important; height: auto !important; }

        .np2017 .np-tracks .track:nth-child(n+4){ display: none; }
        .np2017 .np-tracks .track { background: transparent; box-shadow: none; color: inherit; width: 30%; max-width: 30%; }
        .np2017 .np-tracks .track .imgdiv { max-width: 150px; }
        .np2017 .np-tracks h3, .np2017 .np-tracks h2 { color: inherit; padding: 0; }
        .np2017 .np-tracks .track:before { position: relative; top: 0; left: 0; margin-bottom: 4px; text-align: left; bottom: auto; right: auto; display: block; color: white !important; }
    }

    @media(max-width:501px){
        .np-epg .imgdiv { display: none !important; }
        .np-epg-text { position: relative !important; left: 0 !important; top: 0 !important; padding-top: 0 !important; max-width: 60% !important; }
        .np-actions { top: 0 !important; }
    }
    @media(min-width:701px){
        .np2017 .np-tracks:not(.no-next) .track:nth-child(2), .np2017 .np-tracks.no-next .track:nth-child(1){
            transform: scale3d(1.15,1.15,1);
            -webkit-perspective: 1000;
            perspective: 1000;
            transform-origin: 50% 50%;
            z-index: 10;
        }
    }
    @media(min-width:901px){
        .np2015 .np-tracks { width: calc(100% - 300px); clear: none; }
        .np2015 .np-container:before { /* timeline lijn */
            content: '';
            position: absolute;
            top: 150px; left: 0; right: 0;
            height: 1px; display: block;
            border-bottom: 1px solid currentColor;
            opacity: 0.5; z-index: -1;
        }
        .np2017 .np-tracks { padding-left: 20px; }
    }
    @media(min-width:1161px){
        .np2015 .np-tracks { width: calc(100% - 340px); }
        .np2015 .np-tracks:not(.no-next) .track:nth-child(2), .np2015 .np-tracks.no-next .track:nth-child(1){ max-width: 260px; width: 260px; margin-bottom: -50px; }
    }
    @media(min-width:1401px){
        .np2015 .np-tracks { float: left; width: calc(100% - 400px); }
        .np2015 .np-tracks:not(.no-next) .track:nth-child(2), .np2015 .np-tracks.no-next .track:nth-child(1){ max-width: 300px; width: 300px; margin-bottom: -60px; }
    }


    .np-minimize .np-container .imgdiv { max-height: 0; overflow: hidden; }
    .np-minimize.np2017 .np-epg-text { position: relative !important; left: 0 !important; top: 0 !important; padding-top: 0 !important; max-width: 60% !important; }
    .np-minimize.np2017 .np-actions { top: 0 !important; }
/* End-Nowplaying */
/* Page */
	.page {
		display: block;
		opacity: 1;
        flex-grow: 1;
	}
        .page:has(.page-iframe) {
            display: flex;
        }
		.page.page_hidden {
			opacity: 0;
			transform: translate3d(0px, 50px, 0px);
		}
		.page_live .page:not(:has(.page-iframe)) { padding-top: 90px; }
		@media(max-width:1335px){ .page_live .page:not(:has(.page-iframe)) { padding-top: 20px; } }
	.state {
		width: 100%;
		max-width: 450px;
		padding: 30px 45px;
		text-align: center;
		margin: 0 auto;
	}
		.state .fa { font-size: 45px; margin-bottom: 11px; }
/* End-Page */
/* Columns */
	.third, .twothird {
		display: inline-block;
		vertical-align: top;
		width: 450px;
		padding-left: 45px;
	}
		.twothird { width: 1068px; content: '2'; }
		.page_about .twothird { margin-top: 23px; }
		.cards_justtracks { padding-right: 50px; padding-left: 20px; }
	/* Card Track, friendslike */
	.card {
		background: white;
		border: 1px solid #e0e0e0;
		border-bottom-width: 2px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		overflow: hidden;
		margin-bottom: 10px;
	}
		a.card { display: block; }
		.cards_justtracks .card {
			display: inline-block;
			width: 400px;
			margin-left: 25px;
		}
		.twothird .card_column{ float: left; width: 48%; margin-right: 4%; }
		.twothird .card_column:nth-child(2){ margin-right: 0; }
		.twothird .card { display: none; width: 100%; }
		@media(max-width:1575px){ .twothird { width: 900px; }}
		@media(max-width:1375px){ .twothird { width: 100%; padding: 0 30px; }}
		@media(max-width:775px){ .twothird .card_column { float: none; width: 100%; margin: 0; } .twothird { padding: 0 15px; content: '1';}}
		@media(max-width:600px){ .cards_justtracks { padding-right: 0; }}
	.card .actions-bar {
		display: block;
		background: #eee;
		border-top: 1px solid #e0e0e0;
	}
	.card_track .imgdiv { width: 130px; position: relative; }
	.card_track .imgdiv-friend {
		display: block; height: 100%;
		position: absolute;
		width: 40px;
		overflow: hidden;
		top: 0; right: 0;
		background-size: cover;
		background-position: 50% 50%;
		-webkit-box-shadow: inset 7px 0 9px -7px rgba(0, 0, 0, 1);
		-moz-box-shadow: inset 7px 0 9px -7px rgba(0, 0, 0, 1);
		box-shadow: inset 7px 0 9px -7px rgba(0, 0, 0, 1);
	}
	.card_track .imgdiv-friend:hover { width: 130px; }
	.card_track .imgdiv > img:nth-last-child(2) { margin-left: -20px; }
	.card_track .imgdiv > img:hover { margin-left: 0; }
	.card_track .imgdiv > img:hover + div { width: 0; }
	.card_track .imgdiv > img { cursor: pointer; }
	.card_track .track-text {
		position: absolute;
		top: 30px;
		left: 147px;
		right: 5px;
	}
	/* End-Card Track, friendslike */
	/* Card button */
	.card_button {
		padding: 15px;
		text-align: center;
		font-size: 17px;
		cursor: pointer;
	}
		.card_button:hover { background: #eee; }
	/* End-Card Button */
	/* Weather Card */
	.card_weather {
		color: white;
		background: #f1c40f;
		font-size: 66px;
		position: relative;
	}
		.card_weather.weather-severe { background: #F1420F; }
		.card_weather .icon { font-family: 'weatherIcons'; padding-left: 25px; padding-right: 10px; float: left; }
		.weather-outer {
			position: absolute;
			right: 15px;
			top: 10px;
			bottom: 10px;
			padding: 17px 0 10px 7px;
			border-left: 1px solid rgba(255, 255, 255, 0.43);
		}
			.card_weather > h2 { padding-top: 27px; }
			.weather-outer h2 { font-weight: 500; text-transform: uppercase; }
			.weather-outer .fa { padding-right: 4px; }
			.card_weather .weather-temp { text-transform: uppercase; }
	/* End-Weather Card */
	/* Chart-card */
		.card_chart .imgdiv {
			float: left;
			width: 33.33%;
			position: relative;
			cursor: pointer;
		}
			.card_chart .imgdiv span { position: absolute; top: 5px; left: 8px; color: white; text-shadow: 0px 0px 2px #000000; }
	/* End-Chart-card */
	/* Video card */
		.card_video, .card_video h4 { color: white; }
		.card_video .imgdiv {
            aspect-ratio: 16 / 9;
			position: relative;
			cursor: pointer;

            img {
                display: block;
                inset: 0;
                object-fit: cover;
                object-position: center center;
                position: absolute;
                z-index: 0;
                width: 100%;
                height: 100%;
            }
		}
			.card_video .imgdiv:after {
				content: ''; position: absolute;
				bottom: 0; left: 0; right: 0; height: 100px;
				z-index: 1;
				background-image: linear-gradient(0, black, transparent);
			}
			.card_video .track-text {
				position: absolute;
				bottom: 12px;
				left: 15px;
				right: 15px;
				z-index: 2;
			}
			.card_video .fa_big { bottom: 6px; }
	/* End-Video card */
	/* Soundcloud card */
		.card_soundcloud {
			position: relative;
			padding: 8px 0;
		}
			.about_podcasts .card:not(:last-child), .about_videos .card:not(:last-child) { margin-bottom: 0; border-bottom: 0; }
			.card_soundcloud h3, .card_soundcloud h4 { padding: 0 40px 0 45px; }
		.card_soundcloud .icon_play {
			position: absolute;
			left: 14px;
			top: 13px;
			font-size: 22px;
		}
		.card_soundcloud .icon_soundcloud { position: absolute; right: 10px; bottom: 9px; color: #9e9e9e; }
		.light_theme a.card_soundcloud:hover h3, .light_theme a.card_soundcloud:hover h4, .light_theme a.card_soundcloud:hover .icon_soundcloud { color: white; }
		.dark_theme a.card_soundcloud:hover h3, .dark_theme a.card_soundcloud:hover h4, .dark_theme a.card_soundcloud:hover .icon_soundcloud { color: #212121; }

		#stratus{position:relative;top:0;left:0;overflow:hidden;z-index:10000; margin-bottom: 20px; }
		#stratus,#stratus iframe{height:32px;width:100%}
	/* End-Soundcloud card */
	/* About Card */
		.card_about { position: relative; padding: 10px 15px; }
		.light_theme .card_about { color: #fafafa; }
		.dark_theme .card_about { color: #212121; }
		.card_about .imgdiv {
			padding: 10px;
			position: absolute;
			top: 0; left: 0;
			width: 160px;
		}
			.card_about .text {
				display: block;
				padding-left: 160px;
				padding-top: 20px;
			}
	/* End-About card */
	/* Apps Card */
		.card_apps {
            position: relative; padding: 10px 15px;
            display: flex; align-items: center; gap: 43px;

            & > .fa {
                padding-left: 26px;
                font-size: 66px;
            }

            .text {
                display: block;
                flex-grow: 1;
            }
            .app_links {
                display: flex;
                gap: 8px;
                align-items: center;
                margin-top: 6px;

                img {
                    height: 45px;
                }
            }
        }
	/* End-Apps card */
	/* Deal Card */
	.cards_justtracks .card.card_realdeal { width: 349px; margin-bottom: 0; }
.deal_shopimg { position: absolute; top: 0; right: 0; height: 100%; }
	/* End-Deal card */

	.about_podcasts, .about_videos { margin-bottom: 40px; }

	.has_timeline { position: relative; }
		.has_timeline > h3 { padding-left: 23px; padding-bottom: 5px; color: #9e9e9e; }
		.has_timeline:before {
			content: ''; position: absolute; top: 5px; left: 53px;
			width: 8px; height: 8px;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			background: #757575;
		}
		.has_timeline:after {
			content: ''; position: absolute; top: 6px; left: 56px;
			width: 2px; background: #9E9E9E; height: 100%; z-index: -1;
		}
		.page_live .has_timeline:before { left: 8px; }
		.page_live .has_timeline:after { left: 11px; }
		.tracks_justplayed .card:nth-child(1),.tracks_justplayed .card:nth-child(2){ display: none; }


	@media(max-width:1375px){ .third { width: 49%; } }
	@media(max-width:1135px){
		.third { padding-left: 15px; }
		.has_timeline:before { left: 22px; }
		.has_timeline:after { left: 25px; }
	}
	@media(max-width:840px){ .third { width: 100%; padding: 0 15px; } }
	@media(max-width:350px){ .third { padding: 0 7px; } }
/* End-Columns */
/* Content-bar */
	.content-bar {
		display: block;
		background: #eee;
		border-bottom: 1px solid #e0e0e0;
		padding: 10px 45px;
		margin-bottom: 25px;
		position: relative;
        --icon-size: 20px;

        .google-cast-wrapper {
            display: inline-block;
            vertical-align: middle;
            pointer-events: none;

            &:has(google-cast-launcher[style="display: inline;"]) {
                pointer-events: auto;
            }
        }
	}
	.content-title { padding-left: 45px; display: block; margin-bottom: 10px; }
	.content-bar-charts { display: none; }
	@media(max-width:1360px){ .content-bar-charts { display: block; } }
	@media(min-width:1360px){ .page_charts .page { padding-top: 25px; } }
	@media(max-width:1135px){ .content-bar { padding: 10px 35px; }}
	@media(max-width:925px){ .content-bar { padding: 10px 30px; }}
	@media(max-width:700px){ .content-bar { padding: 10px 15px; }}
		.search-bar {
			display: block;
			width: 100%;
			max-width: 400px;
			position: relative;
		}
		.search-bar a, .search-bar .search-icon { position: absolute; right: 5px; top: 3px; padding: 5px; color: #757575; display: none; }
		.search-bar a:hover { color: #e74c3c; }
		.search-bar .search-icon { right: auto; left: 5px; display: block; }
		.search-bar input { padding-left: 30px; }
		.page_recent .search-bar select { float: left; width: 45%; }
		.page_recent .search-bar select:nth-child(2) { margin-left: 5%; }

	.content-dropdown {
		position: absolute;
		right: 15px;
		bottom: 14px;
		z-index: 5;
	}
		.content-dd-handle { display: block; text-align: right; padding: 5px; }
		.content-dd-handle .fa { margin-left: 5px;  }
		.content-dd {
			display: none;
			position: absolute;
			top: 100%;
			right: 0;
			background: #fff;
			padding: 5px;
			width: 250px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.4);
			-moz-box-shadow: 0 0 7px rgba(0,0,0,0.4);
			box-shadow: 0 0 7px rgba(0,0,0,0.4);
		}
			.content-dropdown:hover .content-dd { display: block; }
			.content-dd a {
				display: block;
				border-bottom: 1px solid #e0e0e0;
				padding: 5px 10px;
			}
				.content-dd a:last-child { border-bottom: 0; }
				.content-dd a img { float: left; width: 50px; margin-right: 10px; }
				.content-dd a h2 { padding-top: 5px; }
/* End-Content-bar */
/* Login */
	.login-bar {
		display: block;
		background: #eee;
		padding: 10px 30px;
		border-bottom: 1px solid #e0e0e0;
	}
		.login-bar .fa { margin-right: 10px; }
		.login-bar:hover { background: #e0e0e0; }
/* End-Login */
/* Browserwarning */
	#browser-warning {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		background: #5692b1;
		bottom: 0;
		z-index: 9999;
		color: white;
		display: none;
	}
		#browser-warning .text {
			width: 96%;
			max-width: 1000px;
			display: block;
			margin: 100px auto;
		}
		#browser-warning img { float: left; width: 120px; margin: 5px 20px 45px 0;}
		#browser-warning .text div { overflow: hidden; }
		#browser-warning a { color: white; text-decoration: underline; }
		#browser-warning a:hover { color: black; }
/* End-Browserwarning */
/* Artist info */
	#artist-info {
		display: none;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background: #fafafa;
		width: 100%;
		max-width: 400px;
		position: fixed;
		top: 0; left: 0;
		z-index: 101;
		color: #212121;
		margin-top: 50px;
		-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.4);
		-moz-box-shadow: 0 0 7px rgba(0,0,0,0.4);
		box-shadow: 0 0 7px rgba(0,0,0,0.4);
	}
		#artist-info:before, .content-dd:before {
			bottom: 100%;
			left: 13px;
			border: solid transparent;
			content: " ";
			height: 0; width: 0;
			position: absolute;
			pointer-events: none;
			border-color: rgba(238, 238, 238, 0);
			border-bottom-color: #eee;
			border-width: 7px;
		}
		.content-dd:before {
			left: auto; right: 7px;
			border-color: rgba(255, 255, 255, 0);
			border-bottom-color: #fff;
		}
		.artist-info { display: block; overflow: auto; padding: 0 15px 50px 15px; height: 100%; }
		.card .artist-info { padding-bottom: 0; }
		.artist-info ul { list-style-position: inside; }
		.artist-img { position: relative; overflow: hidden; margin: 10px 0;}
		.card .artist-img { margin: 0 -15px; }
		.artist-img img:not(.artist-img_bg) { display: block; max-width: 350px; margin: 0 auto; max-height: 350px; position: relative; z-index: 3; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); box-shadow: 0 0 10px rgba(0,0,0,0.6); }
		.card .artist-img img { max-height: 220px; }
		.artist-img_bg { object-fit: cover; object-position: 50% 50%; -webkit-filter: blur(3px); filter: blur(3px); opacity: 0.7; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; }
		.artist-url {
			position: absolute;
			bottom: 0; left: 0; width: 100%;
			background: #fafafa; border-top: 1px solid #e0e0e0;
			padding: 10px 15px;
		}
			.card .artist-url { position: relative; display: block; border-top: 0; }
		.artist-title {
			padding: 15px 15px 10px 15px;
			margin: 0 -15px;
			border-bottom: 1px solid #e0e0e0;
			background: #eee;
			-webkit-border-radius: 3px 3px 0 0;
			-moz-border-radius: 3px 3px 0 0;
			border-radius: 3px 3px 0 0;
		}
			.card .artist-title { position: relative; }
			.card .artist-text { margin: 10px 0; }
			.card_artist-info .fa_big { bottom: 10px; }
/* End-Artist info */
/* Video */
	#video {
		display: block;
		position: absolute;
		top: 0; left: 0; right: 0; width: 100%;
		z-index: 3;
		padding: 75px 30px 0 30px;
		background: #5692b1;
	}
		.video-container {
			margin: 0 -30px;
			padding: 0 17%;
		}
			.light_theme .video-container { background: rgba(0,0,0,0.2); }
			.dark_theme .video-container { background: rgba(255,255,255,0.2); }
		 	.light_theme .video-bar a { color: #fafafa; }
		 	.dark_theme .video-bar a { color: #212121; }
		.video-player {
			position: relative;
			padding-bottom: 56.25%;
			height: 0;
			overflow: hidden;
		}
			#vid_player1, #vid_player2 {
				position: absolute; top: 0; left: 0;
				width: 100%; height: 100%;
			}
			.vid_nowPlaying { display: block; }
			.vid_notPlaying { display: none; }
	.video-bar { padding: 20px 0; }
	.video-bar > div, .video-bar > a { float: left; padding: 0 35px; border-right: 1px solid #fafafa; }
	.video-bar .vid_close { float: right; border-right: none; border-left: 1px solid #fafafa; }
	.vid_fullscreen .vid_openfs,
	body:not(.vid_fullscreen) .vid_closefs { display: none; }
	.video-bar > a .fa { display: block; font-size: 30px; margin-bottom: 5px; }
	.video-bar > a { text-align: center; }
	.video-next-info { cursor: pointer; display: none; }
	.video-next-info:hover { color: #212121; }

	.vid_fullscreen #vid_player1, .vid_fullscreen #vid_player2 {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
	}
	.vid_fullscreen .menu-nav, .vid_fullscreen .menu-title, .vid_fullscreen .video-bar a.vid_close { display: none; }
	.vid_fullscreen #menu { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
	.vid_fullscreen .video-bar { position: fixed; bottom: 0; left: 0; right: 0; z-index: 3;	}
	.vid_fullscreen .video-bar > div, .vid_fullscreen .video-bar > a { opacity: 0.5; }
	.vid_fullscreen .video-bar > div:hover, .vid_fullscreen .video-bar > a:hover { opacity: 1; }
/* End-Video */
/* Switch Station */
    #switch-station {
        position: fixed;
        background: white;
        background: rgba(255,255,255,0.9);
        top: 0; left: 0; width: 100vw; height: 100vh;
        z-index: 100;
        overflow: auto;
        pointer-events: none;
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
        .dark_theme #switch-station { background: black; background: rgba(0,0,0,0.9); }
        .dark_theme #switch-station h2 { color: #fafafa; }
        .dark_theme #switch-station h3 { color: #e0e0e0; }
        body.show-stationswitch { overflow: hidden; }
        .show-stationswitch #switch-station {
            visibility: visible;
            pointer-events: auto;
            opacity: 1;
        }
        #switch-station .ss-close {
            position: absolute; top: 0; right: 20px;
            font-size: 40px;
            color: #aaa;
            padding: 15px;
        }
        #switch-station h1 { text-align: center; font-weight: 300;}
        #switch-station ul {
            max-width: 400px;
            width: 100%;
            margin: 20vh auto 50px;
            list-style: none;
        }
        #switch-station li {
            display: block;
            border-bottom: 1px solid #ddd;
            transition: transform 300ms ease, opacity 500ms ease;
            -webkit-transform: translate3d(0px, -50px, 0px);
            -ms-transform: translate3d(0px, -50px, 0px);
            transform: translate3d(0px, -50px, 0px);
            opacity: 0;
        }
            .dark_theme #switch-station li { border-color: #424242; }
            .show-stationswitch #switch-station li {
                -webkit-transform: translate3d(0,0,0);
                -ms-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
                opacity: 1;
            }
            .hide-stationswitch #switch-station li {
                -webkit-transform: translate3d(0,50px,0);
                -ms-transform: translate3d(0,50px,0);
                transform: translate3d(0,50px,0);
                opacity: 0;
            }
            .show-stationswitch #switch-station li:nth-child(1){ transition-delay: 400ms; }
            .show-stationswitch #switch-station li:nth-child(2){ transition-delay: 500ms; }
            .show-stationswitch #switch-station li:nth-child(3){ transition-delay: 600ms; }
            .show-stationswitch #switch-station li:nth-child(4){ transition-delay: 700ms; }
            .show-stationswitch #switch-station li:nth-child(5){ transition-delay: 800ms; }
            .show-stationswitch #switch-station li:nth-child(6){ transition-delay: 900ms; }
            .show-stationswitch #switch-station li:nth-child(7){ transition-delay: 1000ms; }

            .hide-stationswitch #switch-station li:nth-child(7){ transition-delay: 0ms; }
            .hide-stationswitch #switch-station li:nth-child(6){ transition-delay: 50ms; }
            .hide-stationswitch #switch-station li:nth-child(5){ transition-delay: 100ms; }
            .hide-stationswitch #switch-station li:nth-child(4){ transition-delay: 150ms; }
            .hide-stationswitch #switch-station li:nth-child(3){ transition-delay: 200ms; }
            .hide-stationswitch #switch-station li:nth-child(2){ transition-delay: 250ms; }
            .hide-stationswitch #switch-station li:nth-child(1){ transition-delay: 300ms; }

        #switch-station li:last-child { border: 0; }
        #switch-station li a { display: block; padding: 10px; border-radius: 4px; }
        #switch-station li a:hover { background: white; box-shadow: 0 3px 4px rgba(0,0,0,0.3); }
        .dark_theme #switch-station li a:hover h2 { color: black; }

        #switch-station .ss-logo {
            width: 80px; height: 80px; float: left;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: 50% 50%:
        }
        #switch-station .ss-stationtitle {
            float: left;
            height: 80px;
            padding: 12px 10px 5px;
        }

        .switch-station-tooltip {
            position: absolute;
            top: 105%;
            left: 10px;
            background: #eee;
            border-radius: 20px;
            padding: 6px 10px;
            font-size: 13px;
            z-index: 10;
            white-space: nowrap;
            display: none;
            line-height: 1.4;
        }
            .has-other-stations .switch-station-tooltip {
                display: block;
                opacity: 0; pointer-events: none;
                animation-name: floating;
            	-webkit-animation-name: floating;
            	animation-duration: 1.5s;
            	-webkit-animation-duration: 1.5s;
            	animation-iteration-count: infinite;
            	-webkit-animation-iteration-count: infinite;
                transition: opacity 300ms ease;
            }
            #menu:hover .switch-station-tooltip, .show-station-tooltip .switch-station-tooltip { opacity: 1; pointer-events: all; }
            .switch-station-tooltip:before {
                bottom: 100%;
            	left: 20px;
            	border: solid transparent;
            	content: " ";
            	height: 0;
            	width: 0;
            	position: absolute;
            	pointer-events: none;
            	border-color: rgba(238, 238, 238, 0);
            	border-bottom-color: #eee;
            	border-width: 6px;
            	margin-left: -6px;
            }
        @-webkit-keyframes floating { 0% { -webkit-transform: translateY(0%);} 50% { -webkit-transform: translateY(8%);} 100% { -webkit-transform: translateY(0%);}}
        @keyframes floating {0% { transform: translateY(0%);}50% { transform: translateY(8%);}100% { transform: translateY(0%);}}
        @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
        @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
        @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }
        @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }
/* End-Switch station */
/* Helpers */
	.button {
		display: inline-block;
		background-color: white;
		border-radius: 3px;
		border: 1px solid #e0e0e0;
		border-bottom-width: 2px;
		padding: 5px 12px;
		margin: 5px 5px 0 0;
	}
		.button .fa { margin-right: 6px; }
		.button svg { position: relative; top: 2px; margin-right: 3px;}
		.button:hover { background: #eee; }
	.transition {
        -webkit-transition: all 350ms ease;
        -moz-transition: all 350ms ease;
        -ms-transition: all 350ms ease;
        -o-transition: all 350ms ease;
        transition: all 350ms ease;
    }
    .ellipsis, .clip {
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    	.clip { -ms-text-overflow: clip; -o-text-overflow: clip; text-overflow: clip; }
	#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.7;z-index:100;display:none}
	.absoluteCenter{margin:auto;position:fixed;top:0;bottom:0;left:0;right:0;z-index:110;display:none}
	img.absoluteCenter{max-height:100%;max-width:100%;cursor:pointer;-webkit-box-shadow:0 0 15px rgba(0,0,0,.8);-moz-box-shadow:0 0 15px rgba(0,0,0,.8);-o-box-shadow:0 0 15px rgba(0,0,0,.8);-ms-box-shadow:0 0 15px rgba(0,0,0,.8);box-shadow:0 0 15px rgba(0,0,0,.8)}
	/* Toast */
	#toast {
		background: #323232;
		overflow: hidden;
		color: #f1f1f1;
		display: block;
		opacity: 0;
        pointer-events: none;
		padding: 1rem 1.5rem 0.8rem 1.5rem;
		z-index: 500;
		position: fixed;
		top: 50px;
		right: 20px;
		box-shadow: 0 0.125rem 0.3125rem 0 rgba(0,0,0,0.258824);
		border-radius: 0.125rem;
		max-width: 92%;
	}
        @media (max-width: 400px) {
            #toast { max-width: 100%; left: 0; right: 0; border-radius: 0; box-shadow: none; }
        }
		.toastBut { color: #eeff41; padding-left: 1.5rem; text-transform: uppercase; }
		.toast_show #toast {
            opacity: 1;
            pointer-events: auto;
		}
	/* Inputs */
	label {
		clear: both;
		display: block;
		margin: 5px 0 2px 0;
	}
	.input-text, textarea, .input-select {
		display: block;
		line-height: 20px;
		width: 100%;
		margin: 0 0 10px 0;
		position: relative;
		padding: 7px 7px;
		font-size: 15px;
		background-color: white;
		border: 1px solid #e0e0e0;
		border-radius: 2px;
	}
		input:invalid, input:valid, textarea:invalid, textarea:valid { background-color : white; }

	@-webkit-keyframes fadeInDown {
		0% { opacity: 0; -webkit-transform: translateY(-1.25rem); }
		100% { opacity: 1; -webkit-transform: translateY(0); }
	}
	@keyframes fadeInDown {
		0% { opacity: 0; transform: translateY(-1.25rem); }
		100% { opacity: 1; transform: translateY(0); }
	}
	@-webkit-keyframes fadeInUp {
		0% { opacity: 0; -webkit-transform: translateY(1.25rem); }
		70% { opacity: 1; }
		100% { -webkit-transform: translateY(0); }
	}
	@keyframes fadeInUp {
		0% { opacity: 0; transform: translateY(1.25rem); }
		70% { opacity: 1; }
		100% { transform: translateY(0); }
	}
	.fadeInDown, .fadeInUp {
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-duration: 0.7s;
		animation-duration: 0.7s;
		-webkit-animation-name: fadeInDown;
		animation-name: fadeInDown;
	}
		.fadeInUp {
			-webkit-animation-name: fadeInUp;
			animation-name: fadeInUp;
		}
/* End-Helpers */