nav.tabs {
  max-width: 1164px;
  margin: 0 auto;
  padding: 0 12px;
}

nav.tabs .nav-tabs {
  margin: 5px 0 20px 0;
  border-bottom: 4px solid #d8d8d8;
  background-color: #ffffff;
}

nav.tabs .nav-tabs > li {
  margin-bottom: -4px;
}

nav.tabs .nav-tabs > li > a {
  margin: 0;
  padding: 18px 10px;
  border: none;
  color: #333333;
  font-size: 14px;
  font-size: 1.4rem;
  border-radius: 0;
}

nav.tabs .nav-tabs > li > a:hover, nav.tabs .nav-tabs > li > a:focus {
  color: #106cb8;
  background-color: #ffffff;
  box-shadow: inset 0 -4px 0 0 #6093bd;
}

nav.tabs .nav-tabs > li.active > a {
  color: #333333;
  box-shadow: inset 0 -4px 0 0 #6093bd;
}

nav.tabs .nav-tabs > li.active > a:hover, nav.tabs .nav-tabs > li.active > a:focus {
  border: none;
  box-shadow: inset 0 -4px 0 0 #6093bd;
}

.paragraph--type--simple-tabs.paragraph {
  margin: 0 !important;
}

.paragraph--type--simple-tabs .simple-tabs-wrapper {
  background-color: #eef3f7;
}

.paragraph--type--simple-tabs .simple-tabs-wrapper .nav.nav-tabs.simple-tabs {
  max-width: 1164px;
  margin: 0 auto;
  border-bottom: none;
}

.paragraph--type--simple-tabs .simple-tabs-wrapper .nav.nav-tabs.simple-tabs > li {
  margin-bottom: 0;
}

.paragraph--type--simple-tabs .simple-tabs-wrapper .nav.nav-tabs.simple-tabs > li > a {
  margin: 0;
  padding: 0 20px;
  border: none;
  color: #333333;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 56px;
  cursor: pointer;
  border-radius: 0;
}

.paragraph--type--simple-tabs .simple-tabs-wrapper .nav.nav-tabs.simple-tabs > li > a:hover, .paragraph--type--simple-tabs .simple-tabs-wrapper .nav.nav-tabs.simple-tabs > li > a:focus {
  color: #333333;
  background-color: #dde8f0;
}

.paragraph--type--simple-tabs .simple-tabs-wrapper .nav.nav-tabs.simple-tabs > li.active > a {
  color: #ffffff;
  background-color: #6093bd;
}

.paragraph--type--simple-tabs .simple-tabs-wrapper .nav.nav-tabs.simple-tabs > li.active > a:hover, .paragraph--type--simple-tabs .simple-tabs-wrapper .nav.nav-tabs.simple-tabs > li.active > a:focus {
  border: none;
  background-color: #6093bd;
}

.paragraph--type--simple-tabs .tab-content > .active {
  border: none;
}

.paragraph--type--simple-tabs .tab-content .tab-pane > .paracomponent {
  width: 100%;
}

.paragraph--type--simple-tabs .tab-content .tab-pane > .paracomponent .multiple-columns-wrapper {
  max-width: 1164px;
  margin: 0 auto;
  float: none;
}

@media (min-width: 576px) {
  nav.tabs .nav-tabs > li {
    width: auto;
  }
  nav.tabs .nav-tabs > li > a {
    padding: 18px 20px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) {
  nav.tabs {
    width: 744px;
    padding: 0;
  }
  .nav.nav-tabs.simple-tabs {
    width: 744px;
  }
  .tab-content .tab-pane > .paracomponent .multiple-columns-wrapper {
    width: 744px;
  }
}

@media (min-width: 992px) {
  nav.tabs {
    width: 964px;
  }
  .nav.nav-tabs.simple-tabs {
    width: 964px;
  }
  .tab-content .tab-pane > .paracomponent .multiple-columns-wrapper {
    width: 964px;
  }
}

@media (min-width: 1200px) {
  nav.tabs {
    width: 1164px;
  }
  .nav.nav-tabs.simple-tabs {
    width: 1164px;
  }
  .tab-content .tab-pane > .paracomponent .multiple-columns-wrapper {
    width: 1164px;
  }
}
