@charset "utf-8";
/* CSS Document */
input.resp-nav, label.resp-nav { display:none; cursor:pointer; }

#wrapper { min-width:320px; }
@media screen and (max-width: 1100px), screen and (max-device-width: 1100px), screen and (max-width: 1100px) {
	#content div.products > div p {
		padding:10px;
		line-height: 18px;
	}
}
@media screen and (max-width: 980px), screen and (max-device-width: 980px), screen and (max-width: 980px) {
	#content div.products > div {
		width:22%;
		padding-top: 22%;
	}
	#content div.products > div div.icon {
		width:40%;
	}
	#content div.products > div div.title, #content div.products > div div.title * {
		font-size:14px;
		line-height: normal;
	}
	#content div.products > div:hover div.title {
		top:3%;
		transform:translateY(0%);
	}
	#content div.products > div div.text {
		padding:10px;
		line-height: 18px;
	}
}
@media screen and (max-width: 900px), screen and (max-device-width: 900px), screen and (max-width: 900px) {
	label.resp-nav { display:inline-block; color:transparent; 
		line-height:0px; height:40px; font-size:0px; width:40px; 
		background:url(../images/menu.png) center center no-repeat #f15923;
		position: absolute;
		top:0px;
		right:0px;
		}
	ul.menu > li { display:block; }
	ul.menu > li+li {
		margin-left: 0px;
		margin-top: 10px;
	}
	ul.menu { 
		visibility:hidden; 
		position:absolute; 
		opacity:0; 
		background:#fff; 
		top:40px; 
		padding:10px 20px !important; 
		width:auto !important; right:0px; 
		box-shadow:-2px 3px 8px rgba(47,17,8,.25); 
		text-align: left;
	}
	ul.menu li a { white-space:nowrap; }
	ul.menu li.lang {
		float:none;
	}
	input[class="resp-nav"]:checked ~ ul { visibility:visible; opacity:1; transition:all .3s; -webkit-transition:all .3s; }

	div.menu {
		position: fixed;
		z-index: 10;
		top:20px;
		right:20px;
	}

	div.contacts {
		position: relative;
		text-align: center;
		top:auto;
		right:auto;
	}
	#header div.c {
		text-align: center;
	}
	#logo {
		margin-bottom: 20px;
		display: inline-block;
		width:80%;
	}

	div.cols {
		display: block;
	}
	div.cols > div {
		display: block;
		width:100% !important;
	}
	div.cols > div + div {
		margin-top: 30px;
	}
	/* home */
	#wrapper.home #content {
		padding-top:20px;
	}
	#wrapper.home #bg {
		position: relative !important;
		width:100% !important;
		top:auto !important;
		left: auto !important;
	}
	#wrapper.home #bg img {
		width:100% !important;
		height: auto !important;
		margin:0 !important;
	}


	#content div.home-block {
		flex-direction: column-reverse;
	}
	#content div.intro, #content div.news-home {
		padding:0px 20px;
	}
	#content div.lead *, #content h1, #content div.news-home a.title, #content #news a  {
		color:#686868;
	}
	#content #news a, #content div.news-home span.published {
		padding:0;
	}
	#content div.news-home span.published {
		background: none;
		color:#686868;
	}
	#content #news a {
		color:#f15922;
	}
	#content #news a:hover {
		color:#686868;
		background: none;
	}
	#content div.intro, #content div.news-home {
		float:none;
		width:100% !important;
	}
	#content div.news-home {
		margin-bottom:25px;
	}
	#content h1, #content div.news-home a.title {
	 	margin:0;
	 	font-size: 24px;
	 	margin-bottom: 20px;
	}
	#content div.products {
		margin-top: 0px;
		flex-wrap:wrap;
		padding:0px 20px;
		justify-content:space-around;
	}
	#content div.products > div {
		width:40%;
		padding-top: 40%;
		margin-top: 20px;
	}

	div.box.sticky {
		position: relative !important;
		width:100% !important;
	}

	/* home */
	#content div.products > div div.title  {
		font-size:24px;
	}
	#content div.products > div div.title * {
		font-size:18px;
	}

	ul.submenu a i::after {
		position: relative;
		display: none;
		content:"";
	    white-space: pre;
	}
}

@media screen and (max-width: 700px), screen and (max-device-width: 700px), screen and (max-width: 700px) {
	div.c {
		padding:0 !important;
	}
	#footer {
		padding:10px;
	}
	#header {
		padding:20px 0px;
	}
	/* home */
	#content div.products > div div.title {
		font-size: 16px;
	}
	#content div.products > div div.title, #content div.products > div div.title * {
		font-size:14px;
		line-height: normal;
	}

	ul.footer-menu, div.siteby {
		display: block;
		float:none;
		text-align: center;
	}
	div.siteby {
		margin-top: 10px;
	}
}

@media screen and (max-width: 500px), screen and (max-device-width: 500px), screen and (max-width: 500px) {
	div.contacts {
		display: none;
	}
	#logo {
		margin-top: 60px;
	}

	ul.footer-menu, div.siteby {
		display: block;
		float:none;
		text-align: center;
	}
	div.siteby {
		margin-top: 10px;
	}
	#content div.products {
		justify-content:center;
	}
	#content div.products > div {
		width:70%;
		padding-top: 70%;
	}
	/* home */
	#content div.products > div div.title  {
		font-size:24px;
	}
	#content div.products > div div.title * {
		font-size:18px;
	}
}

@media screen and (max-width: 400px), screen and (max-device-width: 400px), screen and (max-width: 400px) {
	/* home */
	#content div.products > div div.title {
		font-size: 16px;
	}
	#content div.products > div div.title, #content div.products > div div.title * {
		font-size:14px;
		line-height: normal;
	}
}