p.learnmore_left a {
  font-size: 16px;
  line-height: 1;
  font-family: "Diodrum Regular", sans-serif;
  letter-spacing: -0.5px;
  cursor: pointer;
  color: #000000;
  display: inline-block;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  border-image: initial;
  border-radius: 25px;
  padding: 1.0625em 3em 0.9375em;
  text-decoration: none;
}
@media (device-width: 1024px) {
  a.subsite-text {
    font-size: 18px !important;
    display: block !important;
  }
}
.learnmore_left a::after {
  display: none;
}
@media (min-width: 768px) {
  ul.component-navigation--items-top {
    margin-left: 4em !important;
  }
}
@media (min-width: 1440px) {
  .campaign-header .video-campaign {
    max-width: fit-content !important;
  }
}
@media (min-width: 1790px) {
  .newHeaderEi .transparent-white-backgound .container {
    margin-left: 7%;
    padding-left: 0% !important;
  }
}
@media (min-width: 1560px) and (max-width: 1790px) {
  .newHeaderEi .transparent-white-backgound .container {
    margin-left: 6%;
    padding-left: 0%  !important;
  }
}
@media (max-width: 1400px) {
  .newHeaderEi .videomodalforvideopopupgallery .modal-dialog {
    margin-top: -4em;
  }
}
.newHeaderEi .container {
  padding: 0 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
}
@media screen and (min-width: 1024px) {
  .newHeaderEi .container {
    padding: 0 94px;
    max-width: 1440px;
  }
}
.newHeaderEi ul.cols-2 {
  column-count: 2;
  column-gap: 40px;
}
.newHeaderEi .list-item-img {
  height: 55px;
}
@media (max-width: 768px) {
  .component .mobile-show-logo img {
    width: 103px !important;
  }
}
.component nav {
  position: relative;
  transition: top 2s ease 0s;
}
.component-navigation {
  background-color: #ffffff;
  box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
}
.component-navigation nav {
  transition: top 700ms ease;
  top: 0;
}
.component-navigation.scroll-out nav {
  top: -94px;
}
.component-navigation.scroll-in {
  transition: all 500ms ease;
  top: 0px;
}
.component-navigation--logo {
  height: 71px;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .component-navigation--logo {
    height: 88px;
  }
}
.component-navigation--logo > a {
  display: block;
  width: 120px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  z-index: 3;
}
.component-navigation--logo > a img {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .component-navigation--logo > a {
    width: calc(108px  - ( 23  * (1px - ((100vw -  1024px ) / 416 ))));
    left: 0;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 1440px) {
  .component-navigation--logo > a {
    width: 108px;
  }
}
.component-navigation--logo .hamburger {
  /*left: calc( 20px ~" - (" unit(20px) ~" * (1px - ((100vw - " unit((320px),~"px") ~") /" unit( (1023px - 320px) ) ~")))" );*/
  left: 18px;
  padding: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (min-width: 1024px) {
  .component-navigation--logo .hamburger {
    display: none;
  }
}
.component-navigation--logo .hamburger input {
  display: block;
  width: 30px;
  height: 20px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  /* hide this */
  z-index: 2;
  /* and place it over the hamburger */
  -webkit-touch-callout: none;
}
.component-navigation--logo .hamburger.open > span {
  opacity: 1;
  transform: rotate(45deg) translate(-7px, -13px);
  background: #232323;
}
.component-navigation--logo .hamburger.open > span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
.component-navigation--logo .hamburger.open > span:nth-last-child(2) {
  transform: rotate(-45deg) translate(-5px, 14px);
}
.component-navigation--logo .hamburger span {
  display: block;
  width: 33px;
  height: 2px;
  margin-bottom: 6px;
  position: relative;
  background: #000000;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
}
.component-navigation--logo .hamburger span:first-child {
  transform-origin: 0% 0%;
}
.component-navigation--logo .hamburger span:nth-last-child(2) {
  transform-origin: 0% 100%;
}
.component-navigation--logo .hamburger span:last-child {
  margin-bottom: 0;
}
.component-navigation--logo .search-icon {
  position: absolute;
  /*right: calc( 30px ~" - (" unit(10px) ~" * (1px - ((100vw - " unit((320px),~"px") ~") /" unit( (1023px - 320px) ) ~")))" );*/
  right: 33px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 1024px) {
  .component-navigation--logo .search-icon {
    display: none;
  }
}
.component-navigation--logo .back {
  padding: 15px;
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
  cursor: pointer;
}
.component-navigation--logo .back[data-level="0"] {
  display: none;
}
@media screen and (min-width: 1024px) {
  .component-navigation--logo .back {
    display: none;
  }
}
.component-navigation--items {
  position: relative;
  padding-left: 33px;
  padding-right: 33px;
  height: 0px;
  overflow: hidden;
}
.component-navigation--items p.helper {
  display: none;
}
.component-navigation--items p.helper a {
  display: none;
}
.component-navigation--items .subnav-list {
  padding: 66px 20px 0 0;
  margin: 0 0;
  list-style: none;
  position: absolute;
  top: 0;
}
.component-navigation--items .subnav-list a.cta-red {
  display: none;
}
.component-navigation--items .subnav-list li a {
  color: #212121;
  font-family: 'Diodrum Regular';
  line-height: 1.3;
  display: inline-block;
  padding: 10px 0;
}
.component-navigation--items .subnav-list li a.navigation-item {
  font-size: 18px;
  opacity: 0;
  margin-left: -80px;
  transition-property: opacity, margin-left;
  transition-duration: 400ms;
  transition-timing-function: ease-out;
}
.component-navigation--items .subnav-list li a.navigation-item-sm {
  font-size: 16px;
}
.component-navigation--items .subnav-list li ul {
  display: none;
}
.component-navigation--items-top,
.component-navigation--items-bottom {
  padding: 30px 0 0;
  margin: 0 0;
  list-style: none;
}
.component-navigation--items-top li,
.component-navigation--items-bottom li {
  display: block;
  line-height: 1;
}
.component-navigation--items-top li a,
.component-navigation--items-bottom li a {
  color: #212121;
  font-family: 'Diodrum Regular';
  line-height: 1.3;
  padding: 10px 0;
  display: inline-block;
}
.component-navigation--items-top li a.navigation-item,
.component-navigation--items-bottom li a.navigation-item {
  font-size: 18px;
  opacity: 0;
  margin-left: -80px;
  transition-property: opacity, margin-left;
  transition-duration: 400ms;
  transition-timing-function: ease-out;
}
.component-navigation--items-top li a.navigation-item-sm,
.component-navigation--items-bottom li a.navigation-item-sm {
  font-size: 14px;
  line-height: 1;
  padding: 7px 0;
}
.component-navigation--items-top li a.navigation-item-sm img,
.component-navigation--items-bottom li a.navigation-item-sm img {
  height: 15px;
  display: inline-block;
  padding-left: 8px;
}
.component-navigation--items-top li ul,
.component-navigation--items-bottom li ul {
  display: none;
}
.component-navigation--items-bottom {
  opacity: 0;
  padding-top: 20px;
  transition-delay: 1s;
  transition-property: opacity;
  transition-duration: 500ms;
  transition-timing-function: ease-in-out;
}
@media screen and (min-width: 1024px) {
  .component-navigation--items {
    height: auto;
    overflow: visible;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
  }
  .component-navigation--items p.helper {
    position: relative;
    margin-top: 45px;
    border-top: 1px solid #e1e1e1;
    padding: 40px 0 0;
    display: none;
    font-family: 'Diodrum Regular';
    font-size: 14px;
  }
  .component-navigation--items p.helper a {
    color: #000000;
    font-family: 'Diodrum Medium';
  }
  .component-navigation--items p.helper a:hover {
    color: #e4001c;
  }
  .component-navigation--items-top,
  .component-navigation--items-bottom {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: none;
  }
  .component-navigation--items-top li,
  .component-navigation--items-bottom li {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: calc(25px  - ( 17  * (1px - ((100vw -  1024px ) / 416 ))));
    padding-right: calc(25px  - ( 17  * (1px - ((100vw -  1024px ) / 416 ))));
  }
  .component-navigation--items-top li:first-child,
  .component-navigation--items-bottom li:first-child {
    padding-left: calc(175px - (60 * (1px - ((100vw - 1024px)/ 416))));
  }
  .component-navigation--items-top li .hover,
  .component-navigation--items-bottom li .hover {
    background-color: transparent;
    width: 90%;
    height: 1px;
    margin: 0 auto;
  }
  .component-navigation--items-top li a.navigation-item,
  .component-navigation--items-bottom li a.navigation-item {
    opacity: 1;
    margin-left: 0;
    color: #212121;
    font-family: 'Diodrum Regular';
    line-height: 18px;
    font-size: calc(14px  - ( 2  * (1px - ((100vw -  1024px ) / 416 ))));
    transition-property: none;
    padding: 0 0;
    text-decoration: none;
  }
  .component-navigation--items-top li a.navigation-item-sm,
  .component-navigation--items-bottom li a.navigation-item-sm {
    font-size: calc(12px  - ( 1  * (1px - ((100vw -  1024px ) / 416 ))));
    padding: 0 0;
    line-height: 1;
  }
  .component-navigation--items-top li a.navigation-item-sm.search,
  .component-navigation--items-bottom li a.navigation-item-sm.search {
    position: relative;
    padding-left: 25px;
    display: inline-block;
    height: 15px;
  }
  .component-navigation--items-top li a.navigation-item-sm.search img,
  .component-navigation--items-bottom li a.navigation-item-sm.search img {
    position: absolute;
    left: 0;
    padding-left: 0;
    top: -2px;
    height: 15px;
  }
  .component-navigation--items-top li .navigation-item-contain.active .hover,
  .component-navigation--items-bottom li .navigation-item-contain.active .hover {
    background-color: #e4001c;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .hover,
  .component-navigation--items-bottom li .navigation-item-contain:hover .hover {
    background-color: #e4001c;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub {
    display: block;
    position: absolute;
    width: max-content;
    top: 25px;
    background-color: #ffffff;
    padding: 50px 50px 15px 30px;
    margin-left: -30px;
    left: auto;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub p.helper,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub p.helper {
    display: block;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub p.helper a,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub p.helper a {
    display: inline-block;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel {
    padding: 80px 94px 85px 94px;
    margin-left: 0;
    left: -94px;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -o-max-content;
    width: -ms-max-content;
    width: max-content;
  }
  @supports (-ms-ime-align: auto) {
    
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel .navigation-container,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel .navigation-container {
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -o-max-content;
    width: -ms-max-content;
    width: max-content;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel ul,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel ul {
    vertical-align: top;
    padding-right: 50px;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel ul li a.navigation-item,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel ul li a.navigation-item {
    font-size: 20px !important;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel ul li a.navigation-item.header,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel ul li a.navigation-item.header {
    pointer-events: none;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul {
    display: inline-block;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li {
    display: block;
    padding: 10px 0;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li a.navigation-item,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li a.navigation-item {
    font-size: 14px !important;
    pointer-events: all;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li a.navigation-item:hover,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li a.navigation-item:hover {
    color: #e4001c;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li:first-child,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li:first-child {
    padding-left: 0;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub {
    padding: 20px 0 50px 0;
    position: relative;
    top: 0;
    left: 30px;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub a.cta-red,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub a.cta-red {
    display: none;
    color: #e4001c;
    display: inline-block;
    font-family: 'Diodrum Medium';
    margin-top: 40px;
    padding: 10px 0 0;
    position: absolute;
    bottom: 0;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-1,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-1 {
    min-width: 150px;
    column-count: 1;
    column-gap: 40px;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-2,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-2 {
    column-count: 2;
    column-gap: 40px;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-3,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-3 {
    column-count: 3;
    column-gap: 40px;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li {
    padding: 10px 0;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li a.navigation-item,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li a.navigation-item {
    font-size: 14px !important;
    text-decoration: none;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li a.navigation-item:hover,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li a.navigation-item:hover {
    color: #e4001c;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li ul,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li ul {
    display: block;
  }
  .component-navigation--items-top {
    padding: 0 0 0;
    left: 0;
  }
  .component-navigation--items-bottom {
    left: auto;
    right: 0;
    padding-top: 0;
    opacity: 1;
  }
  .component-navigation--items-bottom li {
    padding: 0 calc(15px  - ( 5  * (1px - ((100vw -  1024px ) / 416 ))));
  }
  .component-navigation--items-bottom li:first-child {
    border-right: 1px solid rgba(42, 44, 45, 0.6);
    padding-left: 26px;
  }
}
@media screen and (min-width: 1440px) {
  .component-navigation--items {
    padding-left: 0px;
  }
  .component-navigation--items-top li,
  .component-navigation--items-bottom li {
    padding-left: 25px;
    padding-right: 25px;
  }
  .component-navigation--items-top a.navigation-item,
  .component-navigation--items-bottom a.navigation-item {
    font-size: 14px !important;
  }
  .component-navigation--items-top a.navigation-item-sm,
  .component-navigation--items-bottom a.navigation-item-sm {
    font-size: 12px !important;
  }
  .component-navigation--items-top li {
    padding-right: 25px;
    padding-left: 25px;
  }
  .component-navigation--items-top li:first-child {
    padding-left: 175px;
  }
  .component-navigation--items-top li .subnav-list li {
    padding-left: 0px;
  }
  .component-navigation--items-bottom li {
    padding: 0 17px;
  }
}
.component-navigation.open {
  position: fixed;
  height: 100vh;
  width: 100%;
  overflow: auto;
}
.component-navigation.open .component-navigation--items {
  height: auto;
  min-height: calc(100vh - 75px);
  overflow: hidden;
}
.component-navigation.open .component-navigation--items .navigation-item {
  margin-left: 0;
  opacity: 1;
}
.component-navigation.open .component-navigation--items-bottom {
  opacity: 1;
}
.component-navigation.open .component-navigation--items-bottom.out {
  transition-delay: 0s !important;
  opacity: 0;
}
.component-navigation.open .component-navigation--items .outleft {
  pointer-events: none;
}
.component-navigation.open .component-navigation--items .outleft .navigation-item {
  opacity: 0;
  margin-left: -60px;
}
.component-navigation.open .component-navigation--items .outright {
  pointer-events: none;
}
.component-navigation.open .component-navigation--items .outright .navigation-item {
  opacity: 0;
  margin-left: 60px;
}
.component-navigation.open .component-navigation--logo .hamburger {
  left: auto;
  right: 18px;
}
.component-navigation.open .component-navigation--logo .search-icon {
  display: none;
}
.component-navigation .delay-1 {
  transition-delay: 100ms;
}
.component-navigation .delay-2 {
  transition-delay: 200ms;
}
.component-navigation .delay-3 {
  transition-delay: 300ms;
}
.component-navigation .delay-4 {
  transition-delay: 400ms;
}
.component-navigation .delay-5 {
  transition-delay: 500ms;
}
.component-navigation .delay-6 {
  transition-delay: 600ms;
}
.component-navigation .delay-7 {
  transition-delay: 700ms;
}
.component-navigation .delay-8 {
  transition-delay: 800ms;
}
.component-navigation .delay-9 {
  transition-delay: 900ms;
}
.component-navigation .delay-10 {
  transition-delay: 1000ms;
}
.component-navigation .delay-11 {
  transition-delay: 1100ms;
}
.component-navigation .delay-12 {
  transition-delay: 1200ms;
}
.component-navigation .delay-13 {
  transition-delay: 1300ms;
}
.component-navigation .delay-14 {
  transition-delay: 1400ms;
}
.component-navigation .delay-15 {
  transition-delay: 1500ms;
}
.component-navigation .delay-16 {
  transition-delay: 1600ms;
}
.component-navigation .delay-17 {
  transition-delay: 1700ms;
}
.component-navigation .delay-18 {
  transition-delay: 1800ms;
}
.component-navigation .delay-19 {
  transition-delay: 1900ms;
}
.component-navigation .delay-20 {
  transition-delay: 2000ms;
}
.component-navigation .delay-21 {
  transition-delay: 2100ms;
}
.component-navigation .delay-22 {
  transition-delay: 2200ms;
}
.component-navigation .delay-23 {
  transition-delay: 2300ms;
}
.component-navigation .delay-24 {
  transition-delay: 2400ms;
}
.component-navigation .delay-25 {
  transition-delay: 2500ms;
}
.component-navigation .delay-26 {
  transition-delay: 2600ms;
}
.component-navigation .delay-27 {
  transition-delay: 2700ms;
}
.component-navigation .delay-28 {
  transition-delay: 2800ms;
}
.component-navigation .delay-29 {
  transition-delay: 2900ms;
}
.component-navigation .delay-30 {
  transition-delay: 3000ms;
}
.component-navigation--items-bottom li.global-logo {
  background: url("../../../../content/dam/dupont/amer/us/en/corporate/general/icons/nav-globe-icon.png") left center no-repeat;
}
.component-navigation--items-bottom li.global-logo a {
  padding-left: 5px;
  padding-bottom: 2px;
}
@media (max-width: 1024px) {
  .component-navigation--items-bottom li.global-logo a {
    padding-left: 23px;
  }
}
@media screen and (min-width: 1024px) {
  .crprate-hide-for-desk {
    display: none !important;
  }
}
.component-navigation--items .subnav-list li:last-child a.cta-red.navigation-item {
  display: block;
  color: #e4001c;
  font-family: "Diodrum Medium";
}
@media screen and (min-width: 1400px) and (max-width: 1440px) {
  a.subsite-logo {
    margin-left: 142px !important;
  }
}
@media screen and (min-width: 1024px) {
  .component-navigation .container {
    padding-left: 3em;
  }
  a.subsite-logo {
    margin-left: 136px;
  }
  ul.component-navigation--items-top {
    padding-left: 110px;
  }
  .mobile-show-logo {
    display: none;
  }
  .mobile-show-text {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  a.desktop-logo {
    display: none;
  }
  a.subsite-text {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  a.subsite-text {
    margin-left: 136px;
    opacity: 1;
    color: #212121;
    font-family: "Diodrum Regular";
    line-height: 18px;
    transition-property: none;
    padding: 0px;
    text-decoration: none;
    font-weight: bold;
    width: fit-content !important;
    font-size: 20px;
    top: 45px !important;
  }
}
.toggle,
[id^=drop] {
  display: none;
}
@media all and (min-width: 1024px) and (max-width: 1270px) {
  .component-navigation--items-bottom .language {
    color: transparent;
  }
  .component-navigation--items-bottom a.search {
    color: transparent;
    left: 3em;
  }
  /*.component-navigation--items-bottom li:nth-child(1) {
		display: block !important;
        border-right: none;
        padding-left: 10px;
        position: relative;
        left: 62px;
        bottom: 29px;
        top: 3px;

	}*/
  .toggle {
    display: block;
    padding: 14px 20px;
    color: #FFF;
    font-size: 17px;
    text-decoration: none;
    border: none;
  }
  [id^=drop]:checked + ul {
    display: block;
    padding-top: 0;
    margin-top: 65px;
  }
  [id^=drop]:checked + ul li.navigation-solutionfinder,
  [id^=drop]:checked + ul li.global-logo {
    display: block;
  }
  [id^=drop]:checked + ul li {
    position: relative;
    bottom: 15px;
    padding-bottom: 12px;
  }
  [id^=drop]:checked + ul li:nth-child(1) {
    border-right: none;
    padding-left: 0px;
    position: relative;
    left: 62px;
    bottom: 29px;
    top: -26px;
    top: -32px;
    padding-bottom: 0px;
    padding-left: 10px;
  }
  /*ul.component-navigation--items-bottom li{
    padding-left: 0px;
    border-right: none;
    padding-bottom: 0px;
    display: flex;
        padding-left: 15px;
 }

  ul.component-navigation--items-bottom li:first{
      border-right: none;
  }*/
  .component-navigation--items label.toggle {
    float: right;
    margin-bottom: 0;
    color: #000;
    font-size: 14px;
    padding-bottom: unset;
    padding-top: 3px;
    border-left: 1px solid black;
  }
  ul.component-navigation--items-bottom.changeColor {
    background-color: white;
  }
}
@media (min-width: 786px) {
  .newHeaderEi .transparent-white-backgound {
    background: linear-gradient(to right, #ffffff 0%, #ffffff 13%, rgba(255, 255, 255, 0.8) 13%, rgba(255, 255, 255, 0.8) 100%);
    /* W3C */
    box-shadow: none;
  }
  .newHeaderEi .hero-carousel {
    margin-top: -6em;
  }
  .newHeaderEi .heroimage {
    margin-top: -6em;
  }
  .newHeaderEi .header {
    margin-top: -6em;
  }
}
@media (max-width: 786px) {
  .newHeaderEi .mobile-show-logo {
    display: block !important;
    margin-bottom: -2em;
    padding-bottom: 10px;
  }
}
@media (max-width: 990px) {
  .newHeaderEi .mobile-show-text {
    display: block !important;
    margin-bottom: -2em;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 20px;
  }
}
.newHeaderEi .hidecarouselplaybutton .videotrackplayinmodal {
  visibility: hidden !important;
}
.newHeaderEi .hidecarouselplaybutton .carousel-youtube-video {
  visibility: hidden !important;
}
.newHeaderEi .featured-block-expanded .featured-block-expanded--full-content ul {
  padding: 0 0 0 25px;
}
@media (min-width: 768px) {
  .newHeaderEi .navigation-item-contain {
    margin-left: -1em;
  }
}

.megamenu-edit li {
  padding: 15px;
  border: 1px solid black;
  list-style-type: none;
}
.megamenu-edit .level-1 li {
  border-color: red;
}
.megamenu-edit .level-2 li {
  border-color: purple;
}
.megamenu-edit .level-3 li {
  border-color: orange;
}

/** logo css **/
/** logo css ends here **/
header.site-header {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 11;
}
header.site-header .container {
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 19px 0px 20px 0px;
  position: static;
}
header.site-header .header-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 333px;
  -webkit-box-flex: 0;
  flex: 0 1 333px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  padding-right: 0px;
  max-height: 46px;
}
header.site-header .header-logo a:hover {
  color: unset !important;
}
header.site-header .header-logo p {
  display: inline-block;
  font-size: 16px;
  margin-bottom: 0px;
  position: relative;
  margin-left: 25px;
  font-family: "Noto Sans Bold";
  padding: 0px 0px 0px 25px;
}
@media (max-width: 575px) {
  header.site-header .header-logo p {
    font-size: 14px;
    margin-left: 15px;
    padding: 0px 0px 0px 15px;
  }
}
header.site-header .header-logo p::before {
  content: "";
  width: 1px;
  height: 126%;
  position: absolute;
  left: 0px;
  top: 0px;
  transform: translateY(-9%);
  background: #cccfd3;
}
@media (max-width: 575px) {
  header.site-header .header-logo p::before {
    height: 126%;
    transform: translateY(-9%);
  }
}
header.site-header .header-logo img {
  max-height: 46px;
  max-width: 110px;
}
header.site-header .header-nav {
  display: flex;
  align-items: center;
  justify-content: center;
}
header.site-header .header-nav .navbar {
  position: static;
}
header.site-header .header-nav .navbar ul.navbar-nav {
  flex-direction: row;
  position: static;
}
header.site-header .header-nav .navbar ul.navbar-nav > li {
  padding: 0px 15px;
  position: static;
}
header.site-header .header-nav .navbar ul.navbar-nav > li a {
  color: black;
  cursor: pointer;
}
header.site-header .header-nav .navbar ul.navbar-nav > li a:hover {
  text-shadow: 0.5px 0 0 currentColor;
}
header.site-header .header-nav .navbar ul.navbar-nav > li a.dropdown-toggle::after {
  border: none;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTMnIGhlaWdodD0nOScgdmVyc2lvbj0nMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMSAxbDYgNiA1LTYnIHN0cm9rZT0nIzIxMjUyOScgc3Ryb2tlLXdpZHRoPScyJyBmaWxsPSdub25lJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnLz48L3N2Zz4=");
  width: 13px;
  height: 9px;
  background-repeat: no-repeat;
  position: relative;
  bottom: -4px;
}
header.site-header .header-nav .navbar ul.navbar-nav > li.show a.dropdown-toggle::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTMnIGhlaWdodD0nOScgdmVyc2lvbj0nMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMSAxbDYgNiA1LTYnIHN0cm9rZT0nIzIxN0FDNicgc3Ryb2tlLXdpZHRoPScyJyBmaWxsPSdub25lJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnLz48L3N2Zz4=");
}
header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu {
  display: block;
  position: absolute;
  left: 0px;
  width: 100vw;
  padding: 0px;
  background-color: #103D66;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.5s ease-out;
  transition: max-height 0.5s ease-out;
  border: 0;
}
header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu a.close-button {
  display: block;
  background-image: url(../../../../content/dam/dupont/amer/us/en/ei-transformation/general/icons/close-icon.png);
  background-repeat: no-repeat;
  background-position: 0px center;
  position: absolute;
  top: 23px;
  right: 50px;
  color: white;
  padding-left: 19px;
  font-size: 16px;
  z-index: 5;
}
header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu ul.dd-menu {
  position: static;
  list-style: none;
  width: 33%;
  padding: 50px 0px 50px 48px;
  display: block;
  word-wrap: normal;
  white-space: normal;
}
header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu ul.dd-menu li {
  width: 100%;
  display: block;
}
header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu ul.dd-menu li a {
  width: 100%;
  color: white;
  display: block;
  padding: 10px 32px 10px 15px;
}
header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu ul.dd-menu li.divider {
  border-bottom: 1px solid #D8D8D8;
  width: 90%;
  margin: 10px auto 10px 15px;
}
header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu ul.dd-menu.level-2 {
  width: 100%;
  height: 100%;
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  padding: 50px 0px 50px 0px;
  background-color: #175990;
}
header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu ul.dd-menu.level-2 li {
  width: 33%;
}
header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu ul.dd-menu.level-3 {
  width: 100%;
  height: 100%;
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  padding: 50px 0px 50px 0px;
}
header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu ul.dd-menu.level-3 li {
  width: 33%;
}
header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu.show {
  max-height: 1000px;
  margin-top: 0;
  width: 100vw;
  height: 100vh;
}
header.site-header .navbar-toggle {
  padding: 0;
  border: 0;
  border-radius: 4px;
  background-color: white;
  margin-left: 1.25rem;
  display: none;
}
header.site-header .navbar-toggle:focus {
  outline: 0;
}
header.site-header .navbar-toggle .icon-bar {
  background-color: #102537;
  display: block;
  width: 24px;
  height: 3px;
  border-radius: 1px;
  margin: 4px auto;
  cursor: pointer;
}
header.site-header .header-search-bar {
  -ms-flex: 1 1 0px;
  -webkit-box-flex: 1;
  flex: 1 1 0px;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
}
header.site-header .header-search-bar .header-search-form {
  width: 100%;
  text-align: right;
  position: relative;
}
header.site-header .header-search-bar .header-search-form input.header-search {
  padding: 0px;
  -webkit-appearance: none;
  width: 16px;
  height: 36px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTZweCcgaGVpZ2h0PScxNnB4JyB2aWV3Qm94PScwIDAgMTYgMTYnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PGcgaWQ9J0dsb2JhbC1NZW51JyBzdHJva2U9J25vbmUnIHN0cm9rZS13aWR0aD0nMScgZmlsbD0nbm9uZScgZmlsbC1ydWxlPSdldmVub2RkJz48ZyBpZD0nMTAyNC1EZXNrdG9wLUdsb2JhbC1NZW51Oi1Qcm9kdWN0cy1MMycgdHJhbnNmb3JtPSd0cmFuc2xhdGUoLTg5MC4wMDAwMDAsIC0zNC4wMDAwMDApJyBmaWxsPScjMTAyNTM3JyBmaWxsLXJ1bGU9J25vbnplcm8nPjxnIGlkPSdHbG9iYWwtTmF2LTInPjxnIGlkPSdHbG9iYWwtTmF2Jz48cGF0aCBkPSdNODk2LjczNjg0Miw0NS43ODk0NzM3IEM4OTkuNTI3MjQ5LDQ1Ljc4OTQ3MzcgOTAxLjc4OTQ3NCw0My41Mjc0MjI3IDkwMS43ODk0NzQsNDAuNzM2ODQyMSBDOTAxLjc4OTQ3NCwzNy45NDYyNjE1IDg5OS41Mjc0MjMsMzUuNjg0MjEwNSA4OTYuNzM2ODQyLDM1LjY4NDIxMDUgQzg5My45NDYyNjIsMzUuNjg0MjEwNSA4OTEuNjg0MjExLDM3Ljk0NjI2MTUgODkxLjY4NDIxMSw0MC43MzY4NDIxIEM4OTEuNjg0MjExLDQzLjUyNzQyMjcgODkzLjk0NjQzNSw0NS43ODk0NzM3IDg5Ni43MzY4NDIsNDUuNzg5NDczNyBaIE05MDIuMDk4MDk4LDQ0LjY3NTg4NDkgTDkwNS43MDU1NDksNDguMjgzODMyNCBDOTA2LjA5ODE1LDQ4LjY3NjQyOTUgOTA2LjA5ODE1LDQ5LjMxMjk1NTEgOTA1LjcwNTU0OSw0OS43MDU1NTIyIEM5MDUuMzEyOTQ3LDUwLjA5ODE0OTMgOTA0LjY3NjQxNSw1MC4wOTgxNDkzIDkwNC4yODM4MTMsNDkuNzA1NTUyMiBMOTAwLjY3NjAwNCw0Ni4wOTc5NjI5IEM4OTkuNTI1MzIyLDQ2Ljk0NzkyNjMgODk4LjEzMTkwOCw0Ny40MDU1MjY5IDg5Ni43MDEzNDIsNDcuNDAzMjUxIEM4OTMuMDAwNTY2LDQ3LjQwMzQzMDIgODkwLDQ0LjQwMjg5NzUgODkwLDQwLjcwMTYyNTUgQzg5MCwzNy4wMDAzNTM1IDg5My4wMDA1NjYsMzQgODk2LjcwMTcwMSwzNCBDOTAwLjQwMjgzNSwzNCA5MDMuNDAzNTgsMzcuMDAwNTMyNyA5MDMuNDAzNTgsNDAuNzAxNjI1NSBDOTAzLjQwNTcyNyw0Mi4xMzIwNzI4IDkwMi45NDgwNjIsNDMuNTI1MzM2NSA5MDIuMDk4MDk4LDQ0LjY3NTg4NDkgWicgaWQ9J1NoYXBlJz48L3BhdGg+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 16px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  border: none;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.25s ease-in-out;
  text-indent: -9000px;
  left: auto;
  margin: 0 10px 0 0;
}
header.site-header .header-search-bar .header-search-form input.header-search:focus {
  text-indent: 0px;
  -webkit-appearance: unset;
  width: 100%;
  border: 1px solid #CCCFD3;
  background-color: white;
  background-position: 10px center;
  padding: 6px 52px 9px 40px;
  outline: none;
  cursor: text;
  position: relative;
}
header.site-header .header-search-bar .header-search-form.active input.header-search {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTZweCcgaGVpZ2h0PScxNnB4JyB2aWV3Qm94PScwIDAgMTYgMTYnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PGcgaWQ9J0dsb2JhbC1NZW51JyBzdHJva2U9J25vbmUnIHN0cm9rZS13aWR0aD0nMScgZmlsbD0nbm9uZScgZmlsbC1ydWxlPSdldmVub2RkJz48ZyBpZD0nMTAyNC1EZXNrdG9wLUdsb2JhbC1NZW51Oi1Qcm9kdWN0cy1MMycgdHJhbnNmb3JtPSd0cmFuc2xhdGUoLTg5MC4wMDAwMDAsIC0zNC4wMDAwMDApJyBmaWxsPScjMjE3QUM2JyBmaWxsLXJ1bGU9J25vbnplcm8nPjxnIGlkPSdHbG9iYWwtTmF2LTInPjxnIGlkPSdHbG9iYWwtTmF2Jz48cGF0aCBkPSdNODk2LjczNjg0Miw0NS43ODk0NzM3IEM4OTkuNTI3MjQ5LDQ1Ljc4OTQ3MzcgOTAxLjc4OTQ3NCw0My41Mjc0MjI3IDkwMS43ODk0NzQsNDAuNzM2ODQyMSBDOTAxLjc4OTQ3NCwzNy45NDYyNjE1IDg5OS41Mjc0MjMsMzUuNjg0MjEwNSA4OTYuNzM2ODQyLDM1LjY4NDIxMDUgQzg5My45NDYyNjIsMzUuNjg0MjEwNSA4OTEuNjg0MjExLDM3Ljk0NjI2MTUgODkxLjY4NDIxMSw0MC43MzY4NDIxIEM4OTEuNjg0MjExLDQzLjUyNzQyMjcgODkzLjk0NjQzNSw0NS43ODk0NzM3IDg5Ni43MzY4NDIsNDUuNzg5NDczNyBaIE05MDIuMDk4MDk4LDQ0LjY3NTg4NDkgTDkwNS43MDU1NDksNDguMjgzODMyNCBDOTA2LjA5ODE1LDQ4LjY3NjQyOTUgOTA2LjA5ODE1LDQ5LjMxMjk1NTEgOTA1LjcwNTU0OSw0OS43MDU1NTIyIEM5MDUuMzEyOTQ3LDUwLjA5ODE0OTMgOTA0LjY3NjQxNSw1MC4wOTgxNDkzIDkwNC4yODM4MTMsNDkuNzA1NTUyMiBMOTAwLjY3NjAwNCw0Ni4wOTc5NjI5IEM4OTkuNTI1MzIyLDQ2Ljk0NzkyNjMgODk4LjEzMTkwOCw0Ny40MDU1MjY5IDg5Ni43MDEzNDIsNDcuNDAzMjUxIEM4OTMuMDAwNTY2LDQ3LjQwMzQzMDIgODkwLDQ0LjQwMjg5NzUgODkwLDQwLjcwMTYyNTUgQzg5MCwzNy4wMDAzNTM1IDg5My4wMDA1NjYsMzQgODk2LjcwMTcwMSwzNCBDOTAwLjQwMjgzNSwzNCA5MDMuNDAzNTgsMzcuMDAwNTMyNyA5MDMuNDAzNTgsNDAuNzAxNjI1NSBDOTAzLjQwNTcyNyw0Mi4xMzIwNzI4IDkwMi45NDgwNjIsNDMuNTI1MzM2NSA5MDIuMDk4MDk4LDQ0LjY3NTg4NDkgWicgaWQ9J1NoYXBlJz48L3BhdGg+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==");
}
header.site-header .language-select {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  align-items: center;
  margin: 0px 18px;
}
header.site-header .language-select select {
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-appearance: none;
  background-image: url("../../../../content/dam/dupont/amer/us/en/ei-transformation/general/icons/drop-down-arrow-black.png");
  background-repeat: no-repeat;
  background-position: 100% center;
  padding-right: 18px;
  background-color: white;
}
header.site-header .language-select select:focus {
  outline: none;
}
header.site-header .selectize-input {
  padding: 0;
  border: none;
  overflow: visible;
}
header.site-header .selectize-input .item {
  font-weight: 500;
}
header.site-header .selectize-input input {
  display: none !important;
}
header.site-header .selectize-input.dropdown-active .item {
  color: var(--brand-light-blue);
}
header.site-header .selectize-control.single {
  position: relative;
}
header.site-header .selectize-control.single .selectize-input:after {
  position: absolute;
  right: -20px;
  margin-top: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTMnIGhlaWdodD0nOScgdmVyc2lvbj0nMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMSAxbDYgNiA1LTYnIHN0cm9rZT0nIzIxMjUyOScgc3Ryb2tlLXdpZHRoPScyJyBmaWxsPSdub25lJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnLz48L3N2Zz4=");
  content: '';
  width: 13px;
  height: 9px;
  background-repeat: no-repeat;
}
header.site-header .selectize-control.single .selectize-input.dropdown-active:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTMnIGhlaWdodD0nOScgdmVyc2lvbj0nMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTIgOEw3IDIgMSA4JyBzdHJva2U9JyMyMTdBQzYnIHN0cm9rZS13aWR0aD0nMicgZmlsbD0nbm9uZScgZmlsbC1ydWxlPSdldmVub2RkJy8+PC9zdmc+") !important;
}
header.site-header .selectize-dropdown.single {
  position: absolute;
  background: #fff;
  left: -32px !important;
  top: 55px !important;
  min-width: 150px !important;
  padding-bottom: 12px;
}
header.site-header .selectize-dropdown.single:after {
  display: none;
}
header.site-header .selectize-dropdown.single .option {
  padding: 0px 32px;
  line-height: 35px;
}
header.site-header .selectize-dropdown.single .option.selected {
  color: #979B9F;
}
.header-holder {
  padding-top: 85px;
}
.header-logo p {
  display: inline-block;
  font-size: 16px;
  padding: 0px 0px 0px 17px;
  margin-bottom: 0px;
  font-family: "Noto Sans Bold";
}
header.site-header.search-open .header-nav {
  display: none;
}
header.site-header.search-open .language-select {
  display: none;
}
@supports (text-shadow: 0.5px 0 0 #000) {
  header.site-header .header-nav .navbar ul.navbar-nav > li a:hover {
    font-weight: normal;
    text-shadow: 0.5px 0 0 currentColor;
  }
}
.dd-menu.level-2 .dd-menu-toggle.active .dd-menu.level-3 {
  width: 100%;
  height: 100%;
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  padding: 50px 0px 50px 0px;
}
.mobile-title {
  display: none;
}
header .show-mobile {
  display: none !important;
}
.mobile-close {
  font-size: 14px;
  color: var(--brand-light-blue);
  display: none;
}
.mobile-close svg {
  margin-right: 4px;
}
.header-search-form.active {
  margin-left: 28px;
}
.header-search-form.active:after {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTRweCcgaGVpZ2h0PScxNHB4JyB2aWV3Qm94PScwIDAgMTQgMTQnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PGcgaWQ9J1NlYXJjaCcgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCcgc3Ryb2tlLWxpbmVjYXA9J3NxdWFyZSc+PGcgaWQ9JzEwMjQtRGVza3RvcC1TZWFyY2gtRmllbGQtaW4tUERQJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgtOTU1LjAwMDAwMCwgLTM1LjAwMDAwMCknIHN0cm9rZT0nIzIxN0FDNicgc3Ryb2tlLXdpZHRoPScyJz48ZyBpZD0nQWN0aXZhdGVkLUdsb2JhbC1OYXYtU2VhcmNoJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgwLjAwMDAwMCwgLTEuMDAwMDAwKSc+PGcgaWQ9J0dyb3VwLTQnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDk1Ny4wMDAwMDAsIDM4LjAwMDAwMCknPjxwYXRoIGQ9J00wLDAgTDEwLDEwJyBpZD0nTGluZS00Jz48L3BhdGg+PHBhdGggZD0nTTEwLDAgTDAsMTAnIGlkPSdMaW5lLTQnPjwvcGF0aD48L2c+PC9nPjwvZz48L2c+PC9zdmc+");
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 36px;
  border-left: 1px solid #CCCFD3;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  cursor: pointer;
  padding: .8rem;
}
.header-search-bar .option-container {
  display: none;
  top: 41px;
  min-width: 0;
  transition: min-width 0.2s ease;
}
.site-header.search-open .header-search-bar .option-container {
  display: block;
  min-width: calc(100% - 28px);
}
@media (max-width: 1025px) {
  header.site-header .header-logo {
    margin-left: 16px;
  }
}
@media (max-width: 949px) {
  header.site-header .header-logo {
    -ms-flex: 0 1 0px;
    -webkit-box-flex: 0;
    flex: 1;
    margin-left: 16px;
  }
  header.site-header .header-logo img {
    max-height: 28px;
  }
  header.site-header .header-nav {
    display: none;
  }
  header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu {
    display: block;
    position: absolute;
    top: 0;
    left: 101vw;
    width: 100vw;
    padding: 0px;
    max-height: initial;
    -webkit-transition: left 0.5s ease-out;
    transition: left 0.5s ease-out;
  }
  header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu ul.dd-menu {
    width: 100%;
    height: 100vh;
    padding: 0 32px;
    background-color: var(--brand-navigation-l2);
  }
  header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu ul.dd-menu li {
    position: relative;
    padding: 15px 15px 15px 0;
    margin: 0;
  }
  header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu ul.dd-menu .dd-menu-toggle:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -9px;
    width: 9px;
    height: 18px;
    background-size: cover;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00xIDE3bDctOC03LTgnIHN0cm9rZT0nI2ZmZmZmZicgc3Ryb2tlLXdpZHRoPScyJyBmaWxsPSdub25lJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnLz48L3N2Zz4=") no-repeat;
  }
  header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu ul.dd-menu li.divider {
    width: 100%;
    margin: 0;
    padding: 0 16px;
    opacity: .2;
  }
  header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu ul.dd-menu li.dd-menu-toggle.active {
    position: initial;
  }
  header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu ul.dd-menu li.dd-menu-toggle ul.dd-menu.level-2 .dd-menu-toggle.active {
    position: initial;
  }
  header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu a.close-button {
    display: none;
  }
  header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu ul.dd-menu.level-2 {
    display: block;
    position: absolute;
    top: 0;
    left: 101vw;
    width: 100vw;
    padding: 0px;
    max-height: initial;
    -webkit-transition: left 0.5s ease-out;
    transition: left 0.5s ease-out;
  }
  header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu ul.dd-menu.level-2 .dd-menu-toggle .level-3 {
    display: block;
    position: absolute;
    top: 0;
    left: 101vw;
    width: 100vw;
    padding: 0px;
    max-height: initial;
    -webkit-transition: left 0.5s ease-out;
    transition: left 0.5s ease-out;
  }
  header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu ul.dd-menu.level-2 li {
    width: 100%;
  }
  header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu ul.dd-menu.level-3 li {
    width: 100%;
  }
  header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu .dd-menu-toggle.active ul.dd-menu.level-2 {
    left: 0;
    top: 0;
    z-index: 1;
    padding: 0 32px;
  }
  header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu .dd-menu-toggle.active ul.dd-menu.level-2 .dd-menu-toggle.active .level-3 {
    left: 0;
    top: 0;
    z-index: 1;
    padding: 0 32px;
  }
  header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu .dd-menu-toggle.closing ul.dd-menu.level-2 {
    left: 101vw !important;
  }
  header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu .dd-menu-toggle ul.dd-menu.level-2 .dd-menu-toggle.closing .level-3 {
    left: 101vw !important;
  }
  header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu.show {
    position: absolute;
    top: 0;
    left: 0vw;
    z-index: 100;
    max-height: initial;
    display: block;
  }
  header.site-header .navbar-toggle {
    display: block;
    justify-self: flex-end;
  }
  header.site-header .header-search-bar {
    -ms-flex: 0 1 0px;
    -webkit-box-flex: 0;
    display: block;
    flex: 0 0 0;
    margin-left: .5rem;
    align-self: flex-end;
    justify-self: flex-end;
  }
  header.site-header .header-search-bar .header-search-form input.header-search {
    margin: 0px 8px;
  }
  header.site-header .header-search-bar .header-search-form input.header-search:focus {
    padding: 24px 20px 24px 33px;
  }
  header.site-header .language-select {
    display: none;
  }
  header.site-header .selectize-control.single {
    z-index: 2;
    padding: 0;
  }
  header.site-header .selectize-dropdown.single {
    width: 100vw !important;
    min-height: 100vh;
    left: -18px !important;
    top: 45px !important;
    background: var(--brand-navigation-l1);
    color: #fff;
  }
  header.site-header .selectize-dropdown.single .option {
    padding: 8px 32px;
  }
  .header-holder {
    padding-top: 75px;
  }
  ul.dd-menu {
    max-height: calc(100vh - 63px) !important;
    overflow-y: auto;
    overflow-x: hidden;
  }
  header.site-header.search-open .header-logo {
    display: none;
  }
  header.site-header.search-open .navbar-toggle {
    display: none;
  }
  header.site-header.search-open .header-search-bar {
    flex: 1;
    margin: 0;
    padding: 0 32px;
  }
  header.site-header.search-open .header-search-bar .header-search-form input.header-search:focus {
    padding: 0 46px 0 32px;
    margin-left: 0;
  }
  header .show-mobile {
    display: block !important;
  }
  li.view-all a {
    font-weight: 500;
  }
  li.view-all:after {
    display: none !important;
  }
  .mobile-title {
    position: relative;
    display: block;
    background-color: var(--brand-navigation-l1);
    margin: 0 -32px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 16px 48px 16px 48px;
  }
  .mobile-title:before {
    content: '';
    position: absolute;
    left: 32px;
    top: 50%;
    margin-top: -9px;
    width: 9px;
    height: 18px;
    transform: rotate(180deg);
    background-size: cover;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00xIDE3bDctOC03LTgnIHN0cm9rZT0nI2ZmZmZmZicgc3Ryb2tlLXdpZHRoPScyJyBmaWxsPSdub25lJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnLz48L3N2Zz4=") no-repeat;
  }
  header.site-header.mobile-drop-down {
    position: fixed !important;
  }
  header.site-header.mobile-drop-down .header-nav {
    position: absolute;
    display: block;
    width: 100%;
    height: 100vh;
    background-color: #103D66;
    top: 63px;
    z-index: 2;
    overflow: hidden;
  }
  header.site-header.mobile-drop-down .header-nav .navbar ul.navbar-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  header.site-header.mobile-drop-down .header-nav .navbar ul.navbar-nav li {
    margin: 10px 0px;
  }
  header.site-header.mobile-drop-down .header-nav .navbar ul.navbar-nav li a {
    width: 100%;
    color: white;
    display: block;
  }
  header.site-header.mobile-drop-down .header-nav .navbar ul.navbar-nav li a.dropdown-toggle {
    background-image: url("../../../../content/dam/dupont/amer/us/en/ei-transformation/general/icons/white-arrow-forward.png");
    background-repeat: no-repeat;
    background-position: 95% center;
  }
  header.site-header.mobile-drop-down .header-nav .navbar ul.navbar-nav li a.dropdown-toggle::after {
    background-image: none;
  }
  header.site-header.mobile-drop-down .header-logo {
    display: none;
  }
  header.site-header.mobile-drop-down .header-search-bar {
    display: none;
  }
  header.site-header.mobile-drop-down .navbar-toggle {
    display: none;
  }
  header.site-header.mobile-drop-down .language-select {
    display: block;
  }
  .mobile-drop-down .mobile-close {
    display: block;
    border: 0;
    background: transparent;
    position: absolute;
    right: 16px;
  }
  li.dd-menu-toggle.active.closing:after {
    display: none !important;
  }
  .header-search-form.active {
    margin-left: 0;
  }
  .site-header.search-open .header-search-bar .option-container {
    top: 36px;
    min-width: calc(100% - 64px);
  }
}
@media (max-width: 575px) {
  .header-logo p {
    font-size: 14px;
    padding: 0px 0px 0px 10px;
  }
}
@media (max-width: 360px) {
  header.site-header .header-logo img {
    max-width: 70px;
  }
  .header-logo p {
    font-size: 12px;
  }
}
@media (min-width: 950px) and (max-width: 1200px) {
  header.site-header .header-nav .navbar ul.navbar-nav > li {
    padding: 0px 10px;
    font-size: 1.6vw;
  }
  header.site-header .header-nav .navbar ul.navbar-nav > li a {
    font-size: 1.6vw;
  }
  header.site-header .language-select {
    margin: 0px 10px;
    font-size: 1.6vw;
  }
}
@media (min-width: 950px) {
  li.dropdown.show .dropdown-toggle {
    color: var(--brand-light-blue) !important;
    font-weight: 500;
  }
  header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu ul.dd-menu li.dd-menu-toggle > a:hover {
    background-color: #175990;
    background-image: url("../../../../content/dam/dupont/amer/us/en/ei-transformation/general/icons/white-arrow-forward.png");
    background-repeat: no-repeat;
    background-position: 95% center;
  }
  header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu ul.dd-menu li.dd-menu-toggle:hover > ul.dd-menu {
    display: block;
    left: 33%;
  }
  header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu ul.dd-menu.level-2 li.dd-menu-toggle a:hover {
    background-color: #217AC6;
  }
  header.site-header .header-nav .navbar ul.navbar-nav li div.dropdown-menu ul.dd-menu.level-3 {
    background-color: #217AC6;
  }
}
@media (device-width: 1024px) {
  .topiclink_Updated .inquiry__container.row.align-items-center {
    margin-top: -2em;
  }
  .topiclink_Updated button.btn.btn-primary {
    background: #fff;
    border: red;
    color: red;
    font-size: 14px;
  }
}
@media (device-width: 768px) {
  .topiclink_Updated .inquiry__container.row.align-items-center {
    margin-top: -2em;
  }
  .topiclink_Updated button.btn.btn-primary {
    background: #fff;
    border: red;
    color: red;
    font-size: 14px;
  }
  .align_text_logo h1.heroImage-Text_heading {
    font-size: 30px;
  }
}
@media (min-width: 1025px) {
  .align_text_logo h1.heroImage-Text_heading {
    font-size: 31px;
  }
  .align_text_logo .heroImage-Text {
    margin-left: 8em;
  }
  .topiclink_Updated .align-items-center {
    margin-left: 8em;
  }
  .topiclink_Updated .align-items-center button.btn.btn-primary {
    margin-left: 14em;
    background: #fff;
    border: red;
    color: red;
    font-size: 14px;
  }
}
@media (min-width: 320px) and (max-width: 360px) {
  .align_text_logo .heroImage-Text_subtext {
    font-size: 11px;
  }
  .align_text_logo h1.heroImage-Text_heading {
    font-size: 16px;
    line-height: 20px;
  }
  .align_text_logo .heroImage-Text_subtext p {
    line-height: 17px;
  }
  .align_text_logo .heroImage-Text_subtext p:nth-child(1) {
    line-height: 5px;
  }
  .topiclink_Updated p {
    line-height: 17PX;
    font-size: small;
  }
  .topiclink_Updated h2 {
    font-size: large;
  }
  .topiclink_Updated .inquiry__container.row.align-items-center {
    margin-bottom: -4.2em;
    margin-top: -1em;
  }
  .topiclink_Updated button.btn.btn-primary {
    background: #fff;
    border: red;
    color: red;
    font-size: 11px;
  }
}
@media (min-width: 361px) and (max-width: 767px) {
  .topiclink_Updated p {
    line-height: 17PX;
    font-size: small;
  }
  .topiclink_Updated h2 {
    font-size: large;
  }
  .topiclink_Updated .inquiry__container.row.align-items-center {
    margin-bottom: -5.2em;
    margin-top: -2.2em;
  }
  .topiclink_Updated button.btn.btn-primary {
    background: #fff;
    border: red;
    color: red;
    font-size: 14px;
  }
  .align_text_logo h1.heroImage-Text_heading {
    font-size: 16px;
    line-height: 20px;
  }
  .align_text_logo .heroImage-Text_subtext {
    font-size: small;
  }
  .align_text_logo .heroImage-Text_subtext p {
    line-height: 17px;
  }
  .align_text_logo .heroImage-Text_subtext p:nth-child(1) {
    line-height: 5px;
  }
}
@media (min-width: 951px) {
  header.site-header .header-search-bar {
    margin-left: 2em;
  }
  header.site-header .container {
    max-width: fit-content;
    display: -webkit-box;
  }
}

.container {
  position: relative;
}
.component nav {
  position: relative;
  transition: top 2s ease 0s;
}
@media screen and (min-width: 1024px) {
  .component nav.large-logo .component-navigation--logo > a {
    width: calc(215px - (23 * (1px - ((100vw - 1024px) / 416))));
  }
  .component nav.large-logo .component-navigation--items-top li:first-child {
    padding-left: calc(255px - (60 * (1px - ((100vw - 1024px) / 416))));
  }
}
.component-navigation {
  background-color: #ffffff;
  box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
}
.component-navigation nav {
  transition: top 700ms ease;
  top: 0;
}
.component-navigation.scroll-out nav {
  top: -94px;
}
.component-navigation.scroll-in {
  transition: all 500ms ease;
  top: 0px;
}
.component-navigation--logo {
  /*height: 71px;*/
  height: auto;
  margin-top: 4px;
  margin-right: 15px;
  margin-left: 3px;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .component-navigation--logo {
    /*height: 88px;*/
  }
}
.component-navigation--logo > a {
  display: block;
  width: 120px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  z-index: 3;
}
.component-navigation--logo > a img {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .component-navigation--logo > a {
    width: calc(108px  - ( 23  * (1px - ((100vw -  1024px ) / 416 ))));
    left: 0;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 1440px) {
  .component-navigation--logo > a {
    width: 108px;
  }
}
.component-navigation--logo .hamburger,
.component-navigation--logo .profileClose {
  /*left: calc( 20px ~" - (" unit(20px) ~" * (1px - ((100vw - " unit((320px),~"px") ~") /" unit( (1023px - 320px) ) ~")))" );*/
  left: 18px;
  padding: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  margin-top: 10px;
}
@media screen and (min-width: 1024px) {
  .component-navigation--logo .hamburger,
  .component-navigation--logo .profileClose {
    display: none;
  }
}
.component-navigation--logo .hamburger input,
.component-navigation--logo .profileClose input {
  display: block;
  width: 30px;
  height: 20px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  /* hide this */
  z-index: 2;
  /* and place it over the hamburger */
  -webkit-touch-callout: none;
}
.component-navigation--logo .hamburger.open > span,
.component-navigation--logo .profileClose.open > span {
  opacity: 1;
  transform: rotate(45deg) translate(-7px, -13px);
  background: #232323;
}
.component-navigation--logo .hamburger.open > span:nth-last-child(3),
.component-navigation--logo .profileClose.open > span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
.component-navigation--logo .hamburger.open > span:nth-last-child(2),
.component-navigation--logo .profileClose.open > span:nth-last-child(2) {
  transform: rotate(-45deg) translate(-5px, 14px);
}
.component-navigation--logo .hamburger span,
.component-navigation--logo .profileClose span {
  display: block;
  width: 33px;
  height: 2px;
  margin-bottom: 6px;
  position: relative;
  left: 20px;
  background: #000000;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
}
.component-navigation--logo .hamburger span:first-child,
.component-navigation--logo .profileClose span:first-child {
  transform-origin: 0% 0%;
}
.component-navigation--logo .hamburger span:nth-last-child(2),
.component-navigation--logo .profileClose span:nth-last-child(2) {
  transform-origin: 0% 100%;
}
.component-navigation--logo .hamburger span:last-child,
.component-navigation--logo .profileClose span:last-child {
  margin-bottom: 0;
}
.component-navigation--logo .search-icon {
  position: relative;
  transform: none;
  right: 0;
  top: 0;
}
.component-navigation--logo .search-icon > a {
  /*position: relative;*/
  /*right: calc( 30px ~" - (" unit(10px) ~" * (1px - ((100vw - " unit((320px),~"px") ~") /" unit( (1023px - 320px) ) ~")))" );*/
  /*right: 33px;
                    top: 50%;
                    transform: translateY(-50%);*/
}
.component-navigation--logo .search-icon img {
  width: 24px;
  position: relative;
  top: 5px;
}
.component-navigation--logo .search-icon > ul {
  position: fixed;
  display: none;
  background: white;
  top: 65px;
  left: 0;
  width: 100%;
  z-index: 9999;
  height: calc(100vh - 71px);
  overflow: auto;
  padding: 30px 33px;
  list-style: none;
}
.component-navigation--logo .search-icon li {
  list-style: none;
  margin: 0 0 15px 0;
  display: block;
}
@media screen and (min-width: 1024px) {
  .component-navigation--logo .search-icon {
    display: none;
  }
}
.component-navigation--logo .back {
  padding: 15px;
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
  cursor: pointer;
}
.component-navigation--logo .back[data-level="0"] {
  display: none;
}
@media screen and (min-width: 1024px) {
  .component-navigation--logo .back {
    display: none;
  }
}
.component-navigation--items {
  position: relative;
  padding-left: 33px;
  padding-right: 33px;
  height: 0px;
  overflow: hidden;
}
.component-navigation--items p.helper {
  display: none;
}
.component-navigation--items p.helper a {
  display: none;
}
.component-navigation--items .subnav-list {
  padding: 30px 20px 0 0;
  margin: 0 0;
  list-style: none;
  position: absolute;
  top: 0;
}
.component-navigation--items .subnav-list a.cta-red {
  display: none;
}
.component-navigation--items .subnav-list li a {
  color: #212121;
  font-family: 'Diodrum Regular';
  line-height: 1.3;
  display: inline-block;
  padding: 10px 0;
}
.component-navigation--items .subnav-list li a.navigation-item {
  font-size: 18px;
  opacity: 0;
  margin-left: -80px;
  transition-property: opacity, margin-left;
  transition-duration: 400ms;
  transition-timing-function: ease-out;
}
.component-navigation--items .subnav-list li a.navigation-item-sm {
  font-size: 16px;
}
.component-navigation--items .subnav-list li ul {
  display: none;
}
.component-navigation--items-top,
.component-navigation--items-bottom {
  padding: 30px 0 0;
  margin: 0 0;
  list-style: none;
}
.component-navigation--items-top li,
.component-navigation--items-bottom li {
  display: block;
  line-height: 1;
}
.component-navigation--items-top li a,
.component-navigation--items-bottom li a {
  color: #212121;
  font-family: 'Diodrum Regular';
  line-height: 1.3;
  padding: 10px 0;
  display: inline-block;
}
.component-navigation--items-top li a.navigation-item,
.component-navigation--items-bottom li a.navigation-item {
  font-size: 18px;
  opacity: 0;
  margin-left: -80px;
  transition-property: opacity, margin-left;
  transition-duration: 400ms;
  transition-timing-function: ease-out;
}
.component-navigation--items-top li a.navigation-item-sm,
.component-navigation--items-bottom li a.navigation-item-sm {
  font-size: 14px;
  line-height: 1;
  padding: 7px 0;
}
.component-navigation--items-top li a.navigation-item-sm img,
.component-navigation--items-bottom li a.navigation-item-sm img {
  height: 15px;
  display: inline-block;
  padding-left: 8px;
}
.component-navigation--items-top li ul,
.component-navigation--items-bottom li ul {
  display: none;
}
.component-navigation--items-bottom {
  opacity: 0;
  padding-top: 20px;
  transition-delay: 1s;
  transition-property: opacity;
  transition-duration: 500ms;
  transition-timing-function: ease-in-out;
}
@media screen and (min-width: 1024px) {
  .component-navigation--items {
    height: auto;
    overflow: visible;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
  }
  .component-navigation--items p.helper {
    position: relative;
    margin-top: 45px;
    border-top: 1px solid #e1e1e1;
    padding: 40px 0 0;
    display: none;
    font-family: 'Diodrum Regular';
    font-size: 14px;
  }
  .component-navigation--items p.helper a {
    color: #000000;
    font-family: 'Diodrum Medium';
  }
  .component-navigation--items p.helper a:hover {
    color: #e4001c;
  }
  .component-navigation--items-top,
  .component-navigation--items-bottom {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: none;
  }
  .component-navigation--items-top li,
  .component-navigation--items-bottom li {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: calc(25px  - ( 17  * (1px - ((100vw -  1024px ) / 416 ))));
    padding-right: calc(25px  - ( 17  * (1px - ((100vw -  1024px ) / 416 ))));
  }
  .component-navigation--items-top li:first-child,
  .component-navigation--items-bottom li:first-child {
    padding-left: calc(175px - (60 * (1px - ((100vw - 1024px)/ 416))));
  }
  .component-navigation--items-top li .hover,
  .component-navigation--items-bottom li .hover {
    background-color: #ffffff;
    width: 90%;
    height: 1px;
    margin: 0 auto;
  }
  .component-navigation--items-top li a.navigation-item,
  .component-navigation--items-bottom li a.navigation-item {
    opacity: 1;
    margin-left: 0;
    color: #212121;
    font-family: 'Diodrum Regular';
    line-height: 18px;
    font-size: calc(14px  - ( 2  * (1px - ((100vw -  1024px ) / 416 ))));
    transition-property: none;
    padding: 0 0;
    text-decoration: none;
  }
  .component-navigation--items-top li a.navigation-item-sm,
  .component-navigation--items-bottom li a.navigation-item-sm {
    font-size: calc(12px  - ( 1  * (1px - ((100vw -  1024px ) / 416 ))));
    padding: 0 0;
    line-height: 1;
  }
  .component-navigation--items-top li a.navigation-item-sm.search,
  .component-navigation--items-bottom li a.navigation-item-sm.search {
    position: relative;
    padding-left: 25px;
    display: inline-block;
    height: 15px;
  }
  .component-navigation--items-top li a.navigation-item-sm.search img,
  .component-navigation--items-bottom li a.navigation-item-sm.search img {
    position: absolute;
    left: 0;
    padding-left: 0;
    top: -2px;
    height: 15px;
  }
  .component-navigation--items-top li .navigation-item-contain.active .hover,
  .component-navigation--items-bottom li .navigation-item-contain.active .hover {
    background-color: #e4001c;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .hover,
  .component-navigation--items-bottom li .navigation-item-contain:hover .hover {
    background-color: #e4001c;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub {
    display: block;
    position: absolute;
    width: max-content;
    top: 25px;
    background-color: #ffffff;
    padding: 50px 50px 15px 30px;
    margin-left: -30px;
    left: auto;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub p.helper,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub p.helper {
    display: block;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub p.helper a,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub p.helper a {
    display: inline-block;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel {
    padding: 80px 94px 85px 94px;
    margin-left: 0;
    left: -94px;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -o-max-content;
    width: -ms-max-content;
    width: max-content;
  }
  @supports (-ms-ime-align: auto) {
    .navigation-container {
      width: auto !important;
      white-space: nowrap;
    }
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel .navigation-container,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel .navigation-container {
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -o-max-content;
    width: -ms-max-content;
    width: max-content;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel ul,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel ul {
    vertical-align: top;
    padding-right: 50px;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel ul li a.navigation-item,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel ul li a.navigation-item {
    font-size: 20px !important;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub.multlevel ul li a.navigation-item.header,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub.multlevel ul li a.navigation-item.header {
    pointer-events: none;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul {
    display: inline-block;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li {
    display: block;
    padding: 10px 0;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li a.navigation-item,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li a.navigation-item {
    font-size: 14px !important;
    pointer-events: all;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li a.navigation-item:hover,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li a.navigation-item:hover {
    color: #e4001c;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li:first-child,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li:first-child {
    padding-left: 0;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub {
    padding: 20px 0 50px 0;
    position: relative;
    top: 0;
    left: 30px;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub a.cta-red,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub a.cta-red {
    display: none;
    color: #e4001c;
    display: inline-block;
    font-family: 'Diodrum Medium';
    margin-top: 40px;
    padding: 10px 0 0;
    position: absolute;
    bottom: 0;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-1,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-1 {
    min-width: 150px;
    column-count: 1;
    column-gap: 40px;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-2,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-2 {
    column-count: 2;
    column-gap: 40px;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-3,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub ul.cols-3 {
    column-count: 3;
    column-gap: 40px;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li {
    padding: 10px 0;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li a.navigation-item,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li a.navigation-item {
    font-size: 14px !important;
    text-decoration: none;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li a.navigation-item:hover,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li .navigation-sub li a.navigation-item:hover {
    color: #e4001c;
  }
  .component-navigation--items-top li .navigation-item-contain:hover .navigation-sub ul li ul,
  .component-navigation--items-bottom li .navigation-item-contain:hover .navigation-sub ul li ul {
    display: block;
  }
  .component-navigation--items-top {
    padding: 0 0 0;
    left: 0;
  }
  .component-navigation--items-bottom {
    margin-right: -50px;
    left: auto;
    right: 0;
    padding-top: 0;
    opacity: 1;
  }
  .component-navigation--items-bottom li {
    padding: 0 calc(15px  - ( 5  * (1px - ((100vw -  1024px ) / 416 ))));
  }
  .component-navigation--items-bottom li:first-child {
    /*border-right: 1px solid rgba(42, 44, 45, 0.6);*/
    padding-left: 26px;
  }
}
@media screen and (min-width: 1440px) {
  .component-navigation--items {
    padding-left: 0px;
  }
  .component-navigation--items-top li,
  .component-navigation--items-bottom li {
    padding-left: 25px;
    padding-right: 25px;
  }
  .component-navigation--items-top a.navigation-item,
  .component-navigation--items-bottom a.navigation-item {
    font-size: 14px !important;
  }
  .component-navigation--items-top a.navigation-item-sm,
  .component-navigation--items-bottom a.navigation-item-sm {
    font-size: 12px !important;
  }
  .component-navigation--items-top li {
    padding-right: 25px;
    padding-left: 25px;
  }
  .component-navigation--items-top li:first-child {
    padding-left: 175px;
  }
  .component-navigation--items-top li .subnav-list li {
    padding-left: 0px;
  }
  .component-navigation--items-bottom li {
    padding: 0 17px;
  }
}
.component-navigation.open {
  position: fixed;
  height: 100vh;
  width: 100%;
  overflow: auto;
}
.component-navigation.open .component-navigation--items {
  height: auto;
  min-height: calc(100vh - 75px);
  overflow: hidden;
}
.component-navigation.open .component-navigation--items .navigation-item {
  margin-left: 0;
  opacity: 1;
}
.component-navigation.open .component-navigation--items-bottom {
  opacity: 1;
}
.component-navigation.open .component-navigation--items-bottom.out {
  transition-delay: 0s !important;
  opacity: 0;
}
.component-navigation.open .component-navigation--items .outleft {
  pointer-events: none;
}
.component-navigation.open .component-navigation--items .outleft .navigation-item {
  opacity: 0;
  margin-left: -60px;
}
.component-navigation.open .component-navigation--items .outright {
  pointer-events: none;
}
.component-navigation.open .component-navigation--items .outright .navigation-item {
  opacity: 0;
  margin-left: 60px;
}
.component-navigation.open .component-navigation--logo .hamburger {
  left: auto;
  right: 18px;
}
.component-navigation.open .component-navigation--logo .search-icon {
  display: none;
}
.component-navigation .delay-1 {
  transition-delay: 100ms;
}
.component-navigation .delay-2 {
  transition-delay: 200ms;
}
.component-navigation .delay-3 {
  transition-delay: 300ms;
}
.component-navigation .delay-4 {
  transition-delay: 400ms;
}
.component-navigation .delay-5 {
  transition-delay: 500ms;
}
.component-navigation .delay-6 {
  transition-delay: 600ms;
}
.component-navigation .delay-7 {
  transition-delay: 700ms;
}
.component-navigation .delay-8 {
  transition-delay: 800ms;
}
.component-navigation .delay-9 {
  transition-delay: 900ms;
}
.component-navigation .delay-10 {
  transition-delay: 1000ms;
}
.component-navigation .delay-11 {
  transition-delay: 1100ms;
}
.component-navigation .delay-12 {
  transition-delay: 1200ms;
}
.component-navigation .delay-13 {
  transition-delay: 1300ms;
}
.component-navigation .delay-14 {
  transition-delay: 1400ms;
}
.component-navigation .delay-15 {
  transition-delay: 1500ms;
}
.component-navigation .delay-16 {
  transition-delay: 1600ms;
}
.component-navigation .delay-17 {
  transition-delay: 1700ms;
}
.component-navigation .delay-18 {
  transition-delay: 1800ms;
}
.component-navigation .delay-19 {
  transition-delay: 1900ms;
}
.component-navigation .delay-20 {
  transition-delay: 2000ms;
}
.component-navigation .delay-21 {
  transition-delay: 2100ms;
}
.component-navigation .delay-22 {
  transition-delay: 2200ms;
}
.component-navigation .delay-23 {
  transition-delay: 2300ms;
}
.component-navigation .delay-24 {
  transition-delay: 2400ms;
}
.component-navigation .delay-25 {
  transition-delay: 2500ms;
}
.component-navigation .delay-26 {
  transition-delay: 2600ms;
}
.component-navigation .delay-27 {
  transition-delay: 2700ms;
}
.component-navigation .delay-28 {
  transition-delay: 2800ms;
}
.component-navigation .delay-29 {
  transition-delay: 2900ms;
}
.component-navigation .delay-30 {
  transition-delay: 3000ms;
}
@media (min-width: 1024px) {
  /*.component-navigation--items-bottom{
        margin-right:-50px;
	}*/
  .component-navigation--items-bottom li:first-child {
    border: none!important;
  }
  .component-navigation--logo {
    display: none;
  }
}
.header-holder #profNavHolder a {
  color: #000000;
}
@media (max-width: 1023px) {
  .header-holder .mobile-drop-down .search-icon {
    display: none;
  }
  .header-holder .search-adjust {
    margin-bottom: 5px;
  }
}

/*Footer */
.transportation-footer a:hover {
  opacity: 0.6;
  color: #fff !important;
}
.transportation-footer .FooterTxt p {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  padding-top: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  margin-bottom: 0px;
  padding-bottom: 37px;
}
.transportation-footer .TFpolicy {
  margin-top: 1.9375rem;
  margin-bottom: 37px;
}
.transportation-footer .TFpolicy span a {
  font-family: Diodrum Regular;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.transportation-footer .TFpolicy span a img {
  width: 16px;
  margin-right: 10px;
}
.transportation-footer .TFpolicy span a img:hover {
  opacity: 0.6;
}
.transportation-footer .TFpolicy .policyLinks span {
  margin-right: 4%;
}
.transportation-footer .TFpolicy .policyLinks span:hover {
  opacity: 0.6;
}
.transportation-footer .TcopyRight p {
  font-family: Diodrum Regular;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.86;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  padding-bottom: 3.6875rem;
  margin-bottom: 0px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .transportation-footer .container {
    padding-right: 33px;
    padding-left: 33px;
  }
  .transportation-footer .FooterTxt p {
    text-align: center;
    padding-top: 2.5695rem;
    padding-bottom: 1.8125rem;
    margin-bottom: 0px;
  }
  .transportation-footer .TFpolicy {
    margin-top: 0.6875rem;
    margin-bottom: 3.05rem;
  }
  .transportation-footer .TFpolicy .policyLinks span {
    display: block;
    text-align: center;
    padding-top: 27px;
    margin-right: 0%;
  }
  .transportation-footer .TFpolicy .socialLinks {
    display: inline-block;
    text-align: center;
    margin-top: 2.885rem;
  }
  .transportation-footer .TFpolicy .socialLinks span {
    margin-left: .5rem;
  }
  .transportation-footer .TcopyRight p {
    text-align: center;
    padding-bottom: 1.9375rem;
    margin-bottom: 0px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .transportation-footer .FooterTxt p {
    padding-top: 1.9375rem;
    padding-bottom: 1.875rem;
    margin-bottom: 0px;
  }
}
@media (min-width: 768px) {
  .transportation-footer .TFpolicy .socialLinks {
    padding-right: 10px;
  }
  .transportation-footer .TFpolicy .socialLinks .MediaIcons {
    float: right;
  }
  .transportation-footer .TFpolicy .socialLinks .MediaIcons span a img {
    width: 16px;
    margin-left: 5px;
  }
}

.footer {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  max-width: 100%;
  padding-top: 40px;
}
.footer .footer__logo {
  width: 100%;
}
@media screen and (max-width: 575px) {
  .footer .footer__logo {
    margin: 1.56rem auto;
    height: 100%;
    max-width: 200px;
  }
}
@media (min-width: 40em) and (max-width: 60em) {
  .footer .footer__logo {
    margin: 1.56rem auto;
    height: 100%;
    max-width: 200px;
  }
}
@media (min-width: 768px) and (max-width: 960px) {
  .footer .footer__logo {
    margin: 1.56rem auto;
    height: auto;
    max-width: 200px;
  }
}
@media (min-width: 576px) and (max-width: 640px) {
  .footer .footer__logo {
    margin: 1.56rem auto;
    height: 100%;
    max-width: 200px;
  }
}
.footer div#teconsent {
  display: inline;
}
.footer .footer__title {
  color: #0a0a0a;
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
  text-shadow: currentcolor 0.5px 0px 0px;
}
.footer .footer__title:hover {
  color: #0056b3;
}
.footer .footer__title:after {
  border-top: 1px solid #cccfd3;
  content: '';
  display: block;
  margin: .375rem 0 .75rem;
  width: 100%;
}
@media screen and (max-width: 575px) {
  .footer .footer__title {
    padding: 1.25rem 0;
    display: flex;
    position: relative;
  }
  .footer .footer__title:hover {
    color: #0a0a0a;
  }
  .footer .footer__title:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    width: 9px;
    height: 18px;
    background-size: cover;
    background: url("data:image/svg+xml;base64,IDxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxN2w3LTgtNy04IiBzdHJva2U9IiMxMDI1MzciIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+") no-repeat;
    align-self: center;
    border-top: 0;
    margin: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.footer .footer__menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer .footer__menu .footer__menu-item {
  padding: .25rem 0;
}
.footer .footer__menu .footer__menu-item a {
  color: #102537;
  cursor: pointer;
  display: block;
  width: 100%;
}
.footer .footer__menu .footer__menu-item--featured {
  border-top: 1px solid #cccfd3;
  display: flex;
  font-weight: bold;
  margin-top: .5rem;
  padding-top: 1rem;
  position: relative;
}
.footer .footer__menu .footer__menu-item--featured:after {
  align-self: center;
  background-size: cover;
  background: url("data:image/svg+xml;base64,IDxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxN2w3LTgtNy04IiBzdHJva2U9IiMxMDI1MzciIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+") no-repeat;
  content: '';
  display: inline-block;
  height: 18px;
  position: absolute;
  right: 0;
  width: 9px;
}
.footer .footer__menu .footer__menu-item--featured a {
  font-weight: bold;
  text-shadow: currentcolor 0.5px 0px 0px;
}
@media screen and (max-width: 575px) {
  .footer .footer__menu {
    display: none;
  }
}
@media (min-width: 40em) and (max-width: 60em) {
  .footer .footer__menu {
    padding: 0 .5rem;
  }
}
@media (min-width: 768px) and (max-width: 960px) {
  .footer .footer__menu {
    padding: 0 .5rem;
  }
}
@media (min-width: 576px) and (max-width: 640px) {
  .footer .footer__menu {
    padding: 0 .5rem;
  }
}
.footer .footer__menu--2col {
  columns: 2;
}
.footer .footer__banner {
  background-position: center center;
  background-size: cover;
  padding: 3.7rem 0;
  width: 100%;
}
.footer .footer__banner .row {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 575px) {
  .footer .footer__banner .row {
    align-items: center;
    justify-content: normal;
    flex-direction: initial;
    display: block;
  }
}
.footer .footer__banner .footer__banner-text {
  font-family: 'Diodrum Regular', sans-serif;
  margin: 0px;
  padding: 0px 2rem;
  font-weight: 700;
  font-size: 16px;
}
@media screen and (max-width: 575px) {
  .footer .footer__banner .footer__banner-text {
    font-size: 1rem;
    text-align: left;
    padding: 0;
    margin-bottom: 1rem;
  }
}
.footer .footer__banner .footer__banner-input {
  border: 1px solid #ffffff;
  border-radius: 25px 0 0 25px;
  display: inline-block;
  margin: 0;
  max-width: 282px;
}
@media screen and (max-width: 575px) {
  .footer .footer__banner .footer__banner-input {
    width: 11.5rem;
  }
}
.footer .footer__banner .footer__banner-form {
  display: inline-flex;
}
.footer .footer__banner .footer__banner-form [type="email"] {
  min-width: auto;
  font-size: 14px;
}
.footer .footer__banner .footer__banner-disclaimer {
  color: #ffffff;
  margin-top: 1.25rem;
}
.footer .footer__copyright {
  background-color: #E7EBEE;
  font-size: .875rem;
  padding: 2rem;
  width: 100%;
}
.footer .footer__copyright p {
  color: #102537;
  font-size: .75rem;
  padding: 0 .5rem;
}
.footer .footer__copyright a {
  color: #102537;
  padding: 0 .5rem;
}
@media screen and (max-width: 575px) {
  .footer .footer__copyright a {
    font-size: .875rem;
    padding: 0;
    display: block;
  }
}
.footer .footer__copyright hr {
  margin-left: .5rem;
  margin-right: .5rem;
}
@media screen and (max-width: 575px) {
  .footer .footer__copyright {
    padding: 2rem 0;
  }
}
.footer .footer__top {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 575px) {
  .footer .footer__top {
    width: 100%;
    margin-bottom: 0;
  }
}
.footer .footer__container hr {
  margin: .475rem auto;
}
@media (min-width: 40em) and (max-width: 60em) {
  .footer .footer__container {
    padding: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 960px) {
  .footer .footer__container {
    padding: 1rem;
  }
}
@media (min-width: 576px) and (max-width: 640px) {
  .footer .footer__container {
    padding: 1rem;
  }
}
.footer .footer__menu-mobile {
  display: none;
}
.footer .footer__menu-mobile-item {
  border-bottom: 1px solid #cccfd3;
  border-top: 1px solid #cccfd3;
  cursor: pointer;
  height: 3.75rem;
  padding: 1rem;
}
.footer .footer__menu-mobile-item .arrow {
  float: right;
}
.footer .footer__submenu {
  padding: 1rem 0;
}
.footer .footer__submenu-list {
  list-style: none;
}
@media screen and (max-width: 575px) {
  .footer {
    padding: 0;
    display: contents !important;
  }
}
@media screen and (max-width: 575px) {
  .footer__copyright-menu .no-sm-pad-right {
    padding-right: 0;
  }
  .footer__copyright-menu .no-sm-pad-left {
    padding-left: 0;
  }
}
@media screen and (max-width: 575px) {
  .footer__top .row > div {
    border-top: 1px solid #CCCFD3;
  }
}

.topic-tags {
  height: 210px;
  margin: 0 auto 1.5rem 15px;
  max-width: 300px;
  padding: 2.125rem 1.5rem;
}
@media screen and (min-width: 768px) and (max-width: 840px) {
  .topic-tags {
    padding: 2.125rem 1rem;
  }
}
.topic-tags .topic-tags__title {
  border-bottom: 1px solid #979797;
  font-size: 1.7rem;
  margin: 0;
}
@media screen and (max-width: 575px) {
  .topic-tags .topic-tags__title {
    font-size: 20px;
  }
}
.topic-tags .topic-tags__title img {
  padding-left: .5rem;
}
@media screen and (min-width: 768px) and (max-width: 840px) {
  .topic-tags .topic-tags__title {
    font-size: 1.6rem;
  }
}
.topic-tags .topic-tags__links {
  list-style: none;
  padding: 0;
  text-transform: capitalize;
}
.topic-tags .topic-tags__links a {
  font-size: .875rem;
}
.topic-tags .topic-tags__links a:hover {
  color: #217AC6;
  font-weight: 500;
}
.topic-tags .topic-tags__links .topic-tags--main {
  padding-bottom: 1rem;
  padding-top: 1rem;
}
.topic-tags .topic-tags__links .topic-tags--main a {
  font-size: 1rem;
}
@media screen and (min-width: 768px) and (max-width: 840px) {
  .topic-tags .topic-tags__links .topic-tags--main a {
    font-size: 0.8rem;
  }
}
.topic-tags .topic-tags__links .topic-tags--main a:hover {
  font-weight: 600;
}

/* Modal */
.sign-up {
  margin: auto;
  max-width: 100%;
}
@media screen and (max-width: 575px) {
  .sign-up {
    width: 100%;
    height: 100%;
  }
}
.sign-up .sign-up--form .btn-secondary {
  border: none;
  text-transform: none;
  font-size: 1rem;
  font-weight: 500;
}
.sign-up .sign-up--form .btn-secondary:hover {
  color: #217AC6 !important;
  background-color: #fff !important;
}
.sign-up .sign-up--form .btn-secondary.hovered {
  color: #217AC6 !important;
  background-color: #fff !important;
}
.sign-up .sign-up--form .btn-secondary .btn:before {
  transition: none;
  border: none;
  background: #fff;
}
.sign-up .modal-dialog {
  max-width: 780px;
}
@media screen and (max-width: 575px) {
  .sign-up .modal-dialog {
    height: 100%;
    border: none;
    border-radius: 0;
    margin: 0;
  }
}
@media screen and (max-width: 575px) {
  .sign-up .modal-dialog .modal-content {
    height: 100%;
    border: none;
    border-radius: 0;
    margin: 0;
  }
}
@media screen and (max-width: 575px) {
  .sign-up .modal-dialog .modal-content form {
    max-height: 55vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sign-up .modal-dialog .modal-content form ::-webkit-scrollbar {
    padding: 0 1rem;
    width: 3px;
  }
  .sign-up .modal-dialog .modal-content form ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }
  .sign-up .modal-dialog .modal-content form ::-webkit-scrollbar-thumb {
    background-color: #217AC6;
  }
}
.sign-up .modal-dialog .modal-body {
  padding-left: 80px;
  padding-right: 80px;
  padding-bottom: 80px;
}
@media screen and (max-width: 575px) {
  .sign-up .modal-dialog .modal-body {
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 65px;
  }
}
@media screen and (max-width: 575px) {
  .sign-up .modal-dialog .modal-body .form-group {
    padding-top: 11px;
    padding-bottom: 11px;
  }
}
@media screen and (max-width: 575px) {
  .sign-up .modal-dialog .modal-body .form-group.filled {
    padding-top: 27px;
  }
  .sign-up .modal-dialog .modal-body .form-group:focus-within {
    padding-top: 27px;
  }
}
@media screen and (max-width: 575px) {
  .sign-up .modal-dialog .modal-body .sign-up--form-container {
    position: absolute;
    width: 100%;
    left: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media screen and (max-width: 575px) {
  .sign-up .modal-dialog .modal-body .sign-up--form-container:after {
    content: '';
    display: block;
    background-image: linear-gradient(to bottom, rgba(231, 235, 238, 0), #ffffff 100%);
    height: 5rem;
    width: 100%;
    position: absolute;
    pointer-events: none;
    bottom: -1rem;
    z-index: 1;
    left: 0;
  }
}
@media screen and (max-width: 320px) {
  .sign-up .modal-dialog .modal-body .sign-up--form-container:after {
    bottom: 0;
  }
}
.sign-up .modal-dialog .modal-body .modal-title {
  text-align: center;
  color: #E4001C;
}
.sign-up .modal-dialog .modal-body .modal-title p {
  padding-left: 80px;
  padding-right: 80px;
}
@media screen and (max-width: 575px) {
  .sign-up .modal-dialog .modal-body .modal-title p {
    padding-left: 0;
    padding-right: 0;
  }
}
.sign-up .modal-dialog .modal-body .form-group {
  position: relative;
  padding-top: 22.5px;
  padding-bottom: 22.5px;
  margin: 0;
}
.sign-up .modal-dialog .modal-body .form-group label {
  opacity: 1;
}
.sign-up .modal-dialog .modal-body .sign-up--form-disclaimer.sign-up--form-disclaimer-grey span p {
  color: #979B9F;
  font-size: .875rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.sign-up .modal-dialog .modal-body .sign-up--form-disclaimer.sign-up--form-disclaimer-grey span a {
  color: #217AC6;
  font-weight: 500;
  display: initial;
  width: 50%;
}
@media screen and (max-width: 575px) {
  .sign-up .modal-dialog .modal-body .sign-up--form-disclaimer.sign-up--form-disclaimer-grey {
    padding-bottom: 2rem;
  }
}
.sign-up .modal-dialog .modal-body .sign-up--form-disclaimer .sign-up--form-disclaimer-red {
  color: #E4001C;
  text-align: right;
}
.sign-up .modal-dialog .modal-body input[type="email"] {
  width: 100%;
}
.sign-up .modal-dialog .modal-body .sign-up--form-error {
  font-size: .875rem;
  color: #E4001C;
  padding-top: 10px;
  padding-bottom: 20px;
}
.sign-up .modal-dialog .modal-header {
  border-bottom: 0;
}
.sign-up .modal-dialog .modal-header .close {
  text-transform: capitalize;
  font-size: .875rem;
  color: #217AC6;
  padding: 26px;
  opacity: 1;
}
.sign-up .modal-dialog .modal-header .close:not(:disabled):not(.disabled):hover {
  color: #217AC6;
}
.sign-up .modal-dialog .modal-header .close:not(:disabled):not(.disabled):hover span {
  font-weight: 500;
}

.subscribe__form-input {
  border: 1px solid #ffffff;
  display: inline-block;
  margin: 0;
  border: 1px solid #fff;
}
.subscribe__form-input ::placeholder {
  color: #217AC6;
  opacity: 1;
}
.subscribe__form-input -ms-input-placeholder {
  color: #217AC6;
}
.subscribe__form-input:-ms-input-placeholder {
  color: #217AC6;
}
.subscribe__form-input:focus {
  outline: none;
}
.subscribe__form-input focus {
  outline: none;
}
@media screen and (max-width: 828px) {
  .subscribe__form-input {
    max-width: 156px;
  }
}
.subscribe {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.subscribe .subscribe__text {
  line-height: 23px;
  font-weight: 500;
}
@media screen and (max-width: 828px) {
  .subscribe .subscribe__text {
    font-size: 16px;
  }
}
.subscribe .subscribe__form {
  display: inline-flex;
}
.subscribe .subscribe__form .subscribe__disclaimer {
  font-size: 12px;
  margin-top: .75rem;
}
@media screen and (max-width: 828px) {
  .subscribe .subscribe__form .subscribe__disclaimer {
    font-size: 12px;
    margin-top: .75rem;
  }
}
.subscribe--full {
  height: 400px;
  width: 100%;
}
@media screen and (max-width: 828px) {
  .subscribe--full {
    height: 260px;
    position: relative;
    padding-left: 56px;
    padding-right: 56px;
  }
}
.subscribe--full .subscribe__form-input {
  width: 700px;
}
@media screen and (max-width: 575px) {
  .subscribe--full .subscribe__form-input {
    width: 100%;
  }
}
.subscribe--full .subscribe__disclaimer {
  color: #103D66;
  margin-top: 1.25rem;
}
.subscribe--small {
  max-width: 300px;
  min-height: 270px;
  margin: 1.5rem auto;
  padding: 42px 26px 26px;
  display: block;
  position: relative;
}
.subscribe--small .btn {
  bottom: 0px;
}
@media screen and (max-width: 828px) {
  .subscribe--small .btn {
    position: absolute;
    bottom: 20px;
  }
}
.subscribe--small .subscribe__form {
  display: block;
}
.subscribe--small .subscribe__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
}
.subscribe--small .subscribe__form-input {
  max-width: 246px;
}
.subscribe--small .subscribe__form-input {
  display: inline-block;
  margin: 0;
  border: 1px solid #fff;
}
.subscribe--small .subscribe__form-input focus {
  outline: none;
}
@media screen and (max-width: 828px) {
  .subscribe--small .subscribe__form-input {
    max-width: 156px;
  }
}
@media screen and (max-width: 575px) {
  .subscribe--small .subscribe__form-input {
    width: 100%;
  }
}

.search-query__input::placeholder {
    color: #979B9F;
    opacity: 1;
}

.search-query__input:-ms-input-placeholder {
    color: #979B9F;
}

.search-query__input::-ms-input-placeholder {
    color: #979B9F;
}

.search-query__input::-ms-clear {
    display: none;
}

.search-query .container {
    max-width: 780px;
}

.search-query .row {
    margin-top: 60px;
    margin-bottom: 60px;
    position: relative;
}

.search-query .form-control {
    outline: none;
}

.search-query .form-control:hover,
.search-query .form-control:active,
.search-query .form-control:focus {
    border-color: var(--brand-light-grey);
    box-shadow: none;
}

.search-query__container {
    position: relative;
    margin-bottom: 60px;
    max-width: 100%;
}

.search-query__input {
    height: 64px;
    width: 100%;
    padding-left: 33px;
    padding-right: 33px;
    font-weight: bold;
    border-radius: 0px;
    color: #102537;
}

.search-query__submit {
    position: absolute;
    right: 25px;
    top: 35%;
    cursor: pointer;
}

.search-query .option-container, .header-search-bar .option-container {
    min-width: 100%;
    position: absolute;
    z-index: 1;
    top: 4rem;
    background-color: #fff;
}

.search-query .option, .header-search-bar .option{
    border-left: 1px solid var(--brand-light-grey);
    border-right: 1px solid var(--brand-light-grey);
    width: 100%;
    padding: 12px 33px;
    cursor: pointer;
}

.search-query .option a, .header-search-bar .option a {
    color: var(--brand-dark-copy);
}

.search-query .option:last-child, .header-search-bar .option:last-child {
    border-bottom: 1px solid var(--brand-light-grey);
    padding-bottom: 24px;
}

.search-query__input:focus,
.search-query__input:active {
    color: #102537;
}

@media screen and (max-width: 575px) {
    .search-query {
        padding-left: 32px;
        padding-right: 32px;
    }

    .search-query .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .search-query__input {
        padding-left: 24px;
        padding-right: 24px;
        background-position: 95% center;
    }
}

#News-load-more{
	display: none;
}

.search-listing {
    padding-top: 43px;
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
}

.search-listing .row {
    padding-bottom: 25px;
}

.search-listing .row p {
    max-width: 621px;
}

.search-listing .row a {
    font-weight: 500;
}

.search-listing .row a:hover {
    color: var(--brand-light-blue);
    font-weight: 600;
}

.search-listing .btn {
    color: var(--brand-light-blue);
    border-color: var(--brand-light-blue);
}

.search-listing .btn:first-of-type {
    margin-right: .5rem;
}

.search-listing .btn.active {
    color: var(--brand-navigation-l2);
}

.btn-load-more__spinner>div {
    background-color: var(--brand-light-blue);
}
.search__filterItem .loader{
	    display: none;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

#errorMsg{
	display: none;
    text-align: center;

}
#errorMsg p{
	font-size: 1.5rem;
}
.search-listing__container {
    margin-top: 20px;
}
@media screen and (max-width: 575px) {
    .search-listing .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .search-listing .row {
        padding-bottom: 18px;
    }

    .search-listing .row p{
        display: none;
    }
}
/************************************************
   Home Search Component 
************************************************/
.home-search {
  position: relative;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.home-search .home-search__zoom-bg {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.home-search .home-search__zoom-bg .home-search__bg {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
  transform: scale(1);
  transition: transform 1s ease-in-out;
}
.home-search select {
  width: 100%;
}
.home-search:hover .home-search__bg {
  transform: scale(1.15);
}

/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.19.8 - 2017-04-18T05:43:43.881Z
 * License: MIT
 */


/* Style when highlighting a search. */
.ui-select-highlight {
  font-weight: bold;
}

.ui-select-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}


.ui-select-choices-row:hover {
  background-color: #f5f5f5;
}

/* Select2 theme */

/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-choice {
    border-color: #D44950;
}

.select2-result-single {
  padding-left: 0;
}

.select2-locked > .select2-search-choice-close{
  display:none;
}

.select-locked > .ui-select-match-close{
    display:none;
}

body > .select2-container.open {
  z-index: 9999; /* The z-index Select2 applies to the select2-drop */
}

/* Handle up direction Select2 */
.ui-select-container[theme="select2"].direction-up .ui-select-match,
.ui-select-container.select2.direction-up .ui-select-match {
    border-radius: 4px; /* FIXME hardcoded value :-/ */
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown,
.ui-select-container.select2.direction-up .ui-select-dropdown {
    border-radius: 4px; /* FIXME hardcoded value :-/ */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    border-top-width: 1px;  /* FIXME hardcoded value :-/ */
    border-top-style: solid;

    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);

    margin-top: -4px; /* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown .select2-search,
.ui-select-container.select2.direction-up .ui-select-dropdown .select2-search {
    margin-top: 4px; /* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match,
.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
    border-bottom-color: #5897fb;
}

.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden,
.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden input{
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border:0;
}

/* Selectize theme */

/* Helper class to show styles when focus */
.selectize-input.selectize-focus{
  border-color: #007FBB !important;
}

/* Fix input width for Selectize theme */
.selectize-control.single > .selectize-input > input {
  width: 100%;
}

/* Fix line break when there's at least one item selected with the Selectize theme */
.selectize-control.multi > .selectize-input > input {
  margin: 0 !important;
}

/* Fix dropdown width for Selectize theme */
.selectize-control > .selectize-dropdown {
  width: 100%;
}

/* Mark invalid Selectize */
.ng-dirty.ng-invalid > div.selectize-input {
    border-color: #D44950;
}

/* Handle up direction Selectize */
.ui-select-container[theme="selectize"].direction-up .ui-select-dropdown {
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
    margin-top: -2px; /* FIXME hardcoded value :-/ */
}

.ui-select-container[theme="selectize"] input.ui-select-search-hidden{
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border:0;
    width: 0;
}

/* Bootstrap theme */

/* Helper class to show styles when focus */
.btn-default-focus {
  color: #333;
  background-color: #EBEBEB;
  border-color: #ADADAD;
  text-decoration: none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ui-select-bootstrap .ui-select-toggle {
  position: relative;
}

.ui-select-bootstrap .ui-select-toggle > .caret {
  position: absolute;
  height: 10px;
  top: 50%;
  right: 10px;
  margin-top: -2px;
}

/* Fix Bootstrap dropdown position when inside a input-group */
.input-group > .ui-select-bootstrap.dropdown {
  /* Instead of relative */
  position: static;
}

.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
  border-radius: 4px; /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
  border-radius: 4px !important; /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.ui-select-bootstrap .ui-select-search-hidden{
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border:0;
}

.ui-select-bootstrap > .ui-select-match > .btn{
  /* Instead of center because of .btn */
  text-align: left !important;
}

.ui-select-bootstrap > .ui-select-match > .caret {
  position: absolute;
  top: 45%;
  right: 15px;
}

/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
.ui-select-bootstrap > .ui-select-choices ,.ui-select-bootstrap > .ui-select-no-choice {
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
  margin-top: -1px;
}

body > .ui-select-bootstrap.open {
  z-index: 1000; /* Standard Bootstrap dropdown z-index */
}

.ui-select-multiple.ui-select-bootstrap {
  height: auto;
  padding: 3px 3px 0 3px;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  background-color: transparent !important; /* To prevent double background when disabled */
  border: none;
  outline: none;
  height: 1.666666em;
  margin-bottom: 3px;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  font-size: 1.6em;
  line-height: 0.75;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
  outline: 0;
  margin: 0 3px 3px 0;
}

.ui-select-multiple .ui-select-match-item {
  position: relative;
}

.ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close {
  pointer-events: none;
}

.ui-select-multiple:hover .ui-select-match-item.dropping-before:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  margin-right: 2px;
  border-left: 1px solid #428bca;
}

.ui-select-multiple:hover .ui-select-match-item.dropping-after:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  margin-left: 2px;
  border-right: 1px solid #428bca;
}

.ui-select-bootstrap .ui-select-choices-row>span {
    cursor: pointer;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.ui-select-bootstrap .ui-select-choices-row>span:hover, .ui-select-bootstrap .ui-select-choices-row>span:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.ui-select-bootstrap .ui-select-choices-row.active>span {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}

.ui-select-bootstrap .ui-select-choices-row.disabled>span,
.ui-select-bootstrap .ui-select-choices-row.active.disabled>span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
}

/* fix hide/show angular animation */
.ui-select-match.ng-hide-add,
.ui-select-search.ng-hide-add {
    display: none !important;
}

/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
    border-color: #D44950;
}

/* Handle up direction Bootstrap */
.ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown {
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
}

.ui-select-bootstrap .ui-select-match-text {
    width: 100%;
    padding-right: 1em;
}
.ui-select-bootstrap .ui-select-match-text span {
    display: inline-block;
    width: 100%;
    overflow: hidden;
}
.ui-select-bootstrap .ui-select-toggle > a.btn {
  position: absolute;
  height: 10px;
  right: 10px;
  margin-top: -2px;
}

/* Spinner */
.ui-select-refreshing.glyphicon {
    position: absolute;
    right: 0;
    padding: 8px 27px;
 }

@-webkit-keyframes ui-select-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes ui-select-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.ui-select-spin {
  -webkit-animation: ui-select-spin 2s infinite linear;
  animation: ui-select-spin 2s infinite linear;
}

.ui-select-refreshing.ng-animate {
  -webkit-animation: none 0s;
}

/*
Version: 3.4.5 Timestamp: Mon Nov  4 08:22:42 PST 2013
*/
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
     -moz-box-sizing: border-box; /* firefox */
          box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;

    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;

    border-radius: 4px;

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;

    border-radius: 0 0 4px 4px;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(top, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;

    font-size: 1px;
    text-decoration: none;

    border: 0;
    background: url('../../../../etc.clientlibs/dupont-applications/ei-transformation/components/content/productselector/clientlibs/source/resources/img/select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;

    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;

    border-radius: 0 0 4px 4px;

    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px;
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;

    border-radius: 4px 4px 0 0;

    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;

    background-clip: padding-box;

    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: linear-gradient(top, #ccc 0%, #eee 60%);
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('../../../../etc.clientlibs/dupont-applications/ei-transformation/components/content/productselector/clientlibs/source/resources/img/select2.png') no-repeat 0 1px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;

    position: relative;
    z-index: 10000;

    white-space: nowrap;
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;

    outline: 0;
    font-family: sans-serif;
    font-size: 1em;

    border: 1px solid #aaa;
    border-radius: 0;

    -webkit-box-shadow: none;
            box-shadow: none;

    background: #fff url('../../../../etc.clientlibs/dupont-applications/ei-transformation/components/content/productselector/clientlibs/source/resources/img/select2.png') no-repeat 100% -22px;
    background: url('../../../../etc.clientlibs/dupont-applications/ei-transformation/components/content/productselector/clientlibs/source/resources/img/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('../../../../etc.clientlibs/dupont-applications/ei-transformation/components/content/productselector/clientlibs/source/resources/img/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../../../../etc.clientlibs/dupont-applications/ei-transformation/components/content/productselector/clientlibs/source/resources/img/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../../../../etc.clientlibs/dupont-applications/ei-transformation/components/content/productselector/clientlibs/source/resources/img/select2.png') no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%);
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: #fff url('../components/content/productselector/clientlibs/source/css/select2-spinner.gif') no-repeat 100%;
    background: url('../components/content/productselector/clientlibs/source/css/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('../components/content/productselector/clientlibs/source/css/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../components/content/productselector/clientlibs/source/css/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../components/content/productselector/clientlibs/source/css/select2-spinner.gif') no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%);
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
            box-shadow: 0 1px 0 #fff inset;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;

    min-height: 1em;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff;
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}


.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('../components/content/productselector/clientlibs/source/css/select2-spinner.gif') no-repeat 100%;
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;

    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;

    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(top, #eee 1%, #fff 15%);
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;

    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('../components/content/productselector/clientlibs/source/css/select2-spinner.gif') no-repeat 100% !important;
}

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;

    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;

    border-radius: 3px;

    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;

    font-size: 1px;
    outline: none;
    background: url('../../../../etc.clientlibs/dupont-applications/ei-transformation/components/content/productselector/clientlibs/source/resources/img/select2.png') right top no-repeat;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
    background: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}
/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi)  {
  .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
      background-image: url('../components/content/productselector/clientlibs/source/css/select2x2.png') !important;
      background-repeat: no-repeat !important;
      background-size: 60px 40px !important;
  }
  .select2-search input {
      background-position: 100% -21px !important;
  }
}

/**
 * selectize.default.css (v0.8.5) - Default Theme
 * Copyright (c) 2013 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  visibility: visible !important;
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
          box-shadow: inset 0 0 12px 4px #ffffff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  background: #f8f8f8;
  border-bottom: 1px solid #d0d0d0;
  -webkit-border-radius: 3px 3px 0 0;
     -moz-border-radius: 3px 3px 0 0;
          border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -12px;
  font-size: 20px !important;
  line-height: 20px;
  color: #303030;
  opacity: 0.4;
}

.selectize-dropdown-header-close:hover {
  color: #000000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  float: left;
  border-top: 0 none;
  border-right: 1px solid #f2f2f2;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 17px;
  padding: 2px 0 0 0;
  font-size: 12px;
  font-weight: bold;
  color: inherit;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border-left: 1px solid #0073bb;
  -webkit-border-radius: 0 2px 2px 0;
     -moz-border-radius: 0 2px 2px 0;
          border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #00578d;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #aaaaaa;
}

.selectize-control {
  position: relative;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  font-family: inherit;
  font-size: 13px;
  -webkit-font-smoothing: inherit;
  line-height: 18px;
  color: #303030;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  display: inline-block;
  cursor: text;
  background: #ffffff;
}

.selectize-input {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  padding: 8px 8px;
  overflow: hidden;
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 5px 8px 2px;
}

.selectize-input.full {
  background-color: #ffffff;
}

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
     -moz-border-radius: 3px 3px 0 0;
          border-radius: 3px 3px 0 0;
}

.selectize-input > * {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  vertical-align: baseline;
  zoom: 1;
}

.selectize-control.multi .selectize-input > div {
  padding: 2px 6px;
  margin: 0 3px 3px 0;
  color: #ffffff;
  cursor: pointer;
  background: #1da7ee;
  border: 1px solid #0073bb;
}

.selectize-control.multi .selectize-input > div.active {
  color: #ffffff;
  background: #92c836;
  border: 1px solid #00578d;
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #ffffff;
  background: #d2d2d2;
  border: 1px solid #aaaaaa;
}

.selectize-input > input {
  max-width: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 1px !important;
  line-height: inherit !important;
  text-indent: 0 !important;
  background: none !important;
  border: 0 none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-user-select: auto !important;
}

.selectize-input > input:focus {
  outline: none !important;
}

.selectize-input::after {
  display: block;
  clear: left;
  content: ' ';
}

.selectize-input.dropdown-active::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 1px;
  background: #f0f0f0;
  content: ' ';
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  margin: -1px 0 0 0;
  background: #ffffff;
  border: 1px solid #d0d0d0;
  border-top: 0 none;
  -webkit-border-radius: 0 0 3px 3px;
     -moz-border-radius: 0 0 3px 3px;
          border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.selectize-dropdown [data-selectable] {
  overflow: hidden;
  cursor: pointer;
}

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
  color: #303030;
  cursor: default;
  background: #ffffff;
}

.selectize-dropdown .active {
  color: #495c68;
  background-color: #f5fafd;
}

.selectize-dropdown .active.create {
  color: #495c68;
}

.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.selectize-dropdown-content {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}

.selectize-control.single .selectize-input:after {
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  width: 0;
  height: 0;
  margin-top: -3px;
  border-color: #808080 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  content: ' ';
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-color: transparent transparent #808080 transparent;
  border-width: 0 5px 5px 5px;
}

.selectize-control.rtl.single .selectize-input:after {
  right: auto;
  left: 15px;
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  background-color: #fafafa;
  opacity: 0.5;
}

.selectize-control.multi .selectize-input.has-items {
  padding-right: 5px;
  padding-left: 5px;
}

.selectize-control.multi .selectize-input.disabled [data-value] {
  color: #999;
  text-shadow: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.selectize-control.multi .selectize-input.disabled [data-value],
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  border-color: #e6e6e6;
}

.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  background: none;
}

.selectize-control.multi .selectize-input [data-value] {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  background-color: #1b9dec;
  background-image: -moz-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9));
  background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -o-linear-gradient(top, #1da7ee, #178ee9);
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
  background-repeat: repeat-x;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
}

.selectize-control.multi .selectize-input [data-value].active {
  background-color: #0085d4;
  background-image: -moz-linear-gradient(top, #008fd8, #0075cf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf));
  background-image: -webkit-linear-gradient(top, #008fd8, #0075cf);
  background-image: -o-linear-gradient(top, #008fd8, #0075cf);
  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0);
}

.selectize-control.single .selectize-input {
  background-color: #f9f9f9;
  background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.selectize-control.single .selectize-input,
.selectize-dropdown.single {
  border-color: #b8b8b8;
}

.selectize-dropdown .optgroup-header {
  padding-top: 7px;
  font-size: 0.85em;
  font-weight: bold;
}

.selectize-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}

.selectize-dropdown .optgroup:first-child {
  border-top: 0 none;
}
.ui-select-toggle {
  margin-right: 0 !important;
}
/* h3, h4, h6 {
	color: #003a51 !important;
}
*/
.rounded-right {
  /*border-radius: 0 .5em 0.5em 0 !important;*/
}
.red-rightarrow-button {
  border: 1px solid #f6f6f6;
  border-radius: 10px;
  box-shadow: 1px 1px 1px #ccc;
  color: #c6001e;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 3px 6px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  background: #ffffff url(../../../../etc.clientlibs/dupont-applications/ei-transformation/components/content/productselector/clientlibs/source/resources/img/right-arrow-action-contact-all.png) no-repeat scroll 65px 5px;
  cursor: pointer;
}
.red-rightarrow-button:hover {
  background: #c6001e url(../../../../etc.clientlibs/dupont-applications/ei-transformation/components/content/productselector/clientlibs/source/resources/img/right-arrow-action-contact-all.png) no-repeat scroll 65px -15px;
  border: 1px solid #c6001e;
  border-radius: 10px;
  box-shadow: 1px 1px 1px #ccc;
  color: #fff;
}
.red-leftarrow-button {
  border: 1px solid #f6f6f6;
  border-radius: 10px;
  box-shadow: 1px 1px 1px #ccc;
  color: #c6001e;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 3px 6px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  background: #ffffff url(../../../../etc.clientlibs/dupont-applications/ei-transformation/components/content/productselector/clientlibs/source/resources/img/left-arrow-action-contact-all.png) no-repeat scroll 5px 5px;
  cursor: pointer;
}
.red-leftarrow-button:hover {
  background: #c6001e url(../../../../etc.clientlibs/dupont-applications/ei-transformation/components/content/productselector/clientlibs/source/resources/img/left-arrow-action-contact-all.png) no-repeat scroll 5px -15px;
  border: 1px solid #c6001e;
  border-radius: 10px;
  box-shadow: 1px 1px 1px #ccc;
  color: #fff;
}
.divProductSelector {
  background-color: #a5877a;
  color: white;
  padding: 20px;
}
.structureGrayOut {
  color: lightgray;
}
.layerImageOpacity {
  opacity: 0.45;
}
label.btn span {
  font-size: 1.0em;
}
.productselector-container input[type="radio"] {
  appearance: radio;
  -webkit-appearance: radio;
  -moz-appearance: radio;
  position: initial;
}
label input[type="radio"] ~ i.fa.fa-circle-o {
  color: #a5877a;
  display: inline;
  cursor: pointer;
}
label input[type="radio"] ~ i.fa.fa-dot-circle-o {
  display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o {
  display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o {
  color: red;
  display: inline;
  cursor: pointer;
}
label:hover input[type="radio"] ~ i.fa {
  color: red;
  cursor: pointer;
}
label:hover input[type="radio"] ~ i.special {
  color: #a5877a !important;
  cursor: pointer;
}
.select2 > .select2-choice.ui-select-match {
  /* Because of the inclusion of Bootstrap */
  height: 29px;
}
.selectize-control > .selectize-dropdown {
  top: 36px;
}
/* Some additional styling to demonstrate that append-to-body helps achieve the proper z-index layering. */
.select-box {
  background: #fff;
  position: relative;
  z-index: 1;
}
.alert-info.positioned {
  margin-top: 1em;
  position: relative;
  z-index: 10000;
  /* The select2 dropdown has a z-index of 9999 */
}
.productselector-container label {
  color: #000;
  position: relative;
  top: 0;
  padding: 0;
}
.container .form-control {
  height: 48px;
}
.container .required {
  color: #000;
}
.form-control,
ui-select {
  height: 48px;
}
.generic-form-container .select2 > .select2-choice.ui-select-match {
  height: 48px;
}
.generic-form-container .select2 > .select2-choice.ui-select-match span {
  display: table-cell;
  height: 48px;
  vertical-align: middle;
}
.form-row {
  margin: 0;
}
.form-group label {
  font-size: 11px;
  font-family: "Noto Sans Regular";
}
.form-group textarea.form-control {
  height: 200px;
}
.productselector-container input[type="checkbox"]:checked + label,
.productselector-container input[type="checkbox"]:not(:checked) + label {
  left: 0;
  top: 5px;
}
.productselector-container input[type="checkbox"]:checked + label:after,
.productselector-container input[type="checkbox"]:not(:checked) + label:after,
.productselector-container input[type="checkbox"]:checked + label::before,
.productselector-container input[type="checkbox"]:not(:checked) + label::before {
  border-color: #e4001c;
}
.credits.errormessage {
  color: #e4001c;
}
.urlRepeat a:hover {
  text-decoration: underline;
}
/*.productselector-container .round {
	position: relative;
    label {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 50%;
        cursor: pointer;
        height: 20px;
        float: left;
        width: 20px;

        &:after {
            border: 2px solid #fff;
            border-top: none;
            border-right: none;
            content: "";
            height: 6px;
            left: 4px;
            opacity: 0;
            position: absolute;
            top: 5px;
            transform: rotate(-45deg);
            width: 11px;
        }
    }

    .body3 {
        padding-left: 12px;
        display: inline-block;
        vertical-align: middle;
    }

    input[type="checkbox"] {
        visibility: hidden;
        position: absolute;
        left: 3px;
        top: 3px;
        border-color: #e4001c;
    }

    input[type="checkbox"]:checked + label:after {
        opacity: 1;
    }

    input[type="checkbox"]:checked + label{
        background-color: #e4001c;
        border-color: #e4001c;
    }
}*/

.bootstrap {
  /*!
 * Bootstrap v4.0.0-beta.2 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
  /*# sourceMappingURL=bootstrap.min.css.map */
}
.bootstrap :root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #868e96;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #868e96;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
@media print {
  .bootstrap *,
  .bootstrap ::after,
  .bootstrap ::before {
    text-shadow: none!important;
    box-shadow: none !important;
  }
  .bootstrap a,
  .bootstrap a:visited {
    text-decoration: underline;
  }
  .bootstrap abbr[title]::after {
    content: " (" attr(title) ")";
  }
  .bootstrap pre {
    white-space: pre-wrap !important;
  }
  .bootstrap blockquote,
  .bootstrap pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  .bootstrap thead {
    display: table-header-group;
  }
  .bootstrap img,
  .bootstrap tr {
    page-break-inside: avoid;
  }
  .bootstrap h2,
  .bootstrap h3,
  .bootstrap p {
    orphans: 3;
    widows: 3;
  }
  .bootstrap h2,
  .bootstrap h3 {
    page-break-after: avoid;
  }
  .bootstrap .navbar {
    display: none;
  }
  .bootstrap .badge {
    border: 1px solid #000000;
  }
  .bootstrap .table {
    border-collapse: collapse !important;
  }
  .bootstrap .table td,
  .bootstrap .table th {
    background-color: #ffffff !important;
  }
  .bootstrap .table-bordered td,
  .bootstrap .table-bordered th {
    border: 1px solid #dddddd !important;
  }
}
.bootstrap *,
.bootstrap ::after,
.bootstrap ::before {
  box-sizing: border-box;
}
.bootstrap {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}
@-ms-viewport {
  width: device-width;
}
.bootstrap article,
.bootstrap aside,
.bootstrap dialog,
.bootstrap figcaption,
.bootstrap figure,
.bootstrap footer,
.bootstrap header,
.bootstrap hgroup,
.bootstrap main,
.bootstrap nav,
.bootstrap section {
  display: block;
}
.bootstrap  {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #ffffff;
}
.bootstrap [tabindex="-1"]:focus {
  outline: 0 !important;
}
.bootstrap hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
.bootstrap h1,
.bootstrap h2,
.bootstrap h3,
.bootstrap h4,
.bootstrap h5,
.bootstrap h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.bootstrap p {
  margin-top: 0;
  margin-bottom: 1rem;
}
.bootstrap abbr[data-original-title],
.bootstrap abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}
.bootstrap address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
.bootstrap dl,
.bootstrap ol,
.bootstrap ul {
  margin-top: 0;
  margin-bottom: 1rem;
}
.bootstrap ol ol,
.bootstrap ol ul,
.bootstrap ul ol,
.bootstrap ul ul {
  margin-bottom: 0;
}
.bootstrap dt {
  font-weight: 700;
}
.bootstrap dd {
  margin-bottom: .5rem;
  margin-left: 0;
}
.bootstrap blockquote {
  margin: 0 0 1rem;
}
.bootstrap dfn {
  font-style: italic;
}
.bootstrap b,
.bootstrap strong {
  font-weight: bolder;
}
.bootstrap small {
  font-size: 80%;
}
.bootstrap sub,
.bootstrap sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
.bootstrap sub {
  bottom: -0.25em;
}
.bootstrap sup {
  top: -0.5em;
}
.bootstrap a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
.bootstrap a:hover {
  color: #0056b3;
  text-decoration: underline;
}
.bootstrap a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
.bootstrap a:not([href]):not([tabindex]):focus,
.bootstrap a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}
.bootstrap a:not([href]):not([tabindex]):focus {
  outline: 0;
}
.bootstrap code,
.bootstrap kbd,
.bootstrap pre,
.bootstrap samp {
  font-family: monospace,monospace;
  font-size: 1em;
}
.bootstrap pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}
.bootstrap figure {
  margin: 0 0 1rem;
}
.bootstrap img {
  vertical-align: middle;
  border-style: none;
}
.bootstrap svg:not(:root) {
  overflow: hidden;
}
.bootstrap [role=button],
.bootstrap a,
.bootstrap area,
.bootstrap button,
.bootstrap input:not([type=range]),
.bootstrap label,
.bootstrap select,
.bootstrap summary,
.bootstrap textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
.bootstrap table {
  border-collapse: collapse;
}
.bootstrap caption {
  padding-top: .75rem;
  padding-bottom: .75rem;
  color: #868e96;
  text-align: left;
  caption-side: bottom;
}
.bootstrap th {
  text-align: inherit;
}
.bootstrap label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.bootstrap button {
  border-radius: 0;
}
.bootstrap button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
.bootstrap button,
.bootstrap input,
.bootstrap optgroup,
.bootstrap select,
.bootstrap textarea {

  font-family: inherit;
  
  line-height: inherit;
}
.bootstrap button,
.bootstrap input {
  overflow: visible;
}
.bootstrap button,
.bootstrap select {
  text-transform: none;
}
.bootstrap [type=reset],
.bootstrap [type=submit],
.bootstrap button,
.bootstrap html [type=button] {
  -webkit-appearance: button;
}
.bootstrap [type=button]::-moz-focus-inner,
.bootstrap [type=reset]::-moz-focus-inner,
.bootstrap [type=submit]::-moz-focus-inner,
.bootstrap button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
.bootstrap input[type=checkbox],
.bootstrap input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
.bootstrap input[type=date],
.bootstrap input[type=datetime-local],
.bootstrap input[type=month],
.bootstrap input[type=time] {
  -webkit-appearance: listbox;
}
.bootstrap textarea {
  overflow: auto;
  resize: vertical;
}
.bootstrap fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
.bootstrap legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
.bootstrap progress {
  vertical-align: baseline;
}
.bootstrap [type=number]::-webkit-inner-spin-button,
.bootstrap [type=number]::-webkit-outer-spin-button {
  height: auto;
}
.bootstrap [type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
.bootstrap [type=search]::-webkit-search-cancel-button,
.bootstrap [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.bootstrap ::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
.bootstrap output {
  display: inline-block;
}
.bootstrap summary {
  display: list-item;
}
.bootstrap template {
  display: none;
}
.bootstrap [hidden] {
  display: none !important;
}
.bootstrap .h1,
.bootstrap .h2,
.bootstrap .h3,
.bootstrap .h4,
.bootstrap .h5,
.bootstrap .h6,
.bootstrap h1,
.bootstrap h2,
.bootstrap h3,
.bootstrap h4,
.bootstrap h5,
.bootstrap h6 {
  margin-bottom: .5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}
.bootstrap .h1,
.bootstrap h1 {
  font-size: 2.5rem;
}
.bootstrap .h2,
.bootstrap h2 {
  font-size: 2rem;
}
.bootstrap .h3,
.bootstrap h3 {
  font-size: 1.75rem;
}
.bootstrap .h4,
.bootstrap h4 {
  font-size: 1.5rem;
}
.bootstrap .h5,
.bootstrap h5 {
  font-size: 1.25rem;
}
.bootstrap .h6,
.bootstrap h6 {
  font-size: 1rem;
}
.bootstrap .lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.bootstrap .display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}
.bootstrap .display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.bootstrap .display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.bootstrap .display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.bootstrap hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.bootstrap .small,
.bootstrap small {
  font-size: 80%;
  font-weight: 400;
}
.bootstrap .mark,
.bootstrap mark {
  padding: .2em;
  background-color: #fcf8e3;
}
.bootstrap .list-unstyled {
  padding-left: 0;
  list-style: none;
}
.bootstrap .list-inline {
  padding-left: 0;
  list-style: none;
}
.bootstrap .list-inline-item {
  display: inline-block;
}
.bootstrap .list-inline-item:not(:last-child) {
  margin-right: 5px;
}
.bootstrap .initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.bootstrap .blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.bootstrap .blockquote-footer {
  display: block;
  font-size: 80%;
  color: #868e96;
}
.bootstrap .blockquote-footer::before {
  content: "\2014 \00A0";
}
.bootstrap .img-fluid {
  max-width: 100%;
  height: auto;
}
.bootstrap .img-thumbnail {
  padding: .25rem;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: .25rem;
  transition: all 0.2s ease-in-out;
  max-width: 100%;
  height: auto;
}
.bootstrap .figure {
  display: inline-block;
}
.bootstrap .figure-img {
  margin-bottom: .5rem;
  line-height: 1;
}
.bootstrap .figure-caption {
  font-size: 90%;
  color: #868e96;
}
.bootstrap code,
.bootstrap kbd,
.bootstrap pre,
.bootstrap samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.bootstrap code {
  padding: .2rem .4rem;
  font-size: 90%;
  color: #bd4147;
  background-color: #f8f9fa;
  border-radius: 0.25rem;
}
.bootstrap a > code {
  padding: 0;
  color: inherit;
  background-color: inherit;
}
.bootstrap kbd {
  padding: .2rem .4rem;
  font-size: 90%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}
.bootstrap kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}
.bootstrap pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 90%;
  color: #212529;
}
.bootstrap pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
  border-radius: 0;
}
.bootstrap .pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.bootstrap .container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .bootstrap .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .bootstrap .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .bootstrap .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .bootstrap .container {
    max-width: 1140px;
  }
}
.bootstrap .container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.bootstrap .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.bootstrap .no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.bootstrap .no-gutters > .col,
.bootstrap .no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.bootstrap .col,
.bootstrap .col-1,
.bootstrap .col-10,
.bootstrap .col-11,
.bootstrap .col-12,
.bootstrap .col-2,
.bootstrap .col-3,
.bootstrap .col-4,
.bootstrap .col-5,
.bootstrap .col-6,
.bootstrap .col-7,
.bootstrap .col-8,
.bootstrap .col-9,
.bootstrap .col-auto,
.bootstrap .col-lg,
.bootstrap .col-lg-1,
.bootstrap .col-lg-10,
.bootstrap .col-lg-11,
.bootstrap .col-lg-12,
.bootstrap .col-lg-2,
.bootstrap .col-lg-3,
.bootstrap .col-lg-4,
.bootstrap .col-lg-5,
.bootstrap .col-lg-6,
.bootstrap .col-lg-7,
.bootstrap .col-lg-8,
.bootstrap .col-lg-9,
.bootstrap .col-lg-auto,
.bootstrap .col-md,
.bootstrap .col-md-1,
.bootstrap .col-md-10,
.bootstrap .col-md-11,
.bootstrap .col-md-12,
.bootstrap .col-md-2,
.bootstrap .col-md-3,
.bootstrap .col-md-4,
.bootstrap .col-md-5,
.bootstrap .col-md-6,
.bootstrap .col-md-7,
.bootstrap .col-md-8,
.bootstrap .col-md-9,
.bootstrap .col-md-auto,
.bootstrap .col-sm,
.bootstrap .col-sm-1,
.bootstrap .col-sm-10,
.bootstrap .col-sm-11,
.bootstrap .col-sm-12,
.bootstrap .col-sm-2,
.bootstrap .col-sm-3,
.bootstrap .col-sm-4,
.bootstrap .col-sm-5,
.bootstrap .col-sm-6,
.bootstrap .col-sm-7,
.bootstrap .col-sm-8,
.bootstrap .col-sm-9,
.bootstrap .col-sm-auto,
.bootstrap .col-xl,
.bootstrap .col-xl-1,
.bootstrap .col-xl-10,
.bootstrap .col-xl-11,
.bootstrap .col-xl-12,
.bootstrap .col-xl-2,
.bootstrap .col-xl-3,
.bootstrap .col-xl-4,
.bootstrap .col-xl-5,
.bootstrap .col-xl-6,
.bootstrap .col-xl-7,
.bootstrap .col-xl-8,
.bootstrap .col-xl-9,
.bootstrap .col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.bootstrap .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.bootstrap .col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
.bootstrap .col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.bootstrap .col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.bootstrap .col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.bootstrap .col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.bootstrap .col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.bootstrap .col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.bootstrap .col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.bootstrap .col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.bootstrap .col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.bootstrap .col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.bootstrap .col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.bootstrap .col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.bootstrap .order-first {
  -ms-flex-order: -1;
  order: -1;
}
.bootstrap .order-1 {
  -ms-flex-order: 1;
  order: 1;
}
.bootstrap .order-2 {
  -ms-flex-order: 2;
  order: 2;
}
.bootstrap .order-3 {
  -ms-flex-order: 3;
  order: 3;
}
.bootstrap .order-4 {
  -ms-flex-order: 4;
  order: 4;
}
.bootstrap .order-5 {
  -ms-flex-order: 5;
  order: 5;
}
.bootstrap .order-6 {
  -ms-flex-order: 6;
  order: 6;
}
.bootstrap .order-7 {
  -ms-flex-order: 7;
  order: 7;
}
.bootstrap .order-8 {
  -ms-flex-order: 8;
  order: 8;
}
.bootstrap .order-9 {
  -ms-flex-order: 9;
  order: 9;
}
.bootstrap .order-10 {
  -ms-flex-order: 10;
  order: 10;
}
.bootstrap .order-11 {
  -ms-flex-order: 11;
  order: 11;
}
.bootstrap .order-12 {
  -ms-flex-order: 12;
  order: 12;
}
.bootstrap .offset-1 {
  margin-left: 8.333333%;
}
.bootstrap .offset-2 {
  margin-left: 16.666667%;
}
.bootstrap .offset-3 {
  margin-left: 25%;
}
.bootstrap .offset-4 {
  margin-left: 33.333333%;
}
.bootstrap .offset-5 {
  margin-left: 41.666667%;
}
.bootstrap .offset-6 {
  margin-left: 50%;
}
.bootstrap .offset-7 {
  margin-left: 58.333333%;
}
.bootstrap .offset-8 {
  margin-left: 66.666667%;
}
.bootstrap .offset-9 {
  margin-left: 75%;
}
.bootstrap .offset-10 {
  margin-left: 83.333333%;
}
.bootstrap .offset-11 {
  margin-left: 91.666667%;
}
@media (min-width: 576px) {
  .bootstrap .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .bootstrap .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .bootstrap .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .bootstrap .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .bootstrap .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .bootstrap .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .bootstrap .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .bootstrap .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .bootstrap .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .bootstrap .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .bootstrap .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .bootstrap .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .bootstrap .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .bootstrap .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bootstrap .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .bootstrap .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .bootstrap .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .bootstrap .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .bootstrap .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .bootstrap .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .bootstrap .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .bootstrap .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .bootstrap .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .bootstrap .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .bootstrap .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .bootstrap .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .bootstrap .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .bootstrap .offset-sm-0 {
    margin-left: 0;
  }
  .bootstrap .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .bootstrap .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .bootstrap .offset-sm-3 {
    margin-left: 25%;
  }
  .bootstrap .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .bootstrap .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .bootstrap .offset-sm-6 {
    margin-left: 50%;
  }
  .bootstrap .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .bootstrap .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .bootstrap .offset-sm-9 {
    margin-left: 75%;
  }
  .bootstrap .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .bootstrap .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .bootstrap .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .bootstrap .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .bootstrap .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .bootstrap .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .bootstrap .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .bootstrap .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .bootstrap .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .bootstrap .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .bootstrap .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .bootstrap .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .bootstrap .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .bootstrap .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .bootstrap .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .bootstrap .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bootstrap .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .bootstrap .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .bootstrap .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .bootstrap .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .bootstrap .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .bootstrap .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .bootstrap .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .bootstrap .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .bootstrap .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .bootstrap .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .bootstrap .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .bootstrap .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .bootstrap .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .bootstrap .offset-md-0 {
    margin-left: 0;
  }
  .bootstrap .offset-md-1 {
    margin-left: 8.333333%;
  }
  .bootstrap .offset-md-2 {
    margin-left: 16.666667%;
  }
  .bootstrap .offset-md-3 {
    margin-left: 25%;
  }
  .bootstrap .offset-md-4 {
    margin-left: 33.333333%;
  }
  .bootstrap .offset-md-5 {
    margin-left: 41.666667%;
  }
  .bootstrap .offset-md-6 {
    margin-left: 50%;
  }
  .bootstrap .offset-md-7 {
    margin-left: 58.333333%;
  }
  .bootstrap .offset-md-8 {
    margin-left: 66.666667%;
  }
  .bootstrap .offset-md-9 {
    margin-left: 75%;
  }
  .bootstrap .offset-md-10 {
    margin-left: 83.333333%;
  }
  .bootstrap .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .bootstrap .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .bootstrap .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .bootstrap .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .bootstrap .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .bootstrap .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .bootstrap .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .bootstrap .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .bootstrap .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .bootstrap .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .bootstrap .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .bootstrap .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .bootstrap .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .bootstrap .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .bootstrap .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bootstrap .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .bootstrap .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .bootstrap .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .bootstrap .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .bootstrap .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .bootstrap .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .bootstrap .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .bootstrap .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .bootstrap .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .bootstrap .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .bootstrap .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .bootstrap .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .bootstrap .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .bootstrap .offset-lg-0 {
    margin-left: 0;
  }
  .bootstrap .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .bootstrap .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .bootstrap .offset-lg-3 {
    margin-left: 25%;
  }
  .bootstrap .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .bootstrap .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .bootstrap .offset-lg-6 {
    margin-left: 50%;
  }
  .bootstrap .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .bootstrap .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .bootstrap .offset-lg-9 {
    margin-left: 75%;
  }
  .bootstrap .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .bootstrap .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .bootstrap .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .bootstrap .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .bootstrap .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .bootstrap .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .bootstrap .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .bootstrap .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .bootstrap .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .bootstrap .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .bootstrap .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .bootstrap .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .bootstrap .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .bootstrap .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .bootstrap .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .bootstrap .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bootstrap .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .bootstrap .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .bootstrap .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .bootstrap .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .bootstrap .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .bootstrap .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .bootstrap .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .bootstrap .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .bootstrap .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .bootstrap .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .bootstrap .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .bootstrap .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .bootstrap .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .bootstrap .offset-xl-0 {
    margin-left: 0;
  }
  .bootstrap .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .bootstrap .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .bootstrap .offset-xl-3 {
    margin-left: 25%;
  }
  .bootstrap .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .bootstrap .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .bootstrap .offset-xl-6 {
    margin-left: 50%;
  }
  .bootstrap .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .bootstrap .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .bootstrap .offset-xl-9 {
    margin-left: 75%;
  }
  .bootstrap .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .bootstrap .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.bootstrap .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}
.bootstrap .table td,
.bootstrap .table th {
  padding: .75rem;
  vertical-align: top;
  border-top: 1px solid #e9ecef;
}
.bootstrap .table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #e9ecef;
}
.bootstrap .table tbody + tbody {
  border-top: 2px solid #e9ecef;
}
.bootstrap .table .table {
  background-color: #ffffff;
}
.bootstrap .table-sm td,
.bootstrap .table-sm th {
  padding: 0.3rem;
}
.bootstrap .table-bordered {
  border: 1px solid #e9ecef;
}
.bootstrap .table-bordered td,
.bootstrap .table-bordered th {
  border: 1px solid #e9ecef;
}
.bootstrap .table-bordered thead td,
.bootstrap .table-bordered thead th {
  border-bottom-width: 2px;
}
.bootstrap .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.bootstrap .table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.bootstrap .table-primary,
.bootstrap .table-primary > td,
.bootstrap .table-primary > th {
  background-color: #b8daff;
}
.bootstrap .table-hover .table-primary:hover {
  background-color: #9fcdff;
}
.bootstrap .table-hover .table-primary:hover > td,
.bootstrap .table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}
.bootstrap .table-secondary,
.bootstrap .table-secondary > td,
.bootstrap .table-secondary > th {
  background-color: #dddfe2;
}
.bootstrap .table-hover .table-secondary:hover {
  background-color: #cfd2d6;
}
.bootstrap .table-hover .table-secondary:hover > td,
.bootstrap .table-hover .table-secondary:hover > th {
  background-color: #cfd2d6;
}
.bootstrap .table-success,
.bootstrap .table-success > td,
.bootstrap .table-success > th {
  background-color: #c3e6cb;
}
.bootstrap .table-hover .table-success:hover {
  background-color: #b1dfbb;
}
.bootstrap .table-hover .table-success:hover > td,
.bootstrap .table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}
.bootstrap .table-info,
.bootstrap .table-info > td,
.bootstrap .table-info > th {
  background-color: #bee5eb;
}
.bootstrap .table-hover .table-info:hover {
  background-color: #abdde5;
}
.bootstrap .table-hover .table-info:hover > td,
.bootstrap .table-hover .table-info:hover > th {
  background-color: #abdde5;
}
.bootstrap .table-warning,
.bootstrap .table-warning > td,
.bootstrap .table-warning > th {
  background-color: #ffeeba;
}
.bootstrap .table-hover .table-warning:hover {
  background-color: #ffe8a1;
}
.bootstrap .table-hover .table-warning:hover > td,
.bootstrap .table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}
.bootstrap .table-danger,
.bootstrap .table-danger > td,
.bootstrap .table-danger > th {
  background-color: #f5c6cb;
}
.bootstrap .table-hover .table-danger:hover {
  background-color: #f1b0b7;
}
.bootstrap .table-hover .table-danger:hover > td,
.bootstrap .table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}
.bootstrap .table-light,
.bootstrap .table-light > td,
.bootstrap .table-light > th {
  background-color: #fdfdfe;
}
.bootstrap .table-hover .table-light:hover {
  background-color: #ececf6;
}
.bootstrap .table-hover .table-light:hover > td,
.bootstrap .table-hover .table-light:hover > th {
  background-color: #ececf6;
}
.bootstrap .table-dark,
.bootstrap .table-dark > td,
.bootstrap .table-dark > th {
  background-color: #c6c8ca;
}
.bootstrap .table-hover .table-dark:hover {
  background-color: #b9bbbe;
}
.bootstrap .table-hover .table-dark:hover > td,
.bootstrap .table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}
.bootstrap .table-active,
.bootstrap .table-active > td,
.bootstrap .table-active > th {
  background-color: rgba(0, 0, 0, 0.075);
}
.bootstrap .table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.bootstrap .table-hover .table-active:hover > td,
.bootstrap .table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}
.bootstrap .table .thead-dark th {
  color: #fff;
  background-color: #212529;
  border-color: #32383e;
}
.bootstrap .table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #e9ecef;
}
.bootstrap .table-dark {
  color: #fff;
  background-color: #212529;
}
.bootstrap .table-dark td,
.bootstrap .table-dark th,
.bootstrap .table-dark thead th {
  border-color: #32383e;
}
.bootstrap .table-dark.table-bordered {
  border: 0;
}
.bootstrap .table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.bootstrap .table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575px) {
  .bootstrap .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .bootstrap .table-responsive-sm.table-bordered {
    border: 0;
  }
}
@media (max-width: 767px) {
  .bootstrap .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .bootstrap .table-responsive-md.table-bordered {
    border: 0;
  }
}
@media (max-width: 991px) {
  .bootstrap .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .bootstrap .table-responsive-lg.table-bordered {
    border: 0;
  }
}
@media (max-width: 1199px) {
  .bootstrap .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .bootstrap .table-responsive-xl.table-bordered {
    border: 0;
  }
}
.bootstrap .table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.bootstrap .table-responsive.table-bordered {
  border: 0;
}
.bootstrap .form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.bootstrap .form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.bootstrap .form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.bootstrap .form-control::-webkit-input-placeholder {
  color: #868e96;
  opacity: 1;
}
.bootstrap .form-control:-ms-input-placeholder {
  color: #868e96;
  opacity: 1;
}
.bootstrap .form-control::-ms-input-placeholder {
  color: #868e96;
  opacity: 1;
}
.bootstrap .form-control::placeholder {
  color: #868e96;
  opacity: 1;
}
.bootstrap .form-control:disabled,
.bootstrap .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
.bootstrap select.form-control:not([size]):not([multiple]) {
  height: calc(4.25rem);
}
.bootstrap select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #ffffff;
}
.bootstrap .form-control-file,
.bootstrap .form-control-range {
  display: block;
}
.bootstrap .col-form-label {
  padding-top: calc(1.375rem);
  padding-bottom: calc(1.375rem);
  margin-bottom: 0;
  line-height: 1.5;
}
.bootstrap .col-form-label-lg {
  padding-top: calc(1.5rem);
  padding-bottom: calc(1.5rem);
  font-size: 1.25rem;
  line-height: 1.5;
}
.bootstrap .col-form-label-sm {
  padding-top: calc(1.25rem);
  padding-bottom: calc(1.25rem);
  font-size: .875rem;
  line-height: 1.5;
}
.bootstrap .col-form-legend {
  padding-top: .375rem;
  padding-bottom: .375rem;
  margin-bottom: 0;
  font-size: 1rem;
}
.bootstrap .form-control-plaintext {
  padding-top: .375rem;
  padding-bottom: .375rem;
  margin-bottom: 0;
  line-height: 1.5;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.bootstrap .form-control-plaintext.form-control-lg,
.bootstrap .form-control-plaintext.form-control-sm,
.bootstrap .input-group-lg > .form-control-plaintext.form-control,
.bootstrap .input-group-lg > .form-control-plaintext.input-group-addon,
.bootstrap .input-group-lg > .input-group-btn > .form-control-plaintext.btn,
.bootstrap .input-group-sm > .form-control-plaintext.form-control,
.bootstrap .input-group-sm > .form-control-plaintext.input-group-addon,
.bootstrap .input-group-sm > .input-group-btn > .form-control-plaintext.btn {
  padding-right: 0;
  padding-left: 0;
}
.bootstrap .form-control-sm,
.bootstrap .input-group-sm > .form-control,
.bootstrap .input-group-sm > .input-group-addon,
.bootstrap .input-group-sm > .input-group-btn > .btn {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.bootstrap .input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]),
.bootstrap .input-group-sm > select.form-control:not([size]):not([multiple]),
.bootstrap .input-group-sm > select.input-group-addon:not([size]):not([multiple]),
.bootstrap select.form-control-sm:not([size]):not([multiple]) {
  height: calc(3.8125rem);
}
.bootstrap .form-control-lg,
.bootstrap .input-group-lg > .form-control,
.bootstrap .input-group-lg > .input-group-addon,
.bootstrap .input-group-lg > .input-group-btn > .btn {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.bootstrap .input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]),
.bootstrap .input-group-lg > select.form-control:not([size]):not([multiple]),
.bootstrap .input-group-lg > select.input-group-addon:not([size]):not([multiple]),
.bootstrap select.form-control-lg:not([size]):not([multiple]) {
  height: calc(4.875rem);
}
.bootstrap .form-group {
  margin-bottom: 1rem;
}
.bootstrap .form-text {
  display: block;
  margin-top: 0.25rem;
}
.bootstrap .form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.bootstrap .form-row > .col,
.bootstrap .form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}
.bootstrap .form-check {
  position: relative;
  display: block;
  margin-bottom: 0.5rem;
}
.bootstrap .form-check.disabled .form-check-label {
  color: #868e96;
}
.bootstrap .form-check-label {
  padding-left: 1.25rem;
  margin-bottom: 0;
}
.bootstrap .form-check-input {
  position: absolute;
  margin-top: .25rem;
  margin-left: -1.25rem;
}
.bootstrap .form-check-inline {
  display: inline-block;
  margin-right: 0.75rem;
}
.bootstrap .form-check-inline .form-check-label {
  vertical-align: middle;
}
.bootstrap .valid-feedback {
  display: none;
  margin-top: .25rem;
  font-size: .875rem;
  color: #28a745;
}
.bootstrap .valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  width: 250px;
  padding: .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.8);
  border-radius: 0.2rem;
}
.bootstrap .custom-select.is-valid,
.bootstrap .form-control.is-valid,
.bootstrap .was-validated .custom-select:valid,
.bootstrap .was-validated .form-control:valid {
  border-color: #28a745;
}
.bootstrap .custom-select.is-valid:focus,
.bootstrap .form-control.is-valid:focus,
.bootstrap .was-validated .custom-select:valid:focus,
.bootstrap .was-validated .form-control:valid:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.bootstrap .custom-select.is-valid ~ .valid-feedback,
.bootstrap .custom-select.is-valid ~ .valid-tooltip,
.bootstrap .form-control.is-valid ~ .valid-feedback,
.bootstrap .form-control.is-valid ~ .valid-tooltip,
.bootstrap .was-validated .custom-select:valid ~ .valid-feedback,
.bootstrap .was-validated .custom-select:valid ~ .valid-tooltip,
.bootstrap .was-validated .form-control:valid ~ .valid-feedback,
.bootstrap .was-validated .form-control:valid ~ .valid-tooltip {
  display: block;
}
.bootstrap .form-check-input.is-valid + .form-check-label,
.bootstrap .was-validated .form-check-input:valid + .form-check-label {
  color: #28a745;
}
.bootstrap .custom-control-input.is-valid ~ .custom-control-indicator,
.bootstrap .was-validated .custom-control-input:valid ~ .custom-control-indicator {
  background-color: rgba(40, 167, 69, 0.25);
}
.bootstrap .custom-control-input.is-valid ~ .custom-control-description,
.bootstrap .was-validated .custom-control-input:valid ~ .custom-control-description {
  color: #28a745;
}
.bootstrap .custom-file-input.is-valid ~ .custom-file-control,
.bootstrap .was-validated .custom-file-input:valid ~ .custom-file-control {
  border-color: #28a745;
}
.bootstrap .custom-file-input.is-valid ~ .custom-file-control::before,
.bootstrap .was-validated .custom-file-input:valid ~ .custom-file-control::before {
  border-color: inherit;
}
.bootstrap .custom-file-input.is-valid:focus,
.bootstrap .was-validated .custom-file-input:valid:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.bootstrap .invalid-feedback {
  display: none;
  margin-top: .25rem;
  font-size: .875rem;
  color: #dc3545;
}
.bootstrap .invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  width: 250px;
  padding: .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.8);
  border-radius: 0.2rem;
}
.bootstrap .custom-select.is-invalid,
.bootstrap .form-control.is-invalid,
.bootstrap .was-validated .custom-select:invalid,
.bootstrap .was-validated .form-control:invalid {
  border-color: #dc3545;
}
.bootstrap .custom-select.is-invalid:focus,
.bootstrap .form-control.is-invalid:focus,
.bootstrap .was-validated .custom-select:invalid:focus,
.bootstrap .was-validated .form-control:invalid:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.bootstrap .custom-select.is-invalid ~ .invalid-feedback,
.bootstrap .custom-select.is-invalid ~ .invalid-tooltip,
.bootstrap .form-control.is-invalid ~ .invalid-feedback,
.bootstrap .form-control.is-invalid ~ .invalid-tooltip,
.bootstrap .was-validated .custom-select:invalid ~ .invalid-feedback,
.bootstrap .was-validated .custom-select:invalid ~ .invalid-tooltip,
.bootstrap .was-validated .form-control:invalid ~ .invalid-feedback,
.bootstrap .was-validated .form-control:invalid ~ .invalid-tooltip {
  display: block;
}
.bootstrap .form-check-input.is-invalid + .form-check-label,
.bootstrap .was-validated .form-check-input:invalid + .form-check-label {
  color: #dc3545;
}
.bootstrap .custom-control-input.is-invalid ~ .custom-control-indicator,
.bootstrap .was-validated .custom-control-input:invalid ~ .custom-control-indicator {
  background-color: rgba(220, 53, 69, 0.25);
}
.bootstrap .custom-control-input.is-invalid ~ .custom-control-description,
.bootstrap .was-validated .custom-control-input:invalid ~ .custom-control-description {
  color: #dc3545;
}
.bootstrap .custom-file-input.is-invalid ~ .custom-file-control,
.bootstrap .was-validated .custom-file-input:invalid ~ .custom-file-control {
  border-color: #dc3545;
}
.bootstrap .custom-file-input.is-invalid ~ .custom-file-control::before,
.bootstrap .was-validated .custom-file-input:invalid ~ .custom-file-control::before {
  border-color: inherit;
}
.bootstrap .custom-file-input.is-invalid:focus,
.bootstrap .was-validated .custom-file-input:invalid:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.bootstrap .form-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center;
}
.bootstrap .form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .bootstrap .form-inline label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .bootstrap .form-inline .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
  }
  .bootstrap .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .bootstrap .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .bootstrap .form-inline .input-group {
    width: auto;
  }
  .bootstrap .form-inline .form-check {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
  }
  .bootstrap .form-inline .form-check-label {
    padding-left: 0;
  }
  .bootstrap .form-inline .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: .25rem;
    margin-left: 0;
  }
  .bootstrap .form-inline .custom-control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
  }
  .bootstrap .form-inline .custom-control-indicator {
    position: static;
    display: inline-block;
    margin-right: .25rem;
    vertical-align: text-bottom;
  }
  .bootstrap .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.bootstrap .btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.bootstrap .btn:focus,
.bootstrap .btn:hover {
  text-decoration: none;
}
.bootstrap .btn.focus,
.bootstrap .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.bootstrap .btn.disabled,
.bootstrap .btn:disabled {
  opacity: 0.65;
}
.bootstrap .btn:not([disabled]):not(.disabled).active,
.bootstrap .btn:not([disabled]):not(.disabled):active {
  background-image: none;
}
.bootstrap a.btn.disabled,
.bootstrap fieldset[disabled] a.btn {
  pointer-events: none;
}
.bootstrap .btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.bootstrap .btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.bootstrap .btn-primary.focus,
.bootstrap .btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.bootstrap .btn-primary.disabled,
.bootstrap .btn-primary:disabled {
  background-color: #007bff;
  border-color: #007bff;
}
.bootstrap .btn-primary:not([disabled]):not(.disabled).active,
.bootstrap .btn-primary:not([disabled]):not(.disabled):active,
.bootstrap .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.bootstrap .btn-secondary {
  color: #fff;
  background-color: #868e96;
  border-color: #868e96;
}
.bootstrap .btn-secondary:hover {
  color: #fff;
  background-color: #727b84;
  border-color: #6c757d;
}
.bootstrap .btn-secondary.focus,
.bootstrap .btn-secondary:focus {
  box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}
.bootstrap .btn-secondary.disabled,
.bootstrap .btn-secondary:disabled {
  background-color: #868e96;
  border-color: #868e96;
}
.bootstrap .btn-secondary:not([disabled]):not(.disabled).active,
.bootstrap .btn-secondary:not([disabled]):not(.disabled):active,
.bootstrap .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #666e76;
  box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}
.bootstrap .btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.bootstrap .btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.bootstrap .btn-success.focus,
.bootstrap .btn-success:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.bootstrap .btn-success.disabled,
.bootstrap .btn-success:disabled {
  background-color: #28a745;
  border-color: #28a745;
}
.bootstrap .btn-success:not([disabled]):not(.disabled).active,
.bootstrap .btn-success:not([disabled]):not(.disabled):active,
.bootstrap .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.bootstrap .btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.bootstrap .btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}
.bootstrap .btn-info.focus,
.bootstrap .btn-info:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.bootstrap .btn-info.disabled,
.bootstrap .btn-info:disabled {
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.bootstrap .btn-info:not([disabled]):not(.disabled).active,
.bootstrap .btn-info:not([disabled]):not(.disabled):active,
.bootstrap .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.bootstrap .btn-warning {
  color: #111;
  background-color: #ffc107;
  border-color: #ffc107;
}
.bootstrap .btn-warning:hover {
  color: #111;
  background-color: #e0a800;
  border-color: #d39e00;
}
.bootstrap .btn-warning.focus,
.bootstrap .btn-warning:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.bootstrap .btn-warning.disabled,
.bootstrap .btn-warning:disabled {
  background-color: #ffc107;
  border-color: #ffc107;
}
.bootstrap .btn-warning:not([disabled]):not(.disabled).active,
.bootstrap .btn-warning:not([disabled]):not(.disabled):active,
.bootstrap .show > .btn-warning.dropdown-toggle {
  color: #111;
  background-color: #d39e00;
  border-color: #c69500;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.bootstrap .btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.bootstrap .btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}
.bootstrap .btn-danger.focus,
.bootstrap .btn-danger:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.bootstrap .btn-danger.disabled,
.bootstrap .btn-danger:disabled {
  background-color: #dc3545;
  border-color: #dc3545;
}
.bootstrap .btn-danger:not([disabled]):not(.disabled).active,
.bootstrap .btn-danger:not([disabled]):not(.disabled):active,
.bootstrap .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.bootstrap .btn-light {
  color: #111;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.bootstrap .btn-light:hover {
  color: #111;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
.bootstrap .btn-light.focus,
.bootstrap .btn-light:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.bootstrap .btn-light.disabled,
.bootstrap .btn-light:disabled {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.bootstrap .btn-light:not([disabled]):not(.disabled).active,
.bootstrap .btn-light:not([disabled]):not(.disabled):active,
.bootstrap .show > .btn-light.dropdown-toggle {
  color: #111;
  background-color: #dae0e5;
  border-color: #d3d9df;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.bootstrap .btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.bootstrap .btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}
.bootstrap .btn-dark.focus,
.bootstrap .btn-dark:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.bootstrap .btn-dark.disabled,
.bootstrap .btn-dark:disabled {
  background-color: #343a40;
  border-color: #343a40;
}
.bootstrap .btn-dark:not([disabled]):not(.disabled).active,
.bootstrap .btn-dark:not([disabled]):not(.disabled):active,
.bootstrap .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.bootstrap .btn-outline-primary {
  color: #007bff;
  background-color: transparent;
  background-image: none;
  border-color: #007bff;
}
.bootstrap .btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.bootstrap .btn-outline-primary.focus,
.bootstrap .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.bootstrap .btn-outline-primary.disabled,
.bootstrap .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}
.bootstrap .btn-outline-primary:not([disabled]):not(.disabled).active,
.bootstrap .btn-outline-primary:not([disabled]):not(.disabled):active,
.bootstrap .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.bootstrap .btn-outline-secondary {
  color: #868e96;
  background-color: transparent;
  background-image: none;
  border-color: #868e96;
}
.bootstrap .btn-outline-secondary:hover {
  color: #fff;
  background-color: #868e96;
  border-color: #868e96;
}
.bootstrap .btn-outline-secondary.focus,
.bootstrap .btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}
.bootstrap .btn-outline-secondary.disabled,
.bootstrap .btn-outline-secondary:disabled {
  color: #868e96;
  background-color: transparent;
}
.bootstrap .btn-outline-secondary:not([disabled]):not(.disabled).active,
.bootstrap .btn-outline-secondary:not([disabled]):not(.disabled):active,
.bootstrap .show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #868e96;
  border-color: #868e96;
  box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}
.bootstrap .btn-outline-success {
  color: #28a745;
  background-color: transparent;
  background-image: none;
  border-color: #28a745;
}
.bootstrap .btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.bootstrap .btn-outline-success.focus,
.bootstrap .btn-outline-success:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.bootstrap .btn-outline-success.disabled,
.bootstrap .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}
.bootstrap .btn-outline-success:not([disabled]):not(.disabled).active,
.bootstrap .btn-outline-success:not([disabled]):not(.disabled):active,
.bootstrap .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.bootstrap .btn-outline-info {
  color: #17a2b8;
  background-color: transparent;
  background-image: none;
  border-color: #17a2b8;
}
.bootstrap .btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.bootstrap .btn-outline-info.focus,
.bootstrap .btn-outline-info:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.bootstrap .btn-outline-info.disabled,
.bootstrap .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.bootstrap .btn-outline-info:not([disabled]):not(.disabled).active,
.bootstrap .btn-outline-info:not([disabled]):not(.disabled):active,
.bootstrap .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.bootstrap .btn-outline-warning {
  color: #ffc107;
  background-color: transparent;
  background-image: none;
  border-color: #ffc107;
}
.bootstrap .btn-outline-warning:hover {
  color: #fff;
  background-color: #ffc107;
  border-color: #ffc107;
}
.bootstrap .btn-outline-warning.focus,
.bootstrap .btn-outline-warning:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.bootstrap .btn-outline-warning.disabled,
.bootstrap .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}
.bootstrap .btn-outline-warning:not([disabled]):not(.disabled).active,
.bootstrap .btn-outline-warning:not([disabled]):not(.disabled):active,
.bootstrap .show > .btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #ffc107;
  border-color: #ffc107;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.bootstrap .btn-outline-danger {
  color: #dc3545;
  background-color: transparent;
  background-image: none;
  border-color: #dc3545;
}
.bootstrap .btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.bootstrap .btn-outline-danger.focus,
.bootstrap .btn-outline-danger:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.bootstrap .btn-outline-danger.disabled,
.bootstrap .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}
.bootstrap .btn-outline-danger:not([disabled]):not(.disabled).active,
.bootstrap .btn-outline-danger:not([disabled]):not(.disabled):active,
.bootstrap .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.bootstrap .btn-outline-light {
  color: #f8f9fa;
  background-color: transparent;
  background-image: none;
  border-color: #f8f9fa;
}
.bootstrap .btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.bootstrap .btn-outline-light.focus,
.bootstrap .btn-outline-light:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.bootstrap .btn-outline-light.disabled,
.bootstrap .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.bootstrap .btn-outline-light:not([disabled]):not(.disabled).active,
.bootstrap .btn-outline-light:not([disabled]):not(.disabled):active,
.bootstrap .show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.bootstrap .btn-outline-dark {
  color: #343a40;
  background-color: transparent;
  background-image: none;
  border-color: #343a40;
}
.bootstrap .btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.bootstrap .btn-outline-dark.focus,
.bootstrap .btn-outline-dark:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.bootstrap .btn-outline-dark.disabled,
.bootstrap .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.bootstrap .btn-outline-dark:not([disabled]):not(.disabled).active,
.bootstrap .btn-outline-dark:not([disabled]):not(.disabled):active,
.bootstrap .show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.bootstrap .btn-link {
  font-weight: 400;
  color: #007bff;
  background-color: transparent;
}
.bootstrap .btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}
.bootstrap .btn-link.focus,
.bootstrap .btn-link:focus {
  border-color: transparent;
  box-shadow: none;
}
.bootstrap .btn-link.disabled,
.bootstrap .btn-link:disabled {
  color: #868e96;
}
.bootstrap .btn-group-lg > .btn,
.bootstrap .btn-lg {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.bootstrap .btn-group-sm > .btn,
.bootstrap .btn-sm {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.bootstrap .btn-block {
  display: block;
  width: 100%;
}
.bootstrap .btn-block + .btn-block {
  margin-top: 0.5rem;
}
.bootstrap input[type=button].btn-block,
.bootstrap input[type=reset].btn-block,
.bootstrap input[type=submit].btn-block {
  width: 100%;
}
.bootstrap .fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.bootstrap .fade.show {
  opacity: 1;
}
.bootstrap .collapse {
  display: none;
}
.bootstrap .collapse.show {
  display: block;
}
.bootstrap tr.collapse.show {
  display: table-row;
}
.bootstrap tbody.collapse.show {
  display: table-row-group;
}
.bootstrap .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
.bootstrap .dropdown,
.bootstrap .dropup {
  position: relative;
}
.bootstrap .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.bootstrap .dropdown-toggle:empty::after {
  margin-left: 0;
}
.bootstrap .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.bootstrap .dropup .dropdown-menu {
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.bootstrap .dropup .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid;
  border-left: 0.3em solid transparent;
}
.bootstrap .dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.bootstrap .dropdown-divider {
  height: 0;
  margin: .5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}
.bootstrap .dropdown-item {
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background: 0 0;
  border: 0;
}
.bootstrap .dropdown-item:focus,
.bootstrap .dropdown-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}
.bootstrap .dropdown-item.active,
.bootstrap .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}
.bootstrap .dropdown-item.disabled,
.bootstrap .dropdown-item:disabled {
  color: #868e96;
  background-color: transparent;
}
.bootstrap .dropdown-menu.show {
  display: block;
}
.bootstrap .dropdown-header {
  display: block;
  padding: .5rem 1.5rem;
  margin-bottom: 0;
  font-size: .875rem;
  color: #868e96;
  white-space: nowrap;
}
.bootstrap .btn-group,
.bootstrap .btn-group-vertical {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}
.bootstrap .btn-group-vertical > .btn,
.bootstrap .btn-group > .btn {
  position: relative;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.bootstrap .btn-group-vertical > .btn:hover,
.bootstrap .btn-group > .btn:hover {
  z-index: 2;
}
.bootstrap .btn-group-vertical > .btn.active,
.bootstrap .btn-group-vertical > .btn:active,
.bootstrap .btn-group-vertical > .btn:focus,
.bootstrap .btn-group > .btn.active,
.bootstrap .btn-group > .btn:active,
.bootstrap .btn-group > .btn:focus {
  z-index: 2;
}
.bootstrap .btn-group .btn + .btn,
.bootstrap .btn-group .btn + .btn-group,
.bootstrap .btn-group .btn-group + .btn,
.bootstrap .btn-group .btn-group + .btn-group,
.bootstrap .btn-group-vertical .btn + .btn,
.bootstrap .btn-group-vertical .btn + .btn-group,
.bootstrap .btn-group-vertical .btn-group + .btn,
.bootstrap .btn-group-vertical .btn-group + .btn-group {
  margin-left: -1px;
}
.bootstrap .btn-toolbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.bootstrap .btn-toolbar .input-group {
  width: auto;
}
.bootstrap .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.bootstrap .btn-group > .btn:first-child {
  margin-left: 0;
}
.bootstrap .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.bootstrap .btn-group > .btn:last-child:not(:first-child),
.bootstrap .btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.bootstrap .btn-group > .btn-group {
  float: left;
}
.bootstrap .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.bootstrap .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.bootstrap .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.bootstrap .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.bootstrap .btn + .dropdown-toggle-split {
  padding-right: .5625rem;
  padding-left: 0.5625rem;
}
.bootstrap .btn + .dropdown-toggle-split::after {
  margin-left: 0;
}
.bootstrap .btn-group-sm > .btn + .dropdown-toggle-split,
.bootstrap .btn-sm + .dropdown-toggle-split {
  padding-right: .375rem;
  padding-left: 0.375rem;
}
.bootstrap .btn-group-lg > .btn + .dropdown-toggle-split,
.bootstrap .btn-lg + .dropdown-toggle-split {
  padding-right: .75rem;
  padding-left: 0.75rem;
}
.bootstrap .btn-group-vertical {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
}
.bootstrap .btn-group-vertical .btn,
.bootstrap .btn-group-vertical .btn-group {
  width: 100%;
}
.bootstrap .btn-group-vertical > .btn + .btn,
.bootstrap .btn-group-vertical > .btn + .btn-group,
.bootstrap .btn-group-vertical > .btn-group + .btn,
.bootstrap .btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.bootstrap .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.bootstrap .btn-group-vertical > .btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.bootstrap .btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.bootstrap .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.bootstrap .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.bootstrap .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.bootstrap .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.bootstrap [data-toggle=buttons] > .btn input[type=checkbox],
.bootstrap [data-toggle=buttons] > .btn input[type=radio],
.bootstrap [data-toggle=buttons] > .btn-group > .btn input[type=checkbox],
.bootstrap [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.bootstrap .input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}
.bootstrap .input-group .form-control {
  position: relative;
  z-index: 2;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.bootstrap .input-group .form-control:active,
.bootstrap .input-group .form-control:focus,
.bootstrap .input-group .form-control:hover {
  z-index: 3;
}
.bootstrap .input-group .form-control,
.bootstrap .input-group-addon,
.bootstrap .input-group-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.bootstrap .input-group .form-control:not(:first-child):not(:last-child),
.bootstrap .input-group-addon:not(:first-child):not(:last-child),
.bootstrap .input-group-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.bootstrap .input-group-addon,
.bootstrap .input-group-btn {
  white-space: nowrap;
}
.bootstrap .input-group-addon {
  padding: .375rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.bootstrap .input-group-addon.form-control-sm,
.bootstrap .input-group-sm > .input-group-addon,
.bootstrap .input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: 0.2rem;
}
.bootstrap .input-group-addon.form-control-lg,
.bootstrap .input-group-lg > .input-group-addon,
.bootstrap .input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.bootstrap .input-group-addon input[type=checkbox],
.bootstrap .input-group-addon input[type=radio] {
  margin-top: 0;
}
.bootstrap .input-group .form-control:not(:last-child),
.bootstrap .input-group-addon:not(:last-child),
.bootstrap .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn,
.bootstrap .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
.bootstrap .input-group-btn:not(:last-child) > .btn,
.bootstrap .input-group-btn:not(:last-child) > .btn-group > .btn,
.bootstrap .input-group-btn:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.bootstrap .input-group-addon:not(:last-child) {
  border-right: 0;
}
.bootstrap .input-group .form-control:not(:first-child),
.bootstrap .input-group-addon:not(:first-child),
.bootstrap .input-group-btn:not(:first-child) > .btn,
.bootstrap .input-group-btn:not(:first-child) > .btn-group > .btn,
.bootstrap .input-group-btn:not(:first-child) > .dropdown-toggle,
.bootstrap .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn,
.bootstrap .input-group-btn:not(:last-child) > .btn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.bootstrap .form-control + .input-group-addon:not(:first-child) {
  border-left: 0;
}
.bootstrap .input-group-btn {
  position: relative;
  -ms-flex-align: stretch;
  align-items: stretch;
  font-size: 0;
  white-space: nowrap;
}
.bootstrap .input-group-btn > .btn {
  position: relative;
}
.bootstrap .input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.bootstrap .input-group-btn > .btn:active,
.bootstrap .input-group-btn > .btn:focus,
.bootstrap .input-group-btn > .btn:hover {
  z-index: 3;
}
.bootstrap .input-group-btn:first-child > .btn + .btn {
  margin-left: 0;
}
.bootstrap .input-group-btn:not(:last-child) > .btn,
.bootstrap .input-group-btn:not(:last-child) > .btn-group {
  margin-right: -1px;
}
.bootstrap .input-group-btn:not(:first-child) > .btn,
.bootstrap .input-group-btn:not(:first-child) > .btn-group {
  z-index: 2;
  margin-left: 0;
}
.bootstrap .input-group-btn:not(:first-child) > .btn-group:first-child,
.bootstrap .input-group-btn:not(:first-child) > .btn:first-child {
  margin-left: -1px;
}
.bootstrap .input-group-btn:not(:first-child) > .btn-group:active,
.bootstrap .input-group-btn:not(:first-child) > .btn-group:focus,
.bootstrap .input-group-btn:not(:first-child) > .btn-group:hover,
.bootstrap .input-group-btn:not(:first-child) > .btn:active,
.bootstrap .input-group-btn:not(:first-child) > .btn:focus,
.bootstrap .input-group-btn:not(:first-child) > .btn:hover {
  z-index: 3;
}
.bootstrap .custom-control {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  margin-right: 1rem;
}
.bootstrap .custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.bootstrap .custom-control-input:checked ~ .custom-control-indicator {
  color: #fff;
  background-color: #007bff;
}
.bootstrap .custom-control-input:focus ~ .custom-control-indicator {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.bootstrap .custom-control-input:active ~ .custom-control-indicator {
  color: #fff;
  background-color: #b3d7ff;
}
.bootstrap .custom-control-input:disabled ~ .custom-control-indicator {
  background-color: #e9ecef;
}
.bootstrap .custom-control-input:disabled ~ .custom-control-description {
  color: #868e96;
}
.bootstrap .custom-control-indicator {
  position: absolute;
  top: .25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #ddd;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
.bootstrap .custom-checkbox .custom-control-indicator {
  border-radius: 0.25rem;
}
.bootstrap .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
.bootstrap .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
  background-color: #007bff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}
.bootstrap .custom-radio .custom-control-indicator {
  border-radius: 50%;
}
.bootstrap .custom-radio .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}
.bootstrap .custom-controls-stacked {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.bootstrap .custom-controls-stacked .custom-control {
  margin-bottom: 0.25rem;
}
.bootstrap .custom-controls-stacked .custom-control + .custom-control {
  margin-left: 0;
}
.bootstrap .custom-select {
  display: inline-block;
  max-width: 100%;
  height: calc(4.25rem);
  padding: .375rem 1.75rem .375rem .75rem;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #ffffff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.bootstrap .custom-select:focus {
  border-color: #80bdff;
  outline: 0;
}
.bootstrap .custom-select:focus::-ms-value {
  color: #495057;
  background-color: #ffffff;
}
.bootstrap .custom-select[multiple] {
  height: auto;
  background-image: none;
}
.bootstrap .custom-select:disabled {
  color: #868e96;
  background-color: #e9ecef;
}
.bootstrap .custom-select::-ms-expand {
  opacity: 0;
}
.bootstrap .custom-select-sm {
  height: calc(3.8125rem);
  padding-top: .375rem;
  padding-bottom: .375rem;
  font-size: 75%;
}
.bootstrap .custom-file {
  position: relative;
  display: inline-block;
  max-width: 100%;
  height: calc(4.25rem);
  margin-bottom: 0;
}
.bootstrap .custom-file-input {
  min-width: 14rem;
  max-width: 100%;
  height: calc(4.25rem);
  margin: 0;
  opacity: 0;
}
.bootstrap .custom-file-input:focus ~ .custom-file-control {
  box-shadow: 0 0 0 0.075rem #ffffff, 0 0 0 0.2rem #007bff;
}
.bootstrap .custom-file-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: calc(4.25rem);
  padding: .375rem .75rem;
  line-height: 1.5;
  color: #495057;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.bootstrap .custom-file-control:lang(en):empty::after {
  content: "Choose file...";
}
.bootstrap .custom-file-control::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  z-index: 6;
  display: block;
  height: calc(4.25rem);
  padding: .375rem .75rem;
  line-height: 1.5;
  color: #495057;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0 0.25rem 0.25rem 0;
}
.bootstrap .custom-file-control:lang(en)::before {
  content: "Browse";
}
.bootstrap .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.bootstrap .nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.bootstrap .nav-link:focus,
.bootstrap .nav-link:hover {
  text-decoration: none;
}
.bootstrap .nav-link.disabled {
  color: #868e96;
}
.bootstrap .nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.bootstrap .nav-tabs .nav-item {
  margin-bottom: -1px;
}
.bootstrap .nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: 0.25rem;
}
.bootstrap .nav-tabs .nav-link:focus,
.bootstrap .nav-tabs .nav-link:hover {
  border-color: #e9ecef #e9ecef #dddddd;
}
.bootstrap .nav-tabs .nav-link.disabled {
  color: #868e96;
  background-color: transparent;
  border-color: transparent;
}
.bootstrap .nav-tabs .nav-item.show .nav-link,
.bootstrap .nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #dddddd #dddddd #ffffff;
}
.bootstrap .nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.bootstrap .nav-pills .nav-link {
  border-radius: 0.25rem;
}
.bootstrap .nav-pills .nav-link.active,
.bootstrap .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}
.bootstrap .nav-fill .nav-item {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}
.bootstrap .nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}
.bootstrap .tab-content > .tab-pane {
  display: none;
}
.bootstrap .tab-content > .active {
  display: block;
}
.bootstrap .navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.bootstrap .navbar > .container,
.bootstrap .navbar > .container-fluid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.bootstrap .navbar-brand {
  display: inline-block;
  padding-top: .3125rem;
  padding-bottom: .3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.bootstrap .navbar-brand:focus,
.bootstrap .navbar-brand:hover {
  text-decoration: none;
}
.bootstrap .navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.bootstrap .navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.bootstrap .navbar-nav .dropdown-menu {
  position: static;
  float: none;
}
.bootstrap .navbar-text {
  display: inline-block;
  padding-top: .5rem;
  padding-bottom: 0.5rem;
}
.bootstrap .navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  align-items: center;
}
.bootstrap .navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background: 0 0;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.bootstrap .navbar-toggler:focus,
.bootstrap .navbar-toggler:hover {
  text-decoration: none;
}
.bootstrap .navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}
@media (max-width: 575px) {
  .bootstrap .navbar-expand-sm > .container,
  .bootstrap .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .bootstrap .navbar-expand-sm {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .bootstrap .navbar-expand-sm .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .bootstrap .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .bootstrap .navbar-expand-sm .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
  }
  .bootstrap .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: 0.5rem;
  }
  .bootstrap .navbar-expand-sm > .container,
  .bootstrap .navbar-expand-sm > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .bootstrap .navbar-expand-sm .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .bootstrap .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .bootstrap .navbar-expand-sm .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
  }
}
@media (max-width: 767px) {
  .bootstrap .navbar-expand-md > .container,
  .bootstrap .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .bootstrap .navbar-expand-md {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .bootstrap .navbar-expand-md .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .bootstrap .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .bootstrap .navbar-expand-md .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
  }
  .bootstrap .navbar-expand-md .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: 0.5rem;
  }
  .bootstrap .navbar-expand-md > .container,
  .bootstrap .navbar-expand-md > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .bootstrap .navbar-expand-md .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .bootstrap .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .bootstrap .navbar-expand-md .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
  }
}
@media (max-width: 991px) {
  .bootstrap .navbar-expand-lg > .container,
  .bootstrap .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .bootstrap .navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .bootstrap .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .bootstrap .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .bootstrap .navbar-expand-lg .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
  }
  .bootstrap .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: 0.5rem;
  }
  .bootstrap .navbar-expand-lg > .container,
  .bootstrap .navbar-expand-lg > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .bootstrap .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .bootstrap .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .bootstrap .navbar-expand-lg .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
  }
}
@media (max-width: 1199px) {
  .bootstrap .navbar-expand-xl > .container,
  .bootstrap .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .bootstrap .navbar-expand-xl {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .bootstrap .navbar-expand-xl .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .bootstrap .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .bootstrap .navbar-expand-xl .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
  }
  .bootstrap .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: 0.5rem;
  }
  .bootstrap .navbar-expand-xl > .container,
  .bootstrap .navbar-expand-xl > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .bootstrap .navbar-expand-xl .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .bootstrap .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .bootstrap .navbar-expand-xl .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
  }
}
.bootstrap .navbar-expand {
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.bootstrap .navbar-expand > .container,
.bootstrap .navbar-expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}
.bootstrap .navbar-expand .navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row;
}
.bootstrap .navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.bootstrap .navbar-expand .navbar-nav .dropdown-menu-right {
  right: 0;
  left: auto;
}
.bootstrap .navbar-expand .navbar-nav .nav-link {
  padding-right: .5rem;
  padding-left: 0.5rem;
}
.bootstrap .navbar-expand > .container,
.bootstrap .navbar-expand > .container-fluid {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.bootstrap .navbar-expand .navbar-collapse {
  display: -ms-flexbox !important;
  display: flex!important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
.bootstrap .navbar-expand .navbar-toggler {
  display: none;
}
.bootstrap .navbar-expand .dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
}
.bootstrap .navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.bootstrap .navbar-light .navbar-brand:focus,
.bootstrap .navbar-light .navbar-brand:hover {
  color: rgba(0, 0, 0, 0.9);
}
.bootstrap .navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.bootstrap .navbar-light .navbar-nav .nav-link:focus,
.bootstrap .navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, 0.7);
}
.bootstrap .navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.bootstrap .navbar-light .navbar-nav .active > .nav-link,
.bootstrap .navbar-light .navbar-nav .nav-link.active,
.bootstrap .navbar-light .navbar-nav .nav-link.show,
.bootstrap .navbar-light .navbar-nav .show > .nav-link {
  color: rgba(0, 0, 0, 0.9);
}
.bootstrap .navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.bootstrap .navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.bootstrap .navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.bootstrap .navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.bootstrap .navbar-light .navbar-text a:focus,
.bootstrap .navbar-light .navbar-text a:hover {
  color: rgba(0, 0, 0, 0.9);
}
.bootstrap .navbar-dark .navbar-brand {
  color: #ffffff;
}
.bootstrap .navbar-dark .navbar-brand:focus,
.bootstrap .navbar-dark .navbar-brand:hover {
  color: #ffffff;
}
.bootstrap .navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.bootstrap .navbar-dark .navbar-nav .nav-link:focus,
.bootstrap .navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 0.75);
}
.bootstrap .navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.bootstrap .navbar-dark .navbar-nav .active > .nav-link,
.bootstrap .navbar-dark .navbar-nav .nav-link.active,
.bootstrap .navbar-dark .navbar-nav .nav-link.show,
.bootstrap .navbar-dark .navbar-nav .show > .nav-link {
  color: #ffffff;
}
.bootstrap .navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.bootstrap .navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.bootstrap .navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.bootstrap .navbar-dark .navbar-text a {
  color: #ffffff;
}
.bootstrap .navbar-dark .navbar-text a:focus,
.bootstrap .navbar-dark .navbar-text a:hover {
  color: #ffffff;
}
.bootstrap .card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.bootstrap .card > hr {
  margin-right: 0;
  margin-left: 0;
}
.bootstrap .card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: .25rem;
  border-top-right-radius: 0.25rem;
}
.bootstrap .card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: 0.25rem;
}
.bootstrap .card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}
.bootstrap .card-title {
  margin-bottom: 0.75rem;
}
.bootstrap .card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}
.bootstrap .card-text:last-child {
  margin-bottom: 0;
}
.bootstrap .card-link:hover {
  text-decoration: none;
}
.bootstrap .card-link + .card-link {
  margin-left: 1.25rem;
}
.bootstrap .card-header {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.bootstrap .card-header:first-child {
  border-radius: calc(-0.75rem) calc(-0.75rem) 0 0;
}
.bootstrap .card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}
.bootstrap .card-footer {
  padding: .75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.bootstrap .card-footer:last-child {
  border-radius: 0 0 calc(-0.75rem) calc(-0.75rem);
}
.bootstrap .card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}
.bootstrap .card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
.bootstrap .card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}
.bootstrap .card-img {
  width: 100%;
  border-radius: calc(-0.75rem);
}
.bootstrap .card-img-top {
  width: 100%;
  border-top-left-radius: calc(-0.75rem);
  border-top-right-radius: calc(-0.75rem);
}
.bootstrap .card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(-0.75rem);
  border-bottom-left-radius: calc(-0.75rem);
}
.bootstrap .card-deck {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.bootstrap .card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .bootstrap .card-deck {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .bootstrap .card-deck .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}
.bootstrap .card-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.bootstrap .card-group .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .bootstrap .card-group {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .bootstrap .card-group .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .bootstrap .card-group .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .bootstrap .card-group .card:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .bootstrap .card-group .card:first-child .card-img-top {
    border-top-right-radius: 0;
  }
  .bootstrap .card-group .card:first-child .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .bootstrap .card-group .card:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .bootstrap .card-group .card:last-child .card-img-top {
    border-top-left-radius: 0;
  }
  .bootstrap .card-group .card:last-child .card-img-bottom {
    border-bottom-left-radius: 0;
  }
  .bootstrap .card-group .card:only-child {
    border-radius: 0.25rem;
  }
  .bootstrap .card-group .card:only-child .card-img-top {
    border-top-left-radius: .25rem;
    border-top-right-radius: 0.25rem;
  }
  .bootstrap .card-group .card:only-child .card-img-bottom {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .bootstrap .card-group .card:not(:first-child):not(:last-child):not(:only-child) {
    border-radius: 0;
  }
  .bootstrap .card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
  .bootstrap .card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
    border-radius: 0;
  }
}
.bootstrap .card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .bootstrap .card-columns {
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }
  .bootstrap .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}
.bootstrap .breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: .75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}
.bootstrap .breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: .5rem;
  padding-left: .5rem;
  color: #868e96;
  content: "/";
}
.bootstrap .breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.bootstrap .breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.bootstrap .breadcrumb-item.active {
  color: #868e96;
}
.bootstrap .pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}
.bootstrap .page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: .25rem;
  border-bottom-left-radius: 0.25rem;
}
.bootstrap .page-item:last-child .page-link {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: 0.25rem;
}
.bootstrap .page-item.active .page-link {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.bootstrap .page-item.disabled .page-link {
  color: #868e96;
  pointer-events: none;
  background-color: #fff;
  border-color: #dddddd;
}
.bootstrap .page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dddddd;
}
.bootstrap .page-link:focus,
.bootstrap .page-link:hover {
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dddddd;
}
.bootstrap .pagination-lg .page-link {
  padding: .75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.bootstrap .pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: .3rem;
  border-bottom-left-radius: 0.3rem;
}
.bootstrap .pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: .3rem;
  border-bottom-right-radius: 0.3rem;
}
.bootstrap .pagination-sm .page-link {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
}
.bootstrap .pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: .2rem;
  border-bottom-left-radius: 0.2rem;
}
.bootstrap .pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: .2rem;
  border-bottom-right-radius: 0.2rem;
}
.bootstrap .badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.bootstrap .badge:empty {
  display: none;
}
.bootstrap .btn .badge {
  position: relative;
  top: -1px;
}
.bootstrap .badge-pill {
  padding-right: .6em;
  padding-left: .6em;
  border-radius: 10rem;
}
.bootstrap .badge-primary {
  color: #fff;
  background-color: #007bff;
}
.bootstrap .badge-primary[href]:focus,
.bootstrap .badge-primary[href]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #0062cc;
}
.bootstrap .badge-secondary {
  color: #fff;
  background-color: #868e96;
}
.bootstrap .badge-secondary[href]:focus,
.bootstrap .badge-secondary[href]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #6c757d;
}
.bootstrap .badge-success {
  color: #fff;
  background-color: #28a745;
}
.bootstrap .badge-success[href]:focus,
.bootstrap .badge-success[href]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #1e7e34;
}
.bootstrap .badge-info {
  color: #fff;
  background-color: #17a2b8;
}
.bootstrap .badge-info[href]:focus,
.bootstrap .badge-info[href]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #117a8b;
}
.bootstrap .badge-warning {
  color: #111;
  background-color: #ffc107;
}
.bootstrap .badge-warning[href]:focus,
.bootstrap .badge-warning[href]:hover {
  color: #111;
  text-decoration: none;
  background-color: #d39e00;
}
.bootstrap .badge-danger {
  color: #fff;
  background-color: #dc3545;
}
.bootstrap .badge-danger[href]:focus,
.bootstrap .badge-danger[href]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #bd2130;
}
.bootstrap .badge-light {
  color: #111;
  background-color: #f8f9fa;
}
.bootstrap .badge-light[href]:focus,
.bootstrap .badge-light[href]:hover {
  color: #111;
  text-decoration: none;
  background-color: #dae0e5;
}
.bootstrap .badge-dark {
  color: #fff;
  background-color: #343a40;
}
.bootstrap .badge-dark[href]:focus,
.bootstrap .badge-dark[href]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #1d2124;
}
.bootstrap .jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}
@media (min-width: 576px) {
  .bootstrap .jumbotron {
    padding: 4rem 2rem;
  }
}
.bootstrap .jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.bootstrap .alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.bootstrap .alert-heading {
  color: inherit;
}
.bootstrap .alert-link {
  font-weight: 700;
}
.bootstrap .alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: .75rem 1.25rem;
  color: inherit;
}
.bootstrap .alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}
.bootstrap .alert-primary hr {
  border-top-color: #9fcdff;
}
.bootstrap .alert-primary .alert-link {
  color: #002752;
}
.bootstrap .alert-secondary {
  color: #464a4e;
  background-color: #e7e8ea;
  border-color: #dddfe2;
}
.bootstrap .alert-secondary hr {
  border-top-color: #cfd2d6;
}
.bootstrap .alert-secondary .alert-link {
  color: #2e3133;
}
.bootstrap .alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.bootstrap .alert-success hr {
  border-top-color: #b1dfbb;
}
.bootstrap .alert-success .alert-link {
  color: #0b2e13;
}
.bootstrap .alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.bootstrap .alert-info hr {
  border-top-color: #abdde5;
}
.bootstrap .alert-info .alert-link {
  color: #062c33;
}
.bootstrap .alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.bootstrap .alert-warning hr {
  border-top-color: #ffe8a1;
}
.bootstrap .alert-warning .alert-link {
  color: #533f03;
}
.bootstrap .alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.bootstrap .alert-danger hr {
  border-top-color: #f1b0b7;
}
.bootstrap .alert-danger .alert-link {
  color: #491217;
}
.bootstrap .alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.bootstrap .alert-light hr {
  border-top-color: #ececf6;
}
.bootstrap .alert-light .alert-link {
  color: #686868;
}
.bootstrap .alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}
.bootstrap .alert-dark hr {
  border-top-color: #b9bbbe;
}
.bootstrap .alert-dark .alert-link {
  color: #040505;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.bootstrap .progress {
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: .75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}
.bootstrap .progress-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  background-color: #007bff;
}
.bootstrap .progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}
.bootstrap .progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}
.bootstrap .media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}
.bootstrap .media-body {
  -ms-flex: 1;
  flex: 1;
}
.bootstrap .list-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}
.bootstrap .list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.bootstrap .list-group-item-action:focus,
.bootstrap .list-group-item-action:hover {
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.bootstrap .list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}
.bootstrap .list-group-item {
  position: relative;
  display: block;
  padding: .75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.bootstrap .list-group-item:first-child {
  border-top-left-radius: .25rem;
  border-top-right-radius: 0.25rem;
}
.bootstrap .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: 0.25rem;
}
.bootstrap .list-group-item:focus,
.bootstrap .list-group-item:hover {
  text-decoration: none;
}
.bootstrap .list-group-item.disabled,
.bootstrap .list-group-item:disabled {
  color: #868e96;
  background-color: #ffffff;
}
.bootstrap .list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.bootstrap .list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.bootstrap .list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}
.bootstrap .list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0;
}
.bootstrap .list-group-item-primary {
  color: #004085;
  background-color: #b8daff;
}
.bootstrap a.list-group-item-primary,
.bootstrap button.list-group-item-primary {
  color: #004085;
}
.bootstrap a.list-group-item-primary:focus,
.bootstrap a.list-group-item-primary:hover,
.bootstrap button.list-group-item-primary:focus,
.bootstrap button.list-group-item-primary:hover {
  color: #004085;
  background-color: #9fcdff;
}
.bootstrap a.list-group-item-primary.active,
.bootstrap button.list-group-item-primary.active {
  color: #fff;
  background-color: #004085;
  border-color: #004085;
}
.bootstrap .list-group-item-secondary {
  color: #464a4e;
  background-color: #dddfe2;
}
.bootstrap a.list-group-item-secondary,
.bootstrap button.list-group-item-secondary {
  color: #464a4e;
}
.bootstrap a.list-group-item-secondary:focus,
.bootstrap a.list-group-item-secondary:hover,
.bootstrap button.list-group-item-secondary:focus,
.bootstrap button.list-group-item-secondary:hover {
  color: #464a4e;
  background-color: #cfd2d6;
}
.bootstrap a.list-group-item-secondary.active,
.bootstrap button.list-group-item-secondary.active {
  color: #fff;
  background-color: #464a4e;
  border-color: #464a4e;
}
.bootstrap .list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}
.bootstrap a.list-group-item-success,
.bootstrap button.list-group-item-success {
  color: #155724;
}
.bootstrap a.list-group-item-success:focus,
.bootstrap a.list-group-item-success:hover,
.bootstrap button.list-group-item-success:focus,
.bootstrap button.list-group-item-success:hover {
  color: #155724;
  background-color: #b1dfbb;
}
.bootstrap a.list-group-item-success.active,
.bootstrap button.list-group-item-success.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}
.bootstrap .list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}
.bootstrap a.list-group-item-info,
.bootstrap button.list-group-item-info {
  color: #0c5460;
}
.bootstrap a.list-group-item-info:focus,
.bootstrap a.list-group-item-info:hover,
.bootstrap button.list-group-item-info:focus,
.bootstrap button.list-group-item-info:hover {
  color: #0c5460;
  background-color: #abdde5;
}
.bootstrap a.list-group-item-info.active,
.bootstrap button.list-group-item-info.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}
.bootstrap .list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}
.bootstrap a.list-group-item-warning,
.bootstrap button.list-group-item-warning {
  color: #856404;
}
.bootstrap a.list-group-item-warning:focus,
.bootstrap a.list-group-item-warning:hover,
.bootstrap button.list-group-item-warning:focus,
.bootstrap button.list-group-item-warning:hover {
  color: #856404;
  background-color: #ffe8a1;
}
.bootstrap a.list-group-item-warning.active,
.bootstrap button.list-group-item-warning.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}
.bootstrap .list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}
.bootstrap a.list-group-item-danger,
.bootstrap button.list-group-item-danger {
  color: #721c24;
}
.bootstrap a.list-group-item-danger:focus,
.bootstrap a.list-group-item-danger:hover,
.bootstrap button.list-group-item-danger:focus,
.bootstrap button.list-group-item-danger:hover {
  color: #721c24;
  background-color: #f1b0b7;
}
.bootstrap a.list-group-item-danger.active,
.bootstrap button.list-group-item-danger.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}
.bootstrap .list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}
.bootstrap a.list-group-item-light,
.bootstrap button.list-group-item-light {
  color: #818182;
}
.bootstrap a.list-group-item-light:focus,
.bootstrap a.list-group-item-light:hover,
.bootstrap button.list-group-item-light:focus,
.bootstrap button.list-group-item-light:hover {
  color: #818182;
  background-color: #ececf6;
}
.bootstrap a.list-group-item-light.active,
.bootstrap button.list-group-item-light.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}
.bootstrap .list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}
.bootstrap a.list-group-item-dark,
.bootstrap button.list-group-item-dark {
  color: #1b1e21;
}
.bootstrap a.list-group-item-dark:focus,
.bootstrap a.list-group-item-dark:hover,
.bootstrap button.list-group-item-dark:focus,
.bootstrap button.list-group-item-dark:hover {
  color: #1b1e21;
  background-color: #b9bbbe;
}
.bootstrap a.list-group-item-dark.active,
.bootstrap button.list-group-item-dark.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}
.bootstrap .close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.bootstrap .close:focus,
.bootstrap .close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}
.bootstrap button.close {
  padding: 0;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
}
.bootstrap .modal-open {
  overflow: hidden;
}
.bootstrap .modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}
.bootstrap .modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
}
.bootstrap .modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.bootstrap .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.bootstrap .modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
  pointer-events: none;
}
.bootstrap .modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: .3rem;
  outline: 0;
}
.bootstrap .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.bootstrap .modal-backdrop.fade {
  opacity: 0;
}
.bootstrap .modal-backdrop.show {
  opacity: 0.5;
}
.bootstrap .modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: .3rem;
  border-top-right-radius: 0.3rem;
}
.bootstrap .modal-header .close {
  padding: 15px;
  margin: -15px -15px -15px auto;
}
.bootstrap .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}
.bootstrap .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 15px;
}
.bootstrap .modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 15px;
  border-top: 1px solid #e9ecef;
}
.bootstrap .modal-footer > :not(:first-child) {
  margin-left: 0.25rem;
}
.bootstrap .modal-footer > :not(:last-child) {
  margin-right: 0.25rem;
}
.bootstrap .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .bootstrap .modal-dialog {
    max-width: 500px;
    margin: 30px auto;
  }
  .bootstrap .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .bootstrap .modal-lg {
    max-width: 800px;
  }
}
.bootstrap .tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: .875rem;
  word-wrap: break-word;
  opacity: 0;
}
.bootstrap .tooltip.show {
  opacity: 0.9;
}
.bootstrap .tooltip .arrow {
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
}
.bootstrap .tooltip .arrow::before {
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.bootstrap .tooltip.bs-tooltip-auto[x-placement^=top],
.bootstrap .tooltip.bs-tooltip-top {
  padding: 5px 0;
}
.bootstrap .tooltip.bs-tooltip-auto[x-placement^=top] .arrow,
.bootstrap .tooltip.bs-tooltip-top .arrow {
  bottom: 0;
}
.bootstrap .tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bootstrap .tooltip.bs-tooltip-top .arrow::before {
  margin-left: -3px;
  content: "";
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.bootstrap .tooltip.bs-tooltip-auto[x-placement^=right],
.bootstrap .tooltip.bs-tooltip-right {
  padding: 0 5px;
}
.bootstrap .tooltip.bs-tooltip-auto[x-placement^=right] .arrow,
.bootstrap .tooltip.bs-tooltip-right .arrow {
  left: 0;
}
.bootstrap .tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bootstrap .tooltip.bs-tooltip-right .arrow::before {
  margin-top: -3px;
  content: "";
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.bootstrap .tooltip.bs-tooltip-auto[x-placement^=bottom],
.bootstrap .tooltip.bs-tooltip-bottom {
  padding: 5px 0;
}
.bootstrap .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bootstrap .tooltip.bs-tooltip-bottom .arrow {
  top: 0;
}
.bootstrap .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bootstrap .tooltip.bs-tooltip-bottom .arrow::before {
  margin-left: -3px;
  content: "";
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.bootstrap .tooltip.bs-tooltip-auto[x-placement^=left],
.bootstrap .tooltip.bs-tooltip-left {
  padding: 0 5px;
}
.bootstrap .tooltip.bs-tooltip-auto[x-placement^=left] .arrow,
.bootstrap .tooltip.bs-tooltip-left .arrow {
  right: 0;
}
.bootstrap .tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bootstrap .tooltip.bs-tooltip-left .arrow::before {
  right: 0;
  margin-top: -3px;
  content: "";
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.bootstrap .tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}
.bootstrap .popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: .875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.bootstrap .popover .arrow {
  position: absolute;
  display: block;
  width: .8rem;
  height: 0.4rem;
}
.bootstrap .popover .arrow::after,
.bootstrap .popover .arrow::before {
  position: absolute;
  display: block;
  border-color: transparent;
  border-style: solid;
}
.bootstrap .popover .arrow::before {
  content: "";
  border-width: 0.8rem;
}
.bootstrap .popover .arrow::after {
  content: "";
  border-width: 0.8rem;
}
.bootstrap .popover.bs-popover-auto[x-placement^=top],
.bootstrap .popover.bs-popover-top {
  margin-bottom: 0.8rem;
}
.bootstrap .popover.bs-popover-auto[x-placement^=top] .arrow,
.bootstrap .popover.bs-popover-top .arrow {
  bottom: 0;
}
.bootstrap .popover.bs-popover-auto[x-placement^=top] .arrow::after,
.bootstrap .popover.bs-popover-auto[x-placement^=top] .arrow::before,
.bootstrap .popover.bs-popover-top .arrow::after,
.bootstrap .popover.bs-popover-top .arrow::before {
  border-bottom-width: 0;
}
.bootstrap .popover.bs-popover-auto[x-placement^=top] .arrow::before,
.bootstrap .popover.bs-popover-top .arrow::before {
  bottom: -0.8rem;
  margin-left: -0.8rem;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bootstrap .popover.bs-popover-auto[x-placement^=top] .arrow::after,
.bootstrap .popover.bs-popover-top .arrow::after {
  bottom: calc(0.2rem);
  margin-left: -0.8rem;
  border-top-color: #ffffff;
}
.bootstrap .popover.bs-popover-auto[x-placement^=right],
.bootstrap .popover.bs-popover-right {
  margin-left: 0.8rem;
}
.bootstrap .popover.bs-popover-auto[x-placement^=right] .arrow,
.bootstrap .popover.bs-popover-right .arrow {
  left: 0;
}
.bootstrap .popover.bs-popover-auto[x-placement^=right] .arrow::after,
.bootstrap .popover.bs-popover-auto[x-placement^=right] .arrow::before,
.bootstrap .popover.bs-popover-right .arrow::after,
.bootstrap .popover.bs-popover-right .arrow::before {
  margin-top: -0.8rem;
  border-left-width: 0;
}
.bootstrap .popover.bs-popover-auto[x-placement^=right] .arrow::before,
.bootstrap .popover.bs-popover-right .arrow::before {
  left: -0.8rem;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bootstrap .popover.bs-popover-auto[x-placement^=right] .arrow::after,
.bootstrap .popover.bs-popover-right .arrow::after {
  left: calc(0.2rem);
  border-right-color: #ffffff;
}
.bootstrap .popover.bs-popover-auto[x-placement^=bottom],
.bootstrap .popover.bs-popover-bottom {
  margin-top: 0.8rem;
}
.bootstrap .popover.bs-popover-auto[x-placement^=bottom] .arrow,
.bootstrap .popover.bs-popover-bottom .arrow {
  top: 0;
}
.bootstrap .popover.bs-popover-auto[x-placement^=bottom] .arrow::after,
.bootstrap .popover.bs-popover-auto[x-placement^=bottom] .arrow::before,
.bootstrap .popover.bs-popover-bottom .arrow::after,
.bootstrap .popover.bs-popover-bottom .arrow::before {
  margin-left: -0.8rem;
  border-top-width: 0;
}
.bootstrap .popover.bs-popover-auto[x-placement^=bottom] .arrow::before,
.bootstrap .popover.bs-popover-bottom .arrow::before {
  top: -0.8rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bootstrap .popover.bs-popover-auto[x-placement^=bottom] .arrow::after,
.bootstrap .popover.bs-popover-bottom .arrow::after {
  top: calc(0.2rem);
  border-bottom-color: #ffffff;
}
.bootstrap .popover.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bootstrap .popover.bs-popover-bottom .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 20px;
  margin-left: -10px;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}
.bootstrap .popover.bs-popover-auto[x-placement^=left],
.bootstrap .popover.bs-popover-left {
  margin-right: 0.8rem;
}
.bootstrap .popover.bs-popover-auto[x-placement^=left] .arrow,
.bootstrap .popover.bs-popover-left .arrow {
  right: 0;
}
.bootstrap .popover.bs-popover-auto[x-placement^=left] .arrow::after,
.bootstrap .popover.bs-popover-auto[x-placement^=left] .arrow::before,
.bootstrap .popover.bs-popover-left .arrow::after,
.bootstrap .popover.bs-popover-left .arrow::before {
  margin-top: -0.8rem;
  border-right-width: 0;
}
.bootstrap .popover.bs-popover-auto[x-placement^=left] .arrow::before,
.bootstrap .popover.bs-popover-left .arrow::before {
  right: -0.8rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bootstrap .popover.bs-popover-auto[x-placement^=left] .arrow::after,
.bootstrap .popover.bs-popover-left .arrow::after {
  right: calc(0.2rem);
  border-left-color: #ffffff;
}
.bootstrap .popover-header {
  padding: .5rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: inherit;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(-0.7rem);
  border-top-right-radius: calc(-0.7rem);
}
.bootstrap .popover-header:empty {
  display: none;
}
.bootstrap .popover-body {
  padding: .5rem .75rem;
  color: #212529;
}
.bootstrap .carousel {
  position: relative;
}
.bootstrap .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.bootstrap .carousel-item {
  position: relative;
  display: none;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  transition: -webkit-transform 0.6s ease;
  transition: transform .6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.bootstrap .carousel-item-next,
.bootstrap .carousel-item-prev,
.bootstrap .carousel-item.active {
  display: block;
}
.bootstrap .carousel-item-next,
.bootstrap .carousel-item-prev {
  position: absolute;
  top: 0;
}
.bootstrap .carousel-item-next.carousel-item-left,
.bootstrap .carousel-item-prev.carousel-item-right {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
  .carousel-item-next.carousel-item-left,
  .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bootstrap .active.carousel-item-right,
.bootstrap .carousel-item-next {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
  .active.carousel-item-right,
  .carousel-item-next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.bootstrap .active.carousel-item-left,
.bootstrap .carousel-item-prev {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
  .active.carousel-item-left,
  .carousel-item-prev {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.bootstrap .carousel-control-next,
.bootstrap .carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
}
.bootstrap .carousel-control-next:focus,
.bootstrap .carousel-control-next:hover,
.bootstrap .carousel-control-prev:focus,
.bootstrap .carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.bootstrap .carousel-control-prev {
  left: 0;
}
.bootstrap .carousel-control-next {
  right: 0;
}
.bootstrap .carousel-control-next-icon,
.bootstrap .carousel-control-prev-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
}
.bootstrap .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' 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");
}
.bootstrap .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' 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");
}
.bootstrap .carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.bootstrap .carousel-indicators li {
  position: relative;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  background-color: rgba(255, 255, 255, 0.5);
}
.bootstrap .carousel-indicators li::before {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}
.bootstrap .carousel-indicators li::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}
.bootstrap .carousel-indicators .active {
  background-color: #ffffff;
}
.bootstrap .carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}
.bootstrap .align-baseline {
  vertical-align: baseline !important;
}
.bootstrap .align-top {
  vertical-align: top !important;
}
.bootstrap .align-middle {
  vertical-align: middle !important;
}
.bootstrap .align-bottom {
  vertical-align: bottom !important;
}
.bootstrap .align-text-bottom {
  vertical-align: text-bottom !important;
}
.bootstrap .align-text-top {
  vertical-align: text-top !important;
}
.bootstrap .bg-primary {
  background-color: #007bff !important;
}
.bootstrap a.bg-primary:focus,
.bootstrap a.bg-primary:hover {
  background-color: #0062cc !important;
}
.bootstrap .bg-secondary {
  background-color: #868e96 !important;
}
.bootstrap a.bg-secondary:focus,
.bootstrap a.bg-secondary:hover {
  background-color: #6c757d !important;
}
.bootstrap .bg-success {
  background-color: #28a745 !important;
}
.bootstrap a.bg-success:focus,
.bootstrap a.bg-success:hover {
  background-color: #1e7e34 !important;
}
.bootstrap .bg-info {
  background-color: #17a2b8 !important;
}
.bootstrap a.bg-info:focus,
.bootstrap a.bg-info:hover {
  background-color: #117a8b !important;
}
.bootstrap .bg-warning {
  background-color: #ffc107 !important;
}
.bootstrap a.bg-warning:focus,
.bootstrap a.bg-warning:hover {
  background-color: #d39e00 !important;
}
.bootstrap .bg-danger {
  background-color: #dc3545 !important;
}
.bootstrap a.bg-danger:focus,
.bootstrap a.bg-danger:hover {
  background-color: #bd2130 !important;
}
.bootstrap .bg-light {
  background-color: #f8f9fa !important;
}
.bootstrap a.bg-light:focus,
.bootstrap a.bg-light:hover {
  background-color: #dae0e5 !important;
}
.bootstrap .bg-dark {
  background-color: #343a40 !important;
}
.bootstrap a.bg-dark:focus,
.bootstrap a.bg-dark:hover {
  background-color: #1d2124 !important;
}
.bootstrap .bg-white {
  background-color: #ffffff !important;
}
.bootstrap .bg-transparent {
  background-color: transparent !important;
}
.bootstrap .border {
  border: 1px solid #e9ecef !important;
}
.bootstrap .border-0 {
  border: 0 !important;
}
.bootstrap .border-top-0 {
  border-top: 0 !important;
}
.bootstrap .border-right-0 {
  border-right: 0 !important;
}
.bootstrap .border-bottom-0 {
  border-bottom: 0 !important;
}
.bootstrap .border-left-0 {
  border-left: 0 !important;
}
.bootstrap .border-primary {
  border-color: #007bff !important;
}
.bootstrap .border-secondary {
  border-color: #868e96 !important;
}
.bootstrap .border-success {
  border-color: #28a745 !important;
}
.bootstrap .border-info {
  border-color: #17a2b8 !important;
}
.bootstrap .border-warning {
  border-color: #ffc107 !important;
}
.bootstrap .border-danger {
  border-color: #dc3545 !important;
}
.bootstrap .border-light {
  border-color: #f8f9fa !important;
}
.bootstrap .border-dark {
  border-color: #343a40 !important;
}
.bootstrap .border-white {
  border-color: #ffffff !important;
}
.bootstrap .rounded {
  border-radius: 0.25rem !important;
}
.bootstrap .rounded-top {
  border-top-left-radius: .25rem!important;
  border-top-right-radius: 0.25rem !important;
}
.bootstrap .rounded-right {
  border-top-right-radius: .25rem!important;
  border-bottom-right-radius: 0.25rem !important;
}
.bootstrap .rounded-bottom {
  border-bottom-right-radius: .25rem!important;
  border-bottom-left-radius: 0.25rem !important;
}
.bootstrap .rounded-left {
  border-top-left-radius: .25rem!important;
  border-bottom-left-radius: 0.25rem !important;
}
.bootstrap .rounded-circle {
  border-radius: 50% !important;
}
.bootstrap .rounded-0 {
  border-radius: 0 !important;
}
.bootstrap .clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.bootstrap .d-none {
  display: none !important;
}
.bootstrap .d-inline {
  display: inline !important;
}
.bootstrap .d-inline-block {
  display: inline-block !important;
}
.bootstrap .d-block {
  display: block !important;
}
.bootstrap .d-table {
  display: table !important;
}
.bootstrap .d-table-row {
  display: table-row !important;
}
.bootstrap .d-table-cell {
  display: table-cell !important;
}
.bootstrap .d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.bootstrap .d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .bootstrap .d-sm-none {
    display: none !important;
  }
  .bootstrap .d-sm-inline {
    display: inline !important;
  }
  .bootstrap .d-sm-inline-block {
    display: inline-block !important;
  }
  .bootstrap .d-sm-block {
    display: block !important;
  }
  .bootstrap .d-sm-table {
    display: table !important;
  }
  .bootstrap .d-sm-table-row {
    display: table-row !important;
  }
  .bootstrap .d-sm-table-cell {
    display: table-cell !important;
  }
  .bootstrap .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .bootstrap .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .bootstrap .d-md-none {
    display: none !important;
  }
  .bootstrap .d-md-inline {
    display: inline !important;
  }
  .bootstrap .d-md-inline-block {
    display: inline-block !important;
  }
  .bootstrap .d-md-block {
    display: block !important;
  }
  .bootstrap .d-md-table {
    display: table !important;
  }
  .bootstrap .d-md-table-row {
    display: table-row !important;
  }
  .bootstrap .d-md-table-cell {
    display: table-cell !important;
  }
  .bootstrap .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .bootstrap .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .bootstrap .d-lg-none {
    display: none !important;
  }
  .bootstrap .d-lg-inline {
    display: inline !important;
  }
  .bootstrap .d-lg-inline-block {
    display: inline-block !important;
  }
  .bootstrap .d-lg-block {
    display: block !important;
  }
  .bootstrap .d-lg-table {
    display: table !important;
  }
  .bootstrap .d-lg-table-row {
    display: table-row !important;
  }
  .bootstrap .d-lg-table-cell {
    display: table-cell !important;
  }
  .bootstrap .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .bootstrap .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .bootstrap .d-xl-none {
    display: none !important;
  }
  .bootstrap .d-xl-inline {
    display: inline !important;
  }
  .bootstrap .d-xl-inline-block {
    display: inline-block !important;
  }
  .bootstrap .d-xl-block {
    display: block !important;
  }
  .bootstrap .d-xl-table {
    display: table !important;
  }
  .bootstrap .d-xl-table-row {
    display: table-row !important;
  }
  .bootstrap .d-xl-table-cell {
    display: table-cell !important;
  }
  .bootstrap .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .bootstrap .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.bootstrap .d-print-block {
  display: none !important;
}
@media print {
  .bootstrap .d-print-block {
    display: block !important;
  }
}
.bootstrap .d-print-inline {
  display: none !important;
}
@media print {
  .bootstrap .d-print-inline {
    display: inline !important;
  }
}
.bootstrap .d-print-inline-block {
  display: none !important;
}
@media print {
  .bootstrap .d-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .bootstrap .d-print-none {
    display: none !important;
  }
}
.bootstrap .embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.bootstrap .embed-responsive::before {
  display: block;
  content: "";
}
.bootstrap .embed-responsive .embed-responsive-item,
.bootstrap .embed-responsive embed,
.bootstrap .embed-responsive iframe,
.bootstrap .embed-responsive object,
.bootstrap .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.bootstrap .embed-responsive-21by9::before {
  padding-top: 42.857143%;
}
.bootstrap .embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.bootstrap .embed-responsive-4by3::before {
  padding-top: 75%;
}
.bootstrap .embed-responsive-1by1::before {
  padding-top: 100%;
}
.bootstrap .flex-row {
  -ms-flex-direction: row!important;
  flex-direction: row !important;
}
.bootstrap .flex-column {
  -ms-flex-direction: column!important;
  flex-direction: column !important;
}
.bootstrap .flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}
.bootstrap .flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}
.bootstrap .flex-wrap {
  -ms-flex-wrap: wrap!important;
  flex-wrap: wrap !important;
}
.bootstrap .flex-nowrap {
  -ms-flex-wrap: nowrap!important;
  flex-wrap: nowrap !important;
}
.bootstrap .flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}
.bootstrap .justify-content-start {
  -ms-flex-pack: start!important;
  justify-content: flex-start !important;
}
.bootstrap .justify-content-end {
  -ms-flex-pack: end!important;
  justify-content: flex-end !important;
}
.bootstrap .justify-content-center {
  -ms-flex-pack: center!important;
  justify-content: center !important;
}
.bootstrap .justify-content-between {
  -ms-flex-pack: justify!important;
  justify-content: space-between !important;
}
.bootstrap .justify-content-around {
  -ms-flex-pack: distribute!important;
  justify-content: space-around !important;
}
.bootstrap .align-items-start {
  -ms-flex-align: start!important;
  align-items: flex-start !important;
}
.bootstrap .align-items-end {
  -ms-flex-align: end!important;
  align-items: flex-end !important;
}
.bootstrap .align-items-center {
  -ms-flex-align: center!important;
  align-items: center !important;
}
.bootstrap .align-items-baseline {
  -ms-flex-align: baseline!important;
  align-items: baseline !important;
}
.bootstrap .align-items-stretch {
  -ms-flex-align: stretch!important;
  align-items: stretch !important;
}
.bootstrap .align-content-start {
  -ms-flex-line-pack: start!important;
  align-content: flex-start !important;
}
.bootstrap .align-content-end {
  -ms-flex-line-pack: end!important;
  align-content: flex-end !important;
}
.bootstrap .align-content-center {
  -ms-flex-line-pack: center!important;
  align-content: center !important;
}
.bootstrap .align-content-between {
  -ms-flex-line-pack: justify!important;
  align-content: space-between !important;
}
.bootstrap .align-content-around {
  -ms-flex-line-pack: distribute!important;
  align-content: space-around !important;
}
.bootstrap .align-content-stretch {
  -ms-flex-line-pack: stretch!important;
  align-content: stretch !important;
}
.bootstrap .align-self-auto {
  -ms-flex-item-align: auto!important;
  align-self: auto !important;
}
.bootstrap .align-self-start {
  -ms-flex-item-align: start!important;
  align-self: flex-start !important;
}
.bootstrap .align-self-end {
  -ms-flex-item-align: end!important;
  align-self: flex-end !important;
}
.bootstrap .align-self-center {
  -ms-flex-item-align: center!important;
  align-self: center !important;
}
.bootstrap .align-self-baseline {
  -ms-flex-item-align: baseline!important;
  align-self: baseline !important;
}
.bootstrap .align-self-stretch {
  -ms-flex-item-align: stretch!important;
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .bootstrap .flex-sm-row {
    -ms-flex-direction: row!important;
    flex-direction: row !important;
  }
  .bootstrap .flex-sm-column {
    -ms-flex-direction: column!important;
    flex-direction: column !important;
  }
  .bootstrap .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .bootstrap .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .bootstrap .flex-sm-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap !important;
  }
  .bootstrap .flex-sm-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap !important;
  }
  .bootstrap .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .bootstrap .justify-content-sm-start {
    -ms-flex-pack: start!important;
    justify-content: flex-start !important;
  }
  .bootstrap .justify-content-sm-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end !important;
  }
  .bootstrap .justify-content-sm-center {
    -ms-flex-pack: center!important;
    justify-content: center !important;
  }
  .bootstrap .justify-content-sm-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between !important;
  }
  .bootstrap .justify-content-sm-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around !important;
  }
  .bootstrap .align-items-sm-start {
    -ms-flex-align: start!important;
    align-items: flex-start !important;
  }
  .bootstrap .align-items-sm-end {
    -ms-flex-align: end!important;
    align-items: flex-end !important;
  }
  .bootstrap .align-items-sm-center {
    -ms-flex-align: center!important;
    align-items: center !important;
  }
  .bootstrap .align-items-sm-baseline {
    -ms-flex-align: baseline!important;
    align-items: baseline !important;
  }
  .bootstrap .align-items-sm-stretch {
    -ms-flex-align: stretch!important;
    align-items: stretch !important;
  }
  .bootstrap .align-content-sm-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start !important;
  }
  .bootstrap .align-content-sm-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end !important;
  }
  .bootstrap .align-content-sm-center {
    -ms-flex-line-pack: center!important;
    align-content: center !important;
  }
  .bootstrap .align-content-sm-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between !important;
  }
  .bootstrap .align-content-sm-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around !important;
  }
  .bootstrap .align-content-sm-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch !important;
  }
  .bootstrap .align-self-sm-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto !important;
  }
  .bootstrap .align-self-sm-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start !important;
  }
  .bootstrap .align-self-sm-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end !important;
  }
  .bootstrap .align-self-sm-center {
    -ms-flex-item-align: center!important;
    align-self: center !important;
  }
  .bootstrap .align-self-sm-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline !important;
  }
  .bootstrap .align-self-sm-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .bootstrap .flex-md-row {
    -ms-flex-direction: row!important;
    flex-direction: row !important;
  }
  .bootstrap .flex-md-column {
    -ms-flex-direction: column!important;
    flex-direction: column !important;
  }
  .bootstrap .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .bootstrap .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .bootstrap .flex-md-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap !important;
  }
  .bootstrap .flex-md-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap !important;
  }
  .bootstrap .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .bootstrap .justify-content-md-start {
    -ms-flex-pack: start!important;
    justify-content: flex-start !important;
  }
  .bootstrap .justify-content-md-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end !important;
  }
  .bootstrap .justify-content-md-center {
    -ms-flex-pack: center!important;
    justify-content: center !important;
  }
  .bootstrap .justify-content-md-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between !important;
  }
  .bootstrap .justify-content-md-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around !important;
  }
  .bootstrap .align-items-md-start {
    -ms-flex-align: start!important;
    align-items: flex-start !important;
  }
  .bootstrap .align-items-md-end {
    -ms-flex-align: end!important;
    align-items: flex-end !important;
  }
  .bootstrap .align-items-md-center {
    -ms-flex-align: center!important;
    align-items: center !important;
  }
  .bootstrap .align-items-md-baseline {
    -ms-flex-align: baseline!important;
    align-items: baseline !important;
  }
  .bootstrap .align-items-md-stretch {
    -ms-flex-align: stretch!important;
    align-items: stretch !important;
  }
  .bootstrap .align-content-md-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start !important;
  }
  .bootstrap .align-content-md-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end !important;
  }
  .bootstrap .align-content-md-center {
    -ms-flex-line-pack: center!important;
    align-content: center !important;
  }
  .bootstrap .align-content-md-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between !important;
  }
  .bootstrap .align-content-md-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around !important;
  }
  .bootstrap .align-content-md-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch !important;
  }
  .bootstrap .align-self-md-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto !important;
  }
  .bootstrap .align-self-md-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start !important;
  }
  .bootstrap .align-self-md-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end !important;
  }
  .bootstrap .align-self-md-center {
    -ms-flex-item-align: center!important;
    align-self: center !important;
  }
  .bootstrap .align-self-md-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline !important;
  }
  .bootstrap .align-self-md-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .bootstrap .flex-lg-row {
    -ms-flex-direction: row!important;
    flex-direction: row !important;
  }
  .bootstrap .flex-lg-column {
    -ms-flex-direction: column!important;
    flex-direction: column !important;
  }
  .bootstrap .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .bootstrap .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .bootstrap .flex-lg-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap !important;
  }
  .bootstrap .flex-lg-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap !important;
  }
  .bootstrap .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .bootstrap .justify-content-lg-start {
    -ms-flex-pack: start!important;
    justify-content: flex-start !important;
  }
  .bootstrap .justify-content-lg-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end !important;
  }
  .bootstrap .justify-content-lg-center {
    -ms-flex-pack: center!important;
    justify-content: center !important;
  }
  .bootstrap .justify-content-lg-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between !important;
  }
  .bootstrap .justify-content-lg-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around !important;
  }
  .bootstrap .align-items-lg-start {
    -ms-flex-align: start!important;
    align-items: flex-start !important;
  }
  .bootstrap .align-items-lg-end {
    -ms-flex-align: end!important;
    align-items: flex-end !important;
  }
  .bootstrap .align-items-lg-center {
    -ms-flex-align: center!important;
    align-items: center !important;
  }
  .bootstrap .align-items-lg-baseline {
    -ms-flex-align: baseline!important;
    align-items: baseline !important;
  }
  .bootstrap .align-items-lg-stretch {
    -ms-flex-align: stretch!important;
    align-items: stretch !important;
  }
  .bootstrap .align-content-lg-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start !important;
  }
  .bootstrap .align-content-lg-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end !important;
  }
  .bootstrap .align-content-lg-center {
    -ms-flex-line-pack: center!important;
    align-content: center !important;
  }
  .bootstrap .align-content-lg-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between !important;
  }
  .bootstrap .align-content-lg-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around !important;
  }
  .bootstrap .align-content-lg-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch !important;
  }
  .bootstrap .align-self-lg-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto !important;
  }
  .bootstrap .align-self-lg-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start !important;
  }
  .bootstrap .align-self-lg-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end !important;
  }
  .bootstrap .align-self-lg-center {
    -ms-flex-item-align: center!important;
    align-self: center !important;
  }
  .bootstrap .align-self-lg-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline !important;
  }
  .bootstrap .align-self-lg-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .bootstrap .flex-xl-row {
    -ms-flex-direction: row!important;
    flex-direction: row !important;
  }
  .bootstrap .flex-xl-column {
    -ms-flex-direction: column!important;
    flex-direction: column !important;
  }
  .bootstrap .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .bootstrap .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .bootstrap .flex-xl-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap !important;
  }
  .bootstrap .flex-xl-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap !important;
  }
  .bootstrap .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .bootstrap .justify-content-xl-start {
    -ms-flex-pack: start!important;
    justify-content: flex-start !important;
  }
  .bootstrap .justify-content-xl-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end !important;
  }
  .bootstrap .justify-content-xl-center {
    -ms-flex-pack: center!important;
    justify-content: center !important;
  }
  .bootstrap .justify-content-xl-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between !important;
  }
  .bootstrap .justify-content-xl-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around !important;
  }
  .bootstrap .align-items-xl-start {
    -ms-flex-align: start!important;
    align-items: flex-start !important;
  }
  .bootstrap .align-items-xl-end {
    -ms-flex-align: end!important;
    align-items: flex-end !important;
  }
  .bootstrap .align-items-xl-center {
    -ms-flex-align: center!important;
    align-items: center !important;
  }
  .bootstrap .align-items-xl-baseline {
    -ms-flex-align: baseline!important;
    align-items: baseline !important;
  }
  .bootstrap .align-items-xl-stretch {
    -ms-flex-align: stretch!important;
    align-items: stretch !important;
  }
  .bootstrap .align-content-xl-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start !important;
  }
  .bootstrap .align-content-xl-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end !important;
  }
  .bootstrap .align-content-xl-center {
    -ms-flex-line-pack: center!important;
    align-content: center !important;
  }
  .bootstrap .align-content-xl-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between !important;
  }
  .bootstrap .align-content-xl-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around !important;
  }
  .bootstrap .align-content-xl-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch !important;
  }
  .bootstrap .align-self-xl-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto !important;
  }
  .bootstrap .align-self-xl-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start !important;
  }
  .bootstrap .align-self-xl-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end !important;
  }
  .bootstrap .align-self-xl-center {
    -ms-flex-item-align: center!important;
    align-self: center !important;
  }
  .bootstrap .align-self-xl-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline !important;
  }
  .bootstrap .align-self-xl-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch !important;
  }
}
.bootstrap .float-left {
  float: left !important;
}
.bootstrap .float-right {
  float: right !important;
}
.bootstrap .float-none {
  float: none !important;
}
@media (min-width: 576px) {
  .bootstrap .float-sm-left {
    float: left !important;
  }
  .bootstrap .float-sm-right {
    float: right !important;
  }
  .bootstrap .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .bootstrap .float-md-left {
    float: left !important;
  }
  .bootstrap .float-md-right {
    float: right !important;
  }
  .bootstrap .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .bootstrap .float-lg-left {
    float: left !important;
  }
  .bootstrap .float-lg-right {
    float: right !important;
  }
  .bootstrap .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .bootstrap .float-xl-left {
    float: left !important;
  }
  .bootstrap .float-xl-right {
    float: right !important;
  }
  .bootstrap .float-xl-none {
    float: none !important;
  }
}
.bootstrap .position-static {
  position: static !important;
}
.bootstrap .position-relative {
  position: relative !important;
}
.bootstrap .position-absolute {
  position: absolute !important;
}
.bootstrap .position-fixed {
  position: fixed !important;
}
.bootstrap .position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}
.bootstrap .fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.bootstrap .fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.bootstrap .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  border: 0;
}
.bootstrap .sr-only-focusable:active,
.bootstrap .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  -webkit-clip-path: none;
  clip-path: none;
}
.bootstrap .w-25 {
  width: 25% !important;
}
.bootstrap .w-50 {
  width: 50% !important;
}
.bootstrap .w-75 {
  width: 75% !important;
}
.bootstrap .w-100 {
  width: 100% !important;
}
.bootstrap .h-25 {
  height: 25% !important;
}
.bootstrap .h-50 {
  height: 50% !important;
}
.bootstrap .h-75 {
  height: 75% !important;
}
.bootstrap .h-100 {
  height: 100% !important;
}
.bootstrap .mw-100 {
  max-width: 100% !important;
}
.bootstrap .mh-100 {
  max-height: 100% !important;
}
.bootstrap .m-0 {
  margin: 0 !important;
}
.bootstrap .mt-0,
.bootstrap .my-0 {
  margin-top: 0 !important;
}
.bootstrap .mr-0,
.bootstrap .mx-0 {
  margin-right: 0 !important;
}
.bootstrap .mb-0,
.bootstrap .my-0 {
  margin-bottom: 0 !important;
}
.bootstrap .ml-0,
.bootstrap .mx-0 {
  margin-left: 0 !important;
}
.bootstrap .m-1 {
  margin: 0.25rem !important;
}
.bootstrap .mt-1,
.bootstrap .my-1 {
  margin-top: 0.25rem !important;
}
.bootstrap .mr-1,
.bootstrap .mx-1 {
  margin-right: 0.25rem !important;
}
.bootstrap .mb-1,
.bootstrap .my-1 {
  margin-bottom: 0.25rem !important;
}
.bootstrap .ml-1,
.bootstrap .mx-1 {
  margin-left: 0.25rem !important;
}
.bootstrap .m-2 {
  margin: 0.5rem !important;
}
.bootstrap .mt-2,
.bootstrap .my-2 {
  margin-top: 0.5rem !important;
}
.bootstrap .mr-2,
.bootstrap .mx-2 {
  margin-right: 0.5rem !important;
}
.bootstrap .mb-2,
.bootstrap .my-2 {
  margin-bottom: 0.5rem !important;
}
.bootstrap .ml-2,
.bootstrap .mx-2 {
  margin-left: 0.5rem !important;
}
.bootstrap .m-3 {
  margin: 1rem !important;
}
.bootstrap .mt-3,
.bootstrap .my-3 {
  margin-top: 1rem !important;
}
.bootstrap .mr-3,
.bootstrap .mx-3 {
  margin-right: 1rem !important;
}
.bootstrap .mb-3,
.bootstrap .my-3 {
  margin-bottom: 1rem !important;
}
.bootstrap .ml-3,
.bootstrap .mx-3 {
  margin-left: 1rem !important;
}
.bootstrap .m-4 {
  margin: 1.5rem !important;
}
.bootstrap .mt-4,
.bootstrap .my-4 {
  margin-top: 1.5rem !important;
}
.bootstrap .mr-4,
.bootstrap .mx-4 {
  margin-right: 1.5rem !important;
}
.bootstrap .mb-4,
.bootstrap .my-4 {
  margin-bottom: 1.5rem !important;
}
.bootstrap .ml-4,
.bootstrap .mx-4 {
  margin-left: 1.5rem !important;
}
.bootstrap .m-5 {
  margin: 3rem !important;
}
.bootstrap .mt-5,
.bootstrap .my-5 {
  margin-top: 3rem !important;
}
.bootstrap .mr-5,
.bootstrap .mx-5 {
  margin-right: 3rem !important;
}
.bootstrap .mb-5,
.bootstrap .my-5 {
  margin-bottom: 3rem !important;
}
.bootstrap .ml-5,
.bootstrap .mx-5 {
  margin-left: 3rem !important;
}
.bootstrap .p-0 {
  padding: 0 !important;
}
.bootstrap .pt-0,
.bootstrap .py-0 {
  padding-top: 0 !important;
}
.bootstrap .pr-0,
.bootstrap .px-0 {
  padding-right: 0 !important;
}
.bootstrap .pb-0,
.bootstrap .py-0 {
  padding-bottom: 0 !important;
}
.bootstrap .pl-0,
.bootstrap .px-0 {
  padding-left: 0 !important;
}
.bootstrap .p-1 {
  padding: 0.25rem !important;
}
.bootstrap .pt-1,
.bootstrap .py-1 {
  padding-top: 0.25rem !important;
}
.bootstrap .pr-1,
.bootstrap .px-1 {
  padding-right: 0.25rem !important;
}
.bootstrap .pb-1,
.bootstrap .py-1 {
  padding-bottom: 0.25rem !important;
}
.bootstrap .pl-1,
.bootstrap .px-1 {
  padding-left: 0.25rem !important;
}
.bootstrap .p-2 {
  padding: 0.5rem !important;
}
.bootstrap .pt-2,
.bootstrap .py-2 {
  padding-top: 0.5rem !important;
}
.bootstrap .pr-2,
.bootstrap .px-2 {
  padding-right: 0.5rem !important;
}
.bootstrap .pb-2,
.bootstrap .py-2 {
  padding-bottom: 0.5rem !important;
}
.bootstrap .pl-2,
.bootstrap .px-2 {
  padding-left: 0.5rem !important;
}
.bootstrap .p-3 {
  padding: 1rem !important;
}
.bootstrap .pt-3,
.bootstrap .py-3 {
  padding-top: 1rem !important;
}
.bootstrap .pr-3,
.bootstrap .px-3 {
  padding-right: 1rem !important;
}
.bootstrap .pb-3,
.bootstrap .py-3 {
  padding-bottom: 1rem !important;
}
.bootstrap .pl-3,
.bootstrap .px-3 {
  padding-left: 1rem !important;
}
.bootstrap .p-4 {
  padding: 1.5rem !important;
}
.bootstrap .pt-4,
.bootstrap .py-4 {
  padding-top: 1.5rem !important;
}
.bootstrap .pr-4,
.bootstrap .px-4 {
  padding-right: 1.5rem !important;
}
.bootstrap .pb-4,
.bootstrap .py-4 {
  padding-bottom: 1.5rem !important;
}
.bootstrap .pl-4,
.bootstrap .px-4 {
  padding-left: 1.5rem !important;
}
.bootstrap .p-5 {
  padding: 3rem !important;
}
.bootstrap .pt-5,
.bootstrap .py-5 {
  padding-top: 3rem !important;
}
.bootstrap .pr-5,
.bootstrap .px-5 {
  padding-right: 3rem !important;
}
.bootstrap .pb-5,
.bootstrap .py-5 {
  padding-bottom: 3rem !important;
}
.bootstrap .pl-5,
.bootstrap .px-5 {
  padding-left: 3rem !important;
}
.bootstrap .m-auto {
  margin: auto !important;
}
.bootstrap .mt-auto,
.bootstrap .my-auto {
  margin-top: auto !important;
}
.bootstrap .mr-auto,
.bootstrap .mx-auto {
  margin-right: auto !important;
}
.bootstrap .mb-auto,
.bootstrap .my-auto {
  margin-bottom: auto !important;
}
.bootstrap .ml-auto,
.bootstrap .mx-auto {
  margin-left: auto !important;
}
@media (min-width: 576px) {
  .bootstrap .m-sm-0 {
    margin: 0 !important;
  }
  .bootstrap .mt-sm-0,
  .bootstrap .my-sm-0 {
    margin-top: 0 !important;
  }
  .bootstrap .mr-sm-0,
  .bootstrap .mx-sm-0 {
    margin-right: 0 !important;
  }
  .bootstrap .mb-sm-0,
  .bootstrap .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .bootstrap .ml-sm-0,
  .bootstrap .mx-sm-0 {
    margin-left: 0 !important;
  }
  .bootstrap .m-sm-1 {
    margin: 0.25rem !important;
  }
  .bootstrap .mt-sm-1,
  .bootstrap .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .bootstrap .mr-sm-1,
  .bootstrap .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .bootstrap .mb-sm-1,
  .bootstrap .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .bootstrap .ml-sm-1,
  .bootstrap .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .bootstrap .m-sm-2 {
    margin: 0.5rem !important;
  }
  .bootstrap .mt-sm-2,
  .bootstrap .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .bootstrap .mr-sm-2,
  .bootstrap .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .bootstrap .mb-sm-2,
  .bootstrap .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .bootstrap .ml-sm-2,
  .bootstrap .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .bootstrap .m-sm-3 {
    margin: 1rem !important;
  }
  .bootstrap .mt-sm-3,
  .bootstrap .my-sm-3 {
    margin-top: 1rem !important;
  }
  .bootstrap .mr-sm-3,
  .bootstrap .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .bootstrap .mb-sm-3,
  .bootstrap .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .bootstrap .ml-sm-3,
  .bootstrap .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .bootstrap .m-sm-4 {
    margin: 1.5rem !important;
  }
  .bootstrap .mt-sm-4,
  .bootstrap .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .bootstrap .mr-sm-4,
  .bootstrap .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .bootstrap .mb-sm-4,
  .bootstrap .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .bootstrap .ml-sm-4,
  .bootstrap .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .bootstrap .m-sm-5 {
    margin: 3rem !important;
  }
  .bootstrap .mt-sm-5,
  .bootstrap .my-sm-5 {
    margin-top: 3rem !important;
  }
  .bootstrap .mr-sm-5,
  .bootstrap .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .bootstrap .mb-sm-5,
  .bootstrap .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .bootstrap .ml-sm-5,
  .bootstrap .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .bootstrap .p-sm-0 {
    padding: 0 !important;
  }
  .bootstrap .pt-sm-0,
  .bootstrap .py-sm-0 {
    padding-top: 0 !important;
  }
  .bootstrap .pr-sm-0,
  .bootstrap .px-sm-0 {
    padding-right: 0 !important;
  }
  .bootstrap .pb-sm-0,
  .bootstrap .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .bootstrap .pl-sm-0,
  .bootstrap .px-sm-0 {
    padding-left: 0 !important;
  }
  .bootstrap .p-sm-1 {
    padding: 0.25rem !important;
  }
  .bootstrap .pt-sm-1,
  .bootstrap .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .bootstrap .pr-sm-1,
  .bootstrap .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .bootstrap .pb-sm-1,
  .bootstrap .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .bootstrap .pl-sm-1,
  .bootstrap .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .bootstrap .p-sm-2 {
    padding: 0.5rem !important;
  }
  .bootstrap .pt-sm-2,
  .bootstrap .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .bootstrap .pr-sm-2,
  .bootstrap .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .bootstrap .pb-sm-2,
  .bootstrap .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .bootstrap .pl-sm-2,
  .bootstrap .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .bootstrap .p-sm-3 {
    padding: 1rem !important;
  }
  .bootstrap .pt-sm-3,
  .bootstrap .py-sm-3 {
    padding-top: 1rem !important;
  }
  .bootstrap .pr-sm-3,
  .bootstrap .px-sm-3 {
    padding-right: 1rem !important;
  }
  .bootstrap .pb-sm-3,
  .bootstrap .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .bootstrap .pl-sm-3,
  .bootstrap .px-sm-3 {
    padding-left: 1rem !important;
  }
  .bootstrap .p-sm-4 {
    padding: 1.5rem !important;
  }
  .bootstrap .pt-sm-4,
  .bootstrap .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .bootstrap .pr-sm-4,
  .bootstrap .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .bootstrap .pb-sm-4,
  .bootstrap .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .bootstrap .pl-sm-4,
  .bootstrap .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .bootstrap .p-sm-5 {
    padding: 3rem !important;
  }
  .bootstrap .pt-sm-5,
  .bootstrap .py-sm-5 {
    padding-top: 3rem !important;
  }
  .bootstrap .pr-sm-5,
  .bootstrap .px-sm-5 {
    padding-right: 3rem !important;
  }
  .bootstrap .pb-sm-5,
  .bootstrap .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .bootstrap .pl-sm-5,
  .bootstrap .px-sm-5 {
    padding-left: 3rem !important;
  }
  .bootstrap .m-sm-auto {
    margin: auto !important;
  }
  .bootstrap .mt-sm-auto,
  .bootstrap .my-sm-auto {
    margin-top: auto !important;
  }
  .bootstrap .mr-sm-auto,
  .bootstrap .mx-sm-auto {
    margin-right: auto !important;
  }
  .bootstrap .mb-sm-auto,
  .bootstrap .my-sm-auto {
    margin-bottom: auto !important;
  }
  .bootstrap .ml-sm-auto,
  .bootstrap .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .bootstrap .m-md-0 {
    margin: 0 !important;
  }
  .bootstrap .mt-md-0,
  .bootstrap .my-md-0 {
    margin-top: 0 !important;
  }
  .bootstrap .mr-md-0,
  .bootstrap .mx-md-0 {
    margin-right: 0 !important;
  }
  .bootstrap .mb-md-0,
  .bootstrap .my-md-0 {
    margin-bottom: 0 !important;
  }
  .bootstrap .ml-md-0,
  .bootstrap .mx-md-0 {
    margin-left: 0 !important;
  }
  .bootstrap .m-md-1 {
    margin: 0.25rem !important;
  }
  .bootstrap .mt-md-1,
  .bootstrap .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .bootstrap .mr-md-1,
  .bootstrap .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .bootstrap .mb-md-1,
  .bootstrap .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .bootstrap .ml-md-1,
  .bootstrap .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .bootstrap .m-md-2 {
    margin: 0.5rem !important;
  }
  .bootstrap .mt-md-2,
  .bootstrap .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .bootstrap .mr-md-2,
  .bootstrap .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .bootstrap .mb-md-2,
  .bootstrap .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .bootstrap .ml-md-2,
  .bootstrap .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .bootstrap .m-md-3 {
    margin: 1rem !important;
  }
  .bootstrap .mt-md-3,
  .bootstrap .my-md-3 {
    margin-top: 1rem !important;
  }
  .bootstrap .mr-md-3,
  .bootstrap .mx-md-3 {
    margin-right: 1rem !important;
  }
  .bootstrap .mb-md-3,
  .bootstrap .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .bootstrap .ml-md-3,
  .bootstrap .mx-md-3 {
    margin-left: 1rem !important;
  }
  .bootstrap .m-md-4 {
    margin: 1.5rem !important;
  }
  .bootstrap .mt-md-4,
  .bootstrap .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .bootstrap .mr-md-4,
  .bootstrap .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .bootstrap .mb-md-4,
  .bootstrap .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .bootstrap .ml-md-4,
  .bootstrap .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .bootstrap .m-md-5 {
    margin: 3rem !important;
  }
  .bootstrap .mt-md-5,
  .bootstrap .my-md-5 {
    margin-top: 3rem !important;
  }
  .bootstrap .mr-md-5,
  .bootstrap .mx-md-5 {
    margin-right: 3rem !important;
  }
  .bootstrap .mb-md-5,
  .bootstrap .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .bootstrap .ml-md-5,
  .bootstrap .mx-md-5 {
    margin-left: 3rem !important;
  }
  .bootstrap .p-md-0 {
    padding: 0 !important;
  }
  .bootstrap .pt-md-0,
  .bootstrap .py-md-0 {
    padding-top: 0 !important;
  }
  .bootstrap .pr-md-0,
  .bootstrap .px-md-0 {
    padding-right: 0 !important;
  }
  .bootstrap .pb-md-0,
  .bootstrap .py-md-0 {
    padding-bottom: 0 !important;
  }
  .bootstrap .pl-md-0,
  .bootstrap .px-md-0 {
    padding-left: 0 !important;
  }
  .bootstrap .p-md-1 {
    padding: 0.25rem !important;
  }
  .bootstrap .pt-md-1,
  .bootstrap .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .bootstrap .pr-md-1,
  .bootstrap .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .bootstrap .pb-md-1,
  .bootstrap .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .bootstrap .pl-md-1,
  .bootstrap .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .bootstrap .p-md-2 {
    padding: 0.5rem !important;
  }
  .bootstrap .pt-md-2,
  .bootstrap .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .bootstrap .pr-md-2,
  .bootstrap .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .bootstrap .pb-md-2,
  .bootstrap .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .bootstrap .pl-md-2,
  .bootstrap .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .bootstrap .p-md-3 {
    padding: 1rem !important;
  }
  .bootstrap .pt-md-3,
  .bootstrap .py-md-3 {
    padding-top: 1rem !important;
  }
  .bootstrap .pr-md-3,
  .bootstrap .px-md-3 {
    padding-right: 1rem !important;
  }
  .bootstrap .pb-md-3,
  .bootstrap .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .bootstrap .pl-md-3,
  .bootstrap .px-md-3 {
    padding-left: 1rem !important;
  }
  .bootstrap .p-md-4 {
    padding: 1.5rem !important;
  }
  .bootstrap .pt-md-4,
  .bootstrap .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .bootstrap .pr-md-4,
  .bootstrap .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .bootstrap .pb-md-4,
  .bootstrap .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .bootstrap .pl-md-4,
  .bootstrap .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .bootstrap .p-md-5 {
    padding: 3rem !important;
  }
  .bootstrap .pt-md-5,
  .bootstrap .py-md-5 {
    padding-top: 3rem !important;
  }
  .bootstrap .pr-md-5,
  .bootstrap .px-md-5 {
    padding-right: 3rem !important;
  }
  .bootstrap .pb-md-5,
  .bootstrap .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .bootstrap .pl-md-5,
  .bootstrap .px-md-5 {
    padding-left: 3rem !important;
  }
  .bootstrap .m-md-auto {
    margin: auto !important;
  }
  .bootstrap .mt-md-auto,
  .bootstrap .my-md-auto {
    margin-top: auto !important;
  }
  .bootstrap .mr-md-auto,
  .bootstrap .mx-md-auto {
    margin-right: auto !important;
  }
  .bootstrap .mb-md-auto,
  .bootstrap .my-md-auto {
    margin-bottom: auto !important;
  }
  .bootstrap .ml-md-auto,
  .bootstrap .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .bootstrap .m-lg-0 {
    margin: 0 !important;
  }
  .bootstrap .mt-lg-0,
  .bootstrap .my-lg-0 {
    margin-top: 0 !important;
  }
  .bootstrap .mr-lg-0,
  .bootstrap .mx-lg-0 {
    margin-right: 0 !important;
  }
  .bootstrap .mb-lg-0,
  .bootstrap .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .bootstrap .ml-lg-0,
  .bootstrap .mx-lg-0 {
    margin-left: 0 !important;
  }
  .bootstrap .m-lg-1 {
    margin: 0.25rem !important;
  }
  .bootstrap .mt-lg-1,
  .bootstrap .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .bootstrap .mr-lg-1,
  .bootstrap .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .bootstrap .mb-lg-1,
  .bootstrap .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .bootstrap .ml-lg-1,
  .bootstrap .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .bootstrap .m-lg-2 {
    margin: 0.5rem !important;
  }
  .bootstrap .mt-lg-2,
  .bootstrap .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .bootstrap .mr-lg-2,
  .bootstrap .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .bootstrap .mb-lg-2,
  .bootstrap .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .bootstrap .ml-lg-2,
  .bootstrap .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .bootstrap .m-lg-3 {
    margin: 1rem !important;
  }
  .bootstrap .mt-lg-3,
  .bootstrap .my-lg-3 {
    margin-top: 1rem !important;
  }
  .bootstrap .mr-lg-3,
  .bootstrap .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .bootstrap .mb-lg-3,
  .bootstrap .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .bootstrap .ml-lg-3,
  .bootstrap .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .bootstrap .m-lg-4 {
    margin: 1.5rem !important;
  }
  .bootstrap .mt-lg-4,
  .bootstrap .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .bootstrap .mr-lg-4,
  .bootstrap .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .bootstrap .mb-lg-4,
  .bootstrap .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .bootstrap .ml-lg-4,
  .bootstrap .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .bootstrap .m-lg-5 {
    margin: 3rem !important;
  }
  .bootstrap .mt-lg-5,
  .bootstrap .my-lg-5 {
    margin-top: 3rem !important;
  }
  .bootstrap .mr-lg-5,
  .bootstrap .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .bootstrap .mb-lg-5,
  .bootstrap .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .bootstrap .ml-lg-5,
  .bootstrap .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .bootstrap .p-lg-0 {
    padding: 0 !important;
  }
  .bootstrap .pt-lg-0,
  .bootstrap .py-lg-0 {
    padding-top: 0 !important;
  }
  .bootstrap .pr-lg-0,
  .bootstrap .px-lg-0 {
    padding-right: 0 !important;
  }
  .bootstrap .pb-lg-0,
  .bootstrap .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .bootstrap .pl-lg-0,
  .bootstrap .px-lg-0 {
    padding-left: 0 !important;
  }
  .bootstrap .p-lg-1 {
    padding: 0.25rem !important;
  }
  .bootstrap .pt-lg-1,
  .bootstrap .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .bootstrap .pr-lg-1,
  .bootstrap .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .bootstrap .pb-lg-1,
  .bootstrap .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .bootstrap .pl-lg-1,
  .bootstrap .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .bootstrap .p-lg-2 {
    padding: 0.5rem !important;
  }
  .bootstrap .pt-lg-2,
  .bootstrap .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .bootstrap .pr-lg-2,
  .bootstrap .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .bootstrap .pb-lg-2,
  .bootstrap .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .bootstrap .pl-lg-2,
  .bootstrap .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .bootstrap .p-lg-3 {
    padding: 1rem !important;
  }
  .bootstrap .pt-lg-3,
  .bootstrap .py-lg-3 {
    padding-top: 1rem !important;
  }
  .bootstrap .pr-lg-3,
  .bootstrap .px-lg-3 {
    padding-right: 1rem !important;
  }
  .bootstrap .pb-lg-3,
  .bootstrap .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .bootstrap .pl-lg-3,
  .bootstrap .px-lg-3 {
    padding-left: 1rem !important;
  }
  .bootstrap .p-lg-4 {
    padding: 1.5rem !important;
  }
  .bootstrap .pt-lg-4,
  .bootstrap .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .bootstrap .pr-lg-4,
  .bootstrap .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .bootstrap .pb-lg-4,
  .bootstrap .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .bootstrap .pl-lg-4,
  .bootstrap .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .bootstrap .p-lg-5 {
    padding: 3rem !important;
  }
  .bootstrap .pt-lg-5,
  .bootstrap .py-lg-5 {
    padding-top: 3rem !important;
  }
  .bootstrap .pr-lg-5,
  .bootstrap .px-lg-5 {
    padding-right: 3rem !important;
  }
  .bootstrap .pb-lg-5,
  .bootstrap .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .bootstrap .pl-lg-5,
  .bootstrap .px-lg-5 {
    padding-left: 3rem !important;
  }
  .bootstrap .m-lg-auto {
    margin: auto !important;
  }
  .bootstrap .mt-lg-auto,
  .bootstrap .my-lg-auto {
    margin-top: auto !important;
  }
  .bootstrap .mr-lg-auto,
  .bootstrap .mx-lg-auto {
    margin-right: auto !important;
  }
  .bootstrap .mb-lg-auto,
  .bootstrap .my-lg-auto {
    margin-bottom: auto !important;
  }
  .bootstrap .ml-lg-auto,
  .bootstrap .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .bootstrap .m-xl-0 {
    margin: 0 !important;
  }
  .bootstrap .mt-xl-0,
  .bootstrap .my-xl-0 {
    margin-top: 0 !important;
  }
  .bootstrap .mr-xl-0,
  .bootstrap .mx-xl-0 {
    margin-right: 0 !important;
  }
  .bootstrap .mb-xl-0,
  .bootstrap .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .bootstrap .ml-xl-0,
  .bootstrap .mx-xl-0 {
    margin-left: 0 !important;
  }
  .bootstrap .m-xl-1 {
    margin: 0.25rem !important;
  }
  .bootstrap .mt-xl-1,
  .bootstrap .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .bootstrap .mr-xl-1,
  .bootstrap .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .bootstrap .mb-xl-1,
  .bootstrap .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .bootstrap .ml-xl-1,
  .bootstrap .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .bootstrap .m-xl-2 {
    margin: 0.5rem !important;
  }
  .bootstrap .mt-xl-2,
  .bootstrap .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .bootstrap .mr-xl-2,
  .bootstrap .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .bootstrap .mb-xl-2,
  .bootstrap .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .bootstrap .ml-xl-2,
  .bootstrap .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .bootstrap .m-xl-3 {
    margin: 1rem !important;
  }
  .bootstrap .mt-xl-3,
  .bootstrap .my-xl-3 {
    margin-top: 1rem !important;
  }
  .bootstrap .mr-xl-3,
  .bootstrap .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .bootstrap .mb-xl-3,
  .bootstrap .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .bootstrap .ml-xl-3,
  .bootstrap .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .bootstrap .m-xl-4 {
    margin: 1.5rem !important;
  }
  .bootstrap .mt-xl-4,
  .bootstrap .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .bootstrap .mr-xl-4,
  .bootstrap .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .bootstrap .mb-xl-4,
  .bootstrap .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .bootstrap .ml-xl-4,
  .bootstrap .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .bootstrap .m-xl-5 {
    margin: 3rem !important;
  }
  .bootstrap .mt-xl-5,
  .bootstrap .my-xl-5 {
    margin-top: 3rem !important;
  }
  .bootstrap .mr-xl-5,
  .bootstrap .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .bootstrap .mb-xl-5,
  .bootstrap .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .bootstrap .ml-xl-5,
  .bootstrap .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .bootstrap .p-xl-0 {
    padding: 0 !important;
  }
  .bootstrap .pt-xl-0,
  .bootstrap .py-xl-0 {
    padding-top: 0 !important;
  }
  .bootstrap .pr-xl-0,
  .bootstrap .px-xl-0 {
    padding-right: 0 !important;
  }
  .bootstrap .pb-xl-0,
  .bootstrap .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .bootstrap .pl-xl-0,
  .bootstrap .px-xl-0 {
    padding-left: 0 !important;
  }
  .bootstrap .p-xl-1 {
    padding: 0.25rem !important;
  }
  .bootstrap .pt-xl-1,
  .bootstrap .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .bootstrap .pr-xl-1,
  .bootstrap .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .bootstrap .pb-xl-1,
  .bootstrap .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .bootstrap .pl-xl-1,
  .bootstrap .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .bootstrap .p-xl-2 {
    padding: 0.5rem !important;
  }
  .bootstrap .pt-xl-2,
  .bootstrap .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .bootstrap .pr-xl-2,
  .bootstrap .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .bootstrap .pb-xl-2,
  .bootstrap .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .bootstrap .pl-xl-2,
  .bootstrap .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .bootstrap .p-xl-3 {
    padding: 1rem !important;
  }
  .bootstrap .pt-xl-3,
  .bootstrap .py-xl-3 {
    padding-top: 1rem !important;
  }
  .bootstrap .pr-xl-3,
  .bootstrap .px-xl-3 {
    padding-right: 1rem !important;
  }
  .bootstrap .pb-xl-3,
  .bootstrap .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .bootstrap .pl-xl-3,
  .bootstrap .px-xl-3 {
    padding-left: 1rem !important;
  }
  .bootstrap .p-xl-4 {
    padding: 1.5rem !important;
  }
  .bootstrap .pt-xl-4,
  .bootstrap .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .bootstrap .pr-xl-4,
  .bootstrap .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .bootstrap .pb-xl-4,
  .bootstrap .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .bootstrap .pl-xl-4,
  .bootstrap .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .bootstrap .p-xl-5 {
    padding: 3rem !important;
  }
  .bootstrap .pt-xl-5,
  .bootstrap .py-xl-5 {
    padding-top: 3rem !important;
  }
  .bootstrap .pr-xl-5,
  .bootstrap .px-xl-5 {
    padding-right: 3rem !important;
  }
  .bootstrap .pb-xl-5,
  .bootstrap .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .bootstrap .pl-xl-5,
  .bootstrap .px-xl-5 {
    padding-left: 3rem !important;
  }
  .bootstrap .m-xl-auto {
    margin: auto !important;
  }
  .bootstrap .mt-xl-auto,
  .bootstrap .my-xl-auto {
    margin-top: auto !important;
  }
  .bootstrap .mr-xl-auto,
  .bootstrap .mx-xl-auto {
    margin-right: auto !important;
  }
  .bootstrap .mb-xl-auto,
  .bootstrap .my-xl-auto {
    margin-bottom: auto !important;
  }
  .bootstrap .ml-xl-auto,
  .bootstrap .mx-xl-auto {
    margin-left: auto !important;
  }
}
.bootstrap .text-justify {
  text-align: justify !important;
}
.bootstrap .text-nowrap {
  white-space: nowrap !important;
}
.bootstrap .text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bootstrap .text-left {
  text-align: left !important;
}
.bootstrap .text-right {
  text-align: right !important;
}
.bootstrap .text-center {
  text-align: center !important;
}
@media (min-width: 576px) {
  .bootstrap .text-sm-left {
    text-align: left !important;
  }
  .bootstrap .text-sm-right {
    text-align: right !important;
  }
  .bootstrap .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .bootstrap .text-md-left {
    text-align: left !important;
  }
  .bootstrap .text-md-right {
    text-align: right !important;
  }
  .bootstrap .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .bootstrap .text-lg-left {
    text-align: left !important;
  }
  .bootstrap .text-lg-right {
    text-align: right !important;
  }
  .bootstrap .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .bootstrap .text-xl-left {
    text-align: left !important;
  }
  .bootstrap .text-xl-right {
    text-align: right !important;
  }
  .bootstrap .text-xl-center {
    text-align: center !important;
  }
}
.bootstrap .text-lowercase {
  text-transform: lowercase !important;
}
.bootstrap .text-uppercase {
  text-transform: uppercase !important;
}
.bootstrap .text-capitalize {
  text-transform: capitalize !important;
}
.bootstrap .font-weight-light {
  font-weight: 300 !important;
}
.bootstrap .font-weight-normal {
  font-weight: 400 !important;
}
.bootstrap .font-weight-bold {
  font-weight: 700 !important;
}
.bootstrap .font-italic {
  font-style: italic !important;
}
.bootstrap .text-white {
  color: #ffffff !important;
}
.bootstrap .text-primary {
  color: #007bff !important;
}
.bootstrap a.text-primary:focus,
.bootstrap a.text-primary:hover {
  color: #0062cc !important;
}
.bootstrap .text-secondary {
  color: #868e96 !important;
}
.bootstrap a.text-secondary:focus,
.bootstrap a.text-secondary:hover {
  color: #6c757d !important;
}
.bootstrap .text-success {
  color: #28a745 !important;
}
.bootstrap a.text-success:focus,
.bootstrap a.text-success:hover {
  color: #1e7e34 !important;
}
.bootstrap .text-info {
  color: #17a2b8 !important;
}
.bootstrap a.text-info:focus,
.bootstrap a.text-info:hover {
  color: #117a8b !important;
}
.bootstrap .text-warning {
  color: #ffc107 !important;
}
.bootstrap a.text-warning:focus,
.bootstrap a.text-warning:hover {
  color: #d39e00 !important;
}
.bootstrap .text-danger {
  color: #dc3545 !important;
}
.bootstrap a.text-danger:focus,
.bootstrap a.text-danger:hover {
  color: #bd2130 !important;
}
.bootstrap .text-light {
  color: #f8f9fa !important;
}
.bootstrap a.text-light:focus,
.bootstrap a.text-light:hover {
  color: #dae0e5 !important;
}
.bootstrap .text-dark {
  color: #343a40 !important;
}
.bootstrap a.text-dark:focus,
.bootstrap a.text-dark:hover {
  color: #1d2124 !important;
}
.bootstrap .text-muted {
  color: #868e96 !important;
}
.bootstrap .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.bootstrap .visible {
  visibility: visible !important;
}
.bootstrap .invisible {
  visibility: hidden !important;
}
/************************************************

   product-list Component

************************************************/
/*@media screen and (min-width: 0\0) {
    .product-list__nav-item.active:after {
        top: 35%;
    }
}*/
/**********************
  Blue version
***********************/
/**********************
  Detail version
***********************/
/**********************
  Scroll windows
***********************/
/**********************
  Mobile version
***********************/
.product-list {
  background: linear-gradient(to right, #ffffff 50%, #e7ebee 50%);
}
.product-list h2 {
  color: #E4001C;
}
.product-list hr {
  border-color: #979797;
}
.product-list .product-list__column {
  padding: 5.25rem 0;
}
.product-list .product-list__column:nth-child(2) {
  background-color: #e7ebee;
}
.product-list .product-list__column h3 {
  color: #212529;
}
.product-list .product-list__nav-list {
  list-style: none;
  padding-left: 0;
  direction: ltr;
}
.product-list .product-list__nav-item {
  padding: .5rem 2.25rem .5rem 1rem;
  line-height: 22px;
  min-height: 3rem;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.product-list .product-list__nav-item.active {
  background-color: #E7EBEE;
  font-weight: 700;
}
.product-list .product-list__nav-item.active:after {
  content: url("data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjkiIGhlaWdodD0iMTYiIHZlcnNpb249IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMTVsNi03LTYtNyIgc3Ryb2tlPSIjMjE3QUM2IiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1rem;
  height: 19px;
}
.product-list .product-list__content-wrapper {
  padding-left: 3.25rem;
  padding-right: 3.25rem;
}
.product-list .product-list__content {
  display: none;
}
.product-list .active .product-list__content {
  display: block;
  max-height: initial;
  position: relative;
}
.product-list .active .product-list__content p {
  color: #0a0a0a;
}
.product-list .active .product-list__title {
  display: block;
}
.product-list .product-list__title {
  display: none;
}
@media (max-width: 575px) {
  .product-list .product-list__title {
    font-size: 19px;
  }
}
.product-list .product-list--blue {
  background: linear-gradient(to right, #217ac6 50%, #175990 50%);
}
.product-list .product-list--blue hr {
  border-color: #ffffff;
}
.product-list .product-list--blue .product-list__column:nth-child(2) {
  background-color: #175990;
}
.product-list .product-list--blue .product-list__title {
  color: #fff;
}
.product-list .product-list--blue .product-list__nav-item {
  color: #fff;
}
.product-list .product-list--blue .product-list__content {
  color: #fff;
}
.product-list .product-list--blue h2 {
  color: #fff;
}
.product-list .product-list--blue p {
  color: #fff;
}
.product-list .product-list--blue .product-list__nav-item.active {
  background-color: #175990;
}
.product-list .product-list--blue .product-list__nav-item.active:after {
  content: url("data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjkiIGhlaWdodD0iMTYiIHZlcnNpb249IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMTVsNi03LTYtNyIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
}
.product-list .product-list--blue .product-list__content-window::-webkit-scrollbar-thumb {
  background-color: #fff;
}
.product-list .product-list--blue .product-list__content-window::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #102537;
}
.product-list .product-list--blue .product-list__nav-window::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #102537;
}
.product-list .product-list--blue .product-list__nav-window::-webkit-scrollbar-thumb {
  background-color: #ffffff;
  background-color: #fff;
}
.product-list .product-list--blue .product-list__content.scrolling:after {
  background-image: linear-gradient(to bottom, rgba(42, 89, 140, 0), #175990 80%);
}
.product-list .product-list--blue .product-list__nav--scrolling:after {
  background-image: linear-gradient(to bottom, rgba(33, 122, 198, 0), #217ac6 80%);
}
.product-list .product-list--detail .product-list__nav-subtitle {
  display: block;
  pointer-events: none;
}
.product-list .product-list--detail .product-list__nav-item {
  padding: 1.375rem 2.25rem 1.375rem 1.375rem;
  margin: .5rem 0;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  display: block;
}
.product-list .product-list__content-window {
  max-height: 100vh;
  overflow-y: auto;
  margin-top: 2.5rem;
  padding-right: 1.5rem;
}
.product-list .product-list__content-window::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.product-list .product-list__content-window::-webkit-scrollbar {
  width: 3px;
}
.product-list .product-list__content-window::-webkit-scrollbar-thumb {
  background-color: #217AC6;
}
.product-list .product-list__nav-window {
  max-height: calc(100vh - 80px);
  /*calc(100vh - 80px); */
  overflow-y: auto;
  direction: rtl;
  margin-top: 1.5rem;
  padding-left: .7rem;
}
.product-list .product-list__nav-window::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.product-list .product-list__nav-window::-webkit-scrollbar {
  width: 3px;
}
.product-list .product-list__nav-window::-webkit-scrollbar-thumb {
  background-color: #217AC6;
}
.product-list .product-list__nav-window .product-list__nav-item:first-of-type {
  margin-top: 0;
}
.product-list .product-list__content.scrolling:after {
  content: '';
  display: block;
  background-image: linear-gradient(to bottom, rgba(231, 235, 238, 0), #e7ebee 80%);
  height: 10rem;
  width: 100%;
  position: absolute;
  bottom: -2rem;
  pointer-events: none;
}
.product-list .product-list__content.scrolling .product-list__content-window {
  padding-bottom: 2rem;
}
.product-list .product-list__nav {
  position: relative;
}
.product-list .product-list__nav--scrolling:after {
  content: '';
  display: block;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 80%);
  height: 7rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  pointer-events: none;
}
.product-list .product-list__nav--scrolling .product-list__nav-window {
  padding-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .product-list .product-list__content-window {
    overflow: visible;
    max-height: none;
    height: auto;
    padding: 0;
  }
  .product-list .product-list__content.scrolling:after {
    display: none;
  }
  .product-list .product-list__nav--scrolling:after {
    display: none;
  }
  .product-list .product-list__nav-window {
    display: none;
  }
  .product-list .product-list {
    background: white;
    padding: 2rem 0;
  }
  .product-list .product-list__column {
    padding: 0 1rem;
  }
  .product-list .product-list__column:nth-child(2) {
    background-color: white;
  }
  .product-list .product-list__content-wrapper {
    padding: 1.25rem 0;
    border-bottom: 1px solid #E7EBEE;
  }
  .product-list .product-list__content-wrapper.active {
    background-color: #E7EBEE;
    padding: 1.25rem;
  }
  .product-list .product-list__title {
    display: block;
    position: relative;
    cursor: pointer;
    padding-right: 40px;
    margin-bottom: 0;
    transition: margin-bottom 0.2s ease-in-out;
  }
  .product-list .product-list__title:after {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.5rem;
    font-size: .75rem;
    font-weight: normal;
    color: #3495E8;
    content: url("data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjE2IiBoZWlnaHQ9IjE3IiB2ZXJzaW9uPSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIHN0cm9rZT0iIzIxN0FDNiIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiPjxwYXRoIGQ9Ik0xIDhoMTRNOCAxNVYyIi8+PC9nPjwvc3ZnPg==");
  }
  .product-list .active .product-list__title {
    font-weight: 700;
    margin-bottom: 1rem;
  }
  .product-list .active .product-list__title:after {
    content: url("data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjE2IiBoZWlnaHQ9IjMiIHZlcnNpb249IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMWgxNCIgc3Ryb2tlPSIjMjE3QUM2IiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPjwvc3ZnPg==");
    right: -0.2rem;
  }
  .product-list .product-list__content {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-in-out;
  }
  .product-list .product-list__nav-list {
    display: none;
  }
  .product-list .product-list--blue.product-list {
    background-color: #175990;
  }
  .product-list .product-list--blue .product-list__title:after {
    content: url("data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjE2IiBoZWlnaHQ9IjE3IiB2ZXJzaW9uPSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIHN0cm9rZT0iI2ZmZmYiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIj48cGF0aCBkPSJNMSA4aDE0TTggMTVWMiIvPjwvZz48L3N2Zz4=");
  }
  .product-list .product-list--blue .active .product-list__title:after {
    content: url("data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjE2IiBoZWlnaHQ9IjMiIHZlcnNpb249IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMWgxNCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPjwvc3ZnPg==");
  }
  .product-list .product-list--blue .product-list__content-wrapper.active {
    background-color: #175990;
  }
}

/************************************************

   Page List Component

************************************************/
.page-list {
  background-color: #217AC6;
  padding: 3rem 0 1rem 0;
  color: #ffffff;
}
.page-list h2 {
  color: #fff;
}
.page-list .page-list__filter-btn {
  color: #FFF;
}
.page-list .page-list__filter-btn:first-of-type {
  margin-right: .5rem;
}
.page-list .page-list__filter-btn.active {
  color: #175990;
}
.page-list .page-list__filter {
  float: right;
}
.page-list .page-list__filter span {
  margin-right: 1rem;
}
@media screen and (max-width: 575px) {
  .page-list .page-list__filter span {
    display: none;
  }
}
.page-list .page-list__card-container {
  margin: 1.875rem 0;
  display: flex;
  flex-direction: row;
  /*justify-content: space-between;*/
  flex-wrap: wrap;
}
.page-list .card-medium-blue {
  transition: background-color 0.25s ease;
}
.page-list .card-medium-blue:hover {
  background-color: #103D66;
}
.page-list .card-copy {
  padding: 1.125rem;
}
.page-list .card-copy__tagline {
  font-size: 1.25rem;
  line-height: 1.1;
  font-weight: 500;
}
.page-list .card-copy__headline {
  font-size: 1rem;
  line-height: 1.3;
  margin-bottom: .25rem;
}
/**************************************
  long version
************************************/
@media screen and (min-width: 576px) {
  .page-list__card-container--long {
    flex-direction: column;
  }
}
@media screen and (max-width: 575px) {
  .page-list__card-container--long .card-image {
    display: none;
  }
}
@media screen and (max-width: 849px) {
  .page-list__card-container--long .card-image {
    display: none;
  }
}
@media screen and (min-width: 576px) {
  .page-list__card-container--long .card-image {
    max-width: 20%;
    flex: 0 0 20%;
  }
}
@media screen and (min-width: 576px) {
  .page-list__card-container--long .card {
    width: 100%;
    min-width: 100%;
    flex-direction: row;
    min-height: 128px;
  }
}
@media screen and (min-width: 576px) {
  .page-list__card-container--long .card-copy__headline {
    display: inline;
  }
}
@media screen and (min-width: 576px) {
  .page-list__card-container--long .card-copy__tagline {
    display: inline;
    font-weight: 500;
  }
}
@media screen and (min-width: 576px) {
  .page-list__card-container--long .card-copy__body {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 576px) {
  .page-list__card-container--long .card-copy {
    padding-right: 16rem !important;
  }
}
@media screen and (min-width: 576px) {
  .page-list__card-container--long .card-copy__link {
    bottom: auto;
    top: 50%;
    right: 3.75rem;
    transform: translateY(-50%);
  }
}

.newscards .news-filter {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.newscards .news-filter .news-filter__label {
  font-weight: 600;
}
.newscards .news-filter .news-filter__select {
  width: 500px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
}
.newscards .news-filter .news-filter__select .selectize-dropdown .option {
  padding: 0.5rem 0;
}
.newscards .news-filter .news-filter__select .selectize-dropdown-content {
  padding-bottom: 0.5rem;
}
.newscards .news-card {
  background-color: #ffffff;
  color: #ffffff;
  padding: 1rem 0px 4rem;
}
.newscards .news-card .news-card__card-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0px -10px 1.875rem;
}
.newscards .news-card .news-card__card-container .card-copy {
  padding: 1.125rem;
}
.newscards .news-card .news-card__card-container .card-copy .card-copy__tag {
  display: block;
  margin-bottom: 1rem;
  font-weight: 500;
  text-transform: capitalize;
  color: #0a0a0a;
  font-size: 16px;
}
.newscards .news-card .news-card__card-container .card-copy .card-copy__headline {
  font-size: 1rem;
  line-height: 1.3;
  margin-bottom: 0.25rem;
  font-weight: 600;
}
.newscards .news-card .news-card__card-container .card-copy .card-copy__body {
  font-size: 14px;
  line-height: 1.25rem;
  padding-bottom: 3rem;
}
.newscards .news-card .news-card__card-container .card-copy .card-copy__link {
  position: absolute;
  bottom: 2rem;
}
.newscards .news-card .btn-load-more {
  color: #217ac6;
  border-color: #217ac6;
}
.news-filter__clear:not([href]):not([tabindex]) {
  color: #217ac6;
  cursor: pointer;
}
.news-filter__clear:not([href]):not([tabindex]):hover {
  color: #217ac6;
  font-weight: 500;
}
@media (min-width: 601px) {
  .news-card__card-container .card {
    flex-basis: calc(49% - 8px);
    width: calc(49% - 8px);
    min-width: calc(49% - 8px);
    max-width: calc(49% - 8px);
  }
}
@media (min-width: 801px) {
  .news-card__card-container .card {
    margin: 0 10px 20px;
    flex-basis: calc(32% - 12px);
    width: calc(32% - 12px);
    min-width: calc(32% - 12px);
    max-width: calc(32% - 12px);
  }
}
@media (min-width: 890px) {
  .news-card__card-container .card {
    margin: 0 10px 20px;
    flex-basis: calc(32% - 10px);
    width: calc(32% - 10px);
    min-width: calc(32% - 10px);
    max-width: calc(32% - 10px);
  }
}
@media (min-width: 985px) {
  .news-card__card-container .card {
    margin: 0 10px 20px;
    flex-basis: calc(32% - 8px);
    width: calc(32% - 8px);
    min-width: calc(32% - 8px);
    max-width: calc(32% - 8px);
  }
}
/*mobile*/
@media screen and (max-width: 849px) {
  .news-card__card-container--long .card-image {
    display: none;
  }
}
@media screen and (min-width: 576px) {
  .news-card__card-container--long {
    flex-direction: column;
  }
  .news-card__card-container--long .card {
    width: 100%;
    min-width: 100%;
    flex-direction: row;
  }
  .news-card__card-container--long .card-image {
    max-width: 20%;
  }
  .news-card__card-container--long .card-copy__headline {
    display: inline;
  }
  .news-card__card-container--long .card-copy__tagline {
    display: inline;
    font-weight: 500;
  }
  .news-card__card-container--long .card-copy__body {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .news-card__card-container--long .card-copy {
    padding-right: 16rem !important;
  }
  .news-card__card-container--long .card-copy__link {
    bottom: auto;
    top: 50%;
    right: 3.75rem;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 575px) {
  .news-card__card-container--long .card-image {
    display: none;
  }
}

.download {
  width: 100%;
  padding: 0;
  margin: 0;
}
.download .download__wrapper {
  padding: 5rem 1rem;
}
.download h2 {
  color: #E4001C;
}
.download.download--blue h2 {
  color: #FFF;
}
.download .download__items-btn {
  display: block;
  width: 100%;
  background: #E7EBEE;
  color: #102537;
  border: none;
  line-height: 1.18rem;
  outline: none;
  padding: .75rem 1rem .75rem 3.875rem;
  position: relative;
  margin-bottom: 1.5rem;
}
.download .download__items-btn:hover {
  color: #0056b3;
}
.download .download__items-btn:before {
  content: '';
  display: inline-block;
  background: url('../../../../content/dam/dupont/amer/us/en/ei-transformation/general/icons/download.svg') no-repeat;
  width: 23px;
  height: 22px;
  position: absolute;
  left: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 47.875em) {
  .download .download__items {
    padding-bottom: 0;
  }
}
.download .download__items .download-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.download .download__items .download-list a {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 47.875em) {
  .download .download__items > .download__items-btn {
    margin: .5rem;
  }
}
.download .download__items > .download__items-btn > .download__items-btn-label {
  padding: 0;
}
.download .download__additional-items {
  display: none;
}
.download .download__additional-items.row {
  margin-right: 0px;
  margin-left: 0px;
}
.download .download__additional-items.show {
  display: flex;
}
.download .download__additional-items .download-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.download .download__additional-items .download-list a {
  display: flex;
  align-items: center;
}
.download .download__view-all .btn-load-less__copy {
  display: none;
}
.download .download__view-all .btn-load-less__copy svg {
  transform: rotate(180deg);
  margin-top: -3px;
}
.download .download__view-all--show-less .btn-load-more__copy {
  display: none;
}
.download .download__view-all--show-less .btn-load-less__copy {
  display: inline-block;
}
@media screen and (max-width: 47.875em) {
  .download .download__wrapper {
    width: auto;
    padding: 5rem 1rem;
  }
}
@media (max-width: 768px) {
  .download--blue .sliding-filter.sliding-filter--blue {
    overflow: auto;
    /* border: 2px; */
  }
  .download--blue .sliding-filter.sliding-filter--blue::-webkit-scrollbar {
    height: 5px;
  }
  .download--blue .sliding-filter--blue:after {
    background: none;
  }
}

.distributor-listing .distributor-listing__container {
  padding-top: 48px;
  padding-bottom: 48px;
}
.distributor-listing .distributor-listing__cards {
  padding-top: 24px;
  padding-bottom: 24px;
}
.distributor-listing .distributor-listing__cards-single {
  max-width: 300px;
  border: 2px solid #CCCFD3;
  padding: 1.5rem 1rem 1.5rem 1rem;
  height: 100%;
  min-height: 210px;
}
.distributor-listing .distributor-listing__cards-single p {
  max-width: 200px;
  padding-bottom: 0rem;
}
.distributor-listing .distributor-listing__cards-single p:last-of-type {
  padding-bottom: 3.2rem;
}
.distributor-listing .distributor-listing__cards-single h4 {
  font-size: 1rem;
  margin-bottom: 0;
  font-weight: bold;
}
.distributor-listing .distributor-listing__cards-single-list {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  position: absolute;
  bottom: 1rem;
}
.distributor-listing .distributor-listing__cards-single-list img {
  margin-right: 12px;
  width: 18px;
  height: 15px;
}
.distributor-listing .distributor-listing__cards-single-list .not-link {
  color: #0a0a0a;
}
@media screen and (max-width: 772px) {
  .distributor-listing .distributor-listing__cards {
    padding-top: 0;
  }
  .distributor-listing .distributor-listing__cards .col-md-4 {
    padding-bottom: 1rem;
  }
  .distributor-listing .distributor-listing__cards h3 {
    padding-top: 24px;
  }
  .distributor-listing .distributor-listing__cards-single {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 575px) {
  .distributor-listing .distributor-listing__container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .distributor-listing .distributor-listing__container h2 {
    padding-left: 15px;
  }
  .distributor-listing .distributor-listing__cards-single {
    min-width: 100%;
  }
}
@media screen and (max-width: 370px) {
  .distributor-listing .distributor-listing__container {
    padding-left: 0;
    padding-right: 0;
  }
}

.mandatory {
  color: #e4001c;
}

.eiContactForm .loader,
.eiContactForm .loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.eiContactForm .loader {
  font-size: 10px;
  text-indent: -9999em;
  border-top: 4px solid rgba(0, 0, 0, 0.2);
  border-right: 4px solid rgba(0, 0, 0, 0.2);
  border-bottom: 4px solid rgba(0, 0, 0, 0.2);
  border-left: 4px solid #000000;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  display: inline-block;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 25px;
  top: 25px;
  text-align: left;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.eiContactForm i.fa.fa-check.verified-user-check {
  color: green;
  position: absolute;
  font-size: 20px;
  right: 25px;
  top: 48px;
}
.eiContactForm i.fa.fa-check:before {
  content: "";
  background-image: url(../../../../content/dam/dupont/amer/us/en/ei-transformation/general/icons/checkmark.svg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
  position: absolute;
  top: -25px;
  left: -15px;
  border-radius: 0px;
  border-color: #217ac6;
  transition: all 0.2s ease 0s;
}
.eiContactForm .group-returning-msg,
.eiContactForm .returning-msg {
  padding-left: 10px;
}
.eiContactForm .form-group select {
  border-radius: 0px;
}

/************************************************

   Image Carousel Component 

************************************************/
/*Fix for slide peek, as decimal numbers broke the dots.*/
/*Card Carousel---------------------------------*/
/* Arrows ------------------------------------*/
/*WHITE/GREY CAROUSELS---------------------*/
/*LIGHT BLUE CAROUSELS------------------*/
/*MEDIUM BLUE CAROUSELS------------------*/
/*DARK BLUE CAROUSELS------------------*/
/*************************************
  Owl overwrite's
*************************************/
.dupont-card-carousal .row {
  margin: 0;
}
.dupont-card-carousal .carousel-background {
  padding: 20px;
  padding-left: 0px;
  padding-right: 0px;
}
.dupont-card-carousal .card-carousel {
  position: relative;
  width: 100%;
  margin-top: 2rem;
}
.dupont-card-carousal .card-carousel .owl-stage {
  left: 0px;
  display: flex;
}
.dupont-card-carousal .card-carousel .owl-item {
  display: flex;
}
.dupont-card-carousal .card-carousel .owl-nav {
  display: flex;
  justify-content: space-between;
}
.dupont-card-carousal .card-carousel .owl-nav button {
  margin: 0;
  padding: 0;
  line-height: 100% !important;
  height: 24px;
}
.dupont-card-carousal .card-carousel .owl-nav button:active {
  border: 0;
}
.dupont-card-carousal .card-carousel .owl-nav button:visited {
  border: 0;
}
.dupont-card-carousal .card-carousel .owl-nav button:link {
  border: 0;
}
.dupont-card-carousal .card-carousel .owl-nav button:focus {
  border: 0;
}
.dupont-card-carousal .card-carousel .owl-next {
  width: 16px;
  text-align: left;
  margin: 0;
}
.dupont-card-carousal .card-carousel .owl-prev {
  width: 16px;
  text-align: right;
  margin: 0;
}
.dupont-card-carousal .card-carousel .owl-dots {
  margin-top: -26px;
  pointer-events: none;
}
.dupont-card-carousal .card-carousel .owl-dots .owl-dot {
  pointer-events: auto;
}
.dupont-card-carousal .owl-carousel .owl-item img {
  width: 101%;
}
.dupont-card-carousal .background-white svg {
  fill: #3495E8 !important;
}
.dupont-card-carousal .background-white .st0 {
  fill: #3495E8 !important;
}
.dupont-card-carousal .background-white .st1 {
  fill: #3495E8 !important;
}
.dupont-card-carousal .background-white .disabled svg {
  fill: #CCCFD3 !important;
}
.dupont-card-carousal .background-white .disabled .st1 {
  fill: #CCCFD3 !important;
}
.dupont-card-carousal .background-white .disabled .st0 {
  fill: #CCCFD3 !important;
}
.dupont-card-carousal .background-white .card-carousel .owl-dot.active span {
  background: #3495E8 !important;
}
.dupont-card-carousal .background-white .card-carousel .owl-dot span {
  background: #CCCFD3 !important;
}
.dupont-card-carousal .background-white .card-carousel .owl-dot:hover span {
  background: #3495E8 !important;
}
.dupont-card-carousal .background-grey svg {
  fill: #3495E8 !important;
}
.dupont-card-carousal .background-grey .st0 {
  fill: #3495E8 !important;
}
.dupont-card-carousal .background-grey .st1 {
  fill: #3495E8 !important;
}
.dupont-card-carousal .background-grey .card-carousel .owl-dot.active span {
  background: #3495E8 !important;
}
.dupont-card-carousal .background-grey .card-carousel .owl-dot span {
  background: #CCCFD3 !important;
}
.dupont-card-carousal .background-grey .card-carousel .owl-dot:hover span {
  background: #3495E8 !important;
}
.dupont-card-carousal .background-transparent svg {
  fill: #3495E8 !important;
}
.dupont-card-carousal .background-transparent .st0 {
  fill: #3495E8 !important;
}
.dupont-card-carousal .background-transparent .st1 {
  fill: #3495E8 !important;
}
.dupont-card-carousal .background-light-blue svg {
  fill: #fff !important;
}
.dupont-card-carousal .background-light-blue .st0 {
  fill: #fff !important;
}
.dupont-card-carousal .background-light-blue .st1 {
  fill: #fff !important;
}
.dupont-card-carousal .background-light-blue button.disabled svg {
  fill: #2b598c !important;
}
.dupont-card-carousal .background-light-blue button.disabled .st1 {
  fill: #2b598c !important;
}
.dupont-card-carousal .background-light-blue button.disabled .st0 {
  fill: #2b598c !important;
}
.dupont-card-carousal .background-light-blue .card-carousel .owl-dot.active span {
  background: #2b598c !important;
}
.dupont-card-carousal .background-light-blue .card-carousel .owl-dot span {
  background: #FFF !important;
}
.dupont-card-carousal .background-light-blue .card-carousel .owl-dot:hover span {
  background: #2b598c !important;
}
.dupont-card-carousal .dark svg {
  fill: #fff !important;
}
.dupont-card-carousal .dark .st0 {
  fill: #fff !important;
}
.dupont-card-carousal .dark .st1 {
  fill: #fff !important;
}
.dupont-card-carousal .dark button.disabled svg {
  fill: #2b598c !important;
}
.dupont-card-carousal .dark button.disabled .st1 {
  fill: #2b598c !important;
}
.dupont-card-carousal .dark button.disabled .st0 {
  fill: #2b598c !important;
}
.dupont-card-carousal .dark .card-carousel .owl-dot.active span {
  background: #2b598c !important;
}
.dupont-card-carousal .dark .card-carousel .owl-dot span {
  background: #FFF !important;
}
.dupont-card-carousal .dark .card-carousel .owl-dot:hover span {
  background: #2b598c !important;
}
.dupont-card-carousal .background-medium-blue svg {
  fill: #FFF !important;
}
.dupont-card-carousal .background-medium-blue .st0 {
  fill: #FFF !important;
}
.dupont-card-carousal .background-medium-blue .st1 {
  fill: #FFF !important;
}
.dupont-card-carousal .background-medium-blue button.disabled svg {
  fill: #102537 !important;
}
.dupont-card-carousal .background-medium-blue button.disabled .st1 {
  fill: #102537 !important;
}
.dupont-card-carousal .background-medium-blue button.disabled .st0 {
  fill: #102537 !important;
}
.dupont-card-carousal .background-medium-blue .card-carousel .owl-dot.active span {
  background: #102537 !important;
}
.dupont-card-carousal .background-medium-blue .card-carousel .owl-dot span {
  background: #FFF !important;
}
.dupont-card-carousal .background-medium-blue .card-carousel .owl-dot:hover span {
  background: #102537 !important;
}
.dupont-card-carousal .background-dark-blue svg {
  fill: #FFF !important;
}
.dupont-card-carousal .background-dark-blue .st0 {
  fill: #FFF !important;
}
.dupont-card-carousal .background-dark-blue .st1 {
  fill: #FFF !important;
}
.dupont-card-carousal .background-dark-blue button.disabled svg {
  fill: #2b598c !important;
}
.dupont-card-carousal .background-dark-blue button.disabled .st1 {
  fill: #2b598c !important;
}
.dupont-card-carousal .background-dark-blue button.disabled .st0 {
  fill: #2b598c !important;
}
.dupont-card-carousal .background-dark-blue .card-carousel .owl-dot.active span {
  background: #2b598c !important;
}
.dupont-card-carousal .background-dark-blue .card-carousel .owl-dot span {
  background: #FFF !important;
}
.dupont-card-carousal .background-dark-blue .card-carousel .owl-dot:hover span {
  background: #2b598c !important;
}
.dupont-card-carousal .light svg {
  fill: #3495e8 !important;
}
.dupont-card-carousal .light .st0 {
  fill: #3495e8 !important;
}
.dupont-card-carousal .light .st1 {
  fill: #3495e8 !important;
}
.dupont-card-carousal .light button.disabled svg {
  fill: #cccfd3 !important;
}
.dupont-card-carousal .light button.disabled .st1 {
  fill: #cccfd3 !important;
}
.dupont-card-carousal .light button.disabled .st0 {
  fill: #cccfd3 !important;
}
.dupont-card-carousal .light .card-carousel .owl-dot.active span {
  background: #3495e8 !important;
}
.dupont-card-carousal .light .card-carousel .owl-dot span {
  background: #cccfd3 !important;
}
.dupont-card-carousal .light .card-carousel .owl-dot:hover span {
  background: #3495e8 !important;
}
.dupont-card-carousal .owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent;
}
.dupont-card-carousal .owl-item .card {
  width: 100%;
}
@media (min-width: 351px) {
  .dupont-card-carousal .carousel-background {
    padding: 20px 0px;
  }
}
@media (min-width: 576px) {
  .dupont-card-carousal .carousel-background {
    padding-top: 4rem;
  }
}
@media (min-width: 801px) {
  .dupont-card-carousal .card-carousel .owl-stage {
    left: -20px;
  }
  .dupont-card-carousal .owl-item .card {
    flex-basis: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 601px) {
  .dupont-card-carousal .card-carousel .owl-next {
    width: 33%;
    width: 35%;
  }
  .dupont-card-carousal .card-carousel .owl-prev {
    width: 33%;
    width: 35%;
  }
  .dupont-card-carousal .owl-item .card {
    flex-basis: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
}

/************************************************
   CallOut Component
************************************************/
.callout-container {
  max-width: 40rem;
  margin: 0 auto;
}
.callout-container .callout-image {
  background-size: 50% 100%;
  min-width: 100%;
  background-repeat: no-repeat;
  background-color: #217ac6;
}
@media (max-width: 767px) {
  .callout-container .callout-image {
    background-size: 100% 100%;
  }
}
.callout-container .callout-image .callout-content {
  float: right;
  padding: 1.5rem;
}
.callout-container .callout-image .callout-content .callout-header {
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  text-shadow: currentcolor 0.5px 0px 0px;
}
.callout-container .callout-image .callout-content p {
  font-size: 14px;
  color: #fff;
}

.sliding-filter {
  position: relative;
  margin-bottom: 2rem;
  white-space: nowrap;
  overflow: hidden;
  padding-bottom: 11px;
}
.sliding-filter:after {
  content: '';
  height: 100%;
  width: 45px;
  display: block;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
  position: absolute;
  right: 0;
  top: 0;
}
.sliding-filter .nav-tabs {
  position: relative;
  border-bottom: 1px solid #979B9F;
  flex-wrap: nowrap;
  white-space: nowrap;
  width: 100%;
}
.sliding-filter .nav-slider {
  height: 3px;
  width: 100px;
  background-color: #217AC6;
  position: relative;
  top: -2px;
  left: 0;
  transition: all 0.25s ease-in-out;
}
.sliding-filter .nav-slider:after {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: -9px;
  left: 50%;
  margin-left: -10px;
  border-right: #217AC6 solid 3px;
  border-bottom: #217AC6 solid 3px;
  background-color: #FFF;
}
.sliding-filter .nav-link {
  border: 0;
  color: #0a0a0a;
}
.sliding-filter .nav-link:hover {
  font-weight: 500;
}
.sliding-filter .nav-link.active {
  color: #217AC6;
  border: none;
  background-color: transparent;
  font-weight: 600;
  position: relative;
  padding-bottom: .75rem;
}
.sliding-filter--blue:after {
  background: linear-gradient(to right, rgba(33, 122, 198, 0) 0%, #217ac6);
}
.sliding-filter--blue .nav-tabs {
  border-bottom: 1px solid #2b598c;
}
.sliding-filter--blue .nav-tabs .nav-item {
  border-bottom: 1px solid #2b598c;
}
.sliding-filter--blue .nav-slider {
  background-color: #2b598c;
}
.sliding-filter--blue .nav-slider:after {
  background-color: #217AC6;
  border-right: #2b598c solid 3px;
  border-bottom: #2b598c solid 3px;
}
.sliding-filter--blue .nav-link.active {
  color: #FFF;
}
.sliding-filter--blue .nav-link {
  color: #FFF;
}
.nav-tabs .nav-item {
  border-bottom: 1px solid var(--brand-containers-borders3);
}

/* Arrows ------------------------------------*/
/*Fix for slide peek, as decimal numbers broke the dots.*/
/* Blog listing version ------------------------------------*/
.article-card-carousel {
  position: relative;
  width: 100%;
}
.article-card-carousel .card {
  flex-basis: 100%;
  width: 100%;
  height: 100%;
  min-width: 267px;
  max-width: 267px;
  margin: 0;
}
.article-card-carousel .owl-stage-outer {
  margin: 2.5rem 0 3.5rem 0;
}
.article-card-carousel .owl-stage {
  display: flex;
  left: 0px;
}
.article-card-carousel .owl-item {
  display: flex;
  flex: 1 0 auto;
}
.article-card-carousel .owl-nav {
  display: flex;
  justify-content: space-between;
}
.article-card-carousel .owl-nav button {
  margin: 0;
  padding: 0;
  line-height: 100% !important;
  height: 24px;
}
.article-card-carousel .owl-nav button:active {
  border: 0;
}
.article-card-carousel .owl-nav button:visited {
  border: 0;
}
.article-card-carousel .owl-nav button:link {
  border: 0;
}
.article-card-carousel .owl-nav button:focus {
  border: 0;
}
.article-card-carousel .owl-nav [class*=owl-]:hover {
  background: transparent;
}
.article-card-carousel .owl-next {
  width: 16px;
  text-align: left;
  margin: 0;
}
.article-card-carousel .owl-prev {
  width: 16px;
  text-align: right;
  margin: 0;
}
.article-card-carousel .owl-dots {
  margin-top: -26px;
  pointer-events: none;
}
.article-card-carousel .owl-dots .owl-dot {
  pointer-events: auto;
}
.article-card-carousel2 {
  position: relative;
  width: 100%;
}
.article-card-carousel2 .card {
  flex-basis: 100%;
  width: 100%;
  height: 100%;
  min-width: 267px;
  max-width: 267px;
  margin: 0;
}
.article-card-carousel2 .owl-stage-outer {
  margin: 2.5rem 0 3.5rem 0;
}
.article-card-carousel2 .owl-stage {
  display: flex;
  left: 0px;
}
.article-card-carousel2 .owl-item {
  display: flex;
  flex: 1 0 auto;
}
.article-card-carousel2 .owl-nav {
  display: flex;
  justify-content: space-between;
}
.article-card-carousel2 .owl-nav button {
  margin: 0;
  padding: 0;
  line-height: 100% !important;
  height: 24px;
}
.article-card-carousel2 .owl-nav button:active {
  border: 0;
}
.article-card-carousel2 .owl-nav button:visited {
  border: 0;
}
.article-card-carousel2 .owl-nav button:link {
  border: 0;
}
.article-card-carousel2 .owl-nav button:focus {
  border: 0;
}
.article-card-carousel2 .owl-nav [class*=owl-]:hover {
  background: transparent;
}
.article-card-carousel2 .owl-next {
  width: 16px;
  text-align: left;
  margin: 0;
}
.article-card-carousel2 .owl-prev {
  width: 16px;
  text-align: right;
  margin: 0;
}
.article-card-carousel2 .owl-dots {
  margin-top: -26px;
  pointer-events: none;
}
.article-card-carousel2 .owl-dots .owl-dot {
  pointer-events: auto;
}
.article-card-carousel__item {
  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 2.25rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.blog-landing .article-card-carousel2 {
  margin-bottom: 4rem;
}
.blog-landing .article-card-carousel2 .owl-stage {
  left: 0;
}
.blog-landing .article-card-carousel2 .owl-stage-outer {
  margin: 0 0 2.75rem 0;
}
@media (max-width: 575px) {
  .article-card-carousel {
    flex-basis: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .article-card-carousel .card {
    min-width: 245px;
  }
  .article-card-carousel .owl-stage-outer {
    margin: 2rem 0;
  }
  .article-card-carousel2 {
    flex-basis: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .article-card-carousel2 .card {
    min-width: 245px;
  }
  .article-card-carousel2 .owl-stage-outer {
    margin: 2rem 0;
  }
  .article-card-carousel__item {
    padding: .75rem;
  }
}
@media (min-width: 601px) {
  .article-card-carousel .owl-next {
    width: 33%;
    width: 35%;
  }
  .article-card-carousel .owl-prev {
    width: 33%;
    width: 35%;
  }
  .article-card-carousel2 .owl-next {
    width: 33%;
    width: 35%;
  }
  .article-card-carousel2 .owl-prev {
    width: 33%;
    width: 35%;
  }
}
@media (min-width: 576px) {
  .article-card-carousel .owl-stage {
    left: -30px;
  }
  .article-card-carousel2 .owl-stage {
    left: -30px;
  }
}

/************************************************

   Article Card Teaser Component

************************************************/
.ei-article-teasers {
  height: 100%;
}
.article-card-teaser {
  margin: 4rem auto;
}
.article-card-teaser h2 {
  color: #E4001C;
  max-width: 33.75rem;
}
.article-card-teaser p {
  max-width: 33.75rem;
}
.article-card-teaser .loader {
  display: none;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.article-card-teaser__wrapper {
  margin-top: 2rem;
}
.article-card-teaser__wrapper .row {
  margin-bottom: 1.25rem;
  margin-right: -10px;
  margin-left: -10px;
}
.article-card-teaser__wrapper .col-12 {
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
}
.article-card {
  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 2.25rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.article-card:hover .article-card__bg {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.article-card .card {
  flex-basis: 100%;
  width: 100%;
  height: 100%;
  min-width: 267px;
  max-width: 267px;
  margin: 0;
}
.article-card:after {
  content: '';
  width: 100%;
  display: block;
}
.article-card__bg {
  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: all ease 1s;
}
.article-card-carousel__item:hover .article-card__bg {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.article-card-teaser__cards .col-12 {
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 767px) {
  .article-card-teaser__wrapper .row {
    margin-bottom: 0;
  }
  .article-card-teaser__wrapper .col-12 {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 575px) {
  .article-card {
    padding: .75rem;
  }
  .article-card .card {
    min-width: 245px;
  }
}

/************************************************

   Blog Landing Component

************************************************/
/***************
  Hero
***************/
/***************
  Filter
***************/
#blog-load-more {
  display: none;
}
.blog-landing__hero {
  padding: 4rem 0 7rem 0;
  text-align: center;
  background-size: cover;
  background-position: center center;
}
.blog-landing__hero h1 {
  color: #E4001C;
  margin-bottom: 1.7rem;
}
.blog-landing__filter {
  position: relative;
  display: inline-block;
  width: auto;
  overflow: hidden;
  padding-bottom: 10px;
  white-space: nowrap;
}
.search__filter {
  position: relative;
  display: inline-block;
  width: auto;
  overflow: hidden;
  padding-bottom: 10px;
  white-space: nowrap;
  width: 100%;
}
.blog-landing__filter.active:after {
  content: '';
  height: 100%;
  width: 45px;
  display: block;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #e7ebee);
  position: absolute;
  right: 0;
  top: 0;
}
.search__filter.active:after {
  content: '';
  height: 100%;
  width: 45px;
  display: block;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #e7ebee);
  position: absolute;
  right: 0;
  top: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
}
.blog-landing__filter-wrapper {
  min-width: 580px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.search__filter-wrapper {
  min-width: 580px;
  display: flex;
  justify-content: space-between;
  position: relative;
  display: block;
}
.blog-landing__filter-link {
  display: inline-block;
  font-size: 14px;
  color: #0a0a0a;
  padding: 0 .6rem;
  padding-bottom: 1rem;
  max-width: 154px;
}
.blog-landing__filter-link:hover {
  color: #0a0a0a;
  font-weight: normal;
  text-shadow: 0.5px 0 0 currentColor;
}
.blog-landing__filter-link:last-of-type {
  margin-right: 0;
}
.blog-header__filter-link {
  display: inline-block;
  font-size: 14px;
  color: #0a0a0a;
  padding: 0 .3rem;
  padding-bottom: 1rem;
  max-width: 154px;
  white-space: normal;
}
.blog-header__filter-link:hover {
  color: #0a0a0a;
  font-weight: normal;
  text-shadow: 0.5px 0 0 currentColor;
}
.blog-header__filter-link:last-of-type {
  margin-right: 0;
}
.search__filter-link {
  display: inline-block;
  font-size: 14px;
  color: #0a0a0a;
  padding: 0 .625rem;
  padding-bottom: 1rem;
  max-width: 154px;
  white-space: normal;
  padding: 0 1rem 1rem;
  max-width: none;
}
.search__filter-link:hover {
  color: #0a0a0a;
  font-weight: normal;
  text-shadow: 0.5px 0 0 currentColor;
}
.search__filter-link:last-of-type {
  margin-right: 0;
}
.blog-landing__filter-link.active {
  font-weight: 600;
  color: #217AC6;
}
.blog-landing__filter-link.active:hover {
  color: #0a0a0a;
}
.blog-header__filter-link.active {
  font-weight: 600;
  color: #217AC6;
}
.blog-header__filter-link.active:hover {
  color: #0a0a0a;
}
.search__filter-link.active {
  font-weight: 600;
  color: #217AC6;
}
.blog-landing__slider-bar {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  bottom: 0;
  background-color: #979B9F;
}
.blog-landing__slider-bar .right {
  width: 100%;
  height: 1px;
  background: var(--brand-containers-borders3);
  display: inline-block;
  padding-right: 20px;
  line-height: 1px;
  position: relative;
}
.blog-landing__slider-bar .left {
  width: 100%;
  height: 1px;
  background: #979B9F;
  display: inline-block;
  line-height: 1px;
  margin-right: 25px;
}
.search__slider-bar {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  bottom: 0;
  background-color: #979B9F;
}
.search__slider-bar .right {
  width: 100%;
  height: 1px;
  background: var(--brand-containers-borders3);
  display: inline-block;
  padding-right: 20px;
  line-height: 1px;
  position: relative;
}
.search__slider-bar .left {
  width: 100%;
  height: 1px;
  background: #979B9F;
  display: inline-block;
  line-height: 1px;
  margin-right: 25px;
}
.blog-landing__slider {
  height: 3px;
  min-width: 36px;
  position: absolute;
  bottom: -2px;
  left: 0;
  transition: all 0.25s ease-in-out;
  clear: both;
}
.blog-landing__slider:after {
  content: '';
  width: 14px;
  height: 14px;
  position: absolute;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: -6px;
  left: 50%;
  margin-left: -7px;
  border-right: #217AC6 solid 3px;
  border-bottom: #217AC6 solid 3px;
  background-color: #c0c0c0;
}
.blog-landing__slider .left {
  display: inline-block;
  background-color: #217AC6;
  height: 100%;
  width: calc(50% - 5px);
  float: left;
}
.blog-landing__slider .right {
  display: inline-block;
  background-color: #217AC6;
  height: 100%;
  width: calc(50% - 5px);
  float: left;
  float: right;
}
.search__slider {
  height: 3px;
  min-width: 36px;
  position: absolute;
  bottom: -2px;
  left: 0;
  transition: all 0.25s ease-in-out;
  clear: both;
}
.search__slider:after {
  content: '';
  width: 14px;
  height: 14px;
  position: absolute;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: -6px;
  left: 50%;
  margin-left: -7px;
  border-right: #217AC6 solid 3px;
  border-bottom: #217AC6 solid 3px;
  background-color: #c0c0c0;
  background-color: #fff;
}
.search__slider .left {
  display: inline-block;
  background-color: #217AC6;
  height: 100%;
  width: calc(46%);
  float: left;
}
.search__slider .right {
  display: inline-block;
  background-color: #217AC6;
  height: 100%;
  width: calc(46%);
  float: left;
  float: right;
}
@media (max-width: 960px) {
  .blog-landing__filter-wrapper {
    display: block;
  }
  .search__filter-wrapper {
    display: block;
  }
  .blog-landing__filter-link {
    margin-right: 2rem;
  }
  .search__filter-link {
    margin-right: 2rem;
  }
}
@media (max-width: 730px) {
  .blog-landing__filter-wrapper {
    min-width: 100%;
  }
  .search__filter-wrapper {
    min-width: 100%;
  }
}
@media (max-width: 575px) {
  .blog-landing__filter {
    width: 100%;
  }
  .search__filter {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .blog-landing .blog-landing__slider-bar {
    width: 100vmax;
  }
  .blog-landing .draggable {
    left: auto !important;
  }
  .blog-landing .blog-landing__filter {
    overflow-x: auto;
    /* border: 2px; */
  }
  .blog-landing .blog-landing__filter::-webkit-scrollbar {
    height: 5px;
  }
  .blog-landing .blog-landing__filter:after {
    background: none;
  }
}

/************************************************

   Blog header Component

************************************************/
.blog-header {
  padding: 2rem 0 1rem 0;
  text-align: center;
  background-size: cover;
  background-position: center center;
}
.blog-header h1 {
  color: #E4001C;
  margin-bottom: 1.7rem;
}
.blog-header .draggable {
  position: relative;
}

/************************************************

   Article Card Teaser Component

************************************************/
.article-teaser-wrapper {
  height: 100%;
}
@media (max-width: 575px) {
  .article-teaser-wrapper {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  .article-teaser-wrapper {
    padding-left: 0px;
  }
}
.article-teaser-wrapper .article-card-teaser {
  margin: 4rem auto;
}
.article-teaser-wrapper .article-card-teaser h2 {
  color: #E4001C;
  max-width: 33.75rem;
}
.article-teaser-wrapper .article-card-teaser p {
  max-width: 33.75rem;
}
.article-teaser-wrapper .article-card-teaser .loader {
  display: none;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.article-teaser-wrapper .article-card-teaser__wrapper {
  margin-top: 2rem;
}
.article-teaser-wrapper .article-card-teaser__wrapper .row {
  margin-bottom: 1.25rem;
  margin-right: -10px;
  margin-left: -10px;
}
.article-teaser-wrapper .article-card-teaser__wrapper .col-12 {
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
}
.article-teaser-wrapper .article-card {
  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 2.25rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.article-teaser-wrapper .article-card:hover .article-card__bg {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.article-teaser-wrapper .article-card .card {
  flex-basis: 100%;
  width: 100%;
  height: 100%;
  min-width: 267px;
  max-width: 267px;
  margin: 0;
}
.article-teaser-wrapper .article-card:after {
  content: '';
  width: 100%;
  display: block;
}
.article-teaser-wrapper .article-card__bg {
  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: all ease 1s;
}
.article-teaser-wrapper .article-card-carousel__item:hover .article-card__bg {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.article-teaser-wrapper .article-card-teaser__cards .col-12 {
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 767px) {
  .article-teaser-wrapper .article-card-teaser__wrapper .row {
    margin-bottom: 0;
  }
  .article-teaser-wrapper .article-card-teaser__wrapper .col-12 {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 575px) {
  .article-teaser-wrapper .article-card {
    padding: .75rem;
  }
  .article-teaser-wrapper .article-card .card {
    min-width: 245px;
  }
}