.content { padding:20px 0 20px 0; }
.pictures { background-color:transparent; text-align:center; margin:70px 0 0 0; padding-bottom:14px; }
.pictures.pics-details { background-color:#242424; }
ul.pic { background-color:transparent; font-size:0; text-align:center; position:relative; margin:0; padding:10px 0 0 0; display:inline-block; vertical-align:top; }
.pic li { background-color:transparent; position:relative; height:auto; margin:0 4px 0 4px; display:inline-block; vertical-align:top; border:0; }
.pic li a { color:#fff; border:0; float:left; }
.pic li a img { max-width:100%; }
.pic li a:hover img, .pic li a:focus { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5; }
.pic li a span.details { padding:0 0 40px 0; display:block; }
.pic li a span.details { color:#fff; font-size:14px; line-height:20px; text-transform:uppercase; }
.pic li a:hover span.details, 
.pic li a:focus span.details { color:#a29061; }
.pic li a:hover h2, .pic li a:focus h2 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5; }
h2.for-details { text-align:left; margin:0 20px 20px 231px; }

.fade, .c { background-color:#181818; text-align:center; position:fixed; top:0; right:0; bottom:0; left:0; display:none; z-index:100; }
.c { background-color:transparent; top:52px; left:auto; right:20px; width:30px; height:30px; display:none; z-index:1100; }
.c .close { background-image:url(../img/logo/close.png); width:30px; height:30px; display:block; }
.c:focus .close, .c:hover .close { background-image:url(../img/logo/closehover.png); }
.close.active { background-image:url(../img/logo/closehover.png); }
.light { background-color:#ccc; text-align:center; position:fixed; top:0; right:0; bottom:0; left:0; width:100%; max-width:490px; max-height:610px; margin:auto; padding:0; display:none; z-index:800; }
.light img { max-width:88%; max-height:570px; margin:20px; }
.light h5.composition { line-height:20px; padding-top:10px; }

.pictures.portraits { margin:20px 0 0 0; }
.pictures.portraits-on-top { margin:70px 0 0 0; }
ul.pics { background-color:transparent; font-size:0; text-align:center; position:relative; margin:0; padding:0; display:inline-block; vertical-align:top; }
.pics li { background-color:transparent; position:relative; max-width:32.449088%; height:auto; margin:0 4px 2px 4px; display:inline-block; vertical-align:top; border:0; }
.pics li.onepic { max-width:100%; }
.pics li.twopics { max-width:48.28125%; }
.pics li { color:#fff; border:0; }
.pics li img { max-width:100%; border:0; }

.visuals { background-color:transparent; text-align:left; position:relative; max-width:100%; margin:0; padding:0; border:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.visuals .visual { width:100%; margin:0 0 6px 0; padding:0; border:0; float:left; }
.visuals .visual a { background-color:#000; text-align:center; position:relative; max-width:100%; margin:0 auto; padding:0 8px; display:block; border:0; }
.visuals .visual a .box { background-color:transparent; text-align:center; line-height:0; position:relative; top:0; right:0; left:0; max-width:100%; height:auto; margin:0 auto; padding-bottom:20px; display:block; border:0; }
.visuals .visual a img { background-color:#000; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -khtml-opacity:1; max-width:100%; margin-bottom:7px; border:0; }
.visuals .visual a .leg { text-align:center; font-size:14px; text-transform:uppercase; line-height:20px; }
.visuals .visual a:focus img, .visuals .visual a:hover img { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5; }
.visuals .visual a span.click { background-image:url(../img/video.jpg); background-position:center; background-size:cover; position:absolute; top:40px; left:40px; width:60px; height:43px; margin:0; display:block; border:1px #ddd solid; }
.visuals .visual a:focus .box span.click, .visuals .visual a:hover .box span.click, .visuals .visual a:active .box span.click { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -khtml-opacity:0.6; border:1px #ddd solid; }

@media screen and (min-width: 1280px) { 
.pics li:nth-child(3n+1) { clear:both; }
}
@media screen and (min-width: 1152px) and (max-width: 1279px) {
.pics li { max-width:32.378472%; }
.pics li:nth-child(3n+1) { clear:both; }
.pics li.onepic { max-width:100%; }
.pics li.twopics { max-width:48.28125%; }
}
@media screen and (min-width: 1024px) and (max-width: 1151px) {
.pics li { max-width:32.259114%; }
.pics li:nth-child(3n+1) { clear:both; }
.pics li.onepic { max-width:100%; }
.pics li.twopics { max-width:48.28125%; }
}
@media screen and (min-width: 896px) and (max-width: 1023px) {
.pics li { max-width:32.105654%; }
.pics li:nth-child(3n+1) { clear:both; }
.pics li.onepic { max-width:100%; }
.pics li.twopics { max-width:48.28125%; }
}
@media screen and (min-width: 768px) and (max-width: 895px) {
.pics li { max-width:31.901041%; }
.pics li:nth-child(3n+1) { clear:both; }
.pics li.onepic { max-width:100%; }
}
@media screen and (min-width: 640px) and (max-width: 767px) {
h2.for-details { margin:0 20px 20px 20px; }
.pics li { max-width:48.28125%; }
.pics li:nth-child(2n+1) { clear:both; }
.pics li.onepic { max-width:100%; }
.pics li.twopics { max-width:48.28125%; }
}
@media screen and (min-width: 481px) and (max-width: 639px) {
h2.for-details { margin:0 20px 20px 20px; }
.pics li { max-width:47.708333%; }
.pics li:nth-child(2n+1) { clear:both; }
.pics li.onepic { max-width:100%; }
.pics li.twopics { max-width:47.708333%; }
}
@media screen and (max-width: 480px) {
h2.for-details { margin:0 20px 20px 20px; }
.pics li { max-width:100%; }
.pics li:nth-child(1n+1) { clear:both; }
.pics li.onepic { max-width:100%; }
.pics li.twopics { max-width:100%; }
}