@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,cyrillic);

/* Resets (http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 | License: none (public domain)) */

	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}

.clear {clear:both;}
.hidden {display:none;visibility:none;}
ul.inf li {list-style-type: circle; margin-left:20px;}
body {
 background:url('../images/space_bg-min.jpg') top repeat-y #011222;
 outline:none;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}
@-webkit-keyframes spaceMove {
    from { background-position: 1059px 0; }
    to { background-position: 0 0; }
}

@keyframes spaceMove {
    from { background-position: 1059px 0; }
    to { background-position: 0 0; }
}
body.is-loading * {
    -moz-transition: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
    -moz-animation: none !important;
    -webkit-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
}
.mar10  {margin-top:10px}
.mar20  {margin-top:20px}
.mar30  {margin-top:30px}
.mar40  {margin-top:40px}
.mar50  {margin-top:50px}
.mar60  {margin-top:60px}
.mar70  {margin-top:70px}
.mar80  {margin-top:80px}
.mar90  {margin-top:90px}
.mar100 {margin-top:100px}

.mar-b30  {margin-bottom:30px}

.pad10  {padding-top:10px}
.pad20  {padding-top:20px}
.pad30  {padding-top:30px}
.pad40  {padding-top:40px}
.pad50  {padding-top:50px}
.pad60  {padding-top:60px}
.pad70  {padding-top:70px}
.pad80  {padding-top:80px}
.pad90  {padding-top:90px}
.pad100 {padding-top:100px}

.left30 {margin-left:30px;}
.left40 {margin-left:40px;}

.bot10 {padding-bottom:10px;}
.txt-UP {text-transform:uppercase;}

.center {text-align:center;}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Open Sans', sans-serif;
}
.container {
    margin-left: auto;
    margin-right: auto;
    padding-bottom:30px;
    padding-top:40px;
    width: 1200px;
}
.container-header {
    width:100%;
    background:url('../images/header_tube_bg2-min.png') top 290px center repeat-x;
}
header {
    position:relative;
    min-height:630px;
    background:url('../images/header_light_big2-min.png') top no-repeat;
}
.top-social {
    width:560px;
    position:absolute;
    top:0;left:50%;
    margin-left:-280px;
    margin-top:360px;
    display:table;
    color:#fff;
    border-spacing:20px 0;
    border-bottom:1px dashed #fff;
}
.top-social .left,.top-social .right{
    display:table-cell;
}
.top-social .left {text-align:right;vertical-align:middle;}
.top-social .right {
    width:180px;
    text-align:left;
    font-size:3em;
    line-height:1em;
    color:#fff;
    vertical-align:middle;
}
.top-social .right a {
    color:#fff;
    text-decoration:none;
}
.top-social .right a:hover {
    text-shadow: 0 0 30px rgba(255,0,0,1),0 0 10px rgba(255,0,0,1);;
}
.top-social .left h3 {
 text-transform:uppercase;
}
.container-header .header_logo {
    width:100%;
    position:absolute;
    display:block;
    background:url('../images/header_logo_big2-min.png') top no-repeat;
    height:162px;
    z-index:5;
    margin-top:430px;
}

section {

}

section h1 {
    text-align:center;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size:2.2em;
    font-weight:700;
    letter-spacing:3px;
    color:#fff;
    text-transform:uppercase;
}

section .about-sh {
    height:100px;
    display:table;
    width:900px;
    vertical-align:middle;
    text-align:center;
    margin:auto;
    border-spacing: 30px;
}
section .about-sh div {
    margin-left:30px;
}
section .about-sh .about-sh-it1,
section .about-sh .about-sh-it2,
section .about-sh .about-sh-it3 {
    display:table-cell;
    font-family: 'Open Sans', sans-serif;
    font-size:1.2em;
    line-height:1.4em;
    width:250px;
    font-weight:bolder;
    background: RGBA(0,0,0,.9);
    color:#fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    margin:20px 0 20px 30px;
    min-height:40px;
    padding-top:5px;
    padding-bottom:5px;
    vertical-align:middle;
    border: 1px solid #000;
}
section .about-sh .about-sh-it1 {
}

section .about-sh-v {
    margin-top:20px;
    display:block;
    text-align:center;
    margin-bottom:30px;
}
section .about-sh-v iframe {
    border:10px solid silver;
}
section .about-sh-v iframe:hover {
    border:10px solid white;
    -moz-box-shadow: 0 1px 12px #fff;
    -webkit-box-shadow: 0 1px 12px #fff;
    box-shadow: 0 1px 12px #fff;

}
.container-metall {
    width:100%;
    color:#000;
    background:url('../images/bg_metall_body.jpg') top no-repeat #000;
    box-shadow: 0 0 5px #0d4ea3 , 0 0 10px #0d4ea3 , 0 0 15px #0d4ea3, 0 0 20px #001449 , 0 0 30px #001449 , 0 0 40px #001449 , 0 0 50px #001449 ;
}
.container-metall.cover {
    background-size:cover;
}
.container-metall h1 {
    color:#000;
}
.container-metall .m-text {
    font-family: 'Open Sans', sans-serif;
    font-size:1.4em;
    padding:20px;
    width:820px;
    margin:auto;
}
.container-metall .m-text.bot {
    padding-top:0;padding-bottom:0;
}

.container-metall .m-text i.fa-map-marker {
    display:block;
    float:left;
    margin-right:10px;
    font-size:2.8em;
}

.container-metall .m-text p {
    text-align:justify;
}
.container-metall .m-text p b {
    font-weight:700;
}

.container-metall .m-text a.adress-link {
    font-size:1.4em;
    line-height:1em;
}
.container-metall .m-text a.adress-link span {
    display:block;
    font-size:.8em;
}


section .highslide-gallery {
    width:820px;
    margin:auto;
}
.container.contacts {
    min-height:200px;
}
.container.contacts .about-sh .about-sh-it1,
.container.contacts .about-sh .about-sh-it2,
.container.contacts .about-sh .about-sh-it3 {
    font-weight:400;
}
.container.contacts .about-sh .about-sh-it1 b,
.container.contacts .about-sh .about-sh-it2 b,
.container.contacts .about-sh .about-sh-it3 b{
    font-weight:700;
}
.container.contacts a {
    color:#000;
    text-decoration:none;
    border-bottom:2px dashed blue;
}
.container.contacts a:hover {
    color:blue;
}
.container.contacts i.fa-map-marker {
    color:blue;
    vertical-align:middle;
}
.tooltip {
    position: relative;
/*    background: #eaeaea; */
    cursor: help;
    display: inline-block;
    text-decoration: none;
/*    color: #222; */
    outline: none;
    text-indent: 0;
    padding: 0 3px;
}
.tooltip:hover:before {
    content: attr(data-title);
    white-space: pre-line;
    position: absolute;
    bottom: 40px;
    left: 50%;
    z-index: 9999;
    width: 230px;
    margin-left: -127px;
    padding: 10px;
    border: 2px solid #ccc;
    opacity: .9;
    background-color: #ddd;
    background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
.tooltip:hover:after {
    content: "";
    position: absolute;
    z-index: 10000;
    bottom: 35px;
    left: 50%;
    margin-left: -8px;
    border-top: 8px solid #ddd;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 0;
}
/* Yellow */
.yellow-tooltip:hover:before {
    border-color: #e1ca82;
    background-color: #ffeaa6;
}
.yellow-tooltip:hover:after {
    border-top-color: #ffeaa6;
}

/* Blue */
.blue-tooltip:hover:before {
    border-color: #053e9b;
    background-color: blue;
}
.blue-tooltip:hover:after {
    border-top-color: blue;
}
.buy-button {
    text-align:center;
    display:table;
    width:800px;
    margin:auto;
    border-spacing:60px 0;
}
.buy-button a {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size:2.2em;
    text-decoration:none;
    display:table-cell;
    margin:auto;
    width:200px;
    min-height:10px;
    color:#fff;
    background:#0d4ea3;
    padding:20px 50px 20px 50px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: 0 0 5px #0d4ea3 , 0 0 10px #0d4ea3 , 0 0 15px #0d4ea3, 0 0 20px #001449 , 0 0 30px #001449 , 0 0 40px #001449 , 0 0 50px #001449 ;
}
.buy-button a:hover {
    box-shadow: 0 0 5px #fff , 0 0 10px #fff , 0 0 15px #fff, 0 0 20px #fff , 0 0 30px #fff , 0 0 40px #fff , 0 0 50px #fff ;

}

.pad0  {padding-top:0}
.big {font-size:2em;}
.tel {font-size:1.4em;vertical-align: middle;}

.students-promo,
.batery-promo {
    display:block;
    position:absolute;
    width:260px;
    height:220px;
    top:40px;
    margin-left:840px;
    background: RGBA(255,0,0,.6);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    color:#fff;
    text-align:center;
    font-family: 'Open Sans Condensed', sans-serif;
    padding-top:40px;
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    border:5px solid #fff;
}
.students-promo b,
.batery-promo b {
    font-size:1.8em;
    font-weight:700;
}
.students-promo span,
.batery-promo span {
    display:block;
    height:30px;
    width:260px;
    margin:auto;
    background:#fff;
    color:#ff0000;
    font-size:1.7em;
    line-height:1.2em;
    font-weight:700;
    margin-top:10px;
    margin-bottom:10px;
}
.batery-promo span {
    font-size:2.8em;
    height:52px;
}
.schem {
    margin-top:20px;
    display:block;
    width:100%;
    height:400px;
    background:url('../images/Schema_tesla2-min.png') top -110px center no-repeat rgba(255,255,255,0.7);
    background-size:110% auto;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;

}
.container.partners .partners-row {
    display:table;
    text-align:center;
    border-spacing:20px 0;
    margin:auto;
}
.container.partners .partners-row .partner {
    display:table-cell;
    cursor:pointer;
    width:250px;
    height:70px;
}
.container.partners .partners-row .partner.forza {
    background:url('../images/logos/forza.png') center no-repeat;
    background-size:90% auto;
}
.container.partners .partners-row .partner.chamelion {
    background:url('../images/partners/chamelion.png') center no-repeat;
    background-size:100% auto;
}
.container.partners .partners-row .partner.yandex {
    background:url('../images/partners/yandex.png') center no-repeat;
    background-size:90% auto;
}
.container.partners .partners-row .partner.todotogo {
    background:url('../images/partners/todotogo.png') center no-repeat;
    background-size:auto 100%;
}