/* dev4 styles */

body {
  height: 100%;
}

#mainpage header div.lang ul li a {
  font-weight: inherit;
}

#mainpage section.content div.head div.title a {
	position: inherit;
}

#mainpage header #logo {
	background:url(../images/logo2.png) no-repeat;
}

#mainpage section.content div.head nav ul li a {
	padding:10px 7px;
}

.thumb {
  height: 128px;
}

@media screen and (max-width: 1230px) { 
  #mainpage section.content div.center {
  	background-size:auto 100%;
  }
}

@media screen and (max-width: 1250px) and (min-width: 950px) { 
  body {
  	font-size:9px;
  }
}

@media screen and (max-width: 949px) and (min-width: 768px) { 
  body {
  	font-size:8px;
  }
}

@media screen and (max-width: 767px) { 
  body {
  	font-size:6px;
  }
}

@media screen and (max-width: 1220px) { 
  #mainpage section.content div.center {
  	background-size:auto 100%;
  }
}

@media screen and (max-width: 1250px) and (min-width: 950px) {  
  body {
  	font-size:9px;
  }
}

@media screen and (max-width: 949px) and (min-width: 768px) {
  body {
	 font-size:8px;
  }
}

@media screen and (max-width: 767px) {  
  body {
	 font-size:6px;
  }
}

@media screen and (max-width: 480px) {  
  #page #automatization h1 {
	 font-size:2.6em;
  }
}


/* dev8 styles */
#login { position: fixed; }
a { cursor: pointer; }

@media screen and (max-width: 768px) {
  .video-block {
    margin-top: 100px;
  }
}
/* эти правила были заглушкой пока не было видео
#video .icon-play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  color: #999;
  z-index: 3;
  cursor: pointer;
  height: 13em;
  width: 13em;    
}
#video .icon-play:before {
  font-size: 10em;
  opacity: .7;
  line-height: 1;
}
#video .icon-play:hover {
  color: #fff;
}
#video .icon-play .play-desc {
  display: block;
  margin-top: 0.5em;
  font-size: 1.5em;  
}
#video h4 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 30%;
  width: 98%;
  padding-top: 15%;
  font-size: 4.8em;
  line-height: 1.4em;
  font-family: "helveticaneuecyrbold","Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #fff;
}
@media screen and (min-width: 768px) and (max-width: 1366px){
  #video h4 {
    font-size: 3.8em;
    line-height: 1.6em;
  }                                      
}
@media screen and (min-width: 768px) and (max-width: 1200px){
  #video h4 {
    font-size: 2.8em;
    padding-top: 18%;
  }                                      
}
@media screen and (max-width: 555px){
  #video h4 {
    font-size: 2.8em;
    padding-top: 18%;
  }                                      
}
@media screen and (max-width: 480px){
  #video h4 {
    font-size: 2.8em;
    padding-top: 22%;
  }                                      
}
#video h4 .marked {
  color: #ef0f54;
}
*/