*{list-style: none;text-decoration: none;}

.devices ul li span{display: block; margin-top: 10px; font-size: 12px; line-height: 1em}
.devices{
background:#f3f3f3 url(../img/bg_screenssection_.png) no-repeat;
background-size:cover;
background-position: center center;
}

.devices ul li  img{ margin: 0;}

.devices h2{
	color: #F27B28;
}

.intrinsic picture , .intrinsic video{
position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 0;
    overflow: hidden;
}

a {
color: #fff;text-decoration: underline;
}

a:hover{
color: #fff;
text-decoration: none;
}

.header-container h1{
	color: #FFF;
	z-index: 2;
/*	position: absolute;
	bottom: 30%;
	left: 0;
    right: 0;
    padding: 1.5% 8%;
	font-weight: 400;
	line-height:40px;*/
} 

#video {
	z-index:1;
}

.providers_za a{
border-bottom:none;
}

.providers_za a:visited{
border-bottom:none;
}

.legalpages{
	text-transform: none;
	}


h2{
	width: 85%;
	text-align: center;
	font-size:2.125em;
    line-height: 1.2em;
    margin: 0 auto;
}


.editorialModuleTitle{
	color: #F47920; padding-top:100px; font-family:"Gotham A","Gotham B", 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; padding-left: 5%; padding-right: 5%
}

.editorialModuleSubtitle{font-size: 28px; text-align:center; font-family:"Gotham A","Gotham B", 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; padding-left:5%; padding-right: 5%; padding-bottom: 10%;}



.ourTopics h2{ font-size: 50px; padding-bottom: 10px; position:relative}


.ourTopics h2:after{     content: "";
    position: absolute;
    z-index: 1;
    bottom: -10px;
    border-bottom: 10px solid #ffcc00;
    height: 10px;
    width: 160px;
    left: 50%;
    margin-left: -80px;}

.ourTopics p, .devices p{ padding: 40px 0; line-height:40px;}

section p{ font-size: 24px; color:#fff; padding-top:0px; padding-bottom: 10px;}


.providers ul, .devices ul{ padding-top: 20px}

/*.providers li img{width: 50%}*/

.providers_gr li img{width: 50%}

.providers_za li img{width: 50%}

.providers_se li img{width: 40%}

.main ul li{
	
	width: 300px;
}

.tg-wrap{max-width: 1600px;}

.tg-yw4l {
	padding: 20px;
	border: solid 1px #777
		}

p{ letter-spacing:0;}


.footer-container{
	
	background: #0F2229;
	border-top: solid 0.5px #27393F;
	border-bottom: solid 0.5px #27393F;
	
} 

.footer-container aside{ float: left}
.footer-container aside h4{text-align: left}
.footer-container ul{ float: right}
.footer-container ul li{ display: inline-block}
 
.footer-container h4{margin-bottom:10px}

.footer-container p, .legalDisclamer a{color: #909090; font-size: 1em; line-height: 2;}
.legalDisclamer a{color: #909090;  text-decoration: underline; padding: 0 5px; letter-spacing: 0; border-bottom: none;}


.legalDisclamer a:hover{color: #fff}

/*Image responsive system*/
.intrinsic{
	background-image: url(../img/placeholder.jpg);
    background-color: #000;
    background-size: cover;
	position: relative; 
	padding-bottom: 56.25%;
}
.providers.main ul li:hover{ border-color:#ffcc00}

.providers li{background-color:#000; border-radius: 10px;}

.providers li img{width:100%;}

.devices li{ vertical-align: text-bottom;}

.devices img{   /* margin:-50px 0;*/}

#viaplay{ padding: 25px}

#blacktext{
	color:#000;
}

.foxlogo.pl {
    display:block;
	z-index:3;
	width: 30%;
    height: 30%;
    position: absolute;
    background-repeat: no-repeat; 
	text-align:center;
	bottom: 55%;
  
}

.intrinsic .info{
	 
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 2;
	position: absolute;
	padding: 0 10%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}



.intrinsic .info.pt{
	 
	height: 85%;
}

.intrinsic .info .foxlogo{ 
	width: 40%;
	height: auto;
	
}

.intrinsic picture img{
	max-width: 100%;
	
}

.center{
  left: 38%;
  bottom: 40%;
}

.home h1 p{
	line-height:40px;
}

.ccgrower .cc-color-override--152069740.cc-window {background-color:rgb(35, 122, 252);}




/* ---------------- LEGAL ---------------------------------------------------------- */
.wrapper.clearfix.legal *{
max-width: 1366px;
text-align: left;
}

.wrapper.legal h2{margin: 0; padding: 20px;background-color: #0F2229;color: #fff;}

.wrapper.legal{padding: 50px; background-color: #0F2229;color: #fff;}

.wrapper.legal p{margin-bottom: 20px;background-color: #0F2229;color: #fff; line-height: 1.5em}


#mobile_pt_background ul{ 
display: flex;
flex-wrap: nowrap;
justify-content: center;
flex-direction: row;
}



@media only screen and (max-width: 35.500em) {
	.intrinsic{
    padding-bottom: 145%;
	background-image: url(../img/placeholder_m.jpg);
}
}

.legal *{
letter-spacing: 0;
	
}

.main ul li{
    padding: 10px;
    display: inline-block;
	width: 300px;
}


.flexslider .slides img{ width: 100%!important;	}


/* ---------------- ONLY FOR SMARTPHONES ---------------------------------------------------------- */
@media only screen and (max-width: 25.875em) {
	
	#mobile_pt{font-size: 16px;}
	
	section.main{padding: 10% 5%}
	
	section p{font-size: 28px; font-height:40px;}
/*		
	#mobile_pt_background{height:60px!important;}

	#operators_pt_mobile_one {width: 25%!important;}
	
	#operators_pt_mobile_two {width: 25%!important;}
	
	#operators_pt_mobile_three {width: 25%!important;}*/
	
	#mobile_pt_background ul li{width: 25%!important;}
	
	#mobile_pt_background{
		position: relative;
	}    

	.main-container.pt{
	position: absolute;
    top: 60vh;
	}
	
	.editorialModuleTitle.pt{
		
	 padding-top: 50px;	
	}

	
	.flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-prev:before{
    width: 25px!important; height: 25px!important;	
	}
	.flex-direction-nav a{height: 25px!important; margin-top: -25px!important; margin-right: 90px!important; }
	.flex-direction-nav a.flex-next{margin-left: 80px!important;}
	.flex-direction-nav a.flex-prev{left: -72px;}
	
	
	
	.bigSlide, .midSlide{display: none!important}

	
	section h2{ font-size:2em}
/*	.header-container h1{ font-size: 1.5em; line-height: 1.5em; bottom: 30%;}*/
	.ourTopics h2{ font-size: 36px}
	.lp_se .ourTopics h2{font-size:24px;}
	
	
	
	.ourTopics h2:after{  
    border-bottom: 7px solid #ffcc00;
    height: 10px;
    width: 100px;
    margin-left: -50px;}
	
	section .main .clearfix .ourTopics{
		background-color: #0F2229; 
	}
	
	.ourTopics p, .devices p{padding: 30px 0}
	
	.footer-container aside h4{text-align: center}
	.footer-container aside, .footer-container ul{ float: none}
	
    .providers_se li img{width: 60%}
	
	.providers_za li img{width: 70%}
	
	#video{
	display:none;
	}
	
	.main ul{
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	}
}


@media only screen and (max-width: 32.375em) {
	#video{display:none}
}
	
	/* ------END ---------- ONLY FOR SMARTPHONES ---------------------------------------------------------- */
	
	
/* ---------------- TABLET AND DESKTOP ---------------------------------------------------------- */
@media only screen and (min-width: 26em) 
{
	.smallSlide, .midSlide{display: none!important}
}

/* ---------END------- TABLET AND DESKTOP ---------------------------------------------------------- */

/* ---------------- ONLY FOR DESKTOP AND LESS, TABLET ---------------------------------------------------------- */
@media only screen and (max-width: 64.000em) 

{
	
	
	.footer-container aside h4{text-align: center}
	.footer-container aside, .footer-container ul{ float: none}
	h1{font-size: 1.5em}
	h2{font-size: 1.8em}
	
	.cc-window.cc-floating{max-width:100%!important}
	.cc-grower{justify-content: center;}
	.cc-compliance{max-width:200px; }
	
	
	
}
	/* ------END ---------- ONLY FOR DESKTOP AND LESS ---------------------------------------------------------- */

/*---------------ONLY FOR TABLET--------------*/
@media only screen and (min-width: 40.0625em) and (max-width: 63.938em){
	.bigSlide, .smallSlide{display: none}
	.midSlide{display: block!important}
	
	
}


@media only screen and (min-width: 64em) and (max-width: 81.250em)
{
	.flexslider .flex-direction-nav .flex-next{ right: -30px;}
	.flexslider .flex-direction-nav .flex-prev{left: -30px}
}

/* ---------------- ONLY FOR LARGER DESKTOP ---------------------------------------------------------- */
@media only screen and (max-width: 106em) 

{	
	
	.footer-container .wrapper {padding: 0 20px}
	
}




/*  -----------------  Font usage  ------------------------------ */

/*General font*/
*{font-family: "Gotham A","Gotham B""Gotham A","Gotham B",'Franklin Gothic Medium','Franklin Gothic','ITC Franklin Gothic',Helvetica,Arial,sans-serif;}

/*Bold version*/
h2, h3, h4{font-family: "Gotham A","Gotham B",'Franklin Gothic Medium','Franklin Gothic','ITC Franklin Gothic',Helvetica,Arial,sans-serif; font-weight: 800;}


.lp_gr *{font-family:"Gotham A", "Gotham B","CenturyGothic"; font-weight: 400; letter-spacing:0}

/*Bold version*/
.lp_gr h2, .lp_gr h3, .lp_gr h4{font-family:"Gotham A", "Gotham B","CenturyGothic"; font-weight: 700; letter-spacing:0}


.master.lp_int *{font-family:"Gotham A","Gotham B",'Franklin Gothic Medium','Franklin Gothic','ITC Franklin Gothic',Helvetica,Arial,sans-serif;}

.master.lp_int h2, .master.lp_int h3, .master.lp_int h4{font-family:"Gotham A","Gotham B",'Franklin Gothic Medium','Franklin Gothic','ITC Franklin Gothic',Helvetica,Arial,sans-serif;}




@font-face {
font-family: 'gotham-black', ;
         src: url('../fonts/gotham-black.eot');
         src: url('../fonts/gotham-black.woff') format('woff');
         src: url('../fonts/Gotham-Black.otf') format('opentype');
         font-weight: 800;
         font-style: normal;
         }


@font-face {
font-family: 'gotham-light', ;
         src: url('../fonts/Gotham-Light.eot');
         src: url('../fonts/gotham-light.woff') format('woff');
         src: url('../fonts/Gotham-Light.otf') format('opentype');
         font-weight: 400;
         font-style: normal;
         }