.pagination{
  width:100%;
  text-align:center;
  margin-top: 3rem;
}

.pagination a{
  margin:6px 1px;
  display:inline-block;
  width:60px;
  background:#000;
  height:60px;
  line-height:60px;
  color:#fff;
  transition:0.3s;
  position:relative;
  padding-right:26px;
}

.pagination a:hover
{
  color:#e74c3c;
}


.pagination .active{
  font-weight: bold; 
  color: #fff;
  background: #e74c3c;
}

.prev{
  border-radius: 30px 0px 0px 30px;
}

.next{
  border-radius: 0px 30px 30px 0px;
}


.pagination a::before, .pagination a::after{
  content:"";
  position:absolute;
  border-top:30px solid transparent;
  border-bottom:30px solid transparent;
}

.pagination .active.num::before {
  border-right: 20px solid #e74c3c;
  right: 100%;
}

.num::before, .next::before
{
  border-right: 20px solid #000;
  right:100%;
}

.num::after, .prev::after{
  border-right: 20px solid #fff;
  right:0;
}

{# form #}
.tagsForm{
  margin-bottom: 3rem;
}
.tagsForm__head,
.tagsForm__head2{
  font-weight: bold;
  text-align: left;
}
.tagsForm__checkbox--wrapper{
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
}
.tagsForm__checkbox{
  color: #000;
  margin-right: 15px;
  display: flex;
  font-size: 1rem;
  align-items: center;
}
.tagsForm__checkbox span{
  margin-left: 3px;
}
.tagsForm__submit{
  padding: 0.5rem;
  border-radius: 5px;
  margin-top: 1rem;
  height: auto!important;
  cursor: pointer;
}
.tagsForm__submit:hover{
  opacity: 0.8;
}


.search_result_msg{
  margin-bottom: 1rem;
  font-weight: bold;
  font-size: 1.3rem;
}