.color-1 {
  background: #b1baeb;
  border-color: #b1baeb;
}

.color-2 {
  background: #ceaeef;
  border-color: #ceaeef;
}

.color-3 {
  background: #9bd0e4;
  border-color: #9bd0e4;
}

.color-4 {
  background: #b0e1bc;
  border-color: #b0e1bc;
}

.color-5 {
  background: #8adeca;
  border-color: #8adeca;
}

.color-6 {
  background: #b8e488;
  border-color: #b8e488;
}

@font-face {
  font-family: 'fontello';
  src: url("../fonts/fontello.eot?94849156");
  src: url("../fonts/fontello.eot?94849156#iefix") format("embedded-opentype"), url("../fonts/fontello.woff2?94849156") format("woff2"), url("../fonts/fontello.woff?94849156") format("woff"), url("../fonts/fontello.ttf?94849156") format("truetype"), url("../fonts/fontello.svg?94849156#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-twitter:before {
  content: '\f099';
}

.icon-facebook:before {
  content: '\f09a';
}

.icon-vkontakte:before {
  content: '\f189';
}

a {
  transition: all .2s;
  text-decoration: none;
}

.no-touchevents a:hover.color-1 {
  background: transparent;
  color: #b1baeb;
}

.no-touchevents a:hover.color-2 {
  background: transparent;
  color: #ceaeef;
}

.no-touchevents a:hover.color-3 {
  background: transparent;
  color: #9bd0e4;
}

.no-touchevents a:hover.color-4 {
  background: transparent;
  color: #b0e1bc;
}

.no-touchevents a:hover.color-5 {
  background: transparent;
  color: #8adeca;
}

.no-touchevents a:hover.color-6 {
  background: transparent;
  color: #b8e488;
}

a[href^="tel"] {
  color: inherit !important;
}

.no-touchevents a[href^="tel"]:hover {
  opacity: .75;
  color: inherit;
}

main h1 {
  color: #2d2926;
  font-size: 48px;
  font-weight: 700;
  margin: 60px 0 24px;
}

main h2 {
  color: #2d2926;
  font-size: 36px;
  margin: 56px 0 16px;
  font-weight: 700;
}

main h3 {
  color: #2d2926;
  font-size: 28px;
  font-weight: 700;
  margin: 50px 0 19px;
}

main h4 {
  color: #2d2926;
  font-size: 24px;
  font-weight: 700;
  margin: 39px 0 12px;
}

main h5 {
  color: #2d2926;
  font-size: 20px;
  font-weight: 700;
  margin: 31px 0 9px;
}

main h6 {
  font-size: 16px;
  font-weight: 500;
  margin: 53px 0 10px;
  text-transform: uppercase;
}

main p {
  color: #2d2926;
  line-height: 1.4444em;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 25px;
}

main p:last-child {
  margin-bottom: 0;
}

main p.important {
  font-size: 24px;
  font-weight: 100;
}

main p strong,
main p b {
  font-weight: 700;
}

main ul:not(.tags-list):not(.used-tags) {
  margin-bottom: 25px;
}

main ul:not(.tags-list):not(.used-tags) li {
  color: #2b313e;
  font-size: 18px;
  line-height: 1.777em;
  font-weight: 300;
  position: relative;
  margin-bottom: 8px;
  padding-left: 30px;
}

main ul:not(.tags-list):not(.used-tags) li:last-child {
  margin-bottom: 0;
}

main ul:not(.tags-list):not(.used-tags) li:before {
  content: '';
  position: absolute;
  left: 10px;
  top: 14px;
  width: 8px;
  border-radius: 2px;
  height: 6px;
  background-color: #06d0ff;
  box-sizing: border-box;
}

main ul:not(.tags-list):not(.used-tags) li ul {
  margin: 8px 0 0;
}

main ul:not(.tags-list):not(.used-tags) li ul li {
  padding-left: 20px;
}

main ul:not(.tags-list):not(.used-tags) li ul li:before {
  width: 5px;
  height: 3px;
  left: 0;
  border-radius: 1px;
  top: 15px;
}

main ol {
  margin-bottom: 25px;
  counter-reset: myCounter;
}

main ol li {
  color: #2b313e;
  font-size: 18px;
  line-height: 1.777em;
  padding-left: 30px;
  font-weight: 300;
  position: relative;
  margin-bottom: 8px;
  list-style: none;
}

main ol li:last-child {
  margin-bottom: 0;
}

main ol li:before {
  counter-increment: myCounter;
  content: counter(myCounter) ".";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  color: #2b313e;
  font-weight: 300;
  display: inline-block;
}

main ol li ol {
  margin: 8px 0 0;
  counter-reset: myCounter1;
}

main ol li ol li {
  padding-left: 40px;
}

main ol li ol li:before {
  counter-increment: myCounter1;
  content: counter(myCounter) "." counter(myCounter1);
}

main a {
  text-decoration: none;
  color: #1dace2;
  transition: all .2s;
}

.no-touchevents main a:hover {
  color: #2655a4;
}

main blockquote {
  background-color: #f8f9fc;
  border-radius: 4px;
  margin: 50px 0 65px;
  position: relative;
  padding: 32px 0 22px;
}

main blockquote:after {
  content: '';
  display: table;
  clear: both;
}

main blockquote:before {
  content: '';
  position: absolute;
  left: -105px;
  right: -105px;
  background-color: #f8f9fc;
  top: 0;
  z-index: -1;
  border-radius: 4px;
  height: 100%;
}

main blockquote p {
  color: black;
  font-size: 24px;
  font-style: italic;
  line-height: 1.5em;
  font-weight: 400;
  margin-bottom: 17px;
}

main blockquote p.author {
  margin-bottom: 0;
  font-size: 16px;
  float: right;
  font-weight: 100;
  font-style: italic;
}

.content {
  max-width: 750px;
  margin: 0 auto;
  padding: 74px 20px 80px;
}

.content.report-content {
  padding-bottom: 35px;
}

.content > *:first-child {
  margin-top: 0;
}

.content > *:last-child {
  margin-bottom: 0;
}

.content .row {
  margin: 65px -130px;
}

.content .row.three-in-row .row-item {
  margin-bottom: 30px;
}

.content .row.three-in-row .row-item:last-child {
  margin-bottom: 0;
}

.content .row .row-item {
  padding: 0 25px;
}

.content .table-wrap {
  margin: 65px -105px 70px;
  overflow-y: auto;
}

.content .table-wrap table {
  margin: 0;
  min-width: 700px;
}

.content table {
  margin: 65px 0 70px;
  table-layout: fixed;
  border-collapse: collapse;
  border-top: 4px solid #f5f6fa;
  border-bottom: 4px solid #f5f6fa;
}

.content table thead tr th {
  color: #2d2926;
  text-align: left;
  padding: 25px 20px 23px;
  font-size: 16px;
  font-weight: 700;
}

.content table tbody tr:nth-child(odd) {
  background-color: #f5f6fa;
}

.content table tbody tr td {
  color: #2d2926;
  line-height: 1.625em;
  font-size: 16px;
  padding: 11px 20px;
  font-weight: 300;
}

.content table tbody tr td p {
  color: #2d2926;
  line-height: 1.625em;
  font-size: 16px;
}

html {
  height: 100% !important;
}

body {
  /*-webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;*/
  height: 100%;
  color: #000;
  font-family: 'Roboto', sans-serif;
  min-width: 320px;
}

#wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  position: relative;
  overflow-x: hidden;
}

img {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  height: auto;
  width: auto;
  max-width: 100%;
}

input[type='submit'],
button {
  -webkit-appearance: none;
  border-radius: 0;
}

input {
  box-shadow: none;
  border-radius: 0;
}

a,
:visited {
  outline: 0;
  outline: none;
}

:hover,
:active,
:focus {
  outline: 0;
  outline: none;
}

::-moz-focus-inner {
  border: 0;
}

a::-moz-focus-inner {
  border: 0;
}

img.left,
span.left {
  float: left;
  max-width: 50%;
  margin: 5px 30px 20px 0;
  border-radius: 4px;
}

img.right,
span.right {
  float: right;
  max-width: 50%;
  margin: 5px 0 20px 30px;
  border-radius: 4px;
}

span.left,
span.right {
  display: inline-block;
}

span.left img,
span.right img {
  float: none;
  max-width: 100%;
  display: block;
  margin-top: 5px;
  margin-bottom: 15px;
}

span.left img:last-child,
span.right img:last-child {
  margin: 5px 0 0;
}

img.center {
  display: block;
  margin: 0 0 25px;
  max-width: 100%;
  border-radius: 4px;
}

span.center {
  margin: 35px -105px;
  display: block;
}

span.center img {
  margin: 0 auto;
  display: block;
}

.has-image span {
  margin-bottom: 0 !important;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
  outline: none !important;
}

input::-webkit-input-placeholder {
  color: #000;
}

input::-moz-placeholder {
  color: #000;
  opacity: 1;
}

form .placeholder {
  color: #000;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  opacity: 0;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  opacity: 0;
}

input:focus .placeholder,
textarea:focus .placeholder {
  opacity: 0;
}

ol,
ul {
  padding: 0;
  margin: 0;
}

ul li {
  list-style: none;
}

.clearfix:after {
  content: '';
  display: table;
  clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  font-weight: normal;
  padding: 0;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.container {
  max-width: 1280px;
  padding: 0 20px;
  margin: 0 auto;
}

.medium-container {
  max-width: 965px;
  padding: 0 20px;
  margin: 0 auto;
}

.small-container {
  max-width: 850px;
  padding: 0 20px;
  margin: 0 auto;
}

.btn {
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  border: 2px solid;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  padding: 0 60px;
  transition: all .2s;
}

.btn.white-btn {
  border-color: #fff;
  color: white;
}

.no-touchevents .btn.white-btn:hover {
  background: #fff;
  color: #30b2e5;
}

.btn.orange-btn {
  color: white;
  background-color: #f2b742;
  border-color: #f2b742;
}

.no-touchevents .btn.orange-btn:hover {
  background: #fff;
  color: #f2b742;
}

.simple-btn {
  background-color: #f8f9fc;
  border-radius: 4px;
  line-height: 40px !important;
  display: inline-block;
  height: 40px;
  color: #2b313e;
  padding: 0 40px 0 20px;
  font-size: 12px;
  font-weight: 300;
  position: relative;
  transition: all .2s;
}

.simple-btn:before {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  background: url("../i/pager-prev.png") no-repeat 0 0;
  width: 4px;
  height: 11px;
  margin-top: -5px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.no-touchevents .simple-btn:hover {
  background: #06d0ff;
  color: #fff;
}

.no-touchevents .simple-btn:hover:before {
  background: url("../i/pager-prev-white.png") no-repeat 0 0;
}

a.btn {
  line-height: 52px;
}

.row {
  font-size: 0;
}

.row .row-item {
  font-size: 16px;
  vertical-align: top;
  display: inline-block;
}

.row.two-in-row .row-item {
  width: 50%;
}

.row.three-in-row .row-item {
  width: 33.33333%;
}

.row.four-in-row .row-item {
  width: 25%;
}

header {
  width: 100%;
  z-index: 10;
  padding: 13px 0 36px;
  position: relative;
  background: #1cabe2;
}

.index-page header {
  position: absolute;
  left: 0;
  top: 0;
  background: transparent;
}

header .logo {
  background: url("../i/logo.png") no-repeat 0 0;
  width: 230px;
  height: 47px;
  margin-top: 33px;
  float: left;
}

header .logo.en {
  background: url("../i/logo-en.png") no-repeat 0 0;
}

header .top-header {
  float: right;
  margin-bottom: 31px;
}

header .top-header .search-box {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  margin-right: 50px;
  position: relative;
  height: 18px;
}

header .top-header .search-box form {
  width: 0;
  overflow: hidden;
  display: inline-block;
  position: relative;
  vertical-align: top;
  transition: width .2s;
}

.search-open header .top-header .search-box form {
  width: 328px;
}

header .top-header .search-box input {
  border: none;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  background: transparent;
  color: #fff;
  width: 300px;
  font-size: 14px;
}

header .top-header .search-box .search-btn,
header .top-header .search-box .search-open-btn {
  background: url("../i/search-icon.png") no-repeat 0 0;
  width: 16px;
  height: 16px;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  border: none;
  cursor: pointer;
  margin-left: 8px;
  transition: all .2s;
}

.no-touchevents header .top-header .search-box .search-btn:hover,
.no-touchevents header .top-header .search-box .search-open-btn:hover {
  opacity: .8;
}

header .top-header .search-box .search-btn {
  position: absolute;
  right: 0;
  display: none;
  top: 3px;
}

.search-open header .top-header .search-box .search-btn {
  display: block;
}

header .top-header .search-box .search-open-btn {
  display: inline-block;
  position: absolute;
  vertical-align: top;
  top: 3px;
  right: 0;
}

header .top-header .search-box .search-open-btn.visible {
  display: none;
  background: url("../i/close.png") no-repeat 50% 50%/16px 16px;
}

header .top-header .lang {
  display: inline-block;
  vertical-align: middle;
}

header .top-header .lang a {
  color: #fefefe;
  font-size: 12px;
  font-weight: 300;
  text-decoration: none;
  text-transform: uppercase;
  transition: all .2s;
  display: inline-block;
  margin-right: 15px;
}

header .top-header .lang a:last-child {
  margin-right: 0;
}

header .top-header .lang a.active {
  border-bottom: 2px solid #fff;
  cursor: default;
}

.no-touchevents header .top-header .lang a:not(.active):hover {
  opacity: .75;
}

header nav {
  float: right;
  clear: right;
}

header nav > ul > li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-right: 14px;
}

header nav > ul > li:last-child {
  margin-right: 0;
}

header nav > ul > li > a {
  color: white;
  text-decoration: none;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  transition: all .2s;
}

.no-touchevents header nav > ul > li > a:hover {
  opacity: .8;
}

header nav > ul > li.active > a {
  border-bottom: 2px solid #fff;
}

header nav > ul > li > ul {
  position: absolute;
  width: 200px;
  left: 50%;
  margin-left: -100px;
  top: 100%;
  opacity: 0;
  padding-top: 13px;
  visibility: hidden;
  transition: all .2s;
}

header nav > ul > li > ul:after {
  content: '';
  position: absolute;
  left: 0;
  top: 13px;
  bottom: 0;
  z-index: -1;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  width: 100%;
}

header nav > ul > li > ul:before {
  content: '';
  position: absolute;
  top: 20px;
  left: 0;
  bottom: 20px;
  width: 100%;
  background-color: #fff;
}

header nav > ul > li > ul > li {
  background-color: white;
}

header nav > ul > li > ul > li:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding-top: 10px;
}

header nav > ul > li > ul > li:first-child ul {
  top: 0;
}

header nav > ul > li > ul > li:last-child {
  padding-bottom: 10px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.tablet header nav > ul > li > ul > li.nav-visible > ul,
.mobile header nav > ul > li > ul > li.nav-visible > ul {
  opacity: 1;
  visibility: visible;
}

header nav > ul > li > ul > li.has-child > a {
  position: relative;
}

header nav > ul > li > ul > li.has-child > a:after {
  transition: all .2s;
  content: '';
  position: absolute;
  right: 10px;
  top: 11px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: rgba(0, 0, 0, 0.5) transparent transparent transparent;
}

header nav > ul > li > ul > li.active > a {
  background-color: rgba(159, 201, 233, 0.3);
}

header nav > ul > li > ul li {
  padding: 0 5px;
  position: relative;
}

header nav > ul > li > ul li a {
  color: #2d2926;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  display: block;
  padding: 6px 12px;
}

.no-touchevents header nav > ul > li > ul li a:hover {
  background-color: rgba(159, 201, 233, 0.3);
}

header nav > ul > li > ul li ul {
  position: absolute;
  width: 188px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  left: 100%;
  padding: 10px 0;
  top: -10px;
  background-color: white;
  z-index: 3;
  border-radius: 0 4px 4px 0;
  opacity: 0;
  visibility: hidden;
  transition: all .2s;
}

header nav > ul > li > ul li ul li.active > a {
  background-color: rgba(159, 201, 233, 0.3);
}

.desktop header nav > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
}

.desktop header nav > ul > li:hover > ul > li:hover > a:after {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.desktop header nav > ul > li:hover > ul > li:hover ul {
  opacity: 1;
  visibility: visible;
}

.tablet header nav > ul > li.nav-visible > ul,
.mobile header nav > ul > li.nav-visible > ul {
  opacity: 1;
  visibility: visible;
}

#menu-toggle-wrapper {
  width: 24px;
  height: 16px;
  display: none;
  cursor: pointer;
  z-index: 11;
  position: relative;
  vertical-align: middle;
  margin-top: 1px;
}

#menu-toggle,
#menu-toggle-top,
#menu-toggle-bottom {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.585, -0.6, 0.43, 1.65);
  background-color: #fff;
}

#menu-toggle {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  background-color: #fff;
  width: 24px;
  margin-left: -12px;
  margin-top: -1px;
  height: 2px;
}

#menu-toggle-top {
  top: 0;
}

#menu-toggle-top,
#menu-toggle-bottom {
  position: absolute;
  width: 24px;
  height: 2px;
  background-color: #fff;
  left: 0;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

#menu-toggle-bottom {
  bottom: 0;
}

.menu-open #menu-toggle-wrapper #menu-toggle {
  opacity: 0;
}

.menu-open #menu-toggle-wrapper #menu-toggle-top {
  -ms-transform: rotate(45deg) translate(6px, 4px);
  -webkit-transform: rotate(45deg) translate(6px, 4px);
  transform: rotate(45deg) translate(6px, 4px);
  background-color: #06d0ff;
}

.menu-open #menu-toggle-wrapper #menu-toggle-bottom {
  -ms-transform: rotate(-45deg) translate(6px, -4px);
  -webkit-transform: rotate(-45deg) translate(6px, -4px);
  transform: rotate(-45deg) translate(6px, -4px);
  background-color: #06d0ff;
}

.overlay {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
}

.overlay:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to top, transparent 0%, #1cabe2 100%);
  opacity: .9;
}

.overlay:after {
  content: '';
  opacity: 0.9;
  background-color: #1cabe2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.overlay .container {
  position: relative;
  z-index: 1;
}

.top-box .container {
  font-size: 0;
  height: 100%;
  white-space: nowrap;
}

.top-box .container:before {
  display: inline-block;
  vertical-align: middle;
  content: '';
  height: 100%;
}

.top-box .container .inner-box {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  padding: 200px 0 100px;
}

.top-box .container .text {
  width: 66.6666%;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
}

.top-box .container .img-wrap {
  display: inline-block;
  vertical-align: middle;
  width: 33.3333%;
  text-align: right;
  padding-left: 20px;
}

.top-box .container .img-wrap img {
  max-width: 100%;
}

.top-box .container h2 {
  color: #fefefe;
  font-size: 56px;
  font-weight: 700;
  margin: 0 0 26px;
}

.top-box .container p {
  color: white;
  font-size: 28px;
  line-height: 1.5em;
  font-weight: 300;
  margin-bottom: 0;
}

.top-box .container .btn {
  margin-top: 58px;
}

.city {
  font-size: 0;
  padding: 70px 0 55px;
}

.city .icon {
  width: 210px;
  display: inline-block;
  padding-right: 40px;
  text-align: center;
  position: relative;
  vertical-align: middle;
}

.city .icon:after {
  content: '';
  position: absolute;
  left: 0;
  top: -39px;
  border-radius: 50%;
  box-sizing: border-box;
  width: 72px;
  height: 71px;
  z-index: -1;
  background-color: #55dfff;
}

.city .text {
  width: calc(100% - 215px);
  display: inline-block;
  vertical-align: middle;
  max-width: 640px;
}

.city .text h2 {
  margin: 0 0 31px;
}

.city .text p {
  margin: 0;
}

.city .join-link {
  color: white;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  background-color: #f2b742;
  border-radius: 4px;
  transition: all .2s;
  padding: 8px 15px;
  margin-left: 215px;
  border: 2px solid #f2b742;
}

.no-touchevents .city .join-link:hover {
  color: #f2b742;
  background: transparent;
}

.city-list {
  font-size: 0;
  text-align: center;
  margin: 72px 0 58px;
}

.city-list a {
  margin: 0 3px 6px;
  color: white;
  font-size: 24px;
  font-weight: 500;
  border: 2px solid;
  padding: 3px 16px;
  display: inline-block;
  text-transform: uppercase;
}

.parliament {
  padding: 95px 0 100px;
}

.parliament .container {
  font-size: 0;
}

.parliament .inner-box {
  margin-bottom: 60px;
}

.parliament .text {
  width: 66.6666%;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}

.parliament .text h2 {
  color: #fefefe;
  margin: 0 0 42px;
  font-size: 44px;
}

.parliament .text p {
  color: #fefefe;
  font-size: 22px;
  margin-bottom: 0;
}

.parliament .img-wrap {
  display: inline-block;
  vertical-align: middle;
  width: 33.33333%;
  text-align: right;
  padding-left: 20px;
}

.parliament .img-wrap img {
  max-width: 100%;
}

.parliament h3 {
  font-size: 24px;
  color: #fefefe;
  margin: 0 0 20px;
}

.parliament .blog h4 {
  line-height: 1.5em;
  font-weight: 400;
  color: white;
  margin: 0;
  font-size: 16px;
}

.parliament .blog.row {
  margin: 0 -50px;
}

.parliament .blog.row .row-item {
  padding: 0 50px;
  min-height: 92px;
}

.parliament .blog.row .row-item a {
  text-align: left;
  position: relative;
  display: block;
  padding: 7px 15px;
  height: 100%;
  min-height: 92px;
}

.parliament .blog.row .row-item a:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background-color: #2756a5;
  border-radius: 2px;
  width: 146px;
  z-index: -1;
  height: 100%;
  transition: all .3s;
}

html:not(.desktop) .parliament .blog.row .row-item a:after {
  width: 100%;
}

.desktop .parliament .blog.row .row-item a:hover:after {
  width: 100%;
}

.desktop .parliament .blog.row .row-item a:hover h4 {
  text-decoration: underline;
}

.monitoring {
  font-size: 0;
  padding: 90px 0 35px;
}

.monitoring .icon {
  width: 210px;
  display: inline-block;
  padding-right: 40px;
  vertical-align: middle;
  text-align: center;
  position: relative;
}

.monitoring .icon:after {
  content: '';
  position: absolute;
  left: 0;
  top: -20px;
  border-radius: 50%;
  box-sizing: border-box;
  width: 72px;
  height: 71px;
  z-index: -1;
  background-color: #55dfff;
}

.monitoring .text {
  width: calc(100% - 215px);
  max-width: 640px;
  display: inline-block;
  vertical-align: top;
}

.monitoring .text h2 {
  margin: 0 0 31px;
}

.monitoring .text p {
  margin: 0;
}

.monitoring .row {
  margin: 65px -10px 0;
}

.monitoring .row .row-item {
  padding: 0 10px;
}

.monitoring .row .row-item a {
  display: block;
  background-color: #f8f9fc;
  border-radius: 4px;
  position: relative;
  min-height: 196px;
  height: 100%;
  padding: 20px 50px;
}

html:not(.desktop) .monitoring .row .row-item a {
  background-color: #06d0ff;
  box-shadow: 0 2px 8px rgba(85, 223, 255, 0.5);
}

html:not(.desktop) .monitoring .row .row-item a h3,
html:not(.desktop) .monitoring .row .row-item a p {
  color: #fff;
}

.no-touchevents .monitoring .row .row-item a:hover {
  background-color: #06d0ff;
  box-shadow: 0 2px 8px rgba(85, 223, 255, 0.5);
}

.no-touchevents .monitoring .row .row-item a:hover h3,
.no-touchevents .monitoring .row .row-item a:hover p {
  color: #fff;
}

.no-touchevents .monitoring .row .row-item a:hover .icon-svg svg path {
  stroke: #fff;
}

.monitoring .row .row-item a .icon-svg {
  position: absolute;
  right: 30px;
  bottom: 0;
  height: 100%;
  opacity: .1;
  width: 171px;
  overflow: hidden;
}

.monitoring .row .row-item a .icon-svg svg {
  position: absolute;
  right: 0;
}

.monitoring .row .row-item a .icon-svg svg path {
  fill: none;
  transition: all .2s;
  stroke: #a3aebe;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 4px;
}

.monitoring .row .row-item a .box {
  max-width: 320px;
}

.monitoring .row .row-item a h3 {
  color: #2b313e;
  font-size: 18px;
  line-height: 1.45em;
  transition: all .2s;
  font-weight: 700;
  margin: 0 0 14px;
}

.monitoring .row .row-item a p {
  color: #2b313e;
  font-size: 14px;
  transition: all .2s;
  font-weight: 300;
  margin-bottom: 0;
  line-height: 1.5em;
}

html:not(.desktop) .monitoring .row .row-item.index a:after {
  background: url("../i/icon-1-hover.png") no-repeat 0 0;
}

html:not(.desktop) .monitoring .row .row-item.reports a:after {
  background: url("../i/icon-2-hover.png") no-repeat 0 0;
}

.monitoring .row .row-item.index a .icon-svg svg {
  bottom: -14px;
}

.monitoring .row .row-item.index a:after {
  background: url("../i/icon-1.png") no-repeat 0 0;
}

.no-touchevents .monitoring .row .row-item.index a:hover:after {
  background: url("../i/icon-1-hover.png") no-repeat 0 0;
}

.monitoring .row .row-item.reports a .icon-svg svg {
  bottom: -70px;
}

.monitoring .row .row-item.reports a:after {
  background: url("../i/icon-2.png") no-repeat 0 0;
  width: 175px;
  height: 158px;
}

.no-touchevents .monitoring .row .row-item.reports a:hover:after {
  background: url("../i/icon-2-hover.png") no-repeat 0 0;
}

.news {
  padding: 45px 0 0;
}

.news h2 {
  margin: 0 0 8px;
}

.news .row {
  margin: 0 -30px;
}

.news .row .row-item {
  padding: 0 30px;
  margin-bottom: 30px;
}

.news .row .row-item .box {
  text-align: left;
  display: block;
  padding: 20px;
  max-width: 370px;
  margin: 0 auto;
  border: 2px solid transparent;
  border-radius: 4px;
  height: 100%;
}

.news .row .row-item .box > a {
  display: block;
}

.news .row .row-item .box.hover {
  border-color: #eff1f6;
}

.news .row .row-item .box.hover h3 {
  text-decoration: underline;
}

.news .row .row-item .img-wrap {
  margin-bottom: 26px;
}

.news .row .row-item .img-wrap img {
  width: 100%;
  border-radius: 4px;
}

.news .row .row-item .announcement {
  display: inline-block;
  background-color: #06d0ff;
  border-radius: 2px;
  color: white;
  text-transform: uppercase;
  font-size: 11px;
  padding: 0 10px;
  font-weight: 700;
  margin-right: 10px;
  vertical-align: middle;
  margin-top: -2px;
}

.news .row .row-item h3 {
  color: #2b313e;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.45em;
  margin: 0 0 20px;
}

.news .row .row-item h3 a {
  color: #2b313e;
}

.no-touchevents .news .row .row-item h3 a:hover {
  text-decoration: underline;
}

.news .row .row-item time {
  color: #2b313e;
  font-size: 13px;
  font-weight: 300;
}

.news .row .row-item .tags-list {
  margin: 11px 0 0;
}

.photo-gallery {
  clear: both;
  margin: 80px -210px 65px;
}

.photo-gallery .photo-grid {
  margin: 0 -10px;
}

.photo-gallery .photo-grid .photo-grid-item,
.photo-gallery .photo-grid .grid-sizer {
  width: 33.3333%;
  padding: 0 10px;
  margin-bottom: 20px;
}

.photo-gallery .photo-grid .photo-grid-item a,
.photo-gallery .photo-grid .grid-sizer a {
  display: block;
  border-radius: inherit;
  transition: all .2s;
  border-bottom: none;
  text-decoration: none;
  position: relative;
  text-align: center;
}

.photo-gallery .photo-grid .photo-grid-item a .img-wrap,
.photo-gallery .photo-grid .grid-sizer a .img-wrap {
  position: relative;
  transition: all .2s;
}

.photo-gallery .photo-grid .photo-grid-item a .img-wrap:after,
.photo-gallery .photo-grid .grid-sizer a .img-wrap:after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  opacity: 0;
  transition: all .2s;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.photo-gallery .photo-grid .photo-grid-item a .img-wrap:before,
.photo-gallery .photo-grid .grid-sizer a .img-wrap:before {
  content: '';
  position: absolute;
  left: 10px;
  top: 10px;
  right: 10px;
  opacity: 0;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  bottom: 10px;
  border: 2px solid #fff;
  border-radius: 4px;
}

.photo-gallery .photo-grid .photo-grid-item a img,
.photo-gallery .photo-grid .grid-sizer a img {
  display: block;
  margin-bottom: 0;
  width: 100%;
}

.no-touchevents .photo-gallery .photo-grid .photo-grid-item a:hover .img-wrap:before,
.no-touchevents .photo-gallery .photo-grid .grid-sizer a:hover .img-wrap:before {
  opacity: 1;
  transition: all .2s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.no-touchevents .photo-gallery .photo-grid .photo-grid-item a:hover p,
.no-touchevents .photo-gallery .photo-grid .grid-sizer a:hover p {
  color: #9b9b9b;
}

.no-touchevents .photo-gallery .photo-grid .photo-grid-item a:hover p span,
.no-touchevents .photo-gallery .photo-grid .grid-sizer a:hover p span {
  border-bottom-color: transparent;
}

.photo-gallery .photo-grid .photo-grid-item a p,
.photo-gallery .photo-grid .grid-sizer a p {
  text-align: center;
  transition: all .2s;
  line-height: 1.7em;
  color: #232335;
  display: inline-block;
  font-size: 14px;
  margin: 11px 0 4px;
  font-weight: 400;
}

.photo-gallery .photo-grid .photo-grid-item a p span,
.photo-gallery .photo-grid .grid-sizer a p span {
  border-bottom: 1px solid #009d68;
}

main .downloads-box {
  margin: 60px -105px;
}

main .downloads-box ul {
  margin-bottom: 0;
}

main .downloads-box ul li {
  padding: 9px 0 !important;
  background-color: #f8f9fc;
  border-radius: 4px;
  margin-bottom: 16px;
}

main .downloads-box ul li:last-child {
  margin-bottom: 0;
}

main .downloads-box ul li:before {
  display: none;
}

main .downloads-box .size {
  color: #2d2926;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  width: 77px;
  height: 100%;
  line-height: 1.2em;
  position: relative;
  text-align: center;
}

main .downloads-box .size:after {
  content: '';
  position: absolute;
  right: 0;
  width: 2px;
  background: #fff;
  top: -20px;
  bottom: -20px;
}

main .downloads-box .size small {
  opacity: 0.5;
  font-size: 12px;
  display: block;
}

main .downloads-box a {
  color: #1b9ed2;
  font-size: 18px;
  vertical-align: middle;
  display: inline-block;
  padding: 0 55px 0 30px;
  width: calc(100% - 81px);
  line-height: 1.45em;
  font-weight: 300;
  transition: all .2s;
}

main .downloads-box a:before {
  content: '';
  background: url("../i/download-icon.svg") no-repeat 0 0/20px 20px;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -10px;
}

.no-touchevents main .downloads-box a:hover {
  color: #0086b9;
}

.no-touchevents main .downloads-box a:hover:before {
  background: url("../i/download-icon-hover.svg") no-repeat 0 0/20px 20px;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  margin: 29px 0 24px;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.error-page .error-text {
  text-align: center;
  position: relative;
  padding: 135px 0;
}

.error-page .error-text:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  opacity: .5;
  background: url("../i/icon-7.svg") no-repeat 0 0;
  margin-left: -308px;
  width: 616px;
  z-index: -1;
  height: 212px;
}

.error-page .error-text p {
  font-size: 18px;
  font-weight: 300;
  color: #2d2926;
}

.error-page .error-text p.big {
  color: #2d2926;
  font-size: 18px;
  margin-bottom: 27px;
  font-weight: 500;
  text-transform: uppercase;
}

.error-page .error-text p.num {
  color: #2d2926;
  line-height: .7em;
  font-size: 200px;
  font-weight: 700;
}

.error-page .error-text p a {
  color: #1cabe2;
}

.no-touchevents .error-page .error-text p a:hover {
  text-decoration: underline;
}

.search-form {
  margin: 62px 0 40px;
}

.search-form p {
  color: #66625f;
  font-size: 13px;
  font-weight: 300;
}

.search-form p span {
  font-weight: 500;
}

.search-form .field-wrap {
  padding-right: 132px;
  position: relative;
  margin-bottom: 17px;
}

.search-form .field-wrap input {
  color: #2d2926;
  font-size: 16px;
  font-weight: 400;
  background-color: white;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  height: 38px;
  width: 100%;
  padding: 0 15px;
}

.search-form .field-wrap button {
  position: absolute;
  right: 0;
  top: 0;
  height: 38px;
  background-color: #f2b742;
  border-radius: 4px;
  padding: 0;
  width: 120px;
  border: 2px solid #f2b742;
  cursor: pointer;
  color: white;
  font-size: 16px;
  font-weight: 500;
  transition: all .2s;
}

.no-touchevents .search-form .field-wrap button:hover {
  background: transparent;
  color: #f2b742;
}

.result-search-box {
  margin: 0 0 70px;
}

.result-search-box .result-item {
  margin-bottom: 30px;
}

.result-search-box .result-item:last-child {
  margin-bottom: 0;
}

.result-search-box .result-item .num {
  color: #66625f;
  font-size: 13px;
  font-weight: 500;
  display: block;
  margin-bottom: 6px;
}

.result-search-box .result-item mark {
  color: #edad2e;
  background: none;
}

.result-search-box .result-item h3 {
  font-size: 20px;
  margin: 0 0 11px;
  font-weight: 700;
  color: #2d2926;
}

.result-search-box .result-item h3 a {
  text-decoration: none;
  color: #2d2926;
  border-bottom: 1px solid #2d2926;
}

.no-touchevents .result-search-box .result-item h3 a:hover {
  border-bottom: none;
}

.result-search-box .result-item p {
  font-size: 18px;
  font-weight: 300;
  color: #2d2926;
}

main .pager {
  margin: 0 0 100px;
}

main .pager ul {
  margin: 0;
  text-align: center;
}

main .pager ul li {
  margin: 8px 0 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
  display: inline-block;
  vertical-align: middle;
  height: 23px;
  text-align: center;
  line-height: 23px !important;
}

main .pager ul li:before {
  display: none;
}

main .pager ul li a,
main .pager ul li span {
  color: #2b313e;
  width: 28px;
  display: inline-block;
  font-size: 12px;
  font-weight: 300;
}

.no-touchevents main .pager ul li a:hover {
  color: #2b313e;
  opacity: .75;
}

main .pager ul li span {
  width: auto;
}

main .pager ul li.active {
  background-color: #06d0ff;
  border-radius: 2px;
}

main .pager ul li.active a {
  background-color: #06d0ff;
  border-radius: 2px;
}

main .pager ul li.prev {
  float: left;
}

main .pager ul li.prev a:before {
  content: '';
  position: absolute;
  left: 20px;
  top: 50%;
  background: url("../i/pager-prev.png") no-repeat 0 0;
  width: 4px;
  height: 11px;
  margin-top: -5px;
}

main .pager ul li.next {
  float: right;
}

main .pager ul li.next a:before {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  background: url("../i/pager-prev.png") no-repeat 0 0;
  width: 4px;
  height: 11px;
  margin-top: -5px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

main .pager ul li.prev,
main .pager ul li.next {
  width: 200px;
  margin-top: 0 !important;
  height: 40px;
  background-color: #f8f9fc;
  border-radius: 4px;
  line-height: 40px !important;
}

main .pager ul li.prev a,
main .pager ul li.next a {
  width: auto;
  display: block;
}

.title {
  float: left;
}

.title h1 {
  margin: 0 0 4px;
}

.used-tags {
  margin: 0;
}

.used-tags li {
  margin: 0 5px 0 0;
  padding: 4px 23px 4px 10px;
  display: inline-block;
  vertical-align: top;
  color: #2d2926;
  font-size: 12px;
  line-height: 1.2em;
  margin-bottom: 9px;
  position: relative;
  font-weight: 300;
  cursor: default;
  background-color: #ced8ea;
  border-radius: 2px;
}

.used-tags li:last-child {
  margin-right: 0;
}

.used-tags li:before {
  display: none;
}

.used-tags li .delete-tag {
  display: inline-block;
  position: absolute;
  opacity: .6;
  right: 9px;
  will-change: opacity;
  top: 3px;
  transition: all .2s;
  color: #2d2926;
  font-size: 18px;
}

.no-touchevents .used-tags li .delete-tag:hover {
  opacity: 1;
}

.archive {
  float: right;
  margin-top: 19px;
  padding-right: 42px;
}

.archive label {
  color: #2b313e;
  font-size: 12px;
  font-weight: 300;
  margin-right: 14px;
  display: inline-block;
  vertical-align: middle;
}

.archive .sel-archive-wrap .select-wrap {
  width: 90px;
  display: inline-block;
}

.news-filter {
  margin-bottom: 30px;
}

.news-filter + .news {
  padding: 5px 0 7px;
}

.tags {
  background-color: #f8f9fc;
  padding: 6px 0;
  position: relative;
  margin: 0 0 60px;
}

.tags .small-container {
  height: 24px;
  overflow: hidden;
}

.tags .open-tags {
  position: absolute;
  left: 50%;
  top: 100%;
  color: #565d6e;
  font-size: 11px;
  border-bottom: 1px dotted;
  font-weight: 700;
  padding-top: 7px;
}

.no-touchevents .tags .open-tags:hover {
  border-bottom: none;
}

.tags .open-tags:before {
  position: absolute;
  left: 50%;
  top: 0;
  width: 0;
  height: 0;
  margin-left: -5px;
  border-style: solid;
  border-width: 5px 5.5px 0 5.5px;
  border-color: #1ba7dd transparent transparent transparent;
  content: '';
}

.tags.opened .open-tags:before {
  border-width: 0 5.5px 5px 5.5px;
  border-color: transparent transparent #1ba7dd transparent;
}

.tags-list {
  margin: 0;
}

.tags-list li {
  padding: 0;
  margin: 0 20px 6px 0;
  display: inline-block;
  font-size: 12px;
  line-height: 15px;
}

.tags-list li:last-child {
  margin-right: 0;
}

.tags-list li:before {
  display: none;
}

.tags-list li a {
  text-decoration: underline;
  color: #616b81;
  font-size: 12px;
  font-weight: 300;
}

.no-touchevents .tags-list li a:hover {
  text-decoration: none;
}

.load-news {
  color: #2b313e;
  font-size: 12px;
  font-weight: 300;
  height: 40px;
  background-color: #f8f9fc;
  border-radius: 4px;
  line-height: 40px;
  text-align: center;
  width: 255px;
  padding: 0 20px;
  position: relative;
  display: table;
  margin: 0 auto;
}

.load-news span {
  border-bottom: 1px dotted;
}

.no-touchevents .load-news:hover span {
  border-bottom-color: transparent;
}

.back {
  color: #2b313e;
  font-size: 12px;
  font-weight: 300;
  height: 40px;
  background-color: #f8f9fc;
  border-radius: 4px;
  display: inline-block;
  line-height: 40px;
  padding: 0 40px 0 55px;
  position: relative;
  margin: 35px 0 50px;
}

.no-touchevents .back:hover {
  background: #06d0ff;
  color: #fff;
}

.back:before {
  content: '';
  position: absolute;
  left: 25px;
  top: 50%;
  background: url("../i/pager-prev.png") no-repeat 0 0;
  width: 4px;
  height: 11px;
  margin-top: -5px;
}

.news-inner .news {
  margin-bottom: 65px;
}

.news-inner time {
  color: #2b313e;
  font-size: 12px;
  font-weight: 300;
}

.news-inner main h1 {
  margin: 9px 0 34px;
  font-size: 42px;
}

.social-likes {
  position: fixed;
  left: 0;
  padding: 21px 12px;
  top: 50%;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
}

.social-likes .social-likes__widget {
  border-radius: 50%;
  margin-bottom: 15px;
  width: 26px;
  height: 26px;
  font-size: 14px;
  color: #fff;
  border: 1px solid;
  cursor: pointer;
  line-height: 24px;
  transition: all .2s;
  text-align: center;
}

.no-touchevents .social-likes .social-likes__widget:hover {
  background: #fff;
}

.social-likes .social-likes__widget:last-child {
  margin-right: 0;
  margin-bottom: 0;
}

.social-likes .social-likes__widget.social-likes__widget_vkontakte {
  background: #507299;
  border-color: #507299;
}

.no-touchevents .social-likes .social-likes__widget.social-likes__widget_vkontakte:hover {
  color: #507299;
}

.social-likes .social-likes__widget.social-likes__widget_facebook {
  background: #3b5998;
  border-color: #3b5998;
}

.no-touchevents .social-likes .social-likes__widget.social-likes__widget_facebook:hover {
  color: #3b5998;
}

.social-likes .social-likes__widget.social-likes__widget_twitter {
  background: #41abe1;
  border-color: #41abe1;
}

.no-touchevents .social-likes .social-likes__widget.social-likes__widget_twitter:hover {
  color: #41abe1;
}

.report-filter {
  margin: 0 0 35px;
}

.report-filter .field-wrap {
  display: inline-block;
  vertical-align: top;
  padding-right: 40px;
}

.report-filter .field-wrap .select-wrap {
  width: 285px;
}

.report-filter .field-wrap .select-wrap.small {
  width: 90px;
}

.report-filter .field-wrap label {
  display: block;
  color: #2b313e;
  font-size: 12px;
  margin-bottom: 10px;
  font-weight: 300;
}

.report-filter .btn {
  float: right;
  margin-top: 24px;
  padding: 0 20px;
  height: 38px;
  font-size: 16px;
  text-transform: none;
}

.report-table {
  max-width: 965px;
  padding: 0 20px;
  position: relative;
  margin: 0 auto;
  transition: height .3s;
}

.report-table .table-scroller {
  margin-left: 145px;
  overflow-x: auto;
  overflow-y: visible;
  width: calc(100% - 145px);
  margin-bottom: 25px;
  transition: height .3s;
}

.report-table .city-cell {
  left: 20px;
  position: absolute;
  top: auto;
  width: 145px;
  padding-top: 11px;
  min-width: 0;
  text-align: left;
}

.report-table th.city-cell {
  padding-top: 15px;
}

.report-table th.city-cell .tablesorter-header-inner:before {
  top: 8px;
}

.report-table th.city-cell .tablesorter-header-inner:after {
  top: 14px;
}

.report-table th.city-cell:after {
  content: '';
  position: absolute;
  left: 0;
  top: -4px;
  height: 4px;
  width: 100%;
  background: #f5f6fa;
}

.report-table table {
  overflow: visible !important;
  border-collapse: collapse;
  border-top: 4px solid #f5f6fa;
}

.report-table table.tablesorter th {
  cursor: pointer;
}

.report-table table thead tr.tablesorter-ignoreRow th {
  cursor: default;
}

.report-table table thead tr:nth-child(2) {
  border-top: 4px solid #f5f6fa;
}

.report-table table thead tr th {
  color: #2d2926;
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  padding: 15px 20px 20px;
  vertical-align: top;
  min-width: 135px;
  position: relative;
}

.report-table table thead tr th .tablesorter-header-inner:after,
.report-table table thead tr th .tablesorter-header-inner:before {
  content: '';
  position: absolute;
  right: 7px;
  top: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5.5px 5px 5.5px;
  border-color: transparent transparent #06d0ff;
}

.report-table table thead tr th .tablesorter-header-inner:after {
  top: 16px;
  border-width: 5px 5.5px 0 5.5px;
  border-color: #06d0ff transparent transparent;
}

.report-table table thead tr th.tablesorter-headerAsc,
.report-table table thead tr th.tablesorter-headerDesc {
  background-color: #06d0ff;
}

.report-table table thead tr th.tablesorter-headerAsc .tablesorter-header-inner:after,
.report-table table thead tr th.tablesorter-headerDesc .tablesorter-header-inner:after {
  content: '';
  position: absolute;
  right: 10px;
  top: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5.5px 5px 5.5px;
  border-color: transparent transparent #fff;
}

.report-table table thead tr th:not(.no-hover).hover:before {
  content: '';
  width: 100%;
  transition: all .2s;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(6, 208, 255, 0.1);
}

.no-touchevents .report-table table thead tr th[colspan]:before,
.report-table table thead tr th.no-hover:before {
  display: none !important;
}

.no-touchevents .report-table table thead tr th:not(.tablesorter-headerAsc):not(.tablesorter-headerDesc):hover:before {
  content: '';
  width: 100%;
  transition: all .2s;
  position: absolute;
  left: 0;
  top: 0;
  bottom: -2px;
  background-color: rgba(6, 208, 255, 0.1);
}

.report-table table thead tr th.tablesorter-headerDesc .tablesorter-header-inner:after {
  border-width: 5px 5.5px 0 5.5px;
  border-color: #fff transparent transparent;
}

.report-table table thead tr th span {
  display: block;
  font-size: 10px;
  font-weight: 300;
}

.report-table table tbody tr:nth-child(odd) td {
  background-color: #f5f6fa;
}

.report-table table tbody tr:last-child td {
  border-bottom: 4px solid #f5f6fa;
}

.report-table table tbody tr:last-child .city-cell {
  border-bottom: none;
}

.report-table table tbody tr:last-child .city-cell:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 4px;
  width: 100%;
  background: #f5f6fa;
}

.report-table table tbody tr td {
  color: #2d2926;
  font-size: 12px;
  position: relative;
  text-align: center;
  height: 36px;
  font-weight: 300;
  padding: 0 30px;
  transition: all .2s;
}

.report-table table tbody tr td.hover:before {
  content: '';
  width: 100%;
  transition: all .2s;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(6, 208, 255, 0.1);
}

.report-table table tbody tr td.city-cell {
  font-size: 16px;
}

.download-pdf {
  height: 38px;
  background-color: #f2b742;
  border-radius: 4px;
  line-height: 34px !important;
  padding: 0 20px 0 45px;
  font-size: 16px;
  font-weight: 500;
  text-transform: none;
  float: right;
  margin-bottom: 55px;
  position: relative;
}

.download-pdf:before {
  content: '';
  position: absolute;
  left: 13px;
  top: 50%;
  width: 20px;
  height: 20px;
  transition: all .2s;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("../i/download-icon-white.svg") no-repeat 0 0/20px 20px;
}

.no-touchevents .download-pdf:hover:before {
  background: url("../i/download-icon-orange.svg") no-repeat 0 0/20px 20px;
}

.link-box {
  clear: both;
  text-align: center;
  margin-bottom: 60px;
}

.link-box a {
  margin: 0 20px 20px 0;
}

.link-box a:last-child {
  margin-right: 0;
}

.report-switcher {
  padding: 0 20px;
}

.report-switcher p {
  font-size: 16px;
  margin-bottom: 17px;
}

.report-switcher .row {
  margin: 0;
  margin: 0 -5px !important;
}

.report-switcher .row .row-item {
  padding: 0 5px !important;
}

.report-switcher .row a {
  color: #2b313e;
  text-align: center;
  font-size: 16px;
  width: 100%;
  border-radius: 4px;
  padding: 14px 10px;
  display: inline-block;
  border: 2px solid #ced8ea;
}

.report-switcher .row a span {
  border-bottom: 1px dashed #ced8ea;
}

.no-touchevents .report-switcher .row a:hover,
.report-switcher .row a.active {
  background: #06d0ff;
  color: #fff;
  border-color: #06d0ff;
}

.no-touchevents .report-switcher .row a:hover span,
.report-switcher .row a.active span {
  border-bottom: none;
}

.report-wrap {
  position: relative;
  overflow: hidden;
  transition: height .2s;
  padding: 30px 20px;
}

.report-wrap.show-modal {
  overflow: visible;
}

.report-wrap.empty {
  height: 400px;
  background: url("../i/empty-report.svg") no-repeat 50% 50%/140px auto;
}

.report-wrap.empty .type-switch,
.report-wrap.empty .download-pdf {
  display: none;
}

.report-wrap .type-switch {
  font-size: 0;
  margin-bottom: 20px;
  float: right;
  position: relative;
  z-index: 3;
}

.report-wrap .type-switch a {
  color: #2b313e;
  font-size: 12px;
  text-align: center;
  font-weight: 300;
  height: 30px;
  background-color: #f8f9fc;
  width: 80px;
  border-radius: 4px 0px 0px 4px;
  line-height: 30px;
  display: inline-block;
}

.report-wrap .type-switch a:last-child {
  border-radius: 0px 4px 4px 0px;
}

.report-wrap .type-switch a.active {
  background-color: #06d0ff;
}

.report-wrap .report-table {
  padding: 0;
  clear: both;
}

.report-wrap .report-table .city-cell {
  left: 0;
  text-align: left;
  width: 145px;
}

.report-wrap .report-table table {
  width: 100%;
}

.report-wrap .report-table table thead tr:first-child th {
  text-align: left;
  vertical-align: middle;
}

.report-wrap .report-table table thead th {
  min-width: 60px;
  text-align: center;
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0 !important;
}

.modal {
  background: #fff;
  padding: 1px 50px 27px;
  border-radius: 8px;
  box-shadow: 0 2px 65px rgba(94, 109, 148, 0.25);
  transition: opacity .2s;
  max-width: 1240px;
  margin: 40px auto;
}

.modal h3 {
  padding: 0 30px;
  color: #2d2926;
  font-size: 28px;
  font-weight: 700;
  margin: 50px 0 31px;
}

.modal h3 select {
  height: 40px;
}

.modal .mfp-close {
  position: absolute;
  right: 27px;
  top: 27px;
  cursor: pointer;
  background: url("../i/close-black.png") no-repeat 0 0;
  width: 18px;
  height: 18px;
  padding: 0;
  text-indent: -10000px;
  border: none;
  transition: all .2s;
}

.no-touchevents .modal .mfp-close:hover {
  opacity: .75;
}

.modal form label {
  color: #2b313e;
  font-size: 12px;
  font-weight: 300;
  display: block;
  margin-bottom: 8px;
}

.modal form .main-param {
  border-bottom: 2px solid #f8f9fc;
  padding: 0 30px 11px;
  margin-bottom: 24px;
}

.modal form .main-param .field-wrap {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 15px;
}

.modal form .main-param .field-wrap.error .select2-container--default .select2-selection--multiple {
  border-color: red;
}

.modal form .sel-city-wrap {
  width: 285px;
}

.modal form .sel-city-wrap .select-wrap {
  width: 210px;
  padding-right: 45px;
}

.modal form .sel-param-wrap {
  width: 380px;
}

.modal form .sel-param-wrap .select-wrap {
  width: 345px;
  padding-right: 45px;
}

.modal form .sel-index-wrap {
  width: 590px;
}

.modal form .add-param {
  padding: 0 30px 47px;
  border-bottom: 2px solid #f8f9fc;
  margin-bottom: 28px;
}

.modal form .add-param .label {
  color: #2b313e;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 23px;
}

.modal form .add-param .select-wrap {
  padding-left: 38px;
}

.modal form .add-param .radio-box {
  margin-bottom: 30px;
}

.modal form .add-param .radio-box:last-child {
  margin-bottom: 0;
}

.modal form .add-param .radio-box.unchecked {
  opacity: .7;
}

.modal form .add-param .row {
  margin: 0 -10px -20px;
}

.modal form .add-param .row .row-item {
  padding: 0 10px;
  margin-bottom: 20px;
}

.modal form .add-param .row .row-item p {
  margin-bottom: 9px;
}

.modal form .build-report {
  font-size: 16px;
  float: right;
  text-transform: none;
  height: 38px;
  padding: 0 20px;
}

/**
 * Fade-zoom animation for first dialog
 */

/* start state */

.my-mfp-zoom-in .modal {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

/* animate in */

.my-mfp-zoom-in.mfp-ready .modal {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/* animate out */

.my-mfp-zoom-in.mfp-removing .modal {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}

/* Dark overlay, start state */

.my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}

/* animate in */

.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* animate out */

.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

#chart-box {
  display: none;
  height: 500px;
  margin-bottom: 40px;
}

input[type="checkbox"],
input[type="radio"] {
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 17px;
  height: 17px;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
  cursor: pointer;
}

input[type="checkbox"]:not(checked),
input[type="radio"]:not(checked) {
  position: absolute;
  opacity: 0;
}

.select2-container--default .select2-selection--single {
  background-color: #f8f9fc;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 40px;
  border-color: #f8f9fc;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #2b313e;
  line-height: 38px;
  font-size: 12px;
  padding: 0 20px;
  font-weight: 300;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
  width: 40px;
  top: 0;
  right: -42px;
  background-color: #f8f9fc;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: none;
  background: url("../i/sel-arrow.png") no-repeat 0 0;
  width: 12px;
  height: 5px;
  margin: -2px 0 0 -6px;
  left: 50%;
  top: 50%;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.select2-dropdown {
  background-color: #f8f9fc;
  border-color: #f8f9fc;
}

.select2-dropdown ul {
  padding: 8px;
}

.select2-dropdown .select2-results__option {
  color: #2b313e;
  font-size: 12px;
  padding: 6px 12px;
  margin-bottom: 7px;
  font-weight: 300;
}

.select2-dropdown .select2-results__option:last-child {
  margin-bottom: 0;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  border-radius: 2px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #06d0ff;
  border-radius: 2px;
  color: #2b313e;
}

form .message-box {
  float: left;
  max-width: 80%;
}

form .message-box p {
  color: red;
  font-size: 14px;
}

form .select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #f8f9fc;
  border-color: #f8f9fc;
}

form .select2-container--default .select2-selection--multiple {
  background-color: #f8f9fc;
  border-radius: 4px;
  min-height: 38px;
  border: 1px solid #f8f9fc;
  padding: 7px 10px 1px;
}

form .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #f8f9fc;
}

form .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  min-height: 29px;
}

form .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  padding: 0 30px 0 10px;
  margin: 0 7px 7px 0;
  background-color: #ced8ea;
  border-radius: 2px;
  color: #2d2926;
  font-size: 12px;
  height: 22px;
  font-weight: 300;
  position: relative;
  border: none;
  line-height: 1.777em;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}

form .select2-container--default .select2-selection--multiple .select2-selection__rendered li:before {
  display: none;
}

form .select2-container--default .select2-selection--multiple .select2-selection__rendered li:last-child {
  margin-right: 0;
}

form .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline {
  background: transparent;
  display: none !important;
}

form .select2-container .select2-search--inline .select2-search__field {
  margin-top: 0;
  height: 22px;
}

form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  position: absolute;
  right: 10px;
  top: 0;
}

.radio-box input + label {
  display: inline-block;
  padding-left: 38px;
  position: relative;
  color: #2d2926;
  font-size: 16px;
  font-weight: 300;
}

.radio-box input + label:before {
  width: 24px;
  height: 24px;
  border: 2px solid #ced8ea;
  content: '';
  box-sizing: border-box;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: -2px;
  transition: all .2s;
}

.radio-box input + label:after {
  content: '';
  width: 14px;
  height: 14px;
  background-color: #06d0ff;
  box-sizing: border-box;
  position: absolute;
  top: 3px;
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  left: 5px;
  border-radius: 50%;
  transition: all .2s;
}

.no-touchevents .radio-box input + label:hover:before {
  border: 2px solid #06d0ff;
}

.radio-box input:checked + label:before {
  border: 2px solid #06d0ff;
}

.radio-box input:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.radio-box.error input + label:before {
  border-color: red;
}

.radio-box .select-wrap.error .select2-container--default .select2-selection--multiple {
  border-color: red;
}

.error .check-box input + label:before {
  border-color: red;
}

.check-box input + label {
  display: inline-block;
  padding-left: 28px;
  position: relative;
  color: #2d2926;
  font-size: 16px;
  font-weight: 300;
}

.check-box input + label:before {
  width: 16px;
  height: 16px;
  background-color: #f5f6fa;
  border: 1px solid #ced8ea;
  border-radius: 1px;
  content: '';
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 2px;
  transition: all .2s;
}

.check-box input + label:after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  left: 4px;
  top: 7px;
  background: url("../i/check.png") no-repeat 0 0;
  width: 8px;
  height: 6px;
  transition: all .2s;
}

.no-touchevents .check-box input + label:hover:before {
  border-color: #06d0ff;
}

.check-box input:checked + label:before {
  background-color: #06d0ff;
  border-color: #06d0ff;
}

.check-box input:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

footer {
  background-color: #f8f9fc;
  padding: 95px 0 130px;
  position: relative;
  z-index: 3;
  overflow: hidden;
}

footer:before {
  content: '';
  position: absolute;
  right: -20px;
  bottom: 0;
  opacity: .5;
  background: url("../i/icon-7.svg") no-repeat 0 0;
  width: 616px;
  z-index: -1;
  height: 212px;
}

footer .container {
  font-size: 0;
}

footer .copyright {
  width: 16.666666%;
  display: inline-block;
  vertical-align: top;
}

footer .copyright p {
  color: #2b313e;
  font-size: 14px;
  font-weight: 300;
}

footer .meta-info {
  width: 83.333334%;
  display: inline-block;
  vertical-align: top;
}

footer .meta-info .row {
  margin: 0 -15px;
}

footer .meta-info .row .row-item {
  padding: 0 15px;
}

footer .meta-info .row .row-item h4 {
  color: #2b313e;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 15px;
}

footer .meta-info .row .row-item p {
  color: #2b313e;
  font-weight: 300;
  font-size: 14px;
  margin-bottom: 15px;
}

footer .meta-info .row .row-item p:last-child {
  margin-bottom: 0;
}

footer .meta-info .row .row-item p a {
  color: #1cabe2;
  font-weight: 300;
}

.no-touchevents footer .meta-info .row .row-item p a:not([href^="tel"]):hover {
  text-decoration: underline;
}

@media (max-width: 1366px) {
  .indent-left {
    margin-left: 16.666666%;
  }

  .top-box .container .inner-box {
    padding: 165px 0 80px;
  }

  .top-box .container .text {
    width: 57.933334%;
  }

  .top-box .container .img-wrap {
    width: 25.4%;
  }

  .top-box .container h2 {
    font-size: 48px;
  }

  .top-box .container p {
    font-size: 24px;
  }

  .parliament .text {
    width: 57.933334%;
  }

  .parliament .text h2 {
    font-size: 36px;
  }

  .parliament .text p {
    font-size: 18px;
  }

  .parliament .img-wrap {
    width: 25.4%;
  }
}

@media (max-width: 1250px) {
  .photo-gallery {
    margin: 80px 0 65px;
  }
}

@media (max-width: 1150px) {
  .indent-left {
    margin-left: 0;
  }

  .top-box .container .text {
    width: 74.6%;
  }

  .parliament .text {
    width: 74.6%;
  }

  .news .row {
    margin: 0 -10px;
  }

  .news .row .row-item {
    padding: 0 10px;
  }
}

@media (max-width: 1024px) {
  html.menu-open {
    overflow-y: hidden;
  }

  header {
    padding: 13px 0 20px;
  }

  header .logo {
    margin-top: 0;
  }

  header .top-header {
    margin-bottom: 0;
    margin-top: 14px;
  }

  header .top-header .search-box {
    margin-right: 20px;
    position: static;
    vertical-align: top;
    white-space: normal;
  }

  .search-open header .top-header .search-box form {
    position: absolute;
    left: 20px;
    vertical-align: middle;
    overflow: visible;
    top: 45px;
    width: auto;
    right: 20px;
    padding-top: 15px;
  }

  header .top-header .search-box input {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1) !important;
    background: #fff;
    color: #000;
    height: 40px;
    font-size: 16px;
    padding: 0 30px 0 10px;
    border: 1px solid #fff;
  }

  header .top-header .search-box .search-btn {
    position: absolute;
    right: 0;
    top: 15px;
    display: block;
    width: 30px;
    height: 40px;
    background: url("../i/search-icon-blue.png") no-repeat 50% 50%/16px 16px;
  }

  header .top-header .search-box .search-open-btn {
    position: relative;
  }

  header .top-header .search-box .search-open-btn.visible {
    display: inline-block;
  }

  header .top-header .lang {
    vertical-align: top;
  }

  header nav {
    float: none;
    position: fixed;
    right: -360px;
    width: 360px;
    top: 0;
    height: 100%;
    overflow-y: auto;
    background: #fff;
    padding: 0 20px;
    transition: right .2s;
  }

  .menu-open header nav {
    right: 0;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  }

  header nav > ul {
    padding-top: 90px;
    padding-bottom: 40px;
  }

  header nav > ul > .has-child > a {
    position: relative;
  }

  header nav > ul > .has-child > a:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    vertical-align: middle;
    border-width: 8px 7px 0 7px;
    border-color: rgba(0, 0, 0, 0.5) transparent transparent transparent;
  }

  header nav > ul > .nav-visible.has-child > a:after,
  header nav > ul > .nav-mob-visible > a:after {
    border-width: 0 7px 8px 7px;
    border-color: transparent transparent rgba(0, 0, 0, 0.5) transparent;
  }

  header nav > ul > li {
    display: block;
    margin-right: 0;
    margin-bottom: 7px;
  }

  header nav > ul > li:last-child {
    margin-bottom: 0;
  }

  header nav > ul > li > a {
    color: #2d2926;
    padding: 13px 40px 15px 30px;
    display: block;
    font-size: 20px;
  }

  header nav > ul > li.active > a {
    background-color: rgba(159, 201, 233, 0.3);
  }

  header nav > ul > li > ul {
    position: relative;
    box-shadow: none;
    width: auto;
    left: auto;
    margin-left: 0;
    top: auto;
    opacity: 1;
    visibility: visible;
    padding: 15px 0;
    display: none;
  }

  header nav > ul > li > ul > li {
    margin-bottom: 4px;
  }

  header nav > ul > li > ul > li:last-child {
    margin-bottom: 0;
  }

  header nav > ul > li > ul > li:first-child {
    padding: 0;
    border-radius: 0;
  }

  header nav > ul > li > ul > li:last-child {
    padding: 0;
    border-radius: 0;
  }

  header nav > ul > li > ul > li a {
    padding: 6px 0 6px 45px;
  }

  header nav > ul > li > ul > li.nav-visible > ul,
  header nav > ul > li > ul > li.nav-mob-visible > ul {
    display: block;
  }

  header nav > ul > li > ul > li.has-child.nav-visible > a:after,
  header nav > ul > li > ul > li.nav-mob-visible > a:after {
    border-width: 0 4px 4px 4px !important;
    -webkit-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    border-color: transparent transparent rgba(0, 0, 0, 0.5) transparent !important;
  }

  header nav > ul > li > ul > li.has-child > a:after {
    position: relative;
    right: auto;
    top: auto;
    transition: all 0s;
    -webkit-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    border-width: 4px 4px 0 4px;
    border-color: rgba(0, 0, 0, 0.5) transparent transparent transparent;
  }

  header nav > ul > li > ul li {
    padding: 0;
  }

  header nav > ul > li > ul li a {
    font-size: 15px;
  }

  header nav > ul > li > ul li ul {
    position: relative;
    width: auto;
    left: auto;
    margin-left: 0;
    top: auto;
    opacity: 1;
    box-shadow: none;
    display: none;
    visibility: visible;
    padding: 10px 0 2px;
  }

  header nav > ul > li > ul li ul li {
    margin-bottom: 4px;
  }

  header nav > ul > li > ul li ul li a {
    padding: 6px 0 6px 60px;
  }

  header nav > ul > li.nav-visible > ul,
  header nav > ul > li.nav-mob-visible > ul {
    display: block;
  }

  #menu-toggle-wrapper {
    display: inline-block;
    margin-left: 20px;
  }

  .top-box .container .inner-box {
    padding: 130px 0 80px;
  }

  .city .join-link {
    display: table;
    margin: 0 auto;
  }

  .parliament .blog.row {
    margin: 0 -25px;
  }

  .parliament .blog.row .row-item {
    padding: 0 25px;
  }
}

@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1024px) and (min-resolution: 144dpi) {
  header .top-header .search-box .search-btn {
    background: url("../i/search-icon-blue-x2.png") no-repeat 50% 50%/16px 16px !important;
  }
}

@media (max-width: 1024px) and (max-width: 360px) {
  header nav {
    width: 100%;
    right: -100%;
  }
}

@media (max-width: 960px) {
  .content .row {
    margin: 65px -25px;
  }

  .content .table-wrap {
    margin: 65px 0;
  }

  span.center {
    margin: 35px 0;
  }

  header nav > ul > li > ul:after {
    display: none;
  }

  .news .row .row-item {
    width: 50%;
  }

  main .downloads-box {
    margin: 60px 0;
  }

  .report-wrap.empty {
    height: 400px !important;
  }

  .modal form .add-param .row .row-item {
    width: 33.333333%;
  }
}

@media (max-width: 860px) {
  .top-box {
    height: auto;
    min-height: 0;
  }

  .top-box .container .text {
    width: 100%;
  }

  .top-box .container .img-wrap {
    display: none;
  }

  .city .icon {
    display: none;
  }

  .city .text {
    width: 100%;
  }

  .city-list a {
    font-size: 20px;
  }

  .parliament {
    padding: 50px 0;
  }

  .parliament .text {
    width: 100%;
  }

  .parliament .img-wrap {
    display: none;
  }

  .parliament .blog.row .row-item {
    width: 50%;
    margin-bottom: 30px;
  }

  .parliament .blog.row .row-item:last-child {
    margin-bottom: 0;
  }

  .monitoring {
    padding: 50px 0 30px;
  }

  .monitoring .icon {
    display: none;
  }

  .monitoring .text {
    width: 100%;
  }

  .monitoring .row {
    margin: 45px -10px 0;
  }

  .monitoring .row .row-item a {
    padding: 15px 20px;
  }

  .social-likes {
    left: 0;
    top: auto;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    text-align: center;
    width: 100%;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 12px 21px;
  }

  .social-likes .social-likes__widget {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 15px;
    border-radius: 0;
    width: 40px;
    font-size: 22px;
    line-height: 38px;
    height: 40px;
  }

  footer {
    padding: 55px 0 45px;
  }

  footer .copyright {
    width: 100%;
    margin-bottom: 30px;
  }

  footer .meta-info {
    width: 100%;
  }
}

@media (max-width: 767px) {
  main h1 {
    font-size: 40px;
  }

  .content .row {
    margin: 40px -25px;
  }

  .content .row.three-in-row .row-item {
    width: 50%;
  }

  .content .table-wrap {
    margin: 40px 0;
  }

  .simple-btn:before {
    right: 13px;
  }

  .photo-gallery {
    margin: 40px -20px 10px;
  }

  main .downloads-box {
    margin: 40px 0;
  }

  main .pager ul li {
    margin-top: 0;
    height: 30px;
    line-height: 30px;
  }

  main .pager ul li.prev {
    float: none;
  }

  main .pager ul li.prev a:before {
    left: 13px;
  }

  main .pager ul li.next {
    float: none;
  }

  main .pager ul li.next a:before {
    right: 13px;
  }

  main .pager ul li.prev,
  main .pager ul li.next {
    width: 30px;
  }

  main .pager ul li.prev a,
  main .pager ul li.next a {
    text-indent: -10000px;
  }

  .back:before {
    left: 13px;
  }

  .report-filter .field-wrap {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }

  .report-filter .btn {
    float: none;
    margin-top: 0;
  }

  .report-switcher .row a {
    font-size: 14px;
  }

  .my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .8 !important;
  }

  .modal h3 {
    padding: 0;
  }

  .modal form .main-param {
    padding: 0 0 11px;
  }

  .modal form .sel-index-wrap {
    width: 100%;
  }

  .modal form .add-param {
    padding: 0 0 45px;
  }

  .modal form .add-param .select-wrap {
    padding-left: 0;
  }

  .modal form .add-param .row .row-item {
    width: 50%;
  }
}

@media (max-width: 640px) {
  .news .row .row-item {
    width: 100%;
  }

  .photo-gallery .photo-grid .photo-grid-item,
  .photo-gallery .photo-grid .grid-sizer {
    width: 50%;
  }

  .title {
    float: none;
    margin-bottom: 25px;
  }

  .archive {
    float: none;
    margin: 0 0 30px;
  }

  .news-inner main h1 {
    font-size: 32px;
  }

  .report-table .table-scroller {
    margin-left: 120px;
    width: calc(100% - 120px);
  }

  .report-table .city-cell {
    width: 120px;
  }

  .report-table table tbody tr td {
    padding: 0 15px;
  }

  .report-table table tbody tr td.city-cell {
    font-size: 12px;
  }

  .report-wrap .report-table .city-cell {
    width: 120px;
  }

  .modal {
    padding: 1px 20px 27px;
  }

  footer .meta-info .row .row-item {
    width: 50%;
    margin-bottom: 20px;
  }

  footer .meta-info .row .row-item:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 640px) and (max-width: 480px) {
  footer .meta-info .row .row-item {
    width: 100%;
  }
}

@media (max-width: 540px) {
  main h1 {
    font-size: 32px;
  }

  main h2 {
    font-size: 28px;
  }

  main p {
    font-size: 16px;
  }

  main p.important {
    font-size: 20px;
  }

  main ol li:before {
    font-size: 16px;
  }

  main blockquote {
    margin: 40px 0;
  }

  main blockquote p {
    font-size: 20px;
  }

  .content {
    padding: 40px 20px 20px;
  }

  .content .row {
    margin: 25px -25px;
  }

  .content .row.three-in-row .row-item {
    width: 100%;
    margin-bottom: 25px;
  }

  .content .row.three-in-row .row-item:last-child {
    margin-bottom: 0;
  }

  .content .row .row-item {
    width: 100%;
    margin-bottom: 25px;
  }

  .content .row .row-item:last-child {
    margin-bottom: 0;
  }

  img.left,
  span.left {
    float: none;
    margin: 0 0 30px;
    max-width: 100%;
  }

  img.right,
  span.right {
    float: none;
    margin: 0 0 20px;
    max-width: 100%;
  }

  span.left,
  span.right {
    display: block;
  }

  span.left img:last-child,
  span.right img:last-child {
    margin: 0 auto;
  }

  span.left img,
  span.right img {
    margin: 0 auto;
  }

  header {
    padding: 13px 0;
  }

  header .logo {
    width: 127px;
    height: 26px;
    background: url("../i/logo-x2.png") no-repeat 0 0/127px 26px !important;
  }

  header .logo.en {
    background: url("../i/logo-en-x2.png") no-repeat 0 0/127px 26px !important;
  }

  header .top-header {
    margin-top: 1px;
  }

  .search-open header .top-header .search-box form {
    top: 30px;
  }

  header .top-header .lang a {
    margin-right: 0;
  }

  header .top-header .lang a.active {
    display: none;
  }

  .top-box .container .inner-box {
    padding: 110px 0 80px;
  }

  .top-box .container h2 {
    font-size: 34px;
  }

  .top-box .container p {
    font-size: 20px;
  }

  .city-list {
    margin: 45px 0 40px;
  }

  .city-list a {
    font-size: 16px;
    margin: 0 2px 4px;
    padding: 4px 10px;
  }

  .parliament .text h2 {
    font-size: 28px;
  }

  .parliament .text p {
    font-size: 16px;
  }

  .parliament h3 {
    font-size: 22px;
  }

  .parliament .blog.row .row-item {
    width: 100%;
  }

  .monitoring .row .row-item {
    width: 100%;
    margin-bottom: 20px;
  }

  .monitoring .row .row-item:last-child {
    margin-bottom: 0;
  }

  .news .row .row-item h3 {
    font-size: 16px;
  }

  main .downloads-box .size {
    width: 60px;
  }

  main .downloads-box a {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 16px;
    width: calc(100% - 65px);
  }

  main .downloads-box a:before {
    right: 10px;
    display: none;
  }

  .error-page .error-text {
    padding: 80px 0;
  }

  .error-page .error-text p.num {
    font-size: 140px;
  }

  .search-form {
    margin: 40px 0 30px;
  }

  .search-form .field-wrap {
    padding-right: 0;
  }

  .search-form .field-wrap input {
    padding: 0 45px 0 15px;
  }

  .search-form .field-wrap button {
    background: #f2b742 url("../i/search-icon.png") no-repeat 50% 50%;
    text-indent: -10000px;
    width: 38px;
  }

  .no-touchevents .search-form .field-wrap button:hover {
    background: transparent url("../i/search-icon-hover.png") no-repeat 50% 50%;
  }

  .result-search-box {
    margin: 0 0 50px;
  }

  main .pager {
    margin-bottom: 50px;
  }

  .news-inner main h1 {
    font-size: 26px;
  }

  .link-box {
    float: none;
  }

  .link-box a {
    display: table;
    padding: 0 30px 0 12px;
  }

  .link-box a:last-child {
    margin-bottom: 0;
  }

  .modal form .add-param .row {
    margin-bottom: 0;
  }

  .modal form .add-param .row .row-item {
    width: 100%;
  }

  .modal form .add-param .row .row-item:last-child {
    margin-bottom: 0;
  }

  .modal form .build-report {
    float: none;
    display: table;
    margin: 0 auto;
  }

  form .message-box {
    margin-bottom: 20px;
    text-align: center;
    float: none;
    max-width: 100%;
    clear: both;
  }
}

@media only screen and (max-width: 540px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 540px) and (min-resolution: 144dpi) {
  .search-form .field-wrap button {
    background: #f2b742 url("../i/search-icon-x2.png") no-repeat 50% 50%/16px 16px;
  }

  .no-touchevents .search-form .field-wrap button:hover {
    background: transparent url("../i/search-icon-hover-x2.png") no-repeat 50% 50%/16px 16px;
  }
}

@media (max-width: 480px) {
  .content .table-wrap {
    margin: 40px -25px;
  }

  span.left,
  span.right {
    margin: 0 -20px 30px;
    max-width: none;
  }

  span.center {
    margin: 20px -20px;
    padding: 0;
    border: none;
  }

  .photo-gallery .photo-grid {
    margin: 0 -5px;
  }

  .photo-gallery .photo-grid .photo-grid-item,
  .photo-gallery .photo-grid .grid-sizer {
    padding: 0 5px;
    margin-bottom: 10px;
  }

  main .downloads-box {
    margin: 40px -20px;
  }

  .videoWrapper {
    padding-bottom: calc(56.25% + 40px);
    margin: 0 -20px;
  }

  main .pager ul li a,
  main .pager ul li span {
    width: 23px;
  }

  main .pager ul li span {
    width: auto;
  }

  .report-table {
    padding: 0;
  }

  .report-table .city-cell {
    left: 0;
  }

  .download-pdf {
    float: none;
    margin-bottom: 30px;
  }

  .report-wrap .report-table {
    margin: 0 -20px;
  }

  .modal form .sel-param-wrap .select-wrap {
    width: 100%;
  }

  .modal form .sel-param-wrap {
    width: 100%;
  }

  .modal form .build-report {
    width: 100%;
  }

  #chart-box {
    margin: 0 -20px 30px;
  }
}

@media (max-width: 360px) {
  .news .row .row-item .box {
    max-width: none;
    margin: 0 -20px;
  }

  .report-filter .field-wrap .select-wrap {
    width: 100%;
  }

  .download-pdf {
    width: 100%;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .simple-btn:before {
    background: url("../i/pager-prev-x2.png") no-repeat 0 0/4px 11px;
  }

  .no-touchevents .simple-btn:hover:before {
    background: url("../i/pager-prev-white-x2.png") no-repeat 0 0/4px 11px;
  }

  header .logo {
    background: url("../i/logo-x2.png") no-repeat 0 0/230px 47px;
  }

  header .logo.en {
    background: url("../i/logo-en-x2.png") no-repeat 0 0/230px 47px;
  }

  header .top-header .search-box .search-btn,
  header .top-header .search-box .search-open-btn {
    background: url("../i/search-icon-x2.png") no-repeat 0 0/16px 16px;
  }

  header .top-header .search-box .search-open-btn.visible {
    background: url("../i/close-x2.png") no-repeat 50% 50%/16px 16px !important;
  }

  main .pager ul li.prev a:before {
    background: url("../i/pager-prev-x2.png") no-repeat 0 0/4px 11px;
  }

  main .pager ul li.next a:before {
    background: url("../i/pager-prev-x2.png") no-repeat 0 0/4px 11px;
  }

  .back:before {
    background: url("../i/pager-prev-x2.png") no-repeat 0 0/4px 11px;
  }

  .modal .mfp-close {
    background: url("../i/close-black-x2.png") no-repeat 0 0/18px 18px;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background: url("../i/sel-arrow-x2.png") no-repeat 0 0/12px 5px;
  }

  .check-box input + label:after {
    background: url("../i/check.png") no-repeat 0 0/8px 6px;
  }
}
/*# sourceMappingURL=../maps/main.css.map */