.main {
  margin-top: 100px !important;
}

.navbar.bg-primary {
  color: black;
  background-color: white !important;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(10, 39, 176, 0.46) !important;
  font-size: 30px;
}

.navbar-fixed-top {
  min-height: 80px;
}

.navbar-nav > li > a {
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 80px;
}

.navbar .navbar-brand {
  height: 80px;
  padding: 0.05rem 0;
}

.navbar .navbar-nav .nav-item .nav-link {
  position: relative;
  color: inherit;
  padding: 1.9375rem;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 3px;
  line-height: 25px;
}

.navbar.bg-primary .navbar-toggler .navbar-toggler-icon {
  background-color: #00A0AF !important;
}

.nav > .active {
  background-color: #00A0AF !important;
  color: white !important;
}

.nav-pills.nav {
  display: block;
}
.nav-item:hover {
  background-color: #00A0AF !important;
  color: white !important;
}

.banner {
  width: 100%;
  border-top: 11px solid #00A0AF;
}

#menu-margin {
  margin: 0px 100px;
}
#app {
  padding-top: 29px;
  background: white;
}
.circleBase {
  border-radius: 50%;
  behavior: url(PIE.htc);
  padding: 20px;
}

.type1 {
  width: 0px;
  height: 200px;
  background: #00A0AF;
  margin-right: 1px
}

.inside-circle {
  text-align: center;
  line-height: 10px;
  padding-bottom: 20px;
}

  .inside-circle p {
      color: white;
      font-size: 19px;
      font-weight: bold;
  }

.inside-circle-fa {
  text-align: center;
  line-height: 70px;
}

.circle {
  width: 200px;
  height: 200px;
  -webkit-border-radius: 175px;
  -moz-border-radius: 175px;
  border-radius: 175px;
  background: #00A0AF;
  padding: 10px;
  margin-right: 95px;
  padding-top: 45px;
  margin-bottom: 30px
}

.mid-circles {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 40px;
}

.operators {
  background: grey;
  padding-left: 135px;
  padding-right: 135px;
  padding-bottom: 30px;
}

  .operators h2 {
      color: white;
      font-weight: bold;
  }

.ui-icon-triangle-1-e {
  font-size: 1px !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #00A0AF !important;
  background: #00A0AF !important;
  font-weight: normal;
  color: #ffffff;
}

.circle-padding {
  margin-left: 385px !important;
}

.hr-custom {
  width: 100%;
  z-index: -10;
  position: relative;
  top: 120px;
  border-top: 4px dashed #00A0AF;
}

.center {
  margin: auto;
  width: 90%;
  padding: 10px;
}

  .center > h3 {
      color: white;
      font-size: 40px;
      font-weight: bold;
  }

h3 {
  color: white !important;
}

.ui-corner-all {
  color: white !important;
}

.ui-icon {
  background-image: url(https://download.jqueryui.com/themeroller/images/ui-icons_white_256x240.png) !important;
}

.banners {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}

.operators-background {
  background: grey;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.inside-circle2 {
  text-align: center;
  line-height: 10px;
  padding-bottom: 20px;
}

  .inside-circle2 p {
      color: white;
      font-size: 19px;
      font-weight: bold;
  }

.inside-circle-fa2 {
  text-align: center;
  line-height: 70px;
}

.circle2 {
  width: 200px;
  height: 200px;
  -webkit-border-radius: 175px;
  -moz-border-radius: 175px;
  border-radius: 175px;
  background: #00A0AF;
  padding: 10px;
  margin-right: 95px;
  padding-top: 30px
}

.mid-circles2 {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 40px;
}

.circle-padding2 {
  margin-left: 385px !important;
}

.fixed-top-map {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.accordions {
  background-color: #303030;
  color: white;
  cursor: pointer;
  padding: 20px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 24px;
  transition: 0.4s;
  margin-bottom: 5px;
}
.accordions:hover {
  background-color: #00A0AF !important;
  color: white !important;
}

li.active>a{
  color:white;
}

.panel {
  padding: 28px;
  display: none;
  background-color: white;
  overflow: hidden;
  width: 100%;
  color: black;
}

.accordions:after {
  font-family: 'FontAwesome';
  content: '\f054';
  font-size: 20px;
  color: white !important;
  float: left;
  margin-right: 9px;
}

.accordions.active:after {
  font-family: 'FontAwesome';
  content: "\f078";
}

.dropdown-item.active:after {
  font-family: 'FontAwesome';
  content: " \f00c";
}

@media screen and (max-width:1213) {
  .circle {
      width: 1200px !important;
      height: 200px;
      -webkit-border-radius: 175px;
      -moz-border-radius: 175px;
      border-radius: 175px;
      background: #00A0AF;
      padding: 1px;
      margin-right: 95px;
      padding-top: 40px;
  }

  #menu-margin {
      margin: 0px 0px !important;
  }
}

@media screen and (max-width: 1236px) {
  .center > h3 {
      color: white;
      font-size: 30px !important;
      font-weight: bold;
  }

  .circle {
      width: 100% !important;
      -webkit-border-radius: 175px !important;
      -moz-border-radius: 175px !important;
      border-radius: 0px !important;
      background: #00A0AF !important;
      padding: 0px !important;
      margin-right: 0px !important;
      padding-top: 45px !important;
  }

  .circle-padding {
      margin-left: 0px !important;
  }

  .hr-custom {
      border-top: 0px dashed white !important;
  }

  #menu-margin {
      margin: 0px 0px !important;
  }

  .banner {
      display: none;
  }

  .mid-circles2 {
      padding-top: 10px !important;
  }

  .circle {
      margin-bottom: 10px !important;
  }

  .inside-circle p {
      color: white;
      font-size: 27px !important;
      font-weight: bold !important;
  }
}

footer {
  padding: 0.9375rem 10px;
  text-align: center;
  display: -webkit-flex;
  display: flex;
}