@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=latin,cyrillic);
html{height:100%}
body{height:100%;
    margin: 0; font:normal 14px 'Open Sans Condensed', arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif;background:#161616;font-weight:300;color:#8b8b8b;}

::selection {
color:#fff;
background-color:#CCC; 
}
::-moz-selection{
color:#fff;
background-color:#CCC;    
}

::-webkit-scrollbar {
    width: 12px;
   
}
::-webkit-scrollbar-thumb {
background-color:#727272;   
}

.fl{float:left;}
.fr{float:right;}
.ar{text-align:right;}
.cl{clear:both;}
.ac{text-align:center;}
div.pars{margin:10px 0;}

a{outline:none;cursor:pointer;color:#8b8b8b;text-decoration:none;transition: 0.6s;}
a:hover{color:#fff;transition: 0.6s;}

input{outline: none;}
textarea{outline:none; overflow:auto; resize:vertical;}

form{margin:0;padding:0;}
p{margin:10px 0;}
img{border:0;}
img[align=left]{margin:2px 10px 10px 0;}
img[align=right]{margin:2px 0 10px 10px;}

div.topmenu{top:0;left:0;width:100%;height:44px;border-bottom: 1px solid #434343;position: fixed;z-index:10;background:#1E1E1E;}
.title{width:93%;margin:auto;max-width:1787px;}
.title1{width:57%;margin:auto;min-width:950px;}
.rel{position:relative;}
.logo{margin:0;position:absolute;top:20px;left:6px;z-index:1;}
.lang{top:20px;right:0;position:Absolute;z-index:2;color:#8b8b8b;text-decoration:none;}
.lang a{color:#8b8b8b;transition: 0.6s;text-decoration:none;}
.lang a:hover{color:#fff;transition: 0.6s;}
.lang span{color:#fff;}

.menu{display:table;margin:auto;width:57%;max-width:600px;border-collapse: collapse;font-size:17px;}
.menu ul{display:table-row;margin:0;padding:0;}
.menu ul li{display:table-cell;margin:0;padding:19px 16px 0 16px;text-align:center;list-style:none;}
.menu ul li a, .menu ul li a.buls{color:#8b8b8b;text-decoration:none;transition: 0.6s;}
.menu ul li a:hover{color:#fff;transition: 0.6s;}
.menu ul li a.act, .menu ul li a:focus{color:#fff;}

div.botmenu{bottom:0;left:0;width:100%;position:fixed;background:#1e1e1e;border-top:1px solid #242424;height:23px;z-index:9;text-align:center;padding-top:4px;
color:#8b8b8b;font-size:13px;}

.birm{width:100%;top:45px;background:#161616;opacity:0.95;left:0;position:absolute;border-bottom: 1px solid #434343;padding:20px 0;}

.dot{background:url(files/dot.png) left center no-repeat;padding-left:19px;}
.hs{height:45px;}
.hs1{height:28px;}
div.folio{width:100%;}
div.folio ul{margin:0;padding:0;width:100%;}
div.folio ul li{padding:0;list-style:none;float:left;width:33%;width:calc(33.3333% - 1px);position:relative;margin:1px 1px 0 0;background:#fff;height:auto;font-size:0px;overflow:hidden;}
div.folio ul li img{width:100%;margin:0;padding:0;}

/*div.folio ul li:hover img{opacity:0.9;}*/

div.folio ul li div{left:0;width:100%;top:0;bottom:0;position:absolute;z-index:1;overflow:hidden;}
img.zoo{width:100%;margin:0;height:auto;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
}
img:hover.zoo{margin:0 0 0 0;width:105%;height:auto;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
}

span.f{position:absolute;z-index:2;bottom:-60px;left:15px;text-align:left;color:#fff;padding:5px 0;display:block;font-size:15px;font-weight:300;}
span.f span{font-size:24px;font-weight:700;}
div.folio ul li:hover span.f{display:block;bottom:5px;
-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.bg{display:none;}
.bgact{left:0;top:0;width:100%;bottom:0;background:#161616;opacity:0.95;position:fixed;z-index:20;}

#pic{
left:0;
top:35px;
width:100%;

bottom:40px;
text-align:center;
z-index:30;
position:fixed;
color:#fff;
font-size:16px;

background-size:contain;
-moz-background-size:contain;
-o-background-size:contain;
-webkit-background-size:contain;
background-position:center;
background-repeat:no-repeat;
}
#forname{bottom:10px;text-align:center;position:fixed;z-index:31;left:0;width:100%;}

#icons{top:15px;right:15px;position:fixed;z-index:40;height:24px;}
#icons span{float:right;width:24px;height:24px;cursor:pointer;}

span.zoom{background-image:url(files/zoom.gif);opacity:0.5;background-position:center;background-repeat:no-repeat;margin-left:5px;transition: 0.4s;}
span:hover.zoom{transition: 0.4s;opacity:1;}

span.close{background-image:url(files/close.gif);opacity:0.5;background-position:center;background-repeat:no-repeat;margin-left:5px;transition: 0.4s;}
span:hover.close{transition: 0.4s;opacity:1;}

span.share{background-image:url(files/like.png);opacity:0.5;background-position:center;background-repeat:no-repeat;margin-left:5px;transition: 0.4s;}
span:hover.share{transition: 0.4s;opacity:1;}

span.lypa{background-image:url(files/1.png);opacity:0.5;background-position:center;background-repeat:no-repeat;margin-left:5px;transition: 0.4s;}
span:hover.lypa{transition: 0.4s;opacity:1;}


#pll{z-index:50;left:20px;top:50%;margin-top:-20px;position:fixed;height:21px;}
#prr{z-index:50;right:20px;top:50%;margin-top:-20px;position:fixed;height:21px;}
a.prev{width:14px;height:21px;display:block;text-decoration:none;background:url(files/pl.gif) center no-repeat;opacity:0.5;transition: 0.4s;}
a.next{width:14px;height:21px;display:block;text-decoration:none;background:url(files/pr.gif) center no-repeat;opacity:0.5;transition: 0.4s;}

a:hover.prev, a:hover.next{opacity:1;transition: 0.4s;}

.listing{position:fixed;z-index:5;bottom:28px;left:0;width:100%;}
.listing a{color:#8b8b8b;transition: 0.6s;}
.listing a:hover{color:#fff;transition: 0.6s;}
.listing div{background:#2B2B2B;padding:5px 0;}

.shares{display:block;width:153px;height:108px;top:45px;right:53px;position:fixed;z-index:45;}
.shares a{display:block;padding:7px 0 7px 14px;color:#000;font-size:17px;text-decoration:none;transition: 0.2s;}

#facebook:hover{background-color:#3E5C9A;border-radius:3px 3px 0 0;transition: 0.2s;}

#vk:hover{background:#5C81AB;transition: 0.2s;}
#odn:hover{background:#F68121;border-radius:0 0 3px 3px;transition: 0.2s;}
.obv{background:#fff;border-radius:3px;}
.shares div.t{display:block;height:6px;width:12px;margin-left:75%;background:url(files/share.png) 0 0 no-repeat;}
