﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* fonts */ 
@font-face { font-family: Arial, 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(<a href="https://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTS3USBnSvpkopQaUR-2r7iU.ttf">https://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTS3USBnSvpkopQaUR-2r7iU.ttf</a>) format('truetype'); } 
@font-face { font-family: Arial, 'Open Sans'; font-style: normal; font-weight: 400; src: local(Arial, 'Open Sans'), local('OpenSans'), url(<a href="https://fonts.gstatic.com/s/opensans/v10/IgZJs4-7SA1XX_edsoXWog.ttf">https://fonts.gstatic.com/s/opensans/v10/IgZJs4-7SA1XX_edsoXWog.ttf</a>) format('truetype'); } 
@font-face { font-family: Arial, 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(<a href="https://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSi3USBnSvpkopQaUR-2r7iU.ttf">https://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSi3USBnSvpkopQaUR-2r7iU.ttf</a>) format('truetype'); } 
@font-face { font-family: Arial, 'Open Sans'; font-style: italic; font-weight: 300; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(<a href="https://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxi9-WlPSxbfiI49GsXo3q0g.ttf">https://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxi9-WlPSxbfiI49GsXo3q0g.ttf</a>) format('truetype'); } 
@font-face { font-family: Arial, 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(<a href="https://fonts.gstatic.com/s/opensans/v10/O4NhV7_qs9r9seTo7fnsVKCWcynf_cDxXwCLxiixG1c.ttf">https://fonts.gstatic.com/s/opensans/v10/O4NhV7_qs9r9seTo7fnsVKCWcynf_cDxXwCLxiixG1c.ttf</a>) format('truetype'); } 
@font-face { font-family: Arial, 'Open Sans'; font-style: italic; font-weight: 600; src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(<a href="https://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxpZ7xm-Bj30Bj2KNdXDzSZg.ttf">https://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxpZ7xm-Bj30Bj2KNdXDzSZg.ttf</a>) format('truetype');
}
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url("https://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTS3USBnSvpkopQaUR-2r7iU.ttf") format('truetype'); } 
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url("https://fonts.gstatic.com/s/opensans/v10/IgZJs4-7SA1XX_edsoXWog.ttf") format('truetype'); } 
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url("https://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSi3USBnSvpkopQaUR-2r7iU.ttf") format('truetype'); } 
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url("https://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxi9-WlPSxbfiI49GsXo3q0g.ttf") format('truetype'); } 
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url("https://fonts.gstatic.com/s/opensans/v10/O4NhV7_qs9r9seTo7fnsVKCWcynf_cDxXwCLxiixG1c.ttf") format('truetype'); } 
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url("https://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxpZ7xm-Bj30Bj2KNdXDzSZg.ttf") format('truetype');
}
@font-face {
  font-family: 'segoeull';
  src: url('/fonts/segoeull.eot');
  src: local('segoeull'), url('/fonts/segoeull.woff') format('woff'), url('/fonts/segoeull.ttf') format('truetype');
}
@font-face {
  font-family: 'segoeuib';
  src: url('/fonts/segoeuib.eot');
  src: local('O'), url('/fonts/segoeuib.woff') format('woff'), url('/fonts/segoeuib.ttf') format('truetype'), url('/fonts/segoeuib.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* all */
body {
  width: 100%;
  background-color: #ffffff;
  background: url('/img/background.jpg') top center repeat;
  color: #3c3c3c;
  min-width: 1260px; /* Opera bags */
}
a {
  color: #3c3c3c;
  text-decoration: underline;
  outline: none;
}
a:hover {
  text-decoration: none;
}
.none {
  display: none;
}
.clear {
  clear: both;
}
.left {
  float: left;
}
.right{
  float: right;
}
.all{
  width: 100%;
  height: 100%;
}
p {
  margin-bottom: 12px;
}
h2  {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  font-weight: 400;
  font-size: 1.2em;
  margin: 0 0 20px 0;
}
.work-box p,
.work-box,
.work-box td,
.work-box div,
.right-sidebar,
.right-sidebar p {
  font: 18px Calibri;
  line-height: 27px;
}
/* header */
.content {
  width: 1260px;
  /* max-width: 1240px;
  min-width: 1160px; */
  height: 100%;
  margin: 19px auto 25px auto;
  background-color: #ffffff;
  overflow: hidden;
}
.workarea {
  width: 1160px;
  margin: 0 auto;
}
header {
  margin: 45px 0;
}
.phone {
  background: url(/img/phone.png) 0px 6px no-repeat;
  padding-left: 28px;
  margin-right: 70px;
}
.phone span {
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 600;
  display: block;
}
.mail {
  background: url(/img/mail.png) 0px 4px no-repeat;
  padding-left: 30px;
}
.mail span a {
  font-family:  'Open Sans';
  font-size: 20px;
  font-weight: 600;
}
/* menu */
.top-menu {
  width: 100%;
  min-width: 1060px;
  background-color: #353c41;
  height: 60px;
  margin-bottom: 45px;
  text-align: center;
}
.top-menu ul li {
  list-style: none;
  display: inline-block;
  height: 60px;
  line-height: 60px;
}
.top-menu ul li a {
  font: 17px Arial, 'Open Sans';
  font-weight: 400;
  color: #ffffff;
  text-decoration: none;
  display: block;
  height: 60px;
  padding: 0 45px;
  line-height: 60px;
}
.top-menu ul li a.active, 
.top-menu ul li a:hover {
  color: #878d92;
}
/* content */
.banner {
  margin-bottom: 50px;
  width: 1160px;
}
.banner img {
  max-width: 100%;
}
h1 {
  font: 42px segoeull;
  color: #000000;
  margin-bottom: 30px;
}
.work-box {
  width: 760px;
  margin-right: 55px;
}
.person table {
  margin-top: 80px;
}
.person table tr td:nth-child(2n+1) {
  padding-right: 23px;
  width: 82px;	
}
.person table tr td:nth-child(2n+2) {
  vertical-align: middle;
}
.person table tr:nth-child(2n+2) td:nth-child(2n+1) {
  text-align: right;
}
.person table tr:nth-child(2n+2) td {
  padding-top: 10px;
}
.person .name {
  font: 24px segoeuib;
  font-weight: bold;
  color: #000000;
}
.person .job {
  font: 17px Arial, 'Open Sans';
  font-weight: 300;
  font-style: italic;
  color: #000000;
  margin-bottom: 15px;
}
p.qoute {
  font-size: 15px;
  color: #000000;
  font-style: italic;
  line-height: 24px;
  margin-top: -7px;
}
.person table:last-child {
  margin-bottom: 80px;
}
.news-detail img {
  max-width: 100%;
}
.news-date-time {
  color: #1aa1e1;
}
.news-detail ul {
  margin-bottom: 12px;
  padding-left: 20px;
}
/* right sidebar */
.list {
  border: solid 5px #1aa1e1;
  width: 298px;
  padding: 18px 18px 40px 18px;
  margin-bottom: 44px;
}  
.list h2 {
  text-transform: uppercase;
  color: #2e3e50;
  font: 24px  'Open Sans';
  font-weight: 600;
  margin-bottom: 20px;
  letter-spacing: 4px;
}
.number {
  color: #2e3e50;
  font: 20px Calibri;
  font-weight: bold;
  display: block;
}
.list table tr td:nth-child(2n+1) {
  text-align: right;
  width: 43px;
  margin-right: 7px;
}
.month {
  font: 14px Calibri;
  margin-top: -3px;
  display: block;
  text-transform: lowercase;
}
.list a {
  color: #2e3e50;
  text-decoration: none;
  border-bottom: solid 1px #a3d9f3;
  font: 14px Calibri; 
}
.list table tr td{
  vertical-align: top;
}
.list table tr {
  margin-top: 15px;	
}
.list  a:hover {
  border-bottom: solid 1px #ffffff;
}
.list table tr td:nth-child(2n+2) {
  line-height: 18px;
  padding: 10px 0 10px 7px;
}
.list .doc {
  line-height: 18px;
  margin-bottom: 12px;
}
.list .news {
  margin-top: -10px;
}
.booklet {
  margin-top: 30px;
  padding-left: 17px;
  background: url(/img/file.jpg) no-repeat 0 5px;
}
.booklet span {
  font: 13px Calibri;
  color: #808080;
  font-style: italic;
}
.map {
  margin-bottom: 44px;
}
/* carousel */
.left-arrow,
.right-arrow {
  height: 80px;
  width: 38px;
  padding-top: 68px;
}
.right-arrow {
  text-align: right;
}
.left-arrow a {
  display: block;
  width: 7px;
  height: 12px;
  background: url(/img/arrow-left-nohover.png) no-repeat;
}
.left-arrow a:hover {
  background: url(/img/arrow-left.png) no-repeat;
}
.right-arrow a {
  display: block;
  width: 7px;
  height: 12px;
  background: url(/img/arrow-right-nohover.png) no-repeat;
  margin-left: 31px;
}
.right-arrow a:hover {
  background: url(/img/arrow-right.png) no-repeat;
}
.carousel-block {
  margin-bottom: 40px;
  height: 146px;
}
.carousel ul {
  width: 200%;
}
.carousel {
  border: solid 1px #e9e9e7;
  width: 1035px;
  height: 146px;
  overflow: hidden;
}
.carousel ul li {
  list-style: none;
  display: inline-block;
  height: 146px;
  width: 240px;
}
.carousel ul li a {
  display: block;
  width: 100%;
  height: 146px;
}
.prev:active,
.next:active {
  margin-top: 1px;
}
/* footer */
.footer {
  width: 100%;
  min-width: 1060px;
  height: 120px;
  background-color: #4b565d;
}
footer .workarea {
  padding-top: 40px;
}
.copyright {
  color: #ffffff;
  font: 14px Arial, 'Open Sans';
  font-weight: 600;
  line-height: 24px;
}
.footer .phone span,
.footer .mail  a {
  color: #ffffff;
}
/* language */
.language {
  margin-top: 19px;
}
.language span {
  font: 12px Arial, 'Open Sans';
  color: #3c3c3c;
  font-weight: 600;
}
.language span a {
  color: #095bc4;
}
.russia {
  display: inline-block;
  padding-left: 19px;
  background: url(/img/ru.jpg) 0 center no-repeat;
  margin-left: 30px;
}
.english {
  display: inline-block;
  padding-left: 19px;
  background: url(/img/eng.jpg) 0 center no-repeat;
  margin-left: 30px;
}
.bottom {
  margin: 0 0 25px 0;
}
/* css 3 */
a,
#nav ul, 
#nav li {
  -moz-transition: all 0.3s 0.04s ease;
  -o-transition: all 0.3s 0.04s ease;
  -webkit-transition: all 0.3s 0.04s ease;
  transition: all 0.3s ease;
}
/* ���������� ���� */	
#nav {
  overflow: hidden;
}
#nav li ul {
  height: 0;
  padding: 0;
  background-color: #353c41;
  line-height: 32px;
  margin-left: 27px;
  position: absolute;
  width: 300px;
  z-index: 9999;
  overflow: hidden; 
  opacity: 0;
}
#nav li ul li {
  color: #fff;
  font-size: 7px;
  height: 20px;
  line-height: 24px;
  text-align: left;
  width: 100%;
  padding-left: 20px;
  background: url(/img/disc.png) no-repeat 7px 10px;
}
#nav li ul li a {
  height: 20px;
  width: 100%;
  line-height: 20px;
  padding: 0;
  text-align: left;
  display: inline;
}
#nav li ul li a:hover,
#nav li ul li.item-selected  a{
  color: #2dbcff;
}
#nav li ul li:hover {
  background: url(/img/disc-hover.jpg) no-repeat 7px 10px;
}
#nav li:hover ul {
  position: absolute;
  width: 300px;
  z-index: 9999;
  background-color: #353c41;
  opacity: 1;
  height: auto;
  padding: 0 9px 20px; 
}
.table_chistopol  {
  border-collapse: collapse;
}
.table_chistopol   td{
  width: 30%;
  border: 1px solid #ccc;
  padding: 20px;
}
.table_chistopol  td a  {
  font-weight: bold;
}
.interactive_maps  {
  width: 100%;
  position: relative;
}
#map_new2,#map_new3,#map_new4  {
  display: none;
}
.map_title  {
  text-align: right;
  font-size: 24px !important;
  font-weight: bold !important;
  margin: 40px 0 0 0 !important;
}
.shkala  {
  position: absolute;
  bottom: -120px;
  left: 0;
}
#shkala1,#shkala2,#shkala3,#shkala4  {
  cursor: pointer;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: bold;
}
.map_active  {
  color: #1AA1E1;
}
#shkala1:hover,#shkala2:hover,#shkala3:hover,#shkala4:hover  {
  text-decoration: underline;
}
.str_left_table  {
  background: url(/img/str_table.png) no-repeat;
  width: 50px;
  height: 25px;
  display: block;
  background-size: 100%;
  transform: rotate(135deg);
  position: absolute;
  left: 162px;
  top: 70px;
}
.str_center_table  {
  background: url(/img/str_table.png) no-repeat;
  width: 50px;
  height: 25px;
  display: block;
  background-size: 100%;
  transform: rotate(90deg);
  position: absolute;
  left: 349px;
  top: 74px;
}
.str_center_table_copy  {
  background: url(/img/double_str_table.png) no-repeat;
  width: 50px;
  height: 25px;
  display: block;
  background-size: 100%;
  transform: rotate(270deg);
  position: absolute;
  left: 349px;
  top: 74px;
}
.str_right_table  {
  background: url(/img/str_table.png) no-repeat;
  width: 50px;
  height: 25px;
  display: block;
  background-size: 100%;
  transform: rotate(45deg);
  position: absolute;
  left: 550px;
  top: 70px;
}
.str_left_table_bottom  {
  background: url(/img/str_table.png) no-repeat;
  width: 50px;
  height: 25px;
  display: block;
  background-size: 100%;
  transform: rotate(225deg);
  position: absolute;
  left: 162px;
  top: 457px;
}
.str_center_table_bottom  {
  background: url(/img/str_table.png) no-repeat;
  width: 50px;
  height: 25px;
  display: block;
  background-size: 100%;
  transform: rotate(270deg);
  position: absolute;
  left: 349px;
  top: 522px;
}
.str_center_table_bottom_copy  {
  background: url(/img/double_str_table.png) no-repeat;
  width: 50px;
  height: 25px;
  display: block;
  background-size: 100%;
  transform: rotate(90deg);
  position: absolute;
  left: 349px;
  top: 457px;
}
.str_right_table_bottom  {
  background: url(/img/str_table.png) no-repeat;
  width: 50px;
  height: 25px;
  display: block;
  background-size: 100%;
  transform: rotate(315deg);
  position: absolute;
  left: 550px;
  top: 457px;
}
.str_left_table_center  {
  background: url(/img/double_str_table.png) no-repeat;
  width: 40px;
  height: 20px;
  display: block;
  background-size: 100%;
  position: absolute;
  left: 484px;
  top: 360px;
  z-index: 10;
}
.str_right_table_center  {
  background: url(/img/double_str_table.png) no-repeat;
  width: 40px;
  height: 20px;
  display: block;
  background-size: 100%;
  position: absolute;
  left: 231px;
  top: 360px;
  z-index: 10;
}
.table_strs  {
  position: relative;
}
.events li {
  color:#1aa1e1; 
}
.events li p span  {
  color: #3c3c3c;
}

.form__success-send.success {
    background: #dff0d8;
    color: #3c763d;
    border: 1px solid #d6e9c6;
}

.form__success-send.error {
    background: #f2dede;
    color: #a94442;
    border: 1px solid #ebccd1;
}