.category-grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 3rem
}

.category-list-item {
display: flex;
flex-direction: column;
background: #fff;
position: relative;
overflow: hidden;
transition: all .35s;
border-radius: 8px;
background-color: whitesmoke;
}

@media screen and (min-width:991.98px) {
.category-list-item {
flex-direction: row;
align-items: stretch
}
}

.category-list-item__image-holder {
overflow: hidden;
height: 12rem;
display: flex;
}

@media screen and (min-width:48rem) {
.category-list-item__image-holder {
height: 20rem
}
}

@media screen and (min-width:991.98px) {
.category-list-item__image-holder {
width: 384px;
height: auto
}
}

.category-list-item__image {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
transition: transform .35s
}

.category-list-item:hover .category-list-item__image {
transform: scale(1.1)
}

.category-list-item__a {
color: #1b1b20
}

.category-list-item__a:hover {
text-decoration: none
}

.category-list-item__a:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
cursor: pointer
}

.category-list-item__details {
padding: 2rem 1.5rem;
display: flex;
flex-direction: column
}



@media screen and (min-width:991.98px) {
.category-list-item__details {
width: calc(100% - 364px);
min-height: 384px
}
}

.category-list-item__meta {
margin-top: auto;
margin-bottom: 0
}

.category-list-featured-item {
position: relative;
overflow: hidden;
color: #fff;
transition: all .35s;
border-radius: 8px
}

@media screen and (min-width:991.98px) {
.category-list-featured-item:before {
content: "";
display: block;
padding-top: 50%;
padding-top: 40%
}
}

.category-list-featured-item__image {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-o-object-fit: cover;
object-fit: cover;
transition: transform .35s;
height: 100%
}

.category-list-featured-item:hover .category-list-featured-item__image {
transform: translate(-50%, -50%) scale(1.1)
}

.category-list-featured-item__details {
position: relative;
z-index: 1
}

.category-list-featured-item__a {
color: inherit;
display: flex;
align-items: flex-end;
padding: 4rem 1.5rem 2rem;
min-height: 300px
}

@media screen and (min-width:64rem) {
.category-list-featured-item__a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 3rem
}
}

@media screen and (min-width:75rem) {
.category-list-featured-item__a {
padding: 3rem 4rem
}
}

.category-list-featured-item__a:hover {
text-decoration: none
}

.category-list-featured-item:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(.35deg, rgba(0, 0, 0, .5) 8.83%, rgba(27, 27, 32, .15) 99.29%);
pointer-events: none
}

@media screen and (min-width:64rem) {
.category-list-item.v--news .category-list-item__image-holder {
height: 20rem
}
}

@media screen and (min-width:64rem) {
.category-list-item.v--news .category-list-item__details {
min-height: auto
}
}


.u-shadow:hover {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
}

.u-shadow-md:hover {
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 0 4px 0 rgba(0, 0, 0, .1)
}

.u-shadow-lg:hover {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
}

.u-shadow-xl:hover {
box-shadow: 0 9px 24px rgba(0, 0, 0, .12), 0 9px 24px rgba(0, 0, 0, .12)
}

.u-shadow-2xl:hover {
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .3)
}

.u-shadow-outline:hover {
box-shadow: 0 0 0 2px #ffd000
}

.u-inline-block {
display: inline-block;
}
.u-text-primary {
color: #20f;
}
.u-text-p6-bold {
font-weight: 500;
}
.u-text-p6, .u-text-p6-bold {
font-weight: 400;
font-size: 1.125rem;
}

.accordion-container {
width: 100%;
margin: 0 0 20px;
clear: both;
}

.accordion-titulo {
position: relative;
display: block;
padding: 12px 20px;
font-size: 16px;
font-weight: 300;
background: lightgray;
color: #222;
text-decoration: none;
font-weight: 600;
}

.accordion-titulo:hover {}

.accordion-container .accordion-titulo span.toggle-icon {
position: absolute;
top: 0px;
right: 0;
font-size: 30px;
font-weight: bold;
padding: 0 15px;
color: #fff;
}

.accordion-titulo span.toggle-icon:before {
content: "\f107";
font-family: FontAwesome;
}

.add-active .accordion-titulo span.toggle-icon:before {
content: "\f106";
font-family: FontAwesome;
}

.accordion-container .accordion-content {
display: none;
padding: 20px;
overflow: hidden;
-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.06);
border: 1px solid #ddd;
border-top: 0px solid #ddd;
}

.accordion-content p {
margin: 0;
}

.accordion-content img {
display: block;
float: left;
margin: 0 22px 10px 0;
width: 30%;
height: auto;
}

.accordion-container .accordion-titulo span.toggle-icon, .submit-bt:hover, .btn-primary:hover {
background: #0299f1;
}

.accordion-titulo span.toggle-icon:before {
content: "\f107";
font-family: FontAwesome;
}

img {
max-width: 100%;
height: auto;
}




.success-pagination {
list-style: none;
padding-left: 0;
margin: 3rem auto 3rem;
display: flex;
justify-content: center;
padding: 11px;
}

.success-pagination__item {
margin: 0 .25rem
}

.success-pagination__item a {
color: currentColor;
min-width: 2.25rem;
padding: .3125rem;
border-radius: 4px;
display: inline-block;
text-align: center;
border: 1px solid #d4d4d7;
transition: background-color .2s ease, border-color .2s ease
}

@media screen and (min-width:64rem) {
.success-pagination__item a {
padding: .375rem;
border: none
}
}

.success-pagination__item a:hover {
background-color: #eee;
border-color: #eee;
text-decoration: none
}

.success-pagination__item a.v--active {
background-color: #fed8b1;
font-weight: 500;
border-color: #fed8b1;
}

.success-pagination__item a:active {
background-color: #e2e2e4;
border-color: #e2e2e4
}

@media screen and (min-width:48rem) {
.success-pagination__next a,
.success-pagination__previous a {
padding-left: 1rem;
padding-right: 1rem
}
}

.success-pagination__next a svg,
.success-pagination__previous a svg {
margin-bottom: -1px
}

@media screen and (min-width:48rem) {
.success-pagination__previous {
margin-right: 3rem
}
.success-pagination__next {
margin-left: 3rem
}
}

@media (max-width: 991px) and (min-width: 768px){
.hidden-sm {
display: none !important;
}

.queationList{
flex: 0 0 100% !important; 
max-width: 100% !important;
}
}

@media (max-width: 767px){
.hidden-xs {
display: none !important;
}

.queationList{
flex: 0 0 100% !important; 
max-width: 100% !important;
}
}