@charset "utf-8";
@media screen and (min-width: 760px) {
	.container, .onc, footer{margin: 0  auto;width: 760px}
	section h2{font-size: 36px}
	section h3{font-size: 22px}
	header{background: url(/im/header-bg.jpg) no-repeat center bottom/cover}
	.onc h1{margin-top: 85px;font-size: 48px;text-align: right}
	.onc h1 span{font-size: 24px;letter-spacing: 0.2em}
	#working p{text-align: center}
	#working .comment {margin: 10px auto}
	#advantage div.line div{margin: 12px 0 0 12px;width: 360px; height: 225px; vertical-align: middle}
	#questions{background: url(/im/questions.jpg) no-repeat center bottom/cover}
	#contactform{margin: 25px auto 45px;width: 553px}
	#contactform input, #contactform textarea {font-size: 15px; padding: 20px}
	#contactform input[type=submit] {font-size: 20px;padding: 15px}
	footer div{text-align: left;display: inline-block;width: 378px}
	footer div.vk { text-align: right}
}
@media screen and (min-width: 1000px) {
	.top nav {width: auto;}
	.top nav ul li:first-child, .top nav ul li:nth-child(2), .top nav ul li:nth-child(3), .top nav ul li:nth-child(4), .top nav ul li:nth-child(5){background: none}
	.container, .onc, footer{width: 1000px}
	#hamb{display: none}
	.menu{display: block; width: auto;position:relative;float: right}
	.menu li{display: inline-block; background: none;margin: 5px 0 0 15px;padding:0 }
	.menu li:hover{border-bottom: 1px solid}
	.top nav ul li a {padding: 0; margin: 5px 5px 10px 5px}
	.menu .close{display:none}
	.onc h1{margin-bottom: 400px}
	.onc .servicehelp{width: auto; padding: 45px; position: absolute; top: 45%; left: 5%}
	.onc .servicehelp ul li{font-size: 15px}
	section span{font-size: 15px; line-height: 22px}
	section h2{font-size: 40px}
	section h3{font-size: 24px}
	section p{font-size: 20px; line-height: 32px}
	div.types div{display:inline-block; width: 300px; vertical-align: top }
	div.line, footer{text-align: center}
	footer{padding: 10px}
	footer div{margin-top: 15px; width: 488px}
}
@media screen and (min-width: 1300px) {
	.container, .onc, footer{width: 1150px}
	.menu li{display: inline-block; background: none;margin: 0 0 0 15px;padding:0 }
	.top nav ul li a {font-size: 18px; font-weight: 300}
	.onc h1{font-size: 72px}
	.onc h1 span{font-size: 36px;letter-spacing:0.2em;margin-top: 45px}
	#advantage span{letter-spacing: 0.05em}
	#contactform { margin: 52px auto }
	#contactform input, #contactform textarea {margin-bottom: 22px}
	footer div{margin-top: 15px; width: 563px}
}
@media screen and (max-height: 759px) {
	.onc .button{ margin: 120px auto}
}
@media screen and (max-height: 559px) {
	.onc .button{ margin: 70px auto}
}
@media screen and (max-height: 400px) {
	.onc h1{margin-top: 50px}
	.onc h1 span{margin-top: 5px}
}
@media screen and (min-height: 640px) {
	.onc .button{ margin: 70px auto}
	.onc .servicehelp{display: inline-block; background: rgba(100,100,155, 0.6); margin-top: 20px}
	.onc h2 {color: #bdfc95;font-size: 24px;text-align: center;text-shadow:none}
	.onc ul{ margin: 15px auto; border: 0}
	.onc ul li{margin-bottom: 10px;line-height: normal; padding-left: 32px;background: url(/im/green_check.svg) no-repeat left top/24px;
		line-height: 24px
	}
	.onc ul li:last-child{
		margin: 0
	}
}
@media screen and (min-width: 1000px) and (min-height: 640px) {
	.onc .button{ position: absolute; top: 60%; right: 10%}
}
@media screen and (min-height: 760px){
	.onc .button{ margin: 100px auto}
	.onc .servicehelp{padding: 45px;margin-top: 50px}
}
@media screen and (min-width: 1000px) and (min-height: 768px) {
	.onc h1{margin-top: 150px}
	.onc .button{ position: absolute; top: 50%; right: 10%}
}