/* lib extensions */
/* lib extensions */
/*! normalize.css v1.1.0 | MIT License | git.io/normalize | XZ Customized */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
html,
body {
  width: 100%;
  height: 100%;
}
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
ul {
  margin: 0;
  padding: 0;
}

nav ul {
  list-style: none;
  list-style-image: none;
}
.less_userselect {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.flexcenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

#pagewrapper {
	width:100%;
	max-width:1200px;
	margin:40px auto 0 auto;
	padding:10px 10px 20px 10px;
}

.pagewrapper {
	width:100%;
	margin:0;
	padding:20px 20px 40px 20px;
	background-color: #333337;
	background: -moz-linear-gradient(top, #333337 39%, rgba(57, 57, 57, 0) 100%);
	background: -webkit-linear-gradient(top, #333337 39%, rgba(57, 57, 57, 0) 100%);
	background: linear-gradient(to bottom, #333337 39%, rgba(57, 57, 57, 0) 100%);
}

.pageheading {
	padding:0 0 40px 10px;
	font-size: 20x;
	font-size: 2.0em;
}

.pagewrapper p {
	margin:4px 0 25px 0;
	font-size: 17x;
	font-size: 1.7rem;
	line-height:1.5em;
}

.pagewrapper hr {
  height: 1px;
  width: 100%;
  margin: 30px auto;
  clear: both;
  border: none;
  background-color: #4f4f4f;
}

.pagewrapper a {
 	color:#416aa3;
}

/* home */
#payoff {
  width: 100%;
  padding: 30px 0;
}
#payoff h1,
#payoff h2 {
  width: 100%;
  text-align: center;
}
#payoff h1 {
	font-size: 28x;
	font-size: 2.8rem;
	text-transform:uppercase;
}
@media only screen and (min-width: 500px) {
	#payoff h1 {
		font-size: 38x;
		font-size: 3.8rem;
		text-shadow: 0px 1px 1px #8b8b8b;
	}
}
@media only screen and (min-width: 1200px) {
	#payoff h1 {
		font-size: 58px;
		font-size: 2.8vw;
	}
}

h2.sectionheader {
	width:100%;
	text-align:center;
	margin:0 0 25px 0;
}
#interface {
float:left;
  width: 100%;
  height: 1px;
  padding: 20% 0 0 0;
  margin-bottom: 30px;
  background-image: url("img/interface.png");
  background-position: center center;
  background-size: contain;
}
#interface h2 {
	opacity:0.01;
	padding:0 10px;
}
#features {
  margin: 0 auto;
  width: 100%;
  max-width: 800px;
  padding:20px 0 40px 0;
  border-top:2px solid #4f4f4f;
}
.feature {
  width: 50%;
  float: left;
  margin: 20px 0 0 0;
}
.feature h2 {
  width: 100%;
  text-align: center;
  padding: 0 0 6px 0;
  font-size: 16x;
  font-size: 1.6em;
}
.feature p {
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-size: 1.2em;
}
.feature .p-icons {
  width: 100%;
  height:40px;
  text-align: center;
  padding: 0 0 10px 0;
}
.feature .p-icons .fa {
  font-size: 30px;
  font-size: 3.0em;
  display: inline;
  padding: 0 10px;
}
.feature2 .p-icons {
	padding-top:8px;
}
.feature2 .p-icons .fa {
  font-size: 20px;
  font-size: 2.0em;
}
.addplatforms {
	margin: 40px auto 0 auto;
	width: 100%;
	max-width: 800px;
	padding:20px 0 40px 0;
}

.adlogos {
	width:100%;
	max-width:300px;
	-webkit-transform:scale(0.1,0.1);
	-moz-transform:scale(0.1,0.1);
	-o-transform:scale(0.1,0.1);
	transform:scale(0.1,0.1);
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.5, -0.5, 0.5, 1.5);
	-moz-transition: -moz-transform 1s cubic-bezier(0.5, -0.5, 0.5, 1.5);
	-ms-transition: -o-transform 1s cubic-bezier(0.5, -0.5, 0.5, 1.5);
	-o-transition: transform 1s cubic-bezier(0.5, -0.5, 0.5, 1.5);
}

.disabletf {
	pointer-events: none!important;
	background-color: #eb7171!important;
}

#doubleclick {
	float:left;
}

#adwords {
	float:right;
}

.doubleclickbig {
	-webkit-transform:scale(1,1)!important;
	-moz-transform:scale(1,1)!important;
	-o-transform:scale(1,1)!important;
	transform:scale(1,1)!important;
}

/* #Bannerstats */
#bannerstats {
	width:100%;
	background-color: #1d1d1b;
	padding:30px 0;
}
#innerstats {
	width:100%;
	max-width:1500px;
	margin:0 auto;
}
.statbox {
	float:left;
	width:20%;
	padding:10px;
}
@media only screen and (max-width: 1200px) {
	#innerstats {
		max-width:800px;
	}
  .statbox {
	  width:33%;
	}
	.statbox1, .statbox2 {
		width:50%;
	}
	.statboxsec {
		-webkit-transform:scale(0.7,0.7);
		-moz-transform:scale(0.7,0.7);
		-o-transform:scale(0.7,0.7);
		transform:scale(0.7,0.7);
	}
}


.statnumber, .statdescription {
	width:100%;
	text-align: center;
}
.statnumber {
	font-size: 40px;
	font-size: 4.0em;
	color:#5ab3e8;
	font-weight: 300;
}
.statdescription {
	font-size: 14px;
	font-size: 1.4em;
}
/* temp */
#manualvalues {
  position: fixed;
  top: 0;
  left: 0;
  width: 300px;
  height: 200px;
  background-color: rgba(0, 0, 0, 0.74);
}
/* base */
.clearfix:before {
  content: "";
  zoom: 1;
  display: block;
}
.clearfix:after {
  content: "";
  zoom: 1;
  display: table;
  clear: both;
}
.clear {
  position: relative;
  float: left;
  clear: both;
}
body {
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 0 0 0 0;
  font-size: 15px;
  font-size: 1.5em;
  max-width: 100%;
  color: #b3b3b3;
  background-color: #2a2a2e;
  background: #2a2a2e;
  -webkit-font-smoothing: antialiased;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  font-family: "Helvetica Neue", Helvetica, arial, sans-serif; 
   -webkit-transition: padding-right 200ms ease-out;
  -moz-transition: padding-left 200ms ease-out;
  -ms-transition: padding-left 200ms ease-out;
  -o-transition: padding-left 200ms ease-out;
}
body.showhelppanel {
	padding-right:300px;
	overflow-x:hidden;
}
html {
  width: 100%;
  height: 100%;
  font-size: 56%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
p {
  color: #848484;
  font-size: 13px;
  font-size: 1.3rem;
}
a,
a:visited {
  color: #3fabff;
  text-decoration: none;
}
a:hover {
  color: #008af5;
}
a:hover,
a:active,
a:focus {
  outline: none;
}
small {
  font-size: 13px;
  font-size: 1.3rem;
}
b,
strong {
  font-weight: bold;
}
i,
em {
  font-style: italic;
}
button:active,
button:focus {
  outline: none;
}
.clear {
  float: left;
  clear: both;
}
.separator {
  width: 100%;
}
.divider {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 30px 0;
}
.dividerflat {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  margin: 0;
}
.center {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
}
.caption2 {
  width: 100%;
  text-align: center;
  margin: 20px auto;
}
#buzzer {
  display: none;
}
#header {
  float: left;
  width: 100%;
  width: 100%;
  padding: 20px 10px 15px 10px;
}

#header h1 {
	width:100%;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	color:#FFF;
	font-size: 22px;
	font-size: 2.2rem;
	display:none;
	}
	
@media only screen and (min-width: 500px) {
  #header h1 {
    font-size: 36px;
	font-size: 3.6rem;
	font-size: 2.7vw;
  }
}

.bggradient {
	background-color: #333337;
  	background: -moz-linear-gradient(top, #333337 39%, rgba(57, 57, 57, 0) 100%);
	background: -webkit-linear-gradient(top, #333337 39%, rgba(57, 57, 57, 0) 100%);
	background: linear-gradient(to bottom, #333337 39%, rgba(57, 57, 57, 0) 100%);	
}
#sitename {
  display: block;
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
}
#mainnav {
position:relative;
  float: left;
  width: 100%;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #2e2e32;
   -webkit-transition: background-color 2s ease;
  -moz-transition: background-color 2s ease;
  -ms-transition: background-color 2s ease;
  -o-transition: background-color 2s ease;
  font-family: 'Karla', "Helvetica Neue", Helvetica, arial, sans-serif;
  -webkit-box-shadow: 0px 4px 5px -1px rgba(0,0,0,0.17);
	 -moz-box-shadow: 0px 4px 5px -1px rgba(0,0,0,0.17);
	 box-shadow: 0px 4px 5px -1px rgba(0,0,0,0.17);
}
.mainnavfixed {
	position:fixed!important;
	top:0;left:0;right:0;
	z-index:999;
	 background-color: #232327!important;
	 border-bottom:1px solid #242424;
}

body.showhelppanel .mainnavfixed {
	right:300px!important;
	width: auto!important;
}
#notify {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 10px;
  display: none;
  text-align: center;
  color: #FFF;
  font-size: 16px;
  font-size: 1.6rem;
  z-index: 999999999999;
}
.success {
  background-color: #419641;
}
.warning {
  color: #FFF;
  background-color: #B33A3A!important;
}
.error {
	color:#FFF;
    background-color:#eeac57;
}
.dismission {
	padding:3px 5px;
	border:1px solid #FFF;
	margin-left:5px;
	border-radius:2px;
	opacity:0.85;
	cursor:pointer;
}
.nav {
  font-size: 20px;
  font-size: 2.0rem;
  margin: 0;
}
.nav li {
  position: relative;
  float: left;
  cursor:pointer;
  
}
.nav li > a {
  float: left;
  color: #aaaaaa;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  cursor:pointer;
}

.nav li > a .fa {
	width:20px;
}

.nav li .submenu {
  position: absolute;
  top: 100%;
  left:-1px;
  right:-1px;
  z-index: 2;
  display: none;
  min-width:160px;
  background-color: #2a2a2e;
  border-right: 1px solid #3a3a3a;
  border-left: 1px solid #3a3a3a;
  border-bottom: 1px solid #3a3a3a;
  -webkit-box-shadow: 0px 11px 24px -1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 11px 24px -1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 11px 24px -1px rgba(0, 0, 0, 0.4);
}
.nav li .submenu li {
  width: 100%;
}
.nav li .submenu li a {
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 13px 10px;
}
.nav li .submenu li a .fa {
  width:20px;
}
.nav li:hover .submenu {
  display: block;
}
#menuiconwrap {
	position:absolute;
	top:0;left:0;
	height:50px;
	width:50%;
	clear:none;
	display:none;
}
#menuicon {
	float:left;
	font-size: 30px;
	font-size: 3.0rem;
	padding:9px 15px 11px 15px;
	cursor:pointer;
}
#navleft {
  float: left;
  clear:both;
}
.navleft {
  position: relative;
  float: left;
  width:100%;
  border-right: 1px solid #3a3a3a;
  padding: 13px 20px 11px 10px;
}
.navleft:hover {
  background-color: #2a2a2e;
  color: #FFF;
}
#navright {
  float: right;
}
.navbttn {
  padding: 13px 15px;
  font-size: 16px;
  font-size: 1.6rem;
}
#mainnav .navbttn {
	float:right;
}
.nbn {
  float: right;
  margin: 0 0 0 5px;
}
#navleft > li#moremenu {
	display:none;
}

@media only screen and (max-width: 920px) {
  #navleft > li.desktopli {
    display:none;
  }
  #navleft > li#moremenu {
	  display:block;
  }
}
@media only screen and (max-width: 500px) {
  #navleft {
    width:50%;
    padding-top:50px;
    display:none;
  }
  .nav li {
	  width:200%;
	  clear:both;
  }
  .submenu {
	  padding-left:14px;
  }
  #menuiconwrap {
	  display:block;
  }
  .feature {
	  width:100%;
	  margin:0;
  }
  .feature1 {
	  margin:-30px 0 40px 0;
  }
  #features {
	  border-top:none;
	}
	.statboxsec {
		display:none;
	}
}
@media only screen and (min-width: 501px) {
  #navleft {
    display:block!important;
  }
}
#accountmenu {
	float:right;
	margin-left:4px;
	background-color: red;
}
#accountmainli {
	background-color: #52b552;
	padding: 13px 15px;
	color: #FFF!important;
	font-size: 16px;
	font-size: 1.6rem;
	cursor: pointer;
}
#accountmainli:hover #accountsub {
	display:block;
}
#accountsub {
	position:absolute;
	top:100%;
	right:0;
	padding-top:5px;
	width:170px;
	background-color: #2a2a2e;
	border-right: 1px solid #3a3a3a;
	border-left: 1px solid #3a3a3a;
	border-bottom: 1px solid #3a3a3a;
	-webkit-box-shadow: 0px 11px 24px -1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 11px 24px -1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 11px 24px -1px rgba(0, 0, 0, 0.4);
	z-index:2;
	display:none;
}
.acsub {
	float:left;
	width:100%;
	clear:both;
}
.acsub a {
	float:left;
	width:100%;
	padding:14px 15px 12px 10px;
	text-align: right;
	font-size: 16px;
	font-size: 1.6rem;
	border-bottom:1px solid #464646;
}
.lastacsub {
	border-bottom: none!important;
}
.acsub a .fa {
	width:20px;
}
.acsub a:hover {
	background-color: rgba(0, 0, 0, 0.11);
	color:#FFF;
}
#enternew {
  display: block;
  width: 100%;
  max-width: 220px;
  margin: 0 auto 20px auto;
  font-size: 20px;
  font-size: 2.0rem;
  cursor: pointer;
  text-align: center;
}

.button {
	border-radius: 3px;
	font-size:12px;
	font-size:1.2rem;
	padding: 10px; 
	text-decoration:none; 
	text-shadow: -0.03em -0.03em 0 rgba(0,0,0,0.3);
	font-weight:bold;
}

.greenbg {
	border-top-color: #34740e;
	border-right-color: #34740e;
	border-bottom-color: #34740e;
	border-left-color: #34740e;
	border-width: 1px;
	border-style: solid; 
	background-color: #4ba614; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4ba614), to(#008c00));
	background-image: -webkit-linear-gradient(top, #4ba614, #008c00);
	background-image: -moz-linear-gradient(top, #4ba614, #008c00);
	background-image: -ms-linear-gradient(top, #4ba614, #008c00);
	background-image: -o-linear-gradient(top, #4ba614, #008c00);
	background-image: linear-gradient(to bottom, #4ba614, #008c00);
	color: #FFFFFF!important;
}

.greenbg:hover{
 	border:1px solid #224b09;
 	background-color: #36780f; background-image: -webkit-gradient(linear, left top, left bottom, from(#36780f), to(#005900));
 	background-image: -webkit-linear-gradient(top, #3d8812, #007b00);
 	background-image: -moz-linear-gradient(top, #3d8812, #007b00);
 	background-image: -ms-linear-gradient(top, #3d8812, #007b00);
 	background-image: -o-linear-gradient(top, #3d8812, #007b00);
 	background-image: linear-gradient(to bottom, #3d8812, #007b00);
}

.orangebg {
	border:1px solid #ffad41;
	background-color: #ffaf46; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#e78404));
 	background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
 	background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
 	background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
 	background-image: -o-linear-gradient(top, #ffaf46, #e78404);
 	background-image: linear-gradient(to bottom, #ffaf46, #e78404);
	color: #FFFFFF!important;
}

.orangebg:hover {
	border:1px solid #d38217;
	background-color: #ffaf46; background-image: -webkit-gradient(linear, left top, left bottom, from(#eaa141), to(#da7f06));
 	background-image: -webkit-linear-gradient(top, #eaa141, #da7f06);
 	background-image: -moz-linear-gradient(top, #eaa141, #da7f06);
 	background-image: -ms-linear-gradient(top, #eaa141, #da7f06);
 	background-image: -o-linear-gradient(top, #eaa141, #da7f06);
 	background-image: linear-gradient(to bottom, #eaa141, #da7f06);
	color: #FFFFFF!important;
}

.fbbggradient {
	background-color: #2b4170; /* fallback color */
	background: -moz-linear-gradient(top, #3b5998, #2b4170);
	background: -ms-linear-gradient(top, #3b5998, #2b4170);
	background: -webkit-linear-gradient(top, #3b5998, #2b4170);
	border: 1px solid #2b4170!important;
	text-shadow: 0 -1px -1px #1f2f52;
	color: #FFFFFF!important;
}

.blackbttn {
	margin:20px 0 0 0!important;
	padding: 10px 15px;
	font-size: 18px;
	font-size: 1.8rem;
	border-radius:4px;
	border-top-color: #555555;
	border-right-color: #3e3e3e;
	border-bottom-color: #3e3e3e;
	border-left-color: #3e3e3e;
	color: #f0f0f0!important;
}

.blackbttn:hover {
	border:1px solid #2e2e2e;
}

#lisu {
  float: right;
}
main {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 20px 0;
}
main h1 {
  display: block;
  width: 100%;
  margin: 10px 0;
}
#bannerlist {
  position: relative;
  float: left;
  width: 100%;
  list-style-type: none;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 1px solid #474747;
  margin: 0 0 0 0;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #333337;
	background: -moz-linear-gradient(top, #333337 39%, rgba(57, 57, 57, 0) 100%);
	background: -webkit-linear-gradient(top, #333337 39%, rgba(57, 57, 57, 0) 100%);
	background: linear-gradient(to bottom, #333337 39%, rgba(57, 57, 57, 0) 100%);
}
#bannerlist li {
  position: relative;
  float: left;
  width: 100%;
  padding: 40px 10px 40px 10px;
  border-bottom: 1px solid #2b2b2b;
  background-color: #333337;
  background: -moz-linear-gradient(top, #333337 39%, rgba(57, 57, 57, 0) 100%);
	background: -webkit-linear-gradient(top, #333337 39%, rgba(57, 57, 57, 0) 100%);
	background: linear-gradient(to bottom, #333337 39%, rgba(57, 57, 57, 0) 100%);
}
#bannerlist li a {
  display: block;
  width: 100%;
  text-align: center;
  color: #aaaaaa;
  font-size: 20px;
  font-size: 2.0rem;
  margin: 5px auto 10px auto;
}
#bannerlist li .xz_ad {
  margin: 0 auto;
  padding: 10px 10px 0 10px;
}
.bannerli {
  position: relative;
  width: 100%;
}
.bannerli h2 {
	font-size: 20px;
  font-size: 2.0rem;
  text-transform: uppercase;
   font-family: 'Karla', "Helvetica Neue", Helvetica, arial, sans-serif;
}
.bcaption {
	display:block;
	width: 100%;
	padding:0;
	text-align:center;
}
.bcaption h2 {
  display: inline;
  width: auto;
}
.bcaption .bannersize {
  display: inline;
  font-size: 120px;
  font-size: 1.2rem;
  margin-top: -10px;
  color: #a1a1a1;
}
.hiddencaption {
	display:none;
	position:absolute;
	top:0;left:0;right:0;
	padding:10px 0;
	width:100%;
}
.hiddencaption h2 {
	display: inline;
	width: auto;
}
#bottomtoolbar {
  position: relative;
  float: left;
  width: 100%;
  min-width: 265px;
  padding: 0 5px 5px 5px;
  z-index: 2;
}
#bottomtoolbar .downloadbanner {
  margin-top: 4px;
  display: block;
}
.bpositioner {
  position: relative;
  background-color: transparent;
  height: auto;
  outline: 1px solid rgba(255, 255, 255, 0.17);
}
.bannerframe,
.slideframe,
.inlinebannerframe {
	display:block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width:100%;
  height:100%;
  border: none!important;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
}
.bannerframe {
  background-color: transparent;
}
.slideframe,
.inlinebannerframe {
  opacity: 0;
}
.bannerfixed {
  position: fixed!important;
  top: 0%!important;
  left: 0%!important;
  width: 100%!important;
  height: 100%!important;
  max-width: 100%!important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0!important;
  z-index: 999;
  background-color: #333337;
  text-align: center;
  padding: 50px 20px 50px 20px!important;
}
.bannerfixed #bannercredit {
  display: block;
}
.bannerfixed #creditlogo {
  display: block;
}
.bannerfixed .toolbar,
.bannerfixed #bottomtoolbar {
  position: fixed!important;
  left: 0;
  right: 0;
  display: block;
  padding: 0 20px 0 20px!important;
  z-index: 10;
}
.bannerfixed .bcaption {
  position: fixed!important;
  top:0;
  left: 0;
  right: 0;
  display: block;
  padding: 0 20px 0 0!important;
  z-index: 99999;
  color:#FFF;
  background-color: aqua;
}
.bannerfixed .toolbar {
  bottom: -15px;
}
.bannerfixed #bottomtoolbar {
  bottom: 4px;
  max-width: 100%!important;
}
.bannerfixed .bpositioner {
  position: relative;
  display: inline-block;
  float: none!important;
  width: 100%;
  width: auto!important;
  outline:none;
}
.bannerfixed .xz_placeholder {
  width: auto!important;
  height: auto!important;
  max-height: 90vh;
  max-width: 95vw;
}
.bannerfixed .xz_ad {
	 background-color: none!important;
}
.bannerfixed .hiddencaption {
	display:block;
} 
.tbicon {
  position: relative;
  width: auto!important;
  font-size: 24px!important;
  font-size: 2.4rem!important;
  margin: 0 0 0 0!important;
  padding: 7px 10px 7px 10px;
  cursor: pointer;
}
#bannercredit {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 10px;
  color: #cdcdcd;
  cursor: pointer!important;
  z-index: 100;
  display: none;
}
#creditlogo {
	display:inline;
	width:100%;
	max-width:200px;
	vertical-align: middle;
	display:none;
	margin-left:5px;
}
.bannerbttns,
.slidebttns {
  float: right;
  margin: 0 0 0 5px;
  display: none;
}
.bannerbttns .fa,
.slidebttns .fa {
  float: right;
  padding: 5px 5px 2px 10px;
  color: #888888;
  font-size: 24px;
  font-size: 2.4rem;
  cursor: pointer;
}
.bannerexpand,
.refreshmainbanner,
.editbanner {
  float: right;
  padding: 5px 5px 2px 10px;
  color: #888888;
  font-size: 24px;
  font-size: 2.4rem;
  cursor: pointer;
}
.refreshmainbanner {
  opacity: 0;
  margin: 0!important;
  padding: 5px!important;
  -webkit-transition: opacity 1.05s ease;
  -moz-transition: opacity 1.05s ease;
  -ms-transition: opacity 1.05s ease;
  -o-transition: opacity 1.05s ease;
}
.refreshcssanim,
.profilelink {
  margin: 0!important;
  padding: 5px!important;
}
.playpausecssanim {
  margin-right: 5px!important;
}
.refreshmainbanner.rpactive {
  opacity: 1;
}
.xz_ad {
  position: relative;
}
.xz_placeholder {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.frameloader,
.pcstyle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  -webkit-transition: opacity 2s ease;
  -moz-transition: opacity 2s ease;
  -ms-transition: opacity 2s ease;
  -o-transition: opacity 2s ease;
}
.frameloader {
  z-index: -1;
  opacity: 0;
}
.flcontent {
  position: absolute;
  width: 130px;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.49);
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -65px;
  text-align: center;
  padding: 7px 0 0 0;
  border-radius: 10px;
}
.flcontent span {
  width: 100%;
  padding: 5px 0 0 0;
  font-size: 11px!important;
  color: #FFF;
}
#screenloader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9999;
}
.framespinner {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  font-size: 35px!important;
  font-size: 3.5rem!important;
}
.loadframe {
  z-index: 99;
}
.loadframestyle {
  opacity: 0.5;
}
#screenloader .framespinner {
  opacity: 1;
}
.toolbar {
  position: relative;
  float: left;
  min-width: 200px;
  min-height: 50px;
  width: 100%;
  padding: 5px 5px 10px 5px;
  margin: 0 0 0 0;
}
.pcstyle {
  background-color: rgba(0, 0, 0, 0.78);
  cursor: pointer;
}
.frameplay {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  text-align: center;
  color: #FFF;
  font-size: 40px!important;
  opacity: 0.8;
}
footer {
  float: left;
  width: 100%;
  padding: 20px 0 0 0;
  min-height: 40px;
}
#footercredits {
	float:left;
	width:100%;
	  padding: 10px 10px 0 10px;
	  background-color: rgba(255, 255, 255, 0.81);
	  text-align: center;
	  
}
.poweredby {
	display:inline-block;
	padding:0 0 20px 0;
	color:#757575;
}
.creditlogos {
  display: inline-block!important;
  width: 100px;
}
#symphonylogo {
  vertical-align: middle;
  margin:10px 60px 10px 30px;
}
#jquerylogo {
  vertical-align: middle;
  margin:20px 0 20px 0;
  padding:15px;
}
#footermenu {
	float:left;
	width:100%;
	margin:20px 0 0 0;
	padding:15px 10px 25px 10px;
	
}
#innerfootermenu {
	margin:0 auto;
	width:100%;
	max-width:1400px;
	padding:0;
}
.fourcollumn .ifcollumn {
	float:left;
	width:25%;
}
.fivecollumn .ifcollumn {
	float:left;
	width:20%;
}

.fillin {
	display:none;
}

@media only screen and (max-width: 900px) {
	.fivecollumn .ifcollumn {
		width:33%;
		border-left:none;
	}
	.footermenulist li a {
		float:left;
		max-width:100%!important;
	}
	.fillin {
		display:block;
	}
}

@media only screen and (max-width: 600px) {
	.fivecollumn .leftcoll{
		width:55%;
	}
	.fivecollumn .rightcoll{
		width:45%;
	}
}

@media only screen and (max-width: 700px) {
	.fourcollumn .leftcoll{
		width:55%;
	}
	.fourcollumn .rightcoll{
		width:45%;
	}
	.footermenulist li a {
		float:left;
		max-width:100%!important;
	}
}
.footermenulist {
	float:left;
	width:100%;
	list-style-type: none;
}
.footermenulist li {
	float:left;
	width:100%;
}

.footermenulist li a {
	display:block;
	width:100%;
	max-width:200px;
	margin:0 auto;
	padding:15px 10px 15px 15px;
	color:#CCC;
	border-left:1px solid #3c3c3c;
}

.footermenulist li a:hover {
	color:#FFF;
}

.footermenulist li a .fa{
	width:20px;
}
/* General forms */
input,
textarea {
  -webkit-appearance: none;
  padding: 10px;
  margin: 2px 0 3px 0;
  font-size: 14px;
  font-size: 1.4rem;
  color: #989898;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}
textarea:focus,
input:focus {
  outline: 0;
}
input[type=checkbox]:checked + span:before {
  content: '\2714';
  position: absolute;
  top: -5px;
  left: 0;
}
input[type=submit] {
  position: relative;
  display: block;
  width: auto;
  min-width: 90px;
  margin: 0 0 0 0;
  background-color: #3c3c3c;
  color: #aaaaaa;
  cursor: pointer;
}
input[type=submit]:focus {
  outline: 0;
}
input[type=submit]:hover {
  background-color: #242424;
}
.errorinput {
  color: #a94442;
  background-color: #f2dede;
  border: 1px solid #ebccd1!important;
}
.errorinput p {
  color: #a94442;
}
.errorinput .select > li {
  color: #FFF;
}
/* Log In/Sign Ip */
.overlaystyle {
  position: fixed;
  top: 0;
  bottom: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  transition: opacity 0.75s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: opacity 0.75s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: opacity 0.75s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: opacity 0.75s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: opacity 0.75s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: 9999999;
}
.dialogstyle {
  position: relative;
  width: 95%;
  max-width: 400px;
  min-height: 150px;
  padding: 15px;
  background-color: #FFF;
  margin: 0 auto;
  margin-top: -100%;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  transition: margin-top 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  -webkit-transition: margin-top 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  -moz-transition: margin-top 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  -ms-transition: margin-top 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  -o-transition: margin-top 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.dialogstyle label {
  display: block;
  float: left;
  width: 100%;
  clear: both;
  margin: 0 0 5px 0;
  padding: 5px;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
}
.dialogstyle label p {
  padding: 5px;
  color: #FFF;
}
.dialogstyle input[type=submit] {
  position: relative;
  display: block;
  width: 100%;
  max-width: 130px;
  margin: 0 auto;
  background-color: #52b552;
  color: #FFF;
  border: none;
  cursor: pointer;
}
.dialogstyle input[type=submit]:focus {
  outline: 0;
}
.dialogstyle input[type=submit]:hover {
  background-color: #242424;
}
.dchoose {
  float: left;
  width: 100%;
  padding: 5px;
  margin: 30px 0 0 0;
}
.dcell {
  float: left;
  width: 50%;
}
.diaction {
  padding: 10px 20px;
  color: #FFF;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 auto;
  background-color: #f06a31;
  width: 80px;
  text-align: center;
  cursor: pointer;
}
.diaction[data-output=dyes] {
  background-color: #52b552;
}
.diaction[data-output=dyes]:hover {
  background-color: #4ba44b;
}
.diaction[data-output=dno] {
  background-color: #a2a2a2;
}
.diaction[data-output=dno]:hover {
  background-color: #919191;
}
.tab {
  float: left;
  width: 100%;
  display: none;
}
.activetab {
  display: block;
}
.smdiv {
  float: left;
  width: 100%;
  margin: 10px 0 0 0;
}
.closedialog,
.closelivedialog {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  cursor: pointer;
  font-size: 20px!important;
  font-size: 2.0rem!important;
}
.showoverlay {
  left: 0!important;
  opacity: 1!important;
}

.showoverlay .dialogstyle {
	margin-top: 20%;
}

@media only screen and (max-height: 800px) {
	.dialogstyle {
		margin-top: 5%!important;
	}
}

.tabdivider {
  float: left;
  width: 100%;
  margin: 20px 0 20px 0;
}
.tabhead {
  float: left;
  width: 50%;
  text-align: center;
  cursor: pointer;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
}
#recovertabhead {
  width: 100%;
  margin: 20px 0 0 0;
  font-size: 17px;
  font-size: 1.7rem;
}
.tabactive {
  cursor: default;
  color: #52b552;
}
.sufield {
  width: 100%;
  border: 1px solid transparent;
  background-color: #dadada;
  color: #363232;
  font-size: 16px;
  font-size: 1.6rem;
}
.sufield::-webkit-input-placeholder {
  color: #7c7c7c;
}
.sufield:-moz-placeholder {
  color: #7c7c7c;
}
.sufield::-moz-placeholder {
  color: #7c7c7c;
}
.sufield:-ms-input-placeholder {
  color: #7c7c7c;
}

#dialog {
}

#innerdialog {
	 position: relative;
	 float:left;
	 width:100%;
	 overflow:hidden;
	 padding:0;
}

#startdialog {
	position:absolute;
	top:0;right:0;bottom:0;left:0;
	padding:24px 0 0 0;
	width:100%;height:100%;
	background-color:#FFF;
	-webkit-transition: -webkit-transform 200ms ease-in;
	-moz-transition: -moz-transform 200ms ease-in;
	-ms-transition: -o-transform 200ms ease-in;
	-o-transition: transform 200ms ease-in;
}

.hidestartdialog #startdialog {
	-webkit-transform: translate(100%, 0);
	-moz-transform: translate(100%, 0);
	-o-transform: translate(100%, 0);
	transform: translate(100%, 0);
}

.startrow {
	float:left;
	width:100%;
	clear:both;
	padding:4px;
}

#startdialog .startrow .button {
	cursor:pointer;
	width:95%;
	max-width:230px;
	margin:0 auto;
	text-align:center;
	font-size: 18px;
	font-size: 1.8rem;
}
#packagepopup,
#creditpopup {
  width: 100%;
  max-width: 800px;
  min-height:340px;
  margin: 10% auto 0 auto;
  z-index: 9999999999999;
}
#showcredits {
  cursor: pointer;
  float: right;
  margin: 0 10px 0 0;
}
#creditpopup {
  position: relative;
  background-color:#000;
  padding: 15px;
  border: 1px solid #666666;
}
#creditlist {
  float: left;
  width: 100%;
  list-style-type: none;
}
#creditlist li {
  float: left;
  width: 100%;
  padding: 10px 5px;
  border-bottom: 1px solid #4e4e4e;
}
.activecredits {
  float: left;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
}
.activecreditheader {
  position: relative;
  padding: 10px 0;
}
.ccredits,
.crpending {
  color: #FFF;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 14px;
  font-size: 1.4rem;
}
.ccredits {
  float: left;
  background-color: #52b552;
}
.crpending {
  float: right;
  background-color: #d9534f;
}
.nocredits {
  color: #d9534f;
}
.pendingcredits {
  float: right;
  font-size: 17px;
  font-size: 1.7rem;
  color:#f0ad4e;
}
#purchasecredits {
  position:absolute;
  bottom:15px;right:15px;
  background-color: #52b552;
  color: #FFF;
  padding: 10px 15px;
}
.loadercredits {
	position:absolute;
	top:50%;left:50%;
	margin-top:-50px;
	margin-left:-130px;
	width:260px;
	height:100px;
	opacity:0;
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
}
.showloadercredits .loadercredits{
	opacity:1;
}
.creditspinner {
  position: absolute;
  top: 40%;
  left: 50%;
  font-size: 43px!important;
  font-size: 4.3rem!important;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
  text-align: center;
}
.creditloadertext {
  position: absolute;
  top: 40%;
  left: 0;
  font-size: 13px;
  font-size: 1.3rem;
  color:#e1e1e1;
  width: 100%;
  padding-top: 35px;
  text-align: center;
}
.bilidprofileurl {
  color: #8b8b8d !important;
}
#closecredits {
  position: absolute;
  top: -30px;
  height:30px;
  right: -1px;
  padding: 10px 30px 0 30px;
  border-top:1px solid #666666;
  border-right:1px solid #666666;
  border-left:1px solid #666666;
  background-color:#000;
  cursor: pointer;
  color: #d0d0d0;
  z-index: 10;
}
.sharebanner {
  float: right;
  padding: 2px 10px 5px 5px;
  margin: 0 0 0 0;
  cursor: pointer;
  border-radius: 4px;
  color: #8b8b8d;
}
.toolbar .sharebanner {
	float:left;
	padding-top:5px;
}
.sharebanner .fa-share-alt {
  font-size: 18px;
  font-size: 1.8rem;
}
.fullform .sharebanner {
  color: #FFF;
  margin: 5px 0 0 10px;
  padding: 5px 10px 5px 10px;
  background-color: #3d5a98;
}
.addthis_toolbox {
  float: left;
  width: 100%;
  margin: 20px 0 10px 0;
}
.addthis_toolbox .addthisbutton {
	display:block;
  float: left;
  width:32px!important;
  height:32px!important;
  padding: 10px;
  margin: 0 5px 0 0!important;
  text-align: center;
  cursor: pointer;
  width: 50px;
  font-size: 27px;
  font-size: 2.7rem;
  color: #FFF;
}
.shareinputwrap {
  position: relative;
  float: left;
  width: 100%;
  padding: 5px 35px 5px 0;
}
.shareinputwrap h2 {
  font-size: 18px;
  font-size: 1.8rem;
}
.shareinputwrap input {
  float: left;
  width: 100%;
}
.shareinputwrap .copyshare {
  position: absolute;
  top: 23px;
  right: -5px;
  color: #808080;
  font-size: 22px;
  font-size: 2.2rem;
  padding: 10px;
  cursor: pointer;
}
.bannercredentials {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px 5px 15px 15px;
  color: #878787;
  font-size: 14px;
  font-size: 1.4rem;
}
.bannercredentials a {
  display: inline!important;
  font-size: 14px!important;
  font-size: 1.4rem!important;
  margin: 0!important;
  text-decoration: underline;
  color: #ababab!important;
}
#fbsigninbttn {
  position: absolute;
  bottom: 100%;
  left: 0;
  padding: 3px 10px 6px 7px;
  background-color: #3d5a98;
  color: #FFF;
  cursor: pointer;
  display:none;
}
.hidestartdialog #fbsigninbttn {
	display:block;
}
#fbsigninbttn .fa {
  font-size: 22px;
  font-size: 2.2rem;
  margin: 0 3px 0 0;
}

#helppanel {
	position:fixed;
	top:0;right:-300px;bottom:0;
	padding:20px 0 20px 0;
	width:300px;
	overflow:scroll;
	border-left:1px solid #4a4a4a;
	background-color: #2a2a2e;
	-webkit-box-shadow: 0px 11px 24px -1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 11px 24px -1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 11px 24px -1px rgba(0, 0, 0, 0.4);
	-webkit-transition: -webkit-transform 200ms ease-out;
	-moz-transition: -moz-transform 200ms ease-out;
	-ms-transition: -o-transform 200ms ease-out;
	-o-transition: transform 200ms ease-out;
}

#helppanel h4 {
	width:100%;
	padding:0 0 0 15px;
}

#helppanel .videocat {
	width:100%;
	float:left;
	margin-top:20px;
	padding:15px 15px 5px 15px;
	font-weight:bold;
	text-transform: uppercase;
	font-size: 16px;
	font-size: 1.6rem;
}

body.showhelppanel #helppanel {
	-webkit-transform: translate(-300px, 0);
	-moz-transform: translate(-300px, 0);
	-o-transform: translate(-300px, 0);
	transform: translate(-300px, 0);
}

.helppanellist {
	width:100%;
	list-style-type: none;
}

.helppanellist .triggervideopop {
	position:relative;
	float:left;
	width:100%;
	padding:10px 5px 10px 15px;
	border-bottom:1px solid #4a4a4a;
	font-size: 14px;
	font-size: 1.4rem;
	cursor:pointer;
}

.helppanellist .triggervideopop:hover {
	background-color: #0a0a0a;
}

.helppanellist .triggervideopop .fa {
	font-size: 22px;
	font-size: 2.2rem;
	margin-right:10px;
}

#closehelppanel {
	position:absolute;
	top:14px;right:8px;
	width:35px;
	height:35px;
	font-size: 30px;
	font-size: 3.0rem;
	text-align:center;
	cursor:pointer;
}

#videoscreen {
	 position:fixed;
	 top:0;right:-100%;bottom:0;left:-100%;
	 width:100%;height:100%;
	 background-color: rgba(0, 0, 0, 0);
	 z-index:9999999999;
	 -webkit-transition: background-color 300ms ease;
	 -moz-transition: background-color 300ms ease;
	 -o-transition: background-color 300ms ease;
	 transition: background-color 300ms ease;
}
 
 #videopopup {
	width:90%;
	max-width:800px;
	background-color:#FFF;
	padding:10px;
	-webkit-box-shadow: 0px 11px 24px -1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 11px 24px -1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 11px 24px -1px rgba(0, 0, 0, 0.4);
	-webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.5, -0.5, 0.5, 1.5);
	-moz-transition: -moz-transform 0.3s cubic-bezier(0.5, -0.5, 0.5, 1.5);
	-ms-transition: -o-transform 0.3s cubic-bezier(0.5, -0.5, 0.5, 1.5);
	-o-transition: transform 0.3s cubic-bezier(0.5, -0.5, 0.5, 1.5);
 }
 
 .showvideoscreen {
	 top:0;right:0%;bottom:0;left:0%!important;
 }
 
.showvideoscreenpop {
	background-color: rgba(0, 0, 0, 0.72)!important; 
}
 
.showvideoscreenpop #videopopup {
	 -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
 
 #videopopupwrap, #videopopupwrap2 {
	 position:relative;
	 width:100%;
	 height:0;
	 padding:0 0 56% 0;
 }
 
 #videopopupwrap2 {
	 -webkit-box-shadow: 0px 11px 24px -1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 11px 24px -1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 11px 24px -1px rgba(0, 0, 0, 0.4);
}

#videopopupwrap2 iframe {
	border:1px solid #3e3e3e;
}
 
 #videopopupwrap iframe, .homeytiframe {
	 display:block;
	 position:absolute;
	 top:0;right:0;bottom:0;left:0;
	 width:100%;height:100%;
 }
 
 #videopopupdescription {
	 padding:10px 4px 0 4px;
 }
 
 #closevideopopup {
	 position:absolute;
	 top:-35px;right:-15px;
	 font-size: 54px;
	font-size: 5.4rem;
	z-index:2;
	cursor:pointer;
	color:#FFF;
 }