/*========================================================== RESET ================================================*/

*, *::before, *::after, article, a, abbr, address, aside, hgroup, big, blockquote, b, body, x button, caption, cite, center, dl, dt, dd, details, div, del, dfn, embed, em, fieldset, figure, figcaption, footer, form, html, h1, h2, h3, h4, h5, h6, header, i, input, iframe, img, ins, kbd, li, label, legend, mark, nav, output, ol, optgroup, pre, p, q, section, span, summary, s, samp, small, strong, sub, sup, select, textarea, table, time, tbody, tfoot, thead, tr, th, td, tt, ul, u, var{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}

/* Remove text-shadow in selection highlight. These selection rule sets have to be separate */
::-moz-selection{
	background:#b3d4fc;
	text-shadow:none;
}

::selection{
	background:#b3d4fc;
	text-shadow:none;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
input::-moz-focus-inner{
	border:0;
	padding:0;
}

/* Re-set default cursor for disabled elements */
button[disabled],
html input[disabled]{
	cursor:default;
}

/* Correct button and select style inheritance in Firefox, IE 8/9/10/11, and Opera */
button,
select{
	text-transform:none;
	-webkit-appearance:none;
	overflow:visible;
	width:auto;
	/* IE7 */
	*padding-top:1px;
	*padding-bottom:1px;
	*height:auto;
}

/* Correct inability to style clickable `input` types in iOS and Improve usability and consistency of cursor style between image-type `input` and others */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{
	-webkit-appearance:button;
	cursor:pointer;
}

/* Remove most spacing between table cells */
table{
	border-collapse:collapse;
	border-spacing:0;
}

/* Correct font and color properties not being inherited */
button,
input,
optgroup,
select,
textarea{
	resize:none;
	color:inherit;
	font:inherit;
	vertical-align:middle;
	/* for Opera */
	z-index:1;
}

/* Fix the cursor style for Chrome's increment/decrement buttons */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
	height:auto;
}

/* Remove inner padding and search cancel button in Safari and Chrome on OS X */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
	-webkit-appearance:none;
}

/* IE 8/9/10/11 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
	display:block;
}

/* IE 8/9/10 */
input[type="checkbox"],
input[type="radio"]{
	box-sizing:border-box;
	padding:0;
}

/* IE 8/9/10/11 */
button{
	overflow:visible;
}

/* Improve readability when focused and also mouse hovered in all browsers */
a,
a:active,
a:hover{
	outline:0;
	background-color:transparent;
	text-decoration:underline;
	color:#4a95d0;
	cursor:pointer;
	white-space:nowrap;
}

ul,
ol{
	list-style:none;
}

/* Remove the gap between images and the bottom of their containers */

img{
	vertical-align:middle;
}

/*==================================================== BODY & HTML ==========================================*/

*,
*::before,
*::after,
html{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

body,
html{
	font:16px 'Exo 2', sans-serif;
	font:1rem 'Exo 2', sans-serif;
	line-height:1.333;
	color:black;
	height:100%;
	min-height:100%;
	overflow-y:auto;
	overflow-x:hidden;
}

/*=========================================================== MENU =============================================*/

li.menu-li.active:nth-child(1) ~ li#arrow-slider,
li.menu-li.inactive:nth-child(1):hover ~ li#arrow-slider{
	left:0%;
}
li.menu-li.active:nth-child(2) ~ li#arrow-slider,
li.menu-li.inactive:nth-child(2):hover ~ li#arrow-slider{
	left:20%;
}
li.menu-li.active:nth-child(3) ~ li#arrow-slider,
li.menu-li.inactive:nth-child(3):hover ~ li#arrow-slider{
	left:40%;
}
li.menu-li.active:nth-child(4) ~ li#arrow-slider,
li.menu-li.inactive:nth-child(4):hover ~ li#arrow-slider{
	left:60%;
}
li.menu-li.active:nth-child(5) ~ li#arrow-slider,
li.menu-li.inactive:nth-child(5):hover ~ li#arrow-slider{
	left:80%;
}

li#arrow-slider{
	position:absolute;
	top:0;
	bottom:0;
	width:20%;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	-ms-transition:all .5s ease;
	transition:all .5s ease;
	pointer-events:none;
	/*background:url(menu-slider.svg);
	background-size:contain;
	background-repeat:repeat;
	background-position:0% 0%;*/
	-webkit-box-shadow:0 -5px 0 #86cedd inset;
	-moz-box-shadow:0 -5px 0 #86cedd inset;
	box-shadow:0 -5px 0 #86cedd inset;
	z-index:100;
}

div#menu{
	position:fixed;
	height:40px;
	overflow:hidden;
	background:none;
	width:100%;
	z-index:999;
}

ul.menu-ul{
	height:40px;
	background:#3f3a33;
}

i#menu-line{
	position:absolute;
	width:100%;
	left:0;
	right:0;
	bottom:0;
	height:5px;
	background:#666;
	z-index:99;
}

li.menu-li{
	/*background:url(menu-background.svg);
	background-size:contain;
	background-repeat:repeat;
	background-position:0% 0%;*/
	position:relative;
	height:40px;
	/*-webkit-box-shadow:
		1px -8px 2px black,
		-1px -8px 2px white;
	-moz-box-shadow:
		1px -8px 2px black,
		-1px -8px 2px white;
	box-shadow:
		1px -8px 2px black,
		-1px -8px 2px white;*/
	width:20%;
}

li.menu-li + li.menu-li::before{
	position:absolute;
	content:'|';
	top:2px;
	left:-2px;
	color:#666;
	font-size:80%;
}

li.menu-li + li.menu-li::after{
	position:absolute;
	content:'|';
	bottom:7px;
	color:#666;
	left:-2px;
	font-size:80%;
}

a.menu-a{
	text-decoration:none;
}

span.menu-text{
	text-transform:uppercase;
	letter-spacing:5px;
	margin:auto;
	color:white;
}

li.active,
li.menu-li:hover{
	/*background:url(menu-active-background.svg);
	background-size:contain;
	background-repeat:repeat;
	background-position:0% 0%;*/
}

/*==================================================== GENERAL ELEMENTS =============================================*/

/* SECTION SCROLL */

.no-js{
	padding-top:106px;
}

section{
	min-width:960px;
	position:relative;
	height:100%;
	width:100%;
}

/* SECTION SCROLL PAGINATE */

div#slideNav{
	position:fixed;
	right:0;
	top:50%;
	z-index:11;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}

div#slideNav ul{
	color:white;
	font-size:90%;
	text-align:center;
}

div#slideNav li{
	width:50px;
	height:50px;
	line-height:50px;
	background-color:rgba(0,0,0,0.7);
	margin-bottom:1px;
	-webkit-box-shadow:0 0 2px white;
	-moz-box-shadow:0 0 2px white;
	box-shadow:0 0 2px white;
}

div#slideNav li:first-child{
	border-radius:5px 0 0;
}

div#slideNav li:last-child{
	border-radius:0 0 0 5px;
}

.no-rgba div#slideNav li{
	background-color:white;
}

div#slideNav a{
	display:block;
	width:50px;
	height:50px;
	position:relative;
	overflow:hidden;
	color:white;
	text-decoration:none;
}

div#slideNav a.disabled{
	cursor:default;
}

/* MAIN CONTAINERS */

div#page-container{
	top:40px;
}

.abs-cont{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}

.column{
	-webkit-flex-flow:column nowrap;
	flex-flow:column nowrap;
}

.rows{
	-webkit-flex-flow:row nowrap;
	flex-flow:row nowrap;
}

.display-flex{
	display:-webkit-box;
	display:-moz-box;
	display:-moz-flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
}

.flex-1{
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
}

.flex-2{
	-webkit-box-flex:2;
	-moz-box-flex:2;
	-webkit-flex:2;
	-ms-flex:2;
	flex:2;
}

.flex-3{
	-webkit-box-flex:3;
	-moz-box-flex:3;
	-webkit-flex:3;
	-ms-flex:3;
	flex:3;
}

.flex-4{
	-webkit-box-flex:4;
	-moz-box-flex:4;
	-webkit-flex:4;
	-ms-flex:4;
	flex:4;
}

.flex-5{
	-webkit-box-flex:5;
	-moz-box-flex:5;
	-webkit-flex:5;
	-ms-flex:5;
	flex:5;
}

/* LOADER ANIMATION */

.loading > *{
	-webkit-transition:opacity .9s ease-out;
	-moz-transition:opacity .9s ease-out;
	-o-transition:opacity .9s ease-out;
	-ms-transition:opacity .9s ease-out;
	transition:opacity .9s ease-out;
	opacity:0;
}

.loading{
	position:relative;
	z-index:999;
	width:100%;
	height:100%;
	overflow:hidden;
}

.loading::before{
	position:absolute;
	content:'';
	z-index:999;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	width:100px;
	height:100px;
	background:url('pageLoader.svg');
	background-size:contain;
	background-repeat:no-repeat;
}

.loaded > *{
	-webkit-transition:opacity .9s ease-out;
	-moz-transition:opacity .9s ease-out;
	-o-transition:opacity .9s ease-out;
	-ms-transition:opacity .9s ease-out;
	transition:opacity .9s ease-out;
	opacity:1;
}

/* HEADER */

div#header-top{
	position:absolute;
	top:0;
	width:100%;
	background:rgba(0,0,0,.8);
	-moz-box-shadow:0 0 5px rgba(255,255,255,.3);
	-webkit-box-shadow:0 0 5px rgba(255,255,255,.3);
	box-shadow:0 0 5px rgba(255,255,255,.3);
	z-index:1;
	color:beige;
	z-index:900;
}

div#header-middle{
	position:absolute;
	background:rgba(0,0,0,.8);
	z-index:900;
	bottom:20px;
	left:20px;
}

div#header-middle span{
	margin:auto;
	color:beige;
	padding:0 30px;
}

.media{
	margin:0 20px;
}

.media a,
media form{
	position:absolute;
	width:100%;
	height:100%;
}

.media span{
	margin:auto;
	width:40px;
	height:40px;
	position:relative;
}

/* CORNER MENU */

#toggleMenu{
	position:absolute;
	right:30px;
	top:30px;
}

#toggles{
	width:40px;
	height:40px;
	transition:all 0.3s;
	cursor:pointer;
	z-index:99;
	pointer-events:auto;
}
input[type=checkbox] {
	display:none;
}
.spinner {
	min-height:10px;
	background-color:#fff;
	position:relative;
}
.horizontal {
	transition:all 0.3s;
	margin-bottom:5px;
}
.diagonal.part-1 {
	transition:all 0.3s;
	margin-bottom:5px;
}
.diagonal.part-2 {
	transition:all 0.3s;
}
input[type=checkbox]:checked ~ #toggles > .horizontal {
	transition:all 0.3s;
	opacity:0;
}
input[type=checkbox]:checked ~ #toggles > .diagonal.part-1 {
	transition:all 0.3s;
	transform:rotate(135deg);
	top:10px;
}
input[type=checkbox]:checked ~ #toggles > .diagonal.part-2 {
	transition:all 0.3s;
	transform:rotate(-135deg);
	top:-20px;
}
.menus {
	width:0;
	height:0;
	position:absolute;
	background:rgba(0,0,0,.8);
	box-shadow:0 0 3px white;
	border-radius:50%;
	top:20px;
	left:20px;
	transform:translate(0px, 0px);
	opacity:0;
	z-index:5;
	transition:all .4s ease-in-out;
}
.menuOpened .menus {
	top:0;
	left:0;
	width:50px;
	height:50px;
	padding:7px;
	opacity:1;
	transition:all .4s ease-in-out;
}
.menuOpened .menu1 {
	transform:translate(10px, 95px);
	transition-delay:0s;
}
.menuOpened .menu2 {
	transform:translate(-40px, 72px);
	transition-delay:.05s;
}
.menuOpened .menu3 {
	transform:translate(-77px, 32px);
	transition-delay:.1s;
}
.menuOpened .menu4 {
	transform:translate(-95px, -20px);
	transition-delay:.15s;
}

/* FOOTER */

div#footer{
	background:url('footer-background.jpg');
	color:beige;
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
}

div#footer-middle,
div#footer-bottom{
	background:rgba(0,0,0,.6);
	-moz-box-shadow:0 0 1px rgba(255,255,255,.5);
	-webkit-box-shadow:0 0 1px rgba(255,255,255,.5);
	box-shadow:0 0 1px rgba(255,255,255,.5);
}

div#footer-middle{
	padding:20px 0;
}

div#footer-middle > div:nth-child(even){
	background:rgba(255, 255, 255, 0.1);
	border-radius:3px;
	padding:15px;
}

h1.our-partners{
	letter-spacing:10px;
}

/* BUTTON */

div.click-button{
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	outline:1px solid #6fb9d8;
	overflow:hidden;
	-moz-box-shadow:
		2px 0 0 rgba(0, 0, 0, 0.5),
		0 2px 0 rgba(0,0,0,.5),
		0 -2px 0 rgba(0,0,0,.5);
	-webkit-box-shadow:
		2px 0 0 rgba(0, 0, 0, 0.5),
		0 2px 0 rgba(0,0,0,.5),
		0 -2px 0 rgba(0,0,0,.5);
	box-shadow:
		2px 0 0 rgba(0, 0, 0, 0.5),
		0 2px 0 rgba(0,0,0,.5),
		0 -2px 0 rgba(0,0,0,.5);
	z-index:900;
}

div.click-button button{
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	background:#6fb9d8;
	cursor:pointer;
	width:150%;
	height:150%;
	position:absolute;
	top:-20px;
	left:-20px;
}

div.click-button button::before{
	position:absolute;
	content:'SEND';
	top:49%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	z-index:9;
}

div.click-button button::after{
	background:#f2981e;
	content:'';
	position:absolute;
	z-index:8;
	left:35px;
	right:35px;
	height:3px;
	bottom:47px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	transition:all 0.3s;
}

div.click-button button:hover::after{
	left:0;
	right:0;
	bottom:0;
	height:100%;
}

/*SECTION DESIGN*/

div.section__aside::before{
	content:'';
	position:absolute;
	top:0;
	right:73px;
	left:0;
	bottom:0;
	border:117px solid #eee;
	border-right:0;
	opacity:0.5;
}

div.section__aside{
	position:absolute;
	width:50%;
	top:0;
	left:0;
	bottom:0;
	right:0;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	z-index:1;
}

div.section__content,
div.section__aside figure::after,
div.section__aside figure::before{
	/*background:rgb(138,203,207);*/
	background:rgb(65, 80, 95);
}

div.section__aside figure::after,
div.section__aside figure::before{
	content:'';
	position:absolute;
	width:73px;
	height:117px;
	right:0;
	z-index:1;
}

div.section__aside figure::after{
	bottom:0;
}

div.section__aside figure::before{
	top:0;
}

div.section__content{
	position:absolute;
	top:0;
	left:50%;
	bottom:0;
	right:0;
	padding:50px;
	color:white;
}

.title-separator{
	position:relative;
	padding-bottom:20px;
}

.title-separator::after{
	position:absolute;
	content:'';
	width:100px;
	height:5px;
	background:rgba(0,0,0,.15);
	bottom:5px;
	left:0;
}

.title-separator-text{
	text-shadow:5px 9px 0 rgba(0,0,0,.15);
}

div.section__content div{
	padding:15px;
}

div.section__content p{
	position:relative;
	padding:20px 0 20px 30px;
	margin-right:50px;
}

div.section__content p:not(:last-child){
	-moz-box-shadow:0 1px 0 rgba(0,0,0,.15);
	-webkit-box-shadow:0 1px 0 rgba(0,0,0,.15);
	box-shadow:0 1px 0 rgba(0,0,0,.15);
}

div.section__content p > svg{
	position:absolute;
	width:7px;
	left:0;
}

/* PAGINATE */

div.pagination{
	margin:30px auto 0;
	position:relative;
	bottom:10px;
	width:300px;
}

div.pagination > ul{
	position:relative;
	top:-15px;
}

div.pagination > ul > li{
	display:block;
	width:20px;
	height:20px;
	background:white;
	border-radius:10px;
	font:120% 'Hammersmith One';
	line-height:3.5;
	text-align:center;
	position:relative;
	margin:0 20px;
	cursor:pointer;
}

div.pagination > ul > li::before{
	content:'';
	display:block;
	width:8px;
	height:8px;
	background:black;
	border-radius:4px;
	position:absolute;
	top:6px;
	left:6px;
	z-index:1;
}

div.pagination > ul > li:nth-child(3){
	color:red;
}

div.pagination > ul > li:nth-child(3)::before,
div.pagination > ul > li:hover::before{
	background:red !important;
}

li.entity path{
	fill:grey;
}

li.entity svg{
	margin-top:22px;
}

li.entity svg:hover #entityFirst,
li.entity svg:hover #entityPrev,
li.entity svg:hover #entityNext,
li.entity svg:hover #entityLast{
	fill:red;
}

div.pagination-line{
	background:white;
	height:10px;
	border-radius:5px;
	z-index:1;
	display:block;
	position:relative;
}

div.pagination-line::before{
	content:'';
	border-bottom:1px solid black;
	height:0;
	position:absolute;
	top:5px;
	left:5px;
	z-index:1;
	right:5px;
}

/*LOGIN + REGISTER*/

.memberForm{
	display:none;
}

.memberForm{
	width:40%;
	min-width:320px;
	max-width:475px;
	background:#fff;
	position:fixed;
	z-index:9999;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	border-radius:5px;
}

.memberForm:after{
	content:'';
	position:fixed;
	top:-8px;
	right:-8px;
	bottom:-8px;
	left:-8px;
	z-index:-1;
	background:rgba(255, 255, 255, 0.3);
	border-radius:5px;
}

.memberForm form{
	padding:2em;
}

.memberForm h2{
	color:grey;
	font:150% 'Righteous';
	text-align:center;
	background:#2a2a2a;
	width:100%;
	text-transform:uppercase;
	padding:20px;
	border-radius:5px 5px 0 0;
}

.memberForm input{
	margin-bottom:2em;
	padding:10px;
	box-shadow:0 1px 0 black;
	color:#757575;
}

.memberForm input:focus{
	outline:none;
}

.memberForm button{
	background:#1fb5bf;
	color:white;
	box-shadow:0 0 2px black, 0 0 2px white inset;
	margin-right:20px;
	min-width:100px;
	width:100px;
	-webkit-transition:.2s ease-out;
	-moz-transition:.2s ease-out;
	-o-transition:.2s ease-out;
	-ms-transition:.2s ease-out;
	transition:.2s ease-out;
	padding:10px 0;
}

.memberForm button:hover{
	background:#23cad5;
}
.memberForm button:active{
	background:#1fb5bf;
}
.memberForm button:focus{
	outline:none;
}
.memberForm a{
	color:#33d3de;
	margin:auto;
}
.memberForm a:hover{
	color:#1ba0a9;
}
.optBox{
	margin-bottom:20px;
}
.optBox input{
	display:none;
}
.optBox span{
	box-shadow:0 0 2px black;
	width:20px;
	height:20px;
	position:relative;
}
.optBox input[type=checkbox]:checked + span:before{
	content:'\2714';
	position:absolute;
	top:-4px;
	left:2px;
	font-size:130%;
}
.optBox i{
	margin:auto 5px;
}

/*CAPTCHA*/

.g-recaptcha > div{
	margin:auto;
}

.error{
	box-shadow:0 1px 0 red !important;
	color:red !important;
}

#mask{
	display:none;
	background:rgba(0,0,0,0.95);
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	right:0;
	z-index:999;
}

/* CLOSE BUTTON */

.close{
	position:absolute;
	right:2px;
	top:0;
	cursor:pointer;
	width:20px;
}

/*============================================================== HOME ==========================================*/

/* LOGO */

div.logo{
	background:url('koditv-epg-logo.svg');
	background-size:contain;
	background-repeat:no-repeat;
	position:relative;
	min-height:100px;
}

/* NEWS */

section.home-2::after{
	content:'';
	position:absolute;
	width:65%;
	border-radius:100%;
	background:rgba(242, 152, 30, 0.3);
	right:-200px;
	top:-100px;
	z-index:-1;
	bottom:-200px;
}

div#home-news-container{
	z-index:1;
	padding:15px;
	position:relative;
}

div.random-news-pic-left,
div.random-news-pic-right{
	position:relative;
	-ms-transform:skew(20deg);
	-webkit-transform:skew(20deg);
	transform:skew(20deg);
	overflow:hidden;
}

div.random-news-pic-right{
	right:160px;
	min-width:140%;
}

div.random-news-pic-left{
	left:-200px;
	max-width:55%;
}

div.random-news-pic-left::before{
	position:absolute;
	content:'';
	background:url('home-2-epg-iptv.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position:0% 50%;
	-ms-transform:skew(-20deg);
	-webkit-transform:skew(-20deg);
	transform:skew(-20deg);
	right:-200px;
	top:0;
	left:0;
	bottom:0;
	z-index:-1;
}

div.random-news-pic-right::before{
	top:0;
	right:0;
	bottom:0;
	left:-160px;
	position:absolute;
	content:'';
	background:url('home-2-iptv-channels.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position:0% 50%;
	-ms-transform:skew(-20deg);
	-webkit-transform:skew(-20deg);
	transform:skew(-20deg);
	z-index:-1;
}

div.create-date{
	font-size:80%;
	margin:auto;
	padding-right:35px;
}

div.news-content{
	padding:15px 25px 15px 15px;
}

section.home-3 div.section__aside figure{
	background:url('home-3-merge-info.jpg');
	width:100%;
	height:100%;
	background-size:cover;
	background-position:50%;
}

/* POLLER */

form#poller-container{
	margin:15px;
	width:100%;
	position:relative;
	padding:15px 15px 0 15px;
}

div#poller-content::before{
	content:'';
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background:#6fb9d8;
	z-index:-5;
	-moz-box-shadow:0 0 3px black;
	-webkit-box-shadow:0 0 3px black;
	box-shadow:0 0 3px black;
	border-radius:15px;
}

div.poller-question{
	font-weight:bold;
}

div.poller-date{
	text-align:right;
	font-size:80%;
}

div#poller-body{
	padding:10px;
}

.poller-options{
	margin-bottom:20px;
}

.poller-options input{
	margin:auto 5px;
}

div.poller-bar-container{
	background-color:#f7f7f7;
	background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));
	background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);
	background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);
	background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
	box-shadow:inset 0 3px 10px rgba(0,0,0,0.2);
	overflow:hidden;
}

div.poller-bar-progress{
	text-align:center;
	font-size:80%;
	padding:2px;
	white-space:nowrap;
}

div.voter-bar{
	background-color:#88A4F0;
	background-image:-moz-linear-gradient(top,#60c64b,#baff35);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#60c64b),to(#baff35));
	background-image:-webkit-linear-gradient(top,#60c64b,#baff35);
	background-image:-o-linear-gradient(top,#60c64b,#baff35);
	background-image:linear-gradient(to bottom,#60c64b,#baff35);
}

div.other-bar{
	background-color:#E8A65F;
	background-image:-moz-linear-gradient(top,#de925b,#f0ee5a);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#de925b),to(#f0ee5a));
	background-image:-webkit-linear-gradient(top,#de925b,#f0ee5a);
	background-image:-o-linear-gradient(top,#de925b,#f0ee5a);
	background-image:linear-gradient(to bottom,#de925b,#f0ee5a);
}

div#poller-total-vote,
div#poller-footer{
	text-align:right;
	position:relative;
	line-height:2;
	height:40px;
}

div#poller-button{
	position:absolute;
	width:80px;
	height:80px;
	right:-55px;
	top:0;
}

/* KODITV INFOGRAPH */

section.home-4 > div:last-child{
	background:url('home-4-info-graph.svg');
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
}

/* WHY CHOOSE US */

section.home-5{
	background:#f5f5f5;
	z-index:-2;
}

section.home-5::before{
	background:url('home-5-blurred-background.svg');
	background-size:cover;
	background-repeat:no-repeat;
	position:absolute;
	content:'';
	z-index:-1;
	left:10px;
	top:10px;
	bottom:10px;
	right:10px;
}

section.home-5 > div:first-child{
	background:url('home-5-blurred-line-top.svg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position:5% 100%;
}

span#why-choose-us{
	letter-spacing:10px;
	margin:auto;
	text-shadow:0 0 2px whitesmoke;
}

section.home-5 > div:last-child{
	background:url('home-5-blurred-line-bottom.svg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position:5% 0%;
}

div.wcu_option{
	padding:20px;
}

div.wcu_option > span:first-child{
	text-align:center;
	-moz-box-shadow:
		-50px 0px 0 rgba(255,255,255,0.2),
		0 0 50px rgba(255,255,255,0.2);
	-webkit-box-shadow:
		-50px 0px 0 rgba(255,255,255,0.2),
		0 0 50px rgba(255,255,255,0.2);
	box-shadow:
		-50px 0px 0 rgba(255,255,255,0.2),
		0 0 50px rgba(255,255,255,0.2);
	margin:20px 0;
	border-radius:50px 0;
}

/* TESTIMONIAL */

div#testimonials{
	background:rgba(0,0,0,.1) url('testimonials-background.png');
	background-size:cover;
	background-position:0 50%;
}

div#testimonial{
	background:rgba(0,0,0,.1);
	-moz-box-shadow:0 0 1px rgba(255,255,255,.5);
	-webkit-box-shadow:0 0 1px rgba(255,255,255,.5);
	box-shadow:0 0 1px rgba(255,255,255,.5);
	padding:20px 0;
}

h1.testimonials-top{
	margin:auto;
	letter-spacing:10px;
}

span.testimonials-middle{
	margin:auto;
	-webkit-box-shadow:0 1px 0 white;
	-moz-box-shadow:0 1px 0 white;
	box-shadow:0 1px 0 white;
}

span.testimonials-bottom{
	padding:20px;
}

/*============================================================= CONTACT ========================================*/

form#contact-top h1::before,
.surface h1::before{
	position:absolute;
	content:'';
	-moz-box-shadow:0 1px 0 #6fb9d8;
	-webkit-box-shadow:0 1px 0 #6fb9d8;
	box-shadow:0 1px 0 #6fb9d8;
	width:90%;
	height:1px;
	bottom:25%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	left:50%;
}

div.contact-shadow-mini > div:first-child{
	-moz-box-shadow:1px 0 0 #6fb9d8;
	-webkit-box-shadow:1px 0 0 #6fb9d8;
	box-shadow:1px 0 0 #6fb9d8;
}

div.contact-shadow{
	-moz-box-shadow:1px 0 0 #6fb9d8;
	-webkit-box-shadow:1px 0 0 #6fb9d8;
	box-shadow:1px 0 0 #6fb9d8;
}

.form__field{
	-moz-appearance:none;
	-webkit-appearance:none;
	background:#e1e1e1;
	font-weight:bold;
	font-style:italic;
	padding:.9em;
	width:80%;
	outline:4px solid #6fb9d8;
	margin:0 auto;
	max-height:50%;
}

textarea.form__field{
	min-height:80%;
	min-width:90%;
	position:relative;
	top:20px;

}

label.form__field__label{
	position:relative;
	left:30px;
	bottom:10px;
}

.contact-error{
	outline:4px solid red !important;
}

div.form-error{
	color:red;
	text-align:center;
	top:-5px;
	position:absolute;
	font-size:85%;
	right:45px;
}

div.status{
	position:absolute;
	left:30px;
	font-size:150%;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}

/*form#contact-top::before{
	top:0;
	right:0;
	left:0;
	bottom:0;
	position:absolute;
	content:'';
	background:url('contact-background-top.png');
	background-size:cover;
	background-repeat:no-repeat;
	background-position:50% 100%;
	z-index:-1;
}*/

div.contact-bottom{
	-moz-box-shadow:0 -1px 0 #6fb9d8;
	-webkit-box-shadow:0 -1px 0 #6fb9d8;
	box-shadow:0 -1px 0 #6fb9d8;
	max-height:80px;
	position:relative;
}

/*div.contact-bottom::before{
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	content:'';
	background:url('contact-background-bottom.png');
	background-size:cover;
	background-repeat:no-repeat;
	background-position:0% 50%;
	z-index:-1;
	opacity:0.3;
}*/

div#contact-button{
	position:absolute;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:80px;
	height:80px;
}

/*=============================================================== CHAT =========================================*/

section.status0{
	background:url('chat-inactive.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

section.status0 *{
	display:none;
}

div#chats{
	/*background:url('chat-background.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;*/
}

div#chat-container{
	/*padding:5px 40px 5px 5px;
	height:100%;*/
	overflow:hidden;
}

/* HEADER */

div#chat-header{
	line-height:2;
	height:60px;
	position:relative;
	background:#cfceb6;
	-moz-box-shadow:0 -2px 0 #959595 inset;
	-webkit-box-shadow:0 -2px 0 #959595 inset;
	box-shadow:0 -2px 0 #959595 inset;
}

div#chat-name{
	margin:auto;
	font-size:160%;
}

div#chat-more{
	position:absolute;
	text-decoration:underline;
	cursor:pointer;
	left:10px;
}

/* FOOTER */

form#chat-footer{
	height:100px;
	max-height:100px;
	padding:20px;
	background:#cfceb6;
	-moz-box-shadow:0 2px 0 #959595 inset;
	-webkit-box-shadow:0 2px 0 #959595 inset;
	box-shadow:0 2px 0 #959595 inset;
}

div#chat-status{
	font-size:115%;
	text-align:center;
	position:absolute;
	right:10px;
}

.chat-inp > div{
	background:#5f5f5f;
}

.chat-inp > div:not(:first-child){
	-moz-box-shadow:-1px 0 0 #b9b9b9;
	-webkit-box-shadow:-1px 0 0 #b9b9b9;
	box-shadow:-1px 0 0 #b9b9b9;
}

.chat-inp > div:first-child{
	border-radius:5px 0 0 5px;
}

.chat-inp > div:last-child{
	border-radius:0 5px 5px 0;
}

textarea.chatInput{
	height:100%;
	padding:10px;
	width:100%;
	background:#cfceb6;
	box-shadow:0 0 3px black inset;
}

form#chat-footer #send{
	cursor:pointer;
}

form#chat-footer .emoji{
	position:absolute;
	background:white;
	bottom:5px;
	left:5px;
	padding:10px;
	right:5px;
	display:none;
	text-align:center;
}

form#chat-footer img{
	margin:5px;
	cursor:pointer;
}

/* CHAT CONTENT */

div#chat-content-outside{
	/*max-height:calc(100% - 165px);*/
	overflow:hidden;
}

ul#chat-content-inside{
	overflow:hidden;
	width:100%;
}

ul#chat-content-inside img{
	position:relative;
	top:-2px;
	height:20px;
}

/* Full chat entry */
li.chat-entry{
	position:relative;
	width:99.5%;
}

li.chat-entry:first-child{
	margin-top:5px;
}

li.chat-entry:last-child{
	margin-bottom:5px;
}

ul#chat-content-inside li:last-child > div.chat-box-right{
	border-radius:0 0 10px 10px;
}
ul#chat-content-inside li:first-child > div.chat-box-right{
	border-radius:10px 10px 0 0;
}

/* The vertical line */
li.chat-entry:not(:last-child):before{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	width:5px;
	background:#628195;
	left:108px;
}

/* Left content */
div.chat-box-left{
	max-width:150px;
}

span.chat-separator{
	width:100px;
	height:5px;
	background:#628195;
	margin:2px 0;
}

/* Right content */
div.chat-box-right{
	background:#efede4;
	padding:7px;
	overflow:hidden;
	-moz-box-shadow:0 1px 3px #628195;
	-webkit-box-shadow:0 1px 3px #628195;
	box-shadow:0 1px 3px #628195;
}

div.chat-box-right p{
	margin:5px 20px;
	color:#444;
}

/* username */
div.chat-box-right h2{
	margin:0 5px;
	font-weight:bold;
}

/* The triangle */
div.chat-box-right::after{
	border:solid transparent;
	content:' ';
	height:0;
	width:0;
	left:130px;
	position:absolute;
	border-right-color:#dedede;
	border-width:10px;
	top:15px;
}

/* The icons background */
div.chat-icon{
	width:48px;
	height:48px;
	position:absolute;
	background:#e5e2e0;
	border-radius:100%;
	-moz-box-shadow:0 0 5px #628195;
	-webkit-box-shadow:0 0 5px #628195;
	box-shadow:0 0 5px #628195;
	text-align:center;
	left:86px;
	top:0;
}

/* The icons */
div.chat-icon svg{
	width:30px;
	height:30px;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

/*============================================================ CLIENTS =========================================*/

/* TAB FILTER */

#client{
	background:url('clients-background.jpg');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:100%;
	padding:200px;
}

.h-alpha {
	padding-bottom:0.4em;
	font-size:250%;
}
.h-beta {
    color:#4a90e2;
    padding-bottom:0.4em;
	font:200% 'Righteous';
    font-weight:normal;
}

.checklist li {
    padding:0 0 20px 30px;
	position:relative;
}




.filterList{
	overflow-y:auto;
}

.filterList > p > *{
	margin:auto 5px;
	padding:0 5px;
}

.filterTab{
	margin-bottom:20px;
}

.filterTab i{
	text-align:center;
	border-radius:5px;
	margin:2px;
	background:whitesmoke;
	padding:5px 0 2px;
	cursor:pointer;
	-moz-box-shadow:0 0 2px black;
	-webkit-box-shadow:0 0 2px black;
	box-shadow:0 0 2px black;
	text-transform:uppercase;
}

.filterTab i.current{
	-moz-box-shadow:
		2px 2px 2px rgba(0, 0, 0, 0.5) inset,
		-1px -1px 2px rgba(0, 0, 0, 0.5) inset;
	-webkit-box-shadow:
		2px 2px 2px rgba(0, 0, 0, 0.5) inset,
		-1px -1px 2px rgba(0, 0, 0, 0.5) inset;
	box-shadow:
		2px 2px 2px rgba(0, 0, 0, 0.5) inset,
		-1px -1px 2px rgba(0, 0, 0, 0.5) inset;
	background:#5ab6d4;
	color:white;
}

/* ORDER LISTER */

.section{
	background:lightgrey;
	border-radius:2px;
	-moz-box-shadow:1px 2px 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:1px 2px 5px rgba(0, 0, 0, 0.25);
	box-shadow:1px 2px 5px rgba(0, 0, 0, 0.25);
}

.section-header{
	cursor:pointer;
	position:relative;
	height:50px;
	text-shadow:0 0 1px rgba(255, 255, 255, 0.7);
	text-transform:uppercase;
}

.section-header h2{
	padding-left:10px;
	margin:auto 0;
}

.section-header:hover .toggle span, .section-header:hover .toggle span:before, .section-header:hover .toggle span:after{
	background:white;
}

.content{
	display:none;
	padding:20px;
	background:#c3c3c3;
	-moz-box-shadow:0 -1px 0 black;
	-webkit-box-shadow:0 -1px 0 black;
	box-shadow:0 -1px 0 black;
}

.content > p{
	padding:5px 0;
}

.content > p i:first-child{
	min-width:150px;
	font-weight:bold;
	padding-right:5px;
	text-align:right;
	-moz-box-shadow:2px 0 0px #c3c3c3;
	-webkit-box-shadow:2px 0 0px #c3c3c3;
	box-shadow:2px 0 0px #c3c3c3;
	margin-right:5px;
}

.content > p i span{
	padding-right:20px;
}

.content > p i span:nth-child(even){
	color:#c34e4e;
}

p.service-desc{
	background:#d1d1d1;
	margin:2px 0;
}

.toggle{
	position:absolute;
	right:0;
	width:90px;
	height:50px;
	border-radius:2px;
	transition:.25s ease;
	overflow:hidden;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	z-index:1;
}

.toggle span, .toggle span:before, .toggle span:after{
	height:16px;
	width:16px;
	border-radius:50%;
	background:#00627d;
	transition:.2s ease;
}

.toggle span{
	display:inline-block;
	position:absolute;
	top:50%;
	margin-top:-8px;
	left:50%;
	margin-left:-8px;
}
.toggle span:before, .toggle span:after{
	position:absolute;
	display:block;
	content:'';
}
.toggle span:before{
	left:-25px;
	top:0;
	bottom:0;
}
.toggle span:after{
	left:25px;
}

.section-header.is-active .toggle{
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}

.section-header.is-active .toggle span{
	background:transparent;
}

.section-header.is-active .toggle span:before, .section-header.is-active .toggle span:after{
	border-radius:10px;
	width:50px;
	height:8px;
	left:-16px;
	top:4px;
}

.section-header.is-active .toggle span:before{
	-webkit-transform:rotateZ(45deg);
	transform:rotateZ(45deg);
}

.section-header.is-active .toggle span:after{
	-webkit-transform:rotateZ(-45deg);
	transform:rotateZ(-45deg);
}

/* GRID EFFECT */

[class^="grid"] > *{
	width:100%;
	position:static !important;
}

/* SELECT 2 */

.select2,
.select2-selection{
	cursor:pointer;
	width:100% !important;
	height:100% !important;
	background:rgba(142, 149, 173, 0.2);
	box-shadow:0 1px 0 black inset;
	overflow:hidden;
}

.select2-selection__rendered,
.select2-selection__placeholder{
	top:50% !important;
	position:absolute !important;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	width:99%;
	height:30px;
}

.select2-selection__arrow{
	background:#e1e1e1;
	height:100% !important;
	width:15px !important;
	box-shadow:
		-1px 0px 0 #a1a1a1,
		0px -2px 0 #a1a1a1 inset;
}

.select2-selection{
	border:none !important;
	border-radius:0 !important;
}

/*================================================================ EPG =========================================*/

/*
tt{}

div.planOptions{
	position:absolute;
	top:10px;
	left:400px;
	bottom:10px;
	right:10px;
}

div.planTabs{
	width:400px;
	max-width:400px;
	padding:10px 10px 0px;
}

.tab-name{
	position:absolute;
	left:100px;
	right:0;
	bottom:50%;
	top:0;
	-moz-box-shadow:0 1px 0px white;
	-webkit-box-shadow:0 1px 0px white;
	box-shadow:0 1px 0px white;
}

.tab-name i{
	margin:auto;
	height:40px;
}

.tab-bottom{
	position:absolute;
	left:100px;
	right:0;
	bottom:0;
	top:50%;
}

.tab-bottom button{
	margin:auto;
	color:#454545;
	background:transparent;
	border-width:2px;
	border-style:solid;
	border-color:#454545;
	position:relative;
	display:inline-block;
	padding:5px 10px;
	transition:all 0.3s ease-in-out;
	text-align:center;
}

.tab-bottom button:before,
.tab-bottom button:after{
	content:'';
	display:block;
	position:absolute;
	border-color:#454545;
	box-sizing:border-box;
	border-style:solid;
	width:1em;
	height:1em;
	transition:all 0.3s ease-in-out;
}

.tab-bottom button:before{
	top:-6px;
	left:-6px;
	border-width:2px 0 0 2px;
	z-index:5;
}

.tab-bottom button:after{
	bottom:-6px;
	right:-6px;
	border-width:0 2px 2px 0;
}

.tab-bottom button:hover:before,
.tab-bottom button:hover:after{
	width:calc(100% + 12px);
	height:calc(100% + 12px);
	border-color:#454545;
}

.tab-bottom button:hover{
	color:#353535;
	border-color:#454545;
}

.link-tile h3{
	position:absolute;
	width:100px;
	top:0;
	bottom:0;
	left:0;
	background-color:#b0b0b0;
	background-image:linear-gradient(#fff, #b0b0b0);
}

.tab-price{
	border-radius:100px;
	-moz-box-shadow:
		0 5px 20px #ddd inset,
		0 3px 0 #999 inset;
	-webkit-box-shadow:
		0 5px 20px #ddd inset,
		0 3px 0 #999 inset;
	box-shadow:
		0 5px 20px #ddd inset,
		0 3px 0 #999 inset;
	border:5px solid #fff;
	position:absolute;
	width:100px;
	height:100px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	left:50%;
	background:white;
}

.tab-price i{
	position:absolute;
	left:50%;
	white-space:nowrap;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}

.tab-price i:first-child{
	top:15%;
	font-size:200%;
}

.tab-price i:last-child{
	bottom:15%;
}

div.link-tile{
	animation:grow 0.5s ease-in;
	animation-fill-mode:both;
	opacity:1;
	cursor:pointer;
	margin-bottom:10px;
	-moz-box-shadow:0 0 2px black;
	-webkit-box-shadow:0 0 2px black;
	box-shadow:0 0 2px black;
	position:relative;
}

div.link-tile.active{
	animation:fade 0s .5s, shrink .5s linear .5s;
	animation-fill-mode:forwards;
}

div.link-tile.active > span{
	animation:fade 0.25s;
	animation-fill-mode:forwards;
}

div.link-tile.activated{
	display:none;
}

div.link-tile > span{
	line-height:1.3;
	margin:10px;
	background:rgba(0, 0, 0, 0.5);
	font-size:110%;
	padding:10px;
	border-radius:5px;
	-moz-box-shadow:0 0 1px white inset;
	-webkit-box-shadow:0 0 1px white inset;
	box-shadow:0 0 1px white inset;
	color:beige;
	text-align:justify;
}

div.panel{
	position:relative;
	visibility:hidden;
	overflow:hidden;
	animation:grow 1s linear;
	animation-fill-mode:both;
}

div.panel.inactive{
	opacity:0;
	animation:shrink 0.5s linear;
	animation-fill-mode:both;
}

div.panel > div.inner{
	position:absolute;
	top:10px;
	bottom:10px;
	left:10px;
	right:10px;
}


@keyframes appear{
	to{
		visibility:visible;
	}
}

@keyframes disappear{
	to{
		visibility:hidden;
	}
}

@keyframes fade{
	to{
		opacity:0;
	}
}

@keyframes shrink{
	from{
		opacity:0;
	}
	to{
		height:0;
		opacity:0;
	}
}

@keyframes grow{
	from{
		height:0;
		opacity:0;
	}
}

.lm-underline{
	position:relative;
}
.lm-underline:after{
	position:absolute;
	content:' ';
	right:5%;
	left:5%;
	bottom:0;
	height:1px;
	background-image:linear-gradient(90deg, transparent, #fff, transparent);
}
.lm-tabel{
	margin:auto;
	width:400px;
	min-width:400px;
}
.lm-item{
	vertical-align:top;
	position:relative;
	transition:-webkit-transform 0.3s ease-out, -webkit-filter 0.3s;
	transition:transform 0.3s ease-out, filter 0.3s;
	transition:transform 0.3s ease-out, filter 0.3s, -webkit-transform 0.3s ease-out, -webkit-filter 0.3s;
}
.lm-item:after,
.lm-item:before{
	z-index:-1;
	content:' ';
	position:absolute;
	left:13px;
	top:0;
	bottom:18px;
	right:13px;
	-webkit-transform-origin:bottom center;
	transform-origin:bottom center;
	-moz-box-shadow:0px 25px 10px -8px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 25px 10px -8px rgba(0,0,0,0.4);
	box-shadow:0px 25px 10px -8px rgba(0,0,0,0.4);
}
.lm-item:after{
	-webkit-transform:rotate(5deg) translate3d(15px, 0, 0);
	transform:rotate(5deg) translate3d(15px, 0, 0);
}
.lm-item:before{
	-webkit-transform:rotate(-5deg) translate3d(-15px, 0, 0);
	transform:rotate(-5deg) translate3d(-15px, 0, 0);
}
.lm-item-top{
	padding-top:20px;
	text-transform:uppercase;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	text-align:center;
}
.lm-item-title{
	color:#e3dfe2;
	font:100 30px/70px 'Ubuntu';
}
.lm-item-price{
	background:rgba(255,255,255,0.05);
	margin-top:20px;
	font-size:40px;
	line-height:50px;
	color:#fff;
}
.lm-item-body{
	padding:15px;
	background:#fff;
}
.lm-item-desc{
	margin-bottom:15px;
}
.lm-item-desc strong{
	color:#868686;
}
.lm-item-desc p{
	color:#b4b4b4;
	text-align:center;
	margin-bottom:15px;
	text-transform:uppercase;
}
.lm-item-list{
	margin-bottom:50px;
}
.lm-item-list li{
	color:#626262;
	margin-bottom:10px;
	text-align:left;
	padding-left:20px;
}
.lm-item-list li:nth-child(odd){
	background-color:#fbfbfb;
}
.lm-item-link{
	margin-top:5px;
	height:80px;
	position:relative;
}
.lm-item-link a{
	display:inline-block;
	text-decoration:none;
}
.lm-item-link text{
	font-size:21px;
	font-weight:700;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.lm-item-bottom{
	text-align:center;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
	padding:15px;
	color:rgba(255,255,255,0.5);
	font-weight:100;
	min-height:20px;
}
.lm-item-bottom span{
	color:#fff;
	font-weight:400;
	margin-right:3px;
	-webkit-transform:skewX(-10deg);
	transform:skewX(-10deg);
	display:inline-block;
}

*/

/* PLAN INTRO */

.plan-services{
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-webkit-flex-flow:row wrap;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap;
	overflow:hidden;
	list-style-type:none;
}

.plan-services .plan-service{
	max-width:33.3%;
	height:33.3%;
	-webkit-box-flex:0;
	-webkit-flex:0 0 33.3%;
	-ms-flex:0 0 33.3%;
	flex:0 0 33.3%;
	padding:15px 15px 60px 60px;
	position:relative;
}
.plan-services .plan-left:before{
	position:absolute;
	/*content:'';*/
	box-shadow:0 0 2px rgba(0,0,0,0.2);
	height:80%;
	width:1px;
	left:0;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}

.plan-services .plan-bottom:after{
	position:absolute;
	/*content:'';*/
	box-shadow:0 0 2px rgba(0,0,0,0.2);
	width:90%;
	height:1px;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
}

.plan-icon{
	position:absolute;
	top:15px;
	left:10px;
	font-size:0;
	line-height:35px;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
}

.plan-service p{
	opacity:.6;
}

.plan-service h4{
	font-weight:bold;
	margin-bottom:25px;
}

.plan-icon i{
	display:block;
	-webkit-transition:opacity .3s;
	-o-transition:opacity .3s;
	transition:opacity .3s;
}

.ico-auto{
	width:40px;
	height:40px;
	background-image:url('auto.svg');
}

.ico-vod{
	width:40px;
	height:40px;
	background-image:url('vod.svg');
}

.ico-json{
	width:40px;
	height:40px;
	background-image:url('json.svg');
}

.ico-siptv{
	width:40px;
	height:40px;
	background-image:url('siptv.svg');
}

.ico-xxx{
	width:40px;
	height:40px;
	background-image:url('xxx.svg');
}

.ico-nonstop{
	width:40px;
	height:40px;
	background-image:url('nonstop.svg');
}

.ico-playlist{
	width:40px;
	height:40px;
	background-image:url('playlist.svg');
}

.ico-chreq{
	width:40px;
	height:40px;
	background-image:url('chreq.svg');
}

.ico-bein{
	width:40px;
	height:40px;
	background-image:url('bein.svg');
}

.ico-trial{
	width:40px;
	height:40px;
	background-image:url('trial.svg');
}

[class^="ico"]{
	display:inline-block;
	vertical-align:middle;
	background-size:contain;
	background-repeat:no-repeat;
	font-size:0;
	line-height:0;
	text-indent:-4004px;
}

.lm-item-link{
	margin-top:5px;
	height:80px;
	position:relative;
}

.lm-item-link a{
	display:inline-block;
	text-decoration:none;
}

.lm-item-link text{
	font-size:21px;
	font-weight:700;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

/* SAVE PLAN*/

.main{
	padding:50px 20px 20px;
	margin:10px 0 0 10px;
	position:relative;
	background:#dadada;
	flex-flow:row wrap;
	-webkit-flex-flow:row wrap;
	-moz-flex-flow:row wrap;
}

.mains{
	margin-right:10px;
}

.main:before{
	position:absolute;
	content:"";
	-moz-box-shadow:
		0 1px 0 black,
		0 -1px 0 black,
		-1px 0 0 black,
		1px 0 0 black;
	-webkit-box-shadow:
		0 1px 0 black,
		0 -1px 0 black,
		-1px 0 0 black,
		1px 0 0 black;
	box-shadow:
		0 1px 0 black,
		0 -1px 0 black,
		-1px 0 0 black,
		1px 0 0 black;
	left:0;
	top:0;
	bottom:0;
	right:0;
	border-radius:5px;
}

.main > h1{
	position:absolute;
	top:-5px;
	left:-5px;
	background:black;
	padding:5px;
	-moz-box-shadow:
		0px 0px 3px white inset,
		0px 0px 3px white;
	-webkit-box-shadow:
		0px 0px 3px white inset,
		0px 0px 3px white;
	box-shadow:
		0px 0px 3px white inset,
		0px 0px 3px white;
	border-radius:5px 5px 0 5px;
	color:beige;
}

.main > h2{
	position:absolute;
	top:1px;
	right:1px;
	background:white;
	padding:5px;
	border-radius:0 5px 0 5px;
}

.currPrice{
	position:absolute;
	left:5px;
	top:50%;
	white-space:nowrap;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}

.checkboxholder,
.radioholder{
	width:calc(100% / 9);
	background:#fff;
	color:#666;
	-o-transition:.1s ease-out;
	-ms-transition:.1s ease-out;
	-moz-transition:.1s ease-out;
	-webkit-transition:.1s ease-out;
	transition:.1s ease-out;
	cursor:pointer;
	position:relative;
	margin:1px 1%;
}

.selectBox{
	width:calc(100% / 9);
	background:#fff;
	color:#666;
	-o-transition:.1s ease-out;
	-ms-transition:.1s ease-out;
	-moz-transition:.1s ease-out;
	-webkit-transition:.1s ease-out;
	transition:.1s ease-out;
	cursor:pointer;
	position:relative;
	margin:1px 1%;
}

.activeHolder{
	background:#39A9A4;
	color:#fff;
}

.descOptions{
	position:absolute;
	left:40px;
	top:0;
	bottom:0;
	right:0;
}

.tickOptions{
	background-color:#eee;
	background-image:none;
	-o-transition:.1s ease-out;
	-ms-transition:.1s ease-out;
	-moz-transition:.1s ease-out;
	-webkit-transition:.1s ease-out;
	transition:.1s ease-out;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
}

.activeHolder .tickOptions{
	background-color:#2A817C;
	background-image:url('pricing-tick.png');
	background-size:contain;
	background-repeat:no-repeat;
}

.activeHolder:hover{
	background-color:#39A9A4;
}

.activeHolder:hover .tickOptions{
	background-color:#2A817C;
}

.radioholder:hover,
.checkboxholder:hover{
	background-color:#eee;
}

.radioholder:hover .tickOptions,
.checkboxholder:hover .tickOptions{
	background-color:#ddd;
}

.discount5{
	position:absolute;
	right:0;
	background:url('sale5.png') 100% 0;
	background-repeat:no-repeat;
	height:100%;
	background-size:contain;
	width:100%;
}

.discount10{
	position:absolute;
	right:0;
	background:url('sale10.png') 100% 0;
	background-repeat:no-repeat;
	height:100%;
	background-size:contain;
	width:100%;
}

.discount20{
	position:absolute;
	right:0;
	background:url('sale20.png') 100% 0;
	background-repeat:no-repeat;
	height:100%;
	background-size:contain;
	width:100%;
}

/* OLD */

div#channelLister{
	display:none;
	position:absolute;
	top:60px;
	right:20px;
	left:20px;
	overflow:hidden;
	z-index:999;
	bottom:20px;
}

div#channelLister-body{
	position:absolute;
	top:0;
	left:0;
	right:0;
	overflow:auto;
	bottom:0;
}

.CH-row{
	min-height:70px;
}

div.CH-row:nth-child(odd){
	background:#b4b4b4;
}

div.CH-row:nth-child(even){
	background:#cecece;
}

div.channelLister-img{
	padding:1px;
	background:rgba(0,0,0,0.5);
	width:110px;
	overflow:hidden;
}

div.channelLister-head{
	background:white;
	font:130% 'Hammersmith One';
	position:fixed;
	top:70px;
	left:20px;
	right:20px;
}

div.channelLister-head div{
	padding:5px;
}

div.channelLister-img img{
	width:100%;
	object-fit:contain;
	height:100%;
}

div.channelLister-name span{
	margin:auto 0;
}

div.channelLister-id span{
	width:100%;
	margin:auto 10px auto;
	padding:5px;
	background:white;
}

div.channelLister-name{
	padding-left:10px;
}

div.epg-first{
	position:absolute;
	bottom:10px;
	left:10px;
	background:rgba(0, 0, 0, 0.5);
	padding:20px;
	color:beige;
	z-index:2;
	pointer-events:none;
}

div.epg-second > div{
	width:90%;
	background:rgba(0, 0, 0, 0.8);
	height:80%;
	border-radius:10px;
	color:beige;
	overflow:hidden;
	margin:auto;
	-webkit-box-shadow:
		0 0 5px rgb(0, 0, 0),
		inset 0 0 5px rgb(255, 255, 255);
	-moz-box-shadow:
		0 0 5px rgb(0, 0, 0),
		inset 0 0 5px rgb(255, 255, 255);
	box-shadow:
		0 0 5px rgb(0, 0, 0),
		inset 0 0 5px rgb(255, 255, 255);
}

div.epg-second div{
	position:relative;
}

div.epg-bottom span{
	margin:auto;
	width:100%;
}

div.epg-top span{
	-webkit-box-shadow:
		0 0 5px rgba(255,255,255,0.5),
		70px 0px 0 rgb(55,55,55) inset;
	-moz-box-shadow:
		0 0 5px rgba(255,255,255,0.5),
		70px 0px 0 rgb(55,55,55) inset;
	box-shadow:
		0 0 5px rgba(255,255,255,0.5),
		70px 0px 0 rgb(55,55,55) inset;
	text-align:center;
	margin:auto;
	width:75%;
	line-height:2;
	position:relative;
	border-radius:4px;
}

div.epg-top span > svg{
	position:absolute;
	left:10px;
	bottom:5px;
}

div.epg-bottom{
	padding:20px;
}

div.epg-left{
	-webkit-box-shadow:1px 0 0 rgba(255,255,255,0.3);
	-moz-box-shadow:1px 0 0 rgba(255,255,255,0.3);
	box-shadow:1px 0 0 rgba(255,255,255,0.3);
	padding:0 20px 0 0;
}

div.epg-right{
	padding:0 0 0 20px;
}

div.epg-left > div:not(:last-child){
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.3);
	-moz-box-shadow:0 1px 0 rgba(255,255,255,0.3);
	box-shadow:0 1px 0 rgba(255,255,255,0.3);
}

div.epg-left span{
	text-align:right;
}

svg{
	touch-action:none;
}

.jvectormap-container,
div#world-map-epg{
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
	touch-action:none;
}

.jvectormap-tip{
	position:absolute;
	display:none;
	border:solid 1px #CDCDCD;
	border-radius:3px;
	background:#292929;
	color:white;
	padding:3px;
}

.jvectormap-zoomin,
.jvectormap-zoomout{
	position:absolute;
	left:10px;
	border-radius:3px;
	background:#292929;
	padding:3px;
	color:white;
	cursor:pointer;
	text-align:center;
	box-sizing:content-box;
	width:23px;
	height:23px;
}

.jvectormap-zoomin{
	top:10px;
}

.jvectormap-zoomout{
	top:40px;
}

/*VOTES*/

form#stars{
	font-size:150%;
	white-space:nowrap;
}

div#voter-content{
	margin:auto 0;
}

input[class^="star"]{
	display:none;
}

label[class^="star"]{
	float:right;
	color:#444;
	transition:all .2s;
}

label[class^="star"]:not(:nth-child(2)){
	padding-right:10px;
}

input[class^="star"]:checked ~ label[class^="star"]::before{
	content:'\f005';
	color:#FD4;
	transition:all .25s;
}

input.star-10:checked ~ label[class^="star"]::before,
input.star-10:hover ~ label.enabled-votes::before{
	color:#D4C522;
	text-shadow:0 0 15px #D4C522;
}

input.star-9:checked ~ label[class^="star"]::before,
input.star-9:hover ~ label.enabled-votes::before{
	color:#D4B022;
	text-shadow:0 0 10px #D4B022;
}

input.star-8:checked ~ label[class^="star"]::before,
input.star-8:hover ~ label.enabled-votes::before{
	color:#D49722;
	text-shadow:0 0 5px #D49722;
}

input.star-7:checked ~ label[class^="star"]::before,
input.star-7:hover ~ label.enabled-votes::before{
	color:#D48722;
	text-shadow:0 0 2px #D48722;
}

input.star-6:checked ~ label[class^="star"]::before,
input.star-6:hover ~ label.enabled-votes::before{
	color:#D47222;
}

input.star-5:checked ~ label[class^="star"]::before,
input.star-5:hover ~ label.enabled-votes::before{
	color:#D46522;
}

input.star-4:checked ~ label[class^="star"]::before,
input.star-4:hover ~ label.enabled-votes::before{
	color:#D45D22;
}

input.star-3:checked ~ label[class^="star"]::before,
input.star-3:hover ~ label.enabled-votes::before{
	color:#D44822;
}

input.star-2:checked ~ label[class^="star"]::before,
input.star-2:hover ~ label.enabled-votes::before{
	color:#D43722;
}

input.star-1:checked ~ label[class^="star"]::before,
input.star-1:hover ~ label.enabled-votes::before{
	color:#D42222;
}

label.enabled-votes:hover{
	transform:rotate(-15deg) scale(1.3);
	cursor:pointer;
}

label[class^="star"]::before{
	content:'\f006';
	font-family:FontAwesome;
}

small.votes-value{
	width:18px;
	text-align:right;
}

/*FILE UPLOAD*/

.custom-file-uploader{
	position:relative;
	padding:6px 0;
	margin:auto auto auto 5px;
	text-align:center;
	white-space:nowrap;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
	background-color:transparent;
	-moz-box-shadow:0 0 2px black;
	-webkit-box-shadow:0 0 2px black;
	box-shadow:0 0 2px black;
	border-radius:4px;
	min-width:100px;
}

.custom-file-uploader input{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:5;
	width:100%;
	height:100%;
	opacity:0;
	cursor:pointer;
}

.form-control{
	background-color:#eee;
	padding:8px;
	margin:auto;
	font-size:80%;
	background-image:none;
	border-radius:4px;
	-moz-box-shadow:
		inset 0 1px 1px rgba(0,0,0,.075),
		0 0 2px black;
	-webkit-box-shadow:
		inset 0 1px 1px rgba(0,0,0,.075),
		0 0 2px black;
	box-shadow:
		inset 0 1px 1px rgba(0,0,0,.075),
		0 0 2px black;
}

form#upload{
	margin:auto 0;
}

/*FILE DOWNLOAD*/

div#download{
	overflow-y:scroll;
	height:100%;
	min-height:80%;
}

div#download > div{
	min-height:85px;
}

div#download > div:not(:first-child){
	-moz-box-shadow:0 1px 0 black inset;
	-webkit-box-shadow:0 1px 0 black inset;
	box-shadow:0 1px 0 black inset;
}

div#download > div:nth-child(odd){
	background:rgba(28, 93, 104, .3);
}

div#download > div:nth-child(even){
	background:rgba(255, 216, 0, .3);
}

div#download-header{
	background:white !important;
	height:50px;
	min-height:50px;
}

div#download-header > div{
	padding:10px 0;
}

div.channel-details{
	background:rgba(216, 225, 70, .2);
}

div.channel-selection{
	background:rgba(204, 150, 160, .2);
}

div#download-bottom{
	height:50px;
	min-height:50px;
}

div#download-bottom button{
	margin:auto;
	padding:5px;
	border-radius:5px;
	background:lightgray;
}

.tvg-shift{
	width:110px;
}

.playlist-element{
	margin:auto;
	position:relative;
}

[class^='channelLogo-']{
	display:none;
	padding:0 5px 5px 5px;
}

label.channel-name{
	padding:5px 10px;
	-moz-box-shadow:0 1px 0 rgba(0,0,0,.1);
	-webkit-box-shadow:0 1px 0 rgba(0,0,0,.1);
	box-shadow:0 1px 0 rgba(0,0,0,.1);
	position:relative;
}

label.channel-name > a{
	position:absolute;
	font-size:80%;
	right:5px;
}

label.channel-url{
	font-size:80%;
	padding:5px 15px;
}

/*DROPDOWN MENU*/

div.dropdown{
	-moz-box-shadow:0 0 2px #A2ACB0;
	-webkit-box-shadow:0 0 2px #A2ACB0;
	box-shadow:0 0 2px #A2ACB0;
	max-width:95%;
}

div.dropdown-menu{
	z-index:999;
	background:white;
	position:absolute;
	overflow:hidden;
	max-height:300px;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	transition:all 0.2s;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-moz-box-shadow:0 -1px 0 #D9E1E4;
	-webkit-box-shadow:0 -1px 0 #D9E1E4;
	box-shadow:0 -1px 0 #D9E1E4;
	left:0;
	right:0;
	width:100%;
}

.dropdown .closed .dropdown-menu li{
	height:0px;
}

.dropdown .title{
	width:100%;
	position:relative;
	height:40px;
	min-height:40px;
	padding:0 12px;
	cursor:pointer;
}

.dropdown ul{
	position:absolute;
	top:0;
	width:100%;
}

.dropdown ul li{
	width:100%;
	height:40px;
	min-height:40px;
	-moz-box-shadow:0 1px 0 #D9E1E4;
	-webkit-box-shadow:0 1px 0 #D9E1E4;
	box-shadow:0 1px 0 #D9E1E4;
	padding:0 12px;
	vertical-align:top;
	overflow:hidden;
	cursor:pointer;
	-webkit-transition:height 0.5s;
	-moz-transition:height 0.5s;
	transition:height 0.5s;
}

.dropdown ul li:hover{
	background-color:#D9E1E4;
}

/* COUNTER */

.ctrl__button,
.paypal{
	position:relative;
	cursor:pointer;
}

.ctrl__button__decrement::before{
	content:'\f056';
	position:absolute;
	left:50%;
	z-index:1;
	font-family:FontAwesome;
	top:0;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}

.ctrl__button__increment::before{
	content:'\f055';
	position:absolute;
	left:50%;
	z-index:1;
	font-family:FontAwesome;
	top:0;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
}

/*============================================================ SERVICES ========================================*/

/*input.input-services{
	position:absolute;
	visibility:hidden;
}

input.input-services + label{
	background:#aaa;
	-webkit-box-shadow:0 -1px 1px #eee;
	-moz-box-shadow:0 -1px 1px #eee;
	box-shadow:0 -1px 1px #eee;
	color:#eee;
	cursor:pointer;
	position:relative;
}

input.input-services + label span{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	left:10px;
	max-width:48%;
}

input.input-services:checked + label{
	color:black;
}*/

div.services{
	background:#eee;
	display:none;
	height:100%;
	padding:25px 25px 0;
	position:absolute;
	top:0;
	right:0;
	width:85%;
	z-index:2;
}

div.services > h2{
	line-height:2;
	-webkit-box-shadow:0 1px 0 #aaa;
	-moz-box-shadow:0 1px 0 #aaa;
	box-shadow:0 1px 0 #aaa;
	font-weight:bold;
}

.surface{
	margin:10px 30px 10px 10px;
	height:95%;
	overflow:hidden;
}

div.overview > div:not(:last-child){
	-webkit-box-shadow:0 1px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 1px 0px rgba(0, 0, 0, 0.1);
	box-shadow:0 1px 0px rgba(0, 0, 0, 0.1);
}

div.overview > div > div:first-child{
	-webkit-box-shadow:1px 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:1px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow:1px 0 0 rgba(0, 0, 0, 0.1);
}

input[name="services"]:checked ~ label::after{
	border-top:20px solid transparent;
	border-bottom:20px solid transparent; 
	border-right:20px solid #eee; 
	content:'';
	height:0; 
	opacity:0;
	position:absolute;
	top:50%;
	right:85%;
	width:0; 
	z-index:2;
	transition:opacity 0.25s;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}

/*input.input-services:checked + label::after{
	opacity:1;
}*/

/*=============================================================== FAQ ==========================================*/


div#faq-1{
	background:url('faq-header-background.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
}

div.faq-left::before{
	top:0;
	right:0;
	left:0;
	bottom:0;
	position:absolute;
	content:'';
	background:url('faq-header-road-sign.svg');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:100% 0%;
	z-index:0;
}

div.faq-right{
	margin:30px;
	background:rgba(255,255,255,.5);
	border-radius:10px;
}

div.faq-top,
div.faq-bottom{
	background:rgba(255, 162, 0, .5);
	border-radius:10px;
}

div.faq-top{
	-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.5);
	box-shadow:0 1px 0 rgba(0, 0, 0, 0.5);
}

div.faq-bottom{
	-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.5);
	box-shadow:0 -1px 0 rgba(0, 0, 0, 0.5);
}

div.faq-middle{
	padding:50px;
	text-align:justify;
	-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
	box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
}

/* QUESTION & ANSWER */

input.input-tab{
	position:absolute;
	visibility:hidden;
}

input.input-tab + label{
	background:#aaa;
	-webkit-box-shadow:
		0 -1px 1px #eee,
		-1px 0 3px #000 inset;
	-moz-box-shadow:
		0 -1px 1px #eee,
		-1px 0 3px #000 inset;
	box-shadow:
		0 -1px 1px #eee,
		-1px 0 3px #000 inset;
	color:#eee;
	cursor:pointer;
	position:relative;
}

input.input-tab + label span{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	left:10px;
	text-transform:uppercase;
	max-width:48%;
}

input.input-tab:checked + label{
	color:black;
	background:#5ab6d4;
}

div.tabs{
	background:#eee;
	display:none;
	height:100%;
	overflow:auto;
	padding:25px;
	position:absolute;
	top:0;
	right:0;
	width:50%;
	z-index:2;
}

div.tabs h2{
	line-height:2;
	-webkit-box-shadow:0 1px 0 #aaa;
	-moz-box-shadow:0 1px 0 #aaa;
	box-shadow:0 1px 0 #aaa;
	font-weight:bold;
}

div.tabs span{
	margin:10px 30px 10px 10px;
	position:relative;
	padding-left:20px;
	display:block;
	white-space:normal;
}

input[name="tabs"]:checked ~ label::after{
	border-top:20px solid transparent;
	border-bottom:20px solid transparent; 
	border-right:20px solid #eee; 
	content:'';
	height:0; 
	opacity:0;
	position:absolute;
	top:50%;
	right:50%;
	width:0; 
	z-index:2;
	transition:opacity 0.25s;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}

input.input-tab:checked + label::after{
	opacity:1;
}

/*======================================================= MEDIA QUERIES ========================================*/

@media screen and (max-width:1439px){

/*menu font-size*/
	span.menu-text{
		font:100%/1.6 'Hammersmith One';
	}

/*home news*/
	div.news-content{
		font-size:100%;
	}

	div.news-title{
		font:160% 'Righteous';
	}

/*about us*/
	div.section__content p{
		font-size:90%;
	}

	div.section__content h3{
		font:160% 'Righteous';
	}

/*home why coose us*/
	div.wcu_option > span:first-child{
		font:140% 'Hammersmith One';
	}

	div.wcu_option > span:last-child{
		font-size:100%;
	}

	span#why-choose-us{
		font:300% 'Righteous';
	}

/*home poller*/
	div.poller-bar-progress{
		font-size:50%;
	}

	div.poller-question{
		font-size:100%;
	}

	.poller-options span{
		font-size:80%;
	}

/*epgs*/
	div.epg-option > a > span:last-child,
	div.epg-option > span:last-child{
		font-size:140%;
	}

	div.epg-left span{
		font-size:150%;
	}

	div.epg-top span{
		font-size:150%;
	}
	div.channelLister-name span{
		font-size:110%;
	}

/*testimonial*/
	h1.testimonials-top{
		font:200% 'Righteous';
	}

	span.testimonials-middle{
		font-size:70%;
		line-height:2;
	}

	span.testimonials-bottom{
		font-size:80%;
	}

/*plans*/
	.tab-name i{
		font:180% 'Righteous';
	}

	.tab-bottom button{
		font-size:100%;
	}

	.serviceStep{
		max-height:65px;
	}

	.lm-item{
		-webkit-transform:scale(0.6);
		transform:scale(0.6);
	}

	.lm-item:hover{
		-webkit-transform:scale(0.8);
		transform:scale(0.8);
	}

	.tickOptions{
		width:28px;
	}

	.descOptions{
		left:30px;
		font-size:70%;
	}

	.checkboxholder,
	.radioholder,
	.selectBox{
		max-height:28px;
		min-width:150px;
	}

	.main > h1,
	.main > h2{
		font-size:100%;
	}

	.currPrice{
		font-size:160%;
	}

	.section-primary{
		padding:25px 50px;
	}

	.plan-service p{
		font-size:90%;
	}

	.plan-service h4{
		font:100% 'Oswald';
	}

/*clients*/
	.filterTab i,
	.section-header{
		font:100% 'Hammersmith One';
	}

	.content p{
		font-size:75%;
	}

/*header & footer*/
	span.header-motto{
		font-size:140%;
	}

	div#header-middle span{
		line-height:1.6;
		font-size:170%;
	}

	h1.our-partners{
		font:200% 'Righteous';
	}

	div.browsers-top{
		font-size:50%;
	}

	div.browsers{
		font-size:80%;
	}

/*faq*/
	div.faq-top,
	div.faq-bottom{
		font-size:140%;
	}

	div.faq-middle{
		font-size:95%;
	}

	input.input-tab + label span{
		font-size:100% 'Hammersmith One';
	}

/*chat messages*/
	div.chat-box-right p{
		font-size:80%;
	}

	time.chat-time span{
		font-size:70%;
	}

	div.chat-box-right h2{
		font-size:100%;
	}

}

@media screen and (min-width:1440px) and (max-width:1919px){

/*menu font-size*/
	span.menu-text{
		font:120%/1.6 'Hammersmith One';
	}

/*home news*/
	div.news-content{
		font-size:110%;
	}

	div.news-title{
		font:180% 'Righteous';
	}

/*about us*/
	div.section__content p{
		font-size:100%;
	}

	div.section__content h3{
		font:180% 'Righteous';
	}

/*home why coose us*/
	div.wcu_option > span:first-child{
		font:170% 'Hammersmith One';
	}

	div.wcu_option > span:last-child{
		font-size:110%;
	}

	span#why-choose-us{
		font:350% 'Righteous';
	}

/*home poller*/
	div.poller-bar-progress{
		font-size:60%;
	}

	div.poller-question{
		font-size:110%;
	}

	.poller-options span{
		font-size:90%;
	}

/*epgs*/
	div.epg-option > a > span:last-child,
	div.epg-option > span:last-child{
		font-size:160%;
	}

	div.epg-left span{
		font-size:170%;
	}

	div.epg-top span{
		font-size:170%;
	}
	div.channelLister-name span{
		font-size:130%;
	}

/*testimonial*/
	h1.testimonials-top{
		font:250% 'Righteous';
	}

	span.testimonials-middle{
		font-size:80%;
		line-height:3;
	}

	span.testimonials-bottom{
		font-size:90%;
		line-height:1.5;
	}

/*plans*/
	.tab-name i{
		font:200% 'Righteous';
	}

	.tab-bottom button{
		font-size:125%;
	}

	.serviceStep{
		max-height:75px;
	}

	.lm-item{
		-webkit-transform:scale(0.7);
		transform:scale(0.7);
	}

	.lm-item:hover{
		-webkit-transform:scale(0.9);
		transform:scale(0.9);
	}

	.tickOptions{
		width:29px;
	}

	.descOptions{
		left:35px;
		font-size:85%;
	}

	.checkboxholder,
	.radioholder,
	.selectBox{
		height:29px;
		min-width:175px;
	}

	.main > h1,
	.main > h2{
		font-size:120%;
	}

	.currPrice{
		font-size:180%;
	}

	.section-primary{
		padding:35px 60px;
	}

	.plan-service p{
		font-size:100%;
	}

	.plan-service h4{
		font:125% 'Oswald';
	}

/*clients*/
	.filterTab i,
	.section-header{
		font:110% 'Hammersmith One';
	}

	.content p{
		font-size:85%;
	}

/*header & footer*/
	span.header-motto{
		font-size:170%;
	}

	div#header-middle span{
		line-height:1.8;
		font-size:200%;
	}

	h1.our-partners{
		font:250% 'Righteous';
	}

	div.browsers-top{
		font-size:60%;
	}

	div.browsers{
		font-size:90%;
	}

/*faq*/
	div.faq-top,
	div.faq-bottom{
		font-size:170%;
	}

	div.faq-middle{
		font-size:115%;
	}

	input.input-tab + label span{
		font-size:110% 'Hammersmith One';
	}

/*chat messages*/
	div.chat-box-right p{
		font-size:100%;
	}

	time.chat-time span{
		font-size:80%;
	}

	div.chat-box-right h2{
		font-size:120%;
	}

}

@media screen and (min-width:1920px){

/*menu font-size*/
	span.menu-text{
		font:140%/1.6 'Hammersmith One';
	}

/*home news*/
	div.news-content{
		font-size:120%;
	}

	div.news-title{
		font:200% 'Righteous';
	}

/*about us*/
	div.section__content p{
		font-size:110%;
	}

	div.section__content h3{
		font:200% 'Righteous';
	}

/*home why coose us*/
	div.wcu_option > span:first-child{
		font:200% 'Hammersmith One';
	}

	div.wcu_option > span:last-child{
		font-size:120%;
	}

	span#why-choose-us{
		font:400% 'Righteous';
	}

/*home poller*/
	div.poller-bar-progress{
		font-size:70%;
	}

	div.poller-question{
		font-size:120%;
	}

	.poller-options span{
		font-size:100%;
	}

/*epgs*/
	div.epg-option > a > span:last-child,
	div.epg-option > span:last-child{
		font-size:180%;
	}

	div.epg-left span{
		font-size:190%;
	}

	div.epg-top span{
		font-size:190%;
	}
	div.channelLister-name span{
		font-size:150%;
	}

/*testimonial*/
	h1.testimonials-top{
		font:300% 'Righteous';
	}

	span.testimonials-middle{
		font-size:90%;
		line-height:4;
	}

	span.testimonials-bottom{
		font-size:100%;
		line-height:1.7;
	}

/*plans*/
	.tab-name i{
		font:220% 'Righteous';
	}

	.tab-bottom button{
		font-size:150%;
	}

	.serviceStep{
		max-height:85px;
	}

	.lm-item{
		-webkit-transform:scale(0.8);
		transform:scale(0.8);
	}

	.lm-item:hover{
		-webkit-transform:scale(1);
		transform:scale(1);
	}

	.tickOptions{
		width:30px;
	}

	.descOptions{
		left:40px;
		font-size:100%;
	}

	.checkboxholder,
	.radioholder,
	.selectBox{
		height:30px;
		min-width:200px;
	}

	.main > h1,
	.main > h2{
		font-size:140%;
	}

	.currPrice{
		font-size:200%;
	}

	.section-primary{
		padding:45px 70px;
	}

	.plan-service p{
		font-size:110%;
	}

	.plan-service h4{
		font:150% 'Oswald';
	}

/*clients*/
	.filterTab i,
	.section-header{
		font:120% 'Hammersmith One';
	}

	.content p{
		font-size:95%;
	}

/*header & footer*/
	span.header-motto{
		font-size:200%;
	}

	div#header-middle span{
		line-height:2;
		font-size:230%;
	}

	h1.our-partners{
		font:300% 'Righteous';
	}

	div.browsers-top{
		font-size:70%;
	}

	div.browsers{
		font-size:100%;
	}

/*faq*/
	div.faq-top,
	div.faq-bottom{
		font-size:200%;
	}

	div.faq-middle{
		font-size:135%;
	}

	input.input-tab + label span{
		font-size:120% 'Hammersmith One';
	}

/*chat messages*/
	div.chat-box-right p{
		font-size:120%;
	}

	time.chat-time span{
		font-size:90%;
	}

	div.chat-box-right h2{
		font-size:140%;
	}

}