html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html {
	height:100%;
}

body {
	font-family: 'Open Sans', sans-serif;
	color:#575757;
	height:100%;
}

a {
	text-decoration: none;
	color:#575757;
}

h2 {
	text-align:center;
	font-weight:700;
	font-size:38px;
	letter-spacing: 5px;
	margin-bottom:50px;
	text-transform:uppercase;
}

sup {
	font-size:xx-small; 
	vertical-align:top;
}

#header {
	width:100%;
	height:20%;
	position:absolute;
	background-color:white;
	z-index:999;
	transform: translate3d(0,0,0);
}

.logo {
	width: 7%;
	max-width: 90px;
	min-width: 50px;
	position:absolute;
	top: 30px;
	left: 4%;
}

/*MENU*/
.menu {
	font-size:18px;
	text-transform: uppercase;
	letter-spacing:0.5px;
	list-style:none;
	position:absolute;
	width:100%;
	top:70px;
	padding:0;
}

.menu-center {
	position:absolute;
	width:100%;
	text-align:center;
}

.menu-right {
	position:absolute;
	right:4%;
}

.menu li {
	display:inline-block;
	margin:0px 20px;
	color:#575757	;
}

.menu li:hover {
	border-bottom:1px solid #0B90C0;
	animation-name:menuhover;
	animation-duration: 0.2s;
}

@keyframes menuhover {
	from {padding-bottom:4px;}
	to {padding-bottom:0px;}
}

.menu-fixed {
	height:60px!important;
	position:fixed!important;
	box-shadow: 0 5px 27px 0 rgb( 0, 0, 0,0.3);
}
.menu-fixed img {
	top: 6px;
	width: 50px;
	min-width: 50px;
}
.menu-fixed ul {
	top:20px;
}

/*LANGS*/
.lang {
	margin:0px 5px!important;
}

.slash-lang {
	margin:0!important;
}

.active-lang {
	font-weight:700;
	cursor:default;
}
.slash-lang, .active-lang:hover {
	animation-name:none;
	border:0!important;
}

/*MOBILE MENU*/
.menu-icon {
	display:none;
}

/* SECTION 1 */
.top-container {
	width:80%;
	max-width:980px;
	margin:auto;
	min-height:540px;
	height:100%;
	text-align:center;
	position:relative;
}

.top-container h1 {
	font-size:48px;
	color: #4d70b0;
	position:relative;
	top:36%;
	letter-spacing:5px;
}

.top-container h1 span {
	font-size:32px;
	font-weight: 300;
	position:relative;
	color:#575757;
	display:block;
}

.top-container a {
	display:block;
	position:relative;
	top:51%;
	font-size:18px;
	letter-spacing:3px;
}

.top-container a:hover {
	color:#0B90C0;
}

.top-container a img {
	margin-top:10px;
	width:78px;
}

/*PRODUCTS*/
.products {
	width:100%;
	background-color: #4d70b0;
	padding-top:50px;
}
.products-dia-bg {
	width:100%;
	height:20%;
	background: url('images/dia-bg.png') no-repeat;
	background-size:100%;
	background-position:top left;
	margin-top:-1px;
}
.product-container {
	width:90%;
	max-width:1080px;
	margin:auto;
	text-align:center;
}
.product-container h2 {
	color:#ffffff;
}
.product-item {
	display:inline-block;
	width: 40%;
	text-align:center;
	margin-bottom:20px;
}
.product-item h3 {
	font-size:26px;
	letter-spacing: 5px;
	color:#ffffff;
	margin-bottom:20px;
	text-transform: uppercase;
}
.product-item img {
	border-radius: 50%;
	border: 10px solid #81ceeb;
	width:65%;
}

/*INDUSTRIES*/
.industries {
	width:100%;
	padding-top:25px;
}
.industries-container {
	width:90%;
	max-width:1080px;
	margin:auto;
	text-align:center;
	margin-bottom:80px;
}
.industries-container h2 {
	color:#575757;
}
.industries-column-1 {
	display:inline-block;
	width:45%;
	text-align:left;
}
.industries-column-2 {
	display:inline-block;
	width:45%;
	text-align:left;
}
.industries-item {
	width:100%;
	margin-bottom:12px;	
	display: table;
}
.industries-item img {
	width:68px;
	vertical-align: middle;
	/*	margin-right:32px;*/
	display: table-cell;
}
.industries-item h3 {
	vertical-align: middle;
	display: table-cell;
	font-weight: 300;
	font-size:22px;
	width:79%;
}
.tm-phone{
	float: right;
	position: relative;
	padding: 0 20px;
	font-weight: bold;
}
/*PROCESS*/
.process {
	width:100%;
}
.line-section {
	width:100%;
	background-color: #4d70b0;
	padding:37px 0;
	color:#ffffff;
}
.process-container{
	width:90%;
	max-width:1080px;
	margin:auto;
	text-align:center;
	margin-bottom:60px;
}
.process-description {
	font-size:24px;
	font-weight:300;
	margin-bottom:50px;
}
.process-single-img {
	width:950px;
}
.process-column {
	display:inline-block;
	width: 24%;
	vertical-align:top;
}
.process-column .column-header {
	width:100%;
	background-color: #4d70b0;
	height:84px;
	display:flex;
}
.process-column .column-header h3 {
	margin:auto;
	text-align:center;
	font-size:20px;
	font-weight:700;
	color:#ffffff;
	line-height: 18px;
}
.process-column .column-content {
	width:90%;
	height:655px;
	background-color: #81ceeb5c;
	padding:15px 5% 0 5%;
	color: #575757;
	font-size: 16px;
	font-weight: 300;
	text-align: left;
	margin-bottom: 7px;
	letter-spacing: -1px;
}
.column-content-ru {
	height: 1080px!important;
}
.process-column .column-content h4 {
	color:#575757;
	font-size:16px;
	font-weight: 300;
	text-align:left;
	margin-bottom:7px;
	letter-spacing: -1px;
}
.process-column .column-content h4 span {
	font-weight:700;
	text-transform: uppercase;
}
.process-column .column-content h4 .process-smaller {
	font-size:14px;
	letter-spacing: -1.5px;
}

.process-column img {
	display:none;
}

/*CONTROL*/
.control {
	width:100%;
}
.control-container{
	width:90%;
	max-width:1080px;
	margin:auto;
	text-align:center;
}
.control-desktop-img {
	width:950px;
}
.control-mobile-img {
	display:none;
}
.control-block {
	width:90%;
	padding:25px 5%;
	background-color: #81ceeb4a;
	margin-top:50px;
	margin-bottom:50px;
	text-align:left;
}
.control-item {
	font-size:22px;
	color:#575757;
	margin:20px 0;
}
.control-item h3 {
	font-weight: 700;
	display:inline;
	text-transform: uppercase;
}
.control-item h4 {
	font-weight: 300;
	display:inline;
}
.benefit {
	text-transform: uppercase;
	font-size:24px;
	font-weight: 300;
	letter-spacing: 3px;
	color:#575757;
	margin-bottom:15px;
}

/*CONTACTS*/
.contacts-dia-bg {
	width:100%;
	height:20%;
	background: url('images/dia-bg.png') no-repeat;
	background-size:100%;
	background-position:top left;
	transform: rotateX(-180deg);
	margin-bottom:-1px;
}
.contacts {
	width:100%;
	background-color: #0B90C0;
	padding-top:50px;
	background: rgb(11,144,192);
	background: linear-gradient(180deg, rgba(11,144,192,1) 0%, rgba(70,52,78,1) 100%);
}
.contacts-container {
	width:90%;
	max-width:980px;
	margin:auto;
	text-align:center;
}
.contacts-container h2 {
	color:#ffffff;
}

.contacts-container img {
	width: 99px;
	margin-top:40px;
}

.contacts-container h3 {
	font-size:32px;
	font-weight: 700;
	color:#ffffff;
	margin-top:15px;
}
.hidden-big{
	display: none;
}
.contacts-block {
	width: 80%;
	margin: auto;
	margin-bottom: 80px;
}
.contacts-container .contacts-block a, .contacts-container .contacts-block span {
	font-size:24px;
	color:#ffffff;
	margin-top:5px;
}
.contacts-container .contacts-block a:hover {
	color:#575757;
}
.address {
	display:block;
}

/*FOOTER MENU*/
.footer-menu {
	font-size:16px;
	font-weight: 400;
	letter-spacing:0.5px;
	list-style:none;
	width:100%;
	padding:0;
	text-align:center;
}

.footer-menu li {
	display:inline-block;
	margin:0px 15px;
	color:#ffffff;
}

.footer-menu li:hover{
	color:#575757;
}

.copyright {
	color:#ffffff;
	font-size:12px;
	padding:20px 0;
	font-weight: 300;
	text-align:center;
}

.to-top {
	display:none;
}

@media (max-width:1560px) {
	.menu {
		font-size:16px;
	}
	.menu li {
		margin:0px 15px;
	}
	.product-item {
		margin-bottom:17px;
	}
	.product-item h3 {
		font-size:24px;
	}
	.product-item img {
		width:60%;
	}
	.industries-item img {
		width:64px;
	}
	.industries-item h3 {
		width:81%;
		font-size:20px;
	}
	.control-item {
		font-size:20px;
	}
	.benefit {
		font-size:22px;
	}
}


@media (max-width:1200px) {
	.logo {
		top:38px;
		z-index:9;
	}
	.hidden-big{
		display: block;
	}
	.tm-phone{
		display: none;
	}
	.menu {
		top:32px;
	}
	.menu li {
		display:none;
	}
	.menu-icon {
		display:inline-block;
		position:absolute;
		font-size:32px;
		color: #4d70b0;
		font-weight: 700;
		right:4%;
		text-decoration: none;
	}
	.menu-fixed ul {
		top:7px;
	}
	.menu-fixed .menu.responsive .menu-icon {
		top:3px;
	}
	.menu-icon:focus {
		text-decoration: none;
		color:#575757;
	}
	.menu-icon:hover {
		text-decoration:none;
		color:#575757;
	}
	.menu.responsive {
		position:absolute;
		left:0;
		top:0;
		padding-top:100px;
		padding-left:0px;
		padding-bottom:480px;
		margin:0;
		width:100%;
		background-color:#ffffff;
		z-index:8;
	}
	.menu.responsive .menu-icon {
		position:absolute;
		top: 26px;
		right:4.9%;
		font-size:40px;
		text-decoration: none;
		display: block;
	}
	.menu.responsive li {
		display: block;
		text-align: center;
		width:100%;
		margin-top:0px;
		margin-bottom:20px;
		margin-left:0;
		font-size:18px;
		padding:0;
	}
	.menu.responsive .menu-center {
		position:relative;
	}
	.menu.responsive .menu-right {
		position:relative;
		right:0;
		text-align:center;
	}
	.menu.responsive .menu-right .lang {
		display:inline-block;
		width:auto;
	}
	.menu.responsive .menu-right .slash-lang {
		display:inline-block;
		width:auto;
	}
	.menu.responsive li:hover {
		border-bottom:0;
		animation-name:none;
		text-decoration:none;
	}
	.menu.responsive a {
		text-decoration: none;
	}
	.menu.responsive a:hover {
		border-bottom:0;
		animation-name:none;
		text-decoration:none;
	}
	.industries-column-1 {
		width:49%;
	}
	.industries-column-2 {
		width:49%;
	}
	.process-column .column-header h3 {
		font-size:18px;
	}
	.process-column .column-content {
		height:610px;
	}
	.process-column .column-content h4 {
		font-size:15px;
	}
	.process-column .column-content h4 .process-smaller {
		font-size:12px;
		letter-spacing: -1.5px;
	}
	.process-single-img {
		width:95%;
	}
	.control-desktop-img {
		width:95%;
	}
	.footer-menu {
		display:none;
	}
	.contacts-block {
		margin-bottom:20px;
	}
	.to-top {
		display:block;
		margin-bottom:20px;
	}
	.to-top img {
		width:78px;
		margin-bottom:5px;
	}
	.to-top p {
		color:#ffffff;
		font-size:18px;
		letter-spacing: 3px;
	}
}

@media (max-width:992px) {
	h2 {
		font-size:32px;
		letter-spacing: 4px;
	}
	.top-container h1 {
		font-size:38px;
		letter-spacing: 4px;
	}
	.top-container h1 span {
		font-size:28px;
	}
	.product-item h3 {
		font-size:20px;
		letter-spacing:4px;
	}
	.industries {
		padding-top:0;
	}
	.industries-item img {
		width:58px;
	}
	.industries-item h3 {
		font-size:18px;
		width:79%;
	}
	.process-container {
		width:100%;
	}
	.process-column .column-header h3 {
		font-size:16px;
		letter-spacing: -1px;
	}
	.column-content-ru {
		height:800px!important;
	}
	.process-column .column-content h4 {
		font-size:14px;
	}
	.process-column .column-content h4 .process-smaller {
		font-size:11px;
	}
}

@media (max-width:768px) {
	.top-container h1 {
		font-size:36px;
		top:32%;
	}
	.top-container a {
		top:48%;
	}
	.top-container h1 span {
		font-size:24px;
	}
	.product-item {
		width:40%;
	}
	.product-item h3 {
		font-size:18px;
	}
	.products-dia-bg {
		height:16%;
	}
	.industries-column-1, .industries-column-2 {
		margin-left:10%;
		width:90%;
	}
	.industries-item {
		width:85%;
		margin:auto;
		margin-bottom:12px;
	}
	.industries-item h3 {
		font-size:22px;
		width:83%;
	}
	.process-container {
		width:100%;
	}
	.process-description {
		font-size:20px;
		width:90%;
		margin:auto;
		margin-bottom:50px;
	}
	.process-column .column-header h3 {
		font-size:15px;
	}
	.process-column .column-content {
		height:530px;
	}
	.column-content-ru {
		height:690px!important;
	}
	.process-column .column-content h4 {
		font-size:12px;
	}
	.process-column .column-content h4 .process-smaller {
		font-size:10px;
		letter-spacing:-1.6px;
	}
	.control-container {
		width:100%;
	}
	.control-desktop-img {
		width:90%;
	}
	.control-block {
		width:90%;
	}
	.benefit {
		font-size:20px;
	}
}

@media (max-width:650px) {
	.product-item img {
		width:60%;
	}
	.industries-column-1, .industries-column-2 {
		margin-left:0;
	}
	.industries-item h3 {
		width:80%;
	}
	.process-container {
		width:90%;
	}
	.process-description {
		margin-bottom:25px;
	}
	.process-single-img {
		display:none;
	}
	.process-column {
		width:100%;
	}
	.process-column .column-header {
		height:80px;
	}
	.process-column .column-header h3 {
		font-size:20px;
		letter-spacing: 0;
	}
	.process-column .column-content {
		height:auto;
		padding-bottom:15px;
	}
	.column-content-ru {
		height:auto!important;
	}
	.process-column .column-content h4, .process-column .column-content h4 .process-smaller {
		font-size:18px;
		letter-spacing: 0;
	}
	.process-column img {
		display:block;
		width:50%;
		margin:25px auto 25px auto;
	}
	.control-desktop-img {
		display:none;
	}
	.control-mobile-img {
		display:block;
		width:90%;
		margin:auto;
	}
	.control-item {
		font-size:18px;
	}
	.control-block {
		margin-top:30px;
	}
}

@media (max-width:576px) {
	h2 {
		font-size:28px;
		margin-bottom:40px;
		letter-spacing:1px;
	}
	.product-container {
		width:100%;
	}
	.product-item {
		margin-bottom:15px;
		width:40%;
	}
	.product-item h3 {
		font-size:16px;
		letter-spacing:2px;
	}
	.products-dia-bg {
		height:14%;
	}
	.industries-container {
		margin-bottom:60px;
	}
	.industries-column-1, .industries-column-2 {
		width:100%;
	}
	.industries-item {
		width:85%;
	}
	.industries-item h3 {
		font-size:20px;
		width:78%;
	}
	.line-section {
		padding:27px 0;
	}
	.process-description {
		font-size:20px;
	}
	.contacts-container h3 {
		font-size:26px;
	}
	.contacts-container .contacts-block a, .contacts-container .contacts-block span {
		font-size:20px;
	}
}

@media (max-width:420px) {
	h2 {
		font-size:20px;
		margin-bottom:30px;
		letter-spacing: 0.5;
	}
	.top-container h1 {
		font-size:26px;
		top:28%;
		letter-spacing: 3px;
	}
	.top-container h1 span {
		font-size:20px;
	}
	.top-container a {
		top:42%;
	}
	.top-container a img {
		width:48px;
	}
	.product-item {
		width:86%;
	}
	.product-item img {
		width:45%;
	}
	.products-dia-bg {
		height:12%;
	}
	.industries-column-1, .industries-column-2 {
		width:89%;
	}
	.industries-container {
		margin-bottom:40px;
	}
	.industries-item {
		width:100%;
	}
	.industries-item h3 {
		font-size:16px;
		width:80%;
	}
	.industries-item img {
		width:45px;
		margin-right:12px;
	}
	.process-description {
		font-size:18px;
	}
	.control-item {
		margin:15px 0;
	}
	.benefit {
		font-size:18px;
		width:90%;
		margin:auto;
		margin-bottom:15px;
	}
	.contacts-dia-bg {
		height:12%;
	}
	.contacts-container img {
		width:70px;
		margin-top:20px;
	}
	.contacts-container h3 {
		font-size:24px;
	}
	.contacts-container .contacts-block span {
		display:none;
	}
	.contacts-container .contacts-block a {
		display: block;
	}
	.to-top img {
		width:48px;
	}
	.copyright {
		font-size:10px;
	}
}

@media (max-width:320px) {
	.top-container h1 {
		font-size:22px;
		top:24%;
	}
	.top-container h1 span {
		font-size:18px;
	}
	.top-container a {
		top:40%;
		font-size:16px;
	}
	.industries-container {
		margin-bottom:30px;
	}
	.industries-item h3 {
		font-size:16px;
		width:82%;
	}
	.industries-item img {
		width:37px;
	}
	.process-column .column-header h3 {
		font-size:18px;
	}
	.process-column .column-content h4, .process-column .column-content h4 .process-smaller {
		font-size:16px;
	}
	.process-description {
		font-size:16px;
	}
	.control-item {
		font-size:16px;
	}
	.benefit {
		font-size:16px;
	}
	.to-top p {
		font-size:16px;
	}
}