.slider { background-color:#F1F0F0; position:fixed; top:0; right:0; bottom:0; left:0; padding:0; display:none; z-index:100; overflow:auto; }
.slide { background-color:transparent; text-align:center; position:relative; width:98%; height:100%; margin:auto; padding:0; }
.slider .photos { background-color:transparent; text-align:center; position:absolute; top:0; right:0; bottom:0; left:0; margin:0 auto; display:block; }
.slider .numb { background-color:transparent; text-align:center; font-size:11px; position:fixed !important; top:14px; right:60px; width:50px; height:20px; margin:0 auto; }
.slider .photos img { max-width:100%; height:auto; max-height:80%; margin:44px auto 0 auto; border:1px #efefef solid; }
.slider .photos span.leg { text-align:justify; font-size:16px; width:50%; margin:0 auto; padding:24px; display:block; border-left:1px #c0c0c0 solid; -webkit-hyphens:manual; -moz-hyphens:manual; -ms-hyphens:manual; hyphens:manual; }
.slider .photos span.leg.left { text-align:left; }
.slider .photos span.leg span { font-size:12px; line-height:15px; display:inline; }

a#prev, a#next, a#shut { background-color:#F1F0F0; cursor:pointer; position:fixed; top:0; right:0; width:72px; height:100%; margin:0; transition: 0.6s ease; border-bottom:0; user-select: none; -webkit-user-select: none; z-index:200; }
a#next { background:url(../img/right.png) no-repeat right 14px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -khtml-opacity:1; right:32px; }
a#next:focus, a#next:hover, a#next:active, a#next.active { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5; cursor:pointer; }
a#prev { background:url(../img/left.png) no-repeat 0 14px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -khtml-opacity:1; right:64px; }
a#prev:focus, a#prev:hover, a#prev:active, a#prev.active { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5; cursor:pointer; }
a#shut { background:url(../img/close.png) no-repeat 100% 14px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -khtml-opacity:1; width:200px; top:1px; right:168px; }
a#shut:focus, a#shut:hover, a#shut:active, a#shut.active { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5; cursor:pointer; }

@media screen and (min-width:1025px) and (max-width:1440px) { 
}
@media screen and (min-width:769px) and (max-width:1024px) { 
}
@media screen and (max-width:768px) { 
.slider .photos img { max-height:70%; }
.slider .photos span.leg { font-size:14px; width:84%; padding:12px 24px; }
a#shut { background-position:7px 14px; right:auto; left:32px; }
}