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

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
    box-sizing:border-box;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}
img {max-width: 100%;}
a img {border: 0;}
a:hover {text-decoration: none;}


body{font-family: 'Poppins', sans-serif;color:#000;font-size:14px;font-weight:400;}
.u-full-width{width:100%;box-sizing:border-box;}
.u-max-full-width{max-width:100%;box-sizing:border-box;}
.u-pull-right{float:right;}
.u-pull-left{float:left;}
.wrap:after,.row:after,.u-cf{content:"";display:table;clear:both;}
.wrap{position:relative;width:1060px;margin:0 auto;box-sizing:border-box;height:100%;}
.column, .columns{width:100%;float:left;box-sizing:border-box;position: relative;}
.column:first-child, .columns:first-child, li:first-child,header nav ul li:first-child a{margin-left:0!important;}
.column:last-child,header nav ul li:last-child a {margin-right:0!important;}
.hcenter{text-align:center;}
.acenter{position:absolute;left:50%;transform:translateX(-50%);}
.abscenter{position:absolute;left:0;right: 0; top:50%;transform:translateY(-70%);}
.avertcenter{position: absolute; top:50%!important;transform:translateY(-50%);}
.swap-vr {    display: flex;    flex-direction: column-reverse;}


.button {padding:15px 30px;font-weight: 600;font-size: 14px;line-height: 21px;text-transform: uppercase;color: #001F60;text-decoration: none;background: transparent;border: 3px solid #001F60;border-radius: 50px;text-align: center;display:inline-block;vertical-align:middle;min-width: 160px; -webkit-transition: background-color 0.5s linear; -moz-transition:  background-color 0.5s linear; -o-transition: background-color 0.5s linear; transition:  background-color 0.5s linear; }
.button:hover {background-color: #001F60;color:#fff;}


h1 {font-weight: bold;font-size: 40px;line-height: 49px;}
h2 {font-weight: bold;font-size: 96px;color: #001F60;}
h3 {font-weight: bold;font-size: 64px;line-height: 77px;}
h4 {font-weight: normal;font-size: 36px;line-height: 54px;}
h1 span,h2 span,h3 span {display: block;}
h2 span {font-size: 36px;}

.breadcrumbs {padding:30px 0;color: #7C7C7C;font-size: 18px;line-height: 27px;}
.breadcrumbs a{color: #7C7C7C;}
.breadcrumbs a.final{color: #EF6933;}

header {width:100%;height:80px;padding:20px 0;position: fixed; background-color:#fff;   top: 0;transition: top 0.2s ease-in-out,background-color 1s,height 1s;z-index:3;}
header.nav-up {    top: -90px;}
header.nav-down {background-color: rgba(255,255,255,0.9);box-shadow: 0 2px 4px rgba(0,0,0,.15);}


header .logo {float:left;width:184px;height:45px;}
header .logo .mobile {display:none;}
header nav {float:right;margin-top:10px;}
header nav ul {list-style: none;}
header nav ul li {display:inline;}
header nav ul li a {font-weight: 600;font-size: 14px;line-height: 12px; text-transform: uppercase; color: #242636;text-decoration: none;margin:15px;}
header nav ul li a:hover {color:#001F60;}
header nav.mobile {position: absolute;top: 50px;left:0;background:#fff;padding:0 20px;z-index: 3;width:100%}
header nav.mobile ul { display: flex;  flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
header nav.mobile ul li {padding:15px 0;}
header nav.mobile ul li a {margin:0;}

.hamburger {  padding: 10px 0px;  display: none;  cursor: pointer;  transition-property: opacity, filter;  transition-duration: 0.15s;  transition-timing-function: linear;  font: inherit;  color: inherit;  text-transform: none;  background-color: transparent;  border: 0;  margin: 0;  overflow: visible; float:right;}
.hamburger:hover {    opacity: 0.7; }
.hamburger.is-active:hover {    opacity: 0.7; }
.hamburger.is-active .hamburger-inner,  .hamburger.is-active .hamburger-inner::before,  .hamburger.is-active .hamburger-inner::after {    background-color: #001F60; }
.hamburger-box {  width: 40px;  height: 24px;  display: inline-block;  position: relative; }
.hamburger-inner {  display: block;  top: 50%;  margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {    width: 40px;    height: 4px;    background-color: #001F60;    border-radius: 4px;    position: absolute;    transition-property: transform;    transition-duration: 0.15s;    transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {    content: "";    display: block; }
.hamburger-inner::before {    top: -10px; }
.hamburger-inner::after {    bottom: -10px; }
.hamburger--spin .hamburger-inner {  transition-duration: 0.22s;  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin .hamburger-inner::before {    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.hamburger--spin .hamburger-inner::after {    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin.is-active .hamburger-inner {  transform: rotate(225deg);  transition-delay: 0.12s;  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spin.is-active .hamburger-inner::before {    top: 0;    opacity: 0;    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
.hamburger--spin.is-active .hamburger-inner::after {    bottom: 0;    transform: rotate(-90deg);    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

.constellation {width:100%;height:100vh;position:absolute;z-index:2;}
.constellation canvas {position: absolute; width:100%;height:100%;}
.constellation .discover {position: absolute;bottom: 10px; right:20px;padding:27px 63px;background: #fff;border-radius: 3px;font-size: 24px;line-height: 36px;color: #242636;}
.constellation .discover .mouse {  width:30px;  height:45px;  border:3px solid #242636;  border-radius:15px;  position:relative;display: inline-block;vertical-align: middle;margin-right: 20px;  }
.constellation .discover .mouse:after {  content:"";  position:absolute;  width:8px;  height:8px;  border-radius:4px;  background: #242636;  display:block;  left:50%;  transform:translateX(-50%);  top:5px;  animation: control 1.5s infinite;}
@keyframes control {  0% {    opacity:1;    top:5px;  }  60% {    opacity:1;  }  90%{    top:20px;  }  100%{    opacity:0  }}

.sll {width:100%;height:100vh;}
.sll section {width:100%;height:100vh;background-repeat:no-repeat;background-position:center;background-size:cover;}
.sll section .info h1.title {font-weight: bold;font-size: 96px;line-height: 86px;color: #FFFFFF;margin-bottom: 53px;}
.sll section .info h1.title span { font-size: 36px;font-weight: normal;}
.sll section .button {color: #fff;border: 3px solid #fff;}
.sll section .button:hover {background:#fff;color:#001F60;}
.sll .slick-slide:not(.slick-active) {    transition-delay: 500ms !important;}


#services {padding:185px 0 130px;}
#services .row {margin-bottom: 74px;}
#services h2 {padding-bottom: 60px;}
#services .column {width:340px;height:360px;box-shadow: 0px 6px 20px rgba(0, 31, 96, 0.2);border-radius: 5px;font-size: 14px;line-height: 21px;margin:20px 10px;padding:56px 40px 0;}
#services .column:nth-child(3) {margin-right: 0;}
#services .column:nth-child(4) {margin-left: 0;}
#services .column h4 {color: #001F60;padding-bottom: 25px;}
#services .column .s_img {width: 100%;height: 100%;position: absolute;top:0;left: 0;z-index: -1;opacity: 0;  visibility: hidden; -webkit-transition: opacity 2s, visibility 2s; -moz-transition:  opacity 2s, visibility 2s; -o-transition: opacity 2s, visibility 2s; transition:  opacity 2s, visibility 2s;}
#services .column .s_img:after { content: ' ';    position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;    background-color: rgba(0, 31, 96, 0.6);border-radius: 5px;}
#services .column:hover .s_img { visibility: visible;  opacity: 1;}
#services .column:hover,#services .column:hover h4 {color:#fff;}

.button_block {text-align: center;font-size: 24px;line-height: 36px;color: #001F60;}
.button_block .button {margin-top: 20px;}

#approach {background: linear-gradient(to left, #fff 50%, #001F60 0%);position: relative;}
#approach .wrap {z-index: 1;}
#approach .appr_text{background: #001F60;color:#fff;width:55%;padding:80px 70px 100px;padding-left: 0;font-size: 16px;line-height: 24px;}
#approach .appr_text h3 {padding-bottom: 24px;}
#approach .appr_back { width:55%; height: 520px; position: absolute; top: 80px; right: 0;  background: url('../images/approach.png') center no-repeat;background-size: cover;}
#approach .appr_back:after { content: ' ';    position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;    background-color: rgba(0, 31, 96, 0.2);}

#portfolio {padding:245px 0 185px;}
#portfolio h2 {padding-bottom: 110px;}
#portfolio .column {width:480px;}
#portfolio .column .item a {display: block;height: 100%;text-decoration: none;}
#portfolio .column .item {width:100%;height:100%;display:flex;margin-bottom: 90px;position: relative;}
#portfolio .column.u-pull-right {float:right;}
#portfolio .column.u-pull-right .item:first-child {margin-top:140px;}
#portfolio .column .p_img {width: 480px;height: initial;position: relative;top:0;left: 0;z-index: -1;}
#portfolio .column .p_img:after { content: ' ';    position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;    background-color: rgba(0, 31, 96, 0.4);  -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;    transition: background-color 1000ms linear;}
#portfolio .column .p_img img {width:inherit;height:auto;}
#portfolio .column .item:hover .p_img:after {   background-color: rgba(0, 31, 96, 0.6); }
#portfolio .column .item .p_info {position: absolute;bottom:40px;left:40px;right: 40px;-webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
#portfolio .column .item:hover .p_info {bottom:60%;}
#portfolio .column .item .p_title {font-size: 36px;line-height: 54px;color: #FFFFFF;}
#portfolio .column .item .p_text {font-size: 16px;line-height: 19px;color: #FFFFFF;padding-top: 100px;display: none;}
#portfolio .column .item .p_more {font-size: 14px;line-height: 21px;font-weight: bold; text-transform: uppercase;color: #FFFFFF;text-decoration: none;position: absolute;left:0;bottom:20px;display: none;}
#portfolio .column .item:hover .p_text,#portfolio .column .item:hover .p_more {display: block;}

#products .description {padding-top:60px;font-size: 16px;line-height: 24px;}
#products .item {float:left;width: 500px;height: 420px;margin-bottom: 60px;}
#products .item a {text-decoration: none;text-align: center;}
#products .item:nth-child(even){float:right;}
#products .item:nth-child(2),#products .item:nth-child(3),#products .item:nth-child(4){box-shadow: 0px 4px 20px rgba(0, 31, 96, 0.2);border-radius: 5px;padding: 40px 70px; display: flex;  flex-direction: column;justify-content: flex-start;}
#products .item img {max-width: 108px;margin:0 auto;}
#products .item .p_title {font-size: 30px;line-height: 45px;color: #001F60;padding:60px 0 31px;text-align: center;}
#products .item .p_text {line-height: 21px;text-align: left;color:#000;}

#whoweare {padding:125px 0 254px;} 
#whoweare h2 {width:70%;margin-bottom: 110px;}
#whoweare .whoms {background: linear-gradient(to left, #fff 50%, #001F60 0%);position: relative;}
#whoweare .whoms .wrap {z-index: 1;}
#whoweare .whoms .who_text{background: #001F60;color:#fff;width:55%;padding:72px 70px 90px;padding-left: 0;font-size: 16px;line-height: 24px;}
#whoweare .whoms .who_text h3 {padding-bottom: 24px;}
#whoweare .whoms .who_text h3:nth-child(2) {padding-top: 73px;}
#whoweare .whoms .who_back { width:55%; height: 667px; position: absolute; top: 80px; right: 0;  background: url('../images/approach.png') center no-repeat;background-size: cover;}
#whoweare .whoms .who_back:after { content: ' ';    position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;    background-color: rgba(0, 31, 96, 0.2);}

.about .wrap {width:960px;height:542px;}
.about .a_text {width:410px;height:100%;float:left;box-shadow: 0px 4px 20px rgba(0, 31, 96, 0.2);border-radius: 5px 0px 0px 5px;padding:82px 40px 70px;font-size: 16px;line-height: 24px;background: #fff;}
.about .a_text .button_block {margin-top:45px;}
.about .a_img {width:550px;height:100%;float:right;position: relative;background: url('../images/approach.png') center no-repeat;background-size: cover;}
.about .a_img:after { content: ' ';    position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;    background-color: rgba(0, 31, 96, 0.2);}
.about .wrap:before { content: ' ';    position: absolute;    left: -50px;    top: -50px;   background: #001F60;width:604px;height:450px;z-index: -1;}
.about .wrap:after { content: ' ';    position: absolute;    right: -54px;    bottom: -50px;   background: #001F60;width:604px;height:450px;z-index: -1;}

.toge {margin:214px auto 164px;}
.toge .button_block {font-weight: 600;font-size: 36px;}
.toge .button_block span {margin:30px 0 20px;font-size: 16px;line-height: 24px;font-weight: 400;display:block;}

#consulting {background: #001F60;color:#fff;padding: 130px 0;}
#consulting .s_box {width:520px;float:left;}
#consulting .s_box2 {width:520px;float:right;clear: both;margin-top:106px;}
#consulting .s_text {margin-top:42px;font-size: 16px;line-height: 24px;}
#consulting .s_img {position: absolute;right:-60px;top:-210px;width:550px;height:482px;background-size: cover;}
#consulting .s_box .s_img.second {top:310px;}
#consulting .s_img:after { content: ' ';    position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;    background-color: rgba(0, 31, 96, 0.2);}
#consulting .s_box2 .s_img {left:-60px;bottom:-210px;right:auto;top:auto;}
#consulting .s_box2 .s_img.second {bottom:310px;}


#careers {padding:245px 0 185px;}
#careers h2 {padding-bottom: 60px;}
#careers .row {margin-bottom: 67px;}
#careers .column {max-width: 340px; margin:20px 10px;box-shadow: 0px 6px 20px rgba(0, 31, 96, 0.2);border-radius: 5px;}
#careers .column .item {width:340px;height:300px;padding:53px 40px;position: relative;z-index: 1;}
#careers .column .c_img {width: 100%;height: 100%;position: absolute;top:0;left: 0;z-index: -1;opacity: 0;  visibility: hidden; -webkit-transition: opacity 2s, visibility 2s; -moz-transition:  opacity 2s, visibility 2s; -o-transition: opacity 2s, visibility 2s; transition:  opacity 2s, visibility 2s;}
#careers .column .c_img:after { content: ' ';    position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;    background-color: rgba(0, 31, 96, 0.6);border-radius: 5px;}
#careers .column:hover .c_img { visibility: visible;  opacity: 1;}
#careers .row  a {text-decoration: none;color: #001F60;}
#careers .column:hover a {color:#fff;}
#careers .c_more {position:absolute;left:40px;bottom:53px;text-transform: uppercase;font-weight: bold;}
#careers .column:hover {background-size: cover;}
#careers .column:hover:after { content: ' ';    position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0; border-radius: 5px;   background-color: rgba(0, 31, 96, 0.6); }
#careers .column:nth-child(3) {margin-right: 0;}
#careers .column:nth-child(4) {margin-left: 0;}
#careers .button_block {font-weight: 600;font-size: 36px;}

#blog h2 {padding-bottom: 63px;}
#blog .filter {}
#blog .filter .f_menu {width:100%;height:100px;background: #001F60;position:relative;margin-bottom: 80px;}
#blog .filter .f_menu:before,#blog .filter .f_menu:after {content: '';position: absolute;top: 0;width:100px;height:100px;background: #001F60;}
#blog .filter .f_menu:before {left:-100px;}
#blog .filter .f_menu:after {right:-100px;}
#blog .filter .f_menu ul {list-style: none;padding-top:42px;}
#blog .filter .f_menu ul li {display:inline;}
#blog .filter .f_menu ul li a {font-weight: 400;font-size: 18px;line-height: 14px; color: #fff;text-decoration: none;margin-right:25px;}
#blog .filter .f_menu ul li a:hover {text-decoration: underline;}
#blog .filter .f_menu ul li a.highlight {font-weight: 600;text-decoration: underline;}
#blog .column {width:480px;}
#blog .column .item a {display: block;height: 100%;text-decoration: none;}
#blog .column .item {height:520px;margin-bottom: 70px;position: relative;padding: 50px 40px 40px;}
#blog .column.u-pull-right {float:right;margin-top:130px;}
#blog .column .b_img {width: 100%;height: 100%;position: absolute;top:0;left: 0;z-index: -1;background-repeat: no-repeat;background-size: cover;}
#blog .column .b_img:after { content: ' ';    position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;    background-color: rgba(0, 31, 96, 0.4); }
#blog .column .item:hover .b_img:after {   background-color: rgba(0, 31, 96, 0.6); }
#blog .column .item .b_topinfo {position: absolute;top:50px;left:40px;right: 40px;font-size: 12px;line-height: 14px;color:#fff;}
#blog .column .item .b_info {position: absolute;bottom:40px;left:40px;right: 40px;}
#blog .column .item:hover .b_info {top:120px;}
#blog .column .item .b_title {font-size: 36px;line-height: 54px;color: #FFFFFF;}
#blog .column .item .b_text {font-size: 16px;line-height: 19px;color: #FFFFFF;padding-top: 50px;display: none;}
#blog .column .item .b_more {font-size: 14px;line-height: 21px;font-weight: bold;text-transform: uppercase;color: #FFFFFF;text-decoration: none;position: absolute;left:0;bottom:20px;display: none;}
#blog .column .item:hover .b_text,#blog .column .item:hover .b_more {display: block;}

#contacts {margin-top:185px;background: #001F60;padding:115px 0 83px;}
#contacts h2 {color:#fff;max-width: 550px;padding-bottom: 87px;}
#contacts .c_info {float:left;color:#fff;}
#contacts .c_info .c_irow1 {font-size: 24px;line-height: 36px;text-transform: uppercase;}
#contacts .c_info .c_irow2 {font-size: 24px;line-height: 36px;font-weight: 600;}
#contacts .c_info .c_irow3 {font-size: 16px;line-height: 24px;padding:20px 0 50px;}
#contacts .c_info .c_irow4 {font-size: 18px;line-height: 37px;}
#contacts .c_info .c_irow5 {font-size: 18px;line-height: 17px;padding-top: 30px;}
#contacts .c_info .c_irow5 a {margin-right: 15px;}
#contacts .c_info .c_irow5 a img {width:29px;height: 29px;}
#contacts .c_form {width: 610px;height: 650px;float:right;padding:60px 70px;background: #FFFFFF;box-shadow: 0px 6px 20px rgba(0, 31, 96, 0.2);border-radius: 5px;}
#contacts .c_form .fieldOuter {position: relative;}
#contacts .c_form [type=text],#contacts .c_form textarea  {width:100%;border:none;border-bottom: 1px solid #5F5F5F;margin-bottom:40px;padding-left:140px;font-weight: 600;font-size: 18px;line-height: 27px;color: #001F60;box-sizing: border-box;}
#contacts .c_form label {font-size: 18px;line-height: 27px;color: #001F60;position: absolute;top:0;left:0;}
#contacts .c_form textarea {height:81px;padding-left:0;margin-top:43px;}
#contacts .c_form button {cursor:pointer;}

.map {width:100%;height:761px;background: url(../images/map.jpg) no-repeat center;background-size: cover;}

footer {padding:70px 0 80px;background: #001F60;}
footer .f_menu {width:250px; margin-right: 20px;float: left;}
footer .f_menu:nth-child(3) {margin-left:75px;}
footer .f_menu ul {list-style: none;}
footer .f_menu ul li {margin-bottom: 15px;}
footer .f_menu ul li a {font-size: 12px;line-height: 18px;color: #FFFFFF;text-decoration: none;}
footer .f_menu ul li a.parent {font-size: 18px;line-height: 27px;font-weight: bold;}
footer .f_info {float: right;font-size: 12px;line-height: 28px;color: #FFFFFF;}
footer .f_info a {margin-right: 10px;}
footer .f_info img {width:20px;height:20px;}

.copyline {width:100%;height:50px;padding:10px 0;display: flex;align-items: center;justify-content: center;font-weight: 500;font-size: 10px;line-height: 15px;color: #001F60;}

.inner #title {width:100%;height:350px;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}
.inner #title:after { content: ' ';    position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;    background: rgba(0, 31, 96, 0.5); }
.inner #title .wrap {display: flex;align-items: center;}
#about_page #title h1 {font-size: 96px;color:#fff;position: relative;z-index: 1;}
.inner #about_top {padding:135px 0 175px;}
.inner #about_top h3 {color: #001F60;}
.inner #about_top .text {max-width: 520px;margin:65px auto 120px;font-size: 16px;line-height: 24px;}
.inner #about_top .a_photo {max-width: 1440px;margin:0 auto;position: relative;}
.inner #about_top .a_photo .photo-item{height:480px;background-size: cover; background-position: center;  background-repeat: no-repeat;margin: 0 15px;}
.inner #about_top .navigation {padding: 10px 0;text-align:center;}
.inner #about_top .navigation .nav_arrow {cursor:pointer;padding:15px 0;display:inline-block;}
.inner #about_top .navigation .nav_arrow img {width:49px;height:12px;}
.inner #about_top .navigation .a_prev {margin-right:15px;}
.inner #about_top .navigation .a_next {margin-left: 15px;}
.inner #mis_vis {padding-bottom: 135px;}
.inner #mis_vis .column {width:520px;padding:47px 40px;box-shadow: 0px 6px 20px rgba(0, 31, 96, 0.2);border-radius: 5px;font-size: 16px;line-height: 24px;height:315px;}
.inner #mis_vis .column:last-child{float:right;}
.inner #mis_vis .column h3 {color: #001F60;padding-bottom:24px;}
#about_page .button_block {max-width: 800px;margin:215px auto 135px;}
#about_page .button_block h4{font-size: 64px;font-weight: bold; text-align: center;color: #001F60;line-height: 78px;padding-bottom: 67px;}

#career_page #title h1,#blog_page #title h1,#product_page #title h1 {font-size: 64px;line-height: 77px; color:#fff;position: relative;z-index: 1;}
#career_page article {padding:135px 0 0;}
#career_page article .wrap {max-width: 700px;}
#career_page article .block {font-size: 16px;line-height: 24px;padding-bottom:85px;}
#career_page article .block .title {font-weight: bold;font-size: 36px;color: #001F60;text-transform: uppercase;padding-bottom: 44px;}
#career_page article .block ul,.inner #about_top .text ul {  list-style: none; }
#career_page article .block ul li,.inner #about_top .text ul li {padding-left: 20px;position: relative;}
#career_page article .block ul li::before,.inner #about_top .text ul li:before {  position:absolute;top:0;    left:0;  content: "\2022";    color: #001F60;  font-weight: bold;  width: 5px;}
#career_page article .block:last-child{padding-bottom: 0;}
#career_page .career_form {max-width: 520px;margin:151px auto 135px;}
#career_page .career_form h4 {font-weight: bold;font-size: 24px;line-height: 36px;color: #001F60;padding-bottom: 34px;}
#career_page .career_form .fieldOuter {position: relative;margin-bottom:40px;}
#career_page .career_form .acv {border-bottom: 1px solid #5F5F5F;}
#career_page .career_form [type=text],#career_page .career_form [type=file],#career_page .career_form textarea  {width:100%;border:none;border-bottom: 1px solid #5F5F5F;padding-left:140px;font-size: 18px;line-height: 27px;color: #001F60;box-sizing: border-box;}
#career_page .career_form label {font-size: 18px;line-height: 27px;color: #001F60;position: absolute;top:0;left:0;}
#career_page .career_form textarea {height:81px;padding-left:0;margin-top:43px;}
#career_page .career_form .attach > input{    display: none;}
#career_page .career_form .attach img{    width: 30px;    cursor: pointer;}
#career_page .career_form .attach label {right:7px;left:auto;top:-7px;}
#career_page .career_form .label {font-size: 18px;line-height: 27px;color: #001F60;}

#blog_page article {padding:50px 0 125px;}
#blog_page article .a_topinfo {font-size: 12px;line-height: 14px;color: #001F60;padding-bottom: 70px;}
#blog_page article .a_main {max-width: 700px;margin:0 auto;font-size: 18px;line-height: 34px;}
#blog_page article .a_main p {padding-bottom: 40px;}
#blog_page article .a_main h4 {font-weight: bold;font-size: 24px;line-height: 43px;text-transform: uppercase;color: #2C2C2C;padding:30px 0 25px;}
#blog_page article .a_main p a {color:#5271b6;}
#blog_page article .a_main .videowrapper {    overflow: hidden;    position: relative;    width:100%;}
#blog_page article .a_main .videowrapper::after {    padding-top: 56.25%;    display: block;    content: '';}
#blog_page article .a_main .videowrapper iframe {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}
#blog_page article .a_main .videodescr {font-size: 14px;line-height: 34px;color: #8F8F8F;padding-bottom: 51px;}
#blog_page article .a_main ul {  list-style: none; padding-bottom: 40px;}
#blog_page article .a_main ul li {padding-left: 20px;position: relative;}
#blog_page article .a_main ul li::before {  position:absolute;top:0;    left:0;  content: "\2022";    color: #5271B6;  font-weight: bold;  width: 20px;}
#blog_page article .a_main .share {padding-top:30px;font-weight: 800;font-size: 14px;line-height: 21px;text-transform: uppercase;color: #001F60;}
#blog_page article .a_main .share img {vertical-align: middle;margin:0 6px;}
#blog_page article .a_main .share img.f{margin-left: 23px;}
#blog_page article .a_main .navigation {margin:52px 0 68px;}
#blog_page article .a_main .navigation .column {width:320px;}
#blog_page article .a_main .navigation .column:first-child {text-align: right;}
#blog_page article .a_main .navigation .column:last-child{float:right;}
#blog_page article .a_main .navigation .column .nav_arrow {font-weight: 800;font-size: 12px;line-height: 18px;text-transform: uppercase;color: rgba(0, 31, 96, 0.6);margin-bottom: 15px;}
#blog_page article .a_main .navigation a {font-weight: 800;font-size: 14px;line-height: 21px;color: #001F60;text-decoration: none;display: block;}
#blog_page article .a_main .navigation .column:first-child a .nav_arrow img {margin-right:0px;-webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
#blog_page article .a_main .navigation .column:last-child a .nav_arrow img {margin-left:0px;-webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
#blog_page article .a_main .navigation .column:first-child a:hover .nav_arrow img {margin-right:30px;}
#blog_page article .a_main .navigation .column:last-child a:hover .nav_arrow img {margin-left:30px;}

#product_page article {padding:70px 0 92px;}
#product_page article .product_info {padding:55px 71px;box-shadow: 0px 6px 20px rgba(0, 31, 96, 0.2);border-radius: 5px;margin-bottom: 120px;}
#product_page article .product_info .text {font-size: 16px;line-height: 34px;width:740px;float:right;}
#product_page article .product_info .text strong {color: #001F60;}
#product_page article .product_features .title,#product_page article .why_us .title {font-weight: bold;font-size: 64px;line-height: 96px;color: #001F60;}
#product_page article .product_features .block {padding:50px 0 25px;}
#product_page article .product_features .block .column {width:520px;}
#product_page article .product_features .block .column:last-child{float:right;width:490px;font-size: 18px;line-height: 34px;}
#product_page article .product_features .block img {float:left;margin-right: 52px;}
#product_page article .product_features .block h4 {font-weight: normal;font-size: 36px;line-height: 54px;color: #001F60;max-width: 410px;float:left;}
#product_page article .product_features .block ul {  list-style: none;}
#product_page article .product_features .block ul li {line-height: 24px;padding:0 0 15px 20px;position: relative;}
#product_page article .product_features .block ul li::before {  position:absolute;top:0;    left:0;  content: "\2022";    color: #001F60;  font-weight: bold;  width: 20px;}
#product_page article .why_us {padding-top:60px;}
#product_page article .why_us .wu_block {padding:60px 135px;box-shadow: 0px 6px 20px rgba(0, 31, 96, 0.2);border-radius: 5px;margin:40px 0 110px;}
#product_page article .why_us .wu_block .row {padding-bottom: 40px;}
#product_page article .why_us .wu_block .row:last-child{padding-bottom: 0;}
#product_page article .why_us .wu_block .row .column:first-child{width:58px;}
#product_page article .why_us .wu_block .row .column:last-child {font-size: 16px;line-height: 24px;width:680px;float:right;}
#product_page article .why_us .wu_block strong {color: #001F60;}
#product_page article .button_block {max-width: 600px;margin: 0 auto;}
#product_page article .button_block h5 {font-weight: bold;font-size: 36px;line-height: 48px; color: #001F60;padding-bottom: 35px;}
.top_button {    background: url('../images/top.svg') center no-repeat;    bottom: 20px;    cursor: pointer;    position: fixed;    font-size:0;    right: 20px;    width: 60px;    height: 60px;    z-index: 99;}


@media only screen and (max-width:1199px){
    .wrap {width:770px;}
    h2 {    font-size: 72px;}
    h3 {font-size: 54px;}
    header nav {display: none;}
    header.nav-down {background-color: rgba(255,255,255,1);}

    .hamburger {  display: inline-block; }
    #services .column {width:370px;margin: 25px 15px;}
    #services .column:nth-child(2),#services .column:nth-child(4) {    margin-right: 0;}
    #services .column:nth-child(3),#services .column:nth-child(5) {    margin-left:0;margin-right: 15px;}
    #services .column:nth-child(4) {    margin-left: 15px;}
    #approach .appr_text,#whoweare .whoms .who_text {width:60%;}
    #portfolio .column {    width: 370px;}
    #portfolio .column .item {margin-bottom: 77px;}
#portfolio .column.u-pull-right .item:first-child {margin-top:87px;}
#portfolio .column .p_img {width: 370px;}
    #portfolio .column .item .p_title {    font-size: 24px;    line-height: 36px;}
    #portfolio .column .item .p_text {padding-top: 50px;}
    #products .item {    width: 370px;    height: 340px;    margin-bottom: 50px;}
    #products .item img {    max-width: 80px;}
    #products .item .p_title {    font-size: 24px;    line-height: 36px;    padding: 10px 0 23px;}
   #products .item:nth-child(2), #products .item:nth-child(3), #products .item:nth-child(4) {padding: 35px;}
    #whoweare .whoms .who_text {padding: 50px 70px;padding-left: 0;}
    .about .wrap:before,.about .wrap:after,.about .a_img { display: none;}
    .about .wrap {    width: 800px;}
    .about .a_text {width:100%;height: initial;padding: 82px 75px 70px;}
    .toge {    margin: 0 auto 140px;}
    #consulting {    padding: 90px 0;    position: relative;}
    #consulting .wrap {position:static;}
    #consulting .s_box {    width: 440px;}
    #consulting .s_img {    right: 0;    top: 90px;    width: 381px;    height: 302px;}
    #consulting .s_box2 {    width: 440px;    margin-top: 76px;}
    #consulting .s_box2 .s_img {    left: 0px;    bottom: 90px;}
    #consulting .s_box .s_img.second {top:440px;}
	#consulting .s_box2 .s_img.second {bottom:440px;}

    #careers {    padding: 119px 0;}
    #careers .column {    max-width: 247px;    margin: 15px 7px;}
    #careers .column .item {    width: 247px;    height: 218px;    padding: 40px 29px;}
    #careers .column .item  h4 {    font-size: 24px;    line-height: 36px;}
    #careers .c_more {    left: 30px;    bottom: 39px;}
    #blog .filter .f_menu::before, #blog .filter .f_menu::after {    width: 75px;}
    #blog .filter .f_menu::before {    left: -75px;}
    #blog .filter .f_menu::after {    right: -75px;}
    #blog .filter .f_menu ul li a {    font-size: 14px;    margin-right: 15px;}
    #blog .column {    width: 370px;}
    #blog .column .item {    height: 400px;    padding: 30px;}
    #blog .column .item .b_topinfo {    top: 30px;    left: 30px;    right: 30px;}
    #blog .column .item .b_info {    bottom: 30px;    left: 30px;    right: 30px;}
    #blog .column .item .b_title {    font-size: 24px;    line-height: 36px;}
    #blog .column .item:hover .b_info {    top: 87px;}
    #blog .column .item .b_text {padding-top: 20px;}
    #blog .column .item .b_more {bottom: 0px;}
    #contacts {    margin-top: 96px;}
    #contacts .c_info {    float: none;    width: 100%;}
    #contacts .c_form {    float: none;margin: 150px auto 0;clear: both;}
    #contacts .c_info .m_l {width:372px;float: left;}
    #contacts .c_info .m_r {width:372px;float: right;}
    #contacts .c_info .c_irow3 {padding-bottom: 0;}
    .map {    height: 553px;margin-top: -180px;}
    footer .f_menu {width:170px; margin-right: 20px;}
footer .f_menu:nth-child(3) {margin-left:30px;}
    .inner #about_top {    padding: 94px 0 127px;}
    .inner #about_top .a_photo {    max-width: 992px;}
  .inner #about_top .a_photo .photo-item{height:332px;}
    .inner #mis_vis .column {    width: 370px;    padding: 47px 25px;height:365px;}
    #about_page .button_block h4 {    font-size: 54px;    padding-bottom: 30px;}
    #about_page .button_block {    max-width: 770px;    margin: 193px auto 116px;}
    #career_page #title h1, #blog_page #title h1, #product_page #title h1 {    font-size: 54px;}
    #career_page article {    padding: 60px 0 0;}
    #career_page .career_form {margin-top:136px;}
    #blog_page article .a_main {    max-width: 770px;}
    #product_page article .product_info .text {    width: 460px;}
    #product_page article .product_features .block .column {    width: 360px;}
    #product_page article .product_features .block h4 {    font-size: 24px;    line-height: 36px;    max-width: 260px;}
    #product_page article .product_features .block img {    margin-right: 25px;}
    #product_page article .product_features .block .column:last-child {    width: 380px;    font-size: 16px;}
    #product_page article .why_us .wu_block {    padding: 60px 75px;}
    #product_page article .why_us .wu_block .row .column:last-child {    width: 500px;}
}

@media only screen and (max-width:800px){
     .wrap {width:320px;}
    h2 {    font-size: 48px;}
    h2 span {    font-size: 24px;}
    h3 {font-size: 36px;    line-height: 45px;}
    header {    height: 56px;    padding: 14px 0;}
    header .logo .desktop {display:none;}
    header .logo .mobile {display:block;}
    .hamburger {  padding: 3px 0px;}
    header.mobhead {top:0!important}
    header nav.mobile {      top: 50px;background: #001F60;}
    header nav.mobile ul {    flex-direction: column;}
    header nav.mobile ul a {font-size: 36px;line-height: 41px;color: #FFFFFF!important;text-transform: none;}
    .fadeback {background:#001F60;position: fixed;top: 56px;left: 0;width: 100%;height: 100%;z-index: 1;display: none;}
    .sll section {    background-position: left center;}
    .sll section .info h1.title {    font-size: 64px;}
    .sll section .info h1.title span {    font-size: 24px;    line-height: 36px;}
    .constellation .discover {    right: auto;    padding: 15px 30px;font-size: 18px;line-height: 27px;    width: 100%;    left: 0;    text-align: center;}
    #services {    padding: 69px 0;}
    #services h2 {    padding-bottom: 20px;}
    #services .column {    width: 100%; height: auto; margin: 20px auto !important;padding: 40px 36px;}
    #services .column .s_img {    background-size: cover;    border-radius: 5px;}
    #services .button_block {width: 220px;margin: 0 auto;}
    #services .row {    margin-bottom: 24px;}
    #approach,#whoweare .whoms {    background: #001F60;display: -webkit-box;    display: -moz-box;    display: box;    -webkit-box-orient: vertical;    -moz-box-orient: vertical;    box-orient: vertical;}
    #approach .wrap,#whoweare .whoms .wrap {    -webkit-box-ordinal-group: 2;    -moz-box-ordinal-group: 2;    box-ordinal-group: 2;}
    #approach .appr_back,#whoweare .whoms .who_back {    -webkit-box-ordinal-group: 1;    -moz-box-ordinal-group: 1;    box-ordinal-group: 1;}
    #approach .appr_text, #whoweare .whoms .who_text {    width: 100%;}
    #approach .appr_text {    padding: 64px 0;}
    #approach .appr_back,#whoweare .whoms .who_back {    width: 100%;    height: 241px;    position: relative;    margin: 0 auto;    max-width: 376px;top:auto;}
    #portfolio {    padding: 71px 0 88px;}
    #portfolio h2 {    padding-bottom: 37px;}
    #portfolio .column {    width: 100%;}
    #portfolio .column .item {   margin-bottom: 100px;    position: relative;    padding: 0;}
    #portfolio .column .p_img {    width: 100%;}
    #portfolio .column .item .p_title {    font-size: 20px;    line-height: 30px;color:#000;}
    #portfolio .column .item .p_info {    position: absolute;    bottom: -40px!important;    left: 0px;    right: 0px;}
    #portfolio .column .item .p_info .p_text,#portfolio .column .item .p_more {display:none;}
    #portfolio .column.u-pull-right .item:first-child {  margin-top: 0;}
    #portfolio .column.u-pull-right .item:last-child {margin-bottom: 75px;}
    #portfolio .column .item:hover .p_info {    top: auto;}
    #products .description {    padding-top: 28px;}
    #products .item {    width: 320px;    height: auto;}
    #products .item .p_title {    font-size: 20px;    line-height: 30px;    padding: 40px 0 25px;}
    #whoweare {    padding: 50px 0 65px;}
    #whoweare h2 {    width: 100%;    margin-bottom: 48px;}
    .about .wrap {    width: 320px;    height: auto;}
    .about .a_text {    width: 320px;    height: initial;    padding: 0;    margin: 0 auto;    float: none;    box-shadow: none;}
    .toge {    margin: 94px auto 80px;}
    #consulting .s_img {display:none;}
    #consulting .s_box {    width: 100%;}
    #consulting .s_box2 {    width: 100%;    margin-top: 60px;}
    #careers {    padding: 88px 0;}
    #careers .column {    margin: 0 auto 30px !important;    float: none;}
    #blog .filter .f_menu {display:none;}
    #blog h2 {    padding-bottom: 51px;}
    #blog .column {    width: 100%;}
    #blog .column .item {    height: 200px!important;    margin-bottom: 100px;    position: relative;    padding: 0;}
    #blog .column .item .b_title {    font-size: 20px;    line-height: 30px;color:#000;}
    #blog .column .item .b_info {    position: absolute;    bottom: -70px;    left: 0px;    right: 0px;}
    #blog .column .item .b_info .b_text,#blog .column  .item .b_info .b_more {display:none;}
    #blog .column .item .b_topinfo {    top: 20px;    left: 20px;    right: 20px;}
    #blog .column .item:hover .b_info {    top: auto;}
    #blog .column.u-pull-right {    margin-top: 0;}
    #contacts {    padding: 80px 0;}
    #contacts h2 {    max-width: 320px;    padding-bottom: 68px;}
    #contacts .c_info .m_l, #contacts .c_info .m_r {    width: 320px;    float: none;}
    #contacts .c_info .m_r {margin-top:40px;}
    #contacts .c_form {    width: 320px;    height: auto;float:none;    padding: 46px 20px;}
    .map {    height: 506px;}
    footer {    padding: 60px 0 30px;}
    footer .f_menu {    width: 100%;    margin:0 0 50px !important;float:none;}
    footer .f_info {display:none;}
    .copyline {    width: 320px;    height: auto;    margin: 0 auto;}
    .inner #title {     height: 288px;}
    #about_page #title h1 {    font-size: 48px;}
    .inner #about_top h3 {font-size: 24px;line-height: 36px;}
    .inner #about_top {    padding: 53px 0 80px;}
    .inner #about_top .text {    max-width: 320px;    margin: 27px auto 70px;}
    .inner #about_top .a_photo {    max-width: 375px;}
  .inner #about_top .a_photo .photo-item{height:244px;margin:0 auto;}
    .inner #about_top .navigation .a_prev {left:98px;}
.inner #about_top .navigation .a_next {right:98px;}
    .inner #mis_vis {    padding-bottom: 35px;}
    .inner #mis_vis .column {    width: 100%!important;    padding: 0!important;    float: none!important;margin-bottom: 48px;box-shadow: none;height:auto;}
    #about_page .button_block {      margin: 69px auto 71px;}
    #about_page .button_block h4 {    font-size: 24px;    padding-bottom: 20px;    line-height: 36px;}
    #career_page .career_form {    max-width: 320px;}
    #career_page #title h1, #blog_page #title h1, #product_page #title h1 {    font-size: 36px;    line-height: 48px;}
    #blog_page article .a_main .navigation .column {    width: 140px;}
    #blog_page article .a_main .navigation .t_article {display:none;}
    #blog_page article {    padding: 50px 0;}
    #blog_page article .a_main .navigation {    margin: 52px 0 28px;}
    #product_page article .product_info {    padding: 0;    box-shadow: none;    margin-bottom: 100px;text-align: center;}
    #product_page article .product_info .text {    width: 100%;text-align: left;margin-top: 20px;}
    #product_page article .product_features .title, #product_page article .why_us .title {    font-size: 36px;    line-height: 48px;}
    #product_page article .product_features .block .column {    width: 100%;}
    #product_page article .product_features .block .column:first-child {text-align: center;}
    #product_page article .product_features .block h4 {       max-width: 320px;    float: none;}
    #product_page article .product_features .block img {    margin-right: 0;    float: none;}
    #product_page article .product_features .block .column:last-child {    width: 100%;    margin-top: 30px;}
    #product_page article .why_us .wu_block {    padding: 0;    box-shadow: none;}
    #product_page article .why_us .wu_block .row .column:first-child {    float: none;    margin: 0 auto !important;}
    #product_page article .why_us .wu_block .row .column:last-child {    width: 100%;    margin-top: 20px;}
    #product_page article .button_block h5 {    font-size: 24px;    line-height: 36px;    padding-bottom: 25px;}
}
@media only screen and (max-height:480px){
.constellation .discover {    padding: 5px 30px;}
.sll section .info h1.title {    margin-bottom: 15px;}
}

@media only screen and (max-height:480px) and (max-width:600px){
.sll section .info h1.title {    margin-bottom: 5px;font-size: 40px;line-height: 46px;}
}