a:link {
  text-decoration: none;
  color: black;
}

a:visited {
  text-decoration: none;
  color: black;
}

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

a:active {
  text-decoration: none;
  color: #286868;
}
	
.nav-link:hover {
  text-decoration: none;
  color: #286868;
}

body {
	background-color: #ECECEC;
}

/* Tabs
section {
  padding: 60px 0;
}

section .section-title {
  text-align: center;
  color: #007b5e;
  margin-bottom: 50px;
  text-transform: uppercase;
}
#tabs{
  background: #007b5e;
  color: #eee;
}
#tabs h6.section-title{
  color: #eee;
}

#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #000;
  background-color: transparent;
  border-color: transparent transparent #f3f3f3;
  border-bottom: 4px solid !important;
  font-size: 20px;
  font-weight: bold;
}
#tabs .nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  color: #eee;
  font-size: 20px;
}
*/


/*
.tab .nav-tabs {
  border-bottom:0 none;
}
.tab .nav-tabs li a{
  position: relative;
  padding: 15px;
  color: #408080;
  font-size: 17px;
  z-index: 1;
}
.tab .nav-tabs li a:hover{
  background:transparent;
  border:1px solid transparent;
}
.tab .nav-tabs li a:before{
  content: "";
  width:100%;
  height:100%;
  position:absolute;
  bottom: 8px;
  left:-2px;
  background: #00D5D5;

  border: 1px solid #d3d3d3;
  border-bottom: 0px none;
  border-radius: 10px 10px 0 2px;
  transform-origin: left center 0;
  transform: perspective(4px) rotateX(2deg);
  z-index:-30;
}
.tab .nav-tabs li{
  margin-right: 15px;
}
.tab .nav-tabs li.active a:before{
  background: #008A8A;
}
.tab .nav-tabs li.active a,
.tab .nav-tabs li.active a:focus,
.tab .nav-tabs li.active a:hover{
  border:1px solid transparent;
  background:transparent;
  color: #00D5D5;
  font-weight:700;
  z-index: 2;
}
.tab-content .tab-pane{
  border-bottom-left-radius:15px;
  border-bottom-right-radius:15px;
  border: 1px solid #408080;
  padding: 20px;
  background:#EFF8F8;
  line-height: 22px;
}
.tab-content .tab-pane h4{
  margin-top: 0;
  font-weight:700;
  font-size: 20px;
}
@media only screen and (max-width: 767px) {
  .tab .nav-tabs li a{
      padding: 15px 10px;
      font-size: 14px;
  }
  .tab .nav-tabs li a:before{
      bottom: 6px;
  }
}
@media only screen and (max-width: 499px) {
  .tab .nav-tabs li{
      width:100%;
      margin-bottom: 5px;
      margin-top: 5px;
  }
  .tab .nav-tabs li a:before{
      bottom: 0;
      transform: none;
      border-bottom: 1px solid #408080;
  }
}
*/

/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/

/* Rounded tabs */
/*
@media (min-width: 576px) {
  .rounded-nav {
    border-radius: 50rem !important;
  }
}

@media (min-width: 576px) {
  .rounded-nav .nav-link {
    border-radius: 50rem !important;
  }
}
*/
/* With arrow tabs */
/*
.with-arrow .nav-link.active {
  position: relative;
}

.with-arrow .nav-link.active::after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #2b90d9;
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
}
*/

/* lined tabs */
/*
.lined .nav-link {
  border: none;
  border-bottom: 3px solid transparent;
}

.lined .nav-link:hover {
  border: none;
  border-bottom: 3px solid transparent;
}

.lined .nav-link.active {
  background: none;
  color: #555;
  border-color: #2b90d9;
}
*/
/*
*
* ==========================================
* FOR DEMO PURPOSE
* ==========================================
*
*/


/*
.nav-pills .nav-link {
  color: #555;
}
.text-uppercase {
  letter-spacing: 0.1em;
}
*/