.tabs {padding-bottom: 95px;}
.tab {position: relative; margin-top: 30px;}
.tab h2 {padding: 20px; color: #FFF; background: #8a8f95; font: 18px 'DINProMedium'; cursor: pointer;}
.tab h2:before {content: ''; display: block; float: right; width: 15px; height: 10px; margin-top: 7px; background: url('../images/tab_arrow_15x10.svg') no-repeat 0 -10px; background-size: 15px 20px;}
.tab.active h2:before {background-position: 0 0;}
.tab ul {display: none; border: 1px solid #cbcccd; border-top: none;}
.tab li {border-top: 1px solid #cbcccd;}
.tab li:hover {background: #eae7e7;}
.tab a {display: block; padding: 20px;}
.tab a:hover {text-decoration: underline;}