.features-boxed {
  /*color: #313437;*/
  /*background-color: #eef4f7;*/
}

.features-boxed p {
  /*color: #7d8285;*/
}

.features-boxed h2 {
  /*font-weight: bold;*/
  margin-bottom: 40px;
  padding-top: 40px;
  /*color: inherit;*/
}

@media (max-width:767px) {
  .features-boxed h2 {
    margin-bottom: 25px;
    padding-top: 25px;
    font-size: 24px;
  }
}

.features-boxed .intro {
  font-size: 16px;
  max-width: 500px;
  margin: 0 auto;
}

.features-boxed .intro p {
  margin-bottom: 0;
}

.features-boxed .features {
  /*padding: 50px 0;*/
}

.features-boxed .item {
  text-align: center;
  position: relative;
}

.features-boxed .item .box {
  text-align: center;
  /*padding: 30px;*/
  /*background-color: #fff;*/
  /*margin-bottom: 30px;*/
  padding-top: 15px;
}

.features-boxed .item .icon {
  font-size: 60px;
  color: #004d53;
  /*margin-top: 20px;*/
  /*margin-bottom: 35px;*/
  margin: 10px 0;
}

.features-boxed .item .name {
  font-weight: lighter;
  /*font-size: 18px;*/
  margin-bottom: 8px;
  margin-top: 0;
  color: #ef7f1b;
}

.features-boxed .item .description {
  font-size: 15px;
  margin-top: 15px;
  margin-bottom: 20px;
}

.item.item-hasznalat {
  background: rgba(238,238,238,1);
  margin: 15px;
  border-radius: 20px;
  box-shadow: 0px 5px 7px rgba(0,0,0,0.55);
}

.item.item-email {
  background: #ef7f1b;
  border-radius: 20px;
  box-shadow: 0px 5px 7px rgba(0,0,0,0.55);
}

.item.item-email .name {
  color: #004d53;
  /*font-weight: bold;*/
}

.item.item-email .name a {
  color: inherit;
}

.item.item-email .name:hover {
  animation: none;
}

.pin {
  background-color: #aaa;
  display: block;
  height: 32px;
  width: 2px;
  position: absolute;
  left: 50%;
  top: -15px;
}

.pin::after {
  background-color: #004d53;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.1), inset 3px 3px 3px hsla(0,0%,100%,.2), inset -3px -3px 3px hsla(0,0%,0%,.2), 23px 20px 3px hsla(0,0%,0%,.15);
  content: '';
  height: 12px;
  left: -5px;
  position: absolute;
  top: -10px;
  width: 12px;
}

.pin::before {
  background-color: hsla(0,0%,0%,0.1);
  box-shadow: 0 0 .25em hsla(0,0%,0%,.1);
  content: '';
  height: 24px;
  width: 2px;
  position: absolute;
  left: 0;
  top: 8px;
  transform: rotate(57.5deg);
  -moz-transform: rotate(57.5deg);
  -webkit-transform: rotate(57.5deg);
  -ms-transform: rotate(57.5deg);
  transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
}