*, *::before, *::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

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, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var,
u, center, dl, dt, dd, li, caption, tbody, tfoot, thead, tr, th,
fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-size: 100%;
  font: inherit;
  border: 0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  /*    line-height:1;*/ }

ol, ul {
  /*    list-style: none;*/ }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none; }

/*table{
    border-collapse:collapse;
    border-spacing:0;
}*/
html, body {
  height: 100%; }

a {
  text-decoration: none;
  outline: 0; }

section, div, input, textarea {
  box-sizing: border-box; }

/* ------------------------------------------- */
.flex, .video__header, .video__header-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -o-flex;
  display: flex; }

/* ------------------------------------------- */
.label, .button_white {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

h1, h2, h3, h4, h5, h6 {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

/* ------------------------------------------- */
@font-face {
  font-family: "RobotoRegular";
  src: url("../fonts/RobotoRegular/RobotoRegular.eot");
  src: url("../fonts/RobotoRegular/RobotoRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoRegular/RobotoRegular.woff") format("woff"), url("../fonts/RobotoRegular/RobotoRegular.ttf") format("truetype"), url("../fonts/RobotoRegular/RobotoRegular.svg#partnercondensedbold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "RobotoLight";
  src: url("../fonts/RobotoLight/RobotoLight.eot");
  src: url("../fonts/RobotoLight/RobotoLight.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoLight/RobotoLight.woff") format("woff"), url("../fonts/RobotoLight/RobotoLight.ttf") format("truetype"), url("../fonts/RobotoLight/RobotoLight.svg#partnercondensedbold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "RobotoThin";
  src: url("../fonts/RobotoThin/RobotoThin.eot");
  src: url("../fonts/RobotoThin/RobotoThin.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoThin/RobotoThin.woff") format("woff"), url("../fonts/RobotoThin/RobotoThin.ttf") format("truetype"), url("../fonts/RobotoThin/RobotoThin.svg#partnercondensedbold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "CoventryC";
  src: url("../fonts/CoventryC/CoventryC.eot");
  src: url("../fonts/CoventryC/CoventryC.eot?#iefix") format("embedded-opentype"), url("../fonts/CoventryC/CoventryC.woff") format("woff"), url("../fonts/CoventryC/CoventryC.ttf") format("truetype"), url("../fonts/CoventryC/CoventryC.svg#partnercondensedbold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans/OpenSans.eot");
  src: url("../fonts/OpenSans/OpenSans.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSans.woff") format("woff"), url("../fonts/OpenSans/OpenSans.ttf") format("truetype"), url("../fonts/OpenSans/OpenSans.svg#partnercondensedbold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "OpenSansLight";
  src: url("../fonts/OpenSansLight/OpenSansLight.eot");
  src: url("../fonts/OpenSansLight/OpenSansLight.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSansLight/OpenSansLight.woff") format("woff"), url("../fonts/OpenSansLight/OpenSansLight.ttf") format("truetype"), url("../fonts/OpenSansLight/OpenSansLight.svg#partnercondensedbold") format("svg");
  font-weight: normal;
  font-style: normal; }
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }

h1 {
  padding-bottom: 40px;
  line-height: 38px;
  color: #2A2A30;
  font-size: 32px; }
  @media only screen and (max-width: 670px) {
    h1 {
      padding-bottom: 24px; } }

h2 {
  line-height: 38px;
  font-size: 32px;
  font-weight: bold; }
  @media only screen and (max-width: 670px) {
    h2 {
      line-height: 28px;
      font-size: 24px; } }

html, body {
  height: 100%; }

body {
  margin: 0;
  padding: 0;
  letter-spacing: 0.01em; }

.container_width {
  max-width: 1200px;
  min-width: 320px;
  margin: 0 auto; }

label {
  cursor: pointer; }

.c {
  clear: both; }

.cl {
  clear: left; }

.cr {
  clear: right; }

.abs {
  position: absolute; }

.relative {
  position: relative; }

.hidden, .row.hidden {
  display: none; }

.hidden_i {
  display: none !important; }

.nowrap {
  white-space: nowrap; }

.nopadd {
  padding: 0px !important; }

.center {
  text-align: center; }

.center_i {
  text-align: center !important; }

.left_i {
  text-align: left !important; }

.right {
  text-align: right; }

.right_i {
  text-align: right !important; }

.top {
  vertical-align: top; }

.top_i {
  vertical-align: top !important; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.bold {
  font-weight: bold; }

.italic {
  font-style: italic; }

.upper {
  text-transform: uppercase; }

.lower {
  text-transform: lowercase; }

.capitalize {
  text-transform: capitalize; }

.table {
  display: table;
  width: 100%; }

.table.auto {
  width: auto;
  margin: auto; }

.table.nowidth {
  width: auto; }

.row_group {
  display: table-row-group; }

.table-row {
  display: table-row; }

.table-cell {
  display: table-cell;
  vertical-align: middle; }
  .table-cell__head {
    padding-bottom: 16px;
    font-weight: bold;
    text-transform: uppercase; }
  .table-cell_50 {
    width: 50%; }

.underline a, a.underline {
  text-decoration: underline; }

.hr {
  clear: both;
  height: 1px;
  background-color: #e0e0e0;
  font-size: 0px; }

.width100 {
  width: 100%; }

.height100 {
  height: 100%; }

.text_white {
  color: #fff !important; }

.text_red {
  color: #eb1744 !important; }

.text_yellow {
  color: #f8a621; }

.text_blue, .text_blue a {
  color: #006cc0 !important; }

.text_grey, .text_grey a {
  color: #646464 !important; }

.text_grey2 {
  color: #979797; }

.text_green {
  color: #55b846 !important; }

.text_orange {
  color: #ea5b0b !important; }

.text_black {
  color: #000 !important; }

.no-overflow {
  overflow: hidden; }

.star {
  color: #a50202; }

/*           Animations           */
.fadein {
  opacity: 0;
  -webkit-animation: fadein forwards 3s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein forwards 3s;
  /* Firefox < 16 */
  -ms-animation: fadein forwards 3s;
  /* Internet Explorer */
  -o-animation: fadein forwards 3s;
  /* Opera < 12.1 */
  animation: fadein forwards 3s; }

.rotate, .rotate_repeat {
  -webkit-animation: 0.5s linear forwards rotate;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: 0.5s linear forwards rotate;
  /* Firefox < 16 */
  -ms-animation: 0.5s linear forwards rotate;
  /* Internet Explorer */
  -o-animation: 0.5s linear forwards rotate;
  /* Opera < 12.1 */
  animation: 0.5s linear forwards rotate; }

.slide_b_t {
  -webkit-animation: 1s linear forwards move_bottom_top;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: 1s linear forwards move_bottom_top;
  /* Firefox < 16 */
  -ms-animation: 1s linear forwards move_bottom_top;
  /* Internet Explorer */
  -o-animation: 1s linear forwards move_bottom_top;
  /* Opera < 12.1 */
  animation: 1s linear forwards move_bottom_top; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes rotate {
  from {
    transform: scaleX(0); }
  to {
    transform: scaleX(1); } }
@keyframes move_left {
  from {
    margin-left: -20%;
    opacity: 0; }
  to {
    margin-left: 0;
    opacity: 1; } }
@keyframes move_right {
  from {
    margin-right: -20%;
    opacity: 0; }
  to {
    margin-right: 0;
    opacity: 1; } }
@keyframes move_bottom_top {
  from {
    top: 150px;
    opacity: 0; }
  to {
    top: 0;
    opacity: 1; } }
.blur {
  filter: blur(3px);
  -webkit-transition: all 0.5s ease 0.1s;
  -moz-transition: all 0.5s ease 0.1s;
  -o-transition: all 0.5s ease 0.1s;
  transition: all 0.5s ease 0.1s; }

.loader {
  display: none;
  position: fixed;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  width: 120px;
  height: 120px;
  background: linear-gradient(#fff, #ff8674);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #fff 0);
  mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #fff 0);
  -webkit-animation: rot 2s linear infinite;
  animation: rot 2s linear infinite;
  border-radius: 50%;
  z-index: 100; }
  .loader_active {
    display: block; }

@-webkit-keyframes rot {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }
@keyframes rot {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }
.fadeInUp1, .fadeInUp2, .fadeInUp3 {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px); }

.fadeInUpStart1 {
  -webkit-animation: 1s linear forwards fadeInUpKeyFrames1;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: 1s linear forwards fadeInUpKeyFrames1;
  /* Firefox < 16 */
  -ms-animation: 1s linear forwards fadeInUpKeyFrames1;
  /* Internet Explorer */
  -o-animation: 1s linear forwards fadeInUpKeyFrames1;
  /* Opera < 12.1 */
  animation: 1s linear forwards fadeInUpKeyFrames1;
  animation-delay: 0.5s; }

.fadeInUpStart2 {
  -webkit-animation: 1s linear forwards fadeInUpKeyFrames1;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: 1s linear forwards fadeInUpKeyFrames1;
  /* Firefox < 16 */
  -ms-animation: 1s linear forwards fadeInUpKeyFrames1;
  /* Internet Explorer */
  -o-animation: 1s linear forwards fadeInUpKeyFrames1;
  /* Opera < 12.1 */
  animation: 1s linear forwards fadeInUpKeyFrames1;
  animation-delay: 1s; }

.fadeInUpStart3 {
  -webkit-animation: 1s linear forwards fadeInUpKeyFrames1;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: 1s linear forwards fadeInUpKeyFrames1;
  /* Firefox < 16 */
  -ms-animation: 1s linear forwards fadeInUpKeyFrames1;
  /* Internet Explorer */
  -o-animation: 1s linear forwards fadeInUpKeyFrames1;
  /* Opera < 12.1 */
  animation: 1s linear forwards fadeInUpKeyFrames1;
  animation-delay: 1.5s; }

@keyframes fadeInUpKeyFrames1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
.circle-wrap {
  margin: 10px auto;
  width: 150px;
  height: 150px;
  background: #f4f3f4;
  border-radius: 50%; }
  @media only screen and (max-width: 768px) {
    .circle-wrap {
      width: 88px;
      height: 88px; } }
  .circle-wrap .circle .mask {
    position: absolute;
    width: 150px;
    height: 150px;
    clip: rect(0px, 150px, 150px, 75px);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
    @media only screen and (max-width: 768px) {
      .circle-wrap .circle .mask {
        width: 88px;
        height: 88px;
        clip: rect(0px, 88px, 88px, 44px); } }
    .circle-wrap .circle .mask .fill {
      position: absolute;
      width: 150px;
      height: 150px;
      background-color: #ff8674;
      clip: rect(0px, 75px, 150px, 0px);
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
      @media only screen and (max-width: 768px) {
        .circle-wrap .circle .mask .fill {
          width: 88px;
          height: 88px;
          clip: rect(0px, 44px, 88px, 0px); } }
  .circle-wrap .inside-circle {
    width: 144px;
    height: 144px;
    border-radius: 50%;
    background: #fff;
    line-height: 140px;
    text-align: center;
    margin-top: 3px;
    margin-left: 3px;
    position: absolute;
    z-index: 100;
    font-size: 1em; }
    @media only screen and (max-width: 768px) {
      .circle-wrap .inside-circle {
        width: 82px;
        height: 82px;
        line-height: 80px; } }

body {
  background-color: #fff;
  color: #2A2A30;
  font-family: RobotoRegular, Arial; }

.body_disabled {
  overflow: hidden; }

.noscroll {
  overflow: hidden; }

.container-main {
  width: 100%;
  max-width: 1200px;
  min-width: 340px;
  margin: auto; }
  .container-main_wide {
    max-width: 1250px; }
  .container-main_wider {
    max-width: 1440px; }
  .container-main_widest {
    max-width: 1920px; }
  .container-main_nopadd {
    padding: 0 !important; }
  @media only screen and (max-width: 1200px) {
    .container-main {
      padding: 0 48px; } }
  @media only screen and (max-width: 999px) {
    .container-main {
      padding: 0 32px; } }
  @media only screen and (max-width: 670px) {
    .container-main {
      padding: 0 16px; } }

.error-text {
  color: #ff0000;
  font-size: 11px; }

.error-input {
  background-color: #ffeded !important;
  color: #000 !important;
  border: 1px solid #ff0000 !important; }

.error_div {
  background-color: #ffeded !important;
  border: 1px solid #ff0000 !important; }

p {
  padding-bottom: 16px; }

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

.input, .select {
  width: 100%;
  font-family: RobotoRegular, Arial; }

.textarea {
  font-family: RobotoRegular, Arial; }

.label {
  position: absolute;
  top: 8px;
  left: 0;
  pointer-events: none;
  font-size: 14px; }

.control:focus ~ .label, .control:not(:focus):not(.empty) ~ .label {
  top: -10px;
  font-size: 11px; }

.radio {
  position: relative; }
  .radio input[type="radio"] {
    display: none; }
    .radio input[type="radio"]:checked + label::after {
      content: "";
      position: absolute;
      top: 9px;
      left: 6px;
      width: 8px;
      height: 8px;
      background-color: #2A2A30;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
    .radio input[type="radio"] + label {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-right: 6px;
      vertical-align: middle;
      cursor: pointer;
      border: 1px solid #2A2A30;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }

.checkbox {
  display: none; }
  .checkbox:checked + label {
    background: url("../img/ua/ico_checkbox_active.png") no-repeat; }
  .checkbox + label {
    display: inline-block;
    width: 17px;
    height: 18px;
    margin-right: 6px;
    background: url("../img/ua/ico_checkbox.png") no-repeat;
    vertical-align: middle;
    cursor: pointer; }

.button_white {
  padding: 16px 42px;
  background-color: #fff;
  cursor: pointer;
  color: #191e33;
  border: 1px solid #191e33; }
  .button_white:hover {
    color: #fff;
    background-color: #191e33; }
.button_red {
  padding: 16px 42px;
  background-color: #ff8674;
  color: #fff;
  border: 1px solid #ff8674; }
.button_blue {
  display: inline-block;
  width: 220px;
  padding: 17px 17px 19px 19px;
  background-color: #191e33;
  background-image: url("/img/ua/arrow_right_navigation_grey.png");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 15px auto;
  text-align: left;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase; }

.video__main-title {
  padding-top: 32px;
  padding-bottom: 32px;
  text-align: center;
  line-height: 32px;
  font-size: 28px; }
.video__header {
  padding-bottom: 48px;
  justify-content: space-between;
  font-size: 14px; }
  @media only screen and (max-width: 590px) {
    .video__header {
      display: block; } }
@media only screen and (max-width: 590px) {
  .video__header-info {
    padding-top: 16px; } }
.video__header-row {
  padding: 4px 6px;
  background-color: #0d70a3 !important;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
.video__row {
  display: grid;
  grid-template-columns: 88px 1fr 48px 140px;
  margin-bottom: 4px;
  padding: 8px 0;
  align-items: center;
  font-size: 14px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  @media only screen and (max-width: 590px) {
    .video__row {
      grid-template-columns: 104px 1fr; } }
  .video__row:nth-child(2n-1) {
    background-color: #cae2ff; }
  .video__row:nth-child(2n) {
    background-color: #fff; }
@media only screen and (max-width: 590px) {
  .video__title-header {
    text-align: left; } }
@media only screen and (max-width: 590px) {
  .video__year-header {
    display: none; } }
.video__number {
  text-align: center;
  font-size: 14px; }
  @media only screen and (max-width: 590px) {
    .video__number {
      padding-bottom: 16px; } }
.video__title {
  text-align: left;
  font-size: 18px; }
  @media only screen and (max-width: 590px) {
    .video__title {
      padding-bottom: 16px; } }
.video__year {
  text-align: center;
  font-size: 14px; }
  @media only screen and (max-width: 590px) {
    .video__year {
      padding: 3px;
      background-color: #ccc;
      font-style: italic; } }
.video__button-block {
  text-align: right; }
.video__button {
  display: inline-block;
  margin: 0 12px;
  padding: 8px 24px;
  background-color: #003e8b;
  text-align: center;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px; }
  @media only screen and (max-width: 590px) {
    .video__button {
      width: 140px;
      margin-left: 0;
      padding: 4px 12px; } }
  .video__button:hover {
    background-color: #002859; }
.video__one {
  padding-bottom: 64px;
  text-align: center; }
.video__iframe {
  width: 520px;
  height: 290px; }
  @media only screen and (max-width: 590px) {
    .video__iframe {
      width: 100%; } }

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