@import url('https://fonts.googleapis.com/css?family=Roboto+Slab|Roboto:400,700&display=swap');

body {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
    color: #000;
    background: #fff;
    overflow-x: hidden;
}
textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
    outline:0px !important;
    -webkit-appearance:none;
    box-shadow: none !important;
}

a { color: #001233; text-decoration: none;}
a:hover {text-decoration: none; color: #F44516;}

div {line-height: normal;}

.title_h1 {font-size: 48px; line-height: 48px; margin-bottom: 16px; font-weight: 600;}
.title_h2 {font-size: 24px; line-height: 26px; margin-bottom: 28px; font-weight: 500;}
.title_h3 {font-size: 18px; line-height: 24px; font-weight: normal; opacity: 0.7}

.list ul {padding: 0;}
.list ul li {list-style: none; background: url('../svg/li.svg') left center no-repeat; padding: 0 0 0 25px; margin-bottom: 22px; font-size: 18px;
line-height: 115.3%; }

.top_element {position: relative; z-index: 1}
.other_element {position: relative; z-index: 0}

#header {width: 100%; height: 347px; background: url('../image/header_bg.jpg') center top no-repeat; display: block; margin-bottom: 5px; position: relative;}
#header .container {position: relative; height: 100%;}
#header #menu {position: absolute; bottom: 20px; width: 100%; left:0;}
#header #menu ul {padding:0; margin: 0; list-style: none; text-align: center;}
#header #menu ul li {display: inline-block;}
#header #menu ul li a {display: block; padding: 3px 25px; color:#898989; border-left:2px solid #898989;}
#header #menu ul li:first-child a {border: 0;}
#header #menu ul li a:hover {color:#000;}

.is-sticky ul {background: #fff; padding: 15px 0!important; display: block; left:0; right: 0; -webkit-box-shadow: 0px 5px 5px 0px rgba(204,204,204,1);
-moz-box-shadow: 0px 5px 5px 0px rgba(204,204,204,1);
box-shadow: 0px 5px 5px 0px rgba(204,204,204,1);}


.text1 {color: #E31E24; font-size: 30px; line-height: normal; font-weight: bold;} 
.text2 {color: #000; font-size: 21px; margin: 15px 0 10px 0; font-family: 'Arial';}
.text2 span {color: #36626B; font-size: 42px; font-weight: bold; font-family: 'Roboto', sans-serif;}
.text3 {color: #000; font-weight: bold; font-size: 18px;}
.text4 {font-size: 30px; color: #898989; font-weight: bold; margin: 20px 0 10px 0;}

.text5 ul li {list-style: none; padding-left: 15px; background: url('../image/li.png') left 8px no-repeat; font-size: 20px; font-family: 'Arial';}

.text7 .number {color: #E31E24; font-size: 100px; font-family: 'Roboto'; line-height: 100px;}
.text7 .title {font-size: 30px;color: #898989; margin-top: 20px; font-weight: bold;}
.text7 .sub_title {font-size: 20px;color: #E31E24; margin: 5px 0 15px 0px; font-weight: bold;}
.text7 p {margin: 0 0 5px 0; font-size: 16px;}

.block2 {background: url('../image/9.jpg') center 100px no-repeat; background-size: content;}

.text8 {font-weight: bold;}
.text8 .type1 {color: #9D9E9E; font-size: 24px; margin-top: 25px;}
.text8 .type2 {color: #E31E24; font-size: 24px; margin-top: 25px;}
.text8 .type3 {color: #000; font-size: 24px; margin-top: 25px;}
.text8 .type4 {color: #000; font-size: 24px; margin-top: 25px;}

.text9 {padding-top: 200px;}

.text10 .title {font-size: 24px;color: #E31E24; font-weight: bold; margin-bottom: 5px;}
.text10 .title.black {color: #000;}
.text10 .sub_title {font-weight: bold;}
.text10 ul {margin: 0 0 15px 15px; padding:0;}
.text10 ul li {list-style: none; padding-left: 15px; background: url('../image/li.png') left 8px no-repeat;}

.text10-1 {font-size: 24px; font-weight: bold;}
.text10-2 {font-size: 24px; font-weight: bold; color: #E31E24;}

.text14 {margin: -100px 0 0 0;}
.text14-1 {font-size: 24px; font-weight: bold;}
.text14-2 {font-size: 44px; color: #E31E24; margin: 15px 0 0 0;}
.text14 img {float: right; margin: 25px 0 0 0;}

.text15 p {color: #E31E24; font-size: 24px; font-weight: bold; margin: 0 0 0 0;}
.text15 p span {font-family: 'Roboto Slab', sans-serif; font-size: 36px;}

.text17 .number {color: #E31E24; font-size: 100px;}
.text17 p {margin-top: 20px; padding-left: 15px;}

.text18-1 {font-size: 34px;}
.text18-2 {font-size: 46px; color: #E31E24; font-weight: bold; line-height: 72px;}
.text18-2 span {font-size: 72px; text-decoration: none;}
.text18-2 div {display: inline-block; border-bottom: 5px solid #E31E24;}

.text19 {width: 100%; padding:50px 0; background: url('../image/text19-1.png') center center no-repeat; background-size: cover; margin:15px 0;}
.text19 p {font-size: 31px; line-height: 40px;}

.text21 p {font-size: 24px; margin:0;}
.text21 p span {font-size: 32px; color: #E31E24;}

.text23 p {font-size: 24px; margin:0;}
.text23 .text23-1 {font-size: 42px; color:#36626B; font-weight: bold; line-height: 42px;}

.text24-1 {font-size:24px; color:#36626B; font-weight: bold;}
.text24-2 {font-size:30px; color:#36626B; font-weight: bold;}

.text25 img {-webkit-box-shadow: 10px 9px 18px 0px rgba(153,153,153,1);
-moz-box-shadow: 10px 9px 18px 0px rgba(153,153,153,1);
box-shadow: 10px 9px 18px 0px rgba(153,153,153,1);}

.text27-1  {font-size:58px; color:#36626B; font-weight: bold; margin: 10px 0 5px 0}
.text27-2 {font-size:40px; color:#36626B; font-weight: bold;}
.text27-3 {font-size:40px; color:#36626B; font-weight: bold;}
.text27-4 {font-size:30px; color:#36626B; font-weight: bold;}

.text29 {font-size:32px; color:#36626B; position: relative;}
.text29 a {color:#36626B; font-size: 40px;}
.copyright {position: absolute; right: 0px; top:0px; font-family: 'Arial'; font-size: 19px; color:#000;}
#header #menu button {display: none;}

@media screen and (max-width: 1024px) {

	#header #menu ul li a {padding: 3px 10px;}
}

@media screen and (max-width: 812px) {
	#header {height: 250px; background: url('../image/header_bg2.jpg') center top no-repeat; background-size: contain;}
	#header #menu {position: fixed; top:0; left:0; width: 100%; z-index: 99;}
	#header #menu ul {display: none; background: #fff}
	#header #menu ul li {display: block; float: none;}
	#header #menu ul li a {color:#000; border: 0; padding: 10px 0;}
	#header #menu button {display: block; margin:10px 0 0 10px; background: #E31E24;}
	.top_element {position: relative; z-index: 100; height: 250px;}
	.other_element {position: relative; z-index: 0}
	.text7 .number {font-size: 70px; line-height: 70px;}
	.text7 .title {font-size: 24px;}
	.text8 .type1 {font-size: 20px;}
.text8 .type2 {font-size: 20px;}
.text8 .type3 {font-size: 20px;}
.text8 .type4 {font-size: 20px;}
.text17 .number {font-size:70px;}
.text23 p {font-size: 20px;}
.text23 .text23-1 {font-size: 32px; line-height: 32px;}
.text24-1 {font-size:14px;}
.text24-2 {font-size:18px;}
}

@media screen and (max-width: 640px) {
	#header {height: 150px; background-size: cover; background-position: top right;}
	.top_element {height: 150px;}
	.text27-1  {font-size:38px;}
.text27-2 {font-size:20px;}
.text27-3 {font-size:20px;}
.text27-4 {font-size:14px;}
.copyright {position: relative; right: auto; top:auto; font-family: 'Arial'; font-size: 14px; color:#000; text-align: center; padding-top: 15px;}

.text1 {font-size: 22px;} 
.text2 {font-size: 16px; text-align: center;}
.text2 span {font-size: 32px;}
.text3 {color: #000; font-weight: bold; font-size: 18px;}
.text4 {font-size: 30px; color: #898989; font-weight: bold; margin: 20px 0 10px 0;}
.text-right {text-align: center!important}
ul {padding-left: 0;}

.text5 ul li {font-size: 18px;}

.text7 .number {font-size: 60px;  line-height: 60px;}
.text7 .title {font-size: 20px; margin-top:0;}
.text7 .sub_title {font-size: 16px;c}
.text7 p {font-size: 14px;}
.text9 {padding-top: 50px;}
.text10-1 {font-size: 18px;}
.text10-2 {font-size: 18px;}
.text14 {margin: 0px 0 0 0;}
.text14-1 {font-size: 20px;}
.text14-2 {font-size: 24px;}
.text18-1 {font-size: 24px;}
.text18-2 {font-size: 32px; line-height: 40px;}
.text18-2 span {font-size: 40px;}
.text19 p {font-size: 22px; line-height: 30px; text-align: center;}
.text23 {text-align: center;}
.text23 img { -moz-transform: rotate(90deg); /* Для Firefox */
    -ms-transform: rotate(90deg); /* Для IE */
    -webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(90deg); /* Для Opera */
    transform: rotate(90deg);}
.text23 .text23-1 {font-size: 32px; line-height: 32px; text-align: center;}
.text24 .text-left {text-align: center!important;}
.text24-1 {font-size:24px;}
.text24-2 {font-size:28px;}
.text15 p {font-size: 20px; text-align: center;}
.text17 br {display: none;}
}

@media screen and (max-width: 460px) {
	#header {height: 130px;}
	.top_element {height: 130px;}
}

@media screen and (max-width: 340px) {
	#header {height: 100px;}
	.top_element {height: 100px;}
}