ul.tabs { list-style: none; display: block; float: left; border: 2px solid #1f6bb0; border-radius: 5px; padding: 0; margin: 0 0 25px 0; }
ul.tabs li { font-family: 'DINPro-CondMedium', impact; font-size: 18px; text-transform: uppercase; vertical-align: middle; display: block; float: left; padding: 0; text-align: center; border-right: 2px solid #1f6bb0; border-radius: 5px 0 0 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #fff; }
ul.tabs li.last { border-right: none; border-radius: 0 5px 5px 0; }
ul.tabs li a { display: block; padding: 10px; text-align: center; color: #1f6bb0; text-decoration: none; cursor: pointer; }
ul.tabs li span { display: block; padding: 10px; text-align: center; color: #1f6bb0; text-decoration: none; cursor: pointer; }
ul.tabs li.active {}
ul.tabs li.active a { color: #fff; background-color: #1f6bb0; cursor: default; }
ul.tabs li.active span { color: #fff; background-color: #1f6bb0; cursor: default; }

ul.tabs-2 { list-style: none; display: block; float: left; padding: 0; margin: 0 0 25px 0; }
ul.tabs-2 li { font-family: 'DINPro-CondMedium', impact; font-size: 18px; text-transform: uppercase; vertical-align: middle; display: block; float: left; padding: 0; text-align: center; border-style: solid; border-color: #c4e2ff; border-width: 1px 0 1px 1px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #fff; }
ul.tabs-2 li.first { }
ul.tabs-2 li.last { border-right-width: 1px; }
ul.tabs-2 li a { display: block; padding: 10px; text-align: center; color: #000; text-decoration: none; cursor: pointer; }
ul.tabs-2 li span { display: block; padding: 10px; text-align: center; color: #000; text-decoration: none; cursor: pointer; }
ul.tabs-2 li.active { }
ul.tabs-2 li.active a { color: #fff; background-color: #f60; cursor: default; }
ul.tabs-2 li.active span { color: #fff; background-color: #f60; cursor: default; }