/* css normalize */
.gallery {
width: 100%;
margin: 0 auto;
position: relative;
}
.pics {
width: 100%;
margin-top: 0px;
padding: 0px;
}
.thumbs {
float: left;
width: 20%;
padding-right: 1px;
}
.preview {
width: 100%;
height: auto!important;
overflow: hidden;
margin-bottom: 1px;
}
.preview:last-child {
margin-bottom: 0;
}
.full {
width: 80%;
font-size: 12px;
float: left;
}
.previews a:hover, .previews a.selected {
}
.full img:hover {
cursor: pointer;
}
.clearfix:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
/*====================================================================================
                              fancy box 
====================================================================================*/ 

div.fancybox-skin {
border-radius: 1px;
}
div.fancybox-title {
font-family: 'Lato', sans-serif;
}
a.fancybox-item.fancybox-close {
bottom: 9px;
right: 12px;
top: auto;
left: auto;
width: 25px;
height: 25px;
background-image: url(images/icon-close.svg);
-webkit-background-size: contain;
background-size: contain;
}