body {font-family: fonts, "Trebuchet MS", "Segoe UI", sans-serif; color: #4f4f4f; background: #fff; font-size: 16px; margin: 0;}
html, p { margin: 0; padding: 0; }
img {border: none;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: bold;}
h1, h2.titlenews { color: #fff; font-size: 26px; font-weight: normal; text-transform: uppercase;} 
h2, h2 a:link, h2 a:visited { color: #a6031b; font-size: 28px; font-weight: normal;}
h1.titlenews { color: #a6031b; font-size: 28px; font-weight: normal; text-transform: none !important; margin-top: 0.5em;}
h3, h3 a:link, h3 a:visited { color: #000; font-size: 28px; font-weight: normal;}
h4, h4 a:link, h4 a:visited { color: #a6031b; font-size: 24px; font-weight: normal;}
h5, h5 a:link, h5 a:visited { color: #000; font-size: 24px;}
h6, h6 a:link, h6 a:visited { color: #000; font-size: 20px; font-weight: normal; padding: 0;}

a {color: #a6031b; outline: none;}
a:link, a:visited {text-decoration: underline;}
a:hover { text-decoration: none; color: #c80c27;}


hr{ height: 1px; width: 100%; color: #c3c3c3; border: none; border-top: 1px solid #c3c3c3; overflow: hidden; clear: both; margin: 10px 0;}

.clear{ clear: both; height: 0px;}
.fl{ float: left; }
.fr{ float: right; }

address {font-size: 11px; color: #505050; font-style: italic; padding-top: 15px;}

.gray, .gray a:link, .gray a:visited {color: #999;}
.red, .red a:link, .red a:visited {color: #a6031b;}
.blue, .blue a:link, .blue a:visited {color: #000;}
.black, .black a:link, .black a:visited {color: #000;}

.blockred {background: #be0000;}
.blockred, .blockred p, .blockred h2, .blockred h4, .blockred h6 {color: #fff;}
.blockgray {background: #efefef;}
.blockgray, .blockgray p {color: #494949;}
.blockred, .blockgray { padding: 20px;}
.blockredbord {border: 1px solid #be0000; padding: 15px;}
.blockred p, .blockgray p, .blockredbord p {padding: 0;}

.line-left-gray {margin-left: 30px; padding-left: 5px; border-left: 5px solid #ccc;}
.line-right-gray {margin-right: 30px; padding-right: 5px; border-right: 5px solid #ccc;}
.line-left-red {margin-left: 30px; padding-left: 5px; border-left: 5px solid #c80c27;}
.line-right-red {margin-right: 30px; padding-right: 5px; border-right: 5px solid #c80c27;}


blockquote { margin-left : 40px; border-left: 2px solid #ccc; padding-left: 10px;} 
.content blockquote p {padding: 0;}

table, table td  {border-collapse: collapse; border: none;} 
table th {background: #f7f7f7; padding: 5px 15px; border-bottom: 1px solid #ccc; font-size: 14px; font-weight: normal;}
table td { padding: 10px 20px 10px 0; border-bottom: 1px solid #ccc;}
.noborder td {border: none !important;}

.content .zoom {padding-bottom: 35px; background: url("/im/icon_zoom.png") no-repeat 0 100%;}

@font-face {
    font-family: 'fonts';
    src: url('/fonts/robotocondensed-regular.eot');
    src: url('/fonts/robotocondensed-regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/robotocondensed-regular.woff') format('woff'),
         url('/fonts/robotocondensed-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* Top
----------------------------------------------------------------------------*/
.bg {background: #f0f1f1;}
.width {position: relative; width: 1200px; margin: 0 auto;}

.bg {min-width: 1250px; max-width: 1920px;}

.header {position: relative; height: 190px; overflow: hidden; background: url("/im/header_bg_3.jpg") no-repeat 50% 100% #75000e;}

.header .title1, .header .title2 {text-transform: uppercase; position: absolute; border-left: 1px solid #aa021b; text-shadow: 1px 1px 1px #4b0007;}
.header .title1 { left: 230px; top: 55px; line-height: 30px; color: #bda07a; font-size: 14px; display: inline-block; padding: 0 0 5px 40px;}
.header .title2 {font-family: "Arial", "Arial Cyr", sans-serif; padding: 3px 0 5px 40px; left: 230px; top: 90px; color: #f6e7b8; font-size: 18px; line-height: 30px;}

.header .logo {position: absolute; top: 25px; left: 50px; z-index: 99;}

.header .test {position: absolute; top: 130px; right: 20px; display: inline-block; font-size: 12px; color: #ae8442;}

.icons {width: 105px; height: 33px; overflow: hidden; position: absolute; top: 35px; right: 10px;}
.icons a {transition: all 0.2s linear; display: block; width: 30px; height: 30px; float: left; background-image: url("/im/icons.png"); background-color: rgba(0,0,0,0.1); border: 1px solid #be0000; margin-left: 15px;}
.icons .home {background-position: 0px 0px;}
.icons .home:hover {background-position: 0px -30px;}
.icons .map {background-position: -30px 0px;}
.icons .map:hover {background-position: -30px -30px;}
.icons .feedback {background-position: -60px 0px;}
.icons .feedback:hover {background-position: -60px -30px;}
.icons a:hover {background-color: #be0000;}

.header .search {width: 205px; position: absolute; top: 35px; right: 115px; border: 1px solid #be0000;}
.content .search {width: 500px; position: relative; margin: 10px 0 30px 0;}
.search input {width: 165px; height: 30px; line-height: 30px; color: #fff; padding-left: 10px; border: none; background: rgba(0,0,0,0.1);}
.content .search input {width: 480px; background: #eee;}
.search a {transition: all 0.2s linear; width: 30px; height: 30px; display: block; position: absolute; top: 0; right: 0; background: url("/im/icons.png") 100% 0;}
.search a:hover, .content .search a:hover {background-color: #be0000; background-position: 100% -30px;}
.search label {color: #ae8442; line-height: 30px; font-size: 12px; position: absolute; top: 0; left: 10px; z-index: 2;}
.content .search input {color: #000; font-size: 20px;}
.content .search a {background: url("/im/icons.png") 100% 0 #890013;}

.pay {position: absolute; bottom: 20px; left: 50%; margin-left: 250px; z-index: 99; color: #be0000; border: 1px solid #be0000; display: block; width: 125px !important; height: 30px !important; line-height: 30px !important; transition: background 0.3s linear; text-align: center; text-decoration: none !important; font-size: 14px;}
.pay:hover {background-color: #be0000; color: #fff;}

/* Bottom
-----------------------------------------------------------------------------*/
.footer {color: #bf7a86; background: url("/im/footer_bg.jpg") repeat-x 50% 0 #910018; font-size: 14px;}
.footer .width div * { margin: 0; padding: 0;}
.footer p {padding: 0;}
.footer li { list-style: none;}
.footer a {color: #d7d7d7;}
.footer .special {margin-top: 40px; color: #bf7a86; text-decoration: none; display: inline-block; padding: 5px 5px 5px 30px; background: url("/im/eye.png") no-repeat 0 50%;}
.footer .special:hover {color: #fff;}

.footer .bgpict {background: url("/im/footer_star.jpg") no-repeat 50% 0; padding: 55px 0 30px 0;}
.copyright {background: #7f0015; padding: 30px 0; font-size: 12px;}
.copy {float: left; display: inline-block;}
.footer .contact {margin-bottom: 20px;}
.footer .contact .adress2 {display: block; margin-top: 20px;}
.footer .contact a {color: #bf7a86;}

.ray {float: right; display: inline-block;}
.ray a, .ray a:link, .ray a:visited {color: #bf7a86; opacity: 0.5;}
.ray a:hover {color: #bf7a86; opacity: 1;}

.footer .column1, .footer .column2, .footer .column3, .footer .column2-3 {float: left; display: block;}
.footer .column1 {width: 250px; width_: 260px;}
.footer .column2 {width: 300px; margin: 0 50px !important;}
.footer .column3 {width: 280px; width_: 290px;}
.footer .column4 {width: 260px; width_: 240px; float: right;}
.footer .column4 ul {}
.footer .column2-3 {display: inline-block !important;}

.footer .social, .footer .zayavka {margin-top: 30px !important; height: 32px;}
.footer .social a {border: 1px solid #d7d7d7; display: block; float: left; width: 30px; height: 30px; margin-right: 9px; background: url("/im/social.png") no-repeat 0 0 transparent; transition: background 0.3s linear;}
.footer .social a:hover {background-color: #be0000; border-color: #be0000;}
.footer .social .vk {background-position: -1px -31px;}
.footer .social .vk:hover {background-position: -1px 0;}
.footer .social .fb {background-position: -41px -31px;}
.footer .social .fb:hover {background-position: -41px 0;}
.footer .social .ok {background-position: -81px -31px;}
.footer .social .ok:hover {background-position: -81px 0;}
.footer .social .tw {background-position: -121px -31px;}
.footer .social .tw:hover {background-position: -121px 0;}
.footer .social .lj {background-position: -161px -31px;}
.footer .social .lj:hover {background-position: -161px 0;}
.footer .social .yt {background-position: -201px -31px;}
.footer .social .yt:hover {background-position: -201px 0;}
.footer .social .ig {background-position: -241px -31px;}
.footer .social .ig:hover {background-position: -241px 0;}

.footer .links1 a, .footer .links2 a {}

.footer .links1 a {display: block; padding: 6px 0 10px 0; line-height: 18px;}
.footer .column3 .links1 a {padding: 17px 0; margin-top: -11px;}
.footer .links1 a:hover {opacity: 0.7;}

.footer .zayavka {
  width: 200px !important;
  color: #565656;
  background: #d2d5d6;
  text-align: center;
  border: 1px solid #d2d5d6;
  transition: border-color 0.3s linear;
  transition: color 0.2s linear;
}
.footer .links2 {border-left: 1px solid #be0000; padding-left: 20px !important;}
.footer .links2 a {text-decoration: none; line-height: 24px;}
.footer .links2 .year {min-width: 60px; display: block; margin-top: 10px; padding: 0 0 0 30px; background: url("/im/arr_gray.png") no-repeat 0 50% #d1d5d7;}
.footer .links2 .year a {
  min-width: 60px; white-space: nowrap;
  color: #fff;
  background: #be0000;
  font-size: 16px;
  padding-left: 5px;
}
.footer .links2 .year a, .footer .zayavka {
  display: block;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  position: relative;

   transform: translateZ(0);

   backface-visibility: hidden;

   transition-property: color;

   transition-duration: 0.2s;

}
.footer .links2 .year a:before, .footer .zayavka:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

   transform: scaleX(0);

   transform-origin: 0 50%;

   transition-property: transform;

   transition-duration: 0.2s;

   transition-timing-function: ease-out;
}
.footer .links2 .year a:hover:before, .footer .links2 .year a:focus:before, .footer .links2 .year a:active:before, .footer .zayavka:hover:before, .footer .zayavka:focus:before, .footer .zayavka:active:before {

  transform: scaleX(1);
}
.footer .links2 .year a:hover, .footer .links2 .year a:focus, .footer .links2 .year a:active, .footer .zayavka:hover, .footer .zayavka:focus, .footer .zayavka:active {color: #fff;}
.footer .links2 .year a:before {background: #5d0008;}
.footer .zayavka:hover { border-color: #be0000;}
.footer .zayavka:before {background: #be0000;}


/* Middle
-----------------------------------------------------------------------------*/

.mid {padding: 30px 0;}

.titlepage {position: relative; z-index: 2; text-shadow: 1px 1px 1px #795b33;}
.titlepage .ic {width: 53px; height: 53px; background: url("/im/arr_white.png") 50% 50% no-repeat #9c0000; position: absolute; top: 0; left: 0; z-index: 2;}
.titlepage h1, .titlepage h2.titlenews {line-height: 30px; padding: 13px 40px 5px 70px; display: inline-block; color: #fff; background: url("/im/title_bg.png") 0 0 no-repeat #c19652;}
.titlepage .line {height: 5px; background: url("/im/title_bg.png") 0 -60px no-repeat #c19652;}


.leftcolumn {width: 900px; float: left;}
.rightcolumn {width: 240px; float: right;}

.content {position: relative; background: #fff; padding: 25px 40px; box-shadow: 0 0 10px #ccc;}
.content h2, .content h3,.content h4,.content h5 {padding: 10px 0;}
.content p {padding: 10px 0; line-height: 140%;}
.content td p, .content th p {padding: 0;}
.content ul {padding: 0 0 0 40px; margin: 0;}
.content ul li{ list-style-image: url("/im/li.png"); padding: 5px 0 5px 0px;}
.content ol li {padding-bottom: 20px;}


.printlink {height: 30px;}
.printlink a {width: 30px; height: 30px; background: url("/im/printer.svg") no-repeat 50% 50% #ccc; display: block; float: right;}


/* Menu
-----------------------------------------------------------------------------*/
#topnav {height: 55px; border-bottom: 2px solid #c80c27; background: #fff; transition: all 0.3s linear;}

.tm *, .menu * { margin: 0; padding: 0;}
.tm li, .menu li { list-style: none;}
.tm {height: 55px; line-height: 55px; position: relative;}

.tm a, .tm a:link, .tm a:visited {color: #fff; text-decoration: none;}

.tm .ul1 {text-transform: uppercase; text-align: center; line-height: 55px;}
.tm .li1 {display: inline-block; vertical-align: top;}
.tm .li1 > a {display: block; padding: 0 20px; color: #000;}
.tm .li1 > a:hover {background: #a7031b; color: #fff;}
.tm .active > a {background: #a7031b; color: #fff;}

.tm .ul2 {text-align: left; line-height: 20px; position: absolute; top: 55px; z-index: 99;}
.tm .li2 {display: block; min-height: 40px; overflow: hidden;}
.tm .li2 > a {color: #fff; padding: 10px 20px; display: block; background: url("/im/menu2_bg.png") -1000px 0 no-repeat #a7031b; transition: background 0.2s linear;}
.tm .li2 > a:hover {background: url("/im/menu2_bg.png") 100% 0 no-repeat #a7031b;}
/*------------
.tm .li1:hover .li2 > a {transform: translateY(-45px); animation: litop 0.1s linear 0.1s forwards;}
@keyframes litop {
   100% {transform: translateY(0px);}
}
----------------*/

.fixlogo {display: none !important; transition: all 0.3s linear;}
.fixtop .fixlogo {display: inline-block !important;}
.fixtop .fixlogo a, .fixtop .fixlogo a:hover {padding: 0; width: 50px; height: 55px; background: url("/im/logo_fixtop.png") no-repeat 50% 50%;}
.fixtop {
 position: fixed;
 z-index: 1000;
 top: 0;
 width: 100%;
 box-shadow: 0 0 20px #000; 
 background: url("/im/header_bg_2.jpg") no-repeat 50% 30% #75000e !important; border: none !important;
}
.fixtop .tm .ul1 {}
.fixtop a {color: #fff !important;}



.tm .ul3 {font-size: 12px; text-transform: none;}
.tm .li3 a {background: url("/im/menu_3_arr.png") no-repeat 22px 10px; padding: 5px 15px 5px 40px; border: none; display: block;}
.tm .li3 > a:hover {background: url("/im/menu_3_arr.png") no-repeat 22px 10px #2a328f;}


@media screen and (max-width: 1280px) {
.tm .li1 > a {padding: 0 15px;}
.tm .li2 > a {padding: 10px 15px;}
.fixtop  .tm .li1 > a {padding: 0 10px;}
.fixtop  .tm .li2 > a {padding: 10px 10px;}

}

.path {font-size: 12px; line-height: 18px; padding-bottom: 30px; margin-top: -15px;}
.pathnews .path {margin-top: 10px !important;}
.path span { margin: 0 5px; }
.path, .path a, .path a:link, .path a:visited {color: #a9a9a9;}
.path .home, .path .home:link, .path .home:visited, .path a:hover {color: #6c6c6c;}


/* Modul
-----------------------------------------------------------------------------*/
.printpage {padding: 20px; background: #fff;}
.printpage h1 {border-bottom: 2px solid #d31313; margin-bottom: 20px;}

form, input { padding: 0; margin: 0;}
input, textarea, select, button {font-family: fonts, "Trebuchet MS", "Segoe UI", sans-serif; font-size: 14px; border: 1px solid #cbcfd7; background: #fff; color: #000;}
input:focus {outline: 0 none;}
.button__ {background: #e91d1d; color: #fff; height: 30px; padding: 0 20px; border: none; cursor: pointer;}

.news .pict {max-width: 250px; max-height: 250px; float: right; margin: 0 0 30px 30px;}
.news img {max-width: 820px !important;}


.newslist {position: relative;}
.newslist a, .newslist span {display: block;}
.newslist a {position: relative; overflow: hidden; height: 200px; box-shadow: 0 0 10px #ccc; background: #fff; margin: 0 0 20px 0; text-decoration: none;}
.newslist a:hover {color: #000; box-shadow: 0 0 10px #999;}
.newslist .pict {position: absolute; top: 20px; left: 52px; width: 155px;}
.newslist .date {font-size: 12px; text-align: center; position: absolute; top: 20px; left: 0px; width: 47px; height: 47px; background: url("/im/date_bg_2.png") 0 0 no-repeat #be0000; color: #fff;}
.newslist .date span {padding: 6px 0px 0 0; line-height: 20px;}
.newslist .date em {font-size: 24px; font-style: normal; display: block;}

.newslist .text {margin: 20px 25px 0px 230px; height: 170px; overflow: hidden;}
.newslist .name {font-size: 22px; text-decoration: none; margin-top: -5px;}
.newslist .anons {color: #757575; line-height: 22px; margin-top: 10px;}
.newslist .line {height: 5px; background: #c80c27; position: absolute; left: 0; width: 100%; bottom: -5px; z-index: 2; transition: all 0.1s linear;}
.newslist a:hover .line {bottom: 0;}

.newslist hr {margin: 10px 0;}

.newslist .iconvideo {width: 35px; height: 29px; position: absolute; top: 138px; left: 173px; z-index: 2; background: url("/im/mmedia_video.png") 0 0 no-repeat; background-size: cover;}
.newslist .iconfoto {width: 35px; height: 29px; position: absolute; top: 138px; left: 173px; z-index: 2; background: url("/im/mmedia_foto.png") 0 0 no-repeat; background-size: cover;}

.newslast {margin-top: 48px;}
.newslast a {color: #000; display: block;}
.newslast .date {display: inline-block; padding: 0 12px; line-height: 22px; color: #fff; background: #d20b2a; font-size: 12px;}
.newslast .name {display: block; margin: 10px 0 40px 0;}


.newsarchive h4 {margin: 40px 0 20px 0;}
.newsarchive .year {color: #000; margin: 20px 0 10px 0;}
.newsarchive a {transition: all 0.1s linear; display: inline-block; padding: 0 10px; line-height: 20px; color: #fff; border: 1px solid #d20b2a; background: #d20b2a; margin: 5px; text-decoration: none; font-size: 12px;}
.newsarchive a:hover {background: none; color: #d20b2a;}

.event {position: relative;}
.event .date {text-shadow: 1px 1px 1px #000; margin-left: -42px; font-size: 18px; display: inline-block; padding: 0 20px; line-height: 40px; background: url("/im/date_bg_1.png") 0 0 repeat-y #cc0000; color: #fff;}
.event .title {display: inline-block; background: #efefef; padding: 20px 40px; margin: 0 0 30px -40px;}

.events-rubrics {margin-bottom: 30px; float: right;}
.events-rubrics .rubr {transition: all 0.1s linear; line-height: 20px; color: #fff; text-decoration: none !important; text-transform: uppercase; border: 1px solid #d20b2a; background: #d20b2a; margin: 5px 0px 5px 5px; padding: 7px 17px; font-size: 16px;}
.events-rubrics .rubr:hover {background: none; color: #d20b2a;}
.events-rubrics .rubr.active {background: #be8f4f; color: #fff; border-color: #be8f4f;}

.calendar {margin: -8px 0 30px 0; float: left; border: 1px solid #d20b2a; background: #d20b2a; height: 34px;}
.calendar input {max-width: 140px; height: 24px; line-height: 24px; background: url("/im/icon_calendar_2.png") 2px 50% no-repeat #fff; padding-left: 40px; margin: 5px; border: none;}

.eventslist2 a, .eventslist2 span {display: block;}                                                                                                                                                                    
.eventslist2 a {line-height: 24px; height: 200px; overflow: hidden; position: relative; box-shadow: 0 0 10px #ccc; background: #fff; margin: 0 0 20px 0; text-decoration: none;}
.eventslist2 a:hover {box-shadow: 0 0 10px #999;}
.eventslist2 .line {height: 5px; background: #c80c27; position: absolute; width: 100%; bottom: -5px; z-index: 2; transition: all 0.1s linear;}
.eventslist2 a:hover .line {bottom: 0;}
.eventslist2 .pict {position: absolute; top: 0px; left: 0px; width: 200px; height: 200px;}
.eventslist2 .date {font-size: 20px; color: #000;}
.eventslist2 .text {margin: 20px 20px 0px 225px; height: 167px; overflow: hidden;}
.eventslist2 .name {font-size: 22px; margin: 10px 0;}
.eventslist2 .anons {font-size: 14px; color: #757575; line-height: 22px; margin-top: 10px;}
.eventslist2 .rubr {border: 1px solid #ccc; background: none; color: #ccc; position: absolute; top: 10px; right: 10px; font-size: 14px; padding: 3px 10px;}

.leftcolumn .eventslist {position: relative;}
.leftcolumn .eventslist a, .leftcolumn .eventslist span {display: block;}
.leftcolumn .eventslist a {position: relative; border-bottom: 5px solid #fff; padding: 25px 25px 20px 25px; box-shadow: 0 0 10px #ccc; background: #fff; margin: 0 0 20px 0; text-decoration: none;}
.leftcolumn .eventslist a:hover {border-color: #c80c27; color: #000; box-shadow: 0 0 10px #999;}
.leftcolumn .eventslist .pict {position: absolute; top: 25px; left: 52px; width: 235px;}
.leftcolumn .eventslist .date {text-shadow: 1px 1px 1px #000; position: absolute; top: 30px; left: -2px; line-height: 40px; display: inline-block; padding: 0 20px; background: url("/im/date_bg_1.png") 0 0 no-repeat #cc0000; color: #fff;}
.leftcolumn .eventslist .date span {padding: 6px 0px 0 0; line-height: 20px;}
.leftcolumn .eventslist .date em {font-size: 24px; font-style: normal; display: block;}
.leftcolumn .eventslist .text {margin-left: 285px; min-height: 155px;}
.leftcolumn .eventslist .name {font-size: 22px; text-decoration: none; }
.leftcolumn .eventslist .anons {color: #757575; line-height: 22px; margin-top: 10px;}


.pages { margin: 20px 0 0 0; position: relative; text-align: right;}
.pages div {position: relative;}
.pages p {position: absolute; width: 90px; color: #999; text-transform: uppercase; line-height: 27px; padding: 0;}

.pages a, .pages span { display: inline-block; width: 27px; height: 27px; line-height: 27px; text-align: center; margin: 0 5px;}
.pages a {color: #d20b2a; text-decoration: none; border: 1px solid #d20b2a; transition: all 0.1s linear;}
.pages a:hover {background: #d20b2a; color: #fff;}
.pages span {color: #d20b2a;}

.res {padding: 10px 0 0 0; color: #999;}
.res span {color: #000;}
.result {position: relative; color: #999; margin: 10px 0; font-size: 14px;}
.result .num {position: absolute; top: 10px; left: 0; width: 30px; color: #565c5e; text-align: right;}
.result p { padding: 3px 0;}
.result .text {margin: 0 0 20px 35px; border-left: 1px solid #ccc; padding-left: 10px;}
.result .name {font-size: 20px;}

.album {margin-top: 30px; margin-right: -20px;}
.album a {width: 190px; height: 131px; overflow: hidden; margin: 0 20px 10px 0px; position: relative; text-decoration: none; display: inline-block;} 
.album img {width: 190px;}
.album .title {text-align: center; width: 200px; display: block; position: absolute; bottom: 0; z-index: 10; background: rgba(0, 0, 0, 0.506); font-size: 12px; color: #fff; line-height: 13px;}
.album .title span { padding: 10px; display: block;}
.album a:hover .title {background: #9c0000;}
.album a:hover img {opacity: 0.7;}
.album .iconvideo, .content .slider .iconvideo {display: block; width: 20px; height: 18px; position: absolute; top: 10px; left: 10px; z-index: 9; background: url("/im/icon_video.png") no-repeat 0 0;}

.content .slider * { margin: 0; padding: 0;}
.content .slider {width: 810px; margin: 15px 0 30px 0; position: relative;}
.content .slider ._window {width: 810px; height: 168px; overflow: hidden; margin: 0 auto; position: relative;}
.content .slider li { list-style: none; float: left; margin: 5px 22px 5px 0; position: relative;}
.content .slider ._next, .slider ._prev {display: block; width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -25px; cursor: w-resize; box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.4);}
.content .slider ._next {right: 0; background: url("/im/fotoslider_arr.png") no-repeat 0 0;}
.content .slider ._prev {left: 0; background: url("/im/fotoslider_arr.png") no-repeat 0 100%;}

.content .slider li, .content .slider li img { width: 240px;}

.send div {position: relative;}
.send h2 {padding-top: 20px;}
.send label {position: absolute; color: #999; top: 3px; left: 5px;}
.send input {width: 200px; height: 25px; padding: 0 3px;}
.send textarea {width: 99%;}
.send input, .send textarea {margin: 0 0 10px 0;}
.send p {font-size: 14px; color: #838383;}
.send .message {padding: 10px 0px; font-weight: bold; font-size: 14px; display: none;}
.send .error {color: #d31313;}
.send .success {color: #2477cb;}

.send .code {background: #efefef; padding-left: 20px; float: left; width: 435px; margin-top: 2px;}
.send .code input {width: 120px;}
.send .code p {padding-bottom: 6px;}
.send .code img {float: right; margin: 13px 13px 10px 10px;}


.send button {margin-top: 10px; cursor: pointer; border: none; transition: all 0.15s linear; background: #be0000; display: inline-block; line-height: 40px; padding: 0 30px; color: #fff; text-transform: uppercase; font-size: 20px; text-decoration: none;}
.send button:hover {background: #900019;}
.send button:disabled {background: #dddddd;}

.send2 select {padding: 5px; min-width: 35%;}
.send2 .block1, .send2 .block2 {background: #efefef; margin-bottom: 10px; padding: 10px 20px;}
.send2 .block1 p, .send2 .block2 p {padding: 0;}
.send2 .block1 input {width: 100%;}
.send2 .block2 {margin-right: 10px; display: inline-block; float: left;}


.list {margin-top: 40px;}
.list a {display: block; position: relative; min-height: 70px; width: 340px; overflow: hidden; margin: 10px 30px 30px 0; float: left; text-decoration: none;}
.list span { display: block;}
.list .pict {position: absolute; width: 70px; height: 70px; overflow: hidden;}
.list .pict img {width: 70px; display: block; border-radius: 4px;}
.list .text {margin-left: 80px;}
.list .name {font-size: 20px; margin-top: -4px;}
.list .anons { color: #838383;}
.listtitle a { font-size: 22px;}
.list a:hover .pict {opacity: 0.7;}
.list a:hover .name {color: #000;}


/* button
-----------------------------------------------------------------------------*/
.btn {
   display: inline-block;
   position: relative;
   border: none;
   cursor: pointer;
   padding: 7px;
   border-radius: 3px;
   outline: 0;

   opacity: 1;
   color: #fff;
   background-color: #e91d1d;
}
.btn:hover {
   opacity: 0.85;
}
.btn:active {
   top: 1px;
} 
.btn:disabled {
   top: 0px;
   cursor: default;
   background-color: #808080;
   opacity: 1;
}

/* Map
-----------------------------------------------------------------------------*/
.m1, .m2, .m3, .m4 {margin: 10px 0;}
.m1 {margin-left: 65px !important;}
.m1 {font-size: 18px;}
.m2 {font-size: 14px;}
.content .m2 li {list-style-image: url("/im/li2.png");}

/* Main
-----------------------------------------------------------------------------*/
.main {}

.newsblockm {overflow: hidden; padding: 0px 0 65px 0; padding_: 45px 0 65px 0; background: url("/im/bg_dark_camo_2.jpg") no-repeat 50% 0 #4c5662;}

.newsblockm .titleblock {height: 25px; line-height: 25px; margin: 30px 0 35px 0; color: #adb9c2; position: relative;}
.newsblockm .titleblock .width {width: 1140px;}
.newsblockm .titleblock p {display: inline-block; float: left; font-size: 36px;}
.newsblockm .titleblock .line {height: 4px; border-bottom: 1px solid #adb9c2;}
.newsblockm .titleblock .link {position: absolute; top: 8px; right: 10px; color: #adb9c2; background: url("/im/arr_white.png") 0 0 no-repeat transparent; line-height: 13px; padding-left: 20px; text-decoration: none; display: inline-block;}
.newsblockm .titleblock .link:hover {color: #fff;}

.newsblockm .sizeh {height: 378px; overflow: hidden; transition: 0.4s linear;}
.newsblockm .sizeh.newsmore {height: 750px !important;}


.newsmain, .newsblockm .block .name, .newsblockm .block .date {text-decoration: none !important;}
.newsblockm span {display: block;}
.newsmain {border-top: 1px solid #242424; width: 355px; height: 340px; background: #cc0202; color: #fff; box-shadow: 0 0 10px #2d313a; margin: 14px 22px 0px 22px; position: relative; float: left;}
.newsmain:hover {color: #fff; background: #d49c52;}
.newsmain .pict {width: 355px; height: 335px;}
.newsmain .name {width: 355px; height: 335px; background: url("/im/newsm_up.png") no-repeat 0 100%; position: absolute; z-index: 1; bottom: 5px;}
.newsmain .name span { position: absolute; z-index: 1; bottom: 0; width: 315px; margin: 20px; text-transform: uppercase;}
.newsmain .date {text-align: center; font-size: 14px; position: absolute; top: 15px; left: -4px; z-index: 2; width: 86px; height: 86px; background: url("/im/date_bg_1.png") 0 0 no-repeat #be0000;}
.newsmain .date span {font-size: 36px; margin-top: 12px; line-height: 30px;}

.newsmain .iconvideo {width: 47px; height: 39px; position: absolute; top: 15px; right: -2px; z-index: 5; background: url("/im/mmedia_video.png") 0 0 no-repeat transparent; background-size: cover;}
.newsmain .iconfoto {width: 47px; height: 39px; position: absolute; top: 15px; right: -2px; z-index: 5; background: url("/im/mmedia_foto.png") 0 0 no-repeat transparent; background-size: cover;}

.newsblockm .block {width: 353px; height: 155px; position: relative; float: left; margin: 14px 22px 14px 22px;}
.newsblockm .item-6, .newsblockm .item-9 { margin-left: 23px; margin-right: 23px;}
.newsblockm .block .rubr {color: #999; font-size: 12px; position: absolute; top: 15px; z-index: 4; width: 120px; left: 155px;}
.newsblockm .block .rubr:hover {color: #fd2438; text-shadow: 1px 1px 0px #000;}
.newsblockm .block a {display: block;}
.newsblockm .block .link { color: #fff; width: 353px; height: 155px; outline: 1px solid #adb9c2; background: rgba(0,0,0,0.2); transition: all 0.15s linear;}
.newsblockm .block .link:hover {outline-color: #242424; background: rgba(0,0,0,0.5);}
.newsblockm .block .pict {width: 124px; height: 124px; position: absolute; top: 15px; left: 15px;}
.newsblockm .block .arrup {width: 24px; height: 24px; position: absolute; bottom: 20px; left: 110px; z-index: 3; background: url("/im/arr_round.png") 0 0 no-repeat transparent;}
.newsblockm .block .date {text-align: center; font-size: 12px; position: absolute; top: 4px; right: -2px; z-index: 2; width: 47px; height: 47px; background: url("/im/date_bg_2.png") 0 0 no-repeat #be0000;}
.newsblockm .block .date span {margin: 6px 0 0 3px;  line-height: 20px;}
.newsblockm .block .date em {font-size: 24px; font-style: normal; display: block;}
.newsblockm .block .name {width: 185px; position: absolute; bottom: 15px; left: 155px; line-height: 18px; max-height: 90px; overflow: hidden;}
.newsblockm .block .nofoto .name {left: 55px; width: 285px;}
.newsblockm .block .nofoto .arrup { left: 20px;}
.newsblockm .block .nofoto .rubr {left: 55px;}

.newsblockm .block .iconvideo {width: 32px; height: 27px; position: absolute; bottom: 20px; left: 109px; z-index: 5; background: url("/im/mmedia_video.png") 0 0 no-repeat transparent; background-size: cover;}
.newsblockm .block .iconfoto {width: 32px; height: 27px; position: absolute; bottom: 20px; left: 109px; z-index: 5; background: url("/im/mmedia_foto.png") 0 0 no-repeat transparent; background-size: cover;}


.eventsblockm .titleblock {height: 25px; line-height: 25px; margin: 60px 0 35px 0; color: #fff; position: relative;}
.eventsblockm .titleblock .width {width: 1140px;}
.eventsblockm .titleblock p {display: inline-block; float: left; font-size: 36px;}
.eventsblockm .titleblock .line {height: 4px; border-bottom: 1px solid #fff;}
.eventsblockm .titleblock .link {position: absolute; top: 8px; right: 10px; color: #fff; background: url("/im/arr_white.png") 0 0 no-repeat transparent; line-height: 13px; padding-left: 20px; text-decoration: none; display: inline-block;}

.eventsblockm {overflow: hidden; text-align: center; height: 530px; background: url("/im/bg_events_dark.jpg") no-repeat 50% 0 #b3bcc3;}
.eventsblockm .eventslist, .eventsblockm .eventsmain {text-align: left; display: inline-block; height: 330px; background: #fff; margin: 20px; box-shadow: 0 0 10px #999; vertical-align: top;}

.eventsblockm .eventslist {width: 355px;}
.eventsblockm .eventslist .padd {width: 305px; height: 300px; margin: 15px 20px 0 30px; overflow: hidden;}
.eventsblockm .eventslist p {padding: 15px 0 15px 0;}
.eventsblockm .eventslist .date {display: block; color: #cc0000; padding-left: 35px; line-height: 24px; background: url("/im/arr_round.png") 0 0 no-repeat transparent;}
.eventsblockm .eventslist .name {display: block; color: #000; padding-top: 10px; padding-bottom: 0px; line-height: 23px;}

.eventsblockm .eventsmain {width: 752px; position: relative; text-decoration: none;}
.eventsmain .pict {position: absolute; top: 0; right: 0; width: 350px; height: 330px;}
.eventsmain .text {margin: 30px; width: 342px; display: block;}
.eventsmain .date {display: block; color: #cc0000; padding-left: 35px; line-height: 24px; background: url("/im/arr_round.png") 0 0 no-repeat transparent;}
.eventsmain .name {display: block; color: #000; padding: 20px 0 10px 0; text-transform: uppercase; font-size: 18px;}
.eventsmain .anons {color: #666; font-size: 14px; line-height: 18px; height: 90px; overflow: hidden;}
.eventsmain .timer {display: block; position: absolute; bottom: 20px; left: 30px;}
.eventsmain .timer em {display: block; padding-bottom: 10px; color: #d01515; font-size: 14px; font-style: normal;}
.eventsmain .timer span {text-align: left !important;}



.mmediablockm {width: 100%; overflow: hidden; text-align: center; overflow: hidden; height: 460px; background: url("/im/bg_mmedia.jpg") no-repeat 50% 100% #f3f3f4; vertical-align: top; position: relative;}

.mmediablockm .titleblock {height: 25px; line-height: 25px; margin: 60px 0; color: #000; position: relative;}
.mmediablockm .titleblock .width {width: 1140px;}
.mmediablockm .titleblock p {display: inline-block; float: left; font-size: 36px;}
.mmediablockm .titleblock .line {height: 4px; border-bottom: 1px solid #000;}
.mmediablockm .titleblock .link {position: absolute; top: 8px; right: 10px; color: #000; background: url("/im/arr_black.png") 0 0 no-repeat transparent; line-height: 13px; padding-left: 20px; text-decoration: none; display: inline-block;}

.mmediablockm .block { white-space: normal; text-align: left; position: relative; display: inline-block; margin: 0px 22px 0px 22px; width: 250px; text-decoration: none; vertical-align: top;}
.mmediablockm .block .title {display: block; border: 1px solid #c90000; padding: 15px 20px; margin-top: 7px; color: #000;}
.mmediablockm .block:hover .title {background: #c90000; color: #fff;}
.mmediablockm .iconvideo {width: 47px; height: 39px; position: absolute; top: 10px; right: -2px; z-index: 2; background: url("/im/mmedia_video.png") 0 0 no-repeat;}
.mmediablockm .iconfoto {width: 47px; height: 39px; position: absolute; top: 10px; right: -2px; z-index: 2; background: url("/im/mmedia_foto.png") 0 0 no-repeat;}

.mmediablockm .upleft, .mmediablockm .upright {width: 65px; height: 365px; background: url("/im/mmedia_up.png") no-repeat; position: absolute; bottom: 0; z-index: 2;}
.mmediablockm .upleft {background-position: 0 100%; left: 0;}
.mmediablockm .upright {background-position: 100% 100%; right: 0;}
.mmediablockm .wrapper {display: inline-block; overflow: hidden; white-space: nowrap;}


.main-slider .textup {position: absolute; bottom: 0; width: 100%; z-index: 1; height: 336px; background: url("/im/slider_up.png") no-repeat 50% 100% transparent;}
.main-slider .line {position: absolute; top: 560px; width: 100%; z-index: 1; height: 2px; background: url("/im/slider_line.jpg") no-repeat 50% 100% transparent;}

.main-slider { background: rgba(0,0,0,0.1); margin-bottom: -10px;
   position: relative; 
   z-index: 0; 
   width: 100%; 
   height: 572px; 
   overflow: hidden; 
   text-align: center; 
}
.main-slider .slide {
   width: 1920px; 
   height: 560px; 
   position: relative; 
}
.main-slider .frame {
   width: 1920px;
   height: 560px;
   overflow: hidden;
   position: absolute; 
   top: 0; 
   left: 50%; 
   margin-left: -960px;
}
.main-slider .title {position: absolute; bottom: 0; left: 0; background: url("/im/lines_bg.png") repeat 0 0 rgba(41, 55, 69, 0.25); padding: 60px 0; display: block; text-align: center; width: 100%;}
.main-slider .title a {width: 1100px; position: relative; color: #fff; font-size: 26px; font-weight: bold; display: block; text-decoration: none; text-transform: uppercase; margin: 0 auto; text-align: left;}
.main-slider .title a img {position: absolute; top: -30px; left: -40px;}
.main-slider .title span {color: #28a5ff;}
.main-slider .title .rotate {position: absolute; top: -30px; left: 50%; margin-left: -590px;}



.share {margin-top: 30px;}
.share a {margin: 0 5px 0 0;}
.share a:hover img {opacity: 0.6;}
.share img {width: 25px;}

.banner {width: 100%; background: url("/im/top/army2021_bg.jpg") no-repeat 50% 0 #120a0e; position: relative; color: #fff;}
.banner .hidden {display: block; position: absolute; bottom: 0; z-index: 5; text-align: center;}
.banner a {display: block; height: 100%; width: 100%;}
.banner .link { position: relative; z-index: 1;}

.banner .logo {position: absolute; left: 50%;}
.banner .name {position: absolute; width: 554px; height: 140px; left: 50%; margin-left: -640px; background: url("/im/top/army2021_name.png") no-repeat 0 0; background-size: cover;}
.banner .date {position: absolute; display: inline-block; text-align: center; font-size: 20px; color: #a0a9b0; line-height: 25px; left: 50%; width: 300px; margin-left: -150px; text-transform_: uppercase; text-shadow_: 1px 1px 10px #000;}
.banner .iconsarmy {position: absolute; left: 50%; margin-left: 70px; margin-top: 42px;}
.banner .counter {position: absolute; bottom: 10px; left: 50%; margin-left: 160px; width: 300px; height: 55px;}

/*
.banner {width: 100%; background: url("/im/top/top_army2020_.jpg") no-repeat 50% 100% #580000; position: relative; color: #fff;}
.banner .hidden {display: block; position: absolute; bottom: 0; z-index: 5; text-align: center;}
.banner a {display: block; height: 100%; width: 100%;}
.banner .link { position: relative; z-index: 1;}

.banner .logo {position: absolute; left: 50%;}
.banner .name {position: absolute; width: 300px; text-align: right; font-size: 24px; line-height: 30px; left: 50%; margin-left: -345px; text-transform: uppercase; text-shadow: 1px 1px 10px #000;}
.banner .date {position: absolute; bottom: 15px; display: inline-block; text-align: center; font-size: 50px; line-height: 90px; width: 300px; left: 50%; margin-left: 160px; text-transform: uppercase; text-shadow: 1px 1px 10px #000;}
.banner .iconsarmy {position: absolute; left: 50%; margin-left: 67px;}

.banner .counter {position: absolute; bottom: 10px; left: 50%; margin-left: 280px; width: 300px; height: 55px;}
*/



.newsblockm .linkmore {
  font-size: 14px;
  border: 1px solid #be0000;;
  width: 170px;
  color: #fff;
  background: none;
  text-align: center;
  display: block;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
  position: absolute; bottom: -40px; left: 50%; margin-left: -85px;

   transform: translateZ(0);

   backface-visibility: hidden;

   transition-duration: 0.4s;

}
.newsblockm .linkmore:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

   transform: scaleY(0);

   transform-origin: 0 50%;

   transition-property: transform;

   transition-duration: 0.1s;

   transition-timing-function: ease-out;
}
.newsblockm .linkmore:hover:before, .newsblockm .linkmore:focus:before, .newsblockm .linkmore:active:before {

  transform: scaleY(1);
}
.newsblockm .linkmore:before {background: #be0000;}

.newsblockm .linkmore:hover, .newsblockm .linkmore:focus, .newsblockm .linkmore:active {color: #fff;}


.blockright {margin-top: 30px;}
.blockright img {max-width: 240px !important;}



.vacancylist {margin-left: 35px;}
.vacancylist .groupname {position: relative; height: 30px; padding: 0; margin-top: 20px;}
.vacancylist .groupname img {position: absolute; left: -35px; top: 5px; transition: all 0.1s linear;}
.vacancylist .anim img {transform: rotate(90deg);}
.vacancylist p {font-size: 80%;}
.vacancylist h4 {padding-bottom: 0;}


.main-slider video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    transform: translateX(-50%) translateY(-50%);
}

.mmediablockm .wrapper {
    animation: move linear 25s;
    animation-iteration-count: infinite;
}
@keyframes move {
    from {transform:translateX(0);}
    to   {transform:translateX(-50%);}
}
.mmediablockm .wrapper:hover {animation-play-state: paused;}


/* Infrasructure
-----------------------------------------------------------------------------*/

.infrablock {color: #fff; position: relative; overflow: hidden; height: 822px; background: url("/im/anim/infrastructura_new.jpg") no-repeat 50% 0 #a9001d;}
.infrablock .title {font-size: 36px; width: 600px; position: absolute; top: 70px; left: 50%; margin-left: -600px;}

.infrablock .toplink {z-index: 98;}

.infrablock iframe {z-index: 99; position: absolute; left: 50%; top: 50%; margin-left: -600px; width: 1200px; height: 0px; transition: all 0.5s ease-in-out;}
.infrablock iframe.show {height: 650px; margin-top: -275px;}
.infrablock .close {position: absolute; z-index: 100; top: 150px; left: 50%; margin-left: 501px; width: 100px; height: 25px; color: #fff; line-height: 25px; text-align: center; background: url("/im/anim/close.png") no-repeat 0 100% #9b0000; font-size: 12px; display: none;cursor: pointer;}
.infrablock .close.show {opacity: 1; cursor: pointer;}

.build {z-index: 89; position: absolute; top: 0px; left: 50%; margin-left: -960px;}
.area {opacity: 0; transition: all 0.5s ease-in-out;}
.area:hover {opacity: 1; cursor: pointer;}

.infra {width: 100%; height: 822px; position: absolute; top: 0; left: 0;}
.infrablock .wc-pict.show, .infrablock .cafe-pict.show, .infrablock .resto-pict.show {display: block !important;}

.infra-link {font-size: 12px; position: absolute; left: 200px; top: 275px; width: 350px; opacity: 0.9;}
.infra-link .link {padding: 5px 7px; display: inline-block; margin: 0 0 0 7px; text-transform: uppercase; color: #fff; background: rgba(0,0,0,0.2); transition: background 0.2s linear;}
.infra-link .link:hover {cursor: pointer; background: rgba(0,0,0,0.5);}
.infra-link .link.active {opacity: 0.6;}
.infra-link .link.active:hover {background: rgba(0,0,0,0.2) !important;}
.wc-pict {background: url("/im/anim/wc.png") no-repeat 50% 0; display: none;}
.cafe-pict {background: url("/im/anim/cafe.png") no-repeat 50% 0; display: none;}
.resto-pict {background: url("/im/anim/restoran.png") no-repeat 50% 0; display: none;}
.wc-off, .cafe-off, .resto-off {opacity: 0.5;}


.link-parking {top: 270px; left: 0px; padding: 5px 20px; border-left: 2px solid #fff; font-size: 18px; white-space: nowrap; text-decoration: none; display: inline-block; position: absolute; background: rgba(0,0,0,0.2); transition: background 0.2s linear;}
.link-parking:hover {background: rgba(0,0,0,0.5); cursor: pointer;}

.link-tour {color: #fff; text-decoration: none !important; top: 150px; left: 0; padding: 0 20px 0 70px; font-size: 18px; white-space: nowrap; text-decoration: none; display: inline-block; position: absolute; line-height: 50px; background: rgba(0,0,0,0.2); transition: background 0.2s linear; border-left: 2px solid #fff;}
.link-tour:hover {color: #fff; background: rgba(0,0,0,0.5); cursor: pointer;}
.link-tour span {display: block; position: absolute; top: 50%; margin-top: -16px; left: 10px; width: 49px; height: 32px; background: url("/im/anim/icon_tour.png") no-repeat 50% 50%;}

.infrablock .parking {width: 87px; height: 30px; position: absolute; right: 20px; top: 13px;}
.infrablock .parking {background: url("/im/anim/parking.png") no-repeat 0 0; animation: playparking .8s steps(4) infinite;}
@keyframes playcar { 100% { background-position: -348px;}}

.link-car:hover .parking {animation-play-state: paused;}

.infrablock .flag {width: 65px; height: 75px; position: absolute; top: 425px; left: 50%; margin-left: -4px; background: url("/im/anim/flag.png") left center; animation: playflag .8s steps(11) infinite;}
@keyframes playflag { 100% {background-position: -715px;}}

.infrablock .air {width: 139px; height: 65px; position: absolute; z-index: 90; left: 50%; margin-left: 960px; top: 530px; background: url("/im/anim/air.png") no-repeat 0 0; animation: playair 200s infinite linear;}
@keyframes playair {
100%{left:-1100px; top:520px}
}

.infrablock .helicopter {width: 101px; height: 45px; position: absolute; left: 50%; background: url("/im/anim/helicopter_white.png") no-repeat 0 0; animation: playcopter .9s steps(6) infinite;}
@keyframes playcopter { 
0% { background-position: 0px;}
100% { background-position: -606px;}
}
.infrablock .hc1 {margin-left: -145px; top: 650px;}
.infrablock .hc2 {margin-left: -415px; top: 660px;}
.infrablock .hc3 {margin-left: 305px; top: 650px;}

.overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-width: 1250px; max-width: 1920px; z-index:98; display:none; cursor: pointer; opacity:0.5; background: rgba(0,0,0,0.5);}


.infrablock .numbers {width: 800px; height: 130px; color: #fff; font-size: 14px; position: absolute; top: 75px; left: 50%; margin-left: 100px;}
.infrablock .numbers .num1, .infrablock .numbers .num2, .infrablock .numbers .num3, .infrablock .numbers .num4 {height: 45px; position: absolute;}
.infrablock .numbers .num1 {width: 430px; top: 0; left: 0;}
.infrablock .numbers .num2 {width: 330px; top: 60px; left: 0;}
.infrablock .numbers .num3 {width: 350px; top: 120px; left: 0;}
.infrablock .numbers .num4 {width: 300px; top: 180px; left: 0;}
.infrablock .numbers .line {position: absolute; top: 0; left: 95px; background: #ff0000; width: 1px; height: 40px;}
.infrablock .numbers .cifr {width: 85px; text-align: right; text-shadow: 1px 1px 1px #000;}
.infrablock .numbers .cifr span {font-size: 25px; display: block; line-height: 25px;}
.infrablock .numbers .text {position: absolute; top: 8px; left: 105px;}
.infrablock .numbers .name {float: left; display: inline-block;}
.infrablock .numbers .pict {float: left; width: 90px; height: 40px;}


.infrablock .numbers .num3 .pict {background: url("/im/top_icons_3.png") no-repeat 100% 7px transparent;}

.infrablock .tank, .infrablock .square, .infrablock .people, .infrablock .car {width: 87px; height: 30px; position: absolute; right: 0; bottom: 0;}
.infrablock .tank {background: url("/im/anim/tank.png") no-repeat 0 0; animation: playtank 1.8s steps(6) infinite;}
@keyframes playtank {100% { background-position: -522px;}}
.infrablock .square {background: url("/im/anim/square.png") no-repeat 0 0; animation: playsquare 3.8s steps(6) infinite;}
@keyframes playsquare {100% { background-position: -522px;}}
.infrablock .car {background: url("/im/anim/car.png") no-repeat 0 0; animation: playcar .8s steps(4) infinite;}
@keyframes playcar {100% { background-position: -348px;}}

.infrablock .num1:hover .tank, .infrablock .num2:hover .square, .infrablock .num4:hover .car {animation-play-state: paused;}



/* Infrasructure SCREEN
-----------------------------------------------------------------------------*/

@media screen and (max-width: 1280px) {
.infrablock, .infrablock .infra {height: 548px; background-size: cover;}
.infrablock .build {width: 1281px; height: 548px; position: absolute; left: 50%; margin-left: -640px; z-index: 2;}

.infrablock .title {top: 35px; margin-left: -570px;}
.infrablock .link-tour {left: 30px; top: 110px;} 
.infrablock .link-parking {left: 30px; top: 190px;}
.infrablock .infra-link {left: 230px; top: 192px;}

.infrablock .flag {width: 43px !important; height: 50px !important; position: absolute; top: 285px; left: 50%; margin-left: -3px; background-image: url("/im/anim/flag_1280px.png"); animation: playflag .8s steps(11) infinite;}
@keyframes playflag { 
     0% {background-position: 0px;}
   100% {background-position: -473px;}
}

.infrablock .helicopter {width: 67px; height: 30px; position: absolute; left: 50%; background: url("/im/anim/helicopter_white_1280px.png") no-repeat 0 0; animation: playcopter .9s steps(6) infinite;}
@keyframes playcopter { 
     0% { background-position: 0px;}
   100% { background-position: -402px;}
}


.infrablock .hc1 {margin-left: -98px; top: 435px;}
.infrablock .hc2 {margin-left: -275px; top: 440px;}
.infrablock .hc3 {margin-left: 205px; top: 435px;}


.infrablock .numbers {font-size: 13px; top: 40px;}
.infrablock .numbers .num1, .infrablock .numbers .num2, .infrablock .numbers .num3, .infrablock .numbers .num4 {height: 35px;}
.infrablock .numbers .num1 {top: 0;}
.infrablock .numbers .num2 {top: 48px;}
.infrablock .numbers .num3 {top: 96px;}
.infrablock .numbers .num4 {top: 144px;}
.infrablock .numbers .line {height: 35px;}
.infrablock .numbers .cifr span {font-size: 23px; line-height: 21px;}
.infrablock .numbers .text {top: 6px;}
.infrablock .numbers .pict {margin-top: -3px;}

.infrablock iframe {margin-left: -499px; width: 997px;}
.infrablock iframe.show {width: 997px; height: 540px; margin-top: -272px;}
.infrablock .close { margin-left: 400px; top: 15px;}
}