@font-face {
  font-family: Gotham-Bold;
  src: url('../fonts/gotham-bold.ttf') format('truetype'), url('../fonts/gotham-bold.eot#iefix') format('embedded-opentype'), url('../fonts/gotham-bold.woff') format('woff'), url('../fonts/gotham-bold.svg') format('svg');
}
@font-face {
  font-family: 'Open Sans', sans-serif;
  src: url("https://fonts.googleapis.com/css?family=Open+Sans");
  src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansregular';
  src: url('../fonts/OpenSans-Regular-webfont.eot');
  src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansbold';
  src: url('../fonts/OpenSans-Bold-webfont.eot');
  src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
.SelectedShare {
  opacity: 100.0 !important;
  filter: alpha(opacity=100) !important;
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.SmallerVideoBox {
  margin-left: 1vw !important;
  margin-right: 1vw !important;
  margin-top: 3vw !important;
}
.IconBiodiversityOff {
  background-image: url("../images/Icons/GEO SBA icons_v4_biodiversity_off.png");
}
.IconDisasterOff {
  background-image: url("../images/Icons/GEO SBA icons_v4_disaster_off.png");
}
.IconEnergyOff {
  background-image: url("../images/Icons/GEO SBA icons_v4_energy_off.png");
}
.IconInfrastructureOff {
  background-image: url("../images/Icons/GEO SBA icons_v4_infrastructure_off.png");
}
.IconFoodOff {
  background-image: url("../images/Icons/GEO SBA icons_v4_foodSecurity_off.png");
}
.IconHealthOff {
  background-image: url("../images/Icons/GEO SBA icons_v4_publicHealth_off.png");
}
.IconUrbanOff {
  background-image: url("../images/Icons/GEO SBA icons_v4_urbanDev_off.png");
}
.IconObservationsOff {
  background-image: url("../images/Icons/GEO SBA icons_v4_freeAndOpen_off.png");
}
.IconWaterOff {
  background-image: url("../images/Icons/GEO SBA icons_v4_waterResources_off.png");
}
.IconBiodiversity {
  background-image: url("../images/Icons/GEO SBA icons_v4_biodiversity.png");
}
.IconDisaster {
  background-image: url("../images/Icons/GEO SBA icons_v4_disaster.png");
}
.IconEnergy {
  background-image: url("../images/Icons/GEO SBA icons_v4_energy.png");
}
.IconInfrastructure {
  background-image: url("../images/Icons/GEO SBA icons_v4_infrastructure.png");
}
.IconFood {
  background-image: url("../images/Icons/GEO SBA icons_v4_foodSecurity.png");
}
.IconHealth {
  background-image: url("../images/Icons/GEO SBA icons_v4_publicHealth.png");
}
.IconUrban {
  background-image: url("../images/Icons/GEO SBA icons_v4_urbanDev.png");
}
.IconObservations {
  background-image: url("../images/Icons/GEO SBA icons_v4_freeAndOpen.png");
}
.IconWater {
  background-image: url("../images/Icons/GEO SBA icons_v4_waterResources.png");
}
html {
  height: 100%;
}
body {
  height: 100%;
  font-family: 'Montserrat', sans-serif;
}
.Biodiversity {
  background-color: rgba(0, 166, 81, 0.83);
}
.Food {
  background-color: rgba(224, 134, 26, 0.83);
}
.Health {
  background-color: rgba(207, 18, 140, 0.83);
}
.Water {
  background-color: rgba(0, 171, 189, 0.83);
}
.Observations {
  background-color: rgba(39, 170, 225, 0.83);
}
.Disaster {
  background-color: rgba(237, 28, 36, 0.83);
}
.Energy {
  background-color: rgba(233, 193, 30, 0.83);
}
.Urban {
  background-color: rgba(0, 91, 170, 0.83);
}
.Infrastructure {
  background-color: rgba(146, 39, 143, 0.83);
}
.Popup {
  position: absolute;
  background-color: rgba(100, 100, 100, 0.5);
  text-align: center;
  width: 100%;
  height: 100%;
  z-index: 3000;
}
.Popup .UserForm {
  width: 85%;
  margin: auto;
  margin-top: 10vh;
  vertical-align: middle;
  border: 2px solid black;
  background: white;
}
.Popup .UserForm .EmailSection {
  width: 100%;
  height: 15vh;
}
.Popup .UserForm .EmailSection .Exit {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  position: absolute;
  right: 10vw;
  top: 10vh;
  width: 4vh;
  height: 3.5vh;
  background: #006097;
  text-align: center;
  color: white;
  margin-top: 3vh;
  font-size: 2.5vh;
  font-weight: 700;
}
.Popup .UserForm .EmailSection .HeaderText {
  text-transform: uppercase;
  font-size: 1.9vh;
  font-weight: 700;
  color: #006097;
  text-align: center;
  margin: auto;
  margin-top: 2vh;
}
.Popup .UserForm .EmailSection .Email {
  margin-top: 2vh;
  width: 50%;
  border: 1px solid black;
  background-color: #f5f5f5;
  text-align: center;
}
.Popup .UserForm label {
  display: block;
  font-size: .85vw;
  margin: 1.5vh;
  text-align: left;
  margin-left: 1vw;
}
.Popup .UserForm input[type=checkbox] {
  float: left;
  display: block;
  visibility: hidden;
  margin-right: 1vw;
  cursor: pointer;
}
.Popup .UserForm input[type=checkbox]:after {
  content: " ";
  background-color: white;
  display: inline-block;
  width: 2.5vh;
  height: 2.5vh;
  margin-top: -3vh;
  visibility: visible;
  border: 2px solid #cccccc;
  border-radius: 2.5vh;
}
.Popup .UserForm input[type=checkbox]:checked:after {
  background-color: #006097;
}
.Popup .UserForm .SelectionSection {
  width: 100%;
  border-top: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
  height: 50vh;
}
.Popup .UserForm .SelectionSection .SubArea {
  margin: auto;
  width: 95%;
}
.Popup .UserForm .SelectionSection .SubArea .column {
  float: left;
  width: 33.33%;
}
.Popup .UserForm .SelectionSection .SubArea .column .HeaderFlagships {
  margin-top: 1vh;
  width: 90%;
  text-transform: uppercase;
  color: #065ca9;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
}
.Popup .UserForm .SelectionSection .SubArea .column .Flagships {
  width: 90%;
  height: 12vh;
  border-top: 2px solid #065ca9;
}
.Popup .UserForm .SelectionSection .SubArea .column .TasksHeader {
  width: 100%;
  text-transform: uppercase;
  margin-top: 1vh;
  color: #df8726;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
}
.Popup .UserForm .SelectionSection .SubArea .column .Tasks {
  width: 90%;
  height: 20vh;
  border-top: 2px solid #df8726;
}
.Popup .UserForm .SelectionSection .SubArea .column .ActivitiesHeader {
  width: 100%;
  text-transform: uppercase;
  margin-top: 1vh;
  color: #e8c31e;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
}
.Popup .UserForm .SelectionSection .SubArea .column .Activities {
  width: 90%;
  height: 20vh;
  border-top: 2px solid #e8c31e;
}
.Popup .UserForm .SelectionSection .SubArea .column .InitiativesHeader {
  width: 100%;
  margin-top: 1vh;
  text-transform: uppercase;
  color: #00a64f;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
}
.Popup .UserForm .SelectionSection .SubArea .column .Initiatives {
  width: 100%;
  height: 20vh;
  border-top: 2px solid #00a64f;
}
.Popup .UserForm .SelectionSection .SubArea .column .Initiatives .side {
  width: 50%;
  float: left;
}
.Popup .UserForm .SubmissionSection {
  width: 100%;
  height: 8vh;
}
.Popup .UserForm .SubmissionSection .SendButton {
  width: 40%;
  margin: auto;
  cursor: pointer;
  margin-top: 2vh;
  height: 4vh;
  color: white;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #006097;
}
.VideoPlayer {
  position: absolute;
  display: table-cell;
  background-color: rgba(100, 100, 100, 0.5);
  text-align: center;
  width: 100%;
  height: 100%;
  z-index: 3000;
  display: table;
}
.VideoPlayer iframe,
.VideoPlayer video {
  position: absolute;
  top: 12vh;
  left: 12vw;
  vertical-align: middle;
  width: 75vw;
  height: 75vh;
}
.VideoPlayer .Exit {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  position: absolute;
  right: 5vh;
  top: 5vh;
  width: 7vh;
  height: 7vh;
  background: black;
  -moz-border-radius: 7vh;
  -webkit-border-radius: 7vh;
  border-radius: 7vh;
  border: 4px solid white;
  text-align: center;
  color: white;
  margin-top: 3vh;
  font-size: 3vh;
  font-weight: 700;
}
.VideoPlayer .Exit .Icon {
  margin-top: 1.5vh;
}
.share-video-area {
  height: 70vh;
}
.share-video-area .control-area {
  background-color: rgba(0, 0, 0, 0);
  margin-top: 4vh;
  width: 18%;
  float: left;
  height: 70vh;
  z-index: 4;
}
.share-video-area .control-area .Line {
  position: absolute;
  margin-top: 5vh;
  margin-left: 6%;
  width: 20px;
  height: 65vh;
  border-left: 2px solid #cccccc;
  z-index: 3;
}
.share-video-area .control-area .InfoArea {
  position: relative;
  height: 5vh;
  margin: 3vh;
  margin-left: 4vw;
  z-index: 4;
}
.share-video-area .control-area .InfoArea .Icon {
  position: absolute;
  height: 4vw;
  width: 4vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  z-index: 20;
}
.share-video-area .control-area .InfoArea .TextArea {
  z-index: -12;
  width: 10vw;
  margin-left: 6vw;
  font-size: 1vh;
  display: table;
  height: 5vh;
  opacity: 50.0;
  filter: alpha(opacity=50);
}
.share-video-area .control-area .InfoArea .TextArea .TextData {
  font-size: 0.9vh;
  display: table-cell;
  vertical-align: middle;
  margin: auto;
}
.share-video-area .content-area {
  float: left;
  height: 60vh;
  width: 82%;
}
.video-area {
  width: 100%;
}
.video-area .Previous {
  float: left;
  width: 10%;
  height: 70vh;
}
.video-area .Previous .button {
  vertical-align: middle;
  text-align: center;
  margin: auto;
  margin-top: 30vh;
  width: 7vh;
  height: 7vh;
  background: black;
  -moz-border-radius: 7vh;
  -webkit-border-radius: 7vh;
  border-radius: 7vh;
}
.video-area .Previous .button .Icon {
  position: relative;
  top: 1.5vh;
  right: -1vh;
  width: 0;
  height: 0;
  border-top: 2vh solid transparent;
  border-right: 4vh solid white;
  border-bottom: 2vh solid transparent;
}
.video-area .Previous .button:hover {
  background: gray;
}
.video-area .scrolling-area {
  float: left;
  width: 80%;
  height: 70vh;
  overflow: hidden;
}
.video-area .scrolling-area .video-row {
  display: table;
  width: 20000px;
}
.video-area .scrolling-area .video-row .video-box-empty {
  width: 20vw;
  float: left;
  margin: 3vw;
  height: 25vh;
  background-color: #f5f5f5;
}
.video-area .scrolling-area .video-row .video-box-empty .top-box {
  width: 20vw;
  height: 19vh;
}
.video-area .scrolling-area .video-row .video-box-empty .bottom-box {
  width: 20vw;
  height: 6vh;
  background-color: #cccccc;
}
.video-area .scrolling-area .video-row .video-box {
  cursor: pointer;
  width: 20vw;
  float: left;
  margin: 3vw;
  height: 25vh;
  background-color: white;
}
.video-area .scrolling-area .video-row .video-box .video-image {
  height: 25vh;
  width: 20vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.video-area .scrolling-area .video-row .video-box .video-image .video-title {
  text-align: left;
  height: 6vh;
  padding-left: 10px;
  padding-right: 10px;
  width: 20vw;
  color: white;
  font-size: 1.2vh;
  font-weight: 600;
}
.video-area .scrolling-area .video-row .video-box .video-image .video-title .Icon {
  height: 4vh;
  width: 4vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  z-index: 20;
}
.video-area .scrolling-area .video-row .video-box .video-image .button {
  width: 20vw;
  height: 13vh;
}
.video-area .scrolling-area .video-row .video-box .video-image .button .center {
  position: relative;
  text-align: center;
  margin: auto;
  vertical-align: middle;
  margin-top: 2vh;
  margin-left: 8vw;
  width: 7vh;
  height: 7vh;
  background: white;
  -moz-border-radius: 7vh;
  -webkit-border-radius: 7vh;
  border-radius: 7vh;
}
.video-area .scrolling-area .video-row .video-box .video-image .button .center .Icon {
  position: relative;
  top: 1.5vh;
  left: 2vh;
  width: 0;
  height: 0;
  border-top: 2vh solid transparent;
  border-left: 4vh solid black;
  border-bottom: 2vh solid transparent;
}
.video-area .scrolling-area .video-row .video-box .video-image .button .center:hover {
  background: gray;
}
.video-area .scrolling-area .video-row .video-box .video-image .video-text {
  margin-top: -2vh;
  height: 6vh;
  padding: 2px;
  text-align: left;
  width: 20vw;
  color: white;
  font-size: 1.2vh;
  font-weight: 500;
}
.video-area .Next {
  float: left;
  width: 10%;
  height: 70vh;
}
.video-area .Next .button {
  vertical-align: middle;
  text-align: center;
  margin: auto;
  margin-top: 30vh;
  width: 7vh;
  height: 7vh;
  background: black;
  -moz-border-radius: 7vh;
  -webkit-border-radius: 7vh;
  border-radius: 7vh;
}
.video-area .Next .button .Icon {
  position: relative;
  top: 1.5vh;
  left: 2vh;
  width: 0;
  height: 0;
  border-top: 2vh solid transparent;
  border-left: 4vh solid white;
  border-bottom: 2vh  solid transparent;
}
.video-area .Next .button:hover {
  background: gray;
}
.noPadding {
  margin: 0px;
  padding: 0px;
}
.hide {
  display: none;
}
.GridTileImage {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.GridTile {
  float: left;
  position: relative;
  height: 13vh;
  background-color: white;
  text-align: center;
  font-size: 1.0vh;
  font-weight: 600;
  color: white;
  transition: transform 1s;
}
.GridTile:hover {
  transform: scale(1.05);
}
.GridTile .Initiatives {
  background-color: rgba(0, 166, 79, 0.53);
}
.GridTile .Foundational-Tasks {
  background-color: rgba(238, 119, 0, 0.63);
}
.GridTile .Flagships {
  background-color: rgba(6, 92, 169, 0.63);
}
.GridTile .Community-Activities {
  background-color: rgba(252, 181, 38, 0.43);
}
.GridTile .Initiatives-Full {
  background-color: #00a64f;
}
.GridTile .Foundational-Tasks-Full {
  background-color: #ee7700;
}
.GridTile .Flagships-Full {
  background-color: #065ca9;
}
.GridTile .Community-Activities-Full {
  background-color: #fcb526;
}
.GridTile .ColorArea {
  height: 13vh;
}
.GridTile .ColorArea .TitleArea {
  display: table-cell;
  height: 13vh;
  width: 1000px;
  text-align: center;
  vertical-align: middle;
}
.GridTile .header {
  font-size: .7vh;
  width: 100%;
  color: black;
  position: absolute;
  left: 0px;
  font-weight: 600;
  text-align: center;
  top: 7px;
  z-index: 100;
}
.GridTile .ImageGeo {
  position: absolute;
  left: 40%;
  top: 65%;
  margin: auto;
  text-align: center;
  width: 20%;
  height: 15%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("../images/GEOSmall.png");
}
.GridTile .center {
  font-size: 1.2vh;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  color: black;
  position: absolute;
  width: 100%;
  height: 30%;
  text-align: center;
  vertical-align: middle;
  z-index: 101;
}
.GridTile .center .inner {
  font-size: 0.8vh;
}
.GridTile .footer {
  width: 100%;
  font-size: 0.8vh;
  color: black;
  position: absolute;
  height: 10px !important;
  text-align: center;
  left: 0px;
  text-transform: uppercase;
  bottom: -8px;
  z-index: 100;
}
.HeaderHeight {
  height: 15vh;
}
.Kiosk-Footer {
  margin-top: 4vh;
  border-color: #f5f5f5;
  border-width: .3vh;
  border-top-style: solid;
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  height: 4vh;
}
.Kiosk-Footer .TextArea {
  margin-top: 10px;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.4vh;
  color: black;
  font-weight: 400;
  background-color: white;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.Kiosk-Title {
  margin-top: 4vh;
  border-color: #cccccc;
  border-width: 3px;
  border-top-style: solid;
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  height: 4vh;
}
.Kiosk-Title .TextArea {
  margin-top: -10px;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.3vh;
  color: #cccccc;
  background-color: white;
  width: 25%;
  margin-left: auto;
  margin-right: auto;
}
.Kiosk-Header {
  background-color: #006097;
  width: 100%;
  padding: 0px;
  margin: 0px;
  height: 15vh;
}
.Kiosk-Header .buttonMiddle {
  border-color: #1b6d85;
  border-width: 0.6vh;
  border-right-style: solid;
  border-left-style: solid;
}
.Kiosk-Header .topArea {
  height: 85%;
  vertical-align: middle;
  margin: auto;
}
.Kiosk-Header .topArea .spacer {
  height: 50%;
}
.Kiosk-Header .topArea .textButton {
  cursor: pointer;
  color: white;
  font-size: 1.5vh;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  border-width: 6px;
}
.Kiosk-Header .topArea .textButton img {
  margin-right: 20px;
  max-width: 4vh !important;
  max-height: 4vh!important;
}
.Kiosk-Header .selection {
  margin: 0px;
  padding: 0px;
  background-color: white;
  width: 100%;
  height: 15%;
}
.Kiosk-Header .Kiosk-Flag-Holder {
  height: 15vh;
}
.Kiosk-Header .Kiosk-Flag-Holder .Kiosk-Flag {
  cursor: pointer;
  margin-top: 3vh;
  margin-bottom: 3vh;
  margin-right: 6vh;
  margin-left: 6vh;
  max-width: 15vh !important;
  max-height: 15vh!important;
}
.Kiosk-Header .Kiosk-Logo {
  cursor: pointer;
  width: auto;
  height: auto;
  max-width: 30vh !important;
  max-height: 30vh!important;
}
.Kiosk-Body {
  background-color: white;
  width: 100%;
  height: 80vh;
}
.Kiosk-Body .Home .Share {
  background-image: url("../images/USGEO_mainImages_weShare.png");
}
.Kiosk-Body .Home .Partner {
  background-image: url("../images/USGEO_mainImages_wePartner.png");
}
.Kiosk-Body .Home .Support {
  background-image: url("../images/USGEO_mainImages_weSupport.png");
}
.Kiosk-Body .Home .InfoCard {
  width: auto;
  margin: 1%;
  height: 65vh;
  cursor: pointer;
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.Kiosk-Body .Home .InfoCard .spacer {
  height: 35%;
}
.Kiosk-Body .Home .InfoCard .TextArea {
  color: white;
  height: 30%;
  font-size: 2.1vw;
  font-weight: bold;
  text-transform: uppercase;
  background: rgba(0, 96, 151, 0.87);
}
.Kiosk-Body .Home .InfoCard .TextArea .MainText {
  margin-top: -30px;
  font-size: 1.1vw;
  font-weight: bold;
  text-transform: none;
  filter: alpha(opacity=100);
  color: white;
}
.ImageContent {
  float: left;
  width: 26%;
  height: 85vh;
}
.ImageContent .ContentTile {
  height: 25%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.ImageContent .ContentTile .PlayButton {
  position: relative;
  vertical-align: middle;
  text-align: center;
  margin: auto;
  top: 35%;
  width: 7vh;
  height: 7vh;
  background: white;
  -moz-border-radius: 7vh;
  -webkit-border-radius: 7vh;
  border-radius: 7vh;
}
.ImageContent .ContentTile .PlayButton .Icon {
  position: relative;
  top: 1.5vh;
  left: 2vh;
  width: 0;
  height: 0;
  border-top: 2vh solid transparent;
  border-left: 4vh solid black;
  border-bottom: 2vh solid transparent;
}
.ImageContent .ContentTile .PlayButton:hover {
  background: gray;
}
.DetailContent {
  float: left;
  width: 74% ;
  height: 85vh;
}
.DetailContent .Spacer {
  float: left;
  width: 100%;
  background-color: white;
  height: 2vh;
}
.DetailContent .MainContent {
  float: left;
  width: 69%;
  height: 68vh;
}
.DetailContent .MainContent .Title {
  margin: auto;
  width: 90%;
  font-weight: 700;
  font-size: 3.6vh;
}
.DetailContent .MainContent .SubTitle {
  margin: auto;
  width: 90%;
  font-weight: 700;
  font-size: 2.0vh;
}
.DetailContent .MainContent .MainText {
  margin-right: auto;
  margin-left: auto;
  margin-top: 2vh;
  width: 90%;
  font-weight: 400;
  font-size: 1.2vh;
  white-space: pre-line;
}
.DetailContent .MainContent .US-Header {
  margin: auto;
  width: 90%;
  font-weight: 700;
  font-size: 1.8vh;
}
.DetailContent .MainContent .Divider {
  margin: auto;
  width: 90%;
  border-top: 2px dotted #cccccc;
}
.DetailContent .SideBar {
  float: left;
  width: 31% ;
  height: 70vh;
}
.DetailContent .SideBar .InfoButton {
  cursor: pointer;
  margin-right: 10%;
  margin-left: 0%;
  width: 90%;
  font-size: 1.4vh;
  text-transform: uppercase;
  vertical-align: middle;
  font-weight: 600;
  color: white;
  text-align: center;
  background-color: #006097;
  height: 5.5vh;
}
.DetailContent .SideBar .InfoButton .IconSpacer {
  width: 100%;
  height: 1.25vh;
}
.DetailContent .SideBar .InfoButton .ArrowIcon {
  margin-left: 0%;
  margin-right: 10%;
  margin-top: .25vh;
  width: 0;
  height: 0;
  float: right;
  border-top: 1vh solid transparent;
  border-left: 2vh solid white;
  border-bottom: 1vh solid transparent;
}
.DetailContent .SideBar .ContentArea {
  margin-right: 10%;
  margin-left: 0%;
  width: 90%;
  font-size: 1.2vh;
  text-transform: uppercase;
  vertical-align: middle;
  font-weight: 600;
  color: white;
  text-align: center;
  background-color: lightgrey;
  height: 85%;
  margin-top: 0vh;
}
.DetailContent .SideBar .ContentArea .SpacerArea {
  width: 100%;
  height: 3vh;
}
.DetailContent .SideBar .ContentArea .Box {
  text-transform: none;
  font-size: 1vh;
  text-align: left;
  color: #006097;
  font-weight: 400;
  margin-right: 5%;
  margin-left: 5%;
  width: 90%;
  border-top: 4px solid #006097;
}
.DetailContent .SideBar .ContentArea .Box .Title {
  font-size: 1.2vh;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: .25vh;
  margin-bottom: 1vh;
}
.DetailContent .Footer {
  float: left;
  width: 100%;
  background-color: white ;
  height: 10vh;
}
.DetailContent .Footer .Divider {
  text-transform: uppercase;
  margin-right: 3%;
  margin-left: 3%;
  width: 94%;
  border-top: 0.2vh solid #cccccc;
}
.DetailContent .Footer .Previous {
  cursor: pointer;
  color: #006097;
  text-align: left;
  float: left;
  height: 8vh;
  width: 30%;
  font-size: 1vh;
}
.DetailContent .Footer .Previous .Icon {
  margin-right: 3%;
  margin-top: .25vh;
  width: 0;
  height: 0;
  float: left;
  border-top: 1vh solid transparent;
  border-right: 2vh solid #006097;
  border-bottom: 1vh solid transparent;
}
.DetailContent .Footer .Selected {
  text-align: center;
  float: left;
  color: #cccccc;
  height: 8vh;
  width: 40%;
}
.DetailContent .Footer .Next {
  cursor: pointer;
  color: #006097;
  text-align: right;
  float: left;
  height: 8vh;
  width: 30%;
  font-size: 1vh;
}
.DetailContent .Footer .Next .Icon {
  margin-left: 3%;
  margin-top: .25vh;
  width: 0;
  height: 0;
  float: right;
  border-top: 1vh solid transparent;
  border-left: 2vh solid #006097;
  border-bottom: 1vh solid transparent;
}

@media screen and (max-width: 1200px) {
  img.Kiosk-Logo {display: none;}
  img.Kiosk-Flag {display: none;}
}