@charset "utf-8";
/*@font-face { font-family:"arialn"; src: url("/fonts/arialn.ttf"); }*/
@font-face
{
  font-family: "Arial Narrow"; 
  src: local("Arial Narrow"),
    url(/fonts/arialn.ttf )
}
strong { font-weight:600 !important; letter-spacing:0.5px; }
/*--------разметка-------*/
html, body { height:100%; margin:0; padding:0; }
body { display:flex; flex-direction:column; }
header, main, section, article, aside, footer, div {display: block; position:relative; }
header { flex: 0 0 auto; }
main { flex: 1 0 auto; }
footer { flex: 0 0 auto; }
/*--------/разметка-------*/

body { background:#fff; text-align:center; font-family:'Arial Narrow', Arial, Tahoma, Sans-serif; font-size:18px; color:#000; }

a { color:#1b63ad; }
a:hover { color:#f58220; }
.error { width:50%; margin:10px auto; padding:15px; border:1px #CC3300 solid; color:#CC3300; font-weight:bold; background:#ffffcc; box-shadow:0px 0px 5px #54679f; }
.message { width:50%; margin:10px auto; color:#0099FF; font-weight:bold; padding:15px; border:1px #0099FF solid; background:#fff; box-shadow:0px 0px 5px #54679f; }
.attention { width:70%; margin:20px auto!important;   font-weight:bold!important; background:#ffffdd!important; padding:10px!important;  border-radius:5px; box-shadow:1px 1px 3px #888; }
.attention span { color:#CC3300!important; }

.line { border-bottom:1px #1b63ad solid; }
.hlb { display:flex; justify-content:start; align-items:start; flex-wrap:wrap; padding:40px 20px; text-align:left; }
.hl { width:30%; margin:0; padding:0; color:#1b63ad; font:normal 30px Arial, Tahoma, Sans-serif; }
.hl div { font-size:24px; }
.hlb ul { width:69%; margin:0; padding:0; list-style:none; }
.hlb ul li { padding:0 0 10px 20px; background:url(/img/point.png) no-repeat 0 8px; }

.big_ico { vertical-align:middle; padding:0 20px 0 0; }
.l { text-align:left; }

/*-----------------*/
header { height: 110px; }
.inh { width:97%; max-width:1366px; margin:10px auto; height:90px; display:grid; grid-template-columns: 1fr 1fr; grid-template-rows: 50% 50%; place-items: center start; }


.logo { grid-row: 1 / 3; display:flex; justify-content:center; align-items:center; padding:12px 15px 8px 0px; text-decoration:none; text-align:left; }
.logo h1 { margin:0; padding:0 0 0 15px; font-size:18px; font-weight:normal; }
.login { text-align:left; }

.ht, .hb { display: flex; width: 100%; justify-content: space-between; }
.ht { align-items: center;}
.nic {text-decoration: none; }
.nic span { color: #000; }
.email {grid-column: 3 / 6; padding: 0 0px 0 40px; }

#search {grid-column: 2 / 4;}

.logout { text-decoration:none; color:#f58220;padding: 0 0px 0 20px; }
.logout:hover { color:#1b63ad; }

.login div { display:flex; justify-content:space-between; align-items:center; }
.login div a { display:block; }
.lang { margin:0/* 0 0 50px*/; }
.login img { vertical-align:middle; }
.loupe { margin:5px 0 0px 0; padding:0 0 0 5px; border:1px solid #dcdcdc; width:295px; height:28px; line-height:28px; vertical-align:middle; }
.loupe input {vertical-align:middle; line-height:18px; border:none; }
.loupe input[type='text'] { height:18px;  width:265px; }
.loupe2 { display: none;}

.join, .conf22 { display: flex; align-items: center; justify-content: center; width:140px; height:32px; border:2px solid #fff; background:#f58220; border-radius:15px; color:#fff; text-decoration:none; margin: 0 0 0 15px;}
.join:hover { background:#fff;  border:2px solid #f58220; color:#f58220; }
.conf22 { background:#1b63ad; }
.conf22:hover { background:#fff;  border:2px solid #1b63ad; color:#1b63ad; }

#menu_show { display: none; cursor: pointer; }
#menu_hide { display: none; position: absolute; right: 10px; top: 10px; cursor: pointer; }

.mob { background:#1b63ad; color:#fff; }
.mob a { color:#fff; }

footer {  height:160px;  background:#f8f7f5; }
.inf { width:97%; max-width:1366px; min-height:140px; margin:0 auto; display: flex; justify-content: space-between; align-items: center; }
.inf a, .inf img { display: block;}
.inf a { width: 33.3%; display: flex; justify-content: center; align-items: center; }
.inf img { width: 250px; }
.inf a:first-of-type { height: 60px; box-sizing: border-box; background: url(/img/logo.png) no-repeat left top; padding: 10px 0 0 85px; background-size: 70px; text-align: left; justify-content:flex-start; }
.inf a:last-of-type {justify-content:flex-end;}

.copy { font-size:14px; color:#666; background: #fefefe; }

.in { position:relative; max-width:1366px; width:1054px; margin:0 auto; }

/*------sub_header-------*/
.sub_header { margin:50px auto; line-height:2em; max-width:1366px; }
.sub_header h1, .page_header { font:normal 50px  Arial, Tahoma, Sans-serif; margin:0 0 30px 0; }
.sub_header .sub_menu a { padding:0 20px; }
.sub_menu a { white-space:nowrap; }

.page_header { margin:50px 0; }

/*--------section h2 --------*/
h2.sctn { margin:0; padding:60px 0 50px 0; font:42px Arial, Tahoma, Sans-serif; color:#1b63ad; }
h2.sctn a { text-decoration:none; }

/*-------text block----------*/
.block { text-align:left; margin:40px auto; }
.block:nth-child(2n + 1) { background:#f8f7f5; }
.block p { margin:0; padding:0 0 10px 0; }
.block .txt {}
.only_head {}
.block_attach {}
.date {}

/*-------------------- верхнее выпадающее меню-------------------*/
nav { height: 60px; background: #1b63ad; }
nav ul { list-style:none; padding:0px; margin:0 auto; display:flex; justify-content:center; align-items:center; white-space:nowrap; position: relative; z-index:1;}

nav LI { position:relative; vertical-align:middle; line-height:58px; height:58px; font-size:18px; padding:0 15px; }
nav LI A, nav LI DIV { text-decoration:none; cursor:pointer; display:block; color:#fff; }
nav LI:hover A, nav LI:hover DIV { color:#f58220; }

nav LI UL { list-style:none; display:none; position:absolute; padding:0px; margin:0; left:0px; top:58px; text-align:left; box-shadow:1px 1px 4px #888; }
nav LI:hover UL { display: block; }

nav LI UL LI { display:block; height:auto; line-height:normal; padding:5px 10px; background:#f8f7f5; }
nav LI UL LI:first-child { padding:15px 10px 5px 10px; }
nav LI UL LI:last-child { padding:5px 10px 20px 10px; }

nav LI UL LI A { color:#000!important; }

nav LI UL LI:hover A, nav LI UL LI:hover DIV { color:#1b63ad!important; }

nav LI.sel A { text-decoration: underline;}
nav LI.sel UL LI A { text-decoration: none;}

.down { display: none; }
/*-----------------------*/

.file_attach {font-size:16px; margin:5px 0; }
.file_attach img { vertical-align:middle; }
.file_attach span { color:#999; font-size:14px; }

img.filter_pp_close { cursor:pointer; position:absolute; right:-8px; top:-8px; z-index: 999999 }

.feedback { max-width: 750px; width: 100%; margin: 30px auto; padding:40px; background:#f8f7f5; text-align: center; box-sizing: border-box;}
.feedback h2 { font-size: 24px; margin: 0 0 20px 0; font-weight: normal; }

.fbsubmit { width:120px; margin:20px auto 0 auto; height:35px; padding:2px 0; font-size:16px; vertical-align:middle; border:2px solid #fff; background:#1b63ad; border-radius:15px; color:#fff; text-decoration:none; cursor:pointer; }
.fbsubmit:hover { background:#fff;  border:2px solid #1b63ad; color:#1b63ad; }

.fbinpts {display:grid; grid-template-columns: 30% 70%; grid-template-rows: 40px 200px 40px 40px; place-items: center start; box-sizing: border-box;}
.fbinpts input[type='text'], .fbinpts textarea { width: 96%; height: 30px; padding:0 3px; border:1px solid #c2c2c2; border-radius:5px; font-size: 18px;}
.fbinpts textarea {height: 130px; }

.res_info { max-width: 700px; margin: 50px auto; text-align: left;}
#sub_header {font:normal 36px  'Arial Narrow', Arial, Tahoma, Sans-serif; padding:0 0 30px 0; margin: 0; }
#text, #more, #contacts { padding:0 0 20px 0; }

/*----------@media------*/

@media all and (max-width: 1200px) {
  #menu_show { display: block; }
  header { border-bottom: 1px solid #1b63ad;}

  /*nav -----------*/

  nav { display: none; position: fixed; width: 100%; height: 100vh; max-width: 300px; right: 0; top: 0; overflow: auto; padding: 20px 2vw 0 2vw; background: linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 12%, rgba(255, 255, 255, 0.9) 100%) ; box-shadow: 2px 2px 5px #999; text-align: left; box-sizing: border-box; z-index: 10; }
  nav ul { max-width: 250px; height: 100%; margin:0; display:block; white-space:normal ;}

  nav LI { position:relative; vertical-align:middle; line-height:normal; height:auto; font-size:20px; padding:7px 0; }
  nav LI A, nav LI DIV { display: inline; color:#1b63ad; }

  nav LI UL { position:relative; left: auto; top: auto; box-shadow:none; }
  nav LI:hover UL { display: block; }

  nav LI UL LI { display:block; height:auto; padding:3px 0px 3px 10px; background:none; font-size: 18px; }
  nav LI UL LI:first-child { padding:3px 0px 3px 10px;}
  nav LI UL LI:last-child { padding:3px 0px 3px 10px; }

  nav LI:hover UL { display: none; }

  .down { display: inline; cursor: pointer; }
  #menu_hide { display: block;}
  /*nav ---*/

  .nic { display: block; background: url(/img/nic.png) no-repeat center center; background-size: 70%;  border: 1px solid #1b63ad; width: 32px; height: 32px; font-size: 0; border-radius: 16px; }
}

@media all and (max-width: 1000px) {
  #search img { cursor: pointer; }
  .loupe { display: none; position: fixed; right: 0; top: 108px; background: #fff; box-shadow: 2px 2px 5px #aaa; border:1px solid #dcdcdc; width:295px; height:28px; line-height:28px; vertical-align:middle; z-index: 15; }
  .loupe input {vertical-align:middle; line-height:18px; border:none; }
  .loupe input[type='text'] { height:18px;  width:265px; }

  .loupe2 { display: block; }
  .hb { width: 100%; flex-direction: row-reverse; justify-content: space-between; align-items: center;}
  .join, .conf22 {  margin: 0;}
}

@media all and (max-width: 800px) {
  .inh {grid-template-columns: 70% 30%; }
  .join, .conf22, .email { width: 32px; height: 32px; font-size: 0; border-radius: 16px; margin: 0; }
  .join { background: url(/img/join.png) no-repeat center center; background-size: 90%;  border: 1px solid #f58220; }
  .join:hover { background: url(/img/join.png) no-repeat; }
  .conf22 { background: url(/img/conf.png) no-repeat center center; background-size: 90%;  border: 1px solid #1b63ad;  }
  .conf22:hover { background: url(/img/conf.png) no-repeat; }
  .email { background: url(/img/email.png) no-repeat center center; background-size: 70%;  border: 1px solid #1b63ad; padding: 0; }
  .email:hover { background: url(/img/email.png) no-repeat; }
  .nic { display: none;}
  .logout { padding: 0;}
  footer a:nth-of-type(1), footer a:nth-of-type(3) { display: none;}
  footer a:nth-of-type(2) { width: 90%;}
  .inf { justify-content: center; }
}

@media all and (max-width: 800px) {
  .fbinpts { display: block;}
}

@media all and (max-width: 500px) {
  .inh {grid-template-columns: 65% 35%; }
}

@media all and (max-width: 400px) {
  .logo h1 { display: none;}
  .join, .conf22, .email { display: none;}
}