@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
* {margin:0; padding:0; max-height: 9001em;}
img {border:none;}
html {  -webkit-text-size-adjust: none;
      -ms-text-size-adjust: none;
}
html, body { height:100%;}

h1 {}
p { padding:0 0 10px;}
a {color:#fff;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
a:hover { text-decoration:none;color:#22b573;}
.over {float:left; width:100%; min-height:100%; z-index:1; overflow:hidden; position:relative;}
.f-clear {clear:both;width:100%; height:260px;}

input::-webkit-input-placeholder {
	opacity:1 !important;
	color:inherit;
}

input:-moz-placeholder { /* Firefox 18- */
  opacity:1 !important; color:inherit; 
}

input::-moz-placeholder {  /* Firefox 19+ */
   opacity:1 !important; color:inherit;
}

input:-ms-input-placeholder {  
   opacity:1 !important;  color:inherit;
}
textarea::-webkit-input-placeholder {
	opacity:1 !important;color:inherit;
}

textarea:-moz-placeholder { /* Firefox 18- */
  opacity:1 !important;  color:inherit;
}

textarea::-moz-placeholder {  /* Firefox 19+ */
   opacity:1 !important; color:inherit;
}

textarea:-ms-input-placeholder {  
   opacity:1 !important;  color:inherit;
}

.clearfix {
  *zoom: 1; }
  .clearfix:before {
    content: " ";
    display: table; }
  .clearfix:after {
    content: " ";
    display: table;
    clear: both; }

input[type='submit']::-moz-focus-inner, button::-moz-focus-inner { 
	padding:0;
	border:0;
	}

input, textarea {font-family:arial, "Trebuchet MS";}

span.v1 {display: table; #display:block; float:left; #position: relative; height:auto; overflow: hidden;}
span.v2 {#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;}
span.v3 {#position: relative; #top: -50%;}
strong, b { font-weight:bold;}
i, em {font-style:italic;}
table p {padding:0 !important;}
body {   -webkit-font-smoothing:antialiased;   font-family: 'Lato', sans-serif; line-height:1.2;color:#fff; font-size:15px;
}
.body-bg {background-size:cover;background:url(../img/bg_cosmos.jpg) 50% 50% no-repeat fixed #000; position:fixed;top:0; left:0;width:100%; height:100%;}
.blur-active .body-bg, .blur-active .over {filter: blur(4px); 
-webkit-filter: blur(4px); 
-moz-filter: blur(4px);
-o-filter: blur(4px); -ms-filter: blur(4px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');
-webkit-backdrop-filter: blur(4px);
}

.all { margin:0 auto;}




header { position:fixed; width:100%;top:0; left:0; z-index:3; padding:22px 0 0;}
header.header2 {background:rgba(0,0,0,.6); padding-bottom:22px;}
.logo { display:block; background:url(../img/new-logo.svg) 0 0 no-repeat; z-index:5; width:205px; height:26px; position:absolute;top:22px; left:88px;}
header .right {float:right; margin-right:60px; font-size:12px; margin-top:4px; font-weight:bold; text-align:right; text-transform:uppercase;}
header .right .main-menu { text-align:right; display:inline-block; vertical-align:top;}
header .right .main-menu ul {}
header .right .main-menu ul li { display:inline-block; vertical-align:middle; margin-left:37px;}
header .right .main-menu ul li .m-spock { height:14px; position:relative;top:2px; background:url(../img/logo_spock.svg) 50% 0 no-repeat; width:47px; background-size:auto 100%; display:block;}
header .right .main-menu ul li .m-spock:hover, header .right .main-menu ul li .m-spock.active {background:url(../img/logo-spock_.svg) 50% 0 no-repeat; width:47px; background-size:auto 100%;}
header .right .main-menu ul li a {color:#fff; text-decoration:none;}
header .right .main-menu ul li a:hover {color:#22b573;}
header .right .ico-map { display:block;float:right; margin-left:11px; margin-right:-6px; position:relative;top:1px; background:url(../img/share5.svg) 0 0 no-repeat; width:12px; height:17px; vertical-align:middle;}
header .right .ico-map:hover {background:url(../img/share3.svg) 0 0 no-repeat}
header .right .soc { vertical-align:middle; height:20px; display:inline-block;  position:relative;top:0px;}
header .right .soc a { display:block;float:right; margin-left:8px; vertical-align:top;}
header .right .soc a.ssoc { opacity:0; display:none;}
header .right .soc img {width:16px; height:16px;}
.b-def-menu { position:fixed;top:0; left:0; z-index:3;}
.b-def-menu .ico-menu { background:url(../img/buter_poster_u2725.png) 50% 50% no-repeat; z-index:4; cursor:pointer; width:22px; height:16px; display:block; position:absolute;top:23px; left:18px;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;

}    	
.b-def-menu .ico-menu.active { background:url(../img/back_poster_u3575.png) 50% 50% no-repeat;}    	
.b-def-menu .list-menu {background:rgba(0,0,0,.6); padding-right:10px; display:none; position:fixed; padding-left:30px;top:0; left:0px; width:316px; box-sizing:border-box; padding-left:87px; padding-top:101px; height:100%;}	
.b-def-menu .list-menu .title { letter-spacing:4.4px; margin-bottom:6px;color:#22b573; font-size:20px; text-transform:uppercase; font-weight:300;}
.b-def-menu .list-menu ul { margin-bottom:41px;}
.b-def-menu .list-menu ul li { font-size:15px; margin-bottom:7px;}
.b-def-menu .list-menu ul .arr {     background:url("../img/rectangle.svg") no-repeat 0 7px;
    left: -22px;
    padding-left: 22px;
    position: relative;
	display:block;
}
.b-def-menu .jscroll { height:100%; padding:0 0 0 30px; position:relative; left:-30px; min-height:600px;}
.b-def-menu .list-menu ul li a { text-decoration:none;}
.b-def-menu .list-menu ul li ul { margin-top:10px; display:none;}
.b-def-menu .list-menu ul li ul li {}
.b-def-menu .list-menu ul li ul li a { text-decoration:none;}
.b-def-menu .list-menu ul li ul li a.lvl-m { position:relative; padding-left:20px;}
.b-def-menu .list-menu ul li ul li a.lvl-m:before {content:""; border-left:2px solid #fff; width:1px; position:absolute;top:5px; left:5px; height:12px;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;

}
.b-def-menu .list-menu ul li ul li a.lvl-m:after {content:"";  border-top:2px solid #fff; width:12px; height:1px; position:absolute;top:10px; left:0px;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.b-def-menu .list-menu ul li ul li a.lvl-m.active2:before {content:""; display:none;}
.b-def-menu .list-menu ul li ul li ul { display:none; margin-bottom:15px; margin-left:20px;}
.b-def-menu .list-menu ul li ul li ul li {  opacity:.7;}

.left-menu { position:fixed;top:0; left:0; width:62px; height:100%; z-index:2; background:rgba(0,0,0,.6);}
.left-menu ul { margin-top:59px;}
.left-menu li { position:relative;}
.left-menu .ico { display:block; width:60px; height:60px;}
.left-menu .ico1 { color:#52cc83; background:url(../img/m1.svg) 50% 50% no-repeat;}
.left-menu .ico2 { color:#4957d2; background:url(../img/m2.svg) 50% 50% no-repeat;}
.left-menu .ico3 { color:#a7d5c8; background:url(../img/m3.svg) 50% 50% no-repeat;}
.left-menu .mm1 { color:#52cc83;}
.left-menu .mm2 { color:#4957d2;}
.left-menu .mm3 { color:#a7d5c8; }
.left-menu .ico4 { background:url(../img/m4.svg) 50% 50% no-repeat;}
.left-menu .ico5 { background:url(../img/m5.svg) 50% 50% no-repeat;}
.left-menu .ico6 { background:url(../img/m6.svg) 50% 50% no-repeat;}
.left-menu .ico7 { background:url(../img/m7.svg) 50% 50% no-repeat;}
.left-menu .ico8 { background:url(../img/m8.svg) 50% 50% no-repeat;}
.left-menu .ico9 { background:url(../img/m9.svg) 50% 50% no-repeat;}
.left-menu .ico10 { background:url(../img/m10.svg) 50% 50% no-repeat;}
.left-menu .ico11 { background:url(../img/m11.svg) 50% 50% no-repeat;}
.left-menu .ico12 { background:url(../img/m12.svg) 50% 50% no-repeat;}

.left-menu li:hover .ico1 { color:#52cc83; background:url(../img/mm1_.png) #52cd83 50% 50% no-repeat;}
.left-menu li:hover .ico2 { color:#4957d2; background:url(../img/mm2_.png) #4957d2 50% 50% no-repeat;}
.left-menu li:hover .ico3 { color:#a7d5c8; background:url(../img/mm3_.png) #a7d5c8 50% 50% no-repeat;}
.left-menu li:hover .ico4 { background:url(../img/mm4_.png) #d5d2b1 50% 50% no-repeat;}
.left-menu li:hover .ico5 { background:url(../img/mm5_.png) #d7a239 50% 50% no-repeat;}
.left-menu li:hover .ico6 { background:url(../img/mm6_.png) #6e51c4 50% 50% no-repeat;}
.left-menu li:hover .ico7 { background:url(../img/mm7_.png) #fbdf38 50% 50% no-repeat;}
.left-menu li:hover .ico8 { background:url(../img/mm8_.png) #e86038 50% 50% no-repeat;}
.left-menu li:hover .ico9 { background:url(../img/mm9_.png) #c552ce 50% 50% no-repeat;}
.left-menu li:hover .ico10 { background:url(../img/mm10_.png) #d7444f 50% 50% no-repeat;}
.left-menu li:hover .ico11 { background:url(../img/mm11_.png) #52cc83 50% 50% no-repeat;}
.left-menu li:hover .ico12 { background:url(../img/mm12_.png) #303030 50% 50% no-repeat;}

.left-menu li .submenu { position:absolute;top:-999em; left:100%; background:rgba(0, 0, 0, 0.6); width:260px; padding:20px 0 20px 20px;}
.left-menu li:hover .submenu {top:0;}
.left-menu li .submenu .title {color:inherit; text-transform:uppercase; margin-bottom:10px; font-size:18px; font-weight:300;}
.left-menu li .submenu .text { opacity:0.7; font-size:12px; margin-bottom:20px; color:#fff;}
.left-menu li .submenu .name { vertical-align:middle; display:inline-block; opacity:0.7; color:#fff; width:165px; font-size:12px;}
.left-menu li .submenu .icon2{ position:relative; text-align:right; vertical-align:middle; display:inline-block; margin-right:10px;width:62px;}
.left-menu li .submenu .row-m { margin-bottom:20px; }
.left-menu li .submenu .row-m img { height:56px;}
.left-menu li .submenu .icon2 span { position:absolute;top:0; left:3px;width:100%; text-align:center; font-size:20px; font-weight:300; line-height:56px;}
.left-menu li .submenu .seel { font-weight:500; color:inherit; text-decoration:none; padding:20px 0 0; text-align:center; margin-top:0;}
.left-menu li .submenu .seel a {color:inherit; text-decoration:none;}
.left-menu li.mm1 .submenu  .seel {border-top:1px solid #52cc83; margin-left:-20px; padding-right:20px;}
.left-menu li.mm2 .submenu  .seel {border-top:1px solid #4957d2;margin-left:-20px; padding-right:20px;}
.left-menu li.mm3 .submenu  .seel {border-top:1px solid #a7d5c8; margin-left:-20px; padding-right:20px;}
.left-menu li .submenu .seel:hover { opacity:0.7;border-top:1px solid #fff;}
.left-menu li .submenu .seel:hover a {color:#fff;}
.center-diagramm { background:url(../img/graf-bg1.svg) 50% 50% no-repeat; position:absolute; width:583px; height:583px; top:50%; left:50%; margin:-291.5px 0 0 -291.5px;}
.center-diagramm img {width:744px; }
	
#section-main  { position:relative; min-height:768px; height:100%; position:absolute;top:0; left:0;width:100%;}
#section-main h1 { position:absolute; font-weight:300; font-size:50px; text-align:center; width:440px; text-align:center;bottom:30px; left:50%; margin-left:-220px;}
#section-main .moon {background:url(../img/moon_big.svg) 0 0 no-repeat; width:63px; height:55px; background-size:cover; position:absolute; z-index:2;top:0px; left:160px;}
#section-main .mars {background:url(../img/mars_big.svg) 0 0 no-repeat; width:101px; height:87px; background-size:cover; position:absolute; z-index:2;bottom:-26px; right:-185px;}
#section-main .asteroid { background:url(../img/asteroids.svg) 0 0 no-repeat; width:273px; height:394px; background-size:cover; position:absolute; z-index:2;bottom:-30px; right:-170px;}
#section-main .slide-diagramm { position:absolute; height:300px;top:50%; right:45px; margin-top:-150px; padding:0 1px;}
#section-main .slide-diagramm .num1 {font-size:14px; font-weight:bold;color:#fff; text-align:center; width:50px; position:absolute;bottom:100%; margin-bottom:10px; left:50%; margin-left:-25px;}
#section-main .slide-diagramm .num2 { font-size:14px; font-weight:bold;color:#f9bb57; text-align:center; width:50px; position:absolute;top:100%; margin-top:10px; left:50%; margin-left:-25px;}
#section-main .slide-diagramm .tool {
	position:absolute;
	top:0;
	right:100%;
	margin-right:10px;
opacity: 0.5;
color:#fff;
font-size: 14px;
font-weight: 700;
line-height: 20px;}


#section1 { position:relative;}
#section1 .logo-spock { position:absolute;top:140px; left:50%; width:200px; margin-left:-100px; text-align:center;}
#section1 .logo-spock img {}
#section1 .sector12 { width:140px; position:absolute;top:50%; left:50%; line-height:1; margin:-70px 0 0 -70px; height:140px; text-align:center;color:#fff; font-size:120px; font-weight:100;}
#section1 .sector12 span { font-size:20px; font-weight:bold; display:block;}
#section1 .fixed-menu { position:absolute;top:50%; width:970px; margin:-30px 0 0 -485px; height:60px; left:50%;}
#section1 ul {}
#section1 ul li{ position:relative;float:left; margin-right:5px; width:60px; height:60px; }
#section1 ul li a { opacity:0; display:block; width:60px; height:60px; background-position:50% 50%; background-repeat:no-repeat;}
#section1 ul li span {opacity:0; display:block; width:60px; height:60px; background-position:50% 50%; background-repeat:no-repeat;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;

}
#section1 ul li.active span {
  transition: all 1.3s ease;
  -o-transition: all 1.3s ease;
  -moz-transition: all 1.3s ease;
  -webkit-transition: all 1.3s ease;
  -moz-transition: all 1.3s ease;
	}
#section1 ul li.active a { background:none;}	
#section1 ul li a.no-bg { background:none;}	
#section1 ul li+li+li+li+li+li+li { margin-left:190px;}
#section1 ul li+li+li+li+li+li+li+li { margin-left:0;}
#section1 .mm1 { background-image:url(../img/mm1.png);}
#section1 .mm2 {background-image:url(../img/mm2.png);}
#section1 .mm3 {background-image:url(../img/mm3.png);}
#section1 .mm4 {background-image:url(../img/mm4.png);}
#section1 .mm5 {background-image:url(../img/mm5.png);}
#section1 .mm6 {background-image:url(../img/mm6.png);}
#section1 .mm7 {background-image:url(../img/mm7.png);}
#section1 .mm8 {background-image:url(../img/mm8.png);}
#section1 .mm9 {background-image:url(../img/mm9.png);}
#section1 .mm10 {background-image:url(../img/mm10.png);}
#section1 .mm11 {background-image:url(../img/mm11.png);}
#section1 .mm12 {background-image:url(../img/mm12.png);}

#section1 li .mm1.active span.ico {background-image:url(../img/mm1_.png);}
#section1 li .mm2.active span.ico{background-image:url(../img/mm2_.png);}
#section1 li .mm3.active span.ico{background-image:url(../img/mm3_.png);}
#section1 li .mm4.active span.ico{background-image:url(../img/mm4_.png);}
#section1 li .mm5.active span.ico{background-image:url(../img/mm5_.png);}
#section1 li .mm6.active span.ico{background-image:url(../img/mm6_.png);}
#section1 li .mm7.active span.ico{background-image:url(../img/mm7_.png);}
#section1 li .mm8.active span.ico{background-image:url(../img/mm8_.png);}
#section1 li .mm9.active span.ico{background-image:url(../img/mm9_.png);}
#section1 li .mm10.active span.ico{background-image:url(../img/mm10_.png);}
#section1 li .mm11.active span.ico{background-image:url(../img/mm11_.png);}
#section1 li .mm12.active span.ico{background-image:url(../img/mm12_.png);}


/*
#section1 li .mm1:hover span { background-image:url(../img/mm1.png) !important;}
#section1 li .mm2:hover span{background-image:url(../img/mm2.png) !important;}
#section1 li .mm3:hover span{background-image:url(../img/mm3.png) !important;}
#section1 li .mm4:hover span{background-image:url(../img/mm4.png) !important;}
#section1 li .mm5:hover span{background-image:url(../img/mm5.png) !important;}
#section1 li .mm6:hover span {background-image:url(../img/mm6.png) !important;}
#section1 li .mm7:hover span{background-image:url(../img/mm7.png) !important;}
#section1 li .mm8:hover span{background-image:url(../img/mm8.png) !important;}
 #section1 li .mm9:hover span {background-image:url(../img/mm9.png) !important;} 
#section1 li .mm10:hover span{background-image:url(../img/mm10.png) !important;}
#section1 li .mm11:hover span{background-image:url(../img/mm11.png) !important;}
#section1 li .mm12:hover span{background-image:url(../img/mm12.png) !important;}
*/
#section1 li .list-year {  position:absolute; display:none;  width:60px; height:340px; left:0; top:50%; margin-top:-170px; font-size:14px;  text-align:center;color:#fff;
}
#section1 li:hover .list-year { display:block;}
#section1 li .list-year .bg-m {background-size:60px auto !important;}
#section1 li.lm1 .list-year .bg-m { height:0px; width:60px; background-size:60px auto; position:absolute;left:0;top:50%; margin-top:0px; background:url(../img/mg1.png) 50% 50% no-repeat;}
#section1 li.lm2 .list-year .bg-m { height:0px; width:60px;background-size:60px auto; position:absolute;left:0;top:50%; margin-top:0px; background:url(../img/mg2.png) 50% 50% no-repeat;
}
#section1 li.lm3 .list-year .bg-m { height:0px; width:60px;background-size:60px auto; position:absolute;left:0;top:50%; margin-top:0px; background:url(../img/mg3.png) 50% 50% no-repeat;
}
#section1 li.lm4 .list-year .bg-m { height:0px; width:60px;background-size:60px auto; position:absolute;left:0;top:50%; margin-top:0px; background:url(../img/mg4.png) 50% 50% no-repeat;
}
#section1 li.lm5 .list-year .bg-m { height:0px; width:60px;background-size:60px auto; position:absolute;left:0;top:50%; margin-top:0px; background:url(../img/mg5.png) 50% 50% no-repeat;
}
#section1 li.lm6 .list-year .bg-m { height:0px; width:60px; position:absolute;left:0;top:50%; margin-top:0px; background:url(../img/mg6.png) 50% 50% no-repeat;
}
#section1 li.lm7 .list-year .bg-m { height:0px; width:60px; position:absolute;left:0;top:50%; margin-top:0px; background:url(../img/mg7.png) 50% 50% no-repeat;
}
#section1 li.lm8 .list-year .bg-m { height:0px; width:60px; position:absolute;left:0;top:50%; margin-top:0px; background:url(../img/mg8.png) 50% 50% no-repeat;
}
#section1 li.lm9 .list-year .bg-m { height:0px; width:60px; position:absolute;left:0;top:50%; margin-top:0px; background:url(../img/mg9.png) 50% 50% no-repeat;
}
#section1 li.lm10 .list-year .bg-m { height:0px; width:60px; position:absolute;left:0;top:50%; margin-top:0px; background:url(../img/mg10.png) 50% 50% no-repeat;
}
#section1 li.lm11 .list-year .bg-m { height:0px; width:60px; position:absolute;left:0;top:50%; margin-top:0px; background:url(../img/mg11.png) 50% 50% no-repeat;
}
#section1 li.lm12 .list-year .bg-m { height:0px; width:60px; position:absolute;left:0;top:50%; margin-top:0px; background:url(../img/mg12.png) 50% 50% no-repeat;
}
#section1 li .list-year li { display:block; position:absolute;top:50%; left:0;width:100%; margin-top:-5px; opacity:0.6; color:#fff; font-weight:500;padding:0; height:auto;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;

}
#section1 li .list-year li.ly1 { }
#section1 li .list-year li.ly4 {opacity:0.35;}
#section1 li .list-year li.ly5 {  opacity:0.25;}
#section1 li .list-year li.ly2 { }
#section1 li .list-year li.ly3 { opacity:0.35;}
#section1 li .list-year li.ly6 { opacity:0.25;}


#section1 li a { position:relative; z-index:2;}
#section1 .mouse { width:59px; position:absolute;bottom:40px; left:50%; margin-left:-30px;}
#section1 .mouse img { width:59px;}

#section2 { position:relative;}
#section2 .line { position:absolute;top:50%; margin:-202px 0 0 -97.5px; left:50%;width:195px; height:0;  background-image:url(../img/line2.png);background-position:0 0; background-repeat:no-repeat;

}
#section2.active .line { animation: line 2s linear;-webkit-animation: line 2s linear; height:404px;}

#section2 .fade-line {position:absolute;top:0px; left:50%;width:500px; font-size:120px;color:#fff; font-weight:100; margin-left:-250px; }
#section2 .numbers { position:absolute;top:120px; font-size:20px; left:50%;width:700px; color:#fff; font-weight:100; margin-left:-350px; }
#section2 .numbers .num1 { position:absolute;top:0; left:0px;  padding-right:40px; width:320px;  overflow:hidden;}
#section2 .numbers .num2 { position:absolute;top:0; right:-30px; padding-left:50px;width:320px;  overflow:hidden;}

#section2 .numbers .num1 strong {text-indent:1000px; font-size:120px;  font-weight:100; display:block;}
#section2 .numbers .num2 strong{text-indent:-1000px;font-size:120px; font-weight:100; display:block;}
#section2.active .numbers .num1 strong#bb-num1 { text-indent:0px;animation: num1 2s linear;-webkit-animation: num1 2s linear; }
#section2.active .numbers .num2 strong#bb-num2{ text-indent:0px;animation: num2 2s linear;-webkit-animation: num2 2s linear; }
#section2.active .numbers .num1 span, #section2.active .numbers .num2 span { opacity:1;animation: tnum 4s linear;-webkit-animation: tnum 4s linear;display:block;text-align:center; font-size:20px; font-weight:bold;}
#section2.active .numbers .num2 span { margin-right:105px;}
.screen1 #menu-pag  {bottom:120px;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;

}
#menu-pag { position:fixed;bottom:50px; margin-left:-5px; left:50%;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;

}
#menu-pag li a { display:block; margin:12px auto 0; width:10px; height:10px; border-radius:100%;border:1px solid #fff;}
#menu-pag li.active a { background:#fff;}

.logos { position:absolute;top:70px; display:none; left:80px;right:80px;bottom:70px;}
.logos .row-up {bottom:50%; margin-bottom:120px; position:absolute; width:100%; left:0; text-align:center;}
.logos .row-up a { display:inline-block; vertical-align:middle; margin:20px 2%; width:15%; text-align:center;}
.logos img { max-width:100%; opacity:0.18;}
.logos .row-down {top:50%; margin-top:150px; position:absolute; width:100%; left:0; text-align:center;}
.logos .row-down a { display:inline-block; vertical-align:middle; margin:20px 2%; width:45%; text-align:left;}
.logos .row-down .col1 {width:40%; position:absolute;top:0; left:6%;}
.logos .row-down .col2 {width:40%; position:absolute;top:0; right:6%;}
.logos .row-down .col2  a { text-align:right;}

.logos .row-up a img { opacity:.18;}
/* .logos .row-up d) img.part {animation: logos 3s linear infinite; animation-delay: 3s; opacity:1;} */



#section3 { position:relative; font-size:15px;color:#fff;}
#section3 h1 { width:730px; text-align:center; margin:0 auto; position:relative;top:-200px; opacity:0; font-size:20px;color:#fff; font-weight:bold;}
#section3 .face-center { height:600px; width:830px; position:absolute;top:50%; left:50%; margin:-300px 0 0 -415px;}
#section3 .face { height:0px; width:210px; background:url(../img/face2_.png) 100% 0% no-repeat;  position:absolute;top:20px; left:50%; margin-left:-125px;}
#section3 .face2 { height:600px; width:0px;background:url(../img/face1_.png) 100% 0% no-repeat; float:right; }
#section3 .text1 {float:left; opacity:0; margin:250px 0 0; width:280px;}
#section3 .text2 {float:right; opacity:0; margin:250px 0 0;width:280px;}
#section3 .title { font-size:40px; margin-bottom:9px; text-transform:uppercase; font-weight:100;}
#section3 p { padding-bottom:20px;}

#section3.active h1 {top:138px; opacity:1; animation:h1 6s linear; -webkit-animation:h1 6s linear;}
#section3.active .face {animation:face1 4s linear; -webkit-animation:face1 4s linear; height:600px;}
#section3.active .face2 {width:230px; animation:face2 9s linear; -webkit-animation:face2 9s linear;}
#section3.active .text1, #section3.active .text2 { opacity:1; -webkit-animation:face-text 7s linear; animation:face-text 7s linear;}



#pop-subscribe { display:none; color:#fff; background:rgba(0,0,0,.6); z-index:10; padding:25px; width:329px; position:fixed;top:50%; left:50%; margin:-183px 0 0 -190px;}
.popup .close { display:block; cursor:pointer; position:absolute;top:0px;right:-40px; background:url(../img/close.png) 0 0 no-repeat; width:18px; height:18px; display:block;
  transition: all 1.3s ease;
  -o-transition: all 1.3s ease;
  -moz-transition: all 1.3s ease;
  -webkit-transition: all 1.3s ease;
  -moz-transition: all 1.3s ease;

}
.popup .close:hover {background:url(../img/close2.png) 0 0 no-repeat;
  transition: all 1.3s ease;
  -o-transition: all 1.3s ease;
  -moz-transition: all 1.3s ease;
  -webkit-transition: all 1.3s ease;
  -moz-transition: all 1.3s ease;

}
#pop-subscribe .title {font-size:40px;  padding:0; margin-bottom:13px; font-weight:300;}
#pop-subscribe .text { font-size:15px; line-height:1.3; margin-bottom:23px;}

/*
#pop-subscribe .btn-sign { display:block; line-height:78px; text-align:center;color:#fff; text-decoration:none; font-size:20px; font-weight:bold; background:url(../img/button-a.png) 0 0 no-repeat; width:319px; height:80px;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;

}
#pop-subscribe .btn-sign:hover {background:url(../img/button-a2.png) 0 0 no-repeat;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;

}
*/
#pop-subscribe .btn-sign { position:relative; display:block; line-height:78px; text-align:center;color:#fff; text-decoration:none; font-size:20px; font-weight:bold; width:319px; height:80px;

 border:1px solid #fff; 
}
#pop-subscribe .btn-sign, #pop-subscribe .btn-sign:after, #pop-subscribe .btn-sign:before, #pop-subscribe .btn-sign:hover:after, #pop-subscribe .btn-sign:hover:before {
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}
/*
#pop-subscribe .btn-sign:after {content: ""; position:absolute;top:-1px; left:0; width:100%; height:1px;
background: #57cb85; 
background: -moz-linear-gradient(left,  #57cb85 0%, #ffffff 100%); 
background: -webkit-linear-gradient(left,  #57cb85 0%,#ffffff 100%); 
background: linear-gradient(to right,  #57cb85 0%,#ffffff 100%); 

}

#pop-subscribe .btn-sign:before {content: ""; position:absolute;bottom:-1px; left:0; width:100%; height:1px;
background: #57cb85;
background: -moz-linear-gradient(left,  #57cb85 0%, #ffffff 100%); 
background: -webkit-linear-gradient(left,  #57cb85 0%,#ffffff 100%); 
background: linear-gradient(to right,  #57cb85 0%,#ffffff 100%);

}
*/
#pop-subscribe .btn-sign:hover {border:1px solid #57cb85;}
#pop-subscribe .btn-sign:hover:after, #pop-subscribe .btn-sign:hover:before {background:none;}

#pop-login {width:748px;
display:none;
padding:0px;
 position:fixed;top:50%; left:50%; margin-left:-475px; z-index:4;margin-top:-245px;
background-color: rgba(0, 0, 0, 0.5);}

#pop-earth { 
display:none;
padding:0px;
width:100%;
 position:fixed;
 top:0px;
 padding-top:70px;
 margin:0 auto;
z-index:4;
height:100%;
background-color: rgba(0, 0, 0, 0.5);}
#pop-earth .close { left:50%; right:auto;top:30px; margin-top:0;}
#pop-earth iframe { display:block; margin:0 auto !important;width:90% !important; max-width:673px !important;
height:500px;}

#pop-login .title {
color:#fff;
font-size: 40px;
font-weight: 300;
line-height: 48px;
margin-bottom:10px;
}
#pop-login .row { display:block; text-decoration:none; padding:40px;}
#pop-login .row:hover {background-color: rgba(0, 0, 0, 0.6);}
#pop-login span {color:#fff; display:block;} 
#pop-login .line-green-fff { position:relative;width:100%; height:2px;}
.line-green-fff {-webkit-animation:line-green-fff 5s ease; animation:line-green-fff 5s ease; background:#57cb85;}
.bord-bottom-green-fff {-webkit-animation:bord-bottom-green-fff 5s ease; border-bottom:2px solid #57cb85; animation:bord-bottom-green-fff 5s ease;}

.container {}
.all { width:731px; line-height:1.3; margin:137px auto 0;}
.container-width { width:731px; margin:93px auto 0;}
.about h2 { font-size:40px; position:relative; padding-bottom:10px; margin-bottom:28px; font-weight:300;}
/* .about h2:before {content: ""; position:absolute;bottom:-1px; left:0; width:100%; height:2px;
background: #57cb85; 
background: -moz-linear-gradient(left,  #57cb85 0%, #ffffff 100%); 
background: -webkit-linear-gradient(left,  #57cb85 0%,#ffffff 100%); 
background: linear-gradient(to right,  #57cb85 0%,#ffffff 100%);

}*/

.about2 {}
.about h2 span { font-size:15px; font-weight:bold; display:block;}
.about .b-row2 { margin-bottom:65px;}
.about .b-row2 .col {float:left; width:333px;}
.about .b-row2 .col+.col {float:right;}
.about .title-spock { margin-top:110px; margin-bottom:50px; text-align:center;}
.about .title-spock img {width:190px;}
.about .three-num { position:relative; height:330px;}
.about .three-num .line1 { background:url(../img/grren-line.png) 0 0 no-repeat;top:0; left:100px; width:140px; height:290px; position:absolute;}
.about .three-num .line2 { background:url(../img/grren-line.png) 0 0 no-repeat;top:0; left:457px; width:140px; height:290px; position:absolute;}
.about .three-num .num { text-align:center; line-height:1; overflow:hidden; position:relative;}
.about .three-num .num strong { display:block; font-size:90px; font-weight:100;}
.about .three-num .num span { font-size:20px; display:block;}
.about .three-num .num1 .block { width:110px; text-align:center; }
.about .three-num .num2 .block { width:240px; text-align:center;}
.about .three-num .num3 .block { width:165px; text-align:center;float:right;}
.about .three-num .num1 { position:absolute;top:80px; right:580px; width:0px;}
.about .three-num .num2 { position:absolute;top:80px; left:155px; width:0px;}
.about .three-num .num3 { position:absolute;top:80px; left:540px; width:0px;}
.about .three-num.active-w .num1 { animation:th-num1 5s linear; -webkit-animation:th-num1 5s linear; width:150px;}
.about .three-num.active-w .num2 { animation:th-num2 5s linear; -webkit-animation:th-num2 5s linear; left:230px; width:360px;}
.about .three-num.active-w .num3 { animation:th-num3 5s linear; -webkit-animation:th-num3 5s linear; width:200px;}


.about2 { position:relative; height:620px;}
.about2 h1 { width:730px; text-align:center; margin:0 auto; position:relative;top:0px; opacity:0; font-size:20px;color:#fff; font-weight:bold;}
.about2 .face-center { height:600px; width:830px; position:absolute;top:50%; left:50%; margin:-300px 0 0 -415px;}
.about2 .face { height:0px; width:210px; background:url(../img/face1_2.png) 100% 0% no-repeat;  position:absolute;top:20px; left:50%; margin-left:-125px;}
.about2 .face2 { height:600px; width:0px;background:url(../img/face1_3.png) 100% 0% no-repeat; float:right; }
.about2 .text1 {float:left; opacity:0; margin:200px 0 0; width:280px;}
.about2 .text2 {float:right; opacity:0; margin:200px 0 0;width:280px;}
.about2 .title { font-size:40px; margin-bottom:9px; text-transform:uppercase; font-weight:100;}
.about2 p { padding-bottom:20px;}

.about2.active-w h1 {top:0px; opacity:1; animation:h1_2 6s linear; -webkit-animation:h1_2 6s linear;}
.about2.active-w .face {animation:face1 4s linear; -webkit-animation:face1 4s linear; height:600px;}
.about2.active-w .face2 {width:230px; animation:face2 9s linear; -webkit-animation:face2 9s linear;}
.about2.active-w .text1, .about2.active-w .text2 { opacity:1;  -webkit-animation:face-text 7s linear; animation:face-text 7s linear;}


.about .title-psih { font-size:40px; text-align:center; font-weight:300; text-transform:uppercase; margin-bottom:50px;}
.about .list-psih { margin:0 -35px 0 -33px; line-height:1.3;}
.about .list-psih .block { margin:0 33px 75px; width:330px; display:inline-block; vertical-align:top;}
.about .list-psih .img { height:75px; padding-right:1px; position:relative;}
.about .list-psih .img img { max-height:75px; position:absolute;bottom:0; left:0;}
.about .list-psih .title { font-size:20px; font-weight:bold; padding:25px 0 10px;}


.about .title-team {font-size:40px; text-align:center; font-weight:300; text-transform:uppercase; margin-bottom:50px;}
.about .list-team { margin:0 -15px 120px -5px;}
.about .list-team .block { width:174.5px; position:relative; background:#1f263c; height:210px;float:left; margin:0 5px 10px;}
.about .list-team .block .img {}
.about .list-team .block .name { font-size:20px; line-height:1.1; margin-bottom:5px; font-weight:bold; position:relative; z-index:2;}
.about .list-team .block .desc { position:relative; font-size:12px; font-style:italic; font-weight:300; z-index:2;}
.about .list-team .block .shadow { position:absolute;bottom:0; left:0;width:100%; height:100%; z-index:1;

background: -moz-linear-gradient(top,  rgba(26,26,38,0) 1%, rgba(26,26,38,0) 20%, rgba(26,26,38,1) 92%, rgba(26,26,38,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(26,26,38,0) 1%,rgba(26,26,38,0) 20%,rgba(26,26,38,1) 92%,rgba(26,26,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(26,26,38,0) 1%,rgba(26,26,38,0) 20%,rgba(26,26,38,1) 92%,rgba(26,26,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.about .list-team .block .bottom { position:absolute;bottom:20px; z-index:3; left:20px;right:20px;}


.b-sectors-menu { margin-bottom:80px;}
.b-sectors-menu .list-sector-menu { text-align:center; margin-right:10px;font-size:12px; }
.b-sectors-menu .list-sector-menu li {opacity:0.7;color:#fff; font-weight:700; text-transform:uppercase; display:inline-block; vertical-align:top; margin:0 16px;}
.b-sectors-menu .list-sector-menu li a{color:#fff; text-decoration:none;}
.b-sectors-menu .list-sector-menu li.active { opacity:1;}
.b-sectors-menu .list-sector-menu li.active a {border-bottom:1px solid #fff;}

.b-launch { margin-bottom:50px; font-size:15px; font-weight:400;color:#fff;}
.b-launch .img {float:left;}
.b-launch .right { margin-left:250px;}
.b-launch .title { font-size:40px; font-weight:300;}



#hamburger-icon {
  display:block;
  width: 22px;
  height: 16px;
  position:absolute;
  top: 23px;
  z-index: 1001;
  left: 18px;
}
#hamburger-icon .line {
  display: block;
  background:#fff;
  width: 22px;
  height: 1px;
  position: absolute;
  left: 0;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
}
#hamburger-icon .line.line-1 {
  top: 0;

}
#hamburger-icon .line.line-2 {
  top: 50%;
}
#hamburger-icon .line.line-3 {
  top: 100%;
}


#hamburger-icon.active .line.line-1 {
  top: 1px;
  width:10px;
  height:2px;

}
#hamburger-icon.active .line.line-2 {
  top: 50%;
  height:1px;
  width:20px;
  left:2px;
}
#hamburger-icon.active .line.line-3 {
  top: 100%;
  width:10px;
  height:2px;
  margin-top:-1px;
}

#hamburger-icon:hover .line-1, #hamburger-icon:focus .line-1 {
  transform: translateY(-4px);
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
}
#hamburger-icon:hover .line-3, #hamburger-icon:focus .line-3 {
  transform: translateY(4px);
  -webkit-transform: translateY(4px);
  -moz-transform: translateY(4px);
}
#hamburger-icon.active .line-1 {
  transform: translateY(10px) translateX(0) rotate(45deg);
  -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
  -moz-transform: translateY(10px) translateX(0) rotate(45deg);
}
/* #hamburger-icon.active .line-2 {
  opacity: 0;
}
*/
#hamburger-icon.active .line-3 {
  transform: translateY(-10px) translateX(0) rotate(-45deg);
  -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
  -moz-transform: translateY(-10px) translateX(0) rotate(-45deg);
}




.gridly, .gridly > :not(.dragging) {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
.gridly .dragging {
  z-index: 800; }

.draw-section-3  { position:relative; width:734px; margin:0 auto;}
.draw-section-3 .block { background:rgba(0, 0, 0, 0.5); width:236px; box-sizing:border-box; min-height:236px;padding:16px 19px; float:left; }
.draw-section-3 .block:hover { background:rgba(0, 0, 0, 0.8);}
.draw-section-3 .block.large { width:734px;}
.draw-section-3 .block .block-sector {}
.draw-section-3 .block .up {}
.draw-section-3 .block .up .title-section { opacity:0.7; margin-bottom:10px; margin-right:20px; font-size:14px; font-weight:400;}
.draw-section-3 .block .up .etc{float:right; cursor:pointer; background:url(../img/iriska.svg) 0 0 no-repeat;top:4px; position:relative;left:5px; width:2px; height:10px;}
.draw-section-3 .block .up .full-size { position:relative;top:4px; cursor:pointer;  width:10px; height:10px;float:right; margin-right:5px;}
.draw-section-3 .block .up .full-size:before {content:"";background:url(../img/rectangle-124.svg) 0 0 no-repeat; position:absolute;bottom:0;left:0;width:5px; height:5px; transform:rotate(90deg);}
.draw-section-3 .block .up .full-size:after {content:"";background:url(../img/rectangle-124.svg) 0 0 no-repeat; position:absolute;top:0;right:0;width:5px; height:5px; transform:rotate(-90deg);}
.draw-section-3 .block .block-cont { text-align:center;}
.draw-section-3 .block .block-cont img { max-width:100%;}
.draw-section-3 .block .up {}
.draw-section-3 .btn-sector-add { width:123px; height:123px; display:block; background:url(../img/group-7.svg) 50% 50% no-repeat; position:absolute;top:50%; left:50%; margin:-61px 0 0 -61px;}
.draw-section-3 .sector-add {width:123px; height:123px;}


.text-sectors { font-size:15px; margin:0 190px 55px; line-height:20px; color:#fff; font-weight:400;}
.text-sectors h2 { color:#fff; font-size:40px; font-weight:300; line-height:42px; margin-bottom:10px;}



.bs-sectors { margin:0 -5px 50px;}
.bs-sectors .block { display:block;float:left; text-decoration:none; color:#fff; background:rgba(0, 0, 0, 0.5); padding:15px 20px; margin:5px;width:135px; height:145px;}
.bs-sectors .block .title { font-size:14px; display:block; margin-bottom:15px; font-weight:300;}
.bs-sectors .block .ico { display:block;width:100px; height:100px; margin:0 auto;background-size:100px auto !important;}
.bs-sectors .block .ico1 { background:url(../img/1_launch.svg) 50% 50% no-repeat; }
.bs-sectors .block .ico2 { background:url(../img/2_transport.svg) 50% 50% no-repeat; }
.bs-sectors .block .ico3 { background:url(../img/3_satellites.svg) 50% 50% no-repeat; }
.bs-sectors .block .ico4 { background:url(../img/4_micro-g.svg) 50% 50% no-repeat; }
.bs-sectors .block .ico5 { background:url(../img/5_tourism.svg) 50% 50% no-repeat; }
.bs-sectors .block .ico6 { background:url(../img/6_habs.svg) 50% 50% no-repeat;}
.bs-sectors .block .ico7 { background:url(../img/7_energy.svg) 50% 50% no-repeat;}
.bs-sectors .block .ico8 { background:url(../img/8_mining.svg) 50% 50% no-repeat;}
.bs-sectors .block .ico9 { background:url(../img/9_manufacturing.svg) 50% 50% no-repeat;}
.bs-sectors .block .ico10 { background:url(../img/10_health.svg) 50% 50% no-repeat;}
.bs-sectors .block .ico11 { background:url(../img/11_food.svg) 50% 50% no-repeat;}
.bs-sectors .block .ico12 { background:url(../img/12_government.svg) 50% 50% no-repeat;}


.bs-sectors .block:hover .ico1 { background:url(../img/1_launch_a2.svg) 50% 50% no-repeat; }
.bs-sectors .block:hover .ico2 { background:url(../img/2_transport_a2.svg) 50% 50% no-repeat; }
.bs-sectors .block:hover .ico3 { background:url(../img/3_satellites_a2.svg) 50% 50% no-repeat; }
.bs-sectors .block:hover .ico4 { background:url(../img/4_micro-g_a2.svg) 50% 50% no-repeat; }
.bs-sectors .block:hover .ico5 { background:url(../img/5_tourism_a2.svg) 50% 50% no-repeat; }
.bs-sectors .block:hover .ico6 { background:url(../img/6_habs_a2.svg) 50% 50% no-repeat;}
.bs-sectors .block:hover .ico7 { background:url(../img/7_energy_a2.svg) 50% 50% no-repeat;}
.bs-sectors .block:hover .ico8 { background:url(../img/8_mining_a2.svg) 50% 50% no-repeat;}
.bs-sectors .block:hover .ico9 { background:url(../img/9_manufacturing_a2.svg) 50% 50% no-repeat;}
.bs-sectors .block:hover .ico10 { background:url(../img/10_health_a2.svg) 50% 50% no-repeat;}
.bs-sectors .block:hover .ico11 { background:url(../img/11_food_a2.svg) 50% 50% no-repeat;}
.bs-sectors .block:hover .ico12 { background:url(../img/12_government_a2.svg) 50% 50% no-repeat;}

.bs-sectors .block.bico1:hover {background:rgba(82, 204, 131, 0.8);}
.bs-sectors .block.bico2:hover {background:rgba(73, 87, 210, 0.8);}
.bs-sectors .block.bico3:hover {background:rgba(167, 213, 200, 0.8);}
.bs-sectors .block.bico4:hover {background:rgba(213, 210, 177, 0.8);}
.bs-sectors .block.bico5:hover {background:rgba(215, 162, 57, 0.8);}
.bs-sectors .block.bico6:hover {background:rgba(110, 81, 196, 0.8);}
.bs-sectors .block.bico7:hover {background:rgba(251, 223, 56, 0.8);}
.bs-sectors .block.bico8:hover {background:rgba(232, 96, 56, 0.8);}
.bs-sectors .block.bico9:hover {background:rgba(197, 82, 206, 0.8);}
.bs-sectors .block.bico10:hover {background:rgba(215, 68, 79, 0.8);}
.bs-sectors .block.bico11:hover {background:rgba(215, 68, 79, 0.8);}
.bs-sectors .block.bico12:hover {background:rgba(255, 255, 255, 0.8);}



.b-table-search { background:none !important;}
.up2 { background:rgba(0, 0, 0, 0.5); margin:-19px -19px 5px; padding:19px 19px;}
.up2:hover { background:rgba(0, 0, 0, 0.8);}
.up2 .btn-bord {float:right; display:block; position:relative;top:-7px; padding:9px 20px; font-size:10px; font-weight:bold;color:#979797; text-decoration:none; text-transform:uppercase; margin:0 10px 0 0; border:1px solid #979797;}
.up2 .btn {float:right; display:block; position:relative;top:-7px;padding:9px 20px; font-size:10px; font-weight:bold;color:#979797; text-decoration:none; text-transform:uppercase; margin:0 20px 0 0;}
.up2 .b-search {margin:0 220px 0 150px; border-bottom:2px solid #979797;}
.up2 .b-search .btn-search {  background:url(../img/ico-search.svg) 0 0 no-repeat; width:16px; height:16px; border:none; cursor:pointer;float:left;}
.up2 .b-search .b-pole { margin-left:20px;}
.up2 .b-search .b-pole input { width:96%; padding:0 2% 6px; border:none; height:17px; background:none;color:#979797;}
.up2 .title-section {float:left}

.b-table-search .block-cont {background:rgba(0, 0, 0, 0.5); margin:0 -19px 0; padding:0 19px 0;}
.b-table-search .block-cont:hover {background:rgba(0, 0, 0, 0.8);}
.b-table-search .block-cont table {}
.b-table-search .block-cont th {color:#979797; font-size:10px; text-transform:uppercase; font-weight:bold; vertical-align:top; padding:10px 8px; text-align:left;border-left:1px solid rgba(151, 151, 151, 0.5);border-right:1px solid rgba(151, 151, 151, 0.5);}
.b-table-search .block-cont td {vertical-align:top; text-align:left; color:#fff; font-size:12px; font-weight:400; padding:8px;border-left:1px solid rgba(151, 151, 151, 0.5);border-right:1px solid rgba(151, 151, 151, 0.5);}
.b-table-search .block-cont tr+tr+tr td {border:1px solid rgba(151, 151, 151, 0.5); border-bottom:none;}
.b-table-search .block-cont td strong { font-weight:bold;}
.b-table-search .block-cont td small { font-size:9px;}

.raiting-circ { display:inline-block; width:55px; transform: scale(-1, 1); height:55px; position:relative; vertical-align:top;}
.raiting-circ .bord-graf  {width:55px; height:55px; display:block;

}
.raiting-circ .toch {width:7px !important; height:7px !important; border-radius:100% !important; display:block !important; position:absolute !important;top:-2.5px !important; left:50% !important; margin-left:-3.5px !important;}
.pcircle { transform: rotate(90deg); display:block;width:55px; height:55px;}














@keyframes line {
		0% { height:0; }
		20% { height:0; }
		90% { height:404px;}
}
@keyframes line-green-fff {
		0% { background:#fff; }
		100% {background:#57cb85;}

}
@-webkit-keyframes line-green-fff {
		0% { background:#fff; }
		100% {background:#57cb85;}

}
@keyframes bord-bottom-green-fff {
		0% { border-bottom:2px solid #fff; }
		100% {border-bottom:2px solid #57cb85;}

}
@-webkit-keyframes bord-bottom-green-fff {
		0% { border-bottom:2px solid #fff; }
		100% {border-bottom:2px solid #57cb85;}

}
@-webkit-keyframes line {
		0% { height:0; }
		20% { height:0; }
		90% { height:404px;}
}
@keyframes h1 {
		0% {opacity:0; }
		30% { opacity:0; }
		100% { opacity:1;}
	}
@-webkit-keyframes h1 {
		0% { opacity:0; }
		30% { opacity:0; }
		100% { opacity:1;}
	}
@keyframes h1_2 {
		0% { opacity:0; }
		30% { opacity:0; }
		100% { opacity:1;}
	}
@-webkit-keyframes h1_2 {
		0% { opacity:0; }
		30% { opacity:0; }
		100% { opacity:1;}
	}
@keyframes face1 {
		0% { height:0;}
		20% {}
		100% {height:758px;}
	}
@-webkit-keyframes face1 {
		0% { height:0;}
		20% {}
		100% {height:758px;}
	}
@keyframes face2 {
		0% { width:0;}
		60% { width:0;}
		100% { width:230px;}
	}
@-webkit-keyframes face2 {
		0% { width:0;}
		60% { width:0;}
		100% { width:230px;}
	}
@keyframes face-text {
		0% { opacity:0;}
		60% { opacity:0;}
		100% { opacity:1;}
	}
@-webkit-keyframes face-text {
		0% { opacity:0;}
		60% { opacity:0;}
		100% { opacity:1;}
	}

@keyframes num1 {
		0% { }
		20% {text-indent:1000px; }
		100% {text-indent:0px; }
	}
@-webkit-keyframes num1 {
		0% { }
		20% {text-indent:1000px; }
		100% {text-indent:0px; }
	}
@keyframes num2 {
		0% { }
		20% {text-indent:-1000px; }
		100% {text-indent:0px; }
	}
@-webkit-keyframes num2 {
		0% { }
		20% {text-indent:-1000px; }
		100% {text-indent:0px; }
	}
@keyframes tnum {
		0% {opacity:0;  }
		50% { opacity:0;}
		100% { opacity:1; }
	}
@-webkit-keyframes tnum {
		0% {opacity:0;  }
		50% { opacity:0;}
		100% { opacity:1; }
	}

@keyframes th-num1 {
		0% { width:0;}
		20% { width:0; }
		100% { width:150px; }
}
@-webkit-keyframes th-num1 {
		0% { width:0;}
		20% { width:0; }
		100% { width:150px; }
}
@keyframes th-num2 {
		0% {width:0; left:155px; }
		20% { width:0; }
		100% { left:230px; width:360px; }
	}
@-webkit-keyframes th-num2 {
		0% {width:0; left:155px; }
		20% { width:0; }
		100% { left:230px; width:360px; }
	}
@keyframes th-num3 {
		0% {width:0; }
		20% { width:0; }
		100% { width:200px; }
}
@-webkit-keyframes th-num3 {
		0% {width:0; }
		20% { width:0; }
		100% { width:200px; }
}






















































































/*
.line2 {background-position:45% 100%;}
.line3 {position:absolute;top:0; left:0;width:100%; height:100%;  background-image:url(../img/line.png);background-position:50% 50%; background-repeat:no-repeat; background-size:150px auto;}

.meteor {
		position: absolute;
		top: 0;
		left: 50%;
		width: 300px;
		height: 1px;
		transform: rotate(-64deg);
		background:#fff;
	}
.meteor:before {
			content: ' ';
			position: absolute;
			width: 4px;
			height: 5px;
			background-color: white;
			border-radius: 50%;
			box-shadow: 0 0 14px 4px white;
			margin-top: -2px;
		}
@keyframes meteor {
		0% {margin-top: 0; margin-right: -300px;}
		8% {}
		10% {margin-top: 100%; margin-left: -600px; }
		100% {}
	}
@keyframes meteor {
		0% {margin-top: 0; opacity: 1; margin-left:0;}
		8% {opacity: 1}
		10% {  opacity:1}
		50% { margin-left:-150px;}
		100% {margin-top: 100%; margin-left:-1000px;opacity: 1}
	}
		
.meteor {top: 0;left: 50%;animation: meteor 10s linear infinite;}				

@keyframes meteor {
		0% {background-position:55% 0;}
		8% {}
		10% {  }
		100% {background-position:45% 100%;}
	}
*/