@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-spacing: 0px;
	background-repeat: no-repeat;
	list-style-type: none;
	font-size: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	font-weight: lighter;
}

.sbros {height:0px; float:none; clear:both;}
#topZacep {
	height: 1px;
	position: absolute;
	z-index: 1;
	top: -1px;
}


li#trubka { display:none;}

.cont ul li a, .baner ul li, .ico-actv, .rezlt-box ul li.rez-actv, .nabor-actv div.nabor-col1, .nabor-actv div.nabor-col2, .fin-actv, li#procedura1.proced-actv, li#procedura2.proced-actv, div.nabor-col1.actv, div.nabor-col2.actv, .but, .but-actv {
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.kass-actv p img, .toppict-actv, .chuvak-actv {
	-webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}


html {
	background-color: #FFF;
	font-family: 'Roboto Condensed', sans-serif;
	background-image: url(img/fon.gif);
	background-repeat: repeat;
	background-attachment: fixed;	
	}
	
.golova {
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: rgb(242,164,0);
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	background-color: rgb(255,255,255);
	z-index: 9999;
}
.shad {box-shadow: 0 0 20px rgba(0,0,0,0.4);}
.golova-box {
	height: 90px;
}

.golova-box, .baner, .slogan div p, .nabor-box, .kasseta h2, .procdr-box, .rezlt-box, .finslog-box, .cont ul, .nogi ul {
	width:100%; max-width:1240px; margin-right: auto; margin-left: auto; position:relative; overflow:hidden;
}
.golova-box ul {
	display: table;
	width: 100%;
	height: 100%;
	z-index: 101;
}
.golova-box ul li {
	display: table-cell;
	vertical-align: middle;
}
.golova-box ul li+li+li {
	text-align: right;
}

.golova-box ul li span {
	vertical-align: middle;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: rgb(51,51,51);
	margin-left: 40px;
	padding-left: 40px;
	display: inline-block;
	font-weight: 100;
}
.golova-box ul li b {
	display: inline-block;
	margin-left: 32px;
	text-align: center;
	margin-right: 20px;
}
.golova-box ul li b em {
	font-style: normal;
	font-size: 240%;
	display: block;
	padding-left: 30px;
	background-image: url(img/tel.gif);
	background-position: left;
	margin-left: -32px;
	font-weight: 500;
}

.golova-box ul li img {
	vertical-align: middle;
	padding-left: 20px;
}
.golova-box ul li + li a{
	color: rgb(204,0,0);
	font-size: 130%;
	font-weight: 400;
	display:block;
}
li#trubka a{
	display: block;
	height: 40px;
	width: 40px;
	background-image: url(img/tel.gif);
	background-position: center center;
	margin-right: 5px;
	margin-left: 10px;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
}

.telo {
	background-color: rgb(222,223,210);
	padding-top: 100px;
}
.baner h1 {
	font-family: 'Roboto', sans-serif;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 8px;
	font-size: 375%;
	font-weight: 400;
}
.baner h1 nobr {
	font-size: 100%;
	font-weight: 400;
}

.baner h2 {
	font-family: 'Roboto', sans-serif;
	text-align: center;
}
.baner h2 span {
	background-color: rgb(204,0,0);
	display: inline-block;
	color: rgb(255,255,255);
	text-transform: uppercase;
	padding-left: 80px;
	background-image: url(img/lenta-lev.gif);
	background-position: left;
	font-size: 140%;
	font-weight: 500;
}
.baner h2 span span {
	display: block;
	background-image: url(img/lenta-prav.gif);
	background-position: right;
	padding-right: 80px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.s04 {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.s04 span {
	display: inline-block;
	position: relative;
	font-size: 130%;
}

.s04 span:before, .s04 span:after {
	content:'';
	display: block;
	position: absolute;
	background-color: rgb(51,51,51);
	height: 1px;
	width: 40px;
	top: 50%;
}
.s04 span:before { left: -50px; }
.s04 span:after { right: -50px; }
.baner ul {
	display: block;
	float: left;
	width: 37%;
}
.baner ul li {
	padding-left: 96px;
	background-image: url(img/timer.gif);
	min-height:100px;
	padding-bottom: 25px;
	margin-left: 30px;
	position: relative;
	z-index: 101;
}
.baner ul li+li {
	background-image: url(img/prosto.gif);
}
.baner ul li+li+li {
	background-image: url(img/dost.gif);
}
.baner ul li em {
	font-size: 100%;
	display: block;
	color: rgb(242,164,0);
	background-color: rgb(0,0,0);
	float: left;
	padding-left: 20px;
	background-image: url(img/itm-lev.gif);
	background-position: left bottom;
}
.baner ul li em i {
	font-size: 200%;
	font-weight: bold;
	padding-right: 20px;
	background-image: url(img/itm-prav.gif);
	background-position: right top;
	display: block;
	padding-bottom: 4px;
}

.baner ul li span {
	display: block;
	clear: left;
	font-size: 115%;
	margin-left: 20px;
	padding-top: 5px;
}
.ico-pass {
	opacity:0;
	left: 60%;
}
.ico-actv {
	opacity:1;
	left: 0;
}

.top-pict {
	height: 450px;
	background-image: url(img/toppict.jpg);
	background-position: left bottom;
	float: left;
	width: 63%;
	position:relative;
	z-index: 100;
}
.toppict-pass {
	opacity:0;
	left:-30%
}
.toppict-actv {
	opacity:1;
	left:0;
}
.top-pict-text {
	padding-left: 63%;
}
.top-pict-text p {
	margin-bottom: 10px;
	margin-right: 20px;
}
.top-pict-text p strong {
	font-weight: bold;
}
.slogan {
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: rgb(0,0,0);
	background-color: rgb(255,255,255);
}
.slogan div {
	margin-top: 6px;
	background-color: rgb(255,165,0);
}
.slogan div p {
	text-align: center;
	font-size: 360%;
	color: rgb(255,255,255);
	padding-top: 15px;
	padding-bottom: 12px;
	font-weight: bold;
}
.slogan div p b {
	font-size: 100%;
	color: rgb(204,0,0);
	font-weight: bold;
}
.slogan div p nobr {
	font-size: 100%;
	font-weight: bold;
}

.nabor {
	padding-bottom: 30px;
}
.nabor-box h2 {
	font-family: 'Roboto', sans-serif;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left:20px;
	padding-right:20px;
	font-size: 230%;
	font-style: italic;
	color: rgb(153,153,153);
	font-weight: 300;
}
.nabor-col2 {
	float: right;
	width: 32%;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: rgb(204,204,204);
	position:relative;
}
.nabor-col1 h3, .nabor-col2 h3 {
	font-size: 200%;
	font-weight: 500;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 100%;
	min-height: 100px;
}
.nabor-col2 h3 {
	border-left-color: rgb(51,51,51);
}
.nabor-col2 ul, .nabor-col1 ul {
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 20px;
}
.nabor-col2 ul li {
	height: 160px;
	background-color: rgb(222,223,210);
	margin-bottom: 2px;
	background-image: url(img/lancet.jpg);
	background-position: right;
}
.nabor-col2 ul li+li {
	background-image: url(img/salfetka.jpg);
	background-position: right bottom;
}
.nabor-col2 ul li em, .nabor-col1 ul li em {
	margin-left: 30px;
	display: block;
	position: relative;
	font-weight: 500;
	font-style: normal;
	font-size: 140%;
	padding-top: 20px;
	line-height: 100%;
	padding-right: 10px;
}
.nabor-col2 ul li em:before, .nabor-col1 ul li em:before {
	content:'';
	display:block;
	position:absolute;
	left:-30px;
	top:0;
	margin-top:20px;
	width:20px;
	height:20px;
	background-color: rgb(204,0,0);
}
.nabor-col1 {
	float: left;
	width: 66%;
	position:relative;
}
div.nabor-col1.pass {
	opacity:0;
	left:-80%;
}
div.nabor-col2.pass {
	opacity:0;
	left:80%;
}
div.nabor-col1.actv, div.nabor-col2.actv {
	opacity:1;
	left:0;
}
.nabor-col1 ul {
	float: left;
	width: 65%;
	padding-right: 0px;
}
.nabor-col1 ul+ul {
	float: left;
	width: 33%;
	padding-left: 2px;
}
.nabor-col1 ul+ul li {
	height: 322px;
	background-image: url(img/flakon.jpg);
	background-position: bottom;
}
.nabor-col1 ul li+li {
	background-image: url(img/pipetka.jpg);
}

.nabor-col1 ul li {
	height: 160px;
	background-color: rgb(222,223,210);
	margin-bottom: 2px;
	background-image: url(img/kasseta.jpg);
	background-position: center bottom;
}

.kasseta {
	background-color: rgb(255,165,0);
}
.kasseta h2, .procdr-box h2, .rezlt-box h2 {
	padding-top: 30px;
	padding-bottom: 10px;
	text-align: center;
}
.kasseta h2 span, .procdr-box h2 span, .rezlt-box h2 span {
	font-size: 350%;
	font-weight: 500;
	color: rgb(255,255,255);
	position: relative;
}

.kasseta h2 span:before, .kasseta h2 span:after, .procdr-box h2 span:before, .procdr-box h2 span:after, .rezlt-box h2 span:before, .rezlt-box h2 span:after {
	content:'';
	display:block;
	width:40px;
	height:12px;
	position:absolute;
	top:50%;
	background:url(img/nvs.png);
}
.kasseta h2 span:before, .procdr-box h2 span:before, .rezlt-box h2 span:before {
	left: -60px;
}
.kasseta h2 span:after, .procdr-box h2 span:after, .rezlt-box h2 span:after {
	right: -60px;
}
.kasseta p img {
	margin-right: auto;
	margin-left: auto;
	display: block;
	max-width: 692px;
	width: 100%;
}
.kass-pasv p img {
	opacity:0;
	width:10%
}
.kass-actv p img {
	opacity:1;
	width:100%;
}
.procdr-box h2 span {
	color: rgb(51,51,51);
}
.procdr-box h2 span:before, .procdr-box h2 span:after {
	background:url(img/nvs-or.png);
}
.procdr-box ul {
	padding-top: 20px;
	padding-bottom: 30px;
}

.procdr-box ul li {
	float: left;
	width: 50%;
	position:relative;
}
.proc-pass .procdr-box ul li {
	opacity:0;
	left:-40%;
}
.proc-pass .procdr-box ul li+li {
	left:40%;
}
.proc-actv .procdr-box ul li {
	opacity:1;
	left:0;	
}
.proced-pass {
	opacity:0;
}
li#procedura1.proced-pass {
	left:-80%;
}
li#procedura2.proced-pass {
	left:80%;
}
li#procedura1.proced-actv, li#procedura2.proced-actv {
	opacity:1;
	left:0;
}
.procdr-box ul li span {
	display: block;
}
.procdr-box ul li span em {
	font-size: 350%;
	font-style: normal;
	font-weight: 700;
	display: block;
	float: left;
	color: rgb(255,165,0);
	background-color: rgb(51,51,51);
	height: 70px;
	width: 70px;
	text-align: center;
	border-radius: 50%;
	margin-left:20px;
}
.procdr-box ul li span i {
	display: block;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 100px;
	font-size: 140%;
	font-weight: 300;
}
.procdr-box ul li span i strong {
	font-weight: 700;
	font-size: 100%;
	display: inline-block;
	border: 2px solid rgb(153,153,153);
	height: 32px;
	width: 32px;
	border-radius:50%;
	text-align:center;
}
.procdr-box ul li img {
	display: block;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	max-width:372px;
	width:100%;
}
.procdr-box p {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left:20px;
	padding-right:20px;
	font-size: 150%;
	clear: both;
	font-weight: 500;
}
.procdr-box p a {
	display: block;
	padding-top: 20px;
	font-size: 100%;
}
.procdr-box p a span {
	display: inline-block;
	color: rgb(204,0,0);
	font-size: 100%;
	font-weight: 300;
	position:relative;
	padding-left:20px;
	text-decoration: underline;
	margin-left:20px;
	margin-right:20px;
}
.procdr-box p a span:before {
	content:'';
	position: absolute;
	left:-20px;
	top:0;
	background-image:url(img/ic-pdf.gif);
	width:29px;
	height:32px;
}


.rezultat {
	background-color: rgb(51,51,51);
	padding-bottom: 40px;
}
.rezlt-box ul {
	padding-top: 20px;
	display: block;
}
.rezlt-box ul li {
	float: left;
	width: 33%;
	position:relative;
	display: block;
}
.rezlt-box ul li.rez-pass {
	opacity:0;
	margin-top:120px;
}
.rezlt-box ul li.rez-actv {
	opacity:1;
	margin-top:0px;
}
.rezlt-box ul li img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	max-width:255px;
	width:100%;
	padding-left:5px;
	padding-right:5px;
}
.rezlt-box ul li img+img {
	display: none;
}
.rezlt-box ul li span {
	display: block;
	color: rgb(255,255,255);
	font-size: 120%;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 40px;
	padding-left: 30px;
}
.rezlt-box ul li span em {
	color: rgb(255,153,0);
	font-weight: 500;
	font-size: 100%;
}
.final-slogan {
	border-top-width: 30px;
	border-top-style: solid;
	border-top-color: rgb(255,153,0);
}
.finslog {
	border-top-width: 16px;
	border-top-style: solid;
	border-top-color: rgb(255,255,255);
	background-color: rgb(245,245,245);
}
.finslog-box ul li{
	float: left;
	width: 60%;
	font-size: 500%;
	color: rgb(51,51,51);
	font-weight: bold;
	text-align: center;
	padding-top: 45px;
	position: relative;
}
.finslog-box ul li span {
	font-size: 120%;
	font-weight: bold;
	color: rgb(255,153,0);
	text-transform: uppercase;
	display: block;
}
.finslog-box ul li+li {
	width: 40%;
	padding-top: 0px;
	font-size: 1px;
	overflow:hidden;
}
.finslog-box ul li i {
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
	display: block;
}
.fin-pasv {
	opacity:0;
}
.fin-actv {
	opacity:1;
}
.chuvak-pass {
	opacity:0;
	left:50%;
}
.chuvak-actv {
	opacity:1;
	left:0;
}

.cont {
	padding-top: 40px;
	padding-bottom: 40px;
}
.cont ul li {
	float: left;
	width: 59%;
}
.cont ul li+li {
	float: right;
	width: 39%;
}
.cont ul li h2 {
	font-size: 350%;
	font-weight: 700;
	padding-left: 20px;
	line-height:100%;
}
.cont  ul li h2 nobr {
	font-family: 'Roboto', sans-serif;
	font-size: 55%;
	font-weight:700;
	text-transform: uppercase;
	clear: left;
	color: rgb(230,138,0);
}
.cont ul li p {
	font-size: 140%;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left:20px;
}
.cont ul li p span {
	display: none;
}
.cont ul li p span a {
	background-color: rgb(102,153,0);
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 130%;
	margin-left: 6px;
	margin-top: 4px;
}
.cont ul li p:last-child {
	margin-top: 10px;
}


.cont ul li p i {
	font-family: 'Roboto', sans-serif;
	color: rgb(255,255,255);
	background-color: rgb(255,102,0);
	display: inline-block;
	height: 50px;
	width: 50px;
	border-radius:50%;
	font-size: 140%;
	text-align: center;
	font-weight: 700;
	margin-right: 5px;
	font-style: normal;
	line-height: 150%;
}
.cont ul li p b {
	font-size: 130%;
	font-weight: 500;
}
.cont ul li+li p {
	padding-right: 20px;
	padding-left: 40px;
	font-size: 175%;
	font-weight: 500;
}
.cont ul li #formmail {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
}
#fname, #femail, #finfo {
	font-family: 'Roboto Condensed', sans-serif;
	width: 100%;
	padding: 6px;
	font-size: 140%;
	font-weight: 100;
	border: 1px solid rgb(204,204,204);
	margin-bottom: 12px;
	border-radius:3px;
	background-color: rgb(245,245,245);
	color: rgb(120,120,120);
}
.cont ul li a {
	color: rgb(255,255,255);
	background-color: rgb(153,153,153);
	display: inline-block;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 1.1em;
	border-radius:3px;
	text-decoration:none;
}
.cont ul li a {
	background-color: rgb(102,153,0);
}
.cont ul li a:hover {
	background-color: rgb(153,204,0);
}
.optprice {
	padding-top: 20px;
	font-weight: bold;
	font-size: 150%;
}
.roznprice {
	padding-top: 20px;
}
.roznprice span {
	display:inline-block !important;
	color: rgb(212, 127, 0);
	text-decoration: underline;
	font-weight: bolder;
	font-size: 120%;
	cursor:pointer;
}
.roznprice span:hover {
	color: rgb(255,102,0);
}
#roznpriceMore {
}
#roznpriceMore i {
	font-weight: bold;
	font-style: normal;
	color: black;
	background-color: transparent;
	display: inline;
}
.rapidtestsite {
	margin-top:20px;
	background-color: transparent !important;
	color: rgb(51,51,51) !important;
	font-size: 120% !important;
	border: solid 2px #CCCCCC;
}
.rapidtestsite:hover {
	border: solid 2px #FF9900 !important;
	color: rgb(0,0,0) !important;
}
.but {
	color: rgb(153,153,153);
	background-color: rgb(51,51,51);
}
.but, .but-actv {
	display: inline-block;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 150%;
	border-radius:3px;
	text-decoration:none;
}
.but-actv {
	color: rgb(255,255,255);
	background-color: rgb(102,153,0);
	cursor:pointer;
}
.but-actv:hover {background-color: rgb(153,204,0);}
#formmail span {
	display: block;
	margin-top: 10px;
	font-size: 100%;
	color: rgb(51,51,51);
}
#iderror {
	font-size: 100%;
	color: rgb(204,0,0);
	padding-top: 10px;
	padding-bottom: 20px;
}
#iderror b {
	font-size: 130%;
}

.nogi {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: rgb(51,51,51);
}
.nogi ul li {
	width:60%;
	float:left;
	display: block;
}
.nogi ul li+li {
	width:40%;
}
.nogi ul li span {
	padding-right: 30px;
	padding-left: 20px;
	font-size: 110%;
	color: rgb(153,153,153);
	display:block;
}
.nogi ul li span a {
	color: rgb(204,204,204);
	font-size: 100%;
}
.nogi ul li+li span {
	padding-right: 20px;
	padding-left:60px;
}

@media only screen and (max-width: 1160px) {
.golova-box ul li span { margin-left:25px; padding-left: 20px; }
.golova-box ul li b { margin-left: 30px; }
.golova-box ul li b em { font-size: 220%; padding-left: 28px; margin-left: -30px; }
.golova-box ul li img { width:45%; }
.golova-box ul li+li a { font-size: 125%; }
.baner h1 { font-size: 325%; }
.baner h2 span { font-size: 130%; }
.baner ul li { padding-left: 88px; padding-bottom: 22px; margin-left: 25px; }
.slogan div p {	font-size: 350%; }
.nabor-box h2 { font-size: 220%; }
.nabor-col1 h3, .nabor-col2 h3 { font-size: 185%; min-height: 95px; }
.nabor-col2 ul li em, .nabor-col1 ul li em { font-size: 130%; margin-left:25px;}
.nabor-col2 ul li em:before, .nabor-col1 ul li em:before { width:18px; height:18px; left:-25px; }
.kasseta h2 span, .procdr-box h2 span, .rezlt-box h2 span { font-size: 325%; }
.kasseta h2 span:before, .procdr-box h2 span:before, .rezlt-box h2 span:before { left: -55px; }
.kasseta h2 span:after, .procdr-box h2 span:after, .rezlt-box h2 span:after { right: -55px; }
.procdr-box ul li span i {	font-size: 130%; }
.cont ul li h2 { font-size: 330%; }
.cont ul li p { font-size: 135%; }
.cont ul li p i { height: 46px; width: 46px; }
.cont ul li #formmail { padding-top: 15px; }
#fname, #femail, #finfo { font-size: 130%; }
.cont ul li a {	font-size: 140%; }
.but {	font-size: 140%; }
}

@media only screen and (max-width: 980px) {
.golova-box ul li span { margin-left:20px; padding-left: 15px; font-size:90%;}
.golova-box ul li b { margin-left: 20px; }
.golova-box ul li b em { font-size: 175%; padding-left: 26px; margin-left: -28px; }
.baner ul li em i {font-size: 180%;}
.golova-box ul li+li a { font-size: 120%; }
.baner h1 { font-size: 290%; line-height:100%; }
.baner h2 span { font-size: 120%; }
.baner ul li { padding-left: 82px; padding-bottom: 22px; margin-left: 15px; }
.baner ul li span {font-size: 100%;}
.slogan div p {	font-size: 300%; }
.nabor-box h2 { font-size: 200%; }
.nabor-col1 h3, { font-size: 175%; }
.nabor-col2 h3 { font-size: 155%; }
.nabor-col2 ul li em, .nabor-col1 ul li em { font-size: 115%; }
.nabor-col1 ul li { background-size:contain; height:140px; }
.nabor-col1 ul+ul li { height:282px; }
.nabor-col2 ul li { background-size:70%; height:140px; }
.kasseta h2 span, .procdr-box h2 span, .rezlt-box h2 span { font-size: 265%; }
.kasseta h2 span:before, .procdr-box h2 span:before, .rezlt-box h2 span:before { left: -50px; top:45%}
.kasseta h2 span:after, .procdr-box h2 span:after, .rezlt-box h2 span:after { right: -50px; top:45% }
.procdr-box ul li span i{min-height: 110px;}
.procdr-box p a span {font-size: 90%;}
.procdr-box ul li img { padding-left:10px; padding-right:10px;}
.rezlt-box ul li span { padding-left:20px; padding-right:20px;font-size: 110%; }
.finslog-box ul li { font-size: 400%; width: 50%;}
.cont ul li h2 { font-size: 300%; }
.cont ul li + li p, .cont ul li #formmail {padding-left:10px;}
.cont ul li p { font-size: 125%; }
.cont ul li p i { height: 42px; width: 42px; }
#fname, #femail, #finfo  { font-size: 115%; }
.cont ul li a {	font-size: 130%; }
.but { font-size: 130%;}
.nogi ul li+li span { padding-right: 20px; padding-left:20px; }
.cont ul li p span { display:inline-block; }

}
@media only screen and (max-width: 700px) {
.golova-box ul li img {width:75%;}
.top-pict-text, .golova-box ul li span { display:none;}
.slogan div p {	font-size: 280%; }
.nabor-box h2 {	font-size: 170%; }
.top-pict { width: 48%; background-size: contain; background-position: top; height: 400px; }
.baner ul { width: 52%; }
.baner ul li span { margin-left: 6px; }
.cont ul li h2 { font-size: 270%;}
.cont ul li p { font-size: 115%;}
.cont ul li p i { height: 38px; width: 38px; }
.kasseta h2 span, .procdr-box h2 span, .rezlt-box h2 span { font-size: 245%; }
.kasseta h2 span::after, .procdr-box h2 span::after, .rezlt-box h2 span::after, .kasseta h2 span::before, .procdr-box h2 span::before, .rezlt-box h2 span::before { display:none;}
.nogi ul li span { padding-right: 20px; font-size: 100%; }
}

@media only screen and (max-width: 640px) {
.slogan div p {	font-size: 250%; }
.golova-box ul li img { width: 85%;}
}

@media only screen and (max-width: 580px) {
.golova-box ul li+li a { font-size: 100%;}
.golova-box ul li b em { font-size: 155%; background-size:8%; padding-left: 20px; margin-left: -22px; }
.baner ul li em i { font-size: 150%;}
.baner h1 { font-size: 275%; }
.slogan div p {	font-size: 220%; }
.nabor-box h2 {	font-size: 150%; padding-bottom: 10px; }
.nabor-col1, .nabor-col2 { width: 100%; }
.nabor-col1 h3, .nabor-col2 h3 {  min-height: 25px; }
.nabor-col1 h3 { font-size: 170%;}
.nabor-col2 h3 {  padding-top: 35px; }
.nabor-col2 ul li { width:49%; margin-right:2px; float:left;}
.rezlt-box ul li img { display: none;}
.rezlt-box ul li img+img { display: block; max-width:109px;}
.rezlt-box ul li span { padding-left: 10px; padding-right: 10px; font-size: 105%; }
.rezlt-box h2 span { font-size: 225%;}
.cont ul li h2 { font-size: 240%;}
.finslog-box ul li { font-size: 360%;}
}

@media only screen and (max-width: 480px) {
	li#trubka { display:block;}
	.golova { border-top-width: 5px;}
	.golova-box { height: 40px; }
	.golova-box ul li+li a { font-size: 90%; line-height:100% }
	.golova-box ul li img { padding-left: 10px;}
	.golova-box ul li + li + li { display:none; }
	.telo { padding-top: 40px; }
	.baner h1 { font-size: 200%; }
	.baner h2 span { font-size: 110%; }
	.s04 span { font-size: 110%; }
	.baner ul { width: 100%; margin-top:20px;}
	.top-pict { width: 100%; height: 350px; }
	.nabor-col1 ul { padding-left: 3px;}
	.nabor-col2 { border:none }
	.nabor-col2 ul li em::before, .nabor-col1 ul li em::before { width: 9px; height: 18px; left: -16px; }
	.nabor-col2 ul li em, .nabor-col1 ul li em { font-size: 110%; margin-left: 16px; }
	.nabor-col1 ul li { height: 120px;}
	.nabor-col1 ul+ul li { height: 242px;}
	.nabor-col2 ul, .nabor-col1 ul { padding-right: 3px; padding-left: 3px; margin-top: 10px; }
	.kasseta h2 span, .procdr-box h2 span, .rezlt-box h2 span { font-size: 175%; }
	.procdr-box ul li { width: 100%;}
	.procdr-box ul li+li {
	margin-top:40px;
}
	.rezlt-box ul li { width: 100%;}
	.rezlt-box ul li span { padding-top: 10px;}
	.finslog-box ul li { font-size: 220%; padding-top: 20px;}
	.finslog-box ul li + li img {width:100%;}
	.cont ul li { width: 100%; }
	.cont ul li+li { width: 100%; margin-top:40px;}
	.procdr-box ul li img { padding-left: 40px; padding-right: 40px; padding-top:10px; padding-bottom:10px; }
	.procdr-box ul li span i { min-height: 10px;}
	.procdr-box ul li span em { font-size: 300%; height: 60px; width: 60px; }
}
