/* Define fonts */
@font-face{ font-family: 'Gilroy-Regular'; src: url(../fonts/Gilroy-Regular.woff); }
@font-face{ font-family: 'Gilroy-Medium'; src: url(../fonts/Gilroy-Medium.woff); }
@font-face{ font-family: 'Gilroy-Bold'; src: url(../fonts/Gilroy-Bold.woff); }
@font-face{ font-family: 'Gilroy-ExtraBold'; src: url(../fonts/Gilroy-ExtraBold.woff); }
@font-face{ font-family: 'Gilroy-RegularItalic'; src: url(../fonts/Gilroy-RegularItalic.woff); }

/* Reset default browsers styles */
html,body,div,span,p,a,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,label,input,select,textarea,blockquote,tabre,tbody,th,td,object,iframe,figure{ margin: 0; padding: 0; border: 0; vertical-align: baseline; font-weight: normal; }
a{ color: #000; text-decoration: none; }
a img{ border: 0; }
b,strong{ font-family: 'Gilroy-Bold'; font-style: normal; font-weight: normal; }
i,em{ font-family: 'Gilroy-RegularItalic'; font-style: normal; font-weight: normal; }
img{ display: block; padding: 0; margin: 0; }
p img{ display: inline-block; vertical-align: middle; }
input,select,textarea{ font: 16px 'Gilroy-Regular', Arial, Tahoma; background: #fff; outline: 0; }
table{ border: 0; border-collapse: collapse; border-spacing: 0; }
table th{ border: 0; border-collapse: collapse; border-spacing: 0; font-weight: normal; }
table td{ border: 0; border-collapse: collapse; border-spacing: 0; }

/* Specific styles */
.clear{ clear: both; height: 1px; }
.hidden{ display: none; }
.nomargin{ margin: 0!important; }
.minmargin{ margin: 0 0 10px 0!important; }
.flright{ float: right; margin: 0 0 0 auto; }
.nofl{ float: none!important; margin: 0!important; }
.red{ color: #ff0000!important; }
.blue{ color: #357dbd!important; }
.green{ color: #4fb53f!important; }
.yellow{ color: #ffc107!important; }
.white{ color: #ffffff!important; }
.right{ text-align: right!important; }
.center{ text-align: center!important; }
.centered{ margin: 0 auto!important; }
.upper{ text-transform: uppercase; }
.medium{ font-family: 'Gilroy-Medium'; }
.bold{ font-family: 'Gilroy-Bold'; }
.em{ font-family: 'Gilroy-RegularItalic'; }
.flexer{ display: flex; align-items: center; }
.fs16{ font-size: 16px!important; }
.fs18{ font-size: 18px!important; }
.fs21{ font-size: 21px!important; }
.button{ display: inline-block; background: #f70000; font: 16px 'Gilroy-Regular'; margin: 0; padding: 10px 17px; color: #fff; cursor: pointer; }
.menu_icon{ display: none; }

body{ display: block; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; margin: 0; padding: 0; min-height: 100vh; background: #ffffff; font: 16px 'Gilroy-Regular', Verdana, Arial, Tahoma; text-size-adjust: none; color: #212121; }

.wrap{ position: relative; max-width: 1400px; margin: 0 auto; box-sizing: border-box; padding: 0 30px; }

h1{ font: 32px 'Gilroy-Bold'; margin-bottom: 30px; }
h2{ font: 26px 'Gilroy-Bold'; margin-bottom: 30px; }
h2{ font: 22px 'Gilroy-Bold'; margin-bottom: 30px; }

header{ display: block; position: relative; background-color: #f5f5f5; height: 860px; padding: 0; box-sizing: border-box; }
header.inner{ height: 168px!important; }
header .bg1{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/img/bg1.jpg') no-repeat center; background-size: cover; z-index: 1; }
header .bg2{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/img/bg2.jpg') no-repeat center; background-size: cover; z-index: 2; }
header .bg3{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/img/bg3.jpg') no-repeat center; background-size: cover; z-index: 3; }
header .wrap{ display: flex; flex-wrap: wrap; justify-content: space-between; align-content: flex-start; align-items: flex-start; height: 100%; z-index: 5; }
header:after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(37,102,160,0.6); backdrop-filter: blur(2px); z-index: 4; }
header .logo{ display: block; width: 160px; background: #fff; border-radius: 0; box-shadow: 2px 2px 12px rgba(0,0,0,0.2); padding: 50px 10px; box-sizing: border-box; }
header .logo a img{ max-width: 100%; }
header.inner .logo{ box-shadow: none; }

header .lang{ display: block; border-left: 1px solid #fff; height: 36px; line-height: 36px; padding: 40px 0 0 5px; }
header .lang a{ display: inline-block; font: 16px 'Gilroy-Bold'; height: 36px; line-height: 36px; margin-left: 10px; color: #fff; }
header .lang a.active{ opacity: 0.7; }

header .name{ width: 100%; margin-top: 100px; box-sizing: border-box; }
header .name h1{ font: 48px 'Gilroy-Bold'; margin-bottom: 20px; line-height: 62px; color: #fff; text-shadow: 2px 2px 2px rgba(0,0,0,0.2); }
header .name p{ font: 18px 'Gilroy-Regular'; color: #fff; margin-bottom: 34px; text-shadow: 2px 2px 1px rgba(0,0,0,0.4); }
header .name p a:hover{ color: #facc00; }

header .links{ position: absolute; bottom: 0; left: 30px; right: 30px; padding: 30px 0 40px; border-top: 1px solid rgba(255,255,255,0.7); }
header .links div{ display: inline-block; position: relative; vertical-align: top; }
header .links div a{ display: inline-block; min-width: 260px; margin: 0 20px 10px 0; font: 18px 'Gilroy-Medium'; color: #fff; text-shadow: 2px 2px 1px rgba(0,0,0,0.4); }
header .links div a:hover{ color: #facc00; }

header .links .in{ display: none; position: absolute; top: 24px; z-index: 10; background: #fff; padding: 12px 20px; left: -20px; box-shadow: 2px 2px 2px rgb(0 0 0 / 20%); border-radius: 12px; }
header .links .in a{ color: #000; text-shadow:none; margin: 0 0 4px 0; padding: 0; }
header .links .in a:hover{ color: #cc0000; }
header .links > div:hover > .in{ display: block; }


header.inner .links{ top: 0; left: 250px; right: auto; padding: 40px 0; z-index: 5; }
header .hamburger{ display: none; }
.close, .homepage, .golang{ display: none!important; }

main{ padding: 60px 0; min-height: 500px; }

.board{ display: block; width: 100%; border: 0; border-collapse: collapse; }
.board *[data-fancybox]{ cursor: pointer; }
.board tbody{ display: block; width: 100%; border: 0; border-collapse: collapse; }
.board tr{ display: flex; width: 100%; margin-bottom: 30px; }
.board td{ vertical-align: top; }
.board td.img{ min-width: 240px; padding: 0; }
.board td.img img{ width: 100%; height: 100%; object-fit: contain; }
.board td.txt{ display: flex; flex-wrap: wrap; align-content: center; background: #f5f5f5; width: 100%; padding: 30px; box-sizing: border-box; }
.board td .title{ display: block; width: 100%; font: 21px 'Gilroy-Bold'; margin-bottom: 30px; }
.board td p{ display: block; width: 100%; margin: 0 0 4px 0; }
.board .button{ display: inline-flex; font-size: 14px; line-height: 13px; padding: 8px 14px; }
.board .button img{ width: 8px; margin: 0 6px 0 0; }

.person_info{ max-width: 800px; }
.person_info input:not(.checkbox){ display: block; font: 14px 'Gilroy-Bold'; width: 100%; min-width: 400px; height: 34px; line-height: 34px; padding: 0 8px; border: 1px solid #c5c5c5; box-sizing: border-box; }
.person_info .title{ font: 21px 'Gilroy-Bold'; margin-bottom: 30px; }
.person_info .person_img{ margin: 0 0 20px 0; }
.person_info p{ margin: 0 0 8px 0; }

@media(max-width:900px){
  .board td.txt{ padding: 10px 30px; }
  .board td .title{ margin-bottom: 15px; }
}
@media(max-width:780px){
  .board td.txt{ font-size: 14px; }
  .board td.txt .title{ font-size: 18px; }
  .board td.img{ min-width: 180px; padding: 0; }
}
@media(max-width:600px){
  .board tr{ flex-wrap: wrap; }
  .board td.txt{ padding: 20px 15px; }
  .person_info input:not(.checkbox){ min-width: auto; }
}
@media(max-width:400px){
  .board td.img{ min-width: 100%; }
}

main .breadcrumbs{ display: block; position: relative; font-size: 13px; height: 14px; line-height: 14px; padding: 0 0 10px 0; list-style: none; }
main .breadcrumbs li{ display: inline-block; margin: 0 0 0 6px; padding: 0; height: 14px; line-height: 14px; list-style: none; color: #525252; }
main .breadcrumbs li:first-child{ margin: 0; }
main .breadcrumbs li a{ display: inline; height: 13px; line-height: 13px; color: #989796; }

main .news{ position: relative; margin: 0 -10px 60px; }
main .news .item{ float: left; width: 25%; height: 14vw; padding: 0 10px 1vw; box-sizing: border-box; vertical-align: top; }
main .news .item:nth-of-type(1){ width: 50%; height: 28vw; }
main .news .item span{ display: block; }
main .news .item a{ display: block; position: relative; width: 100%; height: 100%; }
main .news .item a .img{ width: 100%; height: 100%; background-color: #f5f5f5; background-size: cover; background-position: center; }
main .news .item a .txt{ position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(0deg, #193747, transparent); padding: 20px; box-sizing: border-box; color: #fff; }
main .news .item:nth-of-type(1) a .txt{ padding: 30px 20px; }
main .news .item a .txt .date{ font-size: 14px; opacity: 0.7; margin-bottom: 5px; }
main .news .item a .txt .title{ font: 16px 'Gilroy-Medium'; }
main .news .item:nth-of-type(1) a .txt .title{ font: 21px 'Gilroy-Medium'; }
main .news .item:nth-of-type(1) a .txt .date{ margin-bottom: 10px; }

main article p{ margin: 0 0 20px 0; }

main .sendform{ display: block; width: 410px; min-height: 350px; margin: 40px 0 0; background: #ededed; padding: 40px; box-sizing: border-box; }
main .sendform input:not(.checkbox){ display: block; font: 14px 'freeset'; width: 100%; height: 34px; line-height: 34px; margin: 0 0 10px 0; padding: 3px 8px 0 10px; border: 1px solid #c5c5c5; border-radius: 6px; box-sizing: border-box; }
main .sendform input[type=submit]{ display: block; width: 100%; height: 34px; line-height: 34px; padding: 0 12px; margin-top: 50px; border: 0; background: #f6d014; cursor: pointer; }
main .sendform input[type=submit]:disabled{ color: #8a8a8a!important; cursor: default!important; pointer-events: none!important; }

.checkbox{ display: none; }
.checkbox + label{ display: inline-block; margin: 0; font: 13px 'freeset'; height: 22px; line-height: 22px; cursor: pointer; }
.checkbox:not(checked){ display: none; }
.checkbox:not(checked) + label{ position: relative; padding: 0 15px 0 25px; }
.checkbox:not(checked) + label:before{ content: ''; position: absolute; top: 0px; left: 0; width: 16px; height: 16px; border: 1px solid #a5a5a5; border-radius: 50%; background: #fff; }
.checkbox:not(checked) + label:after{ content: ''; position: absolute; top: -3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: url('/img/mark.png') no-repeat center; background-size: 18px; opacity: 0; transition: .2s; }
.checkbox:checked + label:after{ opacity: 1; }
.checkbox[disabled] + label{ opacity: 0.6; }

.sendform textarea{ display: block; font: 14px 'freeset'; width: 100%; border: 1px solid #c5c5c5; border-radius: 6px; height: 80px; margin: 0 0 10px 0; padding: 8px 8px 8px 10px; box-sizing: border-box; }


footer{ border-top: 2px solid #1670a1; }
footer .wrap:nth-of-type(1){ padding-top: 20px; padding-bottom: 20px; }
footer .blue{ background: #1670a1; padding: 20px 0; }
footer .blue .wrap{ color: #fff; }
footer .blue .wrap .right{ float: right; }

#tint{ position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.5); z-index: 11; }

@media(max-width:1140px){
  main .news .item{ width: 50%; height: 28vw; }
  main .news .item:nth-of-type(1) a .txt{ padding: 20px; }
  main .news .item:nth-of-type(1) a .txt .title{ font: 16px 'Gilroy-Medium'; }
  main .news .item:nth-of-type(1) a .txt .date{ margin-bottom: 5px; }
}
@media(max-width:1000px){
  header.inner .wrap{ z-index: 15; }
  header.inner .links{ display: block; position: fixed; left: -310px; top: 0; width: 300px; height: 100vh; background: #fff; box-shadow: 0px 0px 7px rgba(0,0,0,0.21); padding: 50px 0 0 0; box-sizing: border-box; transition: .6s ease; white-space: normal; z-index: 12; }
  header.inner .links.open{ -webkit-transform: translateX(310px); }
  header.inner .links div{ display: block; }
  header.inner .links div a{ padding: 0 0 0 20px; color: #212121; text-shadow: none; box-sizing: border-box; }
  header.inner .links br{ display: none; }
  .close, .homepage, .golang{ display: block!important; }
  header.inner .links .golang{ margin-top: 30px!important; }

  header.inner .links .close{ position: relative; width: 32px; height: 28px; margin-left: 20px; margin-bottom: 40px; cursor: pointer; z-index: 100; }
  header.inner .links .close a{ display: none; }
  header.inner .links .close span{ display: block; position: relative; top: 0; width: 32px; height: 4px; border-radius: 4px; background: #212121; transform: rotate(45deg); }
  header.inner .links .close span:after{ display: block; content: ' '; position: absolute; top: 0; left: 0; width: 32px; height: 4px; border-radius: 4px; background: #212121; transform: rotate(-90deg); }
  header.inner .links .close:before{ display: block; content: ' '; position: absolute; width: 32px; height: 4px; border-radius: 4px; top: 0px; background: #212121; opacity: 0; }
  header.inner .links .close:after{ display: block; content: ' '; position: absolute; width: 32px; height: 4px; border-radius: 4px; top: 12px; background: #212121; opacity: 0; }

  header .hamburger{ display: block; position: absolute; top: 42px; right: auto; left: 220px; z-index: 5; width: 32px; height: 28px; cursor: pointer; }
  header .hamburger a{ display: none; }
  header .hamburger span{ display: block; position: relative; top: 24px; width: 32px; height: 4px; border-radius: 4px; background: #fff; transition: all 0.3s ease; }
  header .hamburger span:after{ display: block; content: ' '; position: absolute; top: 0; left: 0; width: 32px; height: 4px; border-radius: 4px; background: #fff; transition: all 0.3s ease; }
  header .hamburger:before{ display: block; content: ' '; position: absolute; width: 32px; height: 4px; border-radius: 4px; top: 0px; background: #fff; transition: all 0.3s ease; }
  header .hamburger:after{ display: block; content: ' '; position: absolute; width: 32px; height: 4px; border-radius: 4px; top: 12px; background: #fff; transition: all 0.3s ease; }
}

@media(max-width:780px){
  main .news .item{ width: 100%; height: 36vw; }
  main .news .item:nth-of-type(1){ width: 100%; height: 36vw; }
}
@media(max-width:640px){
  header{ height: 1000px; }
}
@media(max-width:600px){
  main .news .item{ width: 100%; height: 40vw; }
  main .news .item:nth-of-type(1){ width: 100%; height: 40vw; }
  main .sendform{ width: auto; margin: 0 -30px 0 -30px; padding: 40px 20px; }
}
@media(max-width:500px){
  header .name h1{ font: 38px 'Gilroy-Bold'; line-height: 42px; }
}
@media(max-width:400px){
  header .name h1{ font: 28px 'Gilroy-Bold'; line-height: 32px; }
  header .links a{ font-size: 16px; }
  header.inner .lang{ display: none; }
}
@media(max-width:320px){
  footer img{ max-width: 100%; }
}

.cd-top{display:inline-block;height:50px;width:50px;right:30px;bottom:60px;border-radius:27px 0;position:fixed;box-shadow:0 0 10px rgba(0,0,0,0.05);overflow:hidden;text-indent:100%;white-space:nowrap;background:#004cff url(../img/cd-top-arrow.svg) no-repeat center 50%;visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0s,visibility 0s .3s;-moz-transition:opacity .3s 0s,visibility 0s .3s;transition:opacity .3s 0s,visibility 0s .3s;z-index:1001}
.cd-top.cd-is-visible,.cd-top.cd-fade-out,.no-touch .cd-top:hover{-webkit-transition:opacity .3s 0s,visibility 0s 0s;-moz-transition:opacity .3s 0s,visibility 0s 0s;transition:opacity .3s 0s,visibility 0s 0s}.cd-top.cd-is-visible{visibility:visible;opacity:1}
.cd-top.cd-fade-out{opacity:.5}
.cd-top:hover{opacity:1}
.no-touch .cd-top:hover{opacity:1}