.fototeca-wrapper .ft-filters {
position: relative;
z-index: 10;
margin-bottom: 1.5rem;   
font-family: Roboto !important;
font-weight: 300; 
}
.fototeca-wrapper .ft-filters input[name="title"] {
background-color: #ededed;
border: 0;
height: 34px;
line-height: 34px;
font-family: Roboto !important;
font-weight: 300;
}
.fototeca-wrapper .ft-filters button {
height: 34px;
padding: 0 15px;
line-height: 34px;
font-size: 100%;
color: #fff;
font-family: Roboto !important;
font-weight: 300;
border: none;
background: #114D88;
}
.fototeca-wrapper button.ft-get-more-images{
height: 34px;
padding: 0 15px;
line-height: 34px;
font-size: 100%;
color: #fff;
font-family: Roboto !important;
font-weight: 300;
border: none;
background: #114D88;
}
.fototeca-wrapper .ft-filters .ft-btns-col {
text-align: right;
padding-right: 18px;
}
.fototeca-wrapper .ft-gallery {
margin-bottom: 10px;
}
.fototeca-wrapper .ft-gallery::after {
content: '';
display: block;
clear: both;
}
.fototeca-wrapper .ft-gallery .ft-image {
float: left;
width: calc(20% - 8px);
margin-right: 8px;
margin-bottom: 8px;
background-color: #222222;
overflow: hidden;
}
.fototeca-wrapper .ft-gallery .ft-image>a {
display: block;
padding-top: 100%;
position: relative;
overflow: hidden;
}
.fototeca-wrapper .ft-gallery .ft-image>a img {
position: absolute;
top: 50%;
left: 50%;
max-width: none;
max-height: none;
transform: translate3d(-50%,  -50%,  0);
border: 0;
}
.fototeca-wrapper .ft-gallery .ft-image>a .ft-legend {
position: absolute;
display: block;
left: 0;
bottom: 0;
width: 100%;
z-index: 2;
box-sizing: border-box;
padding: 4px;
color: #fff;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 0.8em;
font-weight: lighter;
background-color: rgba(0, 0, 0, 0.5);
}
.fototeca-wrapper .ft-select {
position: relative;
height: 34px;
background-color: #ededed;
cursor: pointer;
}
.fototeca-wrapper .ft-select::after {
content: '';
position: absolute;
z-index: 1;
top: 50%;
right: 8px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 6px 5px 0 5px;
border-color: #5c5c5c transparent transparent transparent;
}
.fototeca-wrapper .ft-select .ft-value-wrapper {
box-sizing: border-box;
position: relative;
z-index: 2;
height: 100%}
.fototeca-wrapper .ft-select .ft-value-wrapper .ft-value {
box-sizing: border-box;
padding: 4px 8px;
width: calc(100% - 24px);
white-space: nowrap;
overflow: hidden;
}
.fototeca-wrapper .ft-select .ft-options {
position: absolute;
left: 0;
top: 100%;
min-width: 100%;
max-height: 300px;
overflow: auto;
z-index: 2;
background-color: #fff;
display: none;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.fototeca-wrapper .ft-select .ft-options .ft-opt {
padding: 6px 12px;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.fototeca-wrapper .ft-select .ft-options .ft-opt:hover {
background-color: #dbdbdb;
}
.fototeca-wrapper .ft-select.ft-open .ft-options {
display: block;
}
.fototeca-wrapper .ft-input-group::after {
content: '';
display: block;
clear: both;
}
.fototeca-wrapper .ft-input-group>* {
float: left;
}
.fototeca-wrapper .ft-input-group input[type="text"] {
width: 40%}
.fototeca-wrapper .ft-input-group .ft-select {
width: 30%;
border-left: 1px solid #c6c6c6;
}
.fototeca-wrapper .ft-row {
margin: 0 -10px;
}
.fototeca-wrapper .ft-row::after {
content: '';
display: block;
clear: both;
}
.fototeca-wrapper *[class*="ft-col-"] {
float: left;
box-sizing: border-box;
padding: 0 10px;
}
.fototeca-wrapper .ft-collapsed *[class*="ft-col-"] {
padding: 0;
}
.fototeca-wrapper .ft-col-1-4 {
width: 25%}
.fototeca-wrapper .ft-col-1-3 {
width: 33.33%}
.fototeca-wrapper .ft-col-1-2 {
width: 50%}
.fototeca-wrapper .ft-col-2-3 {
width: 66.66%}
.fototeca-wrapper .ft-col-3-4 {
width: 75%}
.fototeca-wrapper .ft-col-1-1 {
width: 100%}
.fototeca-wrapper .ft-more-btn-wrapper {
margin-bottom: 10;
text-align: center;
display: none;
}
@media (max-width: 900px) {
.fototeca-wrapper .ft-gallery .ft-image {
width: calc(25% - 8px);
}
}@media (max-width: 767px) {
.fototeca-wrapper .ft-gallery .ft-image {
width: calc(33.33% - 8px);
}
}.ft-more-images .ft-more-btn-wrapper {
display: block;
}