html {
    color: rgba(51,51,51,0.87);
}
  body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    color: rgba(51,51,51,0.87);
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    opacity: 1;
    transition: 1s opacity;
    -webkit-font-smoothing: antialiased;
  }
body.fade-out {
    opacity: 0;
    transition: none;
}
  main {
    flex: 1 0 auto;
  }
.h5 {
  font-size: 1.34rem;
  line-height: 110%;
  margin: 0.82rem 0 0.656rem 0;
}
h7 {
  font-size: 5.34rem;
  line-height: 0%;
}
.logo { 
  float: right;
  margin-top: 5%;
  padding-right: 5%;
  display: inline-block;
  width: 20%;
  z-index: 10;
}
.round-border {
    border-radius: 5px;
    border: 0px solid rgba(255,255,255,0.3);
}
.game {
text-overflow: ellipsis;
overflow: hidden;
width: 60%;
white-space: nowrap;
}
.game_overview {
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
white-space: nowrap;
}

.game-cinema {
word-wrap:break-word;
}

    .overlay {
    color: rgba(255, 255, 255, 0.9);
    background: rgba(0, 0, 0, 0.4);
    border-radius: 5%;
    }
    .overlay-text {
    color: rgba(255, 255, 255, 0.9);
    }
.ad { 
  margin-top: 5%;
  padding-right: 5%;
  display: inline-block;
  width: 20%;
  z-index: 10;
}
i.medium {
  font-size: 3rem;
}

.fluidMedia {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.tabs .indicator {
    background-color: #2196F3;
}
.tabs .tab a.active {
  color: #2196F3;
}
.tabs .tab a:hover {
  color: #2196F3;
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) {
  color: #2196F3;
  margin-right: 24px;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
  text-transform: uppercase;
}
.tabs .tab a {
  color: #2196F3;
}
 /* unvisited link */
a:link {
    color: rgba(51,51,51,0.87);
}

/* visited link */
a:visited {
    color: rgba(51,51,51,0.87);
}

/* mouse over link */
a:hover {
    color: #2196F3;
}

/* selected link */
a:active {
    color: #2196F3;
} 
.img-pic {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.img-pic:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.fluidMedia iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}
.collapsible-body {
    background-color: #fff;
  }
.pagination {
    background-color: #fff;
}
.parallax-footer {
    height: 350px;
}
.modal-small {
    height: 350px;
    width: 400px;
}
.padding {
    padding: 0% 10% 0%;
}        
.promo-caption {
    font-size: 1.7rem;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 0;
}  
.promo-example {
    overflow: hidden;
}
.promo a {
    margin: 40px 0;
    color: #2196F3;
    font-size: 7rem;
    display: block;
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    color: #454545;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: 'liga';
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';    -webkit-font-smoothing: antialiased;
}
.material-icons2 {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 50px;
    letter-spacing: normal;
    text-transform: none;
    display: inline;
    color: #fff;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: 'liga';
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';    -webkit-font-smoothing: antialiased;
}
.ma-white {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    color: #fff;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: 'liga';
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';    -webkit-font-smoothing: antialiased;
}
.footer-icons {
    color: #fff;
    font-weight: normal;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
.fa-social {
    padding: 8px;
    margin-top: 7px;
    font-size: 30px;
    width: 45px;
    height: 45px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
}
.material-icons:hover {
    opacity: 0.7;
}
.fa-white {
    color: #fff;
}
.fa-whitet {
    color: rgba(255,255,255,0.88);
}
.img-hover:hover {
    opacity: 0.6;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #2196F3;
}

footer {
  position: fixed;
  padding: 10px;
  bottom: 0;
  left: 0;
  right: 0;
}
.footer i {
    color: #fff;
}
.nav-drop {
    color: white;
background-color: white;
}  
.nav-drop a {
    color: #2196F3;
}
.nav-drop a:active {
    color: #2196F3;
}
.nav-drop a:hover {
    color: white;
background-color: #2196F3;
}     
.img {
padding:5px;
}     
h2 {
    font-size: 3.56rem;
    line-height: 110%;
    margin: 1.78rem 0 1.424rem 0;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    line-height: 1.1;
}
.center, .center-align {
    text-align: center;
}
.text_h2 {
    font-weight: 100;
    margin-bottom: 4%;
    line-height: 4.5rem;
}
.span_h2 {
    font-weight: 300;
    color: #15191C;
}
.up {
transform: rotate(30deg);
}
.img-rounded {
    border-radius: 3%;
}

.navbar-fixed {
z-index: 998;
}
.color {
    color: #2196F3;
}
.pagination li.active {
  background-color: #fff;
    color: rgba(51,51,51,0.87);
}
.pagination li.active a {
    color: rgba(51,51,51,0.87);
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #1E88E5; /* Color */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
  position: fixed;
  z-index: 9105;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}