.inline {
  float: left;
}

.clear-both {
  clear: both;
}

.common-link {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, .15);
  -webkit-transition: color 0.25s ease-out, border-color 0.25s ease-out;
  transition: color 0.25s ease-out, border-color 0.25s ease-out;
}

.common-link:hover {
  color: #dc322f;
  border-color: rgba(220, 50, 47, .15);
}

body {
  margin: 0;
}

.datalab-footer {
  margin: 40px 0 0 40px;
  width: 1155px;
  box-sizing: border-box;
}

.datalab-footer {
  font-family: 'HelveticaNeueRegular', 'HelveticaNeue-Regular', 'Helvetica Neue Regular', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  font-size: 12px;
}

.datalab-footer__viz-caption {
  display: inline-block;
}

.datalab-footer__viz-caption .datalab-caption {
  font-family: 'OriginalGaramondBTWebItalic';
  font-size: 13px;
}

.datalab-footer__data-caption {
  display: inline-block;
  margin-left: 20px;
}

.likely {
  display: inline-block;
  float: right;
  font-size: 12px;
}

@font-face {
	font-family: 'OriginalGaramondBTWebItalic';
	src: url('../fonts/Original Garamond Italic/ORG46__W.eot');
	src: url('../fonts/Original Garamond Italic/ORG46__W.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/Original Garamond Italic/ORG46__W.woff') format('woff'),
	     url('../fonts/Original Garamond Italic/ORG46__W.ttf') format('truetype'),
	     url('../fonts/Original Garamond Italic/ORG46__W.svg#OriginalGaramondBTWeb-Italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

.loading-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 999;
}

.loading-cover__dl-symbol {
  position: absolute;
  width: 57px;
  height: 40px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@-webkit-keyframes first-rect-keyframes {
  0% {-webkit-transform: translateX(0px);transform: translateX(0px);}
  100% {-webkit-transform: translateX(1100px);transform: translateX(1100px);}
}

@keyframes first-rect-keyframes {
  0% {-webkit-transform: translateX(0px);transform: translateX(0px);}
  100% {-webkit-transform: translateX(1100px);transform: translateX(1100px);}
}

@-webkit-keyframes second-rect-keyframes {
  0% {-webkit-transform: translateX(-1099px);transform: translateX(-1099px);}
  100% {-webkit-transform: translateX(1px);transform: translateX(1px);}
}

@keyframes second-rect-keyframes {
  0% {-webkit-transform: translateX(-1099px);transform: translateX(-1099px);}
  100% {-webkit-transform: translateX(1px);transform: translateX(1px);}
}

.loading-cover__dl-symbol .first-rect {
  -webkit-animation: first-rect-keyframes 5s linear infinite;
          animation: first-rect-keyframes 5s linear infinite;
}

.loading-cover__dl-symbol .second-rect {
  -webkit-animation: second-rect-keyframes 5s linear infinite;
          animation: second-rect-keyframes 5s linear infinite;
}



.chart {
  font-family: 'HelveticaNeueRegular', 'HelveticaNeue-Regular', 'Helvetica Neue Regular', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  font-size: 12px;
  fill: #333;
}

.chart__svg {
  display: block;
}

.chart__svg .axis line, .chart__svg .axis path {
  fill: none;
  stroke: #333;
  stroke-width: .1;
  display: none;
}

.chart__svg .industry path {
  pointer-events: none;
}

.chart__svg .ratios {
  pointer-events: none;
}

.chart__svg .zone {
  pointer-events: none;
}

.chart__svg .date-caption {
  font-family: 'HelveticaNeueBold', 'HelveticaNeue-Bold', 'Helvetica Neue Bold', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  font-size: 24px;
  fill: #ccc;
  pointer-events: none;
}

.chart__tooltip {
  position: absolute;
  display: none;
  padding: 3px;
  background-color: rgba(255, 255, 255, .7);
  border-radius: 3px;
  text-align: left;
  font-size: 12px;
  z-index: 1;
}

.checkboxes .checkbox {
  font-family: 'HelveticaNeueRegular', 'HelveticaNeue-Regular', 'Helvetica Neue Regular', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.checkboxes .checkbox label {
  cursor: pointer;
}

.checkboxes .checkbox input {
  margin-right: 5px;
  font-size: 16px;
  cursor: pointer;
}

.checkboxes .checkbox:not(:first-child) {
  margin-left: 20px;
}

.date-slider {
	position: relative;
	display: block;
	width: 100%;
	height: 36px;
}

.date-slider__year-captions {
	position: relative;
}

.date-slider__year-captions .caption {
	position: absolute;
	top: -14px;
	font-family: 'HelveticaNeueRegular', 'HelveticaNeue-Regular', 'Helvetica Neue Regular', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
	font-size: 12px;
}

.date-slider__month-captions {
	position: relative;
}

.date-slider__month-captions .caption {
	position: absolute;
	font-family: 'HelveticaNeueRegular', 'HelveticaNeue-Regular', 'Helvetica Neue Regular', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
	font-size: 12px;
}

.date-slider__handle {
	position: absolute;
	top: 14px;
	width: 17px;
	height: 22px;
	background-image: url(../img/accessories/slider-handle.png);
	background-size: 17px 22px;
	cursor: pointer;
}

.legend {
  font-family: 'HelveticaNeueRegular', 'HelveticaNeue-Regular', 'Helvetica Neue Regular', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.legend__header {
  margin: 0 0 5px 22px;
  width: 148px;
}

.legend__header .first {
  font-weight: bold;
  float: left;
}

.legend__header .second {
  float: right;
}

.legend__table {
  border-spacing: 0;
}

.legend__table tr {
  color: #bbb;
}

.legend__table tr.active {
  color: #000;
}

.legend__table tr:hover {
  color: red;
  cursor: pointer;
}

.legend__table td {
  vertical-align: top;
  padding: 0 0 3px 5px;
}

.legend__table td.icon {
  width: 14px;
  height: 14px;
}

.legend__table td.numerical {
  text-align: right;
  padding-left: 15px;
}

.legend__table .color-sample {
  width: 12px;
  height: 12px;
  border-radius: 7px;
  opacity: .7;
}

.player__play-button {
  width: 14px;
  height: 14px;
  background-image: url(../img/accessories/play-button.png);
  background-size: 14px 14px;
  cursor: pointer;
}

.player__stop-button {
  width: 14px;
  height: 14px;
  background-image: url(../img/accessories/stop-button.png);
  background-size: 14px 14px;
  cursor: pointer;
}

.head {
  margin: 20px 0 0 40px;
  font-family: 'HelveticaNeueRegular', 'HelveticaNeue-Regular', 'Helvetica Neue Regular', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  font-size: 27px;
}

.head__moscow-star {
  width: 22px;
  height: 21px;
  margin-right: 2px;
}

.checkboxes-container {
  margin: 29px 0 0 60px;
}

.date-slider-container {
  margin: 20px 0 0 40px;
  width: 936px;
}

.player-container {
  margin: 20px 0 0 0;
  width: 14px;
  height: 14px;
}

.content {
  margin-top: 10px;
}

.content__chart {
  width: 540px;
  height: 440px;
}

.legend-container {
  position: absolute;
  top: 73px;
  left: 1025px;
}