/*=================================================
 * place custom style at this file bottom
=================================================*/

#outer-align-center {
    width:100%;
    height:100%;
    display:box;
    box-orient:horizontal;
    box-pack:center;
    box-align:center;
    font-size: 250%;
}

.ivr-logo
{
/*  height: 96px;*/
    height: 128px;
}

/* header logo */
img.center-logo
{
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
  -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  display: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 64px;
  margin-top: 15px;
}

@media screen and (min-height: 480px) {
  img.center-logo
  {
    margin-left: auto;
    margin-right: auto;
    height:128px;
  }
}

@media screen and (min-height: 640px) {
  img.center-logo
  {
    margin-left: auto;
    margin-right: auto;
    height:256px;
  }
}

@media screen and (min-height: 868px) {
  img.center-logo
  {
    margin-left: auto;
    margin-right: auto;
    height:384px;
  }
}

@media screen and (min-height: 1024px) {
  img.center-logo
  {
    margin-left: auto;
    margin-right: auto;
    height:512px;
  }
}

div.displaycenter
{
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

a.textbox
{
    display:box;
    box-orient:horizontal;
    box-pack:center;
    box-align:center;
    width:75%;
    height:75%;
}

.expando
{
  display: none;
}

.expando:target
{
  display: block;
}

i.x_button
{
    margin-right: 5px;
    margin-left: auto;
    font-size: 22px;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

div.linksbox
{
    position:absolute; /* absolute position (so we can position it where we want)*/  
    left:10px;
    width:300px;
    /* styling bellow */  
    background-color: rgba(26, 2, 39, 0.25);
    font-family: 'tahoma';
  /*font-family: "Ubuntu Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, 'tahoma';*/
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, 'tahoma';*/
    font-size:13.5px;
    color: black;
    border-radius: 25px;
}

p.linksbox_content
{
    padding:5px;
    margin:5px;
    color: white;
    z-index: 1;
    opacity:0.8; /* transparency */  
    filter:alpha(opacity=80); /* IE transparency */  
}

span.linksbox_highlight
{
    color: orange;
    font-weight: bold;
    font-size:125%;
    z-index: 2;
    opacity:1.0; /* transparency */  
    filter:alpha(opacity=100); /* IE transparency */
}

p.description_header, span.description_header
{
    font-size:20px;
    z-index: 2;
    opacity:1.0; /* transparency */  
    filter:alpha(opacity=100); /* IE transparency */
}

p.description_highlight, span.description_highlight
{
    font-weight: bold;
    font-size:18px;
    z-index: 2;
    opacity:1.0; /* transparency */  
    filter:alpha(opacity=100); /* IE transparency */
}

div.description
{
    position:absolute; /* absolute position (so we can position it where we want)*/  
    left:320px;
    width:66%;  
    /* styling bellow */
    background-color: rgba(0, 0, 0, 0.33);
    font-family: 'tahoma';
  /*font-family: "Ubuntu Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, 'tahoma';*/
    font-size:10px;
    color:white;
    border-radius: 50px;

}

@media screen and (min-width: 1024px) {
  div.description
  {
    width:70%;
  }
}

@media screen and (min-width: 1280px) {
  div.description
  {
    width:75%;
  }
}

@media screen and (min-width: 1440px) {
  div.description
  {
    width:78%;
  }
}

div.description_content, p.description_content, span.description_content, ul.description_content
{
    padding:15px;
    margin:10px;
    color: white;
    font-size:75%;
    z-index: 1;
    opacity:0.6; /* transparency */  
    filter:alpha(opacity=60); /* IE transparency */  
}

@media screen and (min-height: 768px) {
  div.description_content, p.description_content, span.description_content, ul.description_content
  {
    font-size:100%;
  }
}

@media screen and (min-height: 1024px) {
  div.description_content, p.description_content, span.description_content, ul.description_content
  {
    font-size:125%;
  }
}

@media screen and (min-height: 1280px) {
  div.description_content, p.description_content, span.description_content, ul.description_content
  {
    font-size:150%;
  }
}

@media screen and (min-height: 1440px) {
  div.description_content, p.description_content, span.description_content, ul.description_content
  {
    font-size:175%;
  }
}