body {
    max-width:720px;
    margin:40px auto;
    padding:0 10px;
    color:white;
/*    color: #c9c9f1; */
    background-color: #0d0d23;
    font-family: Fira Sans, Arial, sans-serif;
    /*font-weight: medium; */
}

h1, h2, h3, h4, h5, h6 {
      font-family: Fira Sans, Arial, sans-serif;
      font-weight: medium;
      line-height:1.5;
      color: #fff;
      opacity: 0.75;
}

p {
	  font-size: 18px;
	  line-height:1.5;
}

div.list {
	  font-size: 18px;
	  line-height:1.2;
      color: #fff;
      opacity: 0.75;
}

p.post {
	  font-size: 18px;
      line-height:1.5;
      color: #fff;
      opacity: 0.75;
}

p.small {
          font-size: 14px;
      line-height:1.5;
      color: #fff;
      opacity: 0.75;
      padding-left: 12px;

}

p.snippet {
	  font-size: 16px;
      line-height:1.5;
      color: #fff;
      opacity: 1.0;
}

p.snippetcomment {
	  font-size: 16px;
      line-height:1.5;
      color: #fff;
      opacity: 0.75;
}

#blueThing {
  border-radius: 12px;
  background: #1b1b47;
  padding: 10px; 
  width: 1.0;
}

#cyanThing {
  border-radius: 12px;
  background: #1b3647;
  padding: 10px; 
  width: 1.0;
}

#orangeThing {
  border-radius: 12px;
  background: #47271b;
  padding: 10px; 
  width: 1.0;
}

#orangeThingJustified {
  border-radius: 12px;
  background: #47271b;
  padding: 10px; 
  width: 1.0;
  text-align: justify;
  text-justify: inter-word;
}


li {
	  font-size: 18px;
	  color: #fff;
      opacity: 0.75;
      line-height:1.5;

}

div.buttonline {
  text-align: center;
  line-height: 54px;
}

div.buttonline3 {
  text-align: center;
  line-height: 74px;
}


div.bannerline {
  text-align: center;
  vertical-align: middle;
  line-height:48px;
}

a {
  text-decoration: none;
}

/* @import url(//fonts.googleapis.com/css?family=Fira+Sans); */

a:link { text-decoration: none; color: #80d4ff; }

a:visited { text-decoration: none; color: #80d4ff; }

a:hover { text-decoration: none; }

a:active { text-decoration: none; }

button.fancy {
  appearance: none;
  border: none;
  border-radius: 10px;
  padding: 2px 20px 5px 10px;
  width: 116px;
  
  cursor: pointer;
  
  color: #fff;
  
  text-align: left;
  
  font-weight: 600;
  line-height: 20px;

  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

button.double {
  appearance: none;
  border: none;
  border-radius: 10px;
  padding: 2px 20px 5px 10px;
  width: 176px;
  
  cursor: pointer;
  
  color: #fff;
  
  text-align: left;
  
  font-weight: 600;
  line-height: 20px;

  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

button.double2 {
  appearance: none;
  border: none;
  border-radius: 12px;
  padding: 12px 12px 12px 12px;
  width: 176px;
  
  cursor: pointer;
  
  color: #fff;
  
  text-align: left;
  
  font-weight: 600;
  line-height: 20px;

  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

button.double2tall {
  appearance: none;
  border: none;
  border-radius: 10px;
  padding: 15px 20px 13px 10px;
  width: 176px;
  
  cursor: pointer;
  
  color: #fff;
  
  text-align: left;
  
  font-weight: 600;
  line-height: 20px;

  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

button.channelnew {
  appearance: none;
  border: none;
  border-radius: 10px;
  padding: 2px 20px 5px 10px;
  width: 116px;
  
  cursor: pointer;
  
  color: #fff;
  
  text-align: left;
  
  font-weight: 600;
  line-height: 20px;

  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

button.medium {
  appearance: none;
  border: none;
  border-radius: 10px;
  padding: 2px 20px 5px 10px;
  width: 100%;
  max-width: 356px;
    
  cursor: pointer;
  
  color: #fff;
  
  text-align: left;
  
  font-weight: 600;
  line-height: 20px;

  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}


button.wider {
  appearance: none;
  border: none;
  border-radius: 10px;
  padding: 2px 20px 5px 10px;
  width: 100%;
  max-width: 356px;
  
  cursor: pointer;
  
  color: #fff;
  
  text-align: left;
  
  font-weight: 600;
  line-height: 20px;

  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

button.wider2 {
  appearance: none;
  border: none;
  border-radius: 10px;
  padding: 15px 20px 13px 10px;
  width: 100%;
  max-width: 356px;
  
  cursor: pointer;
  
  color: #fff;
  
  text-align: left;
  
  font-weight: 600;
  line-height: 20px;

  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

button.wider3 {
  appearance: none;
  border: none;
  border-radius: 10px;
  padding: 12px 20px 15px 10px;
  width: 100%;
  max-width: 356px;
  
  cursor: pointer;
  
  color: #fff;
  
  text-align: left;
  
  font-weight: 600;
  line-height: 20px;

  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}


button.flagbutton {
  appearance: none;
  border: none;
  padding: 10px 10px 10px 10px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  
  color: #fff;
  
  text-align: center;
  
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

button.channel {
  appearance: none;
  border: none;
  border-radius: 10px;
  padding: 2px 20px 5px 10px;
  width: 100%;
  
  cursor: pointer;
  
  color: #fff;
  
  text-align: left;
  
  font-weight: 600;
  line-height: 20px;

  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

button.banner {
  appearance: none;
  border: none;
  border-radius: 4px;
  padding: 0px 0px 0px 9px;
  width: 92px
  height: 31px;  
  cursor: pointer;
  margin-bottom: 12px;

.bannerplaceholder {
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  background-color: #29296b;
  border-radius: 4px;
  color: white;
  line-height: 31px;
  white-space: nowrap;
}
  
  color: #fff;
  
  text-align: left;
  
  font-weight: 600;
  line-height: 0px;

  user-select: none;
  vertical-align: bottom;
  white-space: nowrap;
}

  .padded {
    padding-left: 6px;
    padding-right: 6px;
  }

  .paddedfull {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .padded4 {
    padding-left: 4px;
    padding-right: 4px;
  }

  .padded2 {
    padding-left: 2px;
    padding-right: 2px;
  }


.banner {
  display: inline-block;
  vertical-align: top;
  width: 88px;
  height: 31px;
  transition: filter 0.1s linear;
  transition: transform 0.05s linear;
}

@media (min-width: 720px ) {
  button.medium {
    width: 236px;
  }
  button.channelnew {
  	width: 236px;
  }
}

span.sitesmall {
  font-family: 'Fira Sans', sans-serif;
  font-weight: medium;
  font-size: 12px;
  opacity: 0.5;
}

span.sitesmall2 {
  font-family: 'Fira Sans', sans-serif;
  font-weight: medium;
  font-size: 16px;
  opacity: 0.5;
}

span.sitemedium {
  font-family: 'Fira Sans', sans-serif;
  font-weight: bold;
  font-size: 16px;
  opacity: 0.5;
}

span.sitelarge {
  font-family: 'Fira Sans', sans-serif;
  font-weight: medium;
  font-size: 18px;
  opacity: 0.75;
}

span.sitelarger {
  font-family: 'Fira Sans', sans-serif;
  font-weight: bold;
  font-size: 24px;
  opacity: 0.5;
}

span.snippetinfo {
  font-family: 'Fira Sans', sans-serif;
  font-weight: medium;
  font-size: 14px;
  opacity: 0.75;
}

p.fira {
  font-family: 'Fira Sans', sans-serif;
  font-weight: medium;
}

h.fira {
  font-family: 'Fira Sans', sans-serif;
  font-weight: medium;
}

table.center {
	margin-left: auto;
	margin-right: auto;
	border-radius: 12px;
	border-spacing: 0;
    font-size: 18px;
    background: #47271b;
    color: #fff;
    opacity: 0.75;
}

table.centermedium {
	margin-left: auto;
	margin-right: auto;
	border-radius: 12px;
	border-spacing: 8px;
    font-size: 16px;
	line-height:1.5;
    background: #47271b;
    color: #fff;
    opacity: 0.75;
}

table.centercondensed {
	margin-left: auto;
	margin-right: auto;
	border-radius: 12px;
	border-spacing: 8px;
	font-family: 'Fira Sans Condensed';
    font-size: 16px;
	line-height:1.5;
    background: #47271b;
    color: #fff;
    opacity: 0.75;
}

table.centercondensedrow {
	margin-left: auto;
	margin-right: auto;
	border-radius: 12px;
	border-spacing: 8px;
	font-family: 'Fira Sans Condensed';
    font-size: 16px;
	line-height:1.5;
    background: #47271b;
    color: #fff;
    opacity: 0.75;
}

table.centercondensed td:nth-child(1) {
	text-align: right;
	text-transform: uppercase;
	color: #fff;
	opacity: 0.5;
	padding-right:5px;
	vertical-align: top;
}

table.centernarrow {
	margin-left: auto;
	margin-right: auto;
	border-radius: 12px;
	border-spacing: 8px;
    font-size: 16px;
	line-height:1.5;
    background: #47271b;
    color: #fff;
    opacity: 0.75;
    width: 100%;
    max-width: 540px;
}

table.centersmall {
	margin-left: auto;
	margin-right: auto;
	border-radius: 12px;
	border-spacing: 8px;
    font-size: 14px;
	line-height:1.5;
    background: #47271b;
    color: #fff;
    opacity: 0.75;
    width: 100%;
    max-width: 480px;
}

table.center td, 
table.center th { 
  padding: 10px; 
  }
table.roundedCorners tr:last-child > td {
  border-bottom: none;
}

table.links {
    width: 100%;
    max-width: 356px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 12px;
	border-spacing: 8px;
	font-family: 'Fira Sans Condensed';
    font-size: 16px;
	line-height:1.5;
    background: #563acd;
    color: #fff;
    opacity: 1.0;
}


 .dynamiclogo{
     width:100%;
     max-width:370px;
 }