body {
    font-family: 'Roboto Slab', serif;
    color: #000000;
    line-height:1.2em;
    font-size:1em;
    line-height:20px;
	background: #909090;
}
#headerblock {
	margin: 0 auto;
	padding: 0;
	height: auto;
	width: 100%;
	background: url(../images/bg1.jpg);
}
.backslide {
	background: rgba(0, 0, 0, 0) url("../images/bg2.jpg") no-repeat scroll 105px 20% / cover;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
#block1 {
	clear: both;
	background: #cfcfcf;
	margin: 0 auto;
	max-width: 1160px;
}
#block1 div { padding: 1.4%; font-size: 1.4vw; padding-top: 1.7%; padding-bottom: 1.7%; line-height: 150%;}
#block2 {
	clear: both;
	background: #981e34;
	margin: 0 auto;
	max-width: 1160px;
}
#block2 .blockzagl2 { color: #fff;}
#block3 {
	clear: both;
	background: #6e091c;
	margin: 0 auto;
	max-width: 1160px;
}
#block2 .blockzagl3 { color: #fff;}
#block4 {
	clear: both;
	background: #fff;
	margin: 0 auto;
	max-width: 1160px;
	color: #000;
}
#block5 {
	clear: both;
	background: #981e34;
	margin: 0 auto;
	max-width: 1160px;
}
#block2 .blockzagl5 { color: #fff;}
#footer {
	clear: both;
	background: #676767;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 1.3vw;
	padding-top: 19px;
	padding-bottom: 19px;
}
.logo { float: left; margin: 0; padding: 0; width: 27%;}
.logo img, .lang img, .social a img {width: 100%; height: auto;}
.lang { float: right; margin: 0; padding: 0; width: 6%; text-align: right;}
.lang p { margin-top: 3px; margin-bottom: 9px; padding: 0;}
.zagolovok { clear: both; padding-top: 1%; padding-bottom: 0.5%;}
.zagolovok h1, .zagolovok h2 { margin: 0; padding: 0;}
.zagolovok h1 {font-size: 5.7vw; font-weight: normal; line-height: 100%; padding-bottom: 1%;}
.zagolovok h2 {font-size: 3.7vw; font-weight: normal; line-height: 100%; padding-bottom: 2%;}  
.contacttop {background: url(../images/bg3.png); color: #fff; padding-top: 0.3%; padding-bottom: 0.3%;}
.contacttop p { margin: 0; padding: 0; font-size: 2.7vw; font-weight: bold; margin-top: 0.5%; margin-bottom: 0.5%; padding-left: 4%; line-height: 100%;}
.social {background: url(../images/bg4.png); color: #fff; padding-top: 1%; padding-bottom: 1%;}
.social a {display: inline-block; width: 5%; margin-right: 1%;}
.social a.podpis {background: #981e34; border-radius: 4px; clear: both; color: #fff; font-size: 1.4vw; line-height: 333%; margin: 0; padding: 0; text-align: center; text-decoration: none; vertical-align: top; width: 22%;}
.tellc {background: url(../images/c1.png) left center no-repeat; background-size: contain;}
.tellc2 {background: url(../images/c2.png) left center no-repeat; background-size: contain;}
.tellc3 {background: url(../images/c3.png) left center no-repeat; background-size: contain;}
.bykv1 { font-size: 5.7vw; color: #981e34; line-height: 68%;}
.blockzagl2 {
	float: left; 
	background: url(../images/1sp.png) left top no-repeat; 
	color: #fff; 
	font-size: 1.7vw;
    font-weight: bold;
    line-height: 43px;
    margin-left: 2%;
    margin-top: 2%;
    padding: 0.4% 1% 2% 5%;
    vertical-align: top;
    width: 22%;
}
.desript2 { margin-left: 30%; background: #fff; padding: 2.5%;}
.blockzagl3 {
	float: left; 
	background: url(../images/2sp.png) left top no-repeat; 
	color: #fff; 
	font-size: 1.7vw;
    font-weight: bold;
    line-height: 43px;
    margin-left: 2%;
    margin-top: 2%;
    padding: 0.4% 1% 2% 5%;
    vertical-align: top;
    width: 22%;
}
.desript3 { margin-left: 30%; background: #cfcfcf; padding: 2.5%;}
.desript4 { padding: 2.5%;}
.blockzagl5 {
	float: left; 
	background: url(../images/3sp.png) left top no-repeat; 
	color: #fff; 
	font-size: 1.7vw;
    font-weight: bold;
    line-height: 26px;
    margin-left: 2%;
    margin-top: 2%;
    padding: 0.4% 1% 2% 5%;
    vertical-align: top;
    width: 22%;
}
.desript5 { margin-left: 30%; background: #cfcfcf; padding: 2.5%;}
ul { padding: 0; margin: 0;}
ul li { margin-bottom: 2.5%; color: #981e34;}
ul li span { color: #000;}
.social2 {display: none;}
/*-------------------------------------------------Mobile & Big--------------------------*/
@media (min-width: 320px) and (max-width: 360px) {
	.lang { float: none; width: 100%; height: 60px; text-align: center; background: #cfcfcf; margin-top: -180px; position: relative;}
	.logo {
    background: #981e34 none repeat scroll 0 0;
    float: none;
    height: 100px;
    margin-top: 58px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 100%;
	}
	.logo {float: none; width: 100%; text-align: center; background: #981e34; margin-top: 29px; padding-top: 10px; padding-bottom: 10px; height: 100px;}
	.logo img { height: 100%; width: auto;}
	.lang { float: none; width: 100%; height: 29px; text-align: center; background: #cfcfcf; margin-top: -149px; position: relative;}
	.lang p {display: inline-table; text-align: center; margin-left: 3%; margin-right: 3%; width: 13%;}
	.zagolovok { padding-left: 18px; padding-top: 155px;}
	.backslide {
		background: url("../images/bg2.jpg") no-repeat right bottom;
		margin: 0 auto;
		padding: 0;
		width: 100%;
		background-size: 90%;
	}
	.social2 {display: block; background: url("../images/bg4.png"); padding-top: 7px; padding-bottom: 7px;}
	.social {display: none;}
	.social2 a {display: inline-block; width: 12%; margin-right: 1%;}
	.social2 a.podpis {background: #981e34; border-radius: 4px; clear: both; color: #fff; font-size: 7px; line-height: 333%; margin: 0; margin-top: 3px; padding: 0; text-align: center; text-decoration: none; vertical-align: top; width: 38%;}
	.social2 a img {width: 100%; height: auto;}
	.contacttop { float: left;}
	.contacttop { width: 61%; background: none; padding-top: 4%;}
	.contacttop p { font-weight: normal; font-size: 14px; padding-left: 12%; margin-left: 7px;}
	#block1 div { font-size: 1em;}
	.blockzagl2 { width: 83%; float: none; height: 40px; margin-top: 0px; font-size: 17px; padding-left: 12%; background: url(../images/1sp.png) left center no-repeat;  background-size: 8%;}
	.desript2, .desript3, .desript5 {margin-left: 0px;}
	.blockzagl3 {width: 83%; float: none; height: 40px; margin-top: 0px; font-size: 17px; padding-left: 12%; background: url(../images/2sp.png) left center no-repeat;  background-size: 8%;}
	.blockzagl5 { width: 83%; float: none; height: 40px; margin-top: 0px; font-size: 17px; line-height: 22px; padding-left: 12%; background: url(../images/3sp.png) left center no-repeat;  background-size: 8%;}
	.eng15 {line-height: 43px;}
	#footer {font-size: 12px;}
	ul li {margin-left: 13px;}
}
@media (min-width: 360px) and (max-width: 380px) {
	.logo {float: none; width: 100%; text-align: center; background: #981e34; margin-top: 70px; padding-top: 10px; padding-bottom: 10px; height: 100px;}
	.logo img { height: 100%; width: auto;}
	.lang { float: none; width: 100%; height: 72px; text-align: center; background: #cfcfcf; margin-top: -189px; position: relative;}
	.lang p {display: inline-table; text-align: center; margin-left: 3%; margin-right: 3%; width: 13%;}
	.zagolovok { padding-left: 18px; padding-top: 154px;}
	.backslide {
		background: rgba(0, 0, 0, 0) url("../images/bg2.jpg") no-repeat scroll right bottom;
		margin: 0 auto;
		padding: 0;
		width: 100%;
		background-size: 90%;
	}
	.contacttop { float: left;}
	.social2 {display: block; background: url("../images/bg4.png"); padding-top: 7px; padding-bottom: 7px;}
	.social {display: none;}
	.social2 a {display: inline-block; width: 12%; margin-right: 1%;}
	.social2 a.podpis {background: #981e34; border-radius: 4px; clear: both; color: #fff; font-size: 10px; line-height: 333%; margin: 0; margin-top: 3px; padding: 0; text-align: center; text-decoration: none; vertical-align: top; width: 38%;}
	.social2 a img {width: 100%; height: auto;}
	.contacttop { width: 61%; background: none; padding-top: 4%;}
	.contacttop p { font-weight: normal; font-size: 4vw; padding-left: 8%; margin-left: 7px;}
	#block1 div { font-size: 1em;}
	.blockzagl2 { width: 83%; float: none; height: 40px; margin-top: 0px; font-size: 17px; padding-left: 11%; background: url(../images/1sp.png) left center no-repeat;  background-size: 30px;}
	.desript2, .desript3, .desript5 {margin-left: 0px;}
	.blockzagl3 {width: 83%; float: none; height: 40px; margin-top: 0px; font-size: 17px; padding-left: 11%; background: url(../images/2sp.png) left center no-repeat;  background-size: 30px;}
	.blockzagl5 { width: 83%; float: none; height: 40px; margin-top: 0px; font-size: 17px; line-height: 21px; padding-left: 11%; background: url(../images/3sp.png) left center no-repeat;  background-size: 30px;}
	.eng15 {line-height: 43px;}
	#footer {font-size: 12px;}
	ul li {margin-left: 13px;}
}
/*-----------------------------------------------------------*/
@media (min-width: 380px) and (max-width: 540px) {
	.logo {float: none; width: 100%; text-align: center; background: #981e34; margin-top: 70px; padding-top: 10px; padding-bottom: 10px; height: 100px;}
	.logo img { height: 100%; width: auto;}
	.lang { float: none; width: 100%; height: 72px; text-align: center; background: #cfcfcf; margin-top: -189px; position: relative;}
	.lang p {display: inline-table; text-align: center; margin-left: 3%; margin-right: 3%; width: 13%;}
	.zagolovok { padding-left: 18px; padding-top: 147px;}
	.backslide {
		background: rgba(0, 0, 0, 0) url("../images/bg2.jpg") no-repeat scroll right bottom;
		margin: 0 auto;
		padding: 0;
		width: 100%;
		background-size: 90%;
	}
	.contacttop { float: left;}
	.social2 {display: block; background: url("../images/bg4.png"); padding-top: 7px; padding-bottom: 7px;}
	.social {display: none;}
	.social2 a {display: inline-block; width: 12%; margin-right: 1%;}
	.social2 a.podpis {background: #981e34; border-radius: 4px; clear: both; color: #fff; font-size: 2.5vw; line-height: 333%; margin: 0; margin-top: 3px; padding: 0; text-align: center; text-decoration: none; vertical-align: top; width: 38%;}
	.social2 a img {width: 100%; height: auto;}
	.contacttop { width: 61%; background: none; padding-top: 4%;}
	.contacttop p { font-weight: normal; font-size: 4vw; padding-left: 9%; margin-left: 7px;}
	#block1 div { font-size: 1em;}
	.blockzagl2 { width: 83%; float: none; height: 40px; margin-top: 0px; font-size: 4vw; padding-left: 8%; background: url(../images/1sp.png) left center no-repeat;  background-size: 30px;}
	.desript2, .desript3, .desript5 {margin-left: 0px;}
	.blockzagl3 {width: 83%; float: none; height: 40px; margin-top: 0px; font-size: 4vw; padding-left: 8%; background: url(../images/2sp.png) left center no-repeat;  background-size: 30px;}
	.blockzagl5 { width: 83%; float: none; height: 40px; margin-top: 0px; font-size: 4vw; line-height: 23px; padding-left: 8%; background: url(../images/3sp.png) left center no-repeat;  background-size: 30px;}
	.eng15 {line-height: 43px;}
	#footer {font-size: 12px;}
	ul li {margin-left: 13px;}
	.zagolovok h1 {font-size: 7.7vw;}
}

/*-----------------------------------------------------------*/
@media (min-width: 540px) and (max-width: 630px) {
	.logo {float: none; width: 100%; text-align: center; background: #981e34; margin-top: 70px; padding-top: 10px; padding-bottom: 10px; height: 100px;}
	.logo img { height: 100%; width: auto;}
	.lang { float: none; width: 100%; height: 72px; text-align: center; background: #cfcfcf; margin-top: -189px; position: relative;}
	.lang p {display: inline-table; text-align: center; margin-left: 3%; margin-right: 3%; width: 13%;}
	.zagolovok { padding-left: 18px; padding-top: 154px;}
	.backslide {
		background: rgba(0, 0, 0, 0) url("../images/bg2.jpg") no-repeat scroll right bottom;
		margin: 0 auto;
		padding: 0;
		width: 100%;
		background-size: 90%;
	}
	.contacttop { float: left;}
	.social2 {display: block; background: url("../images/bg4.png"); padding-top: 7px; padding-bottom: 7px;}
	.social {display: none;}
	.social2 a {display: inline-block; width: 12%; margin-right: 1%;}
	.social2 a.podpis {background: #981e34; border-radius: 4px; clear: both; color: #fff; font-size: 2.5vw; line-height: 333%; margin: 0; margin-top: 3px; padding: 0; text-align: center; text-decoration: none; vertical-align: top; width: 38%;}
	.social2 a img {width: 100%; height: auto;}
	.contacttop { width: 61%; background: none; padding-top: 4%;}
	.contacttop p { font-weight: normal; font-size: 4vw; padding-left: 9%; margin-left: 7px;}
	#block1 div { font-size: 1em;}
	.blockzagl2 { width: 83%; float: none; height: 40px; margin-top: 0px; font-size: 17px; padding-left: 8%; background: url(../images/1sp.png) left center no-repeat;  background-size: 30px;}
	.desript2, .desript3, .desript5 {margin-left: 0px;}
	.blockzagl3 {width: 83%; float: none; height: 40px; margin-top: 0px; font-size: 17px; padding-left: 8%; background: url(../images/2sp.png) left center no-repeat;  background-size: 30px;}
	.blockzagl5 { width: 83%; float: none; height: 40px; margin-top: 0px; font-size: 17px; line-height: 45px; padding-left: 8%; background: url(../images/3sp.png) left center no-repeat;  background-size: 30px;}
	#footer {font-size: 12px;}
	ul li {margin-left: 13px;}
	.zagolovok h1 {font-size: 7.7vw;}
}
/*-----------------------------------------------------------*/
@media (min-width: 630px) and (max-width: 769px) {
	.logo {float: none; width: 100%; text-align: center; background: #981e34; margin-top: 70px; padding-top: 10px; padding-bottom: 10px; height: 100px;}
	.logo img { height: 100%; width: auto;}
	.lang { float: none; width: 100%; height: 72px; text-align: center; background: #cfcfcf; margin-top: -189px; position: relative;}
	.lang p {display: inline-table; text-align: center; margin-left: 3%; margin-right: 3%; width: 13%;}
	.zagolovok { padding-left: 18px; padding-top: 170px;}
	.backslide {
		background: rgba(0, 0, 0, 0) url("../images/bg2.jpg") no-repeat scroll right bottom;
		margin: 0 auto;
		padding: 0;
		width: 100%;
		background-size: 90%;
	}
	.contacttop { float: left;}
	.social2 {display: block; background: url("../images/bg4.png"); padding-top: 7px; padding-bottom: 7px;}
	.social {display: none;}
	.social2 a {display: inline-block; width: 12%; margin-right: 1%;}
	.social2 a.podpis {background: #981e34; border-radius: 4px; clear: both; color: #fff; font-size: 2.5vw; line-height: 333%; margin: 0; margin-top: 3px; padding: 0; text-align: center; text-decoration: none; vertical-align: top; width: 38%;}
	.social2 a img {width: 100%; height: auto;}
	.contacttop { width: 61%; background: none; padding-top: 4%;}
	.contacttop p { font-weight: normal; font-size: 4vw; padding-left: 9%; margin-left: 7px;}
	#block1 div { font-size: 1em;}
	.blockzagl2 { width: 83%; float: none; height: 40px; margin-top: 0px; font-size: 17px; padding-left: 6%; background: url(../images/1sp.png) left center no-repeat;  background-size: 30px;}
	.desript2, .desript3, .desript5 {margin-left: 0px;}
	.blockzagl3 {width: 83%; float: none; height: 40px; margin-top: 0px; font-size: 17px; padding-left: 6%; background: url(../images/2sp.png) left center no-repeat;  background-size: 30px;}
	.blockzagl5 { width: 83%; float: none; height: 40px; margin-top: 0px; font-size: 17px; line-height: 45px; padding-left: 6%; background: url(../images/3sp.png) left center no-repeat;  background-size: 30px;}
	#footer {font-size: 12px;}
	ul li {margin-left: 13px;}
	.zagolovok h1 {font-size: 7.7vw;}
}
@media (min-width: 770px) and (max-width: 1020px) {
	ul li {margin-left: 13px;}
	.logo {margin-left: 17px;}
	.lang { margin-right: 17px;}
	.zagolovok { margin-left: 17px;}
	.contacttop, .social {padding-left: 17px;}
	#block1 div {font-size: 2.4vw;}
	.blockzagl5, .blockzagl3, .blockzagl2 {font-size: 2vw; padding-left: 7%;}
	.social a.podpis {font-size: 1.5vw;}
	#footer {font-size: 1em;}
	#block1 div { font-size: 1em; line-height: 20px;}
	
}
@media (min-width: 1021px) and (max-width: 1160px) {
	ul li {margin-left: 13px;}
	.logo {margin-left: 17px;}
	.lang { margin-right: 17px;}
	.zagolovok { margin-left: 17px;}
	.contacttop, .social {padding-left: 17px;}
	#block1 div {font-size: 2.4vw;}
	.blockzagl5, .blockzagl3, .blockzagl2 {font-size: 2vw; padding-left: 7%;}
	.social a.podpis {font-size: 1.5vw;}
	#footer {font-size: 1em;}
	#block1 div { font-size: 1em; line-height: 20px;}
}
@media (min-width: 1024px) and (max-width: 1160px) {
	#block1 div, .desript2, .desript3, .desript4, .desript5 { font-size: 20px; line-height: normal;}
	}
@media (min-width: 1161px) and (max-width: 3000px) {
	.contacttop p {font-size: 35px;}
	.social a.podpis {font-size: 17px;}
	.blockzagl5, .blockzagl2, .blockzagl3 {padding: 0.4% 1% 2% 6%; font-size: 24px;}
	#footer { font-size: 17px;}
	#block1 div { font-size: 17px;}
	.zagolovok h1 {font-size: 64px;}
	.zagolovok h2 { font-size: 36px;}
	#headerblock {width: 1160px;}
	body { background: #909090 url("../images/bg3.jpg") left -240px repeat-x;}
	#block1 div, .desript2, .desript3, .desript4, .desript5 { font-size: 20px; line-height: normal;}
}