@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700");
* {
  margin: 0px;
  padding: 0px; }

body, html {
  font-family: 'Source Sans Pro', sans-serif; }

a {
  text-decoration: none;
  cursor: pointer; }

.start {
  background-color: rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  width: 100%;
  color: #fff;
  -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) ;
  -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) ;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) ; }
  .start .menu {
    width: 100%; }
    .start .menu > div {
      padding: 20px; }
    .start .menu .contacts {
      line-height: 1; }
      .start .menu .contacts h2, .start .menu .contacts small {
        padding: 0px;
        margin: 0px;
        display: block;
        line-height: 1; }
      .start .menu .contacts h2 {
        font-size: 160%;
        white-space: nowrap; }
    .start .menu.fixed {
      position: fixed;
      background-color: #01539C;
      z-index: 2;
      -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3) ;
      -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3) ;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3) ; }
      .start .menu.fixed .contacts {
        display: none; }
      .start .menu.fixed .switch_lang {
        display: block;
        align-self: center; }
  .start .pod_logo {
    text-align: center; }
    .start .pod_logo .logo {
      background: url(../pic/logo-white.svg) no-repeat center center;
      background-size: contain;
      display: block;
      width: 128px;
      height: 128px;
      margin: 0px auto; }
    .start .pod_logo h2 {
      padding: 10px 0px;
      text-transform: uppercase;
      font-size: 120%; }
  .start .about > div {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
    .start .about > div > p {
      margin: 10px 0px; }
  .start .flex1 {
    flex: 1; }

.navigate > a {
  color: #fff;
  margin-right: 10px; }
  .navigate > a:after {
    content: "\e315";
    display: inline-block;
    font-family: 'icomoon' !important;
    color: #fff;
    vertical-align: middle;
    margin-left: 5px; }
  .navigate > a:last-child:after {
    display: none; }

.switch_lang > a {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 5px;
  border: 2px solid #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  filter: alpha(opactiy=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5; }
  .switch_lang > a.lang-ru {
    background: url(../pic/ru.svg) no-repeat center center;
    background-size: 16px auto; }
  .switch_lang > a.lang-en {
    background: url(../pic/en.svg) no-repeat center center;
    background-size: 16px auto; }
  .switch_lang > a.selected {
    filter: alpha(opactiy=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; }

.links > a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  padding: 10px 0px;
  margin: 0px 10px;
  vertical-align: middle;
  border-bottom: 2px solid transparent;
  -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) ;
  -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) ;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) ;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s; }
  .links > a:hover {
    border-bottom: 2px solid #FF7B00; }
.links > p {
  display: inline-block;
  vertical-align: middle;
  font-size: 140%;
  cursor: pointer;
  margin-left: 10px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s; }
  .links > p:hover {
    color: #FF7B00; }
.links .drop {
  display: inline-block;
  padding: 10px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s; }
  .links .drop > a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
    padding-bottom: 3px;
    -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) ;
    -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) ;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) ; }
    .links .drop > a > span {
      vertical-align: middle;
      display: inline-block;
      position: relative;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s; }
  .links .drop > div {
    display: none;
    position: absolute;
    left: 0px;
    width: 100%;
    padding-top: 10px;
    z-index: 2; }
    .links .drop > div > div {
      background-color: #00294E;
      max-height: 90vh;
      overflow: auto; }
      .links .drop > div > div a {
        color: #fff;
        display: inline-block;
        padding: 8px 0px;
        color: #FF7B00;
        font-weight: bold;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s; }
        .links .drop > div > div a:hover {
          color: #FF7B00; }
      .links .drop > div > div > div {
        padding: 20px;
        max-width: 480px;
        padding-bottom: 100px;
        flex: 1; }
    .links .drop > div h1 {
      font-size: 140%;
      font-weight: 100;
      padding-top: 20px;
      height: 60px; }
    .links .drop > div .parent {
      padding-left: 20px; }
      .links .drop > div .parent > a {
        font-size: 90%;
        color: #fff;
        font-weight: normal;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s; }
        .links .drop > div .parent > a:hover {
          color: #FF7B00; }
  .links .drop:hover {
    background-color: #00294E; }
    .links .drop:hover > div {
      display: block; }
    .links .drop:hover > a > span {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
  .links .drop .seperates {
    width: 1px;
    padding: 0px;
    border-top: 100px solid #00294E;
    border-bottom: 100px solid #00294E;
    flex: 0 1px !important;
    background-color: rgba(255, 255, 255, 0.1); }
.links.black > a {
  color: #00294E;
  -webkit-text-shadow: 0px 0px 0px #fff ;
  -moz-text-shadow: 0px 0px 0px #fff ;
  text-shadow: 0px 0px 0px #fff ; }
  .links.black > a:after {
    background-color: #01539C; }
.links.akcent > a {
  color: #FF7B00;
  -webkit-text-shadow: 0px 0px 0px #fff ;
  -moz-text-shadow: 0px 0px 0px #fff ;
  text-shadow: 0px 0px 0px #fff ; }
  .links.akcent > a:after {
    background-color: #FF7B00; }
.links.bordered > a {
  border-bottom: 1px solid #01539C; }
.links.block > a {
  display: block; }

.slider {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: -1; }
  .slider > p {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 0; }
  .slider > div {
    background-color: #01539C;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;
    filter: alpha(opactiy=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5; }

.page {
  width: 100%; }
  .page.white {
    background-color: #fff; }
    .page.white h1 {
      color: #01539C; }
  .page.black {
    background-color: rgba(0, 0, 0, 0.9);
    color: #fff;
    -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) ;
    -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) ;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) ; }
    .page.black .to_text > p {
      color: #808389; }
  .page.blue {
    background-color: rgba(1, 83, 156, 0.9);
    color: #fff;
    -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) ;
    -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) ;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) ; }
    .page.blue .to_text > p {
      color: #D5DDDF; }
  .page.row {
    background-color: #D5DDDF; }
    .page.row h1 {
      color: #01539C; }
  .page h1 {
    font-weight: 100; }

.news {
  flex-wrap: wrap; }
  .news > a {
    color: #808389;
    margin: 20px;
    display: flex;
    align-items: center;
    min-width: 310px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
    .news > a .date {
      min-width: 60px;
      text-align: center;
      padding-right: 20px;
      color: #808389;
      border-right: 1px solid rgba(1, 83, 156, 0.1); }
      .news > a .date > p {
        font-size: 160%;
        line-height: 1;
        color: #01539C; }
      .news > a .date > span {
        display: block;
        color: #00294E; }
    .news > a > div:last-child {
      padding-left: 10px;
      text-align: left; }
    .news > a:hover {
      color: #FF7B00; }
  .news.big strong {
    display: block; }
  .news.big > a {
    max-width: 410px; }

.def-form {
  max-width: 300px; }
  .def-form input, .def-form textarea {
    display: block;
    width: 100%;
    outline: none;
    font-size: 80%;
    margin: 20px 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
    .def-form input:focus, .def-form textarea:focus {
      border-color: #00294E; }
  .def-form input {
    padding: 10px;
    border: 2px solid #D5DDDF; }
  .def-form textarea {
    font-size: 100%;
    padding: 10px;
    border: 2px solid #D5DDDF;
    resize: none; }

.maps iframe {
  display: block; }

footer {
  width: 100%;
  background-color: #00294E;
  color: #407BC5;
  font-size: 80%;
  position: relative;
  z-index: 10; }
  footer > div {
    padding: 20px; }
  footer .niesoft {
    display: inline-block;
    background: url(http://niesoft.ru/source/pic/logo.svg) no-repeat left center;
    background-size: 12px auto;
    padding: 10px 0px 10px 20px;
    font-size: 80%;
    color: #407BC5;
    letter-spacing: 1px; }
    footer .niesoft > strong {
      border-bottom: 1px solid #407BC5; }

.menu-mobile {
  display: none;
  position: fixed; }
  .menu-mobile > p {
    font-size: 160%;
    color: #D5DDDF; }

@media screen and (max-width: 778px) {
  .menu-mobile {
    display: block; }

  .start .links {
    display: none; }
  .start .contacts {
    flex: 1; }
  .start .pod_logo {
    padding: 40px 0px; }
  .start .switch_lang {
    display: none !important; }

  .mobile-wrap {
    flex-direction: column; }

  .mobile-wrap-reverse {
    flex-direction: column-reverse; }

  .news > div {
    min-width: 300px; }

  .mini-block.content img {
    width: 100% !important;
    height: auto !important;
    max-width: 600px; }
  .mini-block.content table td {
    padding: 2px !important; }
    .mini-block.content table td p, .mini-block.content table td span {
      font-size: 75% !important; }

  .tabs > a {
    display: block !important; } }
@media screen and (max-width: 975px) {
  .start .menu .links {
    white-space: nowrap; }
    .start .menu .links > a {
      font-size: 80%;
      padding: 10px 5px !important; }
    .start .menu .links .drop > a {
      font-size: 80%;
      padding: 10px 5px !important; }
  .start .contacts h2 {
    font-size: 100% !important; }

  .splash {
    background-color: #000 !important; } }
.splash {
  position: fixed;
  display: none;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: rgba(0, 0, 0, 0.6);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.6)), color-stop(100%, #000));
  /*	Chrome 1-10, Safari 4+, iOS 3.2-4.3, Android 2.1-3.0 */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.6) 0%, #000 100%);
  /* Chrome 10+, Safari 5.1+, iOS 5+, Android 4+ */
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.6) 0%, #000 100%);
  /* Firefox 3.6+ */
  background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.6) 0%, #000 100%);
  /* Opera 11.6+ */
  background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.6) 0%, #000 100%);
  /* IE 10+ */
  background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.6) 0%, #000 100%); }
  .splash.visible {
    display: flex;
    align-items: center; }
  .splash > div {
    max-width: 400px;
    margin: 0px auto; }
  .splash .icon-close {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 200%;
    color: #fff;
    padding: 20px;
    cursor: pointer;
    z-index: 2;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
    .splash .icon-close:hover {
      color: #FF7B00;
      -moz-transform: scale(1.3);
      -ms-transform: scale(1.3);
      -webkit-transform: scale(1.3);
      transform: scale(1.3); }

.search {
  background-color: #fff;
  width: 100%;
  display: flex;
  padding: 10px;
  align-items: center; }
  .search input {
    flex: 1;
    padding: 10px;
    font-size: 100%; }
  .search button {
    color: #01539C;
    font-size: 160%;
    padding: 10px 10px 10px 20px;
    border-left: 1px solid #D5DDDF;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
    .search button:hover {
      color: #FF7B00; }

.notfound {
  display: flex;
  width: 100%;
  height: 100vh;
  align-items: center;
  position: relative; }
  .notfound > div {
    color: #fff;
    flex: 1;
    text-align: center;
    font-size: 200%;
    text-transform: uppercase; }
    .notfound > div > p {
      display: block;
      width: 200px;
      height: 200px;
      margin: 0px auto;
      background: url(../pic/404.svg) no-repeat center center;
      background-size: contain; }
    .notfound > div .next-button {
      color: #fff;
      font-size: 60%;
      display: block; }
      .notfound > div .next-button > span {
        border-color: #fff; }

.parent_list {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0px; }
  .parent_list > a {
    padding: 20px;
    background-color: rgba(238, 239, 239, 0.5);
    width: 300px;
    margin: 20px;
    color: #01539C;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
    .parent_list > a > p {
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s; }
    .parent_list > a:hover {
      background-color: #407BC5;
      color: #fff; }
      .parent_list > a:hover > p {
        color: #FF7B00; }

.search_result > div {
  padding: 20px 0px; }
  .search_result > div > a {
    display: inline-block;
    font-size: 120%;
    text-decoration: underline;
    color: #01539C; }
  .search_result > div > p {
    color: #808389;
    padding: 10px 0px;
    max-width: 500px;
    display: block; }

.mobile_menu {
  display: block;
  position: relative;
  overflow: auto;
  padding: 20px;
  height: 95vh; }
  .mobile_menu .search {
    margin-top: 80px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box; }
  .mobile_menu a {
    display: inline-block; }
  .mobile_menu > a {
    color: #fff;
    font-weight: bold;
    padding: 20px 0px;
    font-size: 110%; }
  .mobile_menu > .parent {
    padding-left: 20px; }
    .mobile_menu > .parent > a {
      color: #fff;
      font-weight: normal;
      font-size: 100%;
      padding: 10px 0px; }
    .mobile_menu > .parent > .parent {
      padding-left: 20px; }
      .mobile_menu > .parent > .parent > a {
        color: #D5DDDF;
        padding: 10px 0px; }
      .mobile_menu > .parent > .parent > .parent {
        padding-left: 20px; }
        .mobile_menu > .parent > .parent > .parent > a {
          color: #407BC5;
          padding: 10px 0px; }

.photos {
  display: flex;
  align-items: center;
  margin: 20px 0px;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none; }
  .photos > i {
    font-size: 64px;
    padding: 20px;
    cursor: pointer;
    color: #01539C;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
    .photos > i:hover {
      color: #FF7B00; }
  .photos .photos-list {
    flex: 1;
    text-align: center; }
    .photos .photos-list img {
      display: none;
      margin: 0px auto;
      height: auto !important;
      width: 100% !important;
      max-width: 600px; }
      .photos .photos-list img:first-child {
        display: block; }
    .photos .photos-list .photos-circle {
      position: relative;
      width: 100%;
      margin-top: -40px;
      white-space: nowrap;
      texta-lign: center; }
      .photos .photos-list .photos-circle > i {
        display: inline-block;
        cursor: pointer;
        width: 16px;
        height: 16px;
        margin: 10px;
        background-color: rgba(255, 255, 255, 0.9);
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s; }
        .photos .photos-list .photos-circle > i:hover {
          background-color: #FF7B00; }
        .photos .photos-list .photos-circle > i.selected {
          background-color: #01539C; }

.vizitka {
  display: flex;
  align-items: top;
  flex-wrap: wrap; }
  .vizitka > div {
    min-width: 320px;
    flex: 1;
    text-align: center;
    padding: 10px; }
    .vizitka > div .photo {
      margin: 0px auto;
      display: block;
      width: 200px;
      height: 200px;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-bottom: 10px;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      border-radius: 100%; }
    .vizitka > div .name {
      font-weight: bold;
      font-size: 120%;
      text-transform: uppercase; }
    .vizitka > div .position {
      text-transform: uppercase;
      font-weight: 300;
      margin-bottom: 10px; }
    .vizitka > div .phone {
      display: inline-block;
      padding: 0px 10px; }
      .vizitka > div .phone:before {
        font-family: 'icomoon' !important;
        content: "\e0cd";
        margin-right: 10px; }
    .vizitka > div .mail {
      display: inline-block;
      padding: 10px;
      color: #01539C; }
      .vizitka > div .mail:before {
        font-family: 'icomoon' !important;
        content: "\e0e1";
        margin-right: 10px;
        vertical-align: middle;
        font-size: 100%;
        position: relative;
        display: inline-block;
        margin-bottom: 2px; }

.tabs > a {
  display: inline-block;
  padding: 20px;
  font-size: 120%;
  text-transform: uppercase;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none; }
  .tabs > a:hover {
    color: #01539C; }
  .tabs > a.selected {
    background-color: #D5DDDF;
    color: #01539C; }
.tabs > div {
  padding: 20px 0px;
  border-top: 2px solid #D5DDDF; }
  .tabs > div .address {
    font-weight: normal;
    font-size: 120%; }
    .tabs > div .address > strong {
      display: block; }
  .tabs > div .phone {
    margin-top: 10px;
    margin-bottom: 20px; }
    .tabs > div .phone:before {
      font-family: 'icomoon' !important;
      content: "\e0cd";
      margin-right: 10px;
      font-size: 60%; }
  .tabs > div .maps {
    width: 100%;
    height: 600px;
    padding: 0;
    margin: 0;
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }

.zoom {
  cursor: pointer; }

.column {
  display: flex; }
  .column > div {
    flex: 1; }

.sendform {
  max-width: 320px;
  width: 100%;
  padding-bottom: 40px;
  margin: 0px auto; }
  .sendform > input {
    display: block;
    width: 100%;
    padding: 10px 0px;
    border-bottom: 2px solid #D5DDDF;
    margin: 20px 0px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
    .sendform > input:focus {
      border-color: #01539C; }
  .sendform > textarea {
    resize: none;
    width: 100%;
    font-size: 100%;
    border: 2px solid #D5DDDF;
    padding: 10px;
    outline: none;
    margin: 10px 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
    .sendform > textarea:focus {
      border-color: #01539C; }
  .sendform button {
    background-color: #01539C;
    color: #fff;
    padding: 20px;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
  .sendform.left {
    margin: 40px 0px; }
    .sendform.left .to_right {
      text-align: left; }

/*# sourceMappingURL=home.css.map */