@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600|Roboto+Slab:400,700");
.text-primary {
  color: #1C467A !important;
}

.text-dark {
  color: #30383B !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #1C467A !important;
}

.text-light a {
  text-decoration: none;
  color: #ccc !important;
}

.far {
  font-weight: 300 !important;
}

.text-upcoming {
  color: #00a9e0;
}

.bg-secondary {
  background-color: #CCCCCC !important;
}

.bg-dark {
  background-color: #2D2D2D !important;
}

.bg-primary {
  background-color: #1C467A !important;
}

.bg-danger {
  background-color: #990000 !important;
}

.bg-info {
  background-color: #0E606C !important;
}

.bg-black {
  background-color: #000000 !important;
}

.bg-light {
  background-color: #F5F5F5 !important;
}

.bg-warning {
  background-color: #F5BE41 !important;
}

.bg-electives {
  background-color: #eeeeee !important;
}

@media (min-width: 576px) {
  .bg-primary-warning {
    background: linear-gradient(to right, #F5BE41 0%, #F5BE41 50%, #1C467A 50%, #1C467A 100%);
  }
}

@media (max-width: 576px) {
  .bg-primary-warning {
    background: linear-gradient(to bottom, #F5BE41 0%, #F5BE41 52%, #1C467A 50%, #1C467A 100%);
  }
}

@media (width: 480px) {
  .bg-primary-warning {
    background: linear-gradient(to bottom, #F5BE41 0%, #F5BE41 49%, #1C467A 49%, #1C467A 100%);
  }
}

@media (min-width: 576px) {
  .bg-light-warning {
    background: linear-gradient(to right, #f5f5f5 0%, #f5f5f5 50%, #ffc44c 50%, #ffc44c 100%);
  }
}

@media (max-width: 576px) {
  .bg-light-warning {
    background: linear-gradient(to bottom, #f5f5f5 0%, #f5f5f5 52%, #ffc44c 50%, #ffc44c 100%);
  }
}

@media (width: 480px) {
  .bg-light-warning {
    background: linear-gradient(to bottom, #f5f5f5 0%, #f5f5f5 49%, #ffc44c 49%, #ffc44c 100%);
  }
}

@media (min-width: 576px) {
  .bg-warning-light {
    background: linear-gradient(to right, #F5BE41 0%, #F5BE41 50%, #f5f5f5 50%, #f5f5f5 100%);
  }
}

@media (max-width: 576px) {
  .bg-warning-light {
    background: linear-gradient(to bottom, #F5BE41 0%, #F5BE41 52%, #f5f5f5 50%, #f5f5f5 100%);
  }
}

@media (width: 480px) {
  .bg-warning-light {
    background: linear-gradient(to bottom, #F5BE41 0%, #F5BE41 49%, #f5f5f5 49%, #f5f5f5 100%);
  }
}

.card-footer {
  background: transparent !important;
}

.facebook {
  color: #3C5A99;
}

.twitter {
  color: #1DA1F2;
}

.youtube {
  color: #FF0000;
}

.linkedin {
  color: #0077B5;
}

.instagram {
  color: #000000;
}

.instagram :hover {
  color: #000000;
}

.bg-light-50 {
  background-color: #F5F5F5 !important;
  opacity: .9;
  z-index: 2;
}

.bg-program-page-ad {
  background: #f0fe5d;
  background: linear-gradient(90deg, #f0fe5d 0%, #4ca38b 100%);
}

.btn {
  border-radius: 0;
  white-space: normal !important;
}

.btn-primary {
  color: #FFFFFF;
  background-color: #1C467A;
  border-color: #1C467A;
}

.btn-primary:hover {
  color: #FFFFFF;
  background-color: #1C5B92;
  border-color: #1C5B92;
}

.btn-primary:focus, .btn-primary.focus {
  background-color: #1C5B92 !important;
  border-color: #1C5B92 !important;
  box-shadow: 0 0 0 0.1rem white inset;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #FFFFFF;
  background-color: #1C5B92;
  border-color: #1C5B92;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.1rem white inset;
}

.btn-secondary {
  color: #000000;
  background-color: #CCCCCC;
  border-color: #CCCCCC;
}

.btn-secondary:hover {
  color: #000000;
  background-color: #efefef;
  border-color: #efefef;
}

.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.25) inset;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #000000;
  background-color: #efefef;
  border-color: #efefef;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.25) inset;
}

.btn-dark {
  color: #FFFFFF;
  background-color: #2D2D2D;
  border-color: #2D2D2D;
}

.btn-dark:hover {
  color: #FFFFFF;
  background-color: #535A5F;
  border-color: #535A5F;
}

.btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.25) inset;
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #FFFFFF;
  background-color: #535A5F;
  border-color: #535A5F;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.25) inset;
}

.btn-black {
  color: #FFFFFF;
  background-color: #000000;
  border-color: #000000;
}

.btn-black:hover {
  color: #FFFFFF;
  background-color: #535A5F;
  border-color: #535A5F;
}

.btn-black:focus, .btn-black.focus {
  box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.25) inset;
}

.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active,
.show > .btn-black.dropdown-toggle {
  color: #FFFFFF;
  background-color: #535A5F;
  border-color: #535A5F;
}

.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus,
.show > .btn-black.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.25) inset;
}

.btn-light {
  color: #000000;
  background-color: #F5F5F5;
  border-color: #F5F5F5;
}

.btn-light:hover {
  color: #000000;
  background-color: #CCCCCC;
  border-color: #CCCCCC;
}

.btn-light:focus, .btn-light.focus {
  box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.25) inset;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #000000;
  background-color: #CCCCCC;
  border-color: #CCCCCC;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.25) inset;
}

.btn-warning:hover {
  background-color: #ffdf8f !important;
  border-color: #ffdf8f !important;
}

.btn-warning:focus, .btn-warning.focus {
  color: #212529;
  background-color: #ffdf8f !important;
  border-color: #ffdf8f !important;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-outline-primary {
  color: #1C467A !important;
  background-color: transparent;
  border-color: #1C467A !important;
}

.btn-outline-primary:hover {
  color: #FFFFFF !important;
  background-color: #1C467A !important;
  border-color: #1C467A !important;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.1rem white inset;
  background-color: #1C467A !important;
  color: #fff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #FFFFFF;
  background-color: #1C467A !important;
  border-color: #1C467A !important;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.1rem white inset;
}

.btn-outline-white {
  color: #0057A3 !important;
  background-color: transparent;
  background-image: none;
  border-top: 1px solid #ccc;
  border-left: 0 !important;
  border-right: 0 !important;
}

.accordion-group:last-child {
  border-bottom: 1px solid #ccc;
}

.btn-outline-white:hover {
  color: #0057A3 !important;
  background-color: #efefef !important;
  border-color: transparent !important;
  border-top: 1px solid #ccc !important;
}

.btn-outline-white:focus, .btn-outline-white.focus {
  background-color: #efefef !important;
  box-shadow: 0 0 0 0 !important;
}

.btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #efefef !important;
  border-color: transparent !important;
  box-shadow: 0 0 0 0 !important;
}

.tab-content {
  padding: 15px;
}

.delivery-sequence > button {
  color: black;
}

.delivery-sequence > a:hover {
  background-color: white;
  text-decoration: none;
}

.delivery-sequence > .active {
  background-color: white !important;
}

.btn-non-coop, .btn-coop {
  background-color: #cccccc !important;
  border-bottom: none !important;
}

.btn-non-coop-fees, .btn-coop-fees {
  background-color: #cccccc !important;
  border-bottom: none !important;
}

#non-coop-deliverysequence > .card {
  border: none;
  border-top: 2px solid #eee;
}

#coop-deliverysequence > .card {
  border: none;
  border-top: 2px solid #eee;
}

#non-coop-fee > .card {
  border: none;
  border-top: 2px solid #eee;
}

#coop-fee > .card {
  border: none;
  border-top: 2px solid #eee;
}

.btn-domestic-fees, .btn-international-fees {
  border: none;
}

.btn-domestic-fees:hover {
  border: none !important;
}

.btn-international-fees:hover {
  border: none !important;
}

.btn-non-coop-course, .btn-coop-course {
  background-color: #cccccc !important;
  border-bottom: none !important;
}

#non-coop-course > .card {
  border: none;
  border-top: 2px solid #eee !important;
}

#coop-course > .card {
  border: none;
  border-top: 2px solid #eee !important;
}

.home-btn-overlay {
  position: absolute;
  bottom: 0;
}

.btn-international {
  background-color: #535A5F;
  border-color: #535A5F;
}

a {
  color: #1C467A;
  text-decoration: underline;
}

a:hover {
  color: #1C467A;
  text-decoration: none;
}

a.btn {
  text-decoration: none;
}

a.dropdown-item {
  text-decoration: none;
}

@media (min-width: 1200px) {
  .mb-7 {
    margin-bottom: 7rem;
  }
}

.fa-myconestoga::before {
  content: "my";
  font-size: small;
  padding-left: .58rem;
  font-weight: bold;
}

select {
  background: transparent;
  background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #ddd;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-position-x: 99%;
}

select {
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), radial-gradient(transparent 0%, transparent 100%);
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - .5em) 0.5em;
  background-size: 5px 5px,
 5px 5px,
 1.5em 1.5em;
  background-repeat: no-repeat;
}

html,
body {
  font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Roboto Slab', serif;
}

html,
body {
  font-size: 16px !important;
  color: #333132;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  color: #000000;
}

h1, .h1 {
  font-size: 1.45rem;
}

h2, .h2 {
  font-size: 1.266rem;
}

h3, .h3 {
  font-size: 1.125rem;
}

h4, .h4 {
  font-size: 1rem;
}

h5, .h5 {
  font-size: 0.89rem;
}

h6, .h6 {
  font-size: 0.69rem;
}

.display-1 {
  font-size: 3.906rem;
}

.display-2 {
  font-size: 3.125rem;
}

.display-3 {
  font-size: 2.5rem;
}

.display-4 {
  font-size: 2rem;
}

@media (min-width: 720px) {
  h1, .h1 {
    font-size: 2.441rem;
  }
  h2, .h2 {
    font-size: 1.563rem;
  }
  h3, .h3 {
    font-size: 1.25rem;
  }
  h4, .h4 {
    font-size: 1.125rem;
  }
  h5, .h5 {
    font-size: 1rem;
  }
  .display-1 {
    font-size: 6rem;
  }
  .display-2 {
    font-size: 5.5rem;
  }
  .display-3 {
    font-size: 4.5rem;
  }
  .display-4 {
    font-size: 3.5rem;
  }
}

.banner-text {
  line-height: .9;
}

.events-month {
  font-family: 'Roboto Slab', sans-serif;
  font-size: 1.09rem;
  line-height: 1rem;
}

.events-date {
  font-family: 'Roboto Slab', sans-serif;
  font-size: 1.35rem;
  line-height: 1rem;
}

.intake-label {
  font-size: .99rem;
  font-family: 'Roboto Slab', serif;
  text-shadow: none;
  text-transform: uppercase;
  color: #fff;
}

.pull-quote {
  border-left: 5px solid #bd8f4d;
  padding: 10px 15px;
  font: 18px/25px 'Roboto Slab', charter, serif;
  color: #6d6d6d;
  background-color: #f5f5f5;
}

.pull-quote-white {
  border-left: 5px solid #bd8f4d;
  padding: 10px 15px;
  font: 18px/25px 'Roboto Slab', charter, serif;
  color: #6d6d6d;
  background-color: #fff;
}

.dropdown-menu {
  background-color: #2d2d2d;
  border-radius: 0;
  padding: 1.5rem 1rem 2rem 1rem;
  margin: 0;
  border-top: 0.125rem solid transparent;
}

.dropdown:hover .dropdown-menu {
  display: block;
  border-radius: 0px;
  background-color: #2d2d2d !important;
}

.dropdown-item {
  color: #fff;
  padding: 0.25rem 4rem 0.25rem 0.5rem;
  line-height: 2;
  border: 1px solid #2D2D2D;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.dropdown-item:focus {
  color: #FFFFFF;
  background-color: #2D2D2D;
  box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.25) inset;
  outline: 0;
}

.dropdown-item:hover {
  color: #FFFFFF;
  background-color: #707070;
  border-color: #707070;
}

.dropdown-item:not(:disabled):not(.disabled):active, .dropdown-item:not(:disabled):not(.disabled).active,
.show > .dropdown-item.dropdown-toggle {
  color: #FFFFFF;
  background-color: #707070;
  border-color: #707070;
}

.dropdown-divider {
  margin: 0;
  border-top: 1px solid #4e4e4e;
}

.bg-primary-dropdown {
  background-color: #002A4E;
}

.dropdown-menu a {
  text-decoration: none !important;
}

.mm-navbar__title {
  text-transform: uppercase;
}

#offCanvasMenu ul li a {
  color: #fff;
}

.hero-banner {
  position: relative;
  padding-top: 56.25%;
  background-color: #000;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("https://www-assets.conestogac.on.ca/images/corporate-website-2019/images/banners/standard.jpg");
  background-position-x: 0%;
}

@media (min-width: 576px) {
  .hero-banner {
    padding-top: 27.5%;
  }
}

.hero-banner .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.hero-banner .overlay-home h1 {
  text-shadow: none !important;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.75rem;
  font-weight: 600;
}

.hero-banner .text-white h1, .hero-banner .text-white .h1 {
  color: #ffffff;
}

.hero-banner h1, .hero-banner .h1 {
  margin-bottom: 0;
}

@media (max-width: 787px) {
  .hero-banner .overlay-home h1 {
    text-shadow: none !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    z-index: 2;
  }
}

ol.pretty-list {
  counter-reset: pretty-counter;
  list-style: none;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
}

ol.pretty-list li {
  margin-bottom: 1.5rem;
  min-height: 2rem;
  padding: 0 0 0 3rem;
  position: relative;
}

ol.pretty-list li:before {
  background-color: #1C467A;
  border: 2px solid #1C467A;
  box-sizing: border-box;
  color: #ffffff;
  content: counter(pretty-counter);
  counter-increment: pretty-counter;
  font-size: 3rem;
  font-weight: 600;
  height: 2rem;
  left: 0;
  line-height: 1.75rem;
  position: absolute;
  text-align: center;
  top: 0;
  width: 1.75rem;
}

.modal-window {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.modal-window:target {
  opacity: 1;
  pointer-events: auto;
}

.modal-window > div {
  width: 600px;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 2em;
}

.modal-window header {
  font-weight: bold;
}

.modal-window h1 {
  font-size: 150%;
  margin: 0 0 15px 15px;
  color: #fff;
}

.modal-close {
  color: #fff;
  line-height: 50px;
  font-size: 80%;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 70px;
  text-decoration: none;
}

.modal-close:hover {
  color: #fff;
}

@media (max-width: 576px) {
  .modal-window > div {
    width: 300px;
  }
}

.relative {
  position: relative;
}

.mod--hidden {
  overflow: hidden;
}

.pb1 {
  padding-bottom: 1em;
}

.cc-carrousel__container {
  white-space: nowrap;
}

.cc-carrousel__control__list {
  position: absolute;
  list-style-type: none;
  top: 100%;
  right: 0;
  left: 0;
  margin-top: 0.5em;
  padding-left: 0;
  text-align: center;
}

.cc-carrousel__control__list__item {
  display: inline-block;
  margin: 0 .5em;
}

.cc-carrousel__control__list__link {
  display: inline-block;
  width: 1em;
  height: 1em;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 1em;
  cursor: pointer;
}

/*.cc-carrousel__button-container {
    position: absolute;
}

 .cc-carrousel__button__previous {
    top: 50%;
    margin-top: -18px;
    left: 0;
    margin-left: -35px;
} -->

<!-- .cc-carrousel__button__next {
    top: 50%;
    margin-top: -18px;
    right: 0;
    margin-right: -35px;
}

.cc-carrousel__button__button {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    cursor: pointer;
} */
/* ------------------ transition slide ------------------ */
.slide .carrousel__content {
  display: inline-block;
  vertical-align: top;
  visibility: visible;
  width: 100%;
  position: relative;
  -webkit-transition: visibility 0s ease, transform .5s ease-in;
  transition: visibility 0s ease, transform .5s ease-in;
  -webkit-transition-delay: 0;
  transition-delay: 0;
  white-space: normal;
}

[data-carrousel-active-slide="1"].slide > .carrousel__content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

[data-carrousel-active-slide="2"].slide > .carrousel__content {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

[data-carrousel-active-slide="3"].slide > .carrousel__content {
  -webkit-transform: translateX(-200%);
  transform: translateX(-200%);
}

[data-carrousel-active-slide="4"].slide > .carrousel__content {
  -webkit-transform: translateX(-300%);
  transform: translateX(-300%);
}

[data-carrousel-active-slide="5"].slide > .carrousel__content {
  -webkit-transform: translateX(-400%);
  transform: translateX(-400%);
}

[data-carrousel-active-slide="6"].slide > .carrousel__content {
  -webkit-transform: translateX(-500%);
  transform: translateX(-500%);
}

[data-carrousel-active-slide="7"].slide > .carrousel__content {
  -webkit-transform: translateX(-600%);
  transform: translateX(-600%);
}

[data-carrousel-active-slide="8"].slide > .carrousel__content {
  -webkit-transform: translateX(-700%);
  transform: translateX(-700%);
}

[data-carrousel-active-slide="9"].slide > .carrousel__content {
  -webkit-transform: translateX(-800%);
  transform: translateX(-800%);
}

[data-carrousel-active-slide].slide > [aria-hidden="true"].carrousel__content {
  visibility: hidden;
  -webkit-transition-delay: .5s, 0s;
  transition-delay: .5s, 0s;
}

/* ------------------ State rules ------------------ */
/* changing to darker to pass AAA on white and bg-light 12/2021 TF */
.cc-carrousel__control__list__link:focus,
.cc-carrousel__control__list__link:hover,
.cc-carrousel__control__list__link:active,
.cc-carrousel__control__list__link[aria-selected=true] {
  background: #444;
}

.cc-carrousel__control__list__link:focus,
.cc-carrousel__control__list__link:hover,
.cc-carrousel__control__list__link:active {
  outline: 1px dotted #4d287f;
}

.carousel-indicators > li {
  border-radius: 50%;
  height: 12px;
  width: 12px;
  background-color: #fff !important;
  opacity: 1;
}

.carousel-text {
  background-color: #2d2d2d;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  color: #fff !important;
}

.carousel-indicators > .active {
  background-color: #53535F !important;
  border: 1px solid #fff !important;
  margin-top: auto;
  margin-bottom: auto;
}

.carousel-indicators > li:hover {
  background-color: #ccc !important;
}

@media (max-width: 576px) {
  .carousel-text {
    width: 70%;
  }
  .carousel-text > p {
    font-size: .6em;
    line-height: 1.3em;
  }
  .carousel-indicators > li {
    height: 8px;
    width: 8px;
  }
}

@media only screen and (min-width: 992px) {
  .toggle-show {
    position: absolute;
    z-index: 6;
    left: 45%;
  }
}

@media only screen and (min-width: 2500px) {
  .toggle-show {
    left: 51% !important;
    width: 22% !important;
  }
}

@media only screen and (min-width: 1920px) {
  .toggle-show {
    left: 51% !important;
    width: 28.7% !important;
  }
}

@media only screen and (min-width: 1501px) and (max-width: 1700px) {
  .toggle-show {
    left: 50.5% !important;
    width: 38.5% !important;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1500px) {
  .toggle-show {
    left: 51% !important;
    width: 38.5% !important;
  }
}

@media only screen and (min-width: 1300px) and (max-width: 1399px) {
  .toggle-show {
    left: 47.5% !important;
    width: 46.5% !important;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1299px) {
  .toggle-show {
    left: 52.5% !important;
    width: 45% !important;
  }
}

@media only screen and (min-width: 1130px) and (max-width: 1199px) {
  .toggle-show {
    left: 53% !important;
    width: 38% !important;
  }
}

@media only screen and (min-width: 1070px) and (max-width: 1126px) {
  .toggle-show {
    left: 53% !important;
    width: 40% !important;
  }
}

@media only screen and (min-width: 993px) and (max-width: 1050px) {
  .toggle-show {
    left: 52.5% !important;
    width: 44.5% !important;
  }
}

[data-nav] {
  position: relative;
  z-index: 100;
}

[data-nav] [data-nav-item], [data-nav] .data-nav-item {
  display: block;
  font-weight: 400;
  color: #FFFFFF;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 2.0;
  border-radius: 0;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  text-transform: uppercase;
  font-size: 85%;
  text-decoration: none;
}

[data-nav] [data-nav-item]:not(:disabled):not(.disabled), [data-nav] .data-nav-item:not(:disabled):not(.disabled) {
  cursor: pointer;
}

[data-nav] [data-nav-item]:hover, [data-nav] .data-nav-item:hover {
  text-decoration: underline;
  color: #FFFFFF;
}

[data-nav] [data-nav-item]:focus, [data-nav] [data-nav-item].focus, [data-nav] .data-nav-item:focus, [data-nav] .data-nav-item.focus {
  outline: 0;
  box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.25) inset;
}

[data-nav] [data-nav-item]:not(:disabled):not(.disabled):active, [data-nav] [data-nav-item]:not(:disabled):not(.disabled).active,
.show > [data-nav] [data-nav-item].dropdown-toggle, [data-nav] .data-nav-item:not(:disabled):not(.disabled):active, [data-nav] .data-nav-item:not(:disabled):not(.disabled).active,
.show > [data-nav] .data-nav-item.dropdown-toggle {
  color: #FFFFFF;
  text-decoration: underline;
}

[data-nav] [data-nav-item]:not(:disabled):not(.disabled):active:focus, [data-nav] [data-nav-item]:not(:disabled):not(.disabled).active:focus,
.show > [data-nav] [data-nav-item].dropdown-toggle:focus, [data-nav] .data-nav-item:not(:disabled):not(.disabled):active:focus, [data-nav] .data-nav-item:not(:disabled):not(.disabled).active:focus,
.show > [data-nav] .data-nav-item.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.25) inset;
}

[data-nav] > [data-nav-items] {
  display: flex;
  flex: 0 0 auto;
}

[data-nav] > [data-nav-panels] > [data-nav-panel] {
  display: none;
  position: absolute;
  background-color: #2d2d2d;
  padding: 1.25rem;
  width: 100%;
}

[data-nav] > [data-nav-panels] > [data-nav-panel] > [data-nav] {
  display: flex;
  flex: 0 0 auto;
}

[data-nav] > [data-nav-panels] > [data-nav-panel] > [data-nav] > [data-nav-items] {
  display: block;
  flex: 0 0 50%;
  position: relative;
}

[data-nav] > [data-nav-panels] > [data-nav-panel] > [data-nav] > [data-nav-items] > [data-nav-item], [data-nav] > [data-nav-panels] > [data-nav-panel] > [data-nav] > [data-nav-items] .data-nav-item {
  display: block;
  border-bottom: 1px solid #4e4e4e;
  text-decoration: none;
}

[data-nav] > [data-nav-panels] > [data-nav-panel] > [data-nav] > [data-nav-items] > [data-nav-item]:hover, [data-nav] > [data-nav-panels] > [data-nav-panel] > [data-nav] > [data-nav-items] .data-nav-item:hover {
  background-color: #707070;
  text-decoration: none;
}

[data-nav] > [data-nav-panels] > [data-nav-panel] > [data-nav] > [data-nav-items] > [data-nav-item] {
  padding-right: 1rem;
}

[data-nav] > [data-nav-panels] > [data-nav-panel] > [data-nav] > [data-nav-items] > .vertical-border {
  position: absolute;
  background-color: #2d2d2d;
  width: 1rem;
  height: 100%;
  top: 0;
  right: 0;
  pointer-events: none;
}

[data-nav] > [data-nav-panels] > [data-nav-panel] > [data-nav] > [data-nav-rightitems] {
  display: block;
  flex: 0 0 50%;
}

[data-nav] > [data-nav-panels] > [data-nav-panel] > [data-nav] > [data-nav-rightitems] > [data-nav-item], [data-nav] > [data-nav-panels] > [data-nav-panel] > [data-nav] > [data-nav-rightitems] .data-nav-item {
  display: block;
  border-bottom: 1px solid #4e4e4e;
  text-transform: none;
}

[data-nav] > [data-nav-panels] > [data-nav-panel] > [data-nav] > [data-nav-rightitems] > [data-nav-item]:hover, [data-nav] > [data-nav-panels] > [data-nav-panel] > [data-nav] > [data-nav-rightitems] .data-nav-item:hover {
  text-decoration: underline;
}

[data-nav] > [data-nav-panels] > [data-nav-panel] > [data-nav] > [data-nav-panels] {
  display: block;
  flex: 0 0 50%;
}

[data-nav] > [data-nav-panels] > [data-nav-panel] > [data-nav] > [data-nav-panels] > [data-nav-panel] {
  display: block;
  position: static;
  padding: 0;
  width: auto;
  height: 100%;
}

[data-nav] > [data-nav-panels] > [data-nav-panel] > [data-nav] > [data-nav-panels] > [data-nav-panel] > .data-nav-item {
  display: block;
  border-bottom: 1px solid #4e4e4e;
  text-transform: none;
}

[data-nav] > [data-nav-panels] > [data-nav-panel] > [data-nav] > [data-nav-panels] > [data-nav-panel] > .data-nav-item:hover {
  background: none;
  text-decoration: underline;
  border-color: transparent;
  border-bottom: 1px solid #4e4e4e;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-prev, .carousel-control-next {
  width: 5% !important;
}

.carousel-inner > .active {
  background-color: white !important;
}

.carousel-indicators > li {
  border-radius: 50%;
  height: 8px;
  width: 8px;
  background-color: #A9A9A9 !important;
  opacity: 2;
}

.carousel-indicators > .active {
  background-color: #fff !important;
  border: 1px solid #A9A9A9 !important;
  margin-top: auto;
  margin-bottom: auto;
}

.carousel-indicators {
  /*        background-color: aqua;*/
  transform: translateY(50px);
}

.card-description {
  overflow-y: scroll;
  height: 400px;
}

.card-description::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
  height: 1px;
  padding-top: 40px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 50px #aaaaaa;
  border: 6px solid #f2f2f2;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  /*     color and radius of the scrollbar*/
  background-color: #aaaaaa;
  border-radius: 100px;
  border: 1px solid #ffffff;
  padding-top: 0px;
}

@media only screen and (max-width: 812px) {
  .card-description {
    overflow: visible;
    height: auto;
    /*            border: none !important;*/
  }
  .carousel .carousel-item {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    opacity: 1;
    overflow-y: scroll;
  }
  ::-webkit-scrollbar {
    display: none;
  }
  .carousel-indicators,
  .carousel-control-prev,
  .carousel-control-next {
    display: none;
  }
}

summary {
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: transparent;
  color: #1C467A;
  padding: 8px;
  padding-right: 30px;
  text-transform: uppercase;
}

[open] > summary {
  background-color: #efefef;
}

details summary::-webkit-details-marker {
  display: none;
}

details {
  display: block;
  border-top: 1px solid #ccc;
  position: relative;
}

details:last-child {
  border-bottom: 1px solid #ccc;
}

summary:hover {
  background-color: #efefef;
}

summary:focus {
  outline: none !important;
}

details[open] {
  margin-bottom: 20px;
  color: #000;
}

details[open] summary ~ * {
  animation: open 0.3s ease-in-out;
}

@keyframes open {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

details > :not(summary) {
  margin: 1rem;
  width: auto;
  max-width: 95%;
}

details summary ul {
  margin-top: 3rem;
}

details summary:after {
  position: absolute;
  padding-left: 15px;
  right: 8px;
  content: url("https://www-assets.conestogac.on.ca/images/corporate-website-2019/arrows/arrow-down.png");
}

details[open] summary:after {
  content: url("https://www-assets.conestogac.on.ca/images/corporate-website-2019/arrows/arrow-up.png");
}

@media (max-width: 520px) {
  details > :not(summary) {
    margin: 1rem;
    width: auto;
    max-width: 90%;
  }
}

/*Blue show hides*/
#blue-show-hides summary {
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: #1C467A;
  color: #fff;
  padding: 8px;
  padding-right: 30px;
  text-transform: uppercase;
}

#blue-show-hides [open] > summary {
  background-color: #1C5B92;
}

#blue-show-hides details summary::-webkit-details-marker {
  display: none;
}

#blue-show-hides details {
  display: block;
  border-top: 1px solid #ccc;
  position: relative;
  margin-bottom: .20rem;
}

#blue-show-hides details:last-child {
  border-bottom: 1px solid #ccc;
}

#blue-show-hides summary:hover {
  background-color: #1C5B92;
}

#blue-show-hides summary:focus {
  outline: none !important;
}

#blue-show-hides details[open] summary ~ * {
  animation: open 0.3s ease-in-out;
}

@keyframes open {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#blue-show-hides details[open] {
  margin-bottom: 10px;
  border: 1px solid #dee2e6;
  color: #000000;
}

#blue-show-hides details > :not(summary) {
  margin: 1rem;
  width: auto;
  max-width: 95%;
}

#blue-show-hides details summary ul {
  margin-top: 3rem;
}

#blue-show-hides details summary:after {
  position: absolute;
  padding-left: 15px;
  right: 8px;
  content: url("https://www-assets.conestogac.on.ca/images/corporate-website-2019/arrows/arrow-white-down.png");
}

#blue-show-hides details[open] summary:after {
  content: url("https://www-assets.conestogac.on.ca/images/corporate-website-2019/arrows/arrow-white-up.png");
}

@media (max-width: 520px) {
  #blue-show-hides details > :not(summary) {
    margin: 1rem;
    width: auto;
    max-width: 90%;
  }
}

details table {
  width: 100% !important;
}

.progress-circle {
  font-size: 30px;
  margin: auto;
  position: relative;
  /* so that children can be absolutely positioned */
  padding: 0;
  width: 5em;
  height: 5em;
  background-color: #000;
  border-radius: 50%;
  line-height: 5em;
}

.progress-circle:after {
  border: none;
  position: absolute;
  top: 0.35em;
  left: 0.35em;
  text-align: center;
  display: block;
  border-radius: 50%;
  width: 4.3em;
  height: 4.3em;
  background-color: white;
  content: " ";
}

/* Text inside the control */
.progress-circle span {
  position: absolute;
  line-height: 7.95em;
  width: 8.45em;
  text-align: center;
  display: block;
  color: #000;
  z-index: 2;
  font-size: 60%;
}

.left-half-clipper {
  /* a round circle */
  border-radius: 50%;
  width: 5em;
  height: 5em;
  position: absolute;
  /* needed for clipping */
  clip: rect(0, 5em, 5em, 2.5em);
  /* clips the whole left half*/
}

/* when p>50, don't clip left half*/
.progress-circle.over50 .left-half-clipper {
  clip: rect(auto, auto, auto, auto);
}

.value-bar {
  /*This is an overlayed square, that is made round with the border radius,
    then it is cut to display only the left half, then rotated clockwise
    to escape the outer clipping path.*/
  position: absolute;
  /*needed for clipping*/
  clip: rect(0, 2.5em, 5em, 0);
  width: 5em;
  height: 5em;
  border-radius: 50%;
  border: 0.45em solid #dcab57;
  /*The border is 0.35 but making it larger removes visual artifacts */
  /*background-color: #4D642D;*/
  /* for debug */
  box-sizing: border-box;
}

/* Progress bar filling the whole right half for values above 50% */
.progress-circle.over50 .first50-bar {
  /*Progress bar for the first 50%, filling the whole right half*/
  position: absolute;
  /*needed for clipping*/
  clip: rect(0, 5em, 5em, 2.5em);
  background-color: #dcab57;
  border-radius: 50%;
  width: 5em;
  height: 5em;
}

.progress-circle:not(.over50) .first50-bar {
  display: none;
}

/* Progress bar rotation position */
.progress-circle.p0 .value-bar {
  display: none;
}

.progress-circle.p1 .value-bar {
  transform: rotate(-4deg);
}

.progress-circle.p2 .value-bar {
  transform: rotate(-7deg);
}

.progress-circle.p3 .value-bar {
  transform: rotate(-11deg);
}

.progress-circle.p4 .value-bar {
  transform: rotate(-14deg);
}

.progress-circle.p5 .value-bar {
  transform: rotate(-18deg);
}

.progress-circle.p6 .value-bar {
  transform: rotate(-22deg);
}

.progress-circle.p7 .value-bar {
  transform: rotate(-25deg);
}

.progress-circle.p8 .value-bar {
  transform: rotate(-29deg);
}

.progress-circle.p9 .value-bar {
  transform: rotate(-32deg);
}

.progress-circle.p10 .value-bar {
  transform: rotate(-36deg);
}

.progress-circle.p11 .value-bar {
  transform: rotate(-40deg);
}

.progress-circle.p12 .value-bar {
  transform: rotate(-43deg);
}

.progress-circle.p13 .value-bar {
  transform: rotate(-47deg);
}

.progress-circle.p14 .value-bar {
  transform: rotate(-50deg);
}

.progress-circle.p15 .value-bar {
  transform: rotate(-54deg);
}

.progress-circle.p16 .value-bar {
  transform: rotate(-58deg);
}

.progress-circle.p17 .value-bar {
  transform: rotate(-61deg);
}

.progress-circle.p18 .value-bar {
  transform: rotate(-65deg);
}

.progress-circle.p19 .value-bar {
  transform: rotate(-68deg);
}

.progress-circle.p20 .value-bar {
  transform: rotate(-72deg);
}

.progress-circle.p21 .value-bar {
  transform: rotate(-76deg);
}

.progress-circle.p22 .value-bar {
  transform: rotate(-79deg);
}

.progress-circle.p23 .value-bar {
  transform: rotate(-83deg);
}

.progress-circle.p24 .value-bar {
  transform: rotate(-86deg);
}

.progress-circle.p25 .value-bar {
  transform: rotate(-90deg);
}

.progress-circle.p26 .value-bar {
  transform: rotate(-94deg);
}

.progress-circle.p27 .value-bar {
  transform: rotate(-97deg);
}

.progress-circle.p28 .value-bar {
  transform: rotate(-101deg);
}

.progress-circle.p29 .value-bar {
  transform: rotate(-104deg);
}

.progress-circle.p30 .value-bar {
  transform: rotate(-108deg);
}

.progress-circle.p31 .value-bar {
  transform: rotate(-112deg);
}

.progress-circle.p32 .value-bar {
  transform: rotate(-115deg);
}

.progress-circle.p33 .value-bar {
  transform: rotate(-119deg);
}

.progress-circle.p34 .value-bar {
  transform: rotate(-122deg);
}

.progress-circle.p35 .value-bar {
  transform: rotate(-126deg);
}

.progress-circle.p36 .value-bar {
  transform: rotate(-130deg);
}

.progress-circle.p37 .value-bar {
  transform: rotate(-133deg);
}

.progress-circle.p38 .value-bar {
  transform: rotate(-137deg);
}

.progress-circle.p39 .value-bar {
  transform: rotate(-140deg);
}

.progress-circle.p40 .value-bar {
  transform: rotate(-144deg);
}

.progress-circle.p41 .value-bar {
  transform: rotate(-148deg);
}

.progress-circle.p42 .value-bar {
  transform: rotate(-151deg);
}

.progress-circle.p43 .value-bar {
  transform: rotate(-155deg);
}

.progress-circle.p44 .value-bar {
  transform: rotate(-158deg);
}

.progress-circle.p45 .value-bar {
  transform: rotate(-162deg);
}

.progress-circle.p46 .value-bar {
  transform: rotate(-166deg);
}

.progress-circle.p47 .value-bar {
  transform: rotate(-169deg);
}

.progress-circle.p48 .value-bar {
  transform: rotate(-173deg);
}

.progress-circle.p49 .value-bar {
  transform: rotate(-176deg);
}

.progress-circle.p50 .value-bar {
  transform: rotate(-180deg);
}

.progress-circle.p51 .value-bar {
  transform: rotate(-184deg);
}

.progress-circle.p52 .value-bar {
  transform: rotate(-187deg);
}

.progress-circle.p53 .value-bar {
  transform: rotate(-191deg);
}

.progress-circle.p54 .value-bar {
  transform: rotate(-194deg);
}

.progress-circle.p55 .value-bar {
  transform: rotate(-198deg);
}

.progress-circle.p56 .value-bar {
  transform: rotate(-202deg);
}

.progress-circle.p57 .value-bar {
  transform: rotate(-205deg);
}

.progress-circle.p58 .value-bar {
  transform: rotate(-209deg);
}

.progress-circle.p59 .value-bar {
  transform: rotate(-212deg);
}

.progress-circle.p60 .value-bar {
  transform: rotate(-216deg);
}

.progress-circle.p61 .value-bar {
  transform: rotate(-220deg);
}

.progress-circle.p62 .value-bar {
  transform: rotate(-223deg);
}

.progress-circle.p63 .value-bar {
  transform: rotate(-227deg);
}

.progress-circle.p64 .value-bar {
  transform: rotate(-230deg);
}

.progress-circle.p65 .value-bar {
  transform: rotate(-234deg);
}

.progress-circle.p66 .value-bar {
  transform: rotate(-238deg);
}

.progress-circle.p67 .value-bar {
  transform: rotate(-241deg);
}

.progress-circle.p68 .value-bar {
  transform: rotate(-245deg);
}

.progress-circle.p69 .value-bar {
  transform: rotate(-248deg);
}

.progress-circle.p70 .value-bar {
  transform: rotate(-252deg);
}

.progress-circle.p71 .value-bar {
  transform: rotate(-256deg);
}

.progress-circle.p72 .value-bar {
  transform: rotate(-259deg);
}

.progress-circle.p73 .value-bar {
  transform: rotate(-263deg);
}

.progress-circle.p74 .value-bar {
  transform: rotate(-266deg);
}

.progress-circle.p75 .value-bar {
  transform: rotate(-270deg);
}

.progress-circle.p76 .value-bar {
  transform: rotate(-274deg);
}

.progress-circle.p77 .value-bar {
  transform: rotate(-277deg);
}

.progress-circle.p78 .value-bar {
  transform: rotate(-281deg);
}

.progress-circle.p79 .value-bar {
  transform: rotate(-284deg);
}

.progress-circle.p80 .value-bar {
  transform: rotate(-288deg);
}

.progress-circle.p81 .value-bar {
  transform: rotate(-292deg);
}

.progress-circle.p82 .value-bar {
  transform: rotate(-295deg);
}

.progress-circle.p83 .value-bar {
  transform: rotate(-299deg);
}

.progress-circle.p84 .value-bar {
  transform: rotate(-302deg);
}

.progress-circle.p85 .value-bar {
  transform: rotate(-306deg);
}

.progress-circle.p86 .value-bar {
  transform: rotate(-310deg);
}

.progress-circle.p87 .value-bar {
  transform: rotate(-313deg);
}

.progress-circle.p88 .value-bar {
  transform: rotate(-317deg);
}

.progress-circle.p89 .value-bar {
  transform: rotate(-320deg);
}

.progress-circle.p90 .value-bar {
  transform: rotate(-324deg);
}

.progress-circle.p91 .value-bar {
  transform: rotate(-328deg);
}

.progress-circle.p92 .value-bar {
  transform: rotate(-331deg);
}

.progress-circle.p93 .value-bar {
  transform: rotate(-335deg);
}

.progress-circle.p94 .value-bar {
  transform: rotate(-338deg);
}

.progress-circle.p95 .value-bar {
  transform: rotate(-342deg);
}

.progress-circle.p96 .value-bar {
  transform: rotate(-346deg);
}

.progress-circle.p97 .value-bar {
  transform: rotate(-349deg);
}

.progress-circle.p98 .value-bar {
  transform: rotate(-353deg);
}

.progress-circle.p99 .value-bar {
  transform: rotate(-356deg);
}

.progress-circle.p100 .value-bar {
  transform: rotate(-360deg);
}

.text-shadow {
  text-shadow: .0625rem .0625rem .375rem #000000 !important;
}

.text-shadow-none {
  text-shadow: none !important;
}

.border-left-3 {
  border-left-width: 3px !important;
}

.financial-hr {
  width: 30%;
  background-color: white;
}

.primary-hr {
  width: 30%;
  background-color: #1C467A !important;
}

hr.trades-chair-hr {
  width: 38%;
  background-color: white;
  border-top: 2px solid white !important;
}

.customTopBorder tr:first-child th, .customTopBorder tr:first-child td {
  border-top: 0px !important;
}

.blue-line {
  width: 30%;
  background-color: #1C467A !important;
  margin-left: 0;
}

.custom-navbar {
  width: 100%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none;
  display: none;
  clear: both;
}

.custom-navbar.main-menu__open {
  display: block;
}

.menu {
  margin: 0;
  padding: 0;
  line-height: 2rem;
}

.menu li {
  list-style-image: none;
  list-style-type: none;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu-dropdown {
  margin: 0;
  padding: 0;
}

.menu-dropdown li {
  list-style-image: none;
  list-style-type: none;
  list-style: none;
  margin-left: 0;
}

.menu-btn {
  width: 100%;
  clear: right;
  margin-right: 0;
  text-align: right;
  background: #ccc;
  padding-left: 15px;
}

.menu-btn a {
  color: #000;
  font-weight: 700;
  vertical-align: middle;
  text-decoration: none;
  padding-top: .75rem;
  padding-bottom: .75rem;
  padding-right: 0rem;
  display: inline-block;
  font-size: 1em;
}

.main-menu__open #custom-nav {
  position: relative;
}

#custom-nav.main-menu__open .menu {
  display: block;
}

#custom-nav .menu ul {
  padding: 1rem;
}

#custom-nav .menu li {
  margin: 0;
  padding: 0;
  font-size: 100%;
  display: block;
  float: none;
  position: relative;
}

@media (max-width: 991px) {
  #custom-nav .toggle_wrap {
    position: relative;
  }
  #custom-nav ul.menu li {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    margin-bottom: 4px;
  }
  #custom-nav ul.menu .menu-item--expanded {
    position: relative;
  }
  #custom-nav ul.menu .menu-item--expanded a {
    padding-right: 3.75em;
  }
  #custom-nav ul.menu .menu-item--expanded .menu-toggle {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0.5em .75em;
    cursor: pointer;
    border-left: solid 1px black;
  }
  #custom-nav ul.menu .menu-item--expanded .menu-toggle:hover {
    color: #000;
  }
  #custom-nav ul.menu .menu-item--expanded .ion-ios-minus-outline {
    font-weight: 500;
  }
  #custom-nav ul.menu .menu-item--expanded > .toggle_wrap:hover a {
    background-color: #fff;
    color: #000;
  }
  #custom-nav ul.menu .menu-item--expanded ul {
    display: none;
  }
  #custom-nav ul.menu .menu-item--expanded.menu-open > ul {
    display: block;
  }
  #custom-nav ul.menu li.is-active .toggle_wrap .icon {
    color: #fff;
  }
  #custom-nav ul.menu li a {
    transition: color .2s ease, background-color .2s ease;
    padding: 0.64em 0.8em;
    display: block;
    background-color: #f9f9f9;
    font-weight: 600;
    text-decoration: none;
    line-height: 1.3;
    color: #000;
  }
  #custom-nav ul.menu li a:before {
    transition: color .2s ease, background-color .2s ease;
  }
  #custom-nav ul.menu li a:hover {
    background-color: #fff;
    color: #000;
  }
  #custom-nav ul.menu ul {
    margin-top: 4px;
  }
  #custom-nav ul.menu ul a {
    background-color: #f2f5fa;
  }
  #custom-nav ul.menu li a:hover {
    background-color: #707070;
    color: #fff;
  }
  #custom-nav ul.menu ul.menu ul .menu-toggle {
    padding-top: .4em;
    padding-bottom: .4em;
  }
  #custom-nav ul.menu ul.menu ul a {
    font-size: 1em;
    padding-left: 3.05176em;
  }
  #custom-nav ul.menu ul.menu ul.menu ul {
    background-color: #f2f5fa;
  }
  #custom-nav ul.menu ul.menu ul.menu ul a {
    font-size: 0.85em;
    padding-left: 4.76837em;
  }
}

@media (min-width: 992px) {
  .custom-navbar {
    display: block;
  }
  .menu-btn {
    display: none;
  }
  #custom-nav {
    background: #ccc;
  }
  #custom-nav .menu-item--expanded .menu-toggle {
    display: none;
  }
  #custom-nav .menu {
    display: block;
  }
  #custom-nav .menu ul {
    margin: 0 !important;
    padding: 0 !important;
  }
  #custom-nav .menu li {
    display: inline-block;
    padding-left: 0 !important;
    margin-left: 0px !important;
  }
  #custom-nav .menu li a {
    color: #000;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -5px;
  }
  #custom-nav .menu li ul {
    display: none;
    position: absolute;
    left: 0;
    z-index: 9999;
    background-color: #2d2d2d;
    width: auto;
  }
  #custom-nav .menu li ul li {
    float: none;
    width: 300px;
    max-width: 100%;
    padding: 0px;
    line-height: 2.0;
  }
  #custom-nav .menu li ul li:first-child {
    padding-top: .75rem;
  }
  #custom-nav .menu li ul li:last-child {
    padding-bottom: 1rem;
  }
  #custom-nav .menu li ul a {
    position: relative;
    line-height: 120%;
  }
  #custom-nav .menu li:hover > ul {
    display: block;
  }
  #custom-nav .menu a {
    text-decoration: none;
    display: block;
    font-weight: 500;
    text-align: center;
    color: #000;
    text-align: left;
    padding: 10px 0;
  }
  #custom-nav .menu .menu-dropdown .menu-item li {
    padding: 0px;
  }
  #custom-nav .menu .toggle_wrap .active {
    padding: 10px;
    color: #000;
    background: #fff;
  }
  #custom-nav .menu .toggle_wrap a {
    padding: 10px;
  }
  #custom-nav .menu .toggle_wrap a:hover {
    color: #000;
    background: #fff;
  }
  #custom-nav .menu .menu-item a:hover {
    color: #000;
    background: #FFF;
  }
}

#custom-nav .menu-dropdown .menu-item a {
  color: #fff;
  border-bottom: 1px solid #4e4e4e;
  font-weight: 500;
  font-size: 85%;
  margin-left: 10px;
  margin-right: 10px;
  padding-right: 10px;
  padding-left: 15px;
  line-height: 1.65;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#custom-nav .menu-dropdown .menu-item a:hover {
  color: #fff;
  background-color: #707070;
}

#custom-nav .main-menu__open .menu-dropdown .menu-item a {
  color: #000;
}

.main-menu__open #custom-nav ul.menu li a:hover {
  color: #000;
  background-color: #fff;
}

.main-menu__open #custom-nav ul.menu .menu-item--expanded.menu-open > ul {
  background-color: #2d2d2d;
  margin-bottom: 5px;
}

.main-menu__open #custom-nav ul.menu .menu-item--expanded.menu-open > ul li a {
  background-color: #2d2d2d;
  color: #fff;
  border-bottom: solid 1px #4e4e4e;
}

.main-menu__open #custom-nav ul.menu .menu-item--expanded.menu-open > ul li a:hover {
  background-color: #535A5f;
}

.menu-toggle.ion-ios-minus-outline::after {
  content: "-";
  width: 20px;
  height: 20px;
  border: solid 1px #000;
  border-radius: 50px;
  display: inline-block;
  text-align: center;
  font-size: 20px;
  line-height: 16px;
  position: relative;
  right: 2px;
  top: -2px;
}

.menu-toggle.ion-ios-plus-outline::after {
  content: "+";
  width: 20px;
  height: 20px;
  border: solid 1px #000;
  border-radius: 50px;
  display: inline-block;
  text-align: center;
  font-size: 20px;
  line-height: 16px;
  position: relative;
  right: 2px;
  top: -2px;
}

.active {
  background-color: #fff;
}

.nav-tabs {
  border-color: #ccc;
  /*width: 100%;*/
}

.nav-tabs > li a {
  /*border: 1px solid #000;*/
  background-color: #EEE;
  color: #000;
}

.nav-tabs > li {
  border: 1px solid #ccc;
  background-color: #EEE;
  color: #000;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  background-color: #D6E6F3;
  color: #000;
  border: 1px solid #1A3E5E;
  border-bottom-color: transparent;
}

.nav-tabs > li > a:hover {
  background-color: #D6E6F3 !important;
  border-radius: 5px;
  color: #000;
}

.tab-pane {
  border: solid 0px #000;
  border-top: 0px;
  width: 100%;
  background-color: #FFF;
  padding: 5px;
}

.table .thead-dark th {
  background-color: #2d2d2d !important;
}

.table {
  border-bottom: 1px solid #dee2e6 !important;
}

.bg-thead {
  background-color: #2d2d2d !important;
}

img.customSize {
  width: 80px !important;
  height: 65px !important;
}

.customMarginInBlockquote {
  margin: 1.7em 5em;
}

.customDiv {
  overflow: hidden;
  text-overflow: ellipsis;
  height: 5em;
  white-space: pre-line;
}

.customBorderWidth {
  border-top: 2px solid !important;
}

.scroller, .scroller1 {
  position: relative;
  overflow: auto;
  white-space: nowrap;
  overflow-x: visible;
  overflow-y: hidden;
  padding-bottom: 10px;
}

.scroller div {
  display: inline-flex;
  padding: .8em;
}

.scroller div .card-body {
  display: block;
  height: 85px;
}

.scroller div .card-body h3 {
  font-size: 1.15rem !important;
}

.scroller::-webkit-scrollbar {
  -webkit-appearance: none;
}

.scroller::-webkit-scrollbar {
  /*     height of the scrollbar*/
  height: 10px;
  cursor: pointer;
}

.scroller::-webkit-scrollbar-thumb {
  /*     color and radius of the scrollbar*/
  background-color: #aaaaaa;
  border-radius: 100px;
  border: 1px solid #ffffff;
  padding-top: 0px;
}

.scroller::-webkit-scrollbar-track {
  /*     background of the scrollbar*/
  border-radius: 10px;
  background-color: #f2f2f2;
}

.card-title {
  white-space: normal;
}

.btn-slider {
  height: 80px;
  background-color: #1C467A;
  font-weight: bold;
  font-size: 20px;
  border-style: none;
  width: 40px;
  outline: none;
  opacity: .9;
}

.btn-slider:hover {
  opacity: 1;
}

.arrow {
  transform: translatey(-225px);
  margin-top: -70px;
  position: relative;
  z-index: 9999;
  color: #fff;
}

.arrow .text-dark {
  color: #ffffff !important;
}

.scroller > .row {
  display: inline;
}

@media only screen and (max-width: 990px) {
  .scroller {
    overflow: auto;
  }
  .btn-slider, .btn-slider1 {
    height: 65px;
    width: 35px;
    opacity: .9;
  }
  .arrow {
    transform: translatey(-250px);
    margin-top: -35px;
  }
  .scroller div .card-body {
    height: 105px;
  }
}

#cludo-search-results ul li:after,
#cludo-search-results ul li:before,
.cludo-search-results ul ul li:after,
.cludo-search-results ul ul li:before,
.search_autocomplete li:after,
.search_autocomplete li:before,
ul.search_autocomplete ul li:after,
ul.search_autocomplete ul li:before {
  content: none !important;
}

.search_autocomplete {
  text-indent: 0 !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.search_autocomplete li {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-indent: 0;
  margin: 0 !important;
  list-style: none;
}

#cludo-search-results ul,
.cludo-search-results ul ul,
ul.search_autocomplete ul {
  text-indent: 0;
  list-style: none;
  padding: 0;
  margin: 0;
}

#cludo-search-results ul li,
.cludo-search-results ul ul li,
ul.search_autocomplete ul li {
  text-indent: 0;
  list-style: none;
  max-width: none;
}

#cludo-search-results ul h2,
.cludo-search-results ul ul h2,
ul.search_autocomplete ul h2 {
  margin-left: 0;
  margin-right: 0;
}

#cludo-search-results ul p,
.cludo-search-results ul ul p,
ul.search_autocomplete ul p {
  margin-left: 0;
  margin-right: 0;
  max-width: none;
}

#cludo-search-results ul.search_page_list,
.cludo-search-results ul.search_page_list {
  text-align: left;
  width: 100%;
}

#cludo-search-results ul.search_page_list li,
.cludo-search-results ul.search_page_list li {
  display: inline-block;
  padding: 7px 5px 7px 0;
  width: 31px;
  text-align: left;
}

#cludo-search-results .cludo-sr-only,
.cludo-search-results .cludo-sr-only {
  display: none;
}

#cludo-search-results .loading,
.cludo-search-results .loading {
  display: block;
  margin: 0 auto;
}

#cludo-search-results .with-images li,
.cludo-search-results .with-images li {
  position: relative;
}

#cludo-search-results .with-images li .search-result-image,
.cludo-search-results .with-images li .search-result-image {
  position: absolute;
  width: 150px;
  display: inline-block;
  max-height: 84.38px;
  overflow: hidden;
}

#cludo-search-results .with-images li .search-result-image.max-out-height,
.cludo-search-results .with-images li .search-result-image.max-out-height {
  max-height: unset;
}

#cludo-search-results .with-images li .search-result-image + .search-result-data,
.cludo-search-results .with-images li .search-result-image + .search-result-data {
  margin-left: 165px;
  min-height: 84.38px;
}

@media (max-width: 480px) {
  #cludo-search-results .with-images li .search-result-image,
  .cludo-search-results .with-images li .search-result-image {
    display: block;
    position: static;
    width: 100%;
    margin-bottom: 15px;
    height: 0;
    padding-bottom: 56.25%;
  }
  #cludo-search-results .with-images li .search-result-image + .search-result-data,
  .cludo-search-results .with-images li .search-result-image + .search-result-data {
    margin-left: 0;
  }
}

.powered-by-cludo {
  margin-top: 5px;
  background-image: url(https://customer.cludo.com/img/nobg-black.png);
  background-repeat: no-repeat;
  height: 40px;
  width: 155px;
  background-size: 180px;
  background-position: right center;
  display: block;
}

@media (max-width: 640px) {
  .powered-by-cludo {
    display: none;
  }
}

#cludo-search-results .cludo-page-navigation,
.cludo-page-navigation,
.cludo-search-results .cludo-page-navigation {
  position: relative;
  min-height: 40px;
}

#cludo-search-results .cludo-page-navigation .powered-by-cludo,
.cludo-page-navigation .powered-by-cludo,
.cludo-search-results .cludo-page-navigation .powered-by-cludo {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
}

#cludo-search-results .search-filters-mobile-button,
.cludo-search-results .search-filters-mobile-button {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#cludo-search-results ul .search-results-item,
.cludo-search-results ul .search-results-item {
  margin-bottom: 30px;
  margin-top: 30px;
}

#cludo-search-results ul .search-results-item img,
.cludo-search-results ul .search-results-item img {
  width: 100%;
}

#cludo-search-results ul .search-results-item .search-result-data > h2,
#cludo-search-results ul .search-results-item > h2,
.cludo-search-results ul .search-results-item .search-result-data > h2,
.cludo-search-results ul .search-results-item > h2 {
  line-height: 1.1;
  margin-top: 0;
  margin-bottom: 7.5px;
  font-size: 22px;
  padding: 0;
}

#cludo-search-results ul .search-results-item .search-result-data > p,
#cludo-search-results ul .search-results-item > p,
.cludo-search-results ul .search-results-item .search-result-data > p,
.cludo-search-results ul .search-results-item > p {
  padding: 0;
  margin: 0 0 7.5px;
}

#cludo-search-results ul .search-results-item .path,
.cludo-search-results ul .search-results-item .path {
  word-break: break-all;
  padding: 0;
  margin: 0;
}

#cludo-search-results ul li,
.cludo-search-results ul li {
  background: 0 0;
  list-style-type: none;
  margin-left: 0;
  padding-right: 0;
}

#cludo-search-results .cludo-r,
.cludo-search-results .cludo-r {
  margin-left: -15px;
  margin-right: -15px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}

#cludo-search-results .cludo-c-12,
#cludo-search-results .cludo-c-3,
#cludo-search-results .cludo-c-4,
#cludo-search-results .cludo-c-8,
#cludo-search-results .cludo-c-9,
.cludo-search-results .cludo-c-12,
.cludo-search-results .cludo-c-3,
.cludo-search-results .cludo-c-4,
.cludo-search-results .cludo-c-8,
.cludo-search-results .cludo-c-9 {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%;
  min-height: 1px;
}

#cludo-search-results .cludo-c-3,
.cludo-search-results .cludo-c-3 {
  -webkit-box-flex: 0;
  flex: 0 0 25%;
  max-width: 25%;
}

#cludo-search-results .cludo-c-4,
.cludo-search-results .cludo-c-4 {
  -webkit-box-flex: 0;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

#cludo-search-results .cludo-c-8,
.cludo-search-results .cludo-c-8 {
  -webkit-box-flex: 0;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

#cludo-search-results .cludo-c-9,
.cludo-search-results .cludo-c-9 {
  -webkit-box-flex: 0;
  flex: 0 0 75%;
  max-width: 75%;
}

#cludo-search-results .cludo-c-12,
.cludo-search-results .cludo-c-12 {
  -webkit-box-flex: 0;
  flex: 0 0 100%;
  max-width: 100%;
}

.search_autocomplete {
  background-color: #fff;
  border: 1px solid #efefef;
  width: 100%;
  z-index: 99999;
}

.search_autocomplete li {
  padding: 10px 0;
  border-bottom: 1px solid #efefef;
}

#cludo-search-results .cludo-banner {
  background-color: #000;
  padding: 25px;
  margin: 15px 0;
  color: #fff;
}

#cludo-search-results .cludo-banner .cludo-banner-container {
  background: linear-gradient(45deg, #000, rgba(0, 0, 0, 0.5));
  height: 100%;
  width: 100%;
}

#cludo-search-results .cludo-banner iframe,
#cludo-search-results .cludo-banner img {
  max-width: 100%;
  max-height: 100%;
}

#cludo-search-results .cludo-banner ul {
  margin-left: 20px;
}

#cludo-search-results .cludo-banner ul li {
  list-style: disc;
  color: #fff;
}

#cludo-search-results .cludo-banner h2,
#cludo-search-results .cludo-banner h3,
#cludo-search-results .cludo-banner p {
  margin: 10px 0;
  color: #E4BC59;
}

#cludo-search-results .cludo-banner h2 {
  border-bottom: 1px solid #d3d3d3;
  margin-top: 0 !important;
  font-size: 1.563rem;
}

#cludo-search-results .cludo-banner p {
  color: #fff;
}

#cludo-search-results .cludo-banner a {
  color: #E4BC59;
}

#cludo-search-results .cludo-banner a:hover {
  text-decoration: none;
}

#cludo-search-results .cludo-banner:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

#cludo-search-results .search-result-count {
  padding: 15px 0;
}

#cludo-search-results .search-did-you-mean {
  cursor: pointer;
}