@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=cyrillic-ext');
*{box-sizing:border-box;}
body{margin:0px; padding:25px 0 0 0; font-size:0px; overflow:hidden; overflow-y:auto; text-align:center; font-family: 'Open Sans', sans-serif; background-color:#ffffff; background-repeat:no-repeat; background-position:center top;  color:#000;}
input, textarea{outline:none; font-family: 'Open Sans', sans-serif;}
textarea, input, button,select{font-family: 'Open Sans', sans-serif; font-size:16px;}

nav, header, main, footer, section{float:left; width:100%; position:relative;}

header .logo{display:block; background:url(logo-300.jpg); position:absolute;}
menu, menu>li{display:inline-block; margin:0; padding:0; vertical-align:top; list-style:none; font-size:0; text-align:center;}
menu li a{display:block;}
button{cursor:pointer}
a{color:#666;}
img{max-width:100%;}
.wrap{display:inline-block; font-size:13px; text-align:left; max-width:980px; width:100%; position:relative;}
/*****************/

body.docStyle{padding-top:250px;}

.btn{height:40px; transition:0.3s; background:#e9e9e9 url(images/btnBg.gif) repeat-x left bottom; padding:10px 50px;  position:relative;border-radius:5px; display:inline-block;  font-weight:700; font-size:13px; color:#000; text-transform:uppercase; text-decoration:none; text-align:center;}
.btn:hover{background:#b6b6b6 url(images/btnBg.gif) repeat-x left bottom;}

ul.crumbs{margin:0 0 30px 0; padding:0 0 0 0; list-style:none; display:block;}
ul.crumbs li{display:inline-block; padding:0 10px 0 0;}
ul.crumbs li a{color:#666; text-decoration:none;}
ul.crumbs li:after{content:" >";}
ul.crumbs li:last-child:after{content:" ";}
ul.crumbs li:last-child a{color:#666;}

ul.crumbs li a:hover{text-decoration:underline;}

.bar{width:100%; height:20px; font-size:10px}
.bar .rate{margin-right:20px;}
.bar a.btn{height:30px; padding:3px 0px;  width:200px; text-align:center; margin:0 0 5px 0; position:relative; top:-5px; float:right;}
.bar a.btn i{display:inline-block; width:20px; height:16px; background:url(images/fullscreen.gif); position:relative; bottom:-3px; margin:0 5px 0 0;}

.bar .vote{position:relative; width:70px; display:inline-block; margin:0 0 0 5px;}
.bar .vote a{display:inline-block; position:absolute; top:-15px; width:21px; cursor:pointer;height:21px; font-size:0; border-radius:15px; background:url(images/likes.png) no-repeat;}
.bar .vote a:first-child{background-position:0 0; left:0;}
.bar .vote a:last-child{background-position:right 0; right:0;}

nav{width:100%; height:50px; background-color:rgba(100, 100, 100, 0.9); z-index:100; position:fixed; left:0; top:0;}
nav ul{margin:0; padding:0; list-style:none; font-size:0; text-align:center;}
nav ul li{margin:8px 5px; display:inline-block; vertical-align:top;}
nav ul li a{padding:5px 15px 7px 15px; display:inline-block; border:1px transparent solid; transition:0.3s; vertical-align:top; color:#fff; text-transform:uppercase; text-decoration:none; font-size:13px; font-weight:700;}
nav ul li a:hover{border:1px #fff solid; border-radius:5px; color:#fff;}

nav2{width:50%; height:50px; background-color:green;}
nav2 ul{margin:0; padding:0; list-style:none; font-size:0; text-align:center;}
nav2 ul li{margin:8px 5px; display:inline-block; vertical-align:top; border-radius:5px; background-color:#737373}
nav2 ul li span{padding:5px 15px 7px 15px; display:inline-block; border:1px transparent solid; transition:0.3s; vertical-align:top; color:#fff; text-transform:uppercase; text-decoration:none; font-size:13px; font-weight:700;}
nav2 ul li a{padding:5px 15px 7px 15px; display:inline-block; border:1px transparent solid; transition:0.3s; vertical-align:top; color:#f7b21e; text-transform:uppercase; text-decoration:none; font-size:13px; font-weight:700;}
nav2 ul li a:hover{border:1px #fff solid; border-radius:5px; color:#fff;}

span.rate{display:inline-block; width:80px; height:13px; margin:0 5px; position:relative; bottom:-2px; background:url(images/stars.png) 0 -14px; }
span.rate span{height:13px; display:block; background:url(images/stars.png) 0 0;}

.carusel{width:100%; height:220px; background:#737373; position:relative; margin:0 0 25px 0;}
.carusel ul{margin:0; padding:0; list-style:none; position:absolute; font-size:0;}
.carusel ul li{display:inline-block; margin:0; padding:0; width:800px; color:#babdc1; font-size:13px;}
.carusel.min ul li{width:600px;}
.carusel ul li .inf{color:#fff;}
.carusel ul li a.btn{margin-top:5px;}
.carusel ul li span.rate span{background-color:#737373;}
.carusel ul li strong{font-size:20px; text-transform:uppercase; line-height:1; color:#fff;}
.carusel ul li img{float:left; margin-right:35px;}
.carusel>div.in{position:absolute; left:50%; top:20px; margin-left:-400px; width:800px; height:180px; overflow:hidden;}
.carusel.min>div.in{ width:600px; margin-left:-200px; }
.carusel .docLogo{position:absolute; left:5px; top:5px; height:210px; width:195px; background:#737373;}

.carusel button{display:block; opacity:0.8; transition:0.3s; position:absolute; width:36px; height:36px; top:50%; margin-top:-18px; background:url(images/caruselArr.png); border:none; outline:none;}
.carusel button:hover{opacity:1;}
.carusel button.next{right:20px; transform:rotate(180deg);}
.carusel button.prev{left:20px;}
.carusel.min button.prev{left:220px;}

.hBanner{text-align:center; margin:0 0 25px 0;}

.vBanner{width:160px; height:600px; position:absolute; top:85px; font-size:0; display:block;}
.vBanner.left{left:-180px;}
.vBanner.right{right:-180px;}




.center{text-align:center; background-color:#b6b6b6}
.center p{text-align:center;}

.left{text-align:left;}
.left p{text-align:left;}

main{width:100%; padding:20px; border-radius:3px; background:#e9e9e9; font-size:14px; color:#000;}
main h1{font-size:25px; text-transform:uppercase;}
main h2{font-size:20px; text-transform:uppercase;}
main h3{font-size:15px; text-transform:uppercase;}

ul.docblock2{margin:20px 0; padding:0; list-style:none; width:100%; text-align:left; font-size:0;}
ul.docblock2 li{display:inline-block; background:#b6b6b6; width:304px; height:254px; border:2px #c8cdd4 solid; border-radius:7px; overflow:hidden; position:relative; margin:0 22px 22px 0;}
ul.docblock{margin:20px 0; padding:0; list-style:none; width:100%; text-align:left; font-size:0;}
ul.docblock li{display:inline-block; background:#000; width:298px; height:225px; border:2px #c8cdd4 solid; border-radius:7px; overflow:hidden; position:relative; margin:0 22px 22px 0;}
ul.docblock li:nth-child(3n){margin-right:0;}
ul.docblock li img{width:100%; position:absolute; left:0; bottom:0; transition:0.3s;}
ul.docblock li:hover img{opacity:0.4;}
ul.docblock li h3{position:absolute; z-index:5; width:100%; height:43px; margin:0; padding:11px; cursor:pointer;  background:#b6b6b6; color:#000; font-size:14px; text-align:center; text-transform:uppercase;}
ul.docblock li a.btn{position:absolute; left:50%; opacity:0; transition:0.3s; margin-left:-100px; top:50%; margin-top:0px;  width:200px; text-align:center;}
ul.docblock li:hover a.btn{opacity:1;}

ul.docblock3{margin:20px 0; padding:0; list-style:none; width:100%; text-align:left; font-size:0;}
ul.docblock3 li{display:inline-block; background:#000; width:108px; height:43px; border:2px #737373 solid; border-radius:7px; overflow:hidden; position:relative; margin:0 10px 22px 0;}
ul.docblock3 li:nth-child(8n){margin-right:0;}
ul.docblock3 li img{width:100%; position:absolute; left:0; bottom:0; transition:0.3s;}
ul.docblock3 li:hover img{opacity:0.4;}
ul.docblock3 li h3{position:absolute; z-index:5; width:100%; height:43px; margin:0; padding:11px; cursor:pointer;  background:#e9e9e9; color:#000; font-size:14px; text-align:center; text-transform:uppercase;}
ul.docblock3 li a {text-decoration:none}
ul.docblock3 li a:hover{text-decoration:underline}
ul.docblock3 li a.btn{position:absolute; left:50%; opacity:0; transition:0.3s; margin-left:-100px; top:50%; margin-top:0px;  width:200px; text-align:center;}
ul.docblock3 li:hover a.btn{opacity:1;}

article{float:left; width:100%;}
article.short{float:left; width:620px;}

article p{text-align:justify;}

aside{float:right;  width:300px;}
aside h2{font-size:22px;}
h1:first-child{margin-top:0;}

.fullStory{margin:20px 0 20px 0; text-align: justify}
.fullStory_inner{width: 100%; margin: auto;}

footer{height:130px; float:left; width:100%; background:#737373; overflow:hidden;}
footer .wrap{background:#737373; line-height:1.6; padding:25px; font-size:12px; color:#fff; height:130px;}
footer .wrap p.copyright{position:absolute; left:25px; top:40px; width:360px; margin:0;}
footer a{color:#fff; text-decoration:none;}
footer a:hover{color:#666; text-decoration:underline;}

footer a.flag{font-size:0; display:inline-block; position:relative; top:-10px; width:30px; height:20px; border:1px #fff solid; border-radius:2px; }
footer a.flag.cs{background:url(images/language-cs.png);}
footer a.flag.en{background:url(images/language-en.png);}
footer a.flag.es{background:url(images/language-es.png);}
footer a.flag.pt{background:url(images/language-pt.png);}
footer a.flag.ar{background:url(images/language-ar.png);}
footer a.flag.bg{background:url(images/language-bg.png);}
footer a.flag.de{background:url(images/language-de.png);}
footer a.flag.fr{background:url(images/language-fr.png);}
footer a.flag.hr{background:url(images/language-hr.png);}
footer a.flag.hu{background:url(images/language-hu.png);}
footer a.flag.it{background:url(images/language-it.png);}
footer a.flag.pl{background:url(images/language-pl.png);}
footer a.flag.ro{background:url(images/language-ro.png);}
footer a.flag.tr{background:url(images/language-tr.png);}

footer .centerCol{width:200px; position:absolute; left:540px; top:40px; color:#c6d2dd; font-size:12px;}
footer .centerCol .counters{margin:0 0 0 0 ; text-align:left;}
footer .centerCol .counters img{float:left; margin: 0 10px 0 0;}
footer .socials{position:absolute; right:25px; top:40px; text-align:right; color:#c6d2dd;}
footer .socials ul{margin:10px 0 0 0; padding:0; list-style:none; font-size:0;}
footer .socials ul li{width:34px; height:33px; display:inline-block; margin-left:6px; }
footer .socials ul li a{display:block; width:100%; height:33px; display:block; background:url(images/socials.png); }
footer .socials ul li a.tw{background-position:0 0;}
footer .socials ul li a.yt{background-position:-38px 0;}
footer .socials ul li a.gp{background-position:-78px 0;}
footer a:hover{text-decoration:underline;}

div.images {text-align:center}

div.fb{
  position: fixed;
  right: 10px;
  bottom: 10px;
  padding: 5px; 
  background: #c4c3c2; 
  border: 1px solid #848483;
}

div.dotted-block {border:1px dashed #b6b6b6; margin-bottom: 10px}

div.story-navi {float:left; width:280px; margin:0 10px 10px 0; border:1px solid #737373; padding:10px}