@charset "utf-8";
/* CSS Document */

/* Light theme */	
#banner.light::before {	
	position: relative;	
	overflow:hidden;	
	cursor:pointer;	
	background-color:rgba(255,255,255,0);	
    font-family: 'tv_2_sans_regular';	
}	
#banner.light  {	
	position: relative;	
	overflow:hidden;	
	cursor:pointer;	
	background-color:rgba(255,255,255,0);	
    font-family: 'tv_2_sans_regular';	
}	
#banner.light .themeColor {	
	fill:#FFF;	
}	
#banner.light .txtColor {	
  	color: white;	
}	
#banner.light #contrastBlur {	
	background-color: rgba(0,0,0,0.3);	
}	
#banner.light #contrastSharp {	
    background-image: linear-gradient(rgba(0,0,0,0.00), rgba(0,0,0,0.70));	
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.00), rgba(0,0,0,0.70));	
    background-image: -o-linear-gradient(rgba(0,0,0,0.00), rgba(0,0,0,0.70));	
}
.cls-1 {
  fill: #100118;
}
#banner.light .cls-1 {
  fill: #fff;
}
.themeColor,	
.logo {	
  fill:#100118;	
}	
.st0 {	
  fill:#FFF;	
}	
.st1 {	
  fill:#747678;	
}	
.st2 {	
  fill:#FF3D67;	
}

.containerFullheight {
    height: 270px;
}
.containerGratisheight {
    height: 234px;
}

#gratisbudskap  {
  	width: 100%;
  	height: 100%;
  	display: none;
}

#gratisText  {
    font-family: 'tv_2_sans_semibold';
  	font-size: 36px;
  	color: white;
  	width: 100%;
  	height: 100%;
	z-index: 20;
}
#gratisBakgrunn  {
    background-color: #100118;
  	width: 100%;
  	height: 100%;
	z-index: 10;
}

/* Global avstand – påvirker avstand fra kantene på alle objekter */
.margins{
	margin: 20px 24px; /*  topp/bunn [space] venstre/høyre */
}

/* Justere knapp. Border-radius skal være 50% av høyde satt på btns */
.cta{
	border-radius: 18px;
}

/* KLASSER */
.size{
	width: 1000px;
	height: 300px;
}

.flexLeft {
    display: flex;
    flex-flow: column;
    align-items: left;
    justify-content: center;
}

.flexCenter {
    display: flex;
    align-items: center;
    justify-content: center;
}

.posRelative{
  	position: relative !important;
}

.txt{
  	line-height: 1.13;
	white-space: normal !important;
}

.overlayZ{
	z-index: 300;
}

.normalZ{
	z-index: 100;
}

.clickZ{
	z-index: 200;
}

.posZero{
	top: 0px;
	left: 0px;
}

.posAbsolute{
	position: absolute;
}

.pointerNone{
	pointer-events: none;
}

.border {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: solid 1px;
	z-index: 999;
}

.txtColor {	
  	color: #100118;	
}

/* FONTER */
@font-face {
    font-family: 'tv_2_sans_regular';
    src: url('https://cdn3.adserve.zone/lab3/365/fonts/TV2SansCondensed-Regular.woff') format('woff'),
        url('https://cdn3.adserve.zone/lab3/365/fonts/TV2SansCondensed-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
   font-display: swap;
}

@font-face {
    font-family: 'tv_2_sans_semibold';
    src: url('https://cdn3.adserve.zone/lab3/365/fonts/TV2SansDisplay-SemiBold.woff') format('woff'),
        url('https://cdn3.adserve.zone/lab3/365/fonts/TV2SansDisplay-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* DIVer */

body{
	margin:0px;
}

#banner {
	position: relative;
	overflow:hidden;
	cursor:pointer;
	background-color:rgba(255,255,255,0);
    font-family: 'tv_2_sans_regular';
}

#fade  {
  z-index:9999;
  background-color: white;
}

#contrastBlur {
  	width: 100%;
  	height: 100%;
  	top: 0px;
  	left: 0px;
	background-color: rgba(255,255,255,0.3);
}
#contrastSharp {
    bottom: 0px;
    left: 0px;
  	width: 100%;
    height: 40%;
    background-image: linear-gradient(rgba(255,255,255,0.00), rgba(255,255,255,0.70));
    background-image: -webkit-linear-gradient(rgba(255,255,255,0.00), rgba(255,255,255,0.70));
    background-image: -o-linear-gradient(rgba(255,255,255,0.00), rgba(255,255,255,0.70));
}

#bg  {
	z-index:10;
}

#bg_sharp_container {
	width: 714px;
    height: 270px;
	border-radius: 25px;
  	top: 0px;
  	right: 0px;
	z-index:10;
  	overflow: hidden;
}

#bg_sharp  {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	width: 100%;
}

#bg_blur  {
	width: 710px;
    height: 268px;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    z-index: 5;
}
#blur_img  {
    background-size: cover;
    background-repeat: no-repeat;
  	width: 100%;
  	height: 100%;
  	top: 0px;
  	left: 0px;
  	filter: blur(30px);
}

#logo {
	width: calc(89px*1.25);
    height: calc(43.9px*1.25);
  	margin: 10px 9px;
}

#logo.tv2logo {	
	width: calc(29px*2);	
    height: calc(37px*2);	
  	margin: 10px;	
}

#logo_cmore {
	width: calc(38px*1.5);
    height: calc(8px*1.5);
}

#logo_nfpluss {
	width: calc(50px*1.5);
    height: calc(28px*1.5);
}

#logo_hayu {
	width: calc(38px*1.5);
    height: calc(21,7px*1.5);
}

#budskap {
}

#tagline {
	margin-top: 5px;
}

#title {
	font-family: "tv_2_sans_semibold";
}

#btns {
	padding: 0px 0px 0px 0px;
	margin-bottom: 32px;
}
#btn_off,
#btn_on {
	width: 100%;
    height: 100%;
    background-color: #6f03ff;
}

#btn_on{
    opacity:0;
}

#clickArea {
	background-color:rgba(0,255,0,0.0);
	display: block;
}

.pos-top-left {
    background-position: top left;
    left: 0px;
    top: 0px;
}

.pos-top-center {
    background-position: top center;
    transform: translateX(-50%);
    left: 50%;
    top: 0px;
 
}

.pos-top-right {
    background-position: top right;
    right: 0px;
    top: 0px;
}

.pos-center-right {
    background-position: top right;
    transform: translateY(-50%);
    right: 0px;
    top: 50%;
}

.pos-center {
    background-position: center;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.pos-center-left {
    background-position: top left;
    transform: translateY(-50%);
    left: 0px;
    top: 50%;
}
.pos-bottom-right {
    background-position: bottom right;
    right: 0px;
    bottom: 0px;
}

.pos-bottom-center {
    background-position: bottom center;
    transform: translateX(-50%);
    left: 50%;
    bottom: 0px;
}

.pos-bottom-left {
    background-position: bottom left;
    left: 0px;
    bottom: 0px;
}

.has-scale.pos-top-left {
    transform-origin: top left;
}

.has-scale.pos-top-center {
    transform-origin: top center;
}

.has-scale.pos-top-right {
    transform-origin: top right;
}

.has-scale.pos-center-right {
    transform-origin: center right;
}

.has-scale.pos-center {
    transform-origin: center;
}

.has-scale.pos-center-left {
    transform-origin: center left;
}
.has-scale.pos-bottom-right {
    transform-origin: bottom right;
}

.has-scale.pos-bottom-center {
    transform-origin: bottom center;
}

.has-scale.pos-bottom-left {
    transform-origin: bottom left;
}

.transform-top-left {
    transform-origin: top left;
}

.transform-top-center {
    transform-origin: top center;
}

.transform-top-right {
    transform-origin: top right;
}

.transform-center-right {
    transform-origin: center right;
}

.transform-center {
    transform-origin: center;
}

.transform-center-left {
    transform-origin: center left;
}
.transform-bottom-right {
    transform-origin: bottom right;
}

.transform-bottom-center {
    transform-origin: bottom center;
}

.transform-bottom-left {
    transform-origin: bottom left;
}