.tabs { margin-top: -5px; }
.tabs ul { padding: 0; margin: 0; }
.tabs ul li { float: left; width: 33%; background: #e4e4e4; color: #a5a1a1; font-weight: bold; text-align: center; padding: 20px 0; }
.tabs ul li.active { background: #FFF; color: #000;}


.tabs.tablet {  display: grid; margin: 10px 5px; }
.tabs.tablet ul { padding: 0; margin: 0; border-bottom: 5px solid #E30613;}
.tabs.tablet ul li { float: left; width: 32.8%; background: #FFF; color: #000; font-weight: bold; text-align: center; padding: 10px 0; font-family: 'Siri-BC'; text-transform: uppercase; font-size: 16px; -webkit-font-smoothing: antialiased; border-right: 2px solid #F3F8FB;}
.tabs.tablet ul li.active { background: #E30613; color: #FFF; border-right: none;}
.tabs.tablet ul li:last-child { border-right: none;}


.tabs.mobile { }
.tabs.mobile ul { padding: 0; margin: 0;}
.tabs.mobile ul li { float: left; width: 33%; background: #f2f2f2; color: #5e5e5e; font-weight: bold; text-align: center; padding: 10px 0; font-family: 'Siri-BC'; font-size: 23px; -webkit-font-smoothing: antialiased; border-left: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;}
.tabs.mobile ul li.active { background: #FFF; color: #212121; border: none;}
.tabs.mobile ul li:last-child { border-right: none;}

.puff { padding-bottom: 10px; }
.puff div { position: relative; }
.puff .balk { margin-bottom: 0; }
.puff h1 { font-size: 36px; line-height: 36px; margin-bottom: 12px;}
.puff img { width: 100%; padding: 0; margin: 0; margin-bottom: 12px;}
.puff .piller img { width: 30px; padding: 0; margin: 0; }
.puff .piller { position: absolute; left: 10px; bottom: 22px;}
.puff p { font-size: 16px; padding: 0; }
.puff a { font-weight: bold; font-size: 15px; }


.puff .col-66 h1 { font-size: 24px; line-height: 24px; margin-bottom: 12px;}

.puff .col-50 h1 { font-size: 27px; line-height: 27px; margin-bottom: 12px;}