.periods-list{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:15px;padding:10px;float:left}.periods-list ul{padding:0;margin-right:15px}.periods-list ul li{list-style:none}.periods-list ul li a{-webkit-transition:.3s;transition:.3s;background:#ecf3fb;padding:7px 10px;text-align:center;display:inline-block;width:50px;font-size:13px;color:#1565c0!important;text-decoration:none;font-weight:700;border-bottom:1px solid #cbd6e0}.periods-list ul li a.active{width:55px;background:#d0e5fb}.periods-list ul li:last-child a{border-bottom:none}.periods-list .period-data{width:100%;padding:0 15px 0 0}.periods-list .card-period{padding:0 0 15px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.periods-list .card-period h3{color:#444;line-height:1}.periods-list .card-period h3+p{color:silver;margin-bottom:10px}.periods-list .card-period h4{color:#777}.periods-list .ends_at{color:#db4949;padding:2px 5px;background:#ffefef;font-size:12px;border-radius:4px}.periods-list .ends_at i{color:#db4949;font-size:18px}.periods-list .starts_at{border-radius:4px;padding:2px 5px;font-size:12px;color:#2ece5a;background:#e0f9e8}.periods-list .starts_at i{color:#2ece5a;font-size:18px}