@import url(https://fonts.googleapis.com/css?family=Archivo);
@import url(https://fonts.googleapis.com/css?family=Archivo+Narrow);
.wrapper {
  margin-top: 1px !important;
}
/*main page styles*/
.lcontainer-fluid {
  /* background: #f44336!important; */
  width: 100%;
}
.lcontainer {
  text-align: center;
  /*  background: #f44336!important; */
}
/*navbar general styles*/
.navbar {
  background: #232323 !important;
  background-image: radial-gradient(at center center, rgb(88, 88, 88) 0%, rgb(35, 35, 35) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: 550% 450%;
  background-repeat-x: initial;
  background-repeat-y: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background: -moz-radial-gradient(center, ellipse cover, #585858 0%, #232323 100%);
  background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%, #585858), color-stop(100%, #232323));
  background: -webkit-radial-gradient(center, ellipse cover, #585858 0%, #232323 100%);
  background: -o-radial-gradient(center, ellipse cover, #585858 0%, #232323 100%);
  background: -ms-radial-gradient(center, ellipse cover, #585858 0%, #232323 100%);
  background: radial-gradient(ellipse at center, #585858 0%, #232323 100%);
  background-size: 550% 450%;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 13px;
/*  letter-spacing: 1px;*/
  font-weight: normal;
  color: white !important;
  /* background: #f44336!important; */
  margin: 0 !important;
  padding: 5px 0 0 5px !important;
}
.nav {
  padding-top: 10px !important;
}
.nav > li > a {
  padding: 10px 1px !important; /* moves from style-r */
}
@media only screen and (min-width: 1300px) {
  .nav {
    padding-top: 20px !important; /* padding-top: 1% !important; */
  }
}
@media only screen and (min-width: 1340px) {
  .nav > li > a {
    padding: 10px 7px !important; /* override 15px width bootstrap */
  }
}
@media only screen and (min-width: 1185px) and (max-width: 1244px) {
  .navbar .navbar-nav > li > a {
    font-size: 13px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 823px) {
  .navbar .navbar-nav > li > a {
    font-size: 13px !important;
  }
}
.navbar-collapse {
  padding-left: 7px;
}
.navbar-default .navbar-nav > li > a {
  color: white;
}
.navbar-default {
  background-color: transparent;
  border: none;
  color: white !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
.navbar-default .navbar-nav > li > a:hover {
  color: lightgrey !important;
}
.navbar-nav {
  margin: 7px 10px;
}
.nav > li > a {
  position: relative;
  display: unset;
  padding: 10px 15px;
}
/*branding styles*/
.logo {
/*  width: 160px;*/
}
.navbar-brand {
  padding-left: 10% !important;
  padding-top: 5% !important;
}
/*search button styles*/
.lozopenBtn {
  background: #232323;
  cursor: pointer;
  border: none;
}
.lozopenBtn:hover {
  color: red;
  rotation: 50turn;
}
.lozoverlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.9);
}
.lozoverlay-content {
  position: relative;
  top: 46%;
  width: 80%;
  text-align: center;
  margin: auto;
}
.lozoverlay .lozclosebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
}
.lozoverlay .lozclosebtn:hover {
  color: red;
}
.lozoverlay input[type=text] {
  padding: 15px;
  font-size: 17px;
  border: none;
  float: left;
  width: 80%;
  background: white;
  color: #333333;
}
.lozoverlay input[type=text]:hover {
  background: white;
}
.lozoverlay button {
  float: left;
  width: 20%;
  padding: 15px;
  background: red;
  font-size: 17px;
  border: none;
  cursor: pointer;
}
/*changing dropdown link hover to red*/
.dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active {
  background-color: red !important;
  color: #FFFFFF;
  box-shadow: none !important;
}
/*taking off rounded corners on dropdown menu*/
.navbar .dropdown-menu, .navbar.navbar-default .dropdown-menu {
  border-radius: 0 !important;
}
/*dropdown menu styles*/
.dropdown-content, .dropdown-menu {
  display: none;
  position: absolute;
  min-width: 100%;
  z-index: 100;
  border: none !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
  background-color: white;
  border-radius: 0 !important;
}
/*setting width of dropdown menu*/
.open > .dropdown-menu {
  display: block;
  width: 300px;
}
/*navbar active styles*/
.navbar-nav > .active > a,
.navbar-nav > .active > a:focus {
  background-color: transparent !important;
  color: white !important;
}
@media only screen and (min-width: 1200px ) {
  /*brings branding in line with navbar*/
  .navbar-header {
    margin-top: 0 !important;
  }
  /*DROPDOWN HOVER STYLE*/
  .dropdown:hover .dropdown-content {
    display: block;
  }
  li.flycontainer {
    font-family: 'Archivo Narrow', sans-serif;
    margin: 0 auto;
    text-align: center;
    padding: 0 5px;
  }
  li.flycontainer a.fly {
    color: #FFF;
    text-decoration: none;
    font: 12px 'Archivo Narrow', sans-serif;
    position: relative;
    z-index: 0;
    cursor: pointer;
  }
}
@media only screen and (min-width: 768px ) {
  /*hiding hamburger on large*/
  .hiddenonlarge {
    display: none;
  }
  .overlay {
    display: none;
  }
}
@media only screen and (max-width: 1200px) {
  .navbar-form .input-group {
    display: table;
  }
}
@media only screen and (max-width: 990px) {
  .nav, .navbar-nav, .navbar-center {
    font-size: 12px;
  }
  .navbar-default .navbar-brand {
    padding-bottom: 0 !important;
  }
  .navbar-nav {
    /* margin-bottom: 0 !important; */
    margin-top: 0 !important;
  }
  .navbar .navbar-brand {
    padding: 0 !important;
  }
  .paddingalign {
    margin: 10px 0 8px 0;
  }
  .nodpad {
    padding-left: 0 !important;
  }
  .navbar-collapse {
    padding-right: 0 !important;
  }
  .widthadj {
    width: 100% !important;
    margin: auto !important;
  }
}
@media only screen and (max-width: 767px ) {
  /*dropdown menu styles*/
  .open > .dropdown-menu {
    display: inline !important;
    width: 300px;
  }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    color: white;
  }
  .description_text ul, li {
   /* text-align: center !important;*/
  }
  /*overlay for hamburger - mobile navbar*/
  .overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background-color: rgb(0, 0, 0);
    overflow-x: hidden;
    transition: 0.5s;
    display: unset;
  }
  .overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }
  .overlay a {
    padding: 20px;
    text-decoration: none;
    font-size: 16px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  .overlay a:hover, .overlay a:focus {
    color: red;
  }
  .overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    color: white;
  }
  /*hamburger lines styles*/
  .navbar button {
    line-height: inherit;
    background-color: #232323;
    border: none;
    float: right;
  }
  .navbar input, .navbar select, .navbar textarea {
    line-height: inherit;
    background-color: #232323;
    border: none;
    float: right;
  }
  /*spacing between categories*/
  .dropdown, .nav > li {
    line-height: 40px;
  }
  /*padding for categories*/
  .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
    padding: 10px 15px 10px 0;
  }
  /*taking purple shadow off and hover red off*/
  .dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active {
    background-color: transparent !important;
    color: white;
    box-shadow: none !important;
  }
  .btn-group.bootstrap-select.open .dropdown-menu, .dropdown.open .dropdown-menu, .dropdown-menu.bootstrap-datetimepicker-widget.open {
    opacity: 0 !important;
  }
  /*mobile search bar styles*/
  .search {
    display: inline-flex !important;
  }
  .searchButton {
    padding-right: 10%;
    float: right;
    text-align: center;
    color: red;
    cursor: pointer;
  }
  .searchTerm {
    float: left;
    background-color: #232323 !important;
    padding-left: 5% !important;
    padding-top: 5%;
    padding-bottom: 5%;
    color: white !important;
  }
  form.search {
    width: 100% !important;
  }
  /*hiding full-width search on mobile screens*/
  .hiddenmagic {
    display: none;
  }
}
@media only screen and (max-width: 380px ) {
  .navbar-default .navbar-brand {
    padding-bottom: 20% !important;
  }
}
.input-group .form-control, .input-group-btn {
  display: block !important;
}
li > a[aria-expanded="true"] {
  background-color: #e7e7e7 !important;
}
.dropdown-menu {
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  transition: all 150ms linear;
  -webkit-transform: translate3d(0, -0px, 0) !important;
  -moz-transform: translate3d(0, -0px, 0) !important;
  -o-transform: translate3d(0, -0px, 0) !important;
  -ms-transform: translate3d(0, -0px, 0) !important;
  transform: translate3d(0, -0px, 0) !important;
  visibility: hidden;
  display: block;
  opacity: 0;
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0 !important;
}
@media only screen and (min-width: 767px ) {
  /* new css for v2.2.0 */
  .navbar, .navbar > .container, .navbar > .container-fluid {
    display: block !important;
  }
  .navbar-nav .dropdown-menu {
    position: absolute !important;
  }
  .navbar-nav {
    display: inline-block !important;
  }
  @media (min-width: 768px) {
    .navbar-collapse.collapse {
      display: inline-block !important;
    }
  }
}
/* end new bits 20210203 */

/* AI scoped nav containment - 20260506 */
body.catalink-ai .lcontainer,
body.catalink-ai .navbar {
  max-width: 1180px;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.catalink-ai .navbar {
  border-radius: 0 0 18px 18px !important;
}