.MCapp {position: relative; min-height: 300px; position: relative;}
.MCapp__loader {background: #fff url(images/loader.svg) center center no-repeat; position: absolute; z-index: 10; left: 0; right: 0; bottom: 0; top: 0;}
.MCapp__nav {display: flex; width: 100%;}
.MCapp__navItem {
  flex: 1 0 0%;
  background: #ecf3f7;
  padding: 6px 10px 7px;
  color: #333 !important;
  font-size: 14px;
  clip-path: polygon(0 0, calc(100% - 0.5625rem) 0, 100% 50%, calc(100% - 0.5625rem) 100%, 0 100%, 0.5625rem 50%);
  margin-left: -0.125rem;
  display: block;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.MCapp__navItem._active {background: #9fc23b; color: #fff !important;}

.MCappStep__values {display: flex; width: 100%; justify-content: space-around; padding: 30px;}
.MCappStep__valueItem {flex: 0 0 auto; width: 25%; border: 1px solid #bad9eb; background: #fff; padding: 14px; cursor: pointer;}
.MCappStep__valueItem:hover {-webkit-box-shadow: 1px 1px 5px #b6d7ea;
    -moz-box-shadow: 1px 1px 5px #b6d7ea;
    box-shadow: 1px 1px 5px #b6d7ea;}

.MCappStep__valueItemImg {max-width: 100%; height: auto;}
.MCappStep__valueItemName {padding: 10px 0; text-align: center; font-weight: bold;}
.MCappStep__valueItemText {font-size: 14px; line-height: 1.2;}


.MCappStep__title {font-size: 18px; font-weight: bold; text-align: center; padding: 16px 0 16px;}
.MCappStep__resItem {display: flex; width: 100%;
	border: 1px solid #bad9eb; background: #fff; margin-bottom: 15px;
}
.MCappStep__resCol {padding: 14px;}
.MCappStep__resCol._left {flex: 0 0 auto; width: 33%;}
.MCappStep__resCol._right {flex: 1 0 0%;}
.MCappStep__resItemName {padding-bottom: 10px; font-weight: bold;}
.MCappStep__resItemText {font-size: 14px; line-height: 1.2; }
.MCappStep__resItemActions a {margin-top: 10px; margin-right: 10px;}


/*desktops*/
@media (max-width: 1200px) { 
	.MCappStep__valueItem {width: 30%;}
}

/*tablets*/
@media (max-width: 991px) {
	.MCappStep__values {flex-wrap: wrap;}
	.MCappStep__valueItem {width: 100%; text-align: center;}
	.MCapp__navItem { font-size: 12px; text-align: center;}
}

/*phones*/
@media (max-width: 767px) { 
	.MCappStep__resItem {flex-wrap: wrap;}
	.MCapp__navItem { font-size: 10px;}
	.MCappStep__resCol._left  {width: 100%;}
}