/* https://fonts.googleapis.com/css?family=Open+Sans:300 */

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}





@media (max-width: 575px) {  } /* 0..575px */
@media (min-width: 576px) and (max-width: 767px) {  }
@media (min-width: 768px) and (max-width: 991px) {  }
@media (min-width: 992px) and (max-width: 1199px) {  }
@media (min-width: 1200px) {  } /* 1200px..e */





html, body {
	min-width: 320px;
}



body {
	background: #e9ebf2;
    color: #27282a;
    font-weight: 400;
    font-size: 20px;
	font-family: 'Open Sans';
}



a {
	outline: none;
}
.local .ua, 
.local .ru,
.local .en {
	display: none;
}
.ua .local .ua,
.ru .local .ru,
.en .local .en {
	display: block;
}


h1 {
	color: #435764;
	font-size: 36px;
    font-family: 'Century Gothic';
	margin-top: 0;
}
h2 {
	color: #435764;
	font-size: 30px;
	text-align: center;
    font-family: 'Century Gothic';
	margin-top: 0;
}
h3 {}
h4 {
    margin: 30px 0 20px;
}



.button {
	background: rgba(0,151,167,1);
	background: linear-gradient(to right, rgba(0,151,167,1) 0%, rgba(25,118,210,1) 100%);
	color: #fff;
	line-height: 45px;
	min-width: 240px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    border-radius: 30px;
	text-transform: uppercase;
    text-decoration: none;
	margin: 30px 0 0 0;
	width: auto;
}
.button:hover,
.button:focus {
	color: #fff;
	text-decoration: none;
}

.slide {
    background: #fff;
    position: relative;
    max-width: 1400px;
	margin: 0 auto;
    top: 0;
}
.slide .container {
    width: auto;
	position: relative;
	margin: 0 100px;
}



.header {
	display: flex;
	flex-direction: row;
	background: #fff;
	font-size: 15px;
	font-weight: 600;
	justify-content: flex-start;
	align-items: center;
    max-width: 1400px;
	margin: 0 auto;
	padding: 0 4%;
}
	.header .logo img {
		height: 75px;
		width: 357px;
	}
	
	.header .navbar {
		margin: 0;
		padding: 0;
		min-height: 0;
	}
	.header .navbar ul {
		margin: 0;
		padding: 0 20px;
		list-style: none;
	}
	.header .navbar li {
		display: inline-block;
		margin: 0;
		padding: 0;
	}
	.header .navbar li a {
		display: block;
		padding: 0 20px;
	}
	
	
	

	.hide-menu {
		content: "";
		height: 50px;
		right: 0;
		position: absolute;
		width: 50px;
		top: 0;
	}
	.hide-menu:after,
	.hide-menu:before {
		background: #1e88e5;
		content: "";
		display: block;
		height: 2px;
		left: 2px;
		position: absolute;
		width: 21px;
		top: 22px;
	}
	.hide-menu:before {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
	.hide-menu:after {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	
	
	
	
	.header .language {
		margin-left: auto;
		position: relative;
	}
	.header .language .current {
		padding: 12px 35px 12px 15px;
		display: inline-block;
		white-space: nowrap;
	}
	.header .language .current:before {
		background: none;
		border-bottom: 2px solid #1976d2;
		border-right: 2px solid #1976d2;
		content: "";
		display: block;
		height: 8px;
		margin: -6px 0 0 0;
		opacity: .7;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		width: 8px;
	}
	.header .flag {
		margin: -3px 2px 0 0;
		width: 20px;
	}
	.header .language .dropdown {
		background: #fff;
		padding: 0;
		box-shadow: 0 10px 20px 0 rgba(27, 41, 61, 0.5);
		position: absolute;
		right: 0;
		top: 100%;
		margin: 0;
		list-style: none;
		z-index: 10;
	}
	.header .language:not(.open) .dropdown {
		display: none;
	}
	.header .language .dropdown li {
		padding: 0;
		margin: 0;
	}
	.header .language .dropdown a {
		display: block;
		padding: 12px 15px;
		margin: 0;
		white-space: nowrap;
	}
	.header .language a:hover, 
	.header .language a:focus {
		text-decoration: none;
		background: #e6ebf6;
	}
	
	
	
	

.slide:not(.banner-box) {
	padding: 6% 0;
}
	
	

.slide01 {
    background: #243042 url('../img/slide01.jpg') no-repeat center center;
    background-size: cover;
}
	.slide01 .papper {
		background: #fff;
		max-width: 700px;
		padding: 4% 8%;
	}
	.slide01 p {
		font-size: 22px;
		font-weight: 300;
		margin: 20px 0 0 0;
	}



.banner-box img {
    width: 100%;
}



.news {
	background: #e8edf7;
	background: linear-gradient(to top,  #e8edf7 0%,#ffffff 320px);
	text-align: center;
}
	.news .write {
		margin: 0 0 6% 0;
	}
	.news p {
		font-size: 26px;
		margin: 20px 0 0 0;
	}
	.news img {
		margin: 20px auto 0;
		width: 450px;
		max-width: 100%;
	}
	.news img.vert {
		max-height: 340px;
		width: auto;
	}



.slide02 {}
	.slide02 p {
		margin: 40px 0 0 0;
		font-size: 20px;
		line-height: 145%;
	}


.slide03 {
	background: #e8edf7;
	background: linear-gradient(to bottom,  #e8edf7 0%,#ffffff 320px);
}
	.slide03 .flex {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		font-size: 15px;
		justify-content: center;
		margin: 3% 0;
	}
	.slide03 .flex .item {
		cursor: pointer;
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		text-align: center;
		flex-basis: 0;
		min-height: 210px;
		min-width: 25%;
		justify-content: center;
		padding: 0 15px;
		user-select: none;
	}
	.slide03 .flex a:hover {
		text-decoration: none;
	}
	.slide03 .flex .item:hover,
	.slide03 .flex .item.active {
		background: #e6ebf6;
		box-shadow: inset 0 -5px 0 #b9c6de;
	}
	.slide03 .flex .item.active {
		color: #27282a;
	}
	.slide03 .flex .item img {
		max-height: 80px;
		max-width: 35px;
		margin: 0 auto;
		width: auto;
	}
	.slide03 .flex .item span {
		margin: 15px 0 0 0;
		font-weight: 600;
	}
	
	
	.slide03 .page:not(.active) {
		display: none;
	}
	
	
	.slide03 .view {
		margin: 25px auto 0;
		width: 80%;
		max-width: 300px;
	}
	.slide03 .preview {
		background: #e8edf7;
		display: inline-block;
		margin: 15px auto 0;
		padding: 15px;
		clear: both;
	}
	.slide03 .preview img {
		cursor: pointer;
		width: 48px;
		max-height: 48px;
	}
	
	
	.slide03 .grid {
		display: grid;
		grid-auto-flow: row;
		grid-template-columns: 1fr 1fr;
	}
	.slide03 .grid div:nth-child(4n + 1),
	.slide03 .grid div:nth-child(4n + 2) {
		background: #e8edf7;
	}
	.slide03 .grid div {
		padding: 3px 10px;
		line-height: 21px;
		/* grid-column-gap: 10px; */
		/* grid-row-gap: 10px; */
	}
		
		
	.slide03 .flex_column {
		background: #e8edf7;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		padding: 20px 10px;
		margin: 35px 0 0 0;
	}
	.slide03 .flex_column .col {
		max-width: 35%;
	}
	.slide03 .flex_column .value {
		margin: 0 0 10px 0;
	}
	

	.slide03 ul {
		font-size: 20px;
		line-height: 120%;
		margin: 0;
		padding: 0 0 0 20px;
	}
	.slide03 li {
		margin: 0;
		padding: 0;
	}
	.slide03 small {
		color: #999999;
		display: block;
		font-size: 16px;
		line-height: 120%;
		margin: 5px 0 0 0;
	}
	
	.slide03 .name {
		font-size: 13px;
		color: #546e7a;
	}
	.slide03 .value {
		font-size: 14px;
		color: #37474f;
	}



.slide04 {
	background: #353943 url('../img/slide04.jpg') no-repeat center center;
	background-size: cover;
}
	.slide04 .container {}
	.slide04 .papper {
		background: #fff;
		max-width: 840px;
		margin: 0 auto;
		padding: 4%;
	}
	.slide04 .item {
		position: absolute;
		font-size: 20px;
		line-height: 120%;
	}
	.slide04 .item01 {
		top: 160px;
		left: 8.5%;
		width: 520px;
	}
	.slide04 .item02 {
		top: 430px;
		right: 0;
		width: 460px;
	}
	.slide04 .item03 {
		bottom: 110px;
		left: 8.5%;
		width: 405px;
	}
	.slide04 p {
		color: #e60000;
		font-size: 30px;
		margin: 0;
		line-height: 120%;
	}
	
	
	
	label {
		font-weight: normal;
		font-size: 15px;
		color: #607d8b;
		margin: 0 0 2px 0;
		display: block;
	}
	input, textarea {
		background: #e6ebf6;
		border: 0;
		border-radius: 0;
		font-size: 17px;
		resize: none;
		width: 100%;
		padding: 10px 20px;
	}
	input[type=submit] {
		background: rgba(0,151,167,1);
		background: linear-gradient(to right, rgba(0,151,167,1) 0%, rgba(25,118,210,1) 100%);
		border: 0;
		color: #fff;
		line-height: 45px;
		min-width: 240px;
		padding: 0;
		font-size: 16px;
		font-weight: 500;
		text-align: center;
		display: inline-block;
		border-radius: 30px;
		text-transform: uppercase;
		text-decoration: none;
		width: auto;
	}
	input[type=submit]:disabled {
		background: #b9c6de;
	}






.slide05 {}
	.slide05 .container {}
	.slide05 .text-right {
		padding: 0 20px 0 0;
	}
	.slide05 .phone {
		font-size: 36px;
		margin: 0px 0 0 0;
	}
	.slide05 .tariff {
		color: #607d8b;
		font-size: 13px;
		margin: 0 0 0 auto;
		max-width: 400px;
	}
	.slide05 .email {
		font-size: 22px;
		margin: 10px 0 0 0;
	}
	.slide05 .addres {
		font-size: 16px;
		margin: 25px 0 0 0;
	}
	.slide05 .copyright {
		color: #607d8b;
		font-size: 13px;
		margin: 50px 0 0 0;
	}
	.footer-language {
		margin: 20px 0 0 0;
		font-size: 16px;
	}
	.footer-language a {
		margin: 0 15px;
	}





@media (min-width: 992px) and (max-width: 1199px) {}



@media (max-width: 1199px) {
	.header {
		padding: 0 15px;
	}
	.header .logo img {
		height: 55px;
		width: auto;
	}
	.slide .container {
		margin: 0;
	}
}



@media (min-width: 768px) and (max-width: 991px) {
	h1, h2 {
		font-size: 24px;
	}
	.slide01 p {
		font-size: 17px;
	}
	.news p {
		font-size: 19px;
	}
	.slide02 p {
		font-size: 17px;
	}
}



@media (max-width: 991px) {
	.header .navbar li a {
		padding: 0 10px;
	}
}



@media (max-width: 767px) {
	body {
		font-size: 13px;
	}
	h1, h2 {
		font-size: 18px;
	}
	.header {
		justify-content: space-between;
	}
	.header .logo img {
		height: 50px;
	}
	.show-menu {
		align-self: flex-end;
		display: inline-block;
		width: 50px;
		height: 50px;
		padding-top: 15px;
	}
	.header .icon-bar {
		background: #1e88e5;
		border-radius: 1px;
		display: block;
		width: 22px;
		height: 2px;
		margin: 4px auto 0;
	}
	
	
	.navbar {
		background: #fff;
		position: fixed;
		top: 0;
		left: 0;
		overflow: auto;
		right: 0;
		width: 100vw;
		height: 100vh;
		z-index: 100;
	}
	.navbar:not(.open) {
		display: none;
	}
	.header .navbar ul {
		padding: 50px 0 50px 50px;
	}
	.header .navbar li {
		display: block;
		margin: 0;
		padding: 0;
	}
	.header .navbar li a {
		padding: 12px 10px;
	}
	.header .navbar li.add {
		margin: 50px 0 0 0;
	}
	
	
	
	
	.slide:not(.banner-box) {
		padding: 12% 0;
	}
	
	
	
	.slide01 .papper {
		padding: 8% 8%;
	}
	.slide01 p {
		font-size: 13px;
	}
	
	
	.news p {
		font-size: 15px;
	}
	
	
	.banner-box {
		background: #1c283e;
		background-size: 100% 100%;
	}
	.banner-box img {
		margin: 0 auto;
		max-width: 320px;
	}
	
	
	.slide02 p {
		font-size: 13px;
		margin: 20px 0 0 0;
	}
	
	
	.slide03 .flex .item {
		min-width: 50%;
	}
	.slide03 .grid {
		display: block;
	}
	.slide03 .grid .name {
		padding: 7px 10px 0 10px;
		line-height: 120%;
	}
	.slide03 .grid .value {
		padding: 0 10px 7px 10px;
		line-height: 120%;
	}
	.slide03 .name {
		font-size: 12px;
	}
	.slide03 .value {
		font-size: 13px;
	}
	.slide03 .flex_column {
		flex-direction: column;
		padding: 10px 10px;
	}
	.slide03 .flex_column .col {
		max-width: inherit;
		margin: 5px 0;
	}
	
	
	.slide04 .papper {
		padding: 8% 8%;
	}

	
	
	.slide05 .phone {
		font-size: 28px;
	}
	.slide05 .tariff {
		margin: 0 auto;
	}
	.slide05 .email {
		display: block;
		font-size: 18px;
		margin: 30px 0 0 0;
	}
	.slide05 .text-right {
		text-align: center;
		padding: 0;
	}
	.slide05 .addres {
		margin: 30px 0 0 0;
		text-align: center;
		font-size: 12px;
	}
	.slide05 .copyright {
		display: block;
		font-size: 13px;
		margin: 30px 0 0 0;
	}
}


@media (min-width: 576px) and (max-width: 767px) {
	.slide:not(.banner-box) {
		padding: 9% 0;
	}
}