/* css normalize */

/* clearfix */
.clearfix:after {
content: " ";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
/* border box */
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
img {
max-width: 100%;
}

.gallery {
width: 710px;
/* margin: 0 auto; */
position: relative;
}
.pics {
width: 700px;
/* margin-top: 70px;
padding: 10px;
background: white;
border-radius: 2px;
box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.05); */
}
.thumbs {
float: left;
width: 122px;
padding-right: 10px;
}
.preview {
width: 100px;
height: 130px;
overflow: hidden;
margin-bottom: 10px;
border:3px solid #12a89d;
}
.preview:last-child {
margin-bottom: 0;
}
.full {
width: 570px;
font-size: 12px;
float: left;
}
.full, .full img {
height: 600px;
}
.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;
}