/* Fonts */
@font-face {
  font-family: "Open Sans Semibold";
  src: url("/fonts/OpenSans-Semibold.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans Bold";
  src: url("/fonts/OpenSans-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Libre Baskerville";
  src: url("/fonts/LibreBaskerville-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Libre Baskerville Bold";
  src: url("/fonts/LibreBaskerville-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Libre Baskerville Italic";
  src: url("/fonts/LibreBaskerville-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans Regular";
  src: url("/fonts/OpenSans-Regular.ttf") format("truetype");
}

/*** Global ***/
body {
  background: white !important;
  color: #000;
  margin: 0;
  width: 100%;
  line-height: 1.5;
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  height: 100%;
  overflow-x: hidden;
}
header {
  z-index: 1000;
  position: relative;
  border-bottom: 1px solid #949494;
}

.page-container {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.page-content {
  flex: 1;
}

.logo_content {
  margin: 2px 0px 20px 60px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
a {
  text-decoration: none;
  transition: all 0.5s ease 0s;
}
img {
  border: none;
  max-width: 100%;
}
.f18 {
  font-size: 18px;
}
.facility-link,
.facility-link:hover {
  color: #337ab7;
}
.support-container > a {
  color: #337ab7 !important;
  font: 14px "Libre Baskerville";
}
.support-container > a:hover {
  color: #337ab7 !important;
  font: 14px "Libre Baskerville";
}
.news-container a.red-link {
  color: #990000;
  text-decoration: underline;
  font-size: 18px;
}

.section-title {
  margin-bottom: 40px;
}

.section-title h5 {
  font-family: "Open Sans SemiBold";
  font-size: 18px;
  color: #535454;
  margin-bottom: 20px;
}

.doc-images {
  margin-bottom: 40px;
}

.support-strip img {
  width: 100%;
}
.tour-link {
  max-width: 245px;
  margin: 0 auto;
  margin-bottom: 0px;
  text-align: center;
  margin-bottom: 20px;
}
.tour-link a.button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  text-decoration: none;
  color: initial;
  background: black;
  color: #ffcc00 !important;
  border: none;
  padding: 20px 55px;
  font-family: "Open Sans Semibold";
  font-size: 18px;
}
.tour-link a.button:hover,
.black-button a.button:hover {
  text-decoration: none !important;
}
.black-button {
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 13px;
  text-align: center;
  display: block;
  text-decoration: none !important;
  background-color: black;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  outline: none;
  font-weight: 400;
  width: 185px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.black-button a.button {
  font-family: "Open Sans Semibold";
  font-size: 15px;
}
.virtual-tour p:first-of-type {
  margin-bottom: 30px;
}
.virtual-tour p:not(:first-of-type) {
  margin-bottom: 40px;
}
.virtual-tour {
  padding: 20px;
}
.mar-top30 {
  margin-top: 30px;
}
.mar-btm30 {
  margin-bottom: 30px;
}

.each-person > a {
  color: #337ab7 !important;
  font: 15px "Open Sans Regular";
}
.each-person > a:hover {
  color: #337ab7 !important;
  font: 15px "Open Sans Regular";
}
.col-md-12 > a {
  color: #337ab7 !important;
  font: 15px "Open Sans Regular";
}

a:hover {
  text-decoration: underline !important ;
}
.centers a:hover {
  text-decoration: none !important ;
  color: #f2f2f2 !important;
}
.newsreports a:hover {
  text-decoration: none !important ;
  color: #f2f2f2 !important;
}
p .italic,
p.italic {
  font-family: "Libre Baskerville Italic";
}
.font-active {
  color: #ffcc00 !important;
}
.div-active {
  display: block !important;
}
.cleararea {
  margin: 50px 0px 40px 0px;
}
.clearspace {
  margin: 50px;
}
/* Bootstrap */
.navbar {
  margin: 0 auto;
  min-height: 30px;
}
.navbar-default {
  background-color: white;
}
.navbar-toggle {
  float: left;
  position: fixed;
  margin-top: 90px;
}
/* .navbar-toggle .icon-bar {
	width: 30px;
	height: 4px;
	border-radius: 10px;
	background-color: white;
} */
.navbar-toggle .icon-bar {
  width: 25px;
  height: 3px;
  border-radius: 1px;
  background-color: white;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 6px;
}
.navbar-wrapper {
  background: rgba(0, 0, 0, 0);
  z-index: 140;
  width: 100%;
  position: absolute;
}
.navbar-wrapper-set {
  position: unset;
  height: 120px;
}
.for-mobile {
  display: none;
}
.animation > div > p {
  max-width: 250px;
  font-family: "Libre Baskerville";
  font-size: 14px;
  text-align: left;
  margin: 20px 0px 10px 0px;
  transition: all 0.5s linear;
}
.animation > div > .cic-p p {
  max-width: 250px;
  font-family: "Libre Baskerville";
  font-size: 14px;
  text-align: left;
  margin: 20px 0px 10px 0px;
  transition: all 0.5s linear;
}
#animate-title > p {
  font-size: 16px;
  font-family: "Libre Baskerville";
  margin: 30px 10px 30px 0px;
}
#animate-title-igc > p {
  font-size: 16px;
  font-family: "Libre Baskerville";
  margin: 30px 40px 30px 10px;
}
#footer .foot-icons .fab {
  font-size: 15px;
  padding-right: 15px;
  padding-top: 15px;
}
.animation > div > img {
  position: relative;
  width: 150px;
  margin: 0px 60px 10px 40px;
}
.navbar-collapse.collapse {
  display: none !important;
}
.navbar-collapse.collapse {
  margin: 0 auto;
  padding-left: 10px;
}
.navbar-collapse {
  padding-right: 2%;
}
.navbar-wrapper {
  background: black;
  z-index: 130 !important;
  width: 100%;
  position: fixed;
  top: 45px;
  height: 60px;
  padding-top: 10px;
}
/* For Logo */
.logo.usc,
.logo {
  position: relative;
}
#header {
  background: #000;
  height: 90px;
  padding: 0 10px;
}
#header .container {
  max-width: 100%;
}
#inner-ini img {
  float: left;
  height: 30px;
  margin: 0px 0px 0px 42px;
}
.usc-xs-sm {
  display: none;
}
.usc-xs-sm img {
  width: 30px !important;
  height: auto !important;
  float: right;
}
h2 {
  font: bold 24px "Open Sans Bold";
  color: #565254;
  text-transform: uppercase;
  font-weight: unset;
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 {
  font: 30px "Open Sans Bold";
  color: #565254;
  text-transform: uppercase;
}
.logo {
  float: left;
  top: 12px;
  width: 300px;
  height: 32px;
}
.logo.usc {
  float: right;
  top: 5px;
  right: -13px;
  width: 200px;
  height: 40px;
}
.ini-container {
  max-width: 950px;
  margin: 60px auto 20px auto;
  min-height: 100vh;
}
.vision-container {
  max-width: 999px;
  margin: 100px auto;
}
.about_content {
  text-align: center;
}
.bold {
  font-family: "Libre Baskerville Bold";
}
.margin-btm5 {
  margin-bottom: 5px;
}
.menu-down {
  margin-left: 25px;
}
.sidenav .nav > li {
  padding: 10px 0px;
  cursor: pointer;
}
.sidenav .has-sub-menu .nav > li {
  padding: 0px !important;
}
#top_nav .clearfix.nav {
  z-index: 99999999;
}
.vl {
  border-left: 1px solid #949494;
  height: 55px;
  margin: -70px 0px 0px 216px;
}
.support-container {
  max-width: 1100px;
  margin: 0 auto;
  font: 14px "Libre Baskerville";
  line-height: 1.5;
}
.careers-header {
  font-size: 18px !important;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url(/images/header.png);
  text-align: center;
  color: #ffffff !important;
  height: 50px;
  display: table-cell;
  vertical-align: middle;
  width: 1003px;
}
.careers-video {
  display: flex;
  justify-content: center;
  width: 50%;
  height: 355px;
  background-size: 100% 100%;
  background-image: url(/images/work-at-usc-box.png);
}
.careers-main {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #d3d3d3;
}
.careers-block {
  color: #3e3e3e;
  display: flex;
  flex-direction: column;
}
.careers-block:hover {
  text-decoration: underline;
  cursor: pointer;
}
.careers-job-heading {
  margin: 20px 10px 0 10px !important;
  font-size: 20px !important;
}
.careers-block:hover .careers-job-heading {
  text-decoration: underline;
  cursor: pointer;
  color: #7b0000;
}
.careers-job-subheading {
  margin: 0 10px;
  font-size: 16px;
  padding: 0 0 20px 0;
}
.careers-description {
  display: none;
  flex-direction: column;
  margin: 0 10px;
  font-size: 16px;
}
#slidingpanel {
  cursor: pointer;
}
.careers-footer {
  display: flex;
  flex-direction: row;
  margin-bottom: 60px;
}
.careers-footer-left {
  padding-top: 16px;
  display: flex;
  margin-left: 68px;
}
.careers-footer-left:hover {
  text-decoration: underline;
  color: #7b0000;
  cursor: pointer;
}
.careers-footer-right {
  display: flex;
  color: #ffffff;
  background: #940000;
  padding: 15px 40px;
  margin-left: 96px;
}
.careers-footer-right:hover {
  background: #fdcb00;
  color: #940000;
  cursor: pointer;
  text-decoration: none !important;
}
.careers-footer-right:focus {
  background: #fdcb00;
  color: #940000;
  cursor: pointer;
  text-decoration: none !important;
}
#popup {
  position: fixed;
  top: 40%;
  left: 0;
  right: 0;
  margin: 0 auto;
  border: solid 5px #cc3333;
  width: 87%;
  max-width: 304px;
  box-shadow: 0px 0px 50px #000000;
  background: white;
  z-index: 1000;
  text-align: center;
}
#popup .btn-cardinal {
  margin: 0 auto;
  background: #cc3333 !important;
  color: white;
  width: 50%;
  padding: 10px 0;
  text-align: center;
  cursor: pointer;
}

/*SIDE NAV  */
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 140;
  top: 0;
  left: -300px;
  background-color: black;
  padding-top: 120px;
  width: 300px;
  z-index: 99999;
  overflow-y: auto;
  overflow-x: hidden;
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 50px;
  margin-left: 10px;
  color: white;
  font-size: 40px;
  cursor: pointer;
}
.sidenav .closebtn:hover {
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.sidenav .closebtn:focus {
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.sidenav a {
  padding: 8px 8px 28px 12px;
  text-decoration: none;
  font: 13px;
  font-family: "Open Sans Semibold";
  transition: opacity 0.1s linear;
  text-transform: uppercase;
}
.sidenav a:hover {
  color: black !important;
}
.sidenav a:focus {
  color: black !important;
}
.sidenav span {
  transition: opacity 0.1s linear;
}
.sidenav .offcanvas a:focus {
  cursor: pointer;
}
.sidenav ul li ul.nav {
  height: 0px;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
  -webkit-transition: max-height 0.5s ease-out;
  -moz-transition: max-height 0.5s ease-out;
  -o-transition: max-height 0.5s ease-out;
}
.sidenav .has-sub-menu ul {
  margin-left: 20px;
}
.sidenav .has-sub-menu {
  bottom: -10;
}

.sidenav ul > li.has-sub-menu a:first-child {
  width: 106%;
  float: left;
}
.sidenav ul > li.has-sub-menu .plus {
  width: 25%;
  float: left;
  cursor: pointer;
  padding: 0px 0px 0px 20px;
  color: white;
  text-align: center;
  position: relative;
  top: -35px;
  margin-left: 200px;
  font-size: medium;
}
.sidenav .navbar-toggle {
  padding: 0px 10px;
}
.side-nav-onclick > div {
  /* background: white; */
  display: none;
}
.side-nav-loni {
  cursor: pointer;
}
.clearfix {
  margin: 0px 0px 20px 0px;
}
.clearfix.nav li.dropdown {
  width: 100%;
}
#about .about_content #aboutlogo > p {
  text-align: left;
  margin-top: 50px;
  line-height: 1.8;
  margin-bottom: 60px;
}
#about .about_content #aboutlogo > h1 {
  color: #5e5f5f;
  font-family: "Open Sans Bold";
  font-size: 24px;
}
.flex-box {
  display: flex;
  margin-top: -85px;
}
.flex-box > div:nth-child(1) {
  width: 75%;
}
.flex-box > div:nth-child(2) {
  width: 30%;
  border: 1px solid black;
  margin-top: 20px;
}
.flex-box > div:nth-child(1) > div {
  width: 102%;
  display: flex;
}
.flex-box > div:nth-child(1) > div > div {
  width: 96%;
  border: 1px solid black;
  margin-top: 20px;
}
.flex-box > div:nth-child(1) > div:nth-child(2) .vision-img img {
  float: right;
  padding: 24px;
  width: 200px;
}
.flex-box > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
  width: 48%;
  float: left;
  border: 1px solid black;
  margin-right: 20px;
}
.flex-box > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
  width: 58%;
  float: left;
  border: 1px solid black;
  margin-right: 32px;
}
.vision-container .vision-content {
  padding: 20px;
  line-height: 1.8;
}
#about #each-tab-desc > div {
  display: none;
  max-width: 1000px;
  margin: 35px auto;
  line-height: 1.8;
}
#about #each-tab-desc #vision-info p {
  background-color: white;
  padding: 1em;
}
/* #about #funding-info img {
	margin-top: 35px;
	margin-bottom: -120px;
} */
#about #funding-info p {
  margin: 20px;
  padding: 20px;
  line-height: 1.8;
}
#about #each-tab-desc #history p {
  margin-top: -85px;
  font-family: "LibreBaskerville";
  font-size: 16px;
  text-align: left;
  padding-left: 30px;
}
#about #each-tab-desc #research3 p:nth-child(2) {
  margin-top: 20px;
  font-size: 16px;
}
#about #each-tab-desc #history img {
  height: 350px;
  width: 930px;
  margin-top: 2px;
}
#about #each-tab-desc #research3 p {
  margin-top: -70px;
  text-align: left;
  font-family: "Libre Baskerville";
  font-size: 14px;
}
#about #each-tab-desc #research3 img {
  margin-left: 41px;
}
#about #each-tab-desc #funding4 p {
  margin-top: -100px;
  text-align: left;
  font-family: "Libre Baskerville";
  font-size: 16px;
  padding-left: 40px;
}
#about #each-tab-desc #funding4 img {
  height: 420px;
  width: 890px;
  margin-top: 13px;
  padding-left: 20px;
}
#about #funding-info img,
#about #history-info img {
  margin-top: 35px;
}
.about_content img {
  width: 200px;
  height: 94px;
  display: none;
}
.about_menu {
  margin: auto;
  max-height: 65px;
  background-color: #000;
  width: 100%;
  height: 76px;
}
#about .about_menu > div {
  float: left;
  color: white;
  font-family: "Open Sans Semibold";
  font-size: 18px;
  cursor: pointer;
  text-align: center;
  width: 25%;
  margin-top: 15px;
}
#about .about_menu li:hover {
  color: #ffcc00;
}
#about .tabPanel {
  font-family: "Libre Baskerville";
  font-size: 14px;
  display: none;
}
/* Menu Global */
.logo img {
  max-width: 70%;
  margin: 10px 10px 10px 10px;
}
/*** Main Menu ***/
#menuContainer {
  text-align: center;
  background-color: #000;
  height: 40px;
}
#menuContainer li {
  display: inline-block;
  padding: 0.45em 2%;
  color: #fff;
  min-width: 130px;
  font-size: 14px;
  font-family: "Open Sans Semibold";
  cursor: pointer;
  margin: auto;
  max-width: 130%;
}
#menuContainer a:hover {
  color: #ffcc00;
  overflow: hidden;
}
#menuContainer a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  text-decoration: none;
  max-width: 100%;
  min-width: 50px;
}
#dropdown_menu {
  position: relative;
  display: inline-block;
}
.dropdown {
  display: none;
  position: absolute;
  background-color: #000;
  min-width: 220px;
  padding: 0px 10px;
  z-index: 1;
  left: -10;
  text-align: left;
  max-width: 30px;
  text-transform: uppercase;
}
.dropdown-aboutini {
  display: block !important;
  position: absolute;
  background-color: #000;
  min-width: 210px;
  padding: 0px 10px;
  z-index: 1;
  left: 10;
  text-align: left;
  max-width: 30px;
  text-transform: uppercase;
}
#about-dropdown {
  display: none;
  position: absolute;
  background-color: #000;
  min-width: 150px;
  padding: 0px 5px;
  z-index: 1;
  left: -5;
  text-align: left;
  text-transform: uppercase;
}
#centers-dropdown {
  display: none;
  position: absolute;
  background-color: #000;
  min-width: 100px;
  padding: 0px 5px;
  z-index: 1;
  left: -10;
  text-align: left;
  text-transform: uppercase;
}
#dropdown_menu .dropdown-content > a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
#dropdown_menu:hover .dropdown {
  display: block;
}
.container {
  width: 110%;
  max-width: 110%;
}
/* core resources  */
.about_content h1 {
  color: #5e5f5f;
  font-family: "Open Sans Bold";
  font-size: 30px;
  margin-bottom: 50px;
}
.core-container {
  width: 100%;
  display: flex;
}
#CoreContents p {
  color: #2b2e34;
  font-family: "Libre Baskerville";
  font-size: 14px;
  margin: 31px auto;
  width: 70%;
}
#CoreContents a {
  color: #1b5ea2;
}
#CoreContents {
  max-width: 740px;
}
.core-image {
  float: right;
  width: 30%;
}
.core-image img {
  width: 100%;
  height: 500px;
  margin: 70px 20px 20px 20px;
}
#Contact-heading h1 {
  color: #5e5f5f;
  font-family: "Open Sans Bold";
  font-size: 30px;
  margin-top: 0px;
}
#Contact-heading p {
  color: #2b2e34;
  font-family: "Libre Baskerville";
  font-size: 14px;
  margin-top: 20px;
}
#contact_us {
  text-align: center;
  font-family: "Libre Baskerville";
  font-size: 14px;
}
#contact_us a {
  color: #337ab7;
}
#hsc_map {
  margin-top: 500px;
}
#contact_us .info {
  margin-top: 30px;
  margin-bottom: 40px;
}
.parking-info {
  max-width: 580px;
  margin: 50px auto;
}
#contact_us .sh2 {
  color: #2b2e34;
  position: relative;
  bottom: 20px;
}

.facility-contents p {
  font-size: 14px;
  font-family: "Libre Baskerville";
  color: #000000;
  line-height: 1.8;
  margin-top: 20px;
  margin-bottom: 25px;
}
#stevens-facility {
  margin-top: -20px;
}
#stevens-facility img {
  width: 100%;
}
.facility-contents h4 {
  font-size: 14px;
  font-family: "Libre Baskerville";
  color: #000000;
  text-align: center;
  margin-bottom: 20px;
}
.video {
  max-width: 960px;
  margin: 0 auto;
  padding: 20px 0px;
}
.highlight2 a {
  position: relative;
  right: 17px !important;
}
.newsandreports a {
  position: relative;
  /* left:18px; */
}

#header .MyMenuContainer .menu-tabs ul {
  margin: 5px 130px;
}
#highlights {
  margin-top: 20px;
  padding-right: 100px;
}
#highlights b {
  font-size: 16px;
}
#highlights li {
  padding-left: 0;
  list-style-type: none;
}
#highlights p:first-child {
  text-align: center;
  margin-top: 20px;
  padding-left: 60px;
}
#highlights li {
  /* font-family: "Libre Baskerville"; */
  font-size: 14px;
  color: #000000;
  line-height: 1.8;
  list-style-type: none;
}
#stevens-facility .Text-over-image {
  font-size: 30px;
  color: #ffffff;
  font-family: "Open Sans Bold";
  position: relative;
  bottom: 180px;
  float: right;
  right: 150px;
}
#visiting b {
  font-size: 16px;
}
#visiting p:first-child {
  text-align: center;
  margin-top: 125px;
}
#visiting p {
  font-family: "Libre Baskerville";
  font-size: 14px;
  color: #000000;
}
#visiting b {
  font-size: 16px;
  font-family: "Libre Baskerville Bold";
}
.research-img {
  margin: 11px 11px 11px 11px;
  padding: 16px;
  display: inline-flex;
  width: 30%;
}
#research-info a {
  color: #1b5ea2;
}
#research-img img {
  width: 24%;
  padding: 0px 30px 20px 30px;
}
/* #research-info div {
  margin-bottom: 50px;
  line-height: 1.8;
} */
/* Main Content */

#content .logo_content p {
  color: #b5b7a1;
  font-family: "Libre Baskerville";
  font-size: 16px;
  margin: -72px 0px 0px 515px;
}
#content .logo_content img {
  margin: 10px 30px 5px 233px;
  width: 160px;
}
/* People page css */
.sh2 {
  color: #000;
  margin: 5px 0px;
}
.sh3 {
  font: 16px "Libre Baskerville Italic";
  color: #000;
  margin: 5px 0px;
}
.sh4 {
  font: 16px "Libre Baskerville Bold" !important;
  color: #000;
  margin: 5px 0px;
}
.pad-btm20 {
  padding-bottom: 20px !important;
}
.li-disc {
  list-style-type: disc;
}
.people__container {
  padding: 0;
}
.people__container .each-group {
  margin: 40px auto 0 auto;
  padding: 30px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.each-person {
  width: 175px;
  text-align: center;
  margin-bottom: 20px;
}
.personDetails {
  height: 0;
  display: none;
  width: 100%;
  transition: height 0.3s ease-out;
}
.people-page .people_link img,
.each-person img {
  border: 1px solid #eaeaea;
  width: 150px;
  height: 150px;
  object-fit: cover;
  margin-bottom: 10px;
  padding: 2px 2px 2px 2px;
  object-position: top;
}
.people-page .people_link img:hover {
  border: 5px solid #ffcc00;
}
.people-page a.people_link {
  text-decoration: none;
}
.people-search span {
  color: white;
  font-size: 11px;
}
.people-search {
  top: 40px;
  position: relative;
  margin-bottom: 50px;
}
.people-search input {
  box-sizing: border-box;
  border: 2px solid #bebebe;
  border-radius: 4px;
  width: 215px;
  height: 33px;
  padding-right: 50px;
  font-size: 12px;
  color: #bfbebd;
}
.people-search button {
  width: 90px;
  height: 30px;
  box-sizing: border-box;
  border: 1px solid #bebebe;
  border-radius: 4px;
  display: inline-block;
  top: -1px;
  position: relative;
  margin-left: 1px;
  background: #bfbebd;
}
.to-top {
  cursor: pointer;
  width: 120px;
  margin: auto;
}
.to-top p {
  margin: 10px;
}
.data-container {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1100px;
  margin: 0 auto;
  padding-top: 150px !important;
}
#blog .data-container {
  padding-top: 50px !important;
}
.data-container.login_page {
  padding-top: 100px !important;
}
button.hidden-md-down {
  width: 10%;
  padding: 12px 0;
  border-radius: 5px;
  background: #bfbebd;
}
.page-icon {
  margin-top: 50px;
}
#visualization-page .pagination > li > a {
  color: #ebebeb;
  background: black;
  border: none;
}
#visualization-page.after-header {
  min-height: 100vh;
  margin-top: 100px;
  top: 0 !important;
}
#visualization-page {
  background: black;
  padding-bottom: 40px;
}
#visualization-page #grid {
  display: none;
}
#visualization-page h3 {
  font: 20px "Libre Baskerville Bold";
  color: #fff;
}
#visualization-page .data-container {
  padding-top: 40px !important;
}
#visualization-page .data-container .carousel .carousel-inner .title,
#visualization-page .modal div p:nth-of-type(1) {
  font: 16px "Libre Baskerville Bold";
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
#visualization-page .data-container .carousel .carousel-inner .desc,
#visualization-page .modal div p:nth-of-type(2) {
  font: 14px "Libre Baskerville";
  color: #ebebeb;
  text-align: center;
}
#visualization-page .data-container .flip {
  color: #ebebeb;
  font-size: 15px;
  padding-left: 20px;
}
#visualization-page .data-container .flip .active {
  color: #ffcc00;
}
#visualization-page .data-container .flip i {
  margin-left: 6px;
  font-size: 14px;
  position: relative;
  top: -1px;
}
#visualization-page .data-container .flip span {
  margin-right: 10px;
  cursor: pointer;
}
#visualization-page .data-container .flip span#full-screen-anchor {
  float: right;
}
#visualization-page .modal {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999999;
  background-color: black;
  transition: opacity 2s;
}
#visualization-page .modal div {
  margin: auto;
  text-align: center;
  max-width: 1100px;
}
#visualization-page .modal div img {
  width: 100%;
  max-width: 600px;
}
#visualization-page .modal a {
  color: #ffcc00;
  font-size: 32px;
  padding: 40;
  position: fixed;
  right: 0;
}
.top40 {
  margin-top: -50px !important;
}
.top30 {
  margin-top: 30px;
}
/* Footer CSS */

#footer {
  overflow: hidden;
  background-color: black;
  width: 100%;
  z-index: 120;
  right: 0;
  bottom: -100;
  /* position: fixed; */
  position: relative;
  /* height: 150px; */
  border-top: solid 1px #949494;
}

#footer .container > .foot-icons {
  display: flex;
  justify-content: flex-start;
  text-align: left;
  padding-right: 12px;
}
#footer .container {
  display: flex;
  width: 100%;
  /* margin: 10px 10px 10px 100px; */
}
#footer .container > .foot-icons {
  display: block;
  justify-content: flex-start;
  text-align: left;
  letter-spacing: -33px;
}
#footer .container > div:nth-of-type(4) {
  justify-content: flex-end;
  text-align: right;
}
#footer .container .lonilogo {
  float: right;
}
#footer ul.menu {
  font-family: "Open Sans Semibold";
  line-height: 20px;
  list-style: none;
  margin-right: 35%;
}
#footer ul.menu.links {
  display: flex;
  position: relative;
  text-transform: uppercase;
  padding-right: 4.5%;
}
#footer ul.menu.links li {
  margin-right: 10px;
}
#footer ul.menu.links li a {
  padding-right: 2px;
}
#footer ul.menu.links li.last {
  margin-right: 0;
}
#footer .inner {
  text-align: center;
}
#footer .foot-icons .fa {
  font-size: 22px;
  padding-right: 30px;
  padding-top: 15px;
}
#footer .foot-icons p {
  float: left;
  width: 100%;
  margin: 5px;
  word-spacing: 40px;
}
#footer .container > div {
  margin-bottom: 12px;
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 28px 30px 80px;
}
#footer .container {
  display: flex;
  width: 100%;
  margin: 10px 10px 10px -15px;
}
#footer p {
  color: #cccccc;
  font-size: 12px;
  line-height: 19.4px;
  font-family: "Libre Baskerville";
  text-decoration: none;
}
#footer element a {
  color: #cccccc;
  font-size: 12px;
  line-height: 19.4px;
  font-family: "Libre Baskerville";
  text-decoration: none;
  padding: inherit;
}
#footer a {
  color: #cccccc;
  font-size: 12px;
  line-height: 14.4px;
  font-family: "Open Sans Semibold";
  text-decoration: none;
  padding-right: 22px;
}
.termsnlicense a {
  font-family: "Open Sans Semibold" !important;
}
.termsnlicense {
  margin-top: -20px;
}
.terms {
  /* padding: 11px; */
  /* margin: 0px 0px -24px -120px; */
  min-width: 120px;
}
.termsnlicense {
  display: inline-flex;
}
.license {
  width: 150px;
}
.centerfooter {
  margin-left: -70px;
}
.termsofuse .tou-heading,
.licenseagreement .tou-heading {
  margin: 20px 0px 0px 0px;
}
.termsofuse .first-par,
.licenseagreement .first-par {
  margin: 0px 0px 20px 0px;
}
.licenseagreement li {
  padding: 10px 0px;
}
.licenseagreement ol {
  padding-left: 15px !important;
}
.licenseagreement li a {
  font: 15px "Open Sans Regular";
  color: #205d9e;
  text-decoration: none;
}

/*** Media Queries  ***/
@media (min-width: 1765px) {
  #footer .termsFooter {
    padding-left: 6%;
  }
}
@media (max-width: 1600px) and (min-width: 1426px) {
  /*#footer {*/
  /*	background-color: black;*/
  /*	!* overflow: visible; *!*/
  /*	position: relative;*/
  /*}*/
  /*#footer .container > div:nth-of-type(4) {*/
  /*	display: none;*/
  /*}*/
  /*#footer .container > .foot-icons {*/
  /*	margin-left: 40px;*/
  /*	display: block;*/
  /*	justify-content: flex-start;*/
  /*	letter-spacing: -21px;*/
  /*}*/
  /*.license {*/
  /*	width: 150px;*/
  /*	}*/
  /*.centerfooter {*/
  /*	margin-left: -56px;*/
  /*	}*/
  /*.termsnlicense {*/
  /*	margin-left: 20px;*/
  /*	margin-top: -20px;*/
  /*}*/
  /*#footer .container {*/
  /*display: flex;*/
  /*width: 100%;*/
  /*margin: 10px 10px 10px 15px;*/
  /*	}*/
  /*#footer .container > div {*/
  /*margin-bottom: 12px;*/
  /*margin-top: 12px;*/
  /*display: flex;*/
  /*align-items: center;*/
  /*justify-content: center;*/
  /*margin: 37px 30px 30px 100px;*/
  /*	}*/
  #footer .termsFooter {
    /*padding-left: 0px!important;*/
    margin-top: 60px;
  }
}

@media (max-width: 1764px) and (min-width: 1367px) {
  #footer {
    background-color: black;
    /* overflow: visible; */
    position: relative;
  }
  #footer .container > div:nth-of-type(4) {
    /*display: none;*/
  }
  /*	#footer .foot-icons p {*/
  /*		float: left;*/
  /*		width: 100%;*/
  /*		margin: 5px;*/
  /*		word-spacing: 20px;*/
  /*	}*/
  /*	#footer .container > .foot-icons {*/
  /*		margin-left: 40px;*/
  /*		display: block;*/
  /*		justify-content: flex-start;*/
  /*		letter-spacing: -21px;*/
  /*	}*/
  /*	.license{*/
  /*		width: 150px;*/
  /*	}*/
  /*	.centerfooter {*/
  /*		margin-left: -30px;*/
  /*}*/
  /*	.termsnlicense {*/
  /*		margin-left: 20px;*/
  /*		margin-top: -20px;*/
  /*	}*/

  #footer .container > div {
    /*margin-bottom: 12px;*/
    /*margin-top: 12px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 10px 30px 10px;
  }

  #footer .terms {
    min-width: 100px;
  }

  #footer .license {
    min-width: 133px;
  }

  #footer ul.menu {
    margin-right: 20% !important;
  }

  #footer .container {
    margin-left: 32px !important;
  }

  #footer .termsFooter {
    padding-left: 6%;
    margin-top: 60px;
  }

  #footer .addressFooter {
    margin-left: 0px !important;
  }

  #footer .linkFooter {
    margin-top: 40px !important;
    justify-content: right !important;
  }

  #footer .container > .foot-icons {
    margin-left: 0px;
    display: block;
    justify-content: flex-start;
    margin-top: 42px !important;
    padding: 0px;
    letter-spacing: -41px !important;
  }
  .license {
    width: 150px;
  }
  .centerfooter {
    margin-left: -28px;
  }
}

@media (max-width: 1366px) and (min-width: 1200px) {
  .usc-xs-sm {
    display: block;
  }
  .vision-container {
    max-width: 800px;
    margin: 100px auto;
  }
  .flex-box > div:nth-child(2) {
    width: 30%;
    border: 1px solid black;
    margin-top: 20px;
  }

  .logo.usc.usc-lg-md {
    display: block;
  }
  .logo_content {
    position: relative;
    text-align: center;
    margin: auto;
  }
  .logo.usc.usc-lg-md {
    display: none;
  }
  .research-img {
    padding: 16px;
    display: inline-flex;
    width: 30%;
    align-items: center;
    margin: 0 auto;
  }

  #footer .container > div {
    /*margin-bottom: 12px;*/
    /*margin-top: 12px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 10px 30px 10px;
  }

  #footer .terms {
    min-width: 100px;
  }

  #footer .license {
    min-width: 133px;
  }

  #footer ul.menu {
    margin-right: 20px !important;
  }

  #footer .container {
    margin-left: 32px !important;
  }

  #footer .termsFooter {
    padding-left: 86px;
    margin-top: 60px;
  }

  #footer .addressFooter {
    margin-left: 0px !important;
  }

  #footer .linkFooter {
    margin-top: 40px !important;
    justify-content: right !important;
  }

  .ini-container {
    margin: 20px auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 100px;
    padding-right: 100px;
  }
  #footer {
    background-color: black;
    /* overflow: visible; */
    /* position: fixed; */
    position: relative;
  }
  #footer .foot-icons p {
    float: left;
    width: 100%;
    margin: 5px;
    word-spacing: 16px;
  }
  /* .MyMenuContainer {
			display: none !important;
		} */
  .sidenav ul > li form {
    float: left;
    padding: 0 15px;
    position: relative;
    display: block;
    width: 100%;
  }
  .navbar-toggle {
    /* display: block; */
    float: left;
    position: fixed;
    margin: 50px -20px 15px -20px;
  }
  #footer .container > div:nth-of-type(4) {
    /*display: none;*/
  }
  #footer .container > .foot-icons {
    margin-left: 0px;
    display: block;
    justify-content: flex-start;
    letter-spacing: -21px !important;
    margin-top: 42px !important;
    padding: 0px;
  }
  .license {
    width: 150px;
  }
  .centerfooter {
    margin-left: -28px;
  }
  .termsnlicense {
    /* margin-left: 108px; */
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    #footer ul.menu {
      margin-left: -31%;
    }

    #footer .foot-icons p {
      word-spacing: 1px;
    }

    @media only screen and (max-width: 1199px) and (min-width: 40em) {
      .centerfooter {
        margin-left: 0px;
      }

      #footer ul.menu.links {
        margin-left: 20px;
      }
    }
  }
}

/*  Media Query for Ipad */

@media only screen and (max-width: 1199px) and (min-width: 40em) and (-ms-high-contrast: none),
  (-ms-high-contrast: active) {
  .centerfooter {
    margin: 11px 11px !important;
  }
  .termsnlicense {
    margin: 11px 11px !important;
  }
  .research-img {
    padding: 16px;
    display: inline-flex;
    width: 30%;
    align-items: center;
    margin: 0 auto;
  }
  #footer .container .lonilogo {
    margin: 10px 260px 20px 255px !important;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 40em) {
  body {
    margin: 0;
    height: 100%;
    overflow: auto;
  }
  .newsandreports a {
    position: relative;
    left: 0px;
  }
  #header {
    background: #000;
    height: 110px;
    padding: 0 10px;
    margin-bottom: 40px;
    position: fixed;
    width: 100%;
  }
  .research-img {
    padding: 16px;
    display: inline-flex;
    width: 30%;
    align-items: center;
    margin: 0 auto;
  }
  header {
    z-index: 1000;
    /* position: fixed; */
    top: 0;
  }
  .navbar-toggle .icon-bar {
    width: 25px;
    height: 3px;
    border-radius: 1px;
    background-color: white;
  }
  .MyMenuContainer {
    display: none !important;
  }
  .sidenav ul > li form {
    float: left;
    padding: 0 15px;
    position: relative;
    display: block;
    width: 100%;
  }
  .logo.usc {
    right: 16px;
  }
  .navbar-toggle {
    display: block !important;
    position: fixed;
    margin-top: 60px;
  }
  .logo.usc.usc-lg-md {
    display: none;
  }
  .contact-container {
    margin-top: 150px;
  }
  .ini-container {
    /*margin: 10px auto;*/
    margin-left: auto;
    margin-right: auto;
    padding-left: 100px;
    padding-right: 100px;
  }
  #about .about_content #aboutlogo > h1 {
    margin: 130px 15px 15px 15px;
  }
  .core-container {
    width: 100%;
    display: block;
  }
  .core-image {
    float: none;
    width: 100%;
  }
  .about_content {
    text-align: center;
    margin-top: 160px;
  }
  #header .logo.usc.usc-xs-sm {
    display: block;
  }
  #content .logo_content p {
    color: #b5b7a1;
    font-family: "Libre Baskerville";
    font-size: 16px;
    margin: auto;
  }
  #content .logo_content img {
    margin: 55px 90px 70px 93px;
    width: 160px;
  }
  .logo_content {
    position: relative;
    text-align: center;
  }

  .text-overlay {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: rgba(0, 0, 0, 0.6); /* dark translucent background */
    color: #ffffff; /* pure white text */
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
  }

  #stevens-facility .Text-over-image {
    bottom: 136px;
    right: 50px;
    position: relative;
    top: 20px;
  }
  #stevens-facility img {
    width: 100%;
    margin: auto;
    position: relative;
    top: 110px;
  }
  .facility-contents p {
    margin-top: auto;
    margin-bottom: auto;
    position: relative;
    top: 140px;
  }
  .video {
    max-width: 960px;
    margin: 170px 0px 15px 0px;
    padding: 0px;
  }
  #about .about_menu > div {
    font-size: 16px;
    margin-top: 20px;
  }
  #research-img {
    text-align: center;
  }
  #research-img img {
    width: 40%;
  }
  #footer {
    background-color: black;
    /* overflow: auto; */
    height: 493px;
    position: relative;
  }
  #footer .container > div:nth-of-type(4) {
    /*display: none;*/
  }
  #footer ul.menu.links {
    /*display: none;*/
    margin-top: 20px;
    margin-bottom: 2px;
    margin-right: unset;
  }
  #footer p {
    line-height: 1.5;
    font-size: 12px;
    /*margin-bottom: 35px;*/
  }
  /*#footer .container > div {*/
  /*	margin-top: 2px !important;*/
  /*	margin-left : 0px !important;*/
  /*	margin-bottom: 10px !important;*/
  /*	margin: auto;*/
  /*}*/
  #footer .container {
    display: block;
    justify-content: flex-start;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 13px;
  }
  #footer .foot-icons p {
    text-align: center;
    margin-bottom: 30px;
    word-spacing: 0px;
  }
  #footer a {
    padding-right: env();
  }
  #footer .container > .foot-icons {
    margin-bottom: 25px;
    margin: auto;
    letter-spacing: 0px;
    margin-top: 25px;
    height: 50px;
  }
  #footer .container > .foot-icons a {
    padding-right: 22px;
  }
  .termsnlicense {
    margin: 15px 10px 10px 25px;
    display: block;
  }
  #footer .foot-icons .fa {
    font-size: 22px;
  }
  #footer .foot-icons .fab {
    font-size: 18px;
  }
  .terms {
    max-width: 200px;
    min-width: 118px;
    margin: 0 auto;
  }
  .license {
    max-width: 200px;
    min-width: 150px;
  }
  /*.centerfooter{*/
  /*	margin: auto;*/
  /*}*/
  #footer .container > div:nth-of-type(4) {
    justify-content: center;
  }
  #footer .container .lonilogo {
    /*margin: 10px 825px 20px 833px;*/
    margin-top: 30px;
  }

  #footer .foot-icons .fa {
    padding-right: 20px !important;
  }

  #footer .foot-icons .fab {
    padding-right: 20px !important;
  }

  #footer .youtube-padding {
    padding-right: 6px !important;
  }
}

/* Media Query for Mobile screen ONLY */
@media only screen and (max-width: 40em) and (-ms-high-contrast: none),
  (-ms-high-contrast: active) {
  .centerfooter {
    margin: 11px 11px !important;
  }

  #footer .container .lonilogo {
    margin: 10px 265px 20px 250px !important;
  }
  .termsnlicense {
    margin: 11px 11px !important;
    display: block;
  }
}
@media only screen and (max-width: 40em) {
  body {
    margin: 0;
    height: 100%;
    overflow: auto;
  }
  .research-img {
    padding: 16px;
    display: inline-flex;
    align-items: center;
    margin: 0 auto;
    width: 30%;
  }
  .usc-xs-sm img {
    width: 25px !important;
    height: auto !important;
    float: right;
    margin: -25px 10px 10px 10px;
  }
  .logo img {
    max-width: 60%;
  }
  .logo.usc {
    float: right;
    top: 5px;
    right: -13px;
    width: 300px;
    height: 40px;
  }
  .navbar-toggle {
    display: block;
    float: left;
    position: fixed;
    margin: 60px -20px 15px -20px;
  }
  header {
    z-index: 1000;
    /* position: fixed; */
    border-bottom: 1px solid #949494;
    top: 0;
  }
  .navbar-toggle .icon-bar {
    width: 25px;
    height: 2px;
    background-color: white;
  }
  #header .logo.usc.usc-lg-md {
    display: none;
  }
  #content .logo_content img {
    width: 160px;
    margin: 90px 100px 30px 15px;
  }
  .side-menu-tabs {
    display: none;
  }
  .MyMenuContainer {
    display: none !important;
  }
  #header {
    height: 100px;
    position: fixed;
    margin: 0 auto;
  }
  .newsandreports a {
    position: relative;
    left: auto;
  }
  #header .logo.main {
    top: 10px;
    padding: 0 10px;
  }
  #header .logo.main-md {
    display: none;
  }
  #header .logo.usc.usc-xs-sm {
    display: block;
  }
  .sidenav ul > li form {
    float: left;
    padding: 0 15px;
    position: relative;
    display: block;
    width: 75%;
  }
  .side-nav-onclick img {
    width: 220px;
    margin: 40px auto 20px auto;
    padding: 10px;
  }
  .side-nav-onclick #side-button {
    margin-bottom: 18px;
    cursor: pointer;
  }
  .side-nav-onclick #side-button a {
    color: #ffcc00;
    background-color: black;
    font-size: 15px;
    font-family: "Open Sans Semibold";
    padding: 2px;
  }
  .for-mobile {
    display: block;
  }
  .ini-container {
    margin: 20px auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  #CoolContents {
    margin: 140px auto;
    padding: 50px;
  }
  .cool-p {
    font-size: 16px;
  }

  .facility-contents p {
    margin-bottom: 25px;
    position: relative;
    top: 140px;
  }
  .video {
    max-width: 960px;
    margin: 140px 0px 10px 0px;
    padding: 20px 0px;
  }
  #highlights {
    margin-top: auto;
    padding-right: unset;
    overflow: auto;
    margin-bottom: 60px;
  }
  #highlights p:first-child {
    text-align: center;
    margin-top: auto;
    margin: 20px auto;
    padding-left: unset;
  }
  .about_content img {
    width: 200px;
    height: 94px;
    margin-top: 150px;
    display: none;
  }
  #Contact-heading p {
    color: #2b2e34;
    font-family: "Libre Baskerville";
    font-size: 14px;
    margin-top: 150px;
  }
  #Contact-heading h1 {
    font-size: 20px;
    margin-top: 40px;
  }
  #CoreContents p {
    color: #2b2e34;
    font-family: "Libre Baskerville";
    font-size: 14px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }

  #about .about_content #aboutlogo > p {
    text-align: left;
    margin-top: 150px;
    margin-bottom: 60px;
  }
  #content {
    text-align: center;
    background-image: none;
    height: fit-content !important;
  }
  .side-nav-onclick > div {
    background: white;
  }
  .inside-content {
    max-width: 280px;
    margin: 20px auto;
    line-height: 2em;
    transition: all 3s 5s;
  }
  #stevens-facility img {
    width: 100%;
    position: relative;
    top: 120px;
  }
  #stevens-facility .Text-over-image {
    font-size: 17px;
    bottom: 40px;
    right: 15px;
    top: 80px;
  }
  .about_content h1 {
    position: relative;
    top: 120px;
  }
  .about_content #cool h1 {
    position: relative;
    top: 150px;
  }
  #about .about_menu > div {
    font-size: 12px;
    margin-top: 20px;
  }
  #research-img {
    text-align: center;
  }
  #research-img img {
    width: 40%;
  }
  .flex-box {
    display: block;
  }
  .flex-box > div:nth-child(1) > div {
    display: block;
    width: 100%;
  }
  .parking-info {
    max-width: 580px;
    margin: 50px auto;
  }
  .core-image {
    float: none;
    max-width: -webkit-fill-available;
    margin-top: 50px;
    margin-right: auto;
    margin-bottom: 30px;
    width: 90%;
  }
  .core-container {
    width: 100%;
    display: block;
  }
  #CoreContents {
    max-width: 740px;
    position: relative;
    top: 100px;
  }
  .vision-container {
    max-width: auto;
    margin: 70px auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  .vision-container .vision-content {
    border: none;
    margin-top: 25px;
  }
  .flex-box > div:nth-child(1) {
    width: 100%;
  }
  .flex-box > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
    width: 100%;
    border: none;
  }
  .flex-box > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
    width: 100%;
    border: none;
  }
  .flex-box > div:nth-child(1) > div > div {
    width: 100%;
    border: none;
  }
  .flex-box > div:nth-child(2) {
    width: 100%;
    border: none;
  }
  .flex-box .vision-img img {
    display: none;
  }
  #vision-border {
    border: 1px solid black;
    margin-top: -1px;
  }
  #footer {
    background-color: black;
    overflow: visible;
    position: relative !important;
    border-top: solid 1px #949494;
    height: 440px;
    bottom: 30px;
  }
  #footer .container > div:nth-of-type(4) {
    /*display: none;*/
  }
  #footer ul.menu.links {
    /*display: none;*/
    margin-right: -15px;
  }
  #footer p {
    line-height: 1.5;
    font-size: 11px;
    /*margin-bottom: 30px;*/
  }
  #footer .container > div {
    /* margin-top: -17px;
				margin-bottom: 26px;
				bottom: -40px; */
    margin: auto;
    margin-top: 15px !important;
    margin-left: 0px !important;
    margin-bottom: 15px;
  }
  #footer .container {
    display: block;
    justify-content: flex-start;
    text-align: center;
    margin-bottom: 40px;
    margin-left: 2px;
  }
  #footer .foot-icons p {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
    word-spacing: 10px;
  }
  #footer .youtube-padding {
    padding-right: 6px !important;
  }
  #footer a {
    padding-right: initial;
  }
  .termsnlicense {
    margin: auto;
    display: block;
  }
  .terms {
    /* max-width: 200px;
				min-width: 118px; */
    margin: 0 auto;
  }
  .license {
    /* max-width: 200px;
				min-width: 150px; */
  }
  .centerfooter {
    margin: auto;
    padding-bottom: 20px;
  }
  #footer .container > div:nth-of-type(4) {
    justify-content: center;
  }
  #footer .container .lonilogo {
    margin: 0px 0px 0px -20px;
  }
  #footer .container > .foot-icons {
    margin-bottom: 25px;
    margin: auto;
    letter-spacing: 0px;
    margin-top: 10px !important;
  }

  #footer .foot-icons .fa {
    padding-right: 20px !important;
  }

  #footer .foot-icons .fab {
    padding-right: 20px !important;
  }

  #footer ul.menu {
    padding-left: 4.5%;
  }
}
@media only screen and (max-width: 991px) and (min-width: 641px) {
  #footer .container > div {
    margin-top: 2px !important;
    margin-left: 0px !important;
    margin-bottom: 10px !important;
    margin: auto;
  }
  .centerfooter {
    margin: auto;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .termsnlicense {
    display: inline-flex !important;
  }

  #footer .container > .foot-icons {
    margin-bottom: 25px;
    margin: auto;
    letter-spacing: 0px;
    height: 50px;
    margin-right: -70px;
  }

  #footer .linkFooter {
    margin-top: 25px !important;
    display: flex !important;
    justify-content: flex-start !important;
  }

  #footer .addressFooter {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 20px !important;
  }

  #footer .termsFooter {
    margin-top: 48px !important;
    display: flex;
    justify-content: left;
  }

  #footer .container > div {
    margin-left: 0px !important;
    margin-bottom: 10px !important;
    margin: auto;
  }

  #footer {
    height: 420px !important;
  }
}