/* Poptrox */
.poptrox-popup
{
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
background: #000;
box-shadow: 0 0.5em 3em 0 rgba(0, 0, 0, 0.25);
border-radius: 4px;
padding: 3em;
overflow: hidden;
}
.poptrox-popup .closer {
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
text-decoration: none;
position: absolute;
top: .5em;
right: .5em;
z-index: 11000;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
white-space: nowrap;
text-indent: 2em;
overflow: hidden;
width: 2em;
height: 2em;
display: block;
}
.poptrox-popup .closer:before {
content: "\f00d";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-transform: none !important;
display: block;
position: relative;
text-indent: 0;
border-radius: 100%;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
color: #ffffff !important;
width: 2em;
height: 2em;
line-height: 2em;
}
.poptrox-popup:hover .closer {opacity: 0.5;}
.poptrox-popup:hover .closer:hover {opacity: 1.0;}

@media screen and (max-width: 736px) {
.poptrox-popup {padding: 0;}
.poptrox-popup .closer {display: none !important;}
}

/* Box */
.thumbnails {
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-moz-align-items: stretch;
-webkit-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch;
-moz-justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.thumbnails {padding-bottom: 30px;}
.thumbnails .box {margin: 0 1em 10em 1em; width: 30%; /*height: 190px;*/}
@media screen and (max-width: 1280px)
{
.thumbnails .box {width: 45%;}
}
@media screen and (max-width: 736px)
{
.thumbnails .box {width: 100%;}
}

.thumbnails .box {border-radius: 4px; margin-bottom: 2em; background: #2c2c32;text-align: center; }
.thumbnails .box h3 {color: #fff;}
.thumbnails .box p {color: #fff;}
.thumbnails .box > :last-child,
.thumbnails .box > :last-child > :last-child,
.thumbnails .box > :last-child > :last-child > :last-child {margin-bottom: 0; }
.thumbnails .box {overflow: hidden;}
.thumbnails .box .image.fit {margin: 0; position: relative; display: block; overflow: hidden;}

/*.thumbnails .box .image.fit:after {content: ''; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.0); z-index: 0; transition: all 0.3s ease-in-out;}
.thumbnails .box .image.fit:hover::after {background-color: rgba(0,0,0,0.4);}*/

.thumbnails .box .image.fit img {display: block; transform: scale(1,1); transition:all 0.3s ease-in-out; border-radius: 4px 4px 0 0; }
.thumbnails .box .image.fit:hover img {transform: scale(1.2,1.2);}
.thumbnails .box .image.fit em {color: rgba(255,255,255,0.4); position: absolute; left: 46%; top: 35%; z-index: 2; font-size: 40px;}
.thumbnails .box.alt {border: 0; border-radius: 0; padding: 0; }
/*
.thumbnails .box .image.fit em {color: #fff; opacity: 0; position: absolute; left: 50%; top: 50%; transition: all 0.3s ease-in-out; transform: translate(-50%,-50%); z-index: 2; font-size: 0;}
.thumbnails .box .image.fit:hover em {color: #fff; opacity: 1; font-size: 16px;}
*/