/*--------------------------------------------------------------
# Features - Simplelink
--------------------------------------------------------------*/
.features-horizontal.container {
  max-width:100%;
}

.features-horizontal .content {
	margin-left:2em;
	margin-right:2em;

}
.features-horizontal.headsize,
.features-horizontal .section-title .headsize {
    font-size: 32px;
    font-weight: var(--terraplanet-font-weight-headings);
    text-transform: uppercase;
    padding-bottom: 0;
    color: #4d4643;
    position: relative;
    z-index: 2;	
}

.features-horizontal.headsize::after {
    content: "";
    position: absolute;
    display: block;
    width: 100px;
    height: 5px;
    background: var(--terraplanet-color-primary);
    bottom: -.2em;
    left: calc(50% - 50px);
}

.features-horizontal .subheadsize {
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: var(--body-font-weight);
    color: color-mix(in srgb, var(--terraplanet-color-primary), transparent 30%);
    display: inline-block;
    font-family: var(--body-font);
	position: relative;
    padding: 10px 10px;
    background: color-mix(in srgb, var(--terraplanet-color-primary), transparent 95%);
    border-radius: 10px;
    display: inline-block;	
}


.features-horizontal .section-title,
.features-horizontal p.title,
.features-horizontal .section-subtitle {
text-align: center;
}
.features-horizontal p.title,
.features-horizontal .tab-pane div {
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
  color: var(--body-color);
}

.features-horizontal .smalltitle{
  font-size: 1.2em;
  font-weight: var(--terraplanet-font-weight-headings);
  
}


@media (max-width: 768px) {
.features-horizontal .feature-wrap {
    position: relative;
  }
}

.features-horizontal .feature-wrap img {
 /* width: 340px;*/
}

@media (max-width: 992px) {
.features-horizontal .feature-wrap img {
    margin-top: 30px;
  }
}

@media (max-width: 768px) {
.features-horizontal .feature-wrap img {
    width: 100%;
  }
}


.features-horizontal {
  padding-top: 0px;
}


.features-horizontal .boxhead {
  font-weight: var(--terraplanet-font-weight-headings);
  font-family: var(--terraplanet-font-family-headings);
  margin: 0;
  padding: 0;
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
  margin-left:1em;
  margin-right:auto;
  text-align: center;
}

/*--------------------------------------------------------------
# Features Section
--------------------------------------------------------------*/
/*--- nawigacja ---*/
.features-horizontal .nav.nav-tabs {
  background-color:var(--white);
  border:0;
  border-radius:0;
  -webkit-box-shadow:none;
  box-shadow:none;
}


/**/
.features-horizontal .nav .nav-item a.nav-link:hover {
box-shadow: 0px 0px 15px rgba(73, 78, 92, 0.15);
}

.features-horizontal .nav .nav-link {
  border: 0;
  padding: 25px 20px;
  box-shadow: 0px 0 10px 0 rgba(0, 0, 0, 0.03);
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: 0s;
  cursor: pointer;
  height: 100%;  
}
.features-horizontal .nav .nav-link.active::after {
background-color:transparent;
}

.features-horizontal .nav .nav-link span {
  font-size: 32px;
  line-height: 0;
  margin-bottom:.5em;
}
.features-horizontal .nav .nav-link .boxhead {
  font-size: 20px;
  font-weight: 600;
  margin: 10px 0 0 0;
  color: var(--body-color);
}


.features-horizontal .nav .nav-link:hover .active{
  color: var(--white);
}
/*DZIAŁA*/
.features-horizontal .nav .nav-link.active {
  transition: 0.3s;
  border-color: var(--terraplanet-color-primary);
  box-shadow:none;
  background-image: linear-gradient(var(--terraplanet-color-primary) 15%,var(--terraplanet-color-hover-dark) 100%);
  color: var(--white);
}
.features-horizontal .nav .nav-link.active .boxhead, .features-horizontal .nav .nav-link.active span {
color: var(--white);
}	
/*--- tabulatory ---*/
.features-horizontal .tab-content {
  margin-top: 30px;
  border: 0;
border-color:var(--body-bg);
box-shadow:none;
}


.features-horizontal .tab-pane.active {
  -webkit-animation: fadeIn 0.5s ease-out;
  animation: fadeIn 0.5s ease-out;
}
.features-horizontal .tab-pane .titlehead {
  font-weight: 600;
  font-size: 36px;
  color: var(--body-color);
}

.features-horizontal .tab-pane ul {
  list-style: none;
  padding: 0;
}

.features-horizontal .tab-pane ul li {
  padding-bottom: 10px;
}

.features-horizontal .tab-pane ul span {
  font-size: 24px;
  margin-right: 4px;
  color: var(--color-primary);
}


@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
.features-horizontal span.orange {
	color:var(--terraplanet-color-orange);
}
.features-horizontal span.yellow {
	color:var(--terraplanet-color-yellow);
}
.features-horizontal span.green {
	color:var(--terraplanet-color-green);
}
.features-horizontal span.blue {
	color:var(--terraplanet-color-blue);
}
.features-horizontal span.red {
	color:var(--terraplanet-color-red);
}
.features-horizontal span.violet {
	color:var(--terraplanet-color-violet);
}
.features-horizontal span.pink {
	color:var(--terraplanet-color-pink);
}
.features-horizontal span.brown {
	color:var(--terraplanet-color-brown);
}
.features-horizontal span.black {
	color:var(--terraplanet-color-black);
}
.features-horizontal .nav .nav-link.red.active  {
background-image: linear-gradient(var(--terraplanet-color-red) 0,var(--terraplanet-color-red-dark) 100%);
}
.features-horizontal .nav .nav-link.green.active  {
background-image: linear-gradient(var(--terraplanet-color-green) 0,var(--terraplanet-color-green-dark) 100%);
}
.features-horizontal .nav .nav-link.blue.active  {
background-image: linear-gradient(var(--terraplanet-color-blue) 15%,var(--terraplanet-color-blue-dark) 100%);
}
.features-horizontal .nav .nav-link.yellow.active  {
background-image: linear-gradient(var(--terraplanet-color-yellow) 15%,var(--terraplanet-color-yellow-dark) 100%);
}
.features-horizontal .nav .nav-link.violet.active  {
background-image: linear-gradient(var(--terraplanet-color-violet) 15%,var(--terraplanet-color-violet-dark) 100%);
}
.features-horizontal .nav .nav-link.pink.active  {
background-image: linear-gradient(var(--terraplanet-color-pink) 15%,var(--terraplanet-color-pink-dark) 100%);
}
.features-horizontal .nav .nav-link.brown.active  {
background-image: linear-gradient(var(--terraplanet-color-brown) 15%,var(--terraplanet-color-brown-dark) 100%);
}
.features-horizontal .nav .nav-link.orange.active  {
background-image: linear-gradient(var(--terraplanet-color-orange) 15%,var(--terraplanet-color-orange-dark) 100%);
}
.features-horizontal .nav .nav-link.black.active  {
background-image: linear-gradient(var(--terraplanet-color-black) 15%,var(--terraplanet-color-black-dark) 100%);
}