Шаблон:Tabs CSS

.wf-tabs {

 margin: 0;

} .wf-tabs-menu {

 position: relative;

} .wf-tabs-menu ul{

   margin: 0;

} .wf-tabs-list {

 display: -webkit-box;
 display: flex;
 -webkit-box-pack: justify;
 justify-content: space-between;

} .wf-tabs-list__item {

 border-bottom: 2px solid #901819;
 font-size: 16px;
 font-family: Quantico;
 line-height: 20px;
 font-weight: 700;
 -webkit-box-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 align-items: center;
 display: -webkit-box;
 display: flex;
 width: 50%;
 height: 50px;
 text-align: center;
 cursor: pointer;
 text-transform: uppercase;
 color: white;

} .wf-tabs-list__item.type-opened {

 background: #901819;

} .text ul li.wf-tabs-list__item {

 margin-bottom: 0;

} .text ul li.wf-tabs-list__item:before {

 content: ;
 width: 0;
 display: none;

} .wf-tabs-menu__arrow, .tab-content {

 display: none;

} .tab-content.type-opened {

 display: block;

} @media (max-width: 768px) {

 .wf-tabs-menu__arrow {
   display: block;
   position: absolute;
   right: 14px;
   top: 9px;
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
   -webkit-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }
 .wf-tabs-menu__arrow:before {
   display: block;
 }
 .wf-tabs-menu.type-opened .wf-tabs-menu__arrow {
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg);
 }
 .wf-tabs-menu.type-opened .wf-tabs-list__item {
   display: flex;
 }
 .wf-tabs-list {
   flex-wrap: wrap;
   margin-bottom: 5px;
 }
 .wf-tabs-list__item {
   background: #c00;
   border: none;
   height: 32px;
   font-weight: normal;
   margin: 0;
   -webkit-box-ordinal-group: 3;
   order: 2;
   text-align: center;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
   width: 100%;
 }
 .wf-tabs-list__item:hover {
   background: #a80000;
 }
 .wf-tabs-list__item:not(.type-opened) {
   display: none;
 }
 .wf-tabs-list__item.type-opened {
   background: #c00;
   color: #fff;
   -webkit-box-ordinal-group: 2;
   order: 1;
 }

} .wf-wiki-2-0 ul.wf-tabs-list li:before {

 display:none;

} .wf-wiki-2-0 ul.wf-tabs-list li {

 padding-left: 0!important;

}