/*
*/
@font-face {
  font-family: 'SegoePrint';
  src: url('../fonts/SegoePrintBold.ttf') format('truetype');
}
#body {
  font-size: 16px;
  background-color: #F9F4E8;
}
.navbar {
  font-family: 'SegoePrint', 'Muli', 'Viga', 'Port Lligat Slab', serif;
  font-weight: 400;
  font-style: italic;
  font-size: 2em;
  padding: .5em;
}
.navbar-brand {
  font-size: 2em;
}
.ii1 {
  color: rgb(0,169,254);
}
.ii2 {
  color: rgb(234, 0, 0);
}
.ii3 {
  color: rgb(250, 167, 0);
}
.ii4 {
  color: rgb(25, 25, 25);
}
.ii5 {
  color: rgb(175, 173, 91);
}
.ii6 {
  color: rgb(57, 173, 115);
}
.ii7 {
  color: rgb(234, 0, 0);
}
nav.navbar {
  padding-top: 1em;
  padding-bottom: 1em;
  margin: 0 0;
  background-color: inherit;
}
.navbar_left {
  width: 100%;
}
form.navbar-form.navbar-left {
  display: block;
  position: absolute;
  top: 80px;
  left: 20px;
}
div.upper_right {
  width: 100%;
  display: block;
  margin-top: -40px;
  font-size: 0.8em;
}
.upper_right li {
  display: inline-block;
  width: 8em;
}
li.nav_item_1 {
  padding-right: 2em;
}
div.lower_right {
  width: 100%;
  display: block;
}
.lower_right li {
  display: inline-block;
  //width: 10em;
}
.navbar_right {
  width: 100%;
  font-size: 0.8em;
}
.email_input {
  color: rgb(0,169,254);
  width: 12em;
  font-size: 0.6em;
  margin-right: 1em;
  border: 2px solid rgb(250, 167, 0);
  padding-top: .5em;
}
.nav input::-input-placeholder {
  color: rgb(0,169,254);
  text-align: center;
}
.nav input::-webkit-input-placeholder {
  color: rgb(0,169,254);
  text-align: center;
}
.nav input::-moz-input-placeholder {
  color: rgb(0,169,254);
  text-align: center;
}
.nav input::-ms-input-placeholder {
  color: rgb(0,169,254);
  text-align: center;
}
.nav input::-o-input-placeholder {
  color: rgb(0,169,254);
  text-align: center;
}
.email_button {
  width: 12em;
  height: 3.2em;
}
#header {
  /*box-sizing: content-box;*/
  /*background-color: #F9EDD4;*/
  background-color: inherit;
  width: 100%;
  white-space: nowrap;
  height: 250px;
}
#header .categories {
  box-sizing: content-box;
  display: inline-block;
  /*width: 18%;*/
  width: 12em;
  height: 100%;
  margin: 0 0;
  padding: 0 0;
  overflow: hidden;
  background-color: inherit;
  font-weight: bold;

/*
  background-color: #F2F2F2;
  height: 100%;
  vertical-align: middle;
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  justify-content: space-around;
  -webkit-justify-content: space-around;
*/
}
#header .categories ul {
  list-style: none;
  padding: .5em 0 .5em 0;
}
#header .categories li {
  padding: .3em 0 .3em 2em;
}
#header .categories li:hover {
  background-color: #F9E5BB;
}
#header .video_controls{
  /*width: 100%;*/
  /*width: auto;*/
  /*height: auto;*/
}
#header video.video_controls, #header video source {
  margin-left: auto;
  margin-right: auto;
}
/* This is 720P video width for height = 250px */
#header .category_image {
  /*width: 40%;*/
  width: 440px;
  margin: 0 0;
  margin-left: -20px;
  padding: 0 0;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  background-image: url('../images/Gamer_Wallpaper1.jpg');
  background-size: cover;
  padding: 0 0;
  margin: 0 0;
  border: 4px solid black;
}
/* Set width to large value */
#header .category_right {
  box-sizing: content-box;
  display: inline-block;
  /*width: 42%;*/
  width: 2000px;
  margin: 0 0;
  margin-left: -5px;
  padding: 0 0;
  background-image: url('../images/coke.jpg');
  background-repeat: none;
}
.category_image img {
  /*width: 80%;*/
}
.inventory {
  /*
  background-color: #BFBFBF;
  background-image: url('../backgrounds/grey_moroccan_tile.jpg');
  */
  background-color: inherit;
  height: 740px;
  overflow: hidden;
}
.inventory::after {
  content: "";
  height: 1000px;
  margin: 0 0;
  padding: 0 0;
}
.subinventory {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  -weblkit-justify-content: space-around;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  /*justify-content: center;*/
  /*-webkit-justify-content: center;*/
  -webkit-box-pack: center;
}
.movie_icon {
  display: inline-block;
  padding: 20px;
  margin: 10px;
  width: 170px;
  height: 170px;
  border: 1px solid black;
  border-radius: 30%;
  background-image: url('../images/impossible.jpg');
  background-size: cover;
}
.tooltip {
  font-size: 1.6em;
  padding: 5px;
}
.tooltip > .tooltip-inner {
  border: 2px solid black;
  border-radius: 20px;
  background-color: #FFB90F;
  color: #000;
}
.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.tooltip-inner {
    white-space:pre-wrap;
}

.inventory div.movie_info {
  display: flex;
  justify-content: space-around;
  padding : 20px;
  border: 10px solid gold;
  border-radius: 50px;
  background: #FFF;
}

.inventory div.movie_text {
  overflow: scroll;
}

.movie_play, .movie_trailer {
  margin-left: 80px;
}
.inventory .icon_selected {
  border: 10px solid gold;
}
.movie_play, .movie_trailer {
  border: 1px solid black
}
.movie_play:hover, .movie_trailer:hover {
  border: 4px solid gold;
}
.footer {
  color: rgb(0,169,254);
  font-family: 'SegoePrint', 'Muli', 'Viga', 'Port Lligat Slab', serif;
  font-weight: 400;
  font-style: italic;
  font-size: 2.0em;
  padding: .5em;
  height: 100px;
}
.search-form {
  display: inline-block;
  width: 78%;
}
.search-form  input {
  color: rgb(0,169,254);
  width: 72%;
  height: 1.5em;
  margin-left: 4%;
}
.search-form button {
  width: 15%;
  height: 3em;
  margin-top: -1em;
}
.footer-links {
  display: inline-block;
  width: 18%;
  float: right;
  font-size: .8em;
  padding-top: .5em;
}
.footer input::-webkit-input-placeholder {
  color: rgb(0,169,254);
  padding-left: 2em;
}
.footer input::-moz-input-placeholder {
  color: rgb(0,169,254);
  padding-left: 2em;
}
.footer input::-ms-input-placeholder {
  color: rgb(0,169,254);
  padding-left: 2em;
}
.footer input::-o-input-placeholder {
  color: rgb(0,169,254);
  padding-left: 2em;
}
.footer input::-input-placeholder {
  color: rgb(0,169,254);
  padding-left: 2em;
}
.footer-links a {
  color: rgb(0,169,254);
  display: inline-block;
}
.footer .trademark {
  font-size: .5em;
  padding-top: 1em;
  padding-left: 2em;
}