.content-by-item { background-color:#fff; text-align:center; font-size:0; position:relative; width:100%; margin:0; padding:0; display:inline-block; vertical-align:top; border:0; overflow:hidden; }
.content-by-item .box-visuals { margin-bottom:40px; padding-top:20px; }
.content-by-item .dyptich { max-width:100%; margin:0; padding:0; }
.content-by-item .item { text-align:center; max-width:50%; margin:0 0 14px 0; padding:0; display:inline-block; vertical-align:top; border:0; }
.content-by-item .item.left { padding-right:20px; }
.content-by-item .item.right { padding-left:20px; }
.content-by-item .item.middle { padding-right:20px; padding-left:20px; }
.content-by-item .item.full { max-width:100%; }
.content-by-item .item.small { max-width:33.333333%; }
.content-by-item .item.withtxt { margin:20px 20px 0 0; float:left; }
.content-by-item .item.withtxt.shorttxt { margin:20px 20px 56px 0; }
.content-by-item .item.peinture { max-width:100%; margin:28px auto; }
.content-by-item .dyptich { margin-bottom:14px; }
.content-by-item .dyptich .item { margin-bottom:0; }
.content-by-item .dyptich .item.left { padding-right:20px; }
.content-by-item .dyptich .item.right { padding-left:20px; }
.content-by-item .item a, .content-by-item .dyptich a { margin-bottom:28px; display:block; border:0; }
.content-by-item .item a img, .content-by-item .dyptich a img { background-color:#000; max-width:100%; height:auto; margin-bottom:28px; border:1px #ddd solid; display:block; }
.content-by-item .item a img.withcopy { margin-bottom:8px; }
.content-by-item .item a img.noborder { border:0; }
.content-by-item .item a:focus img, .content-by-item .item a:hover img, .content-by-item .item a:active img,
.content-by-item .dyptich a:focus img, .content-by-item .dyptich a:hover img, .content-by-item .dyptich a:active img { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; -khtml-opacity:0.7; }
.content-by-item .item a .leg, .content-by-item .dyptich a .leg { color:#000; font-size:14px; line-height:19px; display:inline; }
.content-by-item .item a .leg.copy { font-size:12px; line-height:14px; }
.content-by-item .dyptich a .box { display:block; }
.content-by-item .item a:focus .leg, .content-by-item .item a:hover .leg, .content-by-item .item a:active .leg,
.content-by-item .dyptich a:focus .leg, .content-by-item .dyptich a:hover .leg, .content-by-item .dyptich a:active .leg { border-bottom:1px #000 solid; }
.content-by-item .dyptich a:focus, .content-by-item .dyptich a:hover { border:0; }

p.sign { font-size:14px; line-height:19px; text-align:right; margin-top:-28px; margin-right:40px; }
blockquote { font-size:12px; line-height:19px; text-align:left; max-width:80%; margin:0; }
blockquote.sign { text-align:right; padding-right:40px; }
blockquote.last { margin:0 0 28px 0; }

.box-video { background-color:#000; text-align:center; max-height:755px; margin:20px auto 40px auto; display:inline-block; vertical-align:top; }
.video { max-width:100%; margin:0 auto; }
.video:focus, .video:hover { cursor:pointer; }
.video.nopointer:focus, .video.nopointer:hover { cursor:none; cursor:inherit; }

#allvisuals { background-color:#f7f7f5; position:fixed; top:0; right:0; bottom:0; left:0; padding:0; display:none; z-index:100; overflow:auto; }
.visuals { background-color:transparent; text-align:center; position:relative; width:98%; height:100%; margin:auto; padding:0; }
#allvisuals .visual { background-color:transparent; text-align:center; position:absolute; top:66px; right:0; bottom:70px; left:0; margin:0 auto; display:block; }
#allvisuals .visual img.up { background-color:transparent; position:absolute; top:50%; left:50%; max-width:100%; height:auto; max-height:100%; margin:auto; display:block; transform:translate(-50%,-50%); border:0 #c3c3b3 solid; pointer-events:none; cursor:none; user-select: none; -webkit-user-select: none; }
#allvisuals .visual img.shadow { -webkit-box-shadow:0 6px 10px #c3c3b3; -moz-box-shadow:0 6px 10px #c3c3b3; box-shadow:0 6px 10px #c3c3b3; }
#allvisuals .visual .dyptich { background-color:transparent; position:absolute; top:0; bottom:0; width:49%; height:100%; }
#allvisuals .visual .dyptich.left { left:20px; }
#allvisuals .visual .dyptich.right { right:20px; }
#allvisuals .visual .dyptich img { background-color:transparent; position:absolute; top:50%; max-width:100%; height:auto; max-height:100%; margin:auto; display:block; -ms-transform:scaleY(-50%); transform:translateY(-50%); border:0 #c3c3b3 solid; pointer-events:none; cursor:none; user-select: none; -webkit-user-select: none; }
#allvisuals .visual .dyptich img.shadow { -webkit-box-shadow:0 6px 10px #c3c3b3; -moz-box-shadow:0 6px 10px #c3c3b3; box-shadow:0 6px 10px #c3c3b3; }
#allvisuals .visual .dyptich.left img { right:20px; }
#allvisuals .visual .dyptich.right img { left:20px; }
#allvisuals .numb { background-color:transparent; text-align:center; font-size:11px; position:fixed; top:36px; right:68px; width:82px; display:block; }
.visual .leg { background-color:transparent; text-align:center; font-size:14px; line-height:19px; position:fixed; right:0; bottom:20px; left:0; max-width:90%; margin:auto; display:block; }

a#prev, a#next, a#close, a#closeVideo { background-color:#fff; color:#000; font-size:17px; line-height:48px; position:fixed; top:18px; width:48px; height:48px; margin:0; -moz-border-radius:24px; -webkit-border-radius:24px; border-radius:24px; display:block; }
a#next { right:20px; }
a#prev { right:150px; }
a#close, a#closeVideo { left:20px; }
a#next:focus, a#next:hover, a#prev:focus, a#prev:hover, a#close:focus, a#close:hover,
a#closeVideo:focus, a#closeVideo:hover { background-color:#ccc; border-bottom:0; cursor:pointer; }

@media screen and (min-width:1281px) and (max-width:1440px) { 
}
@media screen and (min-width:1025px) and (max-width:1280px) { 
}
@media screen and (min-width:769px) and (max-width:1024px) { 
}
@media screen and (max-width:768px) { 
.content-by-item .item.left { padding-right:10px; }
.content-by-item .item.right { padding-left:10px; }
.content-by-item .item.withtxt { margin:20px 10px 0 0; }
.content-by-item .item.withtxtleft { margin:20px 0 0 10px; }
.content-by-item .dyptich .item.left { padding-right:10px; }
.content-by-item .dyptich .item.right { padding-left:10px; }
.content-by-item .item a, .content-by-item .dyptich a { margin-bottom:10px; }
.content-by-item .item a img, .content-by-item .dyptich a img { margin-bottom:10px; }
.content-by-item .item a .leg, .content-by-item .dyptich a .leg { font-size:12px; line-height:19px; }
.diaporama .diapo.marginbottom { margin:0 0 28px 0; }
.diaporama .diapo.left { padding-right:10px; }
.diaporama .diapo.right { padding-left:10px; }
.diaporama .dyptich { margin-bottom:14px; }
.diaporama .dyptich .diapo.left { padding-right:10px; }
.diaporama .dyptich .diapo.right { padding-left:10px; }
.diaporama .diapo a img, .diaporama .dyptich a img { margin-bottom:14px; }
.diaporama .diapo a .leg, .diaporama .dyptich a .leg { font-size:12px; line-height:19px; }
}