html {
    position: relative;
    min-height: 100%;
}

h2 {  
	display: block;
	margin-top: 0.6em;
	margin-bottom: 1em;
}

body {
    margin: 0 0 210px; /* bottom = footer height */
	background: #fff url('../gfx/bg-greenbar.png') left top repeat-x;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #ffffff;
}

	body.ad1 {
		background-image: url('../imago/front-2.png');	
	}
	
	body#stv-ari-frontpage {
		background-image: url('../imago/stv-ari-frontpage.png');	
	}
	
	body#stv-ari-internet {
		background-image: url('../imago/stv-ari-internet.png');	
	}
	
	body#stv-security {
		background-image: url('../imago/stv-security.png');	
	}
	
	body#stv-phone {
		background-image: url('../imago/stv-phone.png');	
	}
	
	body#stv-tv {
		background-image: url('../imago/stv-tv.png');	
	}
	
	body#stv-internet {
		background-image: url('../imago/stv-internet.png');	
	}
	
	body#stv-go {
		background-image: url('../imago/stv-go.png');	
	}
	
	body#stv-kontakt {
		background-image: url('../imago/stv-kontakt.png');	
	}
	
	body#stv-abi {
		background-image: url('../imago/stv-abi.png');	
	}
	
	/* process */
	
	body.stv-process {
		background-image: url('../gfx/bg-process.png');	
	}
	
	/* BLOG */
	
	body.stv-blog {
		background-image: url('../gfx/bg-blog.png');	
	}
	
	body.stv-blog #stv-header {
		margin-bottom: 2.5em;	
	}
	
	/* business */
	
	body#stv-ari-tv {
		background-image: url('../imago/stv-ari-tv.png');	
	}


	body#stv-ari-kontakt {
		background-image: url('../imago/stv-ari-kontakt.png');	
	}
	
	body#stv-ari-security {
		background-image: url('../imago/stv-ari-security.png');	
	}
	
	body#stv-ari-phone {
		background-image: url('../imago/stv-ari-phone.png');	
	}
	
	body#stv-ari-internet {
		background-image: url('../imago/stv-ari-internet.png');	
	}
	
	body#stv-ari-abi {
		background-image: url('../imago/stv-ari-abi.png');	
	}
	

a:link, a:visited {
	color: #0d387c;	
}

a:active, a:hover {
	color: #0d387c;	
}

a.underline {
	text-decoration: underline;	
}

h1, h2, h3 {
	font-weight: 700;
	color: #03387D;	/* changed */
}

.clear {
	clear: both;	
}

.img-responsive {
	display: inline-block;		
}

.normal {
	font-weight: 400;	
}

.thin {
	font-weight: 300;	
}

/* header */



	
/* mobile menu contents */	

#mobile-menu-link {
	position: absolute;
	right: 12px;
	z-index: 7777;
}

#mobilemenu {
	display: none;
	position: absolute;
	z-index: 999;
	width: 100%;
	background-color: #efefef;
	font-size: 18px;
	font-weight: 900;
}

#mobilemenu ul {
	padding-left: 0;	
}

#mobilemenu ul li {
	font-weight: 400;
	list-style: none;
	background-color: #ffffff;	
	border: solid 0px #efefef;
	border-bottom-width: 1px;
}

#mobilemenu a {
	width: 100%;
	padding: 0.7em;	
	display: block;
}

#stv-header #mobile-menu-icon {
	font-size: 24px;
	margin: 0;
	color: #ccc;
	cursor: pointer;
	padding: 0;
	float: right;
	margin-top: 7px;
	padding-left: 0.5em;
}

	#mobile-menu-link a.blue-blob,
	#stv-header #row1 .right a.blue-blob {
		background-color: #03387D;	/* changed */
		color: #ffffff;
		border-radius: 20px;
		padding: 3px 10px 3px 10px;
		display: inline-block;
		margin-top: 9px;
		margin-left: 0.3em;
	}
	
	#stv-header #row2 a.active {
		background-color: #03387D;	/* changed */
		color: #ffffff;
		border-radius: 20px;
		padding: 1px 10px 2px 10px;
		display: inline-block;
		margin-top: 8px;
		margin-left: 0.3em;
		margin-right: 0.3em;
		font-weight: 700;
	}
	
	#stv-header #row1 .right a.blue-blob {
		
	}

	#stv-header a {
		padding: 0 0.8em;	
	}
	
	#stv-header #row1 .left a {
		padding: 0 0.1em;	
	}
	
	#stv-header #row1 a span {
		padding: 3px 10px 3px 10px;
	}
	
	#stv-header #row1 a.active {
		font-weight: 700;
		background: url('../gfx/arr.png') center bottom no-repeat;
	}
	
	#stv-header #row1 a.active span {
		background-color: #03387D;	/* changed */
		color: #ffffff;
		border-radius: 20px;
		padding: 3px 10px 3px 10px;
		display: inline-block;
	}
	

	#stv-header #row1 .left,
	#stv-header #row1 .right {
		display: table;
		height: 57px;
	}
	
	#stv-header #row1 .left a,
	#stv-header #row1 .right a {
		display: table-cell;
		vertical-align: middle;	
		padding-bottom: 10px;
	}
	
	#stv-header #row2 {
		height: 53px;
		font-size: 1.1em;
		
	}
	
	#stv-header #row2 a {
		/* font-weight: 700; */
		color: #fff;
		padding-top: 10px;
		float: left;
	}


.fancybox-skin{
    background-color: transparent;
}

.left {
	float: left;	
}

.right {
	float: right;	
}

.right.half {
	width: 49%;	
	padding-left: 1%;
}

.left.half {
	width: 49%;	
	padding-right: 1%;
}


/* IMAGO */


.imago {
		height: 180px;	
}

.imago a {
	color: #ffffff;	
	text-decoration: underline;
}

h1.stv-title {
	font-size: 2em;
	color: #ffffff;
	margin: 12px 0 0 0;
 	min-height: 61px;
}

.slogan {
	margin-bottom: 0em;	
}

.slogan h2 {
	line-height: 1.5em;
	padding-top: 0;
	margin-top: 0.9em;
}


.imago h1 {
	color: #ffffff;
	font-size: 2.2em;	
	float: right;
	width: 60%;
	padding-top: 0.1em;
	margin: 0;
	line-height: 1.2em;
	font-weight: 700;
}

#formwrapper {
	padding: 9px;
	margin: 0 auto;
		
	background: rgba(15,57,122,0.3);
	background: -moz-linear-gradient(top, rgba(15,57,122,0.3) 0%, rgba(15,57,122,0) 55%, rgba(15,57,122,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(15,57,122,0.3)), color-stop(55%, rgba(15,57,122,0)), color-stop(100%, rgba(15,57,122,0)));
	background: -webkit-linear-gradient(top, rgba(15,57,122,0.3) 0%, rgba(15,57,122,0) 55%, rgba(15,57,122,0) 100%);
	background: -o-linear-gradient(top, rgba(15,57,122,0.3) 0%, rgba(15,57,122,0) 55%, rgba(15,57,122,0) 100%);
	background: -ms-linear-gradient(top, rgba(15,57,122,0.3) 0%, rgba(15,57,122,0) 55%, rgba(15,57,122,0) 100%);
	background: linear-gradient(to bottom, rgba(15,57,122,0.3) 0%, rgba(15,57,122,0) 55%, rgba(15,57,122,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f397a', endColorstr='#0f397a', GradientType=0 );
}

#formwrapper a {
	text-decoration: underline;	
}

/* custom */

#stv-ari-frontpage .imago {
	height: 330px;
	color: #ffffff;
	padding: 0%;
}

#stv-frontpage .imago {
	height: 270px;	
	color: #ffffff;
	padding: 0%;
}

#stv-ari-frontpage #services-header {
	margin-top: 2em;	
}
	
	#stv-ari-frontpage .imago h1 {
		font-size: 2.2em;
		color: #ffffff;
		font-weight: 700;
		float: none;
		width: auto;
		line-height: 1em;
		margin-bottom: 0.5em;
	}
	
	#stv-frontpage .imago h1 {
		font-size: 2.5em;
		color: #ffffff;
		font-weight: 700;
		float: none;
		width: auto;
		line-height: 1em;
		margin-bottom: 0.2em;
	}
	
	#stv-ari-frontpage .imago .txt  { 
		padding: 3% 0 0 7%;	
		width: 40%;	
		font-size: 1.3em;
	}
	
	#stv-frontpage .imago .txt { 
		padding: 3% 0 0 7%;	
		width: 40%;	
		font-size: 1.1em;
	}
	

#ad-folder {
	width: 100%; 
	overflow: hidden; 
	padding: 1% 0 1% 2%;	
}
	
	
.adbox {
	display: none;	
}
	
.adbox,
form.silent .adbox:hover {
	/* margin-left: 2%; */
	clear: none;
	width: 48%;
	border: solid 1px #ccc;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 2% 2% 2% 80px;
	margin-bottom: 1em;	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f8f8f8+100 */
	background: #ffffff url('../gfx/ico-padphone.png') 1em 1em no-repeat; /* Old browsers */
	background:  url('../gfx/ico-padphone.png') 1em 1em no-repeat, -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); /* FF3.6+ */
	background:  url('../gfx/ico-padphone.png') 1em 1em no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
	background:  url('../gfx/ico-padphone.png') 1em 1em no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
	background:  url('../gfx/ico-padphone.png') 1em 1em no-repeat, -o-linear-gradient(top, #ffffff 0%,#f8f8f8 100%); /* Opera 11.10+ */
	background:  url('../gfx/ico-padphone.png') 1em 1em no-repeat, -ms-linear-gradient(top, #ffffff 0%,#f8f8f8 100%); /* IE10+ */
	background:  url('../gfx/ico-padphone.png') 1em 1em no-repeat, linear-gradient(to bottom, #ffffff 0%,#f8f8f8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */		
}



.adbox:hover {	
	background: #fafafa  url('../gfx/ico-padphone.png') 1em 1em no-repeat; /* Old browsers */
	background:  url('../gfx/ico-padphone.png') 1em 1em no-repeat, -moz-linear-gradient(top, #fafafa 0%, #efefef 100%); /* FF3.6+ */
	background:  url('../gfx/ico-padphone.png') 1em 1em no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background:  url('../gfx/ico-padphone.png') 1em 1em no-repeat, -webkit-linear-gradient(top, #fafafa 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background:  url('../gfx/ico-padphone.png') 1em 1em no-repeat, -o-linear-gradient(top, #fafafa 0%,#efefef 100%); /* Opera 11.10+ */
	background:  url('../gfx/ico-padphone.png') 1em 1em no-repeat, -ms-linear-gradient(top, #fafafa 0%,#efefef 100%); /* IE10+ */
	background:  url('../gfx/ico-padphone.png') 1em 1em no-repeat, linear-gradient(to bottom, #fafafa 0%,#efefef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */		
}

.adbox#stvgo-ad {
	margin-right: 4%;	
}

.adbox#megabit-ad {
	background-image: url('../gfx/ico-thumbup-small.png');	
}
.adbox#stvair-ad {
	background-image: url('../gfx/ico-thumbair-small.png');	
	
}
	
.adbox a {
	text-decoration: underline;	
	color: #878787;
}

.adbox span {
	display: block;	
}
	
.buttonbox {
	 padding: 1em 0; 
	 overflow: hidden;
}


/* conf box */

#conf-box {
	overflow: hidden;
	/* padding-top: 2em; */
	background-color: #efefef;
}

.service {
	float: left;
	/* padding-left: 2%;*/
	margin-top: 0.7em;
}

#conf-box .gray {
	color: #878787;	
}

#conf-box label a {
	color: #878787;	
	text-decoration: underline;
}

#conf-box label a:hover {
	color: #03387D;	/* changed */
	text-decoration: underline;
}


/* servicebox */

.servicebox {
	margin: 1em 0;	
	overflow: hidden;
}

	.servicebox .in {
		padding: 1.5em 1em 1.5em 12em;
		background-color: #f2f2f2;	
		min-height: 150px;
		float: left;
		width: 100%;
		background-position: 2em center;
		background-repeat: no-repeat;
		background-color: #f2f2f2;
	}
	
	.servicebox h3 {
		margin-top: 0.2em;	
	}
	
	.servicebox .in#blob-10mbit {
		background-image: url('../gfx/10mbit.png');
	}
	
	.servicebox .in#blob-50mbit {
		background-image: url('../gfx/50mbit.png');
	}
	
	.servicebox .in#blob-30mbit {
		background-image: url('../gfx/30mbit.png');
	}
	
	.servicebox .in#blob-300mbit {
		background-image: url('../gfx/300mbit.png');
	}
	
	.servicebox .in#ico-video {
		background-image: url('../gfx/ico-video.png');
	}
	
	.servicebox .in#ico-fullservice {
		background-image: url('../gfx/ico-fullservice.png');
	}
	
	.servicebox .in#ico-kombi {
		background-image: url('../gfx/ico-kombi.png');
	}
	
	.servicebox .in#ico-securityinfo {
		background-image: url('../gfx/ico-securityinfo.png');
	}
	
	
	
	
	
	.servicebox .in#blob-start {
		background-image: url('../gfx/blob-start.png');
	}
	
	.servicebox .in#blob-60min {
		background-image: url('../gfx/blob-60min.png');
	}
	
	.servicebox .in#blob-120min {
		background-image: url('../gfx/blob-120min.png');
	}
	
	.servicebox .in#blob-240min {
		background-image: url('../gfx/blob-240min.png');
	}
	
	.servicebox .in#international-calls {
		background-image: url('../gfx/ico-international.png');
	}
	
	/* tv */
	
	#ico-tv-news {
		background-image: url('../gfx/ico-tv-news.png');
	}
	
	#ico-tv-kids {
		background-image: url('../gfx/ico-tv-kids.png');
	}
	
	#ico-tv-science {
		background-image: url('../gfx/ico-tv-science.png');
	}
	
	#ico-tv-music {
		background-image: url('../gfx/ico-tv-music.png');
	}
	
	#ico-tv-euro {
		background-image: url('../gfx/ico-tv-euro.png');
	}
	
	#ico-tv-viasat-films {
		background-image: url('../gfx/ico-tv-viasat-films.png');
	}
	
	#ico-tv-viasat-kuld {
		background-image: url('../gfx/ico-tv-viasat-kuld.png');
	}
	
	#ico-tv-viasat-tosielu {
		background-image: url('../gfx/ico-tv-viasat-tosielu.png');
	}
	
	#ico-tv-viasat-premium {
		background-image: url('../gfx/ico-tv-viasat-premium.png');
	}
	
	#ico-tv-viasat-sport {
		background-image: url('../gfx/ico-tv-viasat-sport.png');
	}
	
	#ico-tv-lifestyle {
		background-image: url('../gfx/ico-tv-lifestyle.png');
	}
	
	#ico-tv-discovery {
		background-image: url('../gfx/ico-tv-discovery.png');
	}
	
	#ico-tv-viasat-disney {
		background-image: url('../gfx/ico-tv-viasat-disney.png');
	}
	
	#ico-tv-sport {
		background-image: url('../gfx/ico-tv-sport.png');
	}
	
	#ico-tv-hd {
		background-image: url('../gfx/ico-tv-hd.png');
	}
	
	#ico-tv-sd {
		background-image: url('../gfx/ico-tv-sd.png');
	}
	
	#ico-tv-18plus {
		background-image: url('../gfx/ico-tv-18plus.png');
	}
	
	/* business */
	
	
	
	#ico-office-tv {
		background-image: url('../gfx/ico-office-tv.png');
	}
	
	#ico-public {
		background-image: url('../gfx/ico-public.png');
	}
	
	
	#ico-viasat-business {
		background-image: url('../gfx/ico-viasat-business.png');
	}
	
	#ico-hotel {
		background-image: url('../gfx/ico-hotel.png');
	}
	
	#ico-gadget {
		background-image: url('../gfx/ico-gadget.png');
	}
	
	
	
	
	
	
	.servicebox .in#ico-60-tv {
		background-image: url('../gfx/ico-60-tv.png');
	}
	.servicebox .in#ico-50-tv {
		background-image: url('../gfx/ico-50-tv.png');
	}
	
	.servicebox .in#ico-90-tv {
		background-image: url('../gfx/ico-90-tv.png');
	}
	
	.servicebox .in#ico-120-tv {
		background-image: url('../gfx/ico-120-tv.png');
	}

	
	

/* offer */

#offer {
	width: 25%;
	float: left;
	padding-left: 2%;
	padding-bottom: 1em;
	float: right;
  	padding-top: 0.5em;
	/* display: table-cell; */
}
	
	#offer h2 {
		color: #03387D;	/* changed */
		margin: 0.8em 0 0.4em 0;	
	}
		
	#offer h2 .small {
		display: block;
		color: #03387D;	/* changed */
		font-weight: normal;
	}
	
	#offer label .number {
		float: left;
		font-weight: 700;
		font-size: 2em;
	}
	
	#offer label .desc {
		float: left;	
		font-size: 0.7em;
		width: 50%;
		margin-top: 0.5em;
		margin-left: 0.7em;
		color: #878787;
		line-height: 1.3em;
	}
	
	#offer label #arguments {
		display: block; 
		clear: both;
	}
	
	#offer label #arguments {
		display: block; 
		clear: both;
		padding-top: 1em;
	}
	
	#offer label #arguments div {
		padding-bottom: 0.4em;
		background: url('../gfx/check-pink.png') left top no-repeat;
		padding-left: 1.5em;
	}
	
	#offer label #arguments div.subElement {
		cursor:pointer;
		padding-bottom: 0.4em;
		background: url('../gfx/check.png') left 5px no-repeat;
		padding-left: 1.5em;
	}
	
	#offer label #arguments div.subElement.disabled {
		cursor:pointer;
		padding-bottom: 0.4em;
		background: url('../gfx/check-no.png') left 5px no-repeat;
		padding-left: 1.5em;
	}



/* sum ribbon */


.grayBox {	
	overflow: hidden;
	background-color: #cccccc;	/* changed */
	color: #ffffff;
	padding-top: 1em;
	padding-bottom: 1em;
}

#lisakanalid-header.grayBox h2 {
	color: #03387D;	
}

.rightbutton {
	text-align: right;
}

.blueBox {	
	overflow: hidden;
	background-color: #03387D;	/* changed */
	color: #ffffff;
	/*	padding-top: 1em;
	padding-bottom: 1em;*/
	padding: 0;
}

.blueBox .pricelabel {
	font-size: 1.6em;	
	font-weight: bold;
	float: right;
	/*white-space: nowrap;*/
}

.blueBox #sum-amount {	
	padding: 0.6em 0.6em 0 0;
	width: 69%;
}

.blueBox #sum-desc {
	width: 30%;
}


#sum-amount #hint-txt {
	float: left; 
	width: 60%;
	padding-left: 10%;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.2em;
}

#tv-additional {
	background-color: #ececec;
	margin: 0.7em 0 0.7em 0.7em;
    border-radius: 10px;
	width: 100%;
	text-align: left;	
	height: 35px;
	color: #03387d;
	display: table;
	cursor: pointer;
}

#tv-additional.open {
	margin: 0.7em 0 0 0.7em;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border: solid 0px #ececec;
	height: 35px;
	height: calc(35px + 0.7em);
	border-bottom-width: 12px;
	border-bottom-width: calc(0 + 0.7em);
}

#tv-additional div.txt {
	display: table-cell;
	vertical-align: middle;	
	text-align: left;
	padding-left: 0.6em;
	font-weight: bold;
}

#tv-additional div.chevron {
	display: table-cell;
	vertical-align: middle;	
	color: #aeaeae;
}

.pricelabel .txt {
	display: inline-block;
	position: relative;
	min-height: 1em;
}

.pricelabel .txt .txtcomment {
	display: block;
	font-size: 0.5em;
	position: absolute;
	right: 0;
	bottom: 0em;
	top: 1.3em;
}

.pricelabel .txt .sumtext {  
	position: absolute;
	top: -0.4em;
	right: 0;
}

.blueBox .btn {
	font-size: 20px;
	cursor: pointer;
	background-color: #ffffff;
	color: #03387D;	/* changed */
	border: none;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
	padding: 0.2em 0.5em 0.2em 0.5em;
	text-shadow: none;
	font-weight: bold;
	margin-left: 0.5em;
}

.blueBox .btn.transp {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";  /* IE 8 */ 
	filter: alpha(opacity=40); /* IE 5-7 */  
	-moz-opacity: 0.4; /* Netscape */  
	-khtml-opacity: 0.4; /* Safari 1.x */  
	opacity: 0.4; /* Good browsers */
	
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.blueBox .btn.transp:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";  /* IE 8 */ 
	filter: alpha(opacity=1); /* IE 5-7 */  
	-moz-opacity: 1; /* Netscape */  
	-khtml-opacity: 1; /* Safari 1.x */  
	opacity: 1; /* Good browsers */
}

.blueBox #front_edasi {
	display: none;
	padding-left: 0.5em;
}


.blueBox .redBlob,
.blueBox .btn.redBlob {
	background-color: #f95374;
	color: #fff;
	border-radius: 10px;
	display: inline-block;
}


.blueBox .redBlob.circle {
	border-radius: 50%;
	width: 1.8em;
	height: 1.8em;
	margin: 0;
}

.dotline {
	width: 100%;
	border: dashed 0px #ccc;
	border-top-width: 1px;	
	padding-top: 10px;
}


/* BOOTSTRAP primary button rewrite */

.btn:focus,.btn:active:focus,.btn.active:focus,
.btn.focus,.btn:active.focus,.btn.active.focus {
    outline: none;
}

.btn-primary {
	border-width: 0;
    background: #03387d;
    color: #ffffff;
}
 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #03387d;
}
 
.btn-primary:active, .btn-primary.active {
    background: #03387d;
    box-shadow: none;
}

.btn-primary.shy {
	background: rgba(3,56,125,0.5);	
}

.btn-primary.shy:hover {
	background: rgba(3,56,125,1);	
}

/* ... with some icon hover tweak */

.btn-primary .fa {	
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

.btn-primary:hover .fa,
.btn-primary:active .fa,
.btn-primary.active .fa {
	color: #41b6e6;	
	
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

.btn.roundbutton {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

/* buttons */

a.tinybtn {
	padding: 0.4em 0.6em;
	float: left;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}

.slogan a.tinybtn {
	margin-bottom: 2.5em;	
}

/* blue btn */

a.blue-btn.no-hover:hover,
a.blue-btn {
	color: #fff;
	background-color: #03387D;	/* changed */
	
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

a.blue-btn:hover,
a.sky-btn {
	color: #fff;
	background-color: #4fb7e3;
	text-decoration: none;
	
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

#stv-tv a.blue-btn:hover,
#stv-security a.blue-btn:hover {
	background-color: #86bc2e;
}


body.ari a.blue-btn:hover {
	background-color: #79addb;
}

.zoomwrapper {
	position: relative;
	float: left;
}

.zoomwrapper .zoomribbon {
	position: absolute;
	bottom: 0;
	padding: 0.5em;
	color: #fff;
	width: 100%;
	background-color: rgba(0,0,99,0.4);	
}


/* dark gray btn */

a.dark-gray-btn {
	color: #fff;
	background-color: #c3c3c3;	/* changed */
	
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

a.dark-gray-btn:hover  {
	color: #fff;
	background-color: #888;
	text-decoration: none!important;
	
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
}




/* green btn */

button.green-btn,
a.green-btn {
	color: #fff;
	background-color: #86bc2e;
	text-decoration: none;
	
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

button.pink-btn,
a.pink-btn {
	color: #fff;
	background-color: #f95374;
	text-decoration: none;
	
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

button.green-btn:hover,
a.green-btn:hover,
a.sky-btn:hover {
	color: #fff;
	background-color: #f95374;
	text-decoration: none;
	
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
}


a.gray-btn {
	background-color: #f2f2f2;
}

	a.gray-btn .fa {
		color: #ccc;
	}

a.gray-btn:hover {
	background-color: #f2f2f2;
	color: #03387D;	/* changed */
	text-decoration: none;
}

	a.gray-btn:hover .fa {
		background-color: #f2f2f2;
		color: #03387D;	/* changed */
	}



a.tinybtn .opac50 {
	color: rgba(255,255,255,0.5);	
}

.frm.dotline {
	border-top-radius: 0;
	-webkit-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;	
}

/* location */

.district {
	padding: 0.5em;	
	cursor: pointer;
}


.district:active,
.district:hover {
	background-color: #f2f2f2;	
}


.location-box {
	display: none;	
}



.choicebox h3 {
	color: #03387D;	/* changed */
	margin: 0;
	line-height: 1em;
	font-size: 1.5em;
	margin-bottom: 0.3em;
	font-weight: 700;	
}

label {
	display: block;
	float: left;
	margin-left: 4px;
	font-weight: normal;
}

label span {
	display: block;
	margin-left: 20px;	
	font-weight: normal;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";  /* IE 8 */ 
	filter: alpha(opacity=1); /* IE 5-7 */  
	-moz-opacity: 1; /* Netscape */  
	-khtml-opacity: 1; /* Safari 1.x */  
	opacity: 1; /* Good browsers */
}

form.choicebox label span.name {
	color: #03387D;	/* changed */
}

.disabled label span {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";  /* IE 8 */ 
	filter: alpha(opacity=40); /* IE 5-7 */  
	-moz-opacity: 0.4; /* Netscape */  
	-khtml-opacity: 0.4; /* Safari 1.x */  
	opacity: 0.4; /* Good browsers */
}

#columnae {
	width: 75%;
	float: left;
	display: block;
	background-color: #ffffff;
	padding-bottom: 0.5em;
}

#columnae label .name {
	font-size: 0.95em;
	font-weight: 600;	
}

#columnae h1 {
	text-align: center;
	margin-bottom: 0;
  	margin-top: 0.5em;
	color: #03387D;	/* changed */
  	line-height: 2em;
}

/* tooltip */


.stv-tooltip {
	border-radius: 5px; 
	border: 3px solid #cbcbcb;
	background: #f2f2f2;
	color: #878787;
	-webkit-box-shadow: 4px 4px 1px 0 rgba(33,33,33,0.1);
	box-shadow: 4px 4px 1px 0 rgba(33,33,33,0.1);
	padding-top: 4px;
}


.stv-tooltip .tooltipster-content {
	font-size: 14px;
	line-height: 16px;
	padding: 6px 10px 10px 10px; 
}

.tooltipster-content h2,
.tooltipster-content p {
	float: left;
}

.tooltipster-content h2 {
	margin-left: 10px;
	color: #03387D;	/* changed */
	font-size: 40px;
	margin: 0
}

.tooltipster-content p {
	color: #878787;
	font-size: 12px;
	margin: 3px 0 4px 10px;	
}

/* BOOTSTRAP tooltip */

.tooltip-inner {
	max-width: 220px;
	background-color: rgba(244, 67, 110, 0.9);
}

.tooltip.top .tooltip-arrow {
  	border-top-color: rgba(244, 67, 110, 0.9);
}

.tooltip.top {
  	margin-left: 25%;
}

#services-header {
	padding-bottom: 3em;	
}

#services-header h1 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#services-header .topic {
	font-size: 0.9em;
	background-color: #ffffff;
	color: #666;
	text-decoration: none;	
	
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
	
	cursor: pointer;	
	padding-left: 180px;
	min-height: 144px;
	
}

#services-header .topic:hover {
	background-color: #f2f2f2;
	text-decoration: none;	
	color: #666;
}

#services-header .topic ul {
	padding-left: 1.3em;
}

#services-header .topic h2 {
	font-weight: 700;
}

.footer {
    position: absolute;
    left: 0;
    bottom: 0;
	/* height: 144px; */
    min-height: 144px;
    width: 100%;
	background-color: #f2f2f2;
}

#footer-links {
	padding-top: 1.5em;
	font-size: 1.15em;	
	background-color: #f2f2f2;
	position: relative;
	height: 144px;
	padding-bottom: 150px;
}
	
	.footerCart {
		position: fixed;
		bottom: 0;
		left: 0;	
		width: 100%;
		text-align: left;
		min-height: 54px;
		color: #fff;
	}
	
	.footerCart .in {
		background-color: #03387D;	/* changed */
		position: relative; 
		min-height: 54px;
	}
	
	.footerCart .ribbon {
		position: absolute;
		min-height: 54px;
		padding: 0.5em;
		width: 100%;
		bottom: 0;
		left: 0;
	}
	
	.footerCart #amount {
		padding-left: 0.5em;
	}
	
	.footerCart #amount .redBlob {
		margin: 0 0.3em;
		float: left;
	}
	
	.footerCart .ribbon .label {
		font-size: 1.2em;
		padding: 0.4em 0 0 0;
		float: left;
		
	}
	
	.footerCart .popup {
		position: relative;
		margin-bottom: 60px;
		display: none;
		width: 100%;
		padding: 1em 1em 0 1em;
	}
	
	ul.arrow-ul li {
		list-style: none;
		text-indent: -0.5em;
	}
	
	ul.arrow-ul {
		padding-left: 1em;	
	}
	
	ul.txt li, 
	ul.txt li a {
		color: #666666;	
	}
	
	ul.txt li:hover, 
	ul.txt li:hover a {
		color: #03387D;	/* changed */
	}
	
	.popup ul li .remove {
		cursor: pointer;	
	}

#footer-links a {
	margin: 0 1em;	
	padding-left: 45px;
	padding-top: 5px;
	min-height: 45px;
	display: inline-block;
	font-weight: 700;
	color: #727272;
	
    -moz-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -webkit-transition: color .2s ease-in;
    transition: color .2s ease-in;
}

#footer-links a:hover {
	color: #03387D;	/* changed */
}

#percent-blob {
	 font-weight: 700; 
	 color: #03387D;	/* changed */ 
	 font-size: 1.4em; 
	 line-height: 1.4em;
}

#topic-internet {
	background: url('../gfx/ico-imac.png') left top no-repeat;
}

#topic-tv {
	background: url('../gfx/ico-tv.png') left top no-repeat;
}

#topic-security {
	background: url('../gfx/ico-security.png') left top no-repeat;
}

#topic-stvgo {
	background: url('../gfx/ico-stvgo.png') left top no-repeat;
}

#topic-phone {
	background: url('../gfx/ico-phone.png') left top no-repeat;
}

#topic-info {
	background: url('../gfx/ico-questionmark.png') left top no-repeat;
}


/* icons */

.ico-user {
	background: url('../gfx/ico-user.png') left top no-repeat;
	padding-left: 33px!important;	
	display: inline-block;
	background-position: left 8px;
}

.ico-play {
	background: url('../gfx/ico-play.png') left top no-repeat;
	padding-left: 33px!important;	
	display: inline-block;
	background-position: left 8px;
}

.ico-help {
	background: url('../gfx/ico-sprite.png') left top no-repeat;
	background-position: 0 -100px;
}
	
	.ico-help:hover {
		background-position: -900px -100px;
	}

.ico-customer {
	background: url('../gfx/ico-sprite.png') left top no-repeat;
	background-position: 0 0;
}
	
	.ico-customer:hover {
		background-position: -900px 0;
	}

.ico-marker {
	background: url('../gfx/ico-sprite.png') left top no-repeat;
	background-position: 0 -200px;
}
	
	.ico-marker:hover {
		background-position: -900px -200px;
	}

.ico-fb {
	background: url('../gfx/ico-sprite.png') left top no-repeat;
	background-position: 0 -300px;
}
	
	.ico-fb:hover {
		background-position: -900px -300px;
	}



.borderbox {
	border: solid 1px #e4e4e4;
	background-color: #ffffff;
	padding: 2em;
	margin-bottom: 2em;
	width: 100%;
	overflow: hidden;
}

.borderbox h1,
.borderbox h3 {
	margin-top: 0em;
	/* margin-bottom: 0.8em; */
}

.borderbox ul,
.borderbox table {
	margin-bottom: 1em;	
	line-height: 1.6em;
}

.servicebox .whitebox,
.whitebox {
	background-color: #ffffff;
}

.graybox {	
	background-color: #f2f2f2;
}

.with-icon {
	padding-left: 35%;	
	background-position: 2em 2em;
	background-repeat: no-repeat;
}

.with-icon-full {
	background-position: 2em 2em;
	background-repeat: no-repeat;
	padding: 0;
}

.with-icon-full .indentbox {
	padding: 2em 1em 0 35%;
	min-height: 130px;
}

.with-icon-full .in {
	padding: 1em 2em;
}

/* icon boxes */

#megabit {
	background-image: url('../gfx/ico-megabit.png');
	background-position: 1em 0;
	min-height: 180px;
}

#feedback {
	background-image: url('../gfx/ico-feedback.png');
}

#contact {
	background-image: url('../gfx/ico-contact.png');
}

#serviceplus {
	background-image: url('../gfx/ico-serviceplus.png');
}

#locations {
	background-image: url('../gfx/ico-stv.png');
}

#phonebox .in {
	font-size: 1.6em;	
}

	#phonebox strong {
		white-space: nowrap;	
	}

.indentbox p {
	font-size: 1.1em;	
}
	
#speed-table {
	text-align: center;	
	overflow: hidden;
	width: 60%;
	display: inline-block;
	margin: 0 auto;
	margin-left: 20%;
}

	#speed-table a,
	#speed-table table {
		width: 100%;
	}
	
	#speed-table table th {
		text-align: center;	
	}
	
	#speed-table table td {
		padding: 0.2em 0;
		width: 33%;
	}
	
	#speed-table table tr:hover td {
		background-color: #efefef;
	}
	
	#speed-table table tr td:last-child {
		font-weight: 900;
	}
	
	#speed-table table td+td+td {
		font-weight: 900;
		color: #03387D;	/* changed */
	}

#measure-speeds {
	background-image: url('../gfx/ico-speed.png');
}

#qa {
	background-image: url('../gfx/ico-qa.png');
}

#info {
	background-image: url('../gfx/ico-info.png');
}

#vaata-otse {
	background-image: url('../gfx/ico-vaata-otse.png');
}

#download-here {
	background-image: url('../gfx/ico-download-here.png');
}




#ico-24 {
	background-image: url('../gfx/ico-24.png');
}

#ico-i {
	background-image: url('../gfx/ico-i.png');
}

#ico-meelespead {
	background-image: url('../gfx/ico-meelespead.png');
}

#ico-telekava {
	background-image: url('../gfx/ico-telekava.png');
}

#ico-salvestamine {
	background-image: url('../gfx/ico-salvestamine.png');
}

#ico-kordustv {
	background-image: url('../gfx/ico-kordustv.png');
}

#ico-telli-stvgo {
	background-image: url('../gfx/ico-telli-stvgo.png');
}

#ico-proovitasuta {
	background-image: url('../gfx/ico-14days_est.png');
}



#globe {
	background-image: url('../gfx/ico-globe.png');	
}

#oldphone {
	background-image: url('../gfx/ico-oldphone.png');	
}

#fixedphone {
	background-image: url('../gfx/ico-fixedphone.png');	
}

#fixedphone-plus {
	background-image: url('../gfx/ico-fixedphone-plus.png');	
}




/* logos */

.channel {
	background-repeat: no-repeat;
	background-position: left center;	
}

.logo-k12 {
	background-image: url('../gfx/logo-k12.png');
}

.logo-tv6 {
	background-image: url('../gfx/logo-tv6.png');
}

.logo-tv3 {
	background-image: url('../gfx/logo-tv3.png');
}

.logo-seitse {
	background-image: url('../gfx/logo-seitse.png');
}

.logo-k2 {
	background-image: url('../gfx/logo-k2.png');
}

.logo-etv {
	background-image: url('../gfx/logo-etv.png');
}

.logo-etv2 {
	background-image: url('../gfx/logo-etv2.png');
}



.content .in {
	margin-left: auto;
	margin-right: auto;
	padding: 20px 0 0 0;	
	overflow: hidden;
}

.formbox {
	float: right;
	min-height: 300px;
	width: 610px;	
	margin-top: 0;
}

.formbox .in {
	padding: 15px 0 0 0;
}

.formbox h2 {
	margin-top: 0;
	font-weight: normal;
}

.offerBox {
	float: left;
	width: 260px;
}

.offerBox .in {
	padding: 15px 20px;
	width: auto;
}


.offerBox h2 {
	margin-top: 0;
	display: block;
	clear: both;
}

.graybg {
	background-color: #efefef;	
}

.center {
	text-align: center;	
}

.txt11 {
	font-size: 11px;	
}

.txt12 {
	clear: both;
	font-size: 12px;
}

/* colors */

a.gray,
.gray {
	color: #aeaeae;
}

.blue {
	color: #03387D;	/* changed */
}

.businessblue {
	color: #79addb;	
}

.green {
	color: #86bc2e;
}

.sky {
	color: #41b6e6;	
}

.white {
	color: #ffffff;	
}

.paleblue {
	color: #6c89b7;	
}

.pale {
	color: rgba(255,255,255,0.5)	
}

.yellow {
	color: #ffc200;	
}

.red {
	color: #f95374;	
}

#darkness {
	background-color: rgba(0,0,0,0.7);
	width: 100%;
	position: fixed;
	z-index: 9;
	height: 100%;	
	display: none;
}

.choicebox {
	width: inherit;
	overflow: hidden;
	position: relative;
	background-color: #ececec;
    /*display: table;*/
}


.blob {
	background-color: #f95374;
	color: #fff;
	padding: 4px 8px 2px 8px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	font-size: 14px;
	display: none;	
  	vertical-align: middle;
}


.frm {
	float: left;
	clear: both;
	display: block;
	/* margin-bottom: 0.2em;*/
	padding: 0.3em 0.5em 0.2em 0.2em;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
}

.frm:hover {
	background-color: rgba(111,111,111,0.1);	
}


.frm:hover {
	background-color: rgba(111,111,111,0.1);	
}

form.silent .frm:hover {
	background-color: initial;	
}


input[type="checkbox"],
input[type="radio"] {
	position: absolute;	
}

.btn.gray {
	background-color: #999;
	display: inline-block;	
}

#step2_buttons {
	width: 60%;
	margin-top: 55px;
}


.chkFrm  label {
	font-size: 0.9em;	
}

.chkFrm {
	margin-bottom: 7px;
}

.chkFrm.disabled label .gray,
.chkFrm.disabled label {
	color: #aaa;	
}



#pakett12 {
	margin: 10px 8px 0 0;	
}

/*#quizHeader,*/
#quiz2 {
	display: none;
}

#quizHeader {
	display: none;
}

#quizHeader h2 {
	margin-top: 0;
	text-align: center;	
}

#quizHeader .cueBox {
	width: 100%;
	overflow: hidden;
	margin-bottom: 1.5em;
}


#quizHeader .cueBox div {
	text-align: center;	
	width: 20%;
	background-color: pink;
	padding-top: 50px;
	font-size: 11px;
	color: #000;
	text-transform: uppercase;
	float: left;
	background: transparent url('../gfx/cue-sprite.png') center -200px no-repeat;
	
	font-weight: normal;
}

/* STEP2 */

#quizHeader .cueBox.step2 div+div {
	background-position: center -100px;
	font-weight: bold;
}

#quizHeader .cueBox.step2 div+div+div {
	background-position: center 0px;
	color: #aaa;
	font-weight: normal;
}


/* STEP3 */

#quizHeader .cueBox.step3 div+div+div {
	background-position: center -100px;
	font-weight: bold;
}

#quizHeader .cueBox.step3 div+div+div+div {
	background-position: center 0px;
	color: #aaa;
	font-weight: normal;
}


/* STEP4 */

#quizHeader .cueBox.step4 div+div+div+div {
	background-position: center -100px;
	font-weight: bold;
}

#quizHeader .cueBox.step4 div+div+div+div+div {
	background-position: center 0px;
	color: #aaa;
	font-weight: normal;
}


/* STEP5 */

#quizHeader .cueBox.step5 div {
	background-position: center -200px;
}

#quizHeader .cueBox.step5 div:last-child {
	font-weight: bold;
}

.whiteBox {
	border: solid 1px #ccc;
	background-color: #ffffff;
	-webkit-box-shadow: 4px 4px 1px 0 rgba(0,0,0,0.1);
	box-shadow: 4px 4px 1px 0 rgba(0,0,0,0.1);
	margin-bottom: 10px;
}

.orderBox {
	float: left;
	width: 260px;
	display: none;	
}

.orderBox h3 .name {
	font-size: 0.95em;	
}

.orderBox .in {
	padding: 15px 20px;
	width: auto;
}


.orderBox h2 {
	margin-top: 0;
}


.orderBox h3 {
	margin: 0;
}

.orderBox .blob {
	display: inline-block;	
}

.orderBox p {
	font-size: 12px;
	margin-top: 3px;	
}

.uppercase {
	text-transform: uppercase;	
}

#quiz2 h2,
#quiz3 h2 {
	font-weight: bold;
	color: #999999;
	margin-bottom: 0;	
}

#quiz2 p {
	margin-top: 0px;	
}

.inputform td {
	padding: 4px 5px 3px 0;	
	vertical-align: top;
}


.inputform td input {
	font-size: 1em;
	padding: 3px;
}

.inputform tr td:first-child {
	text-align: right;	
}

#lisa_tv_tabel .price, 
#stvGoBox .price {
	color: #999;	
}

#stvGoBox .name {
	line-height: 1em;
	font-weight: bold;
	font-size: 1.2em;	
}

#stvGoBox .price {
	line-height: 1em;
	font-size: 1.2em;	
}


#stvGoBox p {
	display: block;
	float: left;
	margin: 0;
}

#stvGoBox {
	overflow: hidden;
	border: solid 1px #ccc;
	background-color: #fff;
	width: 480px;
	margin-top: 20px;	
	padding: 14px 100px 14px 20px;
	background: #fff url('../gfx/stvgo-logo.png') right center no-repeat;
	margin-bottom: 50px;
}

#contacts {
	margin-bottom: 50px;
}

#quiz5 {
	text-align: center;	
	padding: 40px 0;
}

#quiz5 h1 {
	margin: 0;
	text-transform: none;
	width: 100%;
	font-size: 3em;
	color: #999;	
}

#quiz5 p {
	margin: 0;	
}

.bonus {
	display: block;
	float: left;
	clear: both;
	margin: 1em 0;	
	display: none;
}

#bonus2 {
	margin-top: 8px;	
}



#pick-services {
	 font-weight: 700;
	 font-size: 1.5em; 
	 color: #ffffff;	
}

#pick-services-icon {
	font-size: 2.5em; 
	float: left;
}


/* MAP */

#map-canvas {
	min-height: 500px;
	width:100%;
    height: 100%;
 	height:calc(100% - 0px);
}



.ghost-break {
	display: block;	
}

/* LAYER */

.fancybox-inner {
	background-color: #fff;	
}

.stv-layer {
	/* display: none; */
	background-color: #e5e5e5;
	margin-bottom: 0;
	background-image: none;
	font-size: 1.5em;
}


		/* POPUP */
		.stv-layer.popup .intro {
			width: 45%;
			float: left;
			padding: 2em;
			background-color: #e5e5e5;
		}
		
		.stv-layer.popup {
			float: left;
			background-color: #ffffff;
		}
		
		.stv-layer.popup .layer-content {
			width: 55%;
			float: right;
			margin-left: 0;
		}
		
body.stv-layer.alert {
	padding: 2em;	
	float: left;
	background-color: #ffffff;
	text-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
	
	


.stv-layer.alert h1 {
	margin-top: 0;
}	


.stv-layer.alert form {
	padding: 1em 0;
}	
	
h1.alert {
	padding-left: 120px;
	margin-top: 0;
	padding-top: 0;
	background: url('../gfx/ico-alert.png') left top no-repeat;	
	text-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 0em;
	font-size: 2.2em;
	min-height: 120px;
}


.stv-layer.popup a {
	text-decoration: underline;
}


.stv-layer .layer-menu {
	width: 240px;
	position: absolute;
	left: 0;
	top: 0;
}

.stv-layer .layer-content {
	margin-left: 240px;
	padding: 1em 2em 1em 30px;
	background-color: #ffffff;
}

.stv-layer .layer-menu .header {
	color: #fff;
	width: 100%;
	padding: 0.7em;
	background-color: #03387d;
	display: block;	
}

.stv-layer .layer-menu .header .fa {
	color: #5777a9;
	float: right;
	font-size: 1.2em;	
}

.stv-layer .layer-menu ul {
	padding: 0;
	background-color: #e5e5e5;
}

.stv-layer .layer-menu ul li {
	list-style: none;
	padding: 0.4em 0.3em 0.4em 1em;
}

.stv-layer .layer-menu ul li:first-child {
	/*padding-top: 1em;*/	
}



.stv-layer .layer-menu ul li.active {
	background-color: #ffffff;
}

.stv-layer .layer-menu ul li a {
	color: #727272;	
}

.stv-layer h2 {
	font-size: 1.5em;
	margin-top: 1em;
	margin-bottom: 0.5em;	
}

.stv-layer .icons {
	margin: 0.5em 0 0 0;
	padding-right: 1em;
	position: fixed;
	right: 0;
	top: 0;
	color: #afafaf;
	background-color: rgba(255,255,255,0.85);
	border-radius: 5px 0 0 5px;
}

.stv-layer table {
	margin-bottom: 1em;
}

.stv-layer .icons div {
	margin-left: 0.5em;
	cursor: pointer;
	font-size: 2em;
	float: left;
}

.alphabet {
	margin: 1em 0;
	color: #777;	
}

.alphabet a {
	font-weight: bold;
	padding: 0 0.3em;
	text-decoration: underline;	
}

.specify {
	color: #727272;
	font-size: 0.5em;
	font-weight: normal;	
}


.channel-options {
}

.channel-options span {
	background-color: #b9b9b9;
	color: #fff;
	padding: 0 0.4em;
	display: inline-block;
	white-space: nowrap;
	margin-bottom: 0.4em;
}

.channel {
	padding-left: 110px;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	min-height: 70px;
}

.channel p {
	margin-bottom: 5px;	
}

.marginvert1em {
	margin-top: 0.5em;	
	margin-bottom: 0.5em;	
}

strong a {
	text-decoration: underline;	
}
	
button.button-label-margintop {
	margin-top: 1.8em;	
}

table.tv-compare td {
	border-collapse: collapse;
	border: solid 1px #ffffff;
	text-align: center;
	padding: 2px 1px;
}

table.tv-compare tr td:first-child {
	text-align: left;
	font-weight: bold;
	color: #02377d;
	padding-left: 4px;
	text-transform: uppercase;
}

table.tv-compare th {
	text-align: center;
}

table.tv-compare td .fa {
	font-weight: bold;
	color: #02377d;
}

table.tv-compare th span { 

display: inline-block;
white-space: nowrap;
text-align: left;


	 /* FF3.5+ */
  -moz-transform: rotate(-90.0deg);
  /* Opera 10.5 */
  -o-transform: rotate(-90.0deg);
  /* Saf3.1+, Chrome */
  -webkit-transform: rotate(-90.0deg);
  /* IE6,IE7 */
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
  /* Standard */
  transform: rotate(-90.0deg);
	
}

table.tv-compare > tbody > tr:nth-child(2n+1) > td {
   background-color: #efefef;
}


#iseteenindus {
	background-color: #ffffff;
	padding: 2em;	
}

#iseteenindus .graybox {
	padding: 1em;
	background-color: #e5e5e5;
	margin-top: 1em;	
}

#iseteenindus .graybox p {
	color: #727272;	
}

#iseteenindus .graybox a {
	margin: 2px;
	display: inline-block;
}

#iseteenindus h1 {
	margin-top: 0;	
}

/* lisakanalid */

.tv-lisa {
	display: none;	
}

.tv-lisa label span {
	color: #03387D;	
	font-weight: bold;
}

.tv-lisa label span a {
	font-weight: normal;
}

#lisakanalid-header h2 {
	font-size: 1.6em;
	margin: 0;
	color: #ffffff;
}

#lisakanalid {
	padding: 1em 0;
	float: left;	
}

#lisakanalid a {
	color: #878787;
	text-decoration: underline;	
}


#lisakanalid a:hover {
	color: #03387D;	/* changed */
}

#lisakanalid .frm label,
#lisakanalid .frm {
	margin-bottom: 0;	
}

.stv-process h2,
.stv-blog .blogBox h2 {
	margin-bottom: 0em;
	margin-top: 0.5em;
}

#process-count {
	background-color: #ececec;
	padding: 15px 15px;	
	overflow: hidden;
	margin-bottom: 1em;
}


#process-count ul {
	padding: 0;
}

#process-count ul li {
	float: left;
	height: 34px;
	display: table;
	color: #999999;
	text-transform: uppercase;
	padding-left: 45px;
	padding-right: 1em;
	background-image: url('../gfx/nr-1.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}

#process-count ul li span {
	display: table-cell;
	vertical-align: middle;
}

#process-count ul li+li {
	background-image: url('../gfx/nr-2.png');
}

#process-count ul li+li+li {
	background-image: url('../gfx/nr-3.png');
}

#process-count ul li+li+li+li {
	background-image: url('../gfx/nr-4.png');
}

#process-count ul li+li+li+li+li {
	background-image: url('../gfx/nr-5.png');
}

#process-count ul li.active {
	background-position: 0 -100px;
	color: #03387D;	/* changed */
}

#process-count ul li.visited {
	background-position: 0 -200px;
	color: #7b92b6;
}

/* process table */

.preview-table,
.process-table {	
	color: #727272;
	line-height: 1.2em;
}

.process-table .txt12 {
}

.process-table span a:link,
.process-table span a:visited {
	color: #878787;
	text-decoration: underline;
}

.process-table span a:active,
.process-table span a:hover {
	color: #878787;
	text-decoration: underline;
}

.preview-table tr th,
.process-table tr th {
	background-color: #ffffff;
	text-align: center;
	font-size: 0.7em;
	padding-top: 1em;
	padding-bottom: 0.5em;
	line-height: 0.9em;
}

.process-table tr td {
	vertical-align: top;
	padding: 8px 8px 8px 10px;
	background-color: #ececec;
	border: solid 0px #ffffff;
	border-top-width: 1px;
}



.preview-table tr td.lighter {
	background-color: #ececec;
}

.preview-table td {
	padding-right: 8px;
	color: #727272;
	background-color: #fff;
}



.preview-table.process-table tr th:first-child {
	text-align: left;
}

.preview-table.process-table tr th {
	vertical-align: bottom;
}

.preview-table.process-table tr.blueBox td {
	background-color: #03387D;	/* changed */
	color: #fff;
}

.preview-table.process-table tr.blueBox td.darker {
	background-color: #003070;
}

.preview-table.process-table tr.blueBox td.redBox {
	background-color: #f95374;
}











.preview-table tr td.darker, 
.process-table tr td.darker {
	background-color: #E4E4E4;	
}

.process-table tr td+td i {
	font-size: 1.3em;	
	color: #bdbdbd;
}

.process-table tr td+td i:hover {
	font-size: 1.3em;	
	color: inherit;
	cursor: pointer;
}

.process-table strong {
	display: block;
}

.collapse-table {
	display: none;
}

.table {
	margin-bottom: 1em;	
}

.collapse-table input[type="checkbox"]{
	position: relative;
	left: auto;
	right: auto;
}

.preview-table {	
}

.preview-table h2 {
	margin-top: 0;
	padding-top: 0.3em;
	margin-bottom: 0.5em;
}

#additional_table strong {
	color: #a4a4a4;
}

#header-offer .redBlob {
	text-transform: uppercase;
    cursor: pointer;
    background-color: #ffffff;
    color: #03387D;
    border: none;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 0.3em 0.7em 0.3em 0.7em;
    text-shadow: none;
    font-weight: bold;
    margin-left: 0.5em;
	background-color: #f95374;
	color: #fff;
	border-radius: 10px;
	display: inline-block;
}

#header-offer {
	width: 60%;
	padding-top: 0.9em;
}

#header-offer .txt11 {
	width: 60%;	
	padding-left: 1em;
	line-height: 1.3em;
}


#additional_table tr.checked-row strong,
#additional_table td.blue strong,
#additional_table td.blue strong {
	color: #03387D;;
}

.bottomborder {
	border: solid 0px #ccc;
	border-bottom-width: 1px;	
}

.process-table tr.blueBox td {
	overflow: hidden;
	background-color: #03387D;	/* changed */
	color: #ffffff;
	padding-top: 1em;
	padding-bottom: 1em;
}

.process-table tr.blueBox td strong {	
	font-size: 1.6em;
}

.process-table tr.blueBox td.darker {
	background-color: #003070;
}

.process-table tr.blueBox td.redBox {
	background-color: #f95374;
}



.process-table .right.half {
	width: 40%;	
	padding-left: 1%;
	text-align: right;
}

.process-table .left.half {
	width: 60%;	
	padding-right: 1%;
}

#location-possibilities {
	margin: -0.5em 0 1em 0;
}

/* thanks */


#thankyou {	
	background: url('../gfx/thankyou-smiley.png') left top no-repeat;
	margin-top: 2em;
	height: 152px;
	display: table;
	padding-left: 200px;
}

#thankyou h2 {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.5em;
	padding-bottom: 1em;
}

#use_stvgo {	
	background: url('../gfx/thankyou-stvgo.png') left top no-repeat;
	margin-top: 2em;
	height: 152px;
	display: table;
	padding-left: 200px;
}

#use_stvgo h2 {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.5em;
	padding-bottom: 1em;
}

.blogBox {
	margin-bottom: 1.5em;	
}


.blogBox .picHeader {
	overflow: hidden;	
}

.blogBox .picHeader img {
	width: 100%;
	height: auto;	
}

.blogBox .in,
.blogBox h3 {
	padding: 1em 1.3em;	
}

.blogBox h3 {
	font-size: 1.3em;
	margin: 0;	
}


.blogBox a h3 .date {
	margin: 0.5em 0;
	display: block;
	font-size: 0.8em;
	font-weight: normal;
}

.blogBox a:hover {
	text-decoration: none;	
}

.blogBox a:hover h3 .hwrapper {
	text-decoration: underline;	
}

.blogBox a:hover h3 .date {	
	text-decoration: none!important;
}

.linkBox {
	padding-bottom: 0.5em;	
}

.linkBox a span {
	display: block;
	color: #b9b9b9;	
}

.blogBox #announcements {
	padding: 1.5em 1.8em;
	/*font-size: 0.9em;*/	
}

.blogBox #announcements h3 {
	margin-bottom: 1em;
	font-size: 1.5em;
	font-weight: normal;
    clear: both;
	padding: 0;
}


.blogBox #announcements table tr td {
	vertical-align: middle;
	/* font-weight: bold;
	font-size: 0.9em;*/
	padding-bottom: 0.5em;
	line-height: 1.2em;
}


.blogBox #announcements table tr td:first-child {
	vertical-align: top;
}


.blogBox #announcements table tr td:first-child {
	padding-right: 1em;	
}

.blogBox #announcements table tr td:first-child div {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #c3c3c3;
	color: #f2f2f2;
	padding: 0.2em 0.6em;
}

.blogBox #announcements a:link,
.blogBox #announcements a:visited,
.blogBox #announcements a:active{
	color: #727272;	
	display: block;
}


.blogBox #announcements a:hover {
	text-decoration: underline;
}

.blogBox h3 a {
	text-decoration: none;	
}

.blogBox h3 a:hover {
	text-decoration: underline;
	display: block;	
}


.tableWrapper {
}

.infiniteScrollButton {
	padding-top: 2em;
	padding-bottom: 1em;
	text-align: center;
}


.infiniteScrollButton a {
	display: inline;
	float: none!important;
}

.blogBox #announcements .infiniteScrollButton a {
	color: #ffffff;
}

.blog-float.right {
	margin: 0 0 1em 1em;
}

.blog-float.left {
	margin: 0 1em 1em 0;
}



@media (min-width: 1200px) {
	#header-offer {
		width: 60%;
		padding-top: 0.9em;
	}
	
	#header-offer .txt11 {
		width: 60%;	
		padding-left: 1em;
		line-height: 1.3em;
	}	
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	
	#stv-ari-frontpage .imago h1 {
		font-size: 2em; 
		margin-bottom: 0.5em;
	}
	
	#stv-frontpage .imago h1 {
		font-size: 2em; 
		margin-bottom: 0.5em;
	}
	
	#stv-ari-frontpage .imago .txt {
  		padding: 2% 0 0 5%;
		margin-top: 0;
		width: 50%;
	}
	
	#stv-frontpage .imago .txt {
  		padding: 1% 0 0 5%;
		margin-top: 0;
	}
	
	.blueBox #sum-desc {
		font-size: 0.9em;	
	}
		
	.imago h1 {
		padding-top: 0.3em;
		font-size: 2em;	
		width: 63%;
	}
		
		
	.with-icon {
		padding-left: 35%;	
		background-position: 2em 2em;
		background-size: 90px auto;
	}

	.with-icon-full {
		background-size: 90px auto;
	}
	
	.with-icon-full .indentbox {
		padding-left: 35%;
	}
		
	#speed-table {
		width: 80%;
		margin-left: 10%;
	}
	
	#lisakanalid a {
		font-size: 0.8em;	
	}

	
	.blueBox #sum-amount #hint-txt {
		font-size: 0.85em;	
		width: 65%;
		padding-left: 0;
	}
	
		
	#header-offer {
		width: 100%;
		padding: 0 0 1em 0;
	}
	
	#header-offer .txt11 {
		width: 60%;	
		padding-left: 1em;
		line-height: 1.3em;
	}
	
	.blog-float  {
		width: 50%;
		height: auto;
	}
}


@media (min-width: 768px) and (max-width: 991px) {
	
	body {
		font-size: 14px; 
   		margin: 0 0 200px; /* bottom = footer height */
 	}
	
	body#stv-ari-frontpage,
	body#stv-frontpage {
		background-size: 1269px 300px!important; 
		background-position: center 20px!important;	
	}
	
	#stv-header a {
		padding: 0 0.5em;
	}
	
	#stv-header #row1 {
		padding-left: 0;
		padding-right: 0;
		display: block;	
	}
	
	
	#stv-header #row2 {
		font-size: 1.1em;
	}
	
	#conf-box #offer {
		background-color: #efefef;	
		width: 100%;
		float: left;  
		padding: 0 1em 1em 3em;
	}
	
	#columnae, #offer {
		width: 100%;
		float: left;
	}
	
	#stv-ari-frontpage .imago, 
	#stv-frontpage .imago {
		height: 200px;
	}
	
	#stv-frontpage .imago h1 {
		font-size: 2.1em; 
		margin-top: 0; 
		padding-top: 0;
	}
	
	#stv-ari-frontpage .imago h1 {
		font-size: 1.6em; 
		margin-top: 0; 
		padding-top: 0;
	}
	
	#stv-ari-frontpage .imago .txt {
		padding: 0 0 0 4%;
		width: 50%;
	}
	
	#stv-frontpage .imago .txt {
		padding: 0 0 0 4%;
		width: 40%;
	}
	
	.imago h1 {
		font-size: 2em;	
		float: right;
		width: 68%;
		padding-top: 0.5em;
		margin: 0;
		line-height: 1.3em;
	}
		
		#stv-tv .imago h1 {
			font-size: 1.9em;	
		}
		
		
	#stv-ari-internet .imago h1,
	#stv-ari-kontakt .imago h1,
	#stv-kontakt .imago h1 {
		font-size: 1.95em;
		padding-top: 0.5em;
		width: 68%;
	}
	
	.ghost-break {
		display: block;	
	}
	
	.imago p {
		font-size: 0.9em;	
	}
	
	#services-header .topic h2 {
		font-size: 1.6em;
	}
	
	#footer-links {
		padding-bottom: 140px;
	}
	
	#footer-links a {
		margin: 0 0.5em;
		padding-top: 7px;
	}
	
	/* offer */
	
	#offer {
		padding: 0 2%;
	}
	
		#offer h2 {
			text-align: center;	
		}
		
		#offer h2 .small {
			display: inline;
		}
		
		#offer label #arguments div {
			float: left;
			padding-right: 1em;
			width: 33%;
		}
		#offer label {
			width: 100%;
			margin: 0;	
		}
		 
		#title-18 {
			white-space: nowrap;
			overflow: hidden;
			/* display: inline-block; */
			text-align: center;
		}
		
		#offer label .desc {
			font-size: 1.3em;	
		}
		
		#offer label .number,
		#offer label .desc {
			float: none;
			display: inline;	
		}
		
	.blueBox #sum-desc {
		display: block;
		text-align: center;
		font-size: 0.9em;
		width: 34%;
		padding: 0;	
	}
	
	.blueBox #sum-amount {
		width: 65%;
	}
	
	.blueBox #sum-amount #hint-txt {
		font-size: 0.85em;	
		width: 70%;
		padding-left: 0;
	}
	
	.servicebox .in {
		padding: 1.5em 1em 1.5em 9em;
		/* background-color: #f2f2f2; */	
		min-height: 150px;
		float: left;
		width: 100%;
		background-position: 1.5em 1.5em;
		background-repeat: no-repeat;
		background-size: 90px 90px;
	}
		
	.with-icon {
		padding-left: 39%;	
		background-position: 2em 2em;
		background-size: 75px auto;
	}

	.with-icon-full {
		background-position: 2em 2em;
		background-size: 75px auto;
	}
	
	.with-icon-full .indentbox {
		padding-left: 39%;
	}
	
	#speed-table {
		width: 100%;
		margin-left: 0;
	}
	
	#megabit {
		background-position: 0 0;	
	}


	
	.footerCart .ribbon {
		padding: 0.6em 0.5em 0 0.5em;
	}
	
	.footerCart .ribbon .label {
		font-size: 1.3em;
		padding: 0.5em 0 0 0;
		float: left;
	}
	
	.slogan h2 {
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		line-height: 1.2em;	
	}

	.mobilecenter {
		text-align: center;	
		width: 100%;
	}
	
	#formwrapper {
		padding: 0;
		margin: 0 auto;
		background: #ffffff;
		filter: none;
	}
	
	#ad-folder {
	width: 100%; 
	overflow: hidden; 
	padding: 0;	
}
	
	
	.adbox {
		float: left;
		width: 100%;
		margin-left: 0;
	}

	.adbox#megabit-ad {
		background-position: 1em center;	
	}
	
	

	h1.stv-title {
		font-size: 2em;
		color: #ffffff;
		margin: 14px 0 0 0;
		min-height: 59px;
	}
	
	.pricelabel .txt .txtcomment {
		font-size: 0.6em; 
	}
	
	.pricelabel .txt .sumtext { 
	}
	
	
	.blogBox h3 {
		font-size: 1em;
		/* font-size: 1.5vmin;*/
		margin: 0;	
	}
		
	#header-offer {
		width: 100%;
		padding: 0 0 1em 0;
	}
	
	#header-offer .txt11 {
		width: 60%;	
		padding-left: 1em;
		line-height: 1.3em;
	}
	
	.blog-float  {
		width: 100%;
		height: auto;
		margin: 0 0 1em 0!important;
	}
	
}

/* Small Devices, Tablets */
@media screen and (min-width: 481px) and (max-width: 767px) { 
		

	body {
		font-size: 14px; 
   		margin: 0 0 320px; /* bottom = footer height */
 	}
	
	body#stv-frontpage {
		background-size: auto 45vw; 
		background-position: center 20px;	
	}
	
	
	body {
		
		background-size: auto 35vw;
		background-position: center 13px;
	}
	
	
	h1 {
	  font-size: 2em;
	}
	
	.slogan h2 {
		margin-top: 0.5em;
		margin-bottom: 0.5em;
 		padding: 0 2%;	
	}
	
	
	.slogan .imgbox {
		text-align: right;	
	}
	
	
	.imago {		
		margin-top: -4.5vw;
		height: 31vw;
	}
	
	
	.imago h1 {
		padding-top: 3vw;
		width: 65%;
		font-size: 4.1vw;
	}
	
	.imago .txt {
		padding: 0 0 0 4%;
		width: 40%;
		font-size: 2vw;
	}
	
	#stv-ari-frontpage .imago {
		height: 35vw;		
		margin-top: -10vw;
	}
	 
	#stv-frontpage .imago {
		height: 35vw;		
		margin-top: -5vw;
	}
	
	
	#stv-ari-frontpage .imago .txt {
		width: 60%;
		font-size: 2.4vw; 
	}
	
	#stv-ari-frontpage .imago h1 {	
		padding-top: 9vw;
		font-size: 4vw;
		margin-bottom: 0.4em;
	}
	
	#stv-frontpage .imago h1 {	
		padding-top: 4vw;
		font-size: 4.3vw;
		margin-bottom: 0.4em;
	}
	
	#stv-ari-frontpage .imago p {
		font-size: 2.3vw;
	}
	
	#stv-frontpage .imago p {
		font-size: 2vw;
	}
	
	
	#stv-ari-frontpage .imago h1 {
		font-size: 3.5vw;
	}
	
	#stv-ari-phone .imago h1 {
		font-size: 4vw;
	}
		
	
	#conf-box #offer {
		background-color: #efefef;	
		width: 100%;
		float: left;
		padding: 0 1em 1em 2.5em;
	}
	
	#columnae, #offer {
	  width: 100%;
	  float: left;
	}
	
	/* offer */
	
	#offer {
		padding: 0 2%;
	}
	
		#offer h2 {
			text-align: center;	
		}
		
		#offer h2 .small {
			display: inline;
		}
		
		#offer label #arguments div {
			float: left;
			padding-right: 1em;
			width: 33%;
		}
		#offer label {
			width: 100%;
			margin: 0;	
		}
		 
		#title-18 {
			white-space: nowrap;
			overflow: hidden;
			/* display: inline-block; */
			text-align: center;
		}
		
		#offer label .desc {
			font-size: 1.3em;	
		}
		
		#offer label .number,
		#offer label .desc {
			float: none;
			display: inline;	
		}
	
	#services-header .topic h2 {
		line-height: 1em;
		font-size: 1.5em;
		padding-top: 0em;
	}
	
	#services-header .topic {
	  display: block;
	  float: left;
	}
	
	#services-header .row {
		margin: 0;
		padding: 0;	
	}
	
	#footer-links a {
		display: block;
		text-align: left;
	}
	
	.blueBox {
		clear: both;	
	}
	
	.blueBox #sum-desc {
		display: block;
		text-align: center;	
		font-size: 1em;
		padding-bottom: 0.5em;
		width: 45%;
		clear: both;
	}	
	
	.blueBox #sum-amount {
		width: 55%;
	}
	
	.blueBox .pricelabel {
		font-size: 1.2em;
		line-height: 1.6em;
	}
	
	.blueBox .btn {
		font-size: 18px;	
	}

	.pricelabel .txt {
		padding-top: 0.2em;
	}
	
	#footer-links {
  		padding-bottom: 1em;
		padding-bottom: 90px;
	}
		
	.with-icon {
		padding-left: 130px;	
		background-position: 2em 2em;
		background-size: auto auto;
		padding: 1.5em 1em 1.5em 12em;
	}
	
	.with-icon-full {
		background-position: 2em 2em;
		background-size: auto auto;
		
	}
	
	.with-icon-full .indentbox {
		  padding: 1.5em 1em 0.5em 12em;
		  min-height: initial;
		  
	}
	
	.with-icon-full .in {
		padding-left: 12em;
		padding-top: 0;	
	}
	
	
	#megabit {
		background-position: 0 0;	
	}
	
	#speed-table {
		width: 100%;
		margin-left: 0;
	}
	
	
	#footer-links {
		height: auto;
		padding: 1em 1em 0 1em;	
		padding-bottom: 90px;
	}
	
	.footerCart .ribbon {
		position: relative;
		overflow: hidden;	
		padding: 0;
		padding-top: 0.8em;
	}
	
	.footerCart .ribbon .label {
		font-size: 1.3em;
		padding: 0.4em 0 0 0;
		float: left;
		display: inline-block;
	}
	
	.footerCart .popup {
		margin-bottom: 0;
	}
	
	
	.footerCart .left,
	.footerCart .right { /*
		width: 100%;
		text-align: center; */
		padding-bottom: 0.5em;
	}
	
	.footerCart #amount {
		padding-left: 0;	
	}
	
	.blueBox .btn {
		/*font-size: 1.3em;*/
	}
	
	.footerCart .container {
		padding-left: 0;
		padding-right: 0;	
	}
	
	.servicebox .in#international-calls {
		background-image: url('../gfx/ico-international.png');
		background-position: 2em 1em;
	}
	
	.row .servicebox:last-child {
		margin-bottom: 0;	
	}

	
	.row .borderbox {
		margin-bottom: 1em;
	}

	#phonebox .in {
		padding: 1em!important;	
	}
	
	button.button-label-margintop {
		margin-top: 0;	
	}
	
	
	/* LAYER */
	
	
	.stv-layer {
		background-color: #ffffff;
		padding-top: 20px;
	}
	
	.stv-layer.popup {
		background-color: #e5e5e5;
		padding-top: 0;
	}
	
	.stv-layer .layer-menu {
		width: 100%;
		position: absolute;
		z-index: 9999;
		left: 0;
		top: 0;
	}
	
	.stv-layer .layer-content {
		margin-left: 0;
		padding: 2em;
	}
	
	.stv-layer .layer-menu ul {
		display: none;
		margin: 0;
		padding: 1em;
	}
	

	
	.stv-layer .layer-menu .header {
		margin-right: 35px;
		width: auto;
	}
	
	.stv-layer .icons {
		margin: 0;
		padding: 0;
		position: fixed;
		z-index: 9999;
		right: 0;
		top: 0;
	}
	
	.stv-layer .icons div {
		display: block;
		text-align: center;
		font-size: 1.8em;
		padding: 0;
		margin: 0;
		padding-top: 3px; 
		width: 35px;
	}
	
	.stv-layer .icons .print {
		display: none;	
	}
	
	table tr th,
	table tr td {
		font-size: 0.9em;	
	}

	.channel {
		background-position: left top;	
	}
	
	
	.stv-layer.popup .btn {
		font-size: 0.9em;
		padding: 0.5em 0.8em;	
		min-height: 2.5em;
	}

	.mobilecenter {
		text-align: center;	
		width: 100%;
	}
	
	#formwrapper {
		padding: 0;
		margin: 0 auto;
		background: #ffffff;
		filter: none;
	}
	
	
	.adbox {
		float: left;
		width: 100%;
		margin-left: 0;
	}

	.adbox#megabit-ad {
		background-position: 1em center;	
	}
	
	.pricelabel .txt {
		display: inline-block;
		position: relative;
		min-height: 2.5em;
	}
	
	.pricelabel .txt .txtcomment {
	  display: block;
	  font-size: 0.7em;
	  position: absolute;
	  right: 0;
	  top: 1.1em;
	}
	
	.pricelabel .txt .sumtext {  
		position: absolute;
		top: -0.2em;
	}
	
	
	
	h1.alert {
		min-height: 90px;
		padding-left: 100px;
		margin-top: 0;
		padding-top: 0;
		background: url('../gfx/ico-alert.png') left top no-repeat;	
		background-size: 90px 90px;
		text-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin-bottom: 0em;
		font-size: 1.5em;
	}
	
	
	h1.stv-title {
		margin-top: 60px;
		font-size: 2em;
		font-size: 4.5vw;
		color: #ffffff;
		margin-top: 70px;
		min-height: 60px;
	}
	
	body.stv-process {
		background-size: auto auto;	
		background-position: 0 0;	
	}
	
	body.stv-blog {
		background-size: auto auto;	
		background-position: 0 0;	
	}
	
	/* 1-2-3 */
	
	.stv-process #process-wrap {
		background-color: #ececec;	
	}
	
	#process-count {
		padding-bottom: 5px;
	}
	
	
	#process-count ul li {
		margin-bottom: 10px;
		padding-left: 24px;
		padding-right: 10px;
		background-position: 0 0;
		background-size: 17px auto;
		height: 17px;
	}
	
	#process-count ul li.active {
		background-position: 0 -50px;
	}
	
	#process-count ul li.visited {
		background-position: 0 -100px;
	}
	
	#process-count ul li {
		background-position: 0 0;
		background-size: 17px auto;
		height: 17px;
	}
	
	.blueBox #sum-amount #hint-txt {
		display: none;
	}
		
	#header-offer {
		width: 100%;
		padding: 0 0 1em 0;
	}
	
	#header-offer .txt11 {
		width: 60%;	
		padding-left: 1em;
		line-height: 1.3em;
	}
	
	.linkBox {
		padding-bottom: 0.5em;	
	}
	
	.linkBox a span {
		display: inline;
	}
	
	.blogBox #announcements {
		margin-top: 1em;	
	}
	
	.blog-float  {
		width: 100%;
		height: auto;
		margin: 0 0 1em 0!important;
	}
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width: 480px) {
	
	body {
		background-image: none!important;	
   		margin: 0 0 320px; /* bottom = footer height */
	}
	
	
	#columnae, #offer {
		width: 100%;
		padding: auto 0;
		float: left;
		clear: both;
	}
	
	 #offer {
		padding: 0 7%;
	}
	
	#columnae .service {
		width: 100%;
		display: block;	
		padding: 0;
	}
	
	#offer {
		padding-bottom: 1em;
	}
	
	#columnae .service#phone {
		width: 100%;
		display: block;	
		margin: 1em 0;
	}
	
	#columnae h1 {
		text-align: left;
		margin-bottom: 0.7em;
		line-height: 1em;
		/* margin-left: 2%;*/
	}	
	
	#services-header .topic {
		display: block;
		float: left;
		background-size: 110px 103px;
		padding-left: 115px;
		background-position: 5px 0;
	}
	
	#services-header .topic h2 {
		line-height: 0.9em;
		font-size: 1.5em;
		padding-top: 0em;
	}
	
	.blueBox #sum-desc {
		display: block;
		text-align: left;	
		font-size: 0.9em;
		padding: 0 1em;
		width: 100%;
		clear: both;
		padding-bottom: 0.5em;
	}
	
	.slogan h2 {
		line-height: 1.2em;	
  		padding: 0 2%;
	}
		
	.imago {
		padding: 0 2%;
		height: auto;	
	}
		
		.imago h1 {
			font-size: 1.4em; 
			padding: 13vw 5% 5% 5%;
			width: auto; 
			line-height: 1.25em;
		}
		
		.imago .txt {
			padding: 0 5%;
			width: auto;
		}
		
		.imago .txt p {
			font-size: 1.1em;
		}
	
	
	/* specials */
	 
	#stv-frontpage .imago {
		height: auto;
		background-color: #42b6e7;
		padding-bottom: 2em;
		padding-top: 2em;
		width: auto;
		
	}
	
	
	#stv-ari-frontpage .imago {
		height: auto;
		background-color: #6fabe1;
		padding-bottom: 2em;
		padding-top: 2em;
		width: auto;
		
	}
	
		#stv-ari-frontpage .imago h1 {
			padding: 0;
			padding-top: 0.7em;
			font-size: 2em; 
			margin-top: 0;
		}
	
		#stv-frontpage .imago h1 {
			padding: 0;
			padding-top: 0.7em;
			font-size: 2.5em; 
			margin-top: 0;
		}
		
		
		#stv-ari-frontpage .imago .txt, 
		#stv-frontpage .imago .txt {
			width: auto;
			padding-right: 3%;
		}
	
	
	#stv-abi .imago,
	#stv-phone .imago,
	#stv-internet .imago {
		background-color: #4fb7e3;	
		
	}
	
	#stv-kontakt .imago {
		background-color: #ffc200;	
		
	}
	
	#stv-tv .imago,
	.stv-process .stv-title,
	#stv-go .imago,
	#stv-security .imago {	
		background-color: #86bc2e;
		
	}
	

	body.ari .imago {
		height: auto;
		background-color: #79addb;
		padding-bottom: 2em;
	}
	
	#logo {
		padding: 0;	
	}
		
	h2 {
		font-size: 1.5em; 
	}
	
	
	#stv-header {
		margin-bottom: -30px;
		position: absolute;
		width: 100%;	
	}
	
	.servicebox .in {
		padding: 1.5em 1em 1.5em 27vw;
		background-color: #f2f2f2;	
		min-height: 150px;
		float: left;
		width: 100%;
		background-position: 1em 1em;
		background-repeat: no-repeat;
		background-color: #f2f2f2;
		background-size: 20vw 20vw;
	}
		
	.with-icon {
		padding-left: 110px;	
		background-position: 1em 1em;
		background-size: 75px auto;
	} 
	
	.with-icon-full {
		background-position: 1em 1em;
		background-size: 75px auto;
		
	}
	
	.with-icon-full .indentbox {
		  padding: 1.5em 1em 0 110px;
	}
	
	.with-icon-full .in {
		padding-left: 2em;
		padding-top: 0;	
	}
	
	
	#speed-table {
		width: 100%;
		margin-left: 0;
	}
	
	#megabit {
		padding-left: 90px;
		background-size: 60px auto;
		background-position: 0 0;	
	}

	#stv-header #mobile-menu-icon{
		color: #ffffff;
	}
	
	
	#footer-links {
		height: auto;
		padding: 1em 1em 0 1em;	
		padding-bottom: 90px;
	}
	
	#footer-links a {
		display: block;
		text-align: left; 
		margin: 0;
		font-size: 0.95em;
	}
	
	.footerCart .popup {
		margin-bottom: 0;
	}
	
	.footerCart .ribbon {
		position: relative;
		overflow: hidden;
		padding: 0;
		padding-top: 0.8em;
	}
	
	.footerCart .left,
	.footerCart .right { /*
		width: 100%;
		text-align: center; */
		padding-bottom: 0.5em;
	}
	
	.footerCart #amount {
		padding-left: 0;	
	}
	
	#edasi .button-title {
		/* display: none; */	
	}
	
	
	
	.blueBox {
		clear: both;	
	}
	
	.blueBox .btn {
		/*font-size: 1em;*/
	}
	
	.blueBox #sum-amount {
		padding: 0.6em 0.6em 0.6em 0;
		width: auto;
	}
	
	.footerCart #amount span.label, 
	.footerCart #amount .redBlob {
		font-size: 1em;
		float: none;	
	}

	#pick-services-icon {
		font-size: 1.5em; 
		float: left;
	}
	
	#pick-services {
		 font-weight: 700;
		 font-size: 1.1em!important;
		 padding-top: 0.2em;
		 display: inline-block;
		 float: left; 
		 color: #ffffff;	
	}
		
	.row .servicebox:last-child {
		margin-bottom: 0;	
	}

	
	.row .borderbox {
		margin-bottom: 1em;
	}

	#phonebox .in {
		padding: 1em!important;	
	}
	
	/* LAYER */
	
	
	.stv-layer {
		background-color: #ffffff;
		padding-top: 20px;
	}
	
	.stv-layer .layer-menu {
		width: 100%;
		position: fixed;
		z-index: 9999;
		left: 0;
		top: 0;
	}
	
	.stv-layer .layer-menu .header {
		margin-right: 10%;
		width: auto;
	}
	
	.stv-layer .icons {
		margin: 0;
		padding: 0;
		width: 10%;
		position: fixed;
		z-index: 9999;
		right: 0;
		top: 0;
	}
	
	.stv-layer .icons div {
		display: block;
		text-align: center;
		font-size: 1.8em;
		padding: 0;
		margin: 0;
		padding-top: 3px; 
		width: 100%;
	}
	
	.stv-layer .layer-content {
		margin-left: 0;
		padding: 2em;
	}
	
	.stv-layer .layer-menu ul {
		display: none;
		margin: 0;
		padding: 1em;
	}
	
	.stv-layer h1 {
		font-size: 1.8em;
	}
	
	.stv-layer h2 {
		font-size: 1.4em;	
	}
	
	.stv-layer .icons .print {
		display: none;	
	}
	
	table tr th,
	table tr td {
		font-size: 0.8em;	
	}

	.channel {
		background-position: left top;	
		background-size: 80px auto;
		padding-left: 80px;
		font-size: 0.9em;
	}
	
	button.button-label-margintop {
		margin-top: 0;	
	}
	
	.x {
		background-color: #ffffff;
		border: solid 0px #ffffff;
		border-bottom-width: 1px;	
	}
	
	table.tv-compare tr td {
		font-size: 11px;
	}

	table.tv-compare th img {
		width: 12px;
		height: auto;
	}
	
	
	.stv-layer.popup .intro,
	.stv-layer.popup .layer-content {
		margin-left: 0;
		width: 100%;
	}
	
	
	.stv-layer.popup .btn {
		font-size: 1em;
		padding: 0.5em 1em;	
	}
	
	.mobilecenter {
		text-align: center;	
	}
	
	#formwrapper {
		padding: 0;
		margin: 0 auto;
		background: #ffffff;
		filter: none;
	}
	
	
	.adbox {
		float: left;
		width: 100%;
		margin-left: 0;
	}

	.adbox#megabit-ad {
		background-position: 1em center;	
	}

	#lisakanalid .col-xs-6 {
		width: 100%;	
	}
	
	#offer label,
	.frm label {
		font-size: 1.3em;	
	}
	
	#offer label .txt12,
	.frm label .txt12 {
		font-size: 0.8em;	
	}
	
	input[type=radio] {
  		margin: 8px 0 0;
	}
	
	#offer label .number {
		line-height: 1.2em;
	}
	
	#offer h2 {
		font-size: 2em;	
	}
		
	body.stv-layer.alert {
		padding: 1em;	
	}
		
	h1.alert {
		font-size: 1.2em;
		padding-left: 80px;
		margin-top: 0;
		padding-top: 0;
		background: url('../gfx/ico-alert.png') left top no-repeat;	
		text-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		background-size: 80px 80px;
		min-height: 80px;
	}
	
	
	h1.stv-title {
		width: 100%;
		font-size: 1.5em;
		font-size: 5.5vw;
		color: #ffffff;
		margin: 0;
		margin-bottom: 1em;
		margin-top: 0.5em;
		min-height: 0;
	}
	
	
	
	.stv-process #stv-header {
		position: relative;
		background-color: #86bc2e;
		margin-bottom: 0;
	}
	
	.stv-blog #stv-header {
		position: relative;
		background-color: #4fb7e3;
		margin-bottom: 0;
	}
	
	/* 1-2-3 */
	
	.stv-process #process-wrap {
		background-color: #ececec;	
	}
	
	#process-count {
		padding-bottom: 5px;	
		font-size: 0.9em;
	}
	
	#process-count ul li {
		margin-bottom: 10px;
		padding-left: 24px;
		padding-right: 10px;
		background-position: 0 0;
		background-size: 17px auto;
		height: 17px;
	}
	
	#process-count ul li.active {
		background-position: 0 -50px;
	}
	
	#process-count ul li.visited {
		background-position: 0 -100px;
	}
	
	#process-count ul li {
		background-position: 0 0;
		background-size: 17px auto;
		height: 17px;
	}

	.process-table .right.half {
		padding-top: 0.5em;
		width: 100%;	
		padding-left: 0%;
	}
	
	.process-table .left.half {
		width: 100%;	
		padding-right: 0%;
	}
	
	

	#thankyou {	
		background-size: 100px 100px;
		height: 100px;
		display: table;
		padding-left: 120px;
	}
	
	#thankyou h2 {
		font-size: 5vw;
		padding-top: 0;
	}

	.blogBox {
		margin-bottom: 1em;	
	}
	
	#sum-amount #hint-txt {
		display: none;
	}
	
	.preview-table .summary {
		display: none!important;
	}
	
	.preview-table td:first-child {
		width: 100%;	
	}
		
	#header-offer {
		width: 100%;
		padding: 0 0 1em 0;
	}
	
	#header-offer .txt11 {
		width: 60%;	
		padding-left: 1em;
		line-height: 1.3em;
	}
	
	.linkBox {
		padding-bottom: 0.5em;	
	}
	
	.linkBox a span {
		display: inline;
	}
	
	.blog-float  { 
		width: 100%;
		height: auto;
		margin: 0 0 1em 0!important;
	}
}