*{outline:0 none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-touch-callout:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;font-smoothing:antialiased}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;background:#0c0d17;color:#fff;padding:0;position:relative;width:100%}body{width:100%;margin:0;padding:0;display:block;position:relative;z-index:2}ul,legend,td,th{margin:0;padding:0}img,legend{border:0}img{width:100%}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{outline:none;background-color:transparent;text-decoration:none}
a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}dfn{font-style:italic}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}svg:not(:root){overflow:hidden}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}.cl,.cf{width:100%;display:block;clear:both}.cf,.c::after{width:100%;content:"";display:block;clear:both}p{margin:0 0 20px}h1,h2,h3,h4{margin:0 0 30px}input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}
nav a:hover,.active{color:#fff !important}::-moz-selection,.o-box,.btn:hover,::selection,a:hover .btn{color:#fff;background:#0b72b5}::-moz-selection,.o-box,.btn:hover{color:#fff;background:#404040}::selection{color:#fff;background:#404040}::-moz-selection,.o-box,.plu:hover,.min:hover{color:#fff;background:#404040}::selection{color:#fff;background:#404040}a:hover,a.active,p a,.footer p a,h4,a:hover,p a,.terms li a:hover{color:#404040}input[type=text]:focus,input[type=password]:focus{border:1px solid #404040}.active{font-weight:600}.tc{text-align:center}header,main,footer,section{width:100%;float:left}h1,h2,h3,h4{font-family:"Mulish";font-weight:400;color:#404040;font-style:normal}.copy,html{background:#fff}body,p,span,a,li,div{font-family:"Mulish";color:#404040;font-weight:300;font-size:.9375rem;line-height:1.4}a,input,path,.nT span,.options,.options span,.more svg,path,.banner h3,.cat::before,.social svg,.navC span,button{-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s}.bg{-webkit-transition:all ease .6s;-moz-transition:all ease .6s;-o-transition:all ease .6s;transition:all ease .6s}
.w5{float:left;width:47%}.w5 + .w5{float: right;}.w5.map + .w5{float: left;}textarea.txt_error{border-color:#ef1a1a !important}.chck.txt_error label::before{border-color:#ef1a1a !important}.form .fsi{width:100%;float:left;position:relative;margin-bottom:23px;min-height:38px}
.form input:focus,.form textarea:focus{border:1px solid #0b72b5}.form input,.form textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:10px 18px 11px;background:#fff;color:#585858;border:1px solid #ddd;letter-spacing:0;font-weight:400;font-size:16px;margin-bottom:15px}.form textarea{margin-bottom:25px}.form .fs{width:100%;float:left}.form .lgray{padding:30px 32px 30px;margin:30px 0}.form .lgray .chck{float:left;width:100%;display:block;min-height:24px;width:calc(100% - 220px)}
.form .lgray .btn{float:right}::-webkit-input-placeholder{opacity:1;color:#585858}:-ms-input-placeholder{opacity:1;color:#585858}::placeholder{opacity:1;color:#585858}input.txt_error{border-color:#ef1a1a}.chck input[type=checkbox],.chck input[type=radio]{float:left;width:19px;height:19px;opacity:0;display:block;cursor:pointer;z-index:5000;margin-bottom:2px;position:absolute}.chck label{position:relative;margin-left:0;line-height:16px;max-width:none;padding-left:24px;float:left;width:100%;font-weight:400;font-size:16px;color:#666}.chck input[type=checkbox]+label::before,.chck input[type=radio]+label::before{display:inline-block;width:11px;content:"";height:9px;position:absolute;left:0;cursor:pointer;transition:all ease .3s;top:1px;margin-top:0;background:#fff;border:1px solid #ddd}.chck input[type=checkbox]:checked+label::before,.chck input[type=radio]:checked+label::before{background:#444;border-color:#404040}
a,.btn,input,textarea{-webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;}
    label{margin-bottom: 4px;display:block;font-weight: 400;
font-size: 16px;
line-height: 25px;color: #7e7e7e;}
  input.btn{
  	float: left;
width: auto;
min-width: 200px;
  }

  /**new css**/
  .home-projects{
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }
    .home-projects-wrapper {
	position: relative;
	z-index: 2;
}
  .center-lg{
    max-width: 1920px !important;
  }
  .title-animated {
    position: absolute;
    top: 30px;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 0;
    transform: translateX(800px);
  }
  .title-animated h2 {
    font-size: 120px;
    font-weight: 800;
    color: #f9f9f9;
  }

.home-project-text{
  width: 100%;
  padding: 0  40px;
}
.home-project-text h2{
    margin-bottom:30px;
}
.home-project-image{
  width: 100%;
  margin-top:70px;
}
.home-project-image img{
  display: block;
  width: 100%;
}
  .home-projects-row:not(:last-child){
      margin-bottom:50px;
  }
  .list-new .icon span img {
	width: 100%;
	height: 300px;
	position: static;
	top: auto;
	left: auto;
	margin-top: 0;
	margin-left: 0;
	object-fit: cover;
	display:block;
}
.list-new {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	flex-direction: row;
	justify-content: center;
	margin: 0;
}
.list-new .icon {
	width: 30%;
	overflow: hidden;
	border-radius: 16px;
	border: 23px solid #004475;
	position:relative;
	margin-bottom:30px;
	margin-right:3%;
}
    .list-new  a.icon:hover img {
	transform: none;
}
  .list-new .icon span {
	padding-top: 0;
	position: relative;
	display: block;
	border-radius: 0;
	background: #004475;
	max-width: 100%;
	margin: 0 auto;
	width: 100%;
}
  .list-new .icon h3 {
	margin: 0 !important;
	color: #fff;
	max-width: 100% !important;
	position: absolute;
	z-index: 3;
	left: 20px;
	bottom: 20px;
	font-weight: 600;
	font-size: 28px;
}

@media screen and (max-width: 1100px){
.list-new .icon {
	width:46%;
}
    
}
@media screen and (max-width: 640px){
    .list-new .icon {
	width: 100%;
	margin-right:0;
    }
}
@media only screen and (min-width: 68.75em) {
  /*1100px*/
  .home-projects-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom:0;
}
.home-projects-row:nth-child(2n+2) .home-project-text{
    order:2;
}
.home-project-image{
  width: 50%;
margin-top:0;
    
}
.home-project-text{
  width: 50%;
  padding: 0  50px;
}
}
@media only screen and (min-width: 90em) {
  /*1440px*/
  .home-project-text{
  padding: 0  100px;
}
}
.btn-join{
    color:#fff !important;
}
/*--------start animations------*/
.hidden {
  opacity: 0;
}
.visible {
  opacity: 1;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

/*--------end animations------*/body{background:#fff;}
html{background:#fff}
.center{max-width:1530px;margin:0 auto;padding:0 0}
.center::after{width:100%;clear:both;display:block;content:""}
header{position:fixed;width:100%;background:#fff;z-index:100;left:0;top:0;z-index:1000;padding:0 40px;-webkit-box-shadow: 0px -1px 13px 0px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0px -1px 13px 0px rgba(0, 0, 0, 0.08);box-shadow: 0px -1px 13px 0px rgba(0, 0, 0, 0.08);}
.navC{display:none}
.logo{width:170px;display:block;margin:15px 0;position:relative;float:left}
main{position:relative;overflow:hidden;width:100%;float:left;background:#fff}
.copy,html{background:#849aa5}
footer{background:#004475}
section{padding: 120px 40px;}

.blue,.top,.pagination,.icn::before,header{background: rgb(11,114,181);background: -moz-linear-gradient(90deg, rgba(11,114,181,1) 0%, rgba(0,68,117,1) 100%);background: -webkit-linear-gradient(90deg, rgba(11,114,181,1) 0%, rgba(0,68,117,1) 100%);background: linear-gradient(90deg, rgba(11,114,181,1) 0%, rgba(0,68,117,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b72b5",endColorstr="#004475",GradientType=1);}
.invis{position: absolute;width: 1px;height: 1px;overflow: hidden}
header{
  background: transparent;
}
header.scrolled{
  background: rgb(11,114,181);background: -moz-linear-gradient(90deg, rgba(11,114,181,1) 0%, rgba(0,68,117,1) 100%);background: -webkit-linear-gradient(90deg, rgba(11,114,181,1) 0%, rgba(0,68,117,1) 100%);background: linear-gradient(90deg, rgba(11,114,181,1) 0%, rgba(0,68,117,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b72b5",endColorstr="#004475",GradientType=1);
}
h2{
font-size: 29px;
font-weight: 700;
color: #232323;
margin-bottom: 60px;
}
.icn{position:relative;}
.icn::before{content:'';width:100%;height: 10px;position: absolute;left: 0;top: 50%;margin-top:-5px;z-index:1}
.icn .ic{background: #fff;position: relative;
z-index: 2;}
.top.maxh{height:400px}
#home,.content{position: relative;}
img.ic{width: 60px;margin-bottom: 40px;}
#home div{text-align: center;max-width: 830px;margin: 0 auto;}
#home div p,p,.content li{color:#7e7e7e;font-weight:400;font-size:16px;line-height: 25px;}#home div p{margin:0;}
#home div p strong{color: #004475}#home div + div{position: relative;margin-top: 45px;}#home div + div::before{content:'';width:55px;height: 1px;background:#004475;display: block;margin:0 auto 45px;}
.content img.bg{width: 600px;height:450;position:absolute;z-index:1}
.content img.bg.bg1{left:0;top:0}
.content img.bg.bg2{right:0;bottom:0}
.content .center{
	max-width: 1270px
}
.content ul{
	list-style-type: none;
}
.content ul li::before{
	content: '';
	position: absolute;
	width: 22px;
	height: 23px;
	background: url(../images/ico.png) 0 0 no-repeat;
	background-size: 16px;
	display: block;
	overflow: hidden;
	left: 0;
	top: 2px;
}
.content .center{position:relative;z-index: 10}
.content h3{color: #004475;font-weight:800;font-size:21px}
.content p + h3,.content ul + h3{margin-top: 50px}
.content ul li{padding-left:30px;margin-bottom:10px;position:relative;}
.short{margin-bottom:60px}
.short p{
	font-weight:600;
color: #000;
font-size: 22px;
line-height: 31px;
}

.btn,.form input.btn{
	background: #004475;
	font-weight: 600;
	color: #fff;
	padding:10px 30px;
	border-radius: 20px;border:0;
}
.icn{text-align: center;margin:60px 0}
.content{overflow:hidden;}
.row.icn .ic{margin: 0 auto}
.btn:hover,.form input.btn:hover{background: #0b72b5;}
.row{width: 100%;float: left;}
.icons{text-align:center;}
.icon{width: 18%;margin:0 1%;display: inline-block;float: left;transform: translateY(80px);opacity:0;-webkit-transition: all ease 1s;-moz-transition: all ease 1s;-o-transition: all ease 1s;transition: all ease 1s;}
.act .icon{transform: translateY(0px);opacity:1}
.icon:nth-child(2){transition-delay:0.2s!important}
.icon:nth-child(3){transition-delay:0.4s!important}
.icon:nth-child(4){transition-delay:0.6s!important}
.icon:nth-child(5){transition-delay:0.8s!important}
.icon span{padding-top:160px;position: relative;display:block;border-radius:50%;background: #004475;max-width:160px;margin:0 auto;width:100%}
.icon span img{width: 110px;height: 110px;position: absolute;top: 50%;left: 50%;margin-top: -55px;margin-left: -55px;}
.icon h3{margin: 30px auto 0;color: #fff;max-width: 200px;}
.short p strong{color: #0b72b5}
.top{width: 100%;float: left;height:45vh;overflow:hidden;position: relative;min-height: 400px;background: #004475}
.top .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display:block;opacity:0.2}
.top img,.gallery a img{position: absolute;width: 100%;top: 0;object-fit: cover;height: 100%;left: 0;}
.top .title{position: absolute;bottom: 0;z-index: 100;width: 100%;left: 0;padding-left: 40px;padding-right: 40px;}
.title h1{color: #fff;font-size: 41px;font-weight:900;margin-bottom: 90px;text-transform:uppercase;}
.title .center{max-width:1270px}
nav .active,.lang .active {font-weight:900}.p-list ul{margin-bottom:20px}.p-list p strong,.nws-txt p strong{font-weight: 900;
color: #0b72b5;}
footer ul li a.active{color: #fff!important;font-weight: 700}
a.icon img,a.icon span{-webkit-transition: all ease 0.6s;-moz-transition: all ease 0.6s;-o-transition: all ease 0.6s;transition: all ease 0.6s;}
.proj .icon{float: none}a.icon:hover img{transform:rotate(360deg);}a.icon:hover span{background: #0b72b5}
.img-left{max-width: 46%;float: left;margin-right: 50px;margin-bottom: 30px;margin-top: 10px}
.nws .slide-in{opacity:1 }.nws .slide{padding:0;margin:30px 0}.slide .btn{text-transform:uppercase;}
.list{width:100%;float:left}
.list3{width:102%;float:left;margin-left: -1%}
.w3{width:31.3%;margin:0 1%;float:left}.w3 h3{margin-bottom: 10px;
font-size: 22px;}.map{background:#eee;position:relative;float: right;}
.mapouter, .gmap_canvas, #gmap_canvas{
  width: 100% !important;
}
.map_2{position:relative;width:100%;background: #eee;margin-bottom: 30px}
.top-light.center{position:relative;}
.top-light.center::before{
  content:'';
  width: 100vw;
  position: absolute;
  z-index: 0;
  left: 50%;
  margin-left: -50vw; background: rgb(245,248,250);
background: -moz-linear-gradient(180deg, rgba(245,248,250,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(245,248,250,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(180deg, rgba(245,248,250,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f8fa",endColorstr="#ffffff",GradientType=1); height: 400px;top:40px;
}.graf1{position: relative;z-index: 2}
article{width:100%;float:left;position:relative;padding:0;margin-bottom:50px}
article h3{font-size:17px;line-height:23px;font-weight:600;margin-bottom:10px}
article a{display:block}
article .img{width:280px;position:relative;float:left;margin-right:30px;left:0;top:0}
.graf .ic{margin-bottom:0px}.graf .ich{display: inline-block;
width: 100px;
height: 100px;
background: #fff;
border-radius: 50%;
margin-bottom: 90px;padding-top: 11px;}
.more{position:relative;padding-right:38px}
.more span{font-size:13px;font-weight:600;text-transform:uppercase;line-height:20px}
.more svg{margin-left:10px;position:absolute;width:18.5px;height:6px;right:5px;top:6px}h1{font-size:25px;line-height:30px}img+p{margin-top:30px}p b,p strong{color:#404040}

.txt ul{list-style-type:none}
.txt ul li{position:relative;padding-left:18px;margin-bottom:20px}
.txt ul li:last-child{margin-bottom:0}
.txt ul li::before{position:absolute;width:5px;height:5px;background:#404040;content:"";left:0;top:11px}

.gallery{margin-top:60px;width:103%;margin-left:-.5%;padding:0;float:left}
.gallery a{padding:0;width:auto;margin:0 .5%;width:32.3%;display:block;float:left;padding-top:calc(260 / 400 * 32.3%);position: relative;}
.pagination{position: relative;width: 100%;float: left;padding: 30px}
.pprev,.pnext{width: 55px;height: 55px;border-radius:50%;background-color:transparent;text-align:center;padding:13px 0;float: right}

.pprev{transform:rotate(-180deg);float: left;}
.content p a{color:#004475;font-weight:700 }
.pprev svg,.pnext svg{width: 30px;height: 30px;}
.lang{float:right;margin-top:38px;margin-right:-10px}
.lang a{color:#fff;padding:0 10px;font-weight:400;float:left}.lang a:first-child{border-right:1px solid rgba(255,255,255,0.5);}
nav ul{list-style-type:none}nav ul li{float: left;padding-bottom: 37px;
position: relative;}
nav ul li ul{display: block;
top: 33px;
position: absolute;
background: #004475;
opacity: 0;
visibility: hidden;
width: 200px;
left: 50%;
margin-left: -100px;
text-align: center;}
.icons .cf{display: none}
nav{float:right;margin-top: 38px;margin-right: 50px;}
nav a{font-size:18px;color:#ffffff;padding:0 15px;font-weight:600}nav ul li ul li{padding-bottom:0;text-align:center;width: 100%;float: left;border-bottom:1px solid rgba(255,255,255,0.1)}
nav ul li ul li a{display:block;color:#fff;padding:10px 20px;font-size: 15px;text-transform:uppercase;font-weight: 600;}nav ul li ul li a:hover{color:#fff!important;background: #0b72b5;}
nav ul li ul li a.active{font-weight: 700;color: #fff!important;background: #0b72b5;}
.p-list p{border-top: 1px solid #eee;
padding-top: 20px;}
.p-list p:first-child{
  padding-top:0;border:0;
}
@media screen and (min-width: 1100.2px){
nav ul li:hover ul{opacity:1;visibility:visible;}
}

@media screen and (max-width: 1360px){
nav {margin-right: 50px;}
}


@media screen and (max-width: 1100px){
	.proj .icon {
  float: left;
}
	.icon {
  width: 31%;margin-top: 20px;margin-bottom: 20px}
	.icons .cf{display: block;}
	.navC {display: block;float: right;}
	.logo{width: 134px;}
	nav {
  float: left;
  margin-top: 0;
  margin-right: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  background: rgba(0,0,0,0.9);
  opacity: 0;visibility: hidden;z-index: 1000;
}
.navC {
  width: 35px;
  height: 35px;
  position: fixed;
  z-index: 1001;
  top: 23px;
  right: 13px;
  background: #004475;
  border: 0;
  display: block;
}
.navC span:nth-child(1) {
  top: 10px;
}

nav ul {
  width: calc(100% + 30px);
  height: 100%;
  padding: 100px 60px 70px 30px;
  overflow-y: scroll;
}
nav ul li {
  float: left;
  padding-bottom: 0;
  position: relative;
  width: 100%;margin: 5px 0;
}
.nac nav{opacity:1;visibility:visible;}
.navC span {
  width: 23px;
  height: 2px;
  display: block;
  left: 6px;
  background: #fff;
  position: absolute;
}
.navC span:nth-child(2) {
  top: 17px;
}
.navC span:nth-child(3) {
  top: 24px;
}
.nac .navC span:nth-child(1) {
  transform: rotate(40deg);
  left: 3px;
  top: 17px;
  width: 28px;
}
.nac .navC span:nth-child(2) {
  width: 1px;
  left: 16px;
}
.nac .navC span:nth-child(3) {
  transform: rotate(-40deg);
  left: 3px;
  top: 17px;
  width: 28px;
}
.lang{margin-top: 32px;margin-right: 25px;}
.news h2 {
  text-align: center;
  font-size: 31px;
  font-weight: 700;
  color: #333333;
  margin-bottom: 30px;
}
}
@media screen and (max-width: 800px){
	.content h3{color: #004475;font-weight:800;font-size:18px;}
	#home{padding: 90px 40px}
	.title h1 {
  color: #fff;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 60px;
}
	.top {
  min-height: 260px;
}
.top.maxh {
  height: 260px;
}
.w5 {
  float: left;
  width: 100%;
}
.map{margin-bottom: 30px}
.w3 {
  width: 98%;
  margin: 0 1% 50px;
  float: left;
}.w3:last-child{margin-bottom: 0}

}
@media screen and (max-width: 700px){
		section {
  padding: 90px 40px;
}
	.nws .slide {
  padding: 0;
  margin: 0 0 40px;
}
.nws .slide:last-child {
  padding: 0;
  margin:0px;
}
	.slide h3 {
  font-size: 20px;
  color: #000;
  font-weight: 600;
}
.slide-in{display:block;background:transparent;}
.slide-in .nws-img {
  width: 100%;
  padding-top: calc(364 / 546 * 100%);
  position: relative;
}.nws-txt {
  width: 100%;
  padding: 30px 0px;
}
	h2 {
  font-size: 21px;}
	.short p {
  font-weight: 600;
  color: #000;
  font-size: 19px;
  line-height: 29px;
}
	.icon {
  width: 48%;}

}

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

	.top .title{
		padding-left: 30px;
padding-right: 30px;
	}
	header{padding: 0 20px;}
	.lang {
  margin-right: 35px;
}

section {
  padding:60px 30px;
}#home{padding: 90px 30px}
.icons{padding: 90px 20px;}
.icon{margin:20px 1%;}
.icon span{width: 120px;padding-top:120px}
.icon span img {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -40px;
}
.icon h3 {
  margin: 15px auto 0;
  color: #fff;
  max-width: 200px;
  height: 60px;
  display: table-cell;
  width: 1%;
  padding-top: 10px;
  line-height: 20px;
  font-size: 16px;
}
.s-vert h3 {
  color: #fff;
  font-size: 24px;
  max-width: 480px;
  line-height: 30px;
}
}.slides{position:relative}.slides{background: #004475;height:72vh;overflow:hidden;min-height:700px}
.pager{display:block;z-index:100;position:absolute;bottom:125px;width:33%;left:0;text-align:right;padding:0 60px}
.pager a{display:inline-block;width:30px;height:5px;margin:0 5px;background:#707070;text-indent:-999px;overflow:hidden}
.pager a.active{background:#318fb3;width:80px}
.prev,.next,.slick-arrow{position:absolute;overflow:hidden}
.s-frame {
  z-index: 1;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all ease .6s;
  -moz-transition: all ease .6s;
  -o-transition: all ease .6s;
  transition: all ease .6s;
  height:100%
}
.s-txt {
  position: absolute;
  left: 100%;
  width: 33%;
  height: 100%;
  -webkit-transition: all ease .8s;
  -moz-transition: all ease .8s;
  -o-transition: all ease .8s;
  transition: all ease .8s;
  z-index: 2;
}
.active .s-txt{
	left:55%
}
.s-img,.s-frame{position:absolute;top:0;left:0;width:100%;height:100%}
.s-img::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.4);
  z-index: 1;
}
.s-frame {
  width: 100%;
  max-width: 100%;
  margin: 0 0 0 auto;
}
.s-frame.active {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}
.s-frame img,.nws-img img{
	position: absolute;
	width: 100%;
	top: 0;
	object-fit: cover;
	height: 100%;
	left: 0;
}
.s-in {
  position: absolute;
  width: 100%;
  left: 0%;
  bottom: 0%;
  padding: 30px;
  max-width: 500px;
  opacity: 0;
  transition: all ease 0.8s;
  min-width: 500px;
  -webkit-transform: translate(-150%, -50%);
  -moz-transform: translate(-150%, -50%);
  margin-right: 0px;
  left: -85%;
}
.prev,.next,.slick-arrow{
	width: 55px;height: 55px;border-radius:50%;
	background-color:#004475;text-align:center;
	padding:18px 0;
	position: absolute;top: -130px;left: 0
}
.slick-arrow{
bottom: -130px;
left: 50%;
position: absolute;border:0;
top: auto;
}
.next{left: 80px;}.slick-prev{margin-left: -67px;}.slick-next{margin-left:7px;}
.prev,.slick-prev{transform:rotate(-180deg);}.prev:hover,.next:hover,.slick-arrow:hover{background:#0b72b5}
.prev svg,.next svg,.slick-arrow svg{width: 17px;height: 13px;}
.s-vert{display: table-cell;height: 75vh;width:1%;padding:60px;vertical-align: middle;}
.s-vert h3{color: #fff;font-size:40px;max-width:480px;font-weight: 700}
.s-vert p{color:#fff;font-size:20px;max-width: 460px}
.scroll{
	width: 45px;height: 93px;
	border:1px solid #fff;border-radius:22px;display:block;position: relative;margin-top: 40px;
}
.scroll svg{width: 19px;height: 25px;animation: scroll 1.2s ease-in-out infinite;position: absolute;left: 12px;}
.slider-center{position: relative;z-index: 100}
.news-slider{position: relative;}
@keyframes scroll{0%{top:25px;}30%{top:35px;}100%{top:25px;}}

/**/
.news h2{text-align:center;font-size: 40px;font-weight: 700;color: #333333;margin-bottom: 100px}
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}.slick-list:focus{outline: none;}.slick-list.dragging{cursor: pointer;cursor: hand;}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}.slick-track:before,.slick-track:after{display: table;content: '';}.slick-track:after{clear: both;}.slick-loading .slick-track{visibility: hidden;}.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}[dir='rtl'] .slick-slide{float: right;}.slick-slide img{display: block;}.slick-slide.slick-loading img{display: none;}.slick-slide.dragging img{pointer-events: none;}.slick-initialized .slick-slide{display: block;}.slick-loading .slick-slide{visibility: hidden;}.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}.slick-arrow.slick-hidden {display: none;}
.news{padding-left:0;padding-right:0;padding-bottom: 260px;position: relative;}

.slide{
	padding:0 40px;
}
.slide-in{
	background: #f9f9f9;
	display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;position: relative;
}
.slide-in .nws-img{width: 47%;padding-top:calc(364 / 546 * 47%);position: relative;}
.nws-txt{width:53%;padding:60px;}
.slide h3{
	font-size: 24px;color: #000;font-weight: 600;
}
.slide-in{opacity:0.4;
-webkit-transition: all ease .8s;
  -moz-transition: all ease .8s;
  -o-transition: all ease .8s;
  transition: all ease .8s;}
.slide.slick-active .slide-in{opacity:1}
.slide .btn{margin-top:10px;display:inline-block;}

@media screen and (max-width: 1600px){
  .s-vert h3 {
  color: #fff;
  font-size: 33px;
  max-width: 480px;
  line-height: 40px;
}.s-txt{min-width:400px}
.active .s-txt {
  left: auto;
  right: 0;
}
.s-txt {
  left: auto;
  right: -50%;
}
}
@media screen and (max-width: 800px){
  .news h2 {
  text-align: center;
  font-size: 31px;
  font-weight: 700;
  color: #333333;
  margin-bottom: 30px;
}
  .slides {
  background: #004475;
  height: 72vh;
  overflow: hidden;
  min-height: 440px;
}
.s-txt{
  width: 100%;
  height: 100%;min-width: 100%;
  text-align: center;
}
.s-vert {text-align: center;}
.s-vert h3{margin: 0 auto 20px}
.s-vert p {
  margin: 0 auto;
}
.scroll {display:inline-block;}
.prev, .next{
  top: -29px;
}
.prev{
  left: 50%;
margin-left: -65px;
}
.next{left: 50%;
margin-left: 15px;}
}
@media screen and (max-width: 700px){
  .slide h3 {
  font-size: 20px;
  color: #000;
  font-weight: 600;
}
.slide-in{display:block;background: transparent;}
.slide-in .nws-img {
  width: 100%;
  padding-top: calc(364 / 546 * 100%);
  position: relative;
}.nws-txt {
  width: 100%;padding: 30px 0px;
} 
}

@media screen and (max-width:600px){
.s-vert h3 {
  color: #fff;
  font-size: 24px;
  max-width: 480px;
  line-height: 30px;
}
}footer{width:100%;float:left;z-index:100}footer section{position:relative;overflow:hidden;}
footer .w4{padding-left:230px;width:40%;position:relative;float:left;min-height:100px;z-index: 2;}
footer h3{color:#fff;font-weight:700;margin-bottom:12px}
footer .w4 p{margin:0;color:#fff;font-size:14px;line-height:23px}
footer .w4 p a{color:#fff;font-size:14px;font-weight:700}
footer img{float:left;width:184px;position:absolute;left:0;top:0;margin-right:40px}
footer .w6{width:60%;float:left;position: relative;z-index:2;}
footer .w6 div{float: left;
min-height: 100px;
margin-left: 5%;
width: 28%;
max-width: 200px;}
footer .tc{width:100%;margin-top:100px;float:left}
.tc p{text-align:center;margin:0 auto;max-width:1170px;color:#fff;font-size:14px}
.copy{padding:20px 40px}
.copy p{margin:0;color:#fff;font-size:14px}
footer img.footer-bg{position:absolute;width:30%;z-index:0;bottom:-20px;top:auto;right:10%;left:auto;max-width:650px;z-index: 1}
footer ul{list-style-type:none}
footer ul li{width:100%;float:left}
footer ul li a{color:#fff;line-height:23px}
footer ul li a:hover{color:#fff;opacity:0.7}

@media screen and (max-width:1200px){
footer .w6 div {
  margin-left: 20px;
}
}
@media screen and (max-width:1100px){
footer .w6,footer .w4 {
width: 100%;
}footer .w6{display:none;}
}

@media screen and (max-width:600px){
footer .w4 {
  padding-left: 0;
  width: 50%;
  position: relative;
  float: left;
  min-height: 100px;
  padding-top: 140px;
}
.tc p {text-align: left;}
footer .tc {margin-top: 50px;}
}       
    .graf{text-align:center;margin-top:100px}
    .bor{
    border: 2px solid #004475;
padding: 10px 20px;
display: inline-block;
}
.r8 .bor{
    width: 11.5%;float: left;min-height: 180px;margin:0 0.5%;padding:10px;
}
.r2 span:nth-child(1){float: left;background: #004475;color: #fff;font-size: 20px;font-weight: 600;
margin: 0 0.5%;width: 300px;}
.r2 span:nth-child(2){float: right;background: #004475;color: #fff;font-size: 20px;font-weight: 600;width: 300px;
margin: 0 0.5%;}
.row {width: 100%;margin:20px 0;
float: left;}
.r2 .bor{position:relative;border-radius: 25px;height:55px;text-transform:uppercase;}
.r1 span{
    font-size: 22px;background:#fff;position: relative;z-index: 10;border-radius: 25px;
font-weight: 600;width: 260px;line-height:25px
}
.r1 span.lbl{background: #0b72b5;color: #fff;border:2px solid #0b72b5;}
.lbl ._100{top: -30px;left:calc(50% + 12px)}
.bor h4{
    font-weight: 700;
color: #004475;
font-size: 17px;
line-height: 20px;
margin-bottom: 15px;
}
.r8 .bor{position: relative;padding-top: 25px;background: #004475;border-radius: 25px;}
.r8 .bor span:first-child{
    width: 30px;
    height: 30px;
    display: block;
    background: #0b72b5;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: 3px 0;
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -15px;line-height: 23px;
}
.r2 .bor::before{
    width: 2px;
    height: 68px;
    background: #004475;
    display: block;
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -1px;
}
.long{position: relative;margin-bottom: 60px;}
.long::before{
    width: calc(99% - 300px);
    height: 2px;
    background: #004475;
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -1px;
}
.long.l2::before{width: 87.5%;}

  .r8 .bor span:first-child::before{
width: 2px;
height: 104px;
background: #004475;
display: block;
content: '';
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -1px;
  }
.long.l2::after{display:none}
  .long::after {
  width: 2px;
  height:80px;
  background: #004475;
  display: block;
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-left: -1px;
}
._100{position: absolute;
font-weight: 700;
color: #004475;
font-size: 15px;
left: 0;
top: -22px;}
._50{position: absolute;
font-weight: 700;
color: #004475;
font-size: 15px;
left: calc(50% + 12px);
bottom: -62px;}
.long.l2{margin-bottom: 60px;}
.r2 .bor:nth-child(2) ._50{left: calc(50% - 42px);}
.graf h2{margin-bottom: 20px}
.graf p{margin-bottom: 100px}
.r8 .bor h4,.r8 .bor span {
  color: #fff;
}
.long .bor{
  background: #849aa5;
border-color: #849aa5;
color: #fff;font-weight: 800;
}
.bor,.r2 .bor{font-weight:800!important}
@media screen and (max-width:1000px){
    
.r8 .bor {
  width: 100%;
float: right;
min-height: auto;
  margin: 0;
  padding: 10px;
  padding-bottom: 10px;margin-bottom: 40px;
  text-align: left;padding-left: 30px;
}
.r8 .bor h4 {
  margin-bottom: 0;color: #fff;
}
.r8 .bor span:first-child {
top: 50%;
left: 0;
margin-left: -15px;
  margin-top: -14px;
}
.r8 .bor span:first-child::before {
  width: 2px;
  height: 105px;
  background: #004475;
  display: block;
  content: '';
  position: absolute;
  bottom: 50%;
  left: 14px;
  margin-left: -1px;
  z-index: -1;
}
.long.l2::before {
  width: 50%;
  left: 1px;
  right: auto;
  transform: none;
}
.long.l2 {
  margin-bottom: 16px;
}
}
@media screen and (max-width:840px){
    ._50 {
  position: absolute;
  font-weight: 700;
  color: #004475;
  font-size: 15px;
  left: calc(50% - 42px);
  bottom: -62px;
}.r2 .bor:nth-child(2) ._50 {
  left: calc(50% - -10px);
}
    .r1 span {
  font-size: 18px;}
.r2 span:nth-child(1) {
  float: left;
  background: #004475;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0.5%;
}
.r2 span:nth-child(2) {
  float: right;
  background: #004475;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0.5%;
}
}
@media screen and (max-width:700px){
    .graf p {
  margin-bottom: 20px;
}
    ._50 {
  left: 3px!important;
  bottom: -23px;
}
    .r2 .bor {
  position: relative;
  width: 100% !important;
  margin: 25px 0 !important;
}
.r2 .bor::before {
  width: 2px;
  height: 91px;
  background: #004475;
  display: block;
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  margin-left: -2px;
}
    .long::before {
  width: calc(50%);
  height: 2px;
  background: #004475;
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: none;
  margin-left: -1px;
}
    .r2 span:nth-child(1) {
  float: left;clear: both;}
  
    .r2 span:nth-child(2) {float: left;clear: both;margin-top: 20px}
}