﻿/* App specific styles */


@font-face {
    font-family: "Euclid Circular A";
    src: url("../fonts/EuclidCircularA-Regular.woff2") format("woff2"), 
    	 url("../fonts/EuclidCircularA-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: "Euclid Circular A";
    src: url("../fonts/EuclidCircularA-Medium.woff2") format("woff2"), 
    	 url("../fonts/EuclidCircularA-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
}
@font-face {
    font-family: "Euclid Circular A";
    src: url("../fonts/EuclidCircularA-SemiBold.woff2") format("woff2"), 
    	 url("../fonts/EuclidCircularA-SemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
}
@font-face {
    font-family: "Euclid Circular A";
    src: url("../fonts/EuclidCircularA-Bold.woff2") format("woff2"),
    	 url("../fonts/EuclidCircularA-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
}


@font-face {
	font-family: "FontAwesome";
	src: url('../fonts/FontAwesome/fontawesome-webfont.eot?v=4.6.3');
	src: url('../fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), 
	url('../fonts/FontAwesome/fontawesome-webfont.woff?v=4.6.3') format('woff'), 
	url('../fonts/FontAwesome/fontawesome-webfont.ttf?v=4.6.3') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: "Anonymous Pro";
    src: url("../fonts/AnonymousPro.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
}

@font-face {
	font-family: 'Currency';
	src: url('../fonts/currency.ttf');
}


body{
	/*letter-spacing: 0.5px;*/
	font-family: "Euclid Circular A", 'Currency', sans-serif;
	font-weight: 400;
}
video{
	background: black;
}


.samsung540p #app {
	position: relative;
	overflow: hidden;
	width: 960px;
	height: 540px;
	/*background: #D7D7D7;*/
}

.samsung720p #app {
	position: relative;
	overflow: hidden;
	width: 1280px;
	height: 720px;
}

.lg body{
	background: #000000;
}

.background-none {
    background-image: none !important;
    background-color: transparent !important;
}


.tal .horizontallist>.listitem{
	margin-right: 0.5em;
/*	width: 50%; */
}


/* styles */


#app {
	position: relative;
	overflow: hidden;
}
.eltex #app{
	background: transparent;
/*	background: #010101;*/
}
.tizen #app{
	background: #000000;
}
#videoPlayer{
	/*background: #004400;*/
	position: absolute;
	/*object-fit: fill;*/
	left: 0;
	top: 0;
}

