.col_menu{
background-color:#FFF;
  display: flex;
  margin-top: 0px;
  margin-bottom: 0px;
}

.col_menu li {
  width: calc(100% / 4);
}

.col_menu ul,
.col_menu li {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}

.col_menu li {
  border-left:1px solid #FFF;
  text-align: center;
  padding:0;
}

.col_menu a{
background-color:#e20012;
color:#FFF;
display:block;
font-size:15px;
font-weight:normal;
padding:26px 0px;
position:relative;
transition: background-color 0.1s linear;
}
.col_menu li:last-child a{
background-color:#1f2a66;
}

.col_menu a:hover{
color:#FFF;
text-decoration:none;
}


.col_menu li:nth-child(-n+7) a:after{
font-family: "Font Awesome 5 free";
//content: "\f105";
color:#e20012;
font-weight : 900;
position: absolute;
     top: 0:
     bottom: 0;
     right: 10px;
transition: color 0.2s linear;
}

.col_menu li a:hover:after{
color:#FFF;
}

.col_menu span{
font-size:10px;
position:absolute;
    left: 0;
    right: 0;
    bottom: 10px;
}
.menu2 input[type="checkbox"].on-off:checked + ul{
    height: 500px;
//    height: 305px;
}