/* CSS Document */
.product-nav {
  width: 100%; padding-bottom: 28px;  margin-bottom: 15px; 
}
.product-nav__list { margin: 0 0 15px 0; padding: 0 0 0 0;
  display: flex; flex-direction: row; flex-wrap: wrap; background: #313131; /* position: sticky; top:72px;*/
}
.product-nav__item {  list-style: none; padding-bottom: 0px;  width: 33.33%;}
.product-nav__item:last-child { border-width:0; padding-right: 0;}
.product-nav__link {
  font-size: 20px;
  font-weight: 400;
  display: block;
  text-align: center;
  color:#333; position: relative;
}
.product-nav__link span { display: inline-block; position: absolute; left: 0; top: -1px; width: 26px; height: 26px; border-radius: 100%; border: 1px solid #87a705; text-align: center; opacity: 0;transition: all 0.4s ease-out 0s;}
.product-nav__link span:before { position: absolute; content:""; width: 7px; height: 7px; border-width: 1px 1px 0 0; border-style: solid; border-color: #87a705; transform: rotate(45deg); left: 7px; top:9px;}
.product-nav__link:hover .solution-btn > div:nth-of-type(2) {}
.product-nav__link:hover .solution-btn, .product-nav__link.active .solution-btn { color: #71c7d1;}
.product-nav__link.hover .solution-btn:after, .product-nav__link.active .solution-btn:after { }
.product-nav__link:visited {
  text-decoration: none;
}

.tab-content {
  display: none;  background: #e5e5e5; border-radius: 50px 0 0 0; box-shadow: inset 0px 5px 0px 0 #71c7d1, inset 0px -5px 0px 0 #71c7d1; padding: calc(30px + 2%); color: #000;
}

.solution-btn { color: #fff; font-weight: 700; font-size: 20px; padding: 14px 12px; line-height: 1.2; }
.solution-btn:after { content: ""; position: absolute; transition: all 0.4s ease-out 0s; width: 2px; height: 100%; background: #71c7d1; bottom: 0; right: 0;}
.product-nav__item:last-child .solution-btn:after { display: none;}


@media only screen and (max-width: 1365px) {
	.solution-btn { font-size: 17px; }
}
@media only screen and (max-width: 1279px) {
	
}
@media only screen and (max-width: 980px) {
	
}


@media only screen and (max-width: 768px) {
	/*.product-nav__list { position: sticky; top:60px;}*/
    .product-nav__item { width: 100%; }
	.solution-btn { font-size: 16px; padding: 10px; }
	.solution-btn:after { width: 100%; height: 1px;}
	
}
@media only screen and (max-width: 640px) {
	
}
@media only screen and (max-width: 570px) {
	
}

@media only screen and (max-width: 414px) {
	
}

@media only screen and (max-width: 320px) {

}