* { margin: 0px; padding: 0px; border: 0;}
*,*::before, *::after {box-sizing: border-box;}
@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('fonts/HelveticaNeueCyr-Roman.eot');
  src: url('fonts/HelveticaNeueCyr-Roman.eot?#iefix') format('embedded-opentype'),
  url('fonts/HelveticaNeueCyr-Roman.woff') format('woff'),
  url('fonts/HelveticaNeueCyr-Roman.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('fonts/HelveticaNeueCyr-Medium.eot.eot');
  src: url('fonts/HelveticaNeueCyr-Medium.eot.eot?#iefix') format('embedded-opentype'),
  url('fonts/HelveticaNeueCyr-Medium.eot.woff') format('woff'),
  url('fonts/HelveticaNeueCyr-Medium.eot.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('fonts/HelveticaNeueCyr-Light.eot');
  src: url('fonts/HelveticaNeueCyr-Light?#iefix') format('embedded-opentype'),
  url('fonts/HelveticaNeueCyr-Light.woff') format('woff'),
  url('fonts/HelveticaNeueCyr-Light.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('fonts/HelveticaNeueCyr-Bold.eot');
  src: url('fonts/HelveticaNeueCyr-Bold.eot?#iefix') format('embedded-opentype'),
  url('fonts/HelveticaNeueCyr-Bold.woff') format('woff'),
  url('fonts/HelveticaNeueCyr-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
table {border-collapse: collapse; border-spacing: 0;}
html,body {height: 100%;}
a > img {border: none;}
body {width: 100%; min-width: 1640px; color: #111111; background-color: #f9f9f9; font-family: 'HelveticaNeueCyr'; font-weight: normal; font-size: 18px;}
.wrap {min-height: 100%;}
#main {width: 100%; height: auto; padding: 0px 0px 160px 100px; z-index: 1; position: relative;}
footer {min-height: 160px; margin-top: -160px; position: relative; overflow: hidden; position: relative;  width: calc(100% - 100px); background-color: #4d72b8; margin-left: 100px; z-index: 1; padding: 56px 100px 56px 0px;}
.centered {max-width: 1164px; margin: 0 auto; padding: 0px 24px; position: relative;}
.inline {width: 100%; position: relative; display: inline-block;}
.align_center {position: relative; width: 100%;}
.align_center:after {content: ''; display: block; clear: both;}
.align_center_to_left {position: relative; right: 50%; float: right;}
.align_center_to_right {position: relative; z-index: 1; right: -50%;}
.tbl {display: table; width: 100%;}
.tbl > div {display: table-cell;}
.clearfix:after {content: ''; display: table; clear: both;}
.flex {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} 
.flex > div {display: -webkit-flex; display: -ms-flexbox; display: flex;}
.no_select {-moz-user-select: none; -khtml-user-select: none; user-select: none;}
.bg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-size: cover; background-position: 50% 50%;}
.bg > img {position: absolute; top: 0; width: 100%; height: 100%; max-width: none; max-height: none; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover;';}
#panel {width: 100px; height: 100vh; position: fixed; left: 0px; top: 0px; z-index: 10; background-color: #4d72b8;}
#panel_logo {width: 100px; height: 100px; display: block; position: relative; z-index: 2;}
#panel_logo > img {width: 100%; height: 100%; z-index: 2; position: relative;}
#block1 {position: relative; width: 100%; z-index: 1;}
.mp_block1 {height: 950px;}
#block1 > .bg {z-index: 1;}
#block1_tbl {width: 100%; height: inherit; z-index: 2; position: relative;}
#block1_tbl > div {vertical-align: top; position: relative;}
#block1_tbl > div:last-child {width: 100px; padding-top: 100px;}
.overlay {z-index: 1; position: absolute; width: 100%; height: 100%; z-index: 2; left: 0px; top: 0px; background-color: rgba(13,27,85,0.7);}
#ham {width: 100px; height: 100px; background: url('../img/menu.svg') no-repeat #fff; background-size: 26px 25px; background-position: 50% 50%; position: fixed; right: 0px; top: 0px; z-index: 8;}
#panel_menu {width: 100%; height: 100%; position: relative; margin-top: -100px; z-index: 1;}
#panel_menu div {vertical-align: middle;}
#panel_menu ul {list-style: none;}
#panel_menu ul > li {border-bottom: 1px solid #8eabe1; transition: all .3s ease-in-out; background-color: #4d72b8;}
#panel_menu ul > li:hover {background-color: #0c1b54; transition: all .3s ease-in-out;}
#panel_menu ul > li:first-child {border-top: 1px solid #8eabe1;}
#panel_menu ul > li > a {display: block; width: 100%; padding: 20px 0px; transition: all .3s ease-in-out;}
#panel_menu ul > li > a > img {display: block; width: 35px; height: 40px; margin: 0 auto;} 
#panel_menu ul > li > a:hover {transition: all .3s ease-in-out;}
/*.rotatable_90 {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}*/
#mp_block1__rotate {width: 100px; height: 850px; position: relative; overflow: hidden; display: block; text-decoration: none; color: #8eabe1;}
#mp_block1__rotate > p {font-size: 18px; text-transform: uppercase; left: 0px; top: 0px; line-height: 100px; text-align: center; position: absolute; width: 100%; writing-mode: vertical-rl; height: calc(100% - 100px);}
.block1_tbl__top {width: 100%; height: 100px;}
.block1_tbl__top > div {vertical-align: middle; color: #fff; font-size: 20px;}
.block1_tbl__top > div:first-child a {display: block; width: 229px; height: 100px; position: relative;}
.block1_tbl__top > div:first-child a > img {width: 100%; height: 100%;}
.block1_tbl__top > div:nth-child(2) {width: 250px; text-align: right; padding-right: 64px;}
.block1_tbl__top > div:nth-child(3) {width: 150px; padding-right: 64px;}
.block1_tbl__top > div:nth-child(3) > ul {list-style: none; width: 100%;}
.block1_tbl__top > div:nth-child(3) > ul > li {float: left; margin-right: 4px;}
.lng_li a {cursor: pointer; padding: 4px 0px; text-decoration: none; color: #fff;}
.lng_li--active a, .lng_li--active a:visited {color: #8eabe1 !important;}
.btn {height: 56px; padding: 0px 32px; cursor: pointer; font-family: 'HelveticaNeueCyr'; font-weight: normal; font-size: 17px; color: #fff; text-decoration: none; line-height: 56px; display: inline-block; min-width: 160px; text-align: center;}
#mp_block1__content {width: 100%; height: calc(100% - 100px); margin-top: -100px;}
#mp_block1__content > div {vertical-align: middle;}
#mp_block1__content h1 {text-align: center; color: #fff; font-size: 60px; line-height: 1.3; font-weight: normal;}
#mp_block1__content .btn {margin-top: 56px;}
.gblue {background: #5087c7; background: -moz-linear-gradient(left,  #5087c7 0%, #739dd2 25%, #426ab3 50%, #6c8cc7 75%, #5481c1 100%); background: -webkit-linear-gradient(left,  #5087c7 0%,#739dd2 25%,#426ab3 50%,#6c8cc7 75%,#5481c1 100%); background: linear-gradient(to right,  #5087c7 0%,#739dd2 25%,#426ab3 50%,#6c8cc7 75%,#5481c1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5087c7', endColorstr='#5481c1',GradientType=1 ); transition: all .3s ease-in-out;}
.gblue.btn:hover {background: #426ab3; background: -moz-linear-gradient(left,  #426ab3 0%, #5087c7 26%, #739dd2 51%, #5481c1 75%, #426ab3 100%); background: -webkit-linear-gradient(left,  #426ab3 0%,#5087c7 26%,#739dd2 51%,#5481c1 75%,#426ab3 100%); background: linear-gradient(to right,  #426ab3 0%,#5087c7 26%,#739dd2 51%,#5481c1 75%,#426ab3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#426ab3', endColorstr='#426ab3',GradientType=1 ); transition: all .3s ease-in-out;}
.block_padding {padding: 160px 100px 160px 0px; position: relative;}
#block2_tabs__nav {width: calc(50% - 12px); border-top: 1px solid #4d72b8; margin-top: 16px; padding-top: 16px; list-style: none;}
#block2_tabs__nav > li {float: left; display: block; width: 55px; height: 40px; position: relative; cursor: pointer; margin-right: 32px;}
#block2_tabs__nav > li > img {width: 100%; height: 100%; opacity: 1; transition: all .3s ease-in-out;}
.serv_el {}
.serv_el > div {vertical-align: middle; width: 50%; position: relative;}
.serv_el > div:first-child {padding-right: 12px;}
.serv_el > div:last-child {padding-left: 12px;}
.serv_el > div:last-child > img {width: 100%; height: auto;}
.block2_tabs__nav--active img {opacity: 0.6 !important; transition: all .3s ease-in-out;}
.txt h2 {color: #4d72b8; font-size: 36px; line-height: 1.3; font-weight: normal;}
.txt p {line-height: 1.4; margin-top: 20px;}
.border {border: 1px solid #4d72b8; box-sizing: border-box; color: #4d72b8; transition: all .3s ease-in-out; background-color: #fff; opacity: 1;}
.border:hover {transition: all .3s ease-in-out; opacity: 0.6;}
.serv_el .btn {margin-top: 40px; float: left; margin-top: 40px;}
#block2_invest {margin-top: 160px;}
#block2_invest:first-child {margin-top: 0px;}
#block2_invest .serv_el > div:first-child {text-align: center;}
#block2_invest .serv_el .btn {float: none;}
/*.txt h1 {color: #4d72b8; font-size: 50px; line-height: 1.3; font-weight: normal;}*/
#block3_info .txt {color: #fff; text-align: center;}
#block3_info .txt h2 {color: #fff; font-size: 50px;}
#block3_why {margin-top: 64px;}
#block3_why > div {width: 25%; margin-top: 64px; padding: 0px 32px; text-align: center;}
.thesis p:first-child {font-size: 65px; font-weight: bold; color: #8eabe1; line-height: 1;}
.thesis p:last-child {color: #fff; margin-top: 16px; line-height: 1.4;
/*-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;*/
}
.gblue2 {background: #2e6ab4; background: -moz-linear-gradient(left,  #2e6ab4 0%, #4978bc 26%, #374ea2 50%, #4978bc 75%, #2e6ab4 100%); background: -webkit-linear-gradient(left,  #2e6ab4 0%,#4978bc 26%,#374ea2 50%,#4978bc 75%,#2e6ab4 100%); background: linear-gradient(to right,  #2e6ab4 0%,#4978bc 26%,#374ea2 50%,#4978bc 75%,#2e6ab4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e6ab4', endColorstr='#2e6ab4',GradientType=1 );}
#block4 .bg, #inner_why .bg {z-index: 1;}
#block4 .centered, #inner_why .centered {z-index: 3;}
#block4 .centered .txt {text-align: center;}
#block4 .centered .txt h2 {font-size: 50px; color: #fff;}
#block4 .centered .btn {margin-top: 56px;}
#footer_tbl > div {vertical-align: middle; min-height: 100%; height: auto;}
#ii {position: relative; padding-left: 60px; height: 35px; line-height: 35px; text-decoration: none; color: #8eabe1; font-size: 15px; display: block; width: 100%;}
#ii:before {content: ''; display: block; width: 46px; height: 35px; background: url('../img/ii.png') no-repeat; position: absolute; left: 0px; top: 0px;}
#footer_tbl > div:last-child {width: 224px;}
#footer_tbl > div:first-child {padding-right: 64px;}
#footer_tbl > div:first-child p {font-size: 15px; line-height: 1.3; color: #8eabe1;}
#footer_tbl > div:first-child p span {text-transform: uppercase;}
#footer_tbl > div:nth-child(2) {padding-right: 64px; color: #fff;}
.txt p:first-child {margin-top: 0px;}
#footer_tbl > div:nth-child(2) .txt p {margin-top: 8px;}
#footer_tbl > div:nth-child(2) .txt p:first-child {margin-top: 0px;}
#panel_logo:after {content: ''; display: block; width: 229px; height: 100px; position: absolute; left: -229px; top: 0px; background: url('../img/logo_p2.svg') no-repeat; background-size: 229px 100px; opacity: 0; transition: all .3s ease-in-out; z-index: 1;}
#panel_logo:hover:after {opacity: 1; transition: all .3s ease-in-out; left: 100px;}
.inner_block1 {height: 450px; z-index: 1;}
#inner_block1__content {width: 100%; height: calc(100% - 200px);}
#inner_block1__content > div {vertical-align: middle;}
#inner_block1__content h1 {color: #fff; font-size: 60px; line-height: 1.3; font-weight: normal;}
#inner {z-index: 2; position: relative;/* padding: 0px 100px 0px 0px;*/}
.block_padding2 {padding: 0px 100px 160px 0px;}
#services .serv_el {margin-top: 80px;}
#services .serv_el:first-child {margin-top: -100px;}
#services .serv_el > div {vertical-align: bottom;}
#services .serv_el > div:first-child {padding-top: 56px; padding-bottom: 56px;}
#services .serv_el > div:last-child {background-color: #f9f9f9;}
#service_info {}
#service_info__body > div {float: left; width: 50%; position: relative;}
#service_info__body > div:first-child {padding-right: 12px; padding-top: 56px;}
#service_info__body > div:last-child {padding-left: 12px;}
#service_info__pic {background-color: #f9f9f9; margin-top: -100px; position: relative; width: 100%;}
#service_info__pic > img {width: 100%; height: auto;}
.txt h3 {color: #4d72b8; font-size: 30px; line-height: 1.3; font-weight: normal; margin-top: 24px;}
.txt h3:first-child {margin-top: 0px;}
#service_info__body > div:first-child h2 {font-size: 30px;}
#service_info__body > div:first-child h3 {font-size: 26px;}
#other_services {}
#other_services > p {text-align: center; color: #4d72b8; line-height: 48px;}
#other_services__list {padding-top: 16px; border-top: 1px solid #4d72b8; }
#other_services__list a, #other_services__list a:visited {float: left; display: block; width: 55px; height: 40px; position: relative; cursor: pointer; margin: 0px 16px 16px;}
#other_services__list a > img {width: 100%; height: 100%; opacity: 1; transition: all .3s ease-in-out;}
#inner_why .flex > div {width: 25%; margin-top: 64px; padding: 0px 32px; text-align: center;}
#inner_why .flex > div:nth-child(-n+4) {margin-top: 0px;}
#contacts {width: 100%; padding: 56px 100px 160px 0px; position: relative;}
#contacts_body > div {width: 50%; position: relative; vertical-align: top;}
#contacts_body > div:first-child {padding-right: 12px;}
#contacts_body > div:last-child {padding-left: 12px;}
#map {width: 100%; height: 640px;}
#contacts_body > div:first-child .txt p > span {color: #4d72b8; font-size: 28px;}
.input {display: block; width: 100%; height: 64px; padding: 0px 24px; border: 1px solid #4d72b8; font-size: 18px; font-family: 'HelveticaNeueCyr'; font-weight: normal; color: #4d72b8; margin-top: 16px; background-color: #f9f9f9; transition: all .3s ease-in-out;}
.input:first-child {margin-top: 0px;}
.textarea {display: block; width: 100%; height: 148px; padding: 24px 24px; border: 1px solid #4d72b8; font-size: 18px; font-family: 'HelveticaNeueCyr'; font-weight: normal; color: #4d72b8; margin-top: 16px; background-color: #f9f9f9; position: relative; z-index: 1; transition: all .3s ease-in-out;}
#contacts_body > div:last-child .btn {margin-top: 56px;}
#attach {width: 100%; height: auto; position: relative; z-index: 2;}
#attach_btn {width: 40px; height: 40px; position: absolute; right: 1px; top: -41px; background: url('../img/attach.svg') no-repeat #f9f9f9; background-size: 23px 20px; background-position: 50% 50%; cursor: pointer;}
#service_info__wide {padding-top: 56px;}
#block2_tabs__body {position: relative;}
#block2_tabs__body > .serv_el {display: none;}
.serv_el__sldr {opacity: 0;}
.serv_el--active {display: block !important;}
#attach_body {padding-top: 16px; position: relative;}
#attach_body > div {vertical-align: middle;  position: relative;}
#attach_body > div:last-child {width: 40px;}
#attach_body > div:last-child span {display: block; width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 28px; font-weight: bold; cursor: pointer; color: #d82e2e;}
#attach_body > div:first-child {padding-right: 40px;}
#loader {display: block; width: 56px; height: 56px; margin: 0 auto; position: relative;}
#loader > img {width: 100%; height: 100%;}
#attach #loader {padding-top: 16px; height: 72px;}
#mdl {width: 640px; height: auto; padding: 40px; background-color: #fff; color: #111111; text-align: center; display: none;}
#mdl_inputs {margin-top: 24px;}
#mdl #loader {margin-top: 24px;}
#mdl .btn {margin-top: 40px;}
.red--color {border-color: #d82e2e; transition: all .3s ease-in-out;}
#ham {cursor: pointer;}
.thesis {width: 100%;}
#mdl .input, #mdl .textarea {background-color: #fff;}
#modal_menu {width: 100%; height: 100vh; background-color: #0c1b54; z-index: 20; position: fixed; top: 0px; left: 0px; display: none;}
#modal_menu .block1_tbl__top > div:first-child a {padding-left: 100px; width: 329px; position: relative;}
#modal_menu .block1_tbl__top > div:first-child a:before {content: ''; width: 100px; height: 100px; display: block; background: url('../img/logo_p1.svg') no-repeat; background-size: 100px 100px; position: absolute; left: 0px; top: 0px;}
#modal_menu .block1_tbl__top > div:last-child {width: 100px; position: relative;}
#close {width: 100px; height: 100px; display: block; background: url('../img/close.svg') no-repeat #fff; background-size: 26px 25px; background-position: 50% 50%; cursor: pointer;}
#modal_menu__body {width: 60%; height: calc(100% - 200px); margin: 0 auto; position: relative; margin-top: 50px;}
#modal_menu__body > div {width: 100%; height: 100%; overflow-y: auto; position: relative;}
#modal_menu__body .tbl {height: 100%;}
#modal_menu__body .tbl > div {vertical-align: top;}
#modal_menu__body .flex > div {width: 50%;}
.modal_menu__body__el {padding-right: 40px;}
.modal_menu__body__el p {margin-top: 16px; font-size: 32px; line-height: 1.3; font-weight: normal;}
.modal_menu__body__el p:first-child {margin-top: 0px;}
.modal_menu__body__el p a, .modal_menu__body__el p a:visited {color: #fff; text-decoration: none; transition: all .3s ease-in-out;}
.modal_menu__body__el p a:hover {transition: all .3s ease-in-out; color: #8eabe1;}
.txt a, .txt a:visited {text-decoration: none; color: #4d72b8; transition: all .3s ease-in-out;}
.txt a:hover {transition: all .3s ease-in-out; color: #8eabe1;}
.txt ul {list-style: none; margin-top: 20px;}
.txt ul li {position: relative; padding-left: 16px; font-weight: normal; line-height: 1.4; margin-top: 8px;}
.txt ul li:before {content: ''; width: 10px; height: 10px; background-color: #8eabe1; border-radius: 50%; position: absolute; top: 8px; left: 0px;}
.scroll_tracking {opacity: 0;}