
[class^="icon-"]:before,
[class*=" icon-"]:before,
[class^="icon-"]:after,
[class*=" icon-"]:after,

[class^="icon-"] > :before,
[class*=" icon-"] > :before,
[class^="icon-"] > :after,
[class*=" icon-"] > :after {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*########################################################################*/
/*==============================================================================*/

iframe.PlayerBGWPTargetLoaderPages {
	position:fixed;
	display:inline-block;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:50;
	border:none;
	padding: 0px;
	margin: 0px;
}

.PlayerBGWP-PreStartPlayer iframe.PlayerBGWPTargetLoaderPages{
	top: 100%;
    left: -100%;
}

.PlayerBGWPDebugWindow {
	position:fixed;
	display:inline-block;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:51;
	border:none;
	padding: 0px;
	margin: 0px;
	
	display:none;
    color: #FFF;
    text-shadow: 0px 0px 3px #000;
	background-color:#666;
    font-size: 10px;
    line-height: 10px;
}

/*########################################################################*/
/*==============================================================================*/

div.loadingSpin{
	
	vertical-align: middle;
    
	position:absolute;
    width: 15px;
    height: 15px;
    top: 50%;
    left: 50%;
    margin: -7.5px 0px 0px -7.5px;
}

div.loadingSpin.body{
	display:none;
}

body.play_loading div.loadingSpin.body{
	display:inline-block;
}

div.loadingSpin > div.progress 
, div.loadingSpin > div.progress:after
, div.loadingSpin > div.progress > div{
    
	position:absolute;
	width: 100%;
	height: 100%;
	
	top:0%;
	left:0%;
	margin:0px 0px 0px 0px;
	
	padding: 0px;
	
	border: 2px solid #f3f3f300; /* Light grey */
	border-top: 2px solid #ff021a80; /* Blue */
	border-radius: 50%;
	
	animation: loadingSpin 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
	
	z-index:300;
	
}
div.loadingSpin > div.progress:after{
    content: "";
	
    top: -2px;
    left: -2px;
    margin: 0px;
    border-top: 2px solid #ffea00cc;
	
	animation: loadingSpin2 3s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
div.loadingSpin > div.progress > div{
    content: "";
	
    top: -2px;
    left: -2px;
    margin: 0px;
    border: 2px solid transparent;
    border-top: 2px solid #0560aa;
	
	animation: loadingSpin3 3s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@keyframes loadingSpin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes loadingSpin2 {
  0% { transform: rotate(45deg); }
  100% { transform: rotate(405deg); }
}

@keyframes loadingSpin3 {
  0% { transform: rotate(90deg); }
  100% { transform: rotate(450deg); }
}

/*==============================================================================*/
/*########################################################################*/

.adContainerVideoContainer{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

.playerBGWPPlayerFooter{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	
	display:none;
}

.PlayerBGWP-StartPlayer .playerBGWPPlayerFooter{
	display:block;
}

.PlayerBGWP-PreStartPlayer .playerBGWPPlayerFooter{
	top: 100%;
    left: -100%;
}

.PlayerBGWP-StartPlayer #main{
	/*filter: blur(4px);*/
}