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

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

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

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

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

body {
  background-color: #fff;
  color: #000;
  font: 62.5% 'TTFirs', areal;
  min-width: 100%;
}

.clear {
  clear: both;
}

.width-holder {
  width: 80%;
  margin: 0 auto;
}

.col50 {
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.arr {
  max-width: 150px;
  display: inline-block;
  width: 10vw;
}

.border-text {
  -webkit-text-fill-color: white;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;
  color: #fff;
  text-decoration: none;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

a.border-text:hover, a.border-text:active, a.border-text:focus {
  -webkit-text-stroke-color: #e64010;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.block-fill-height {
  height: 100vh;
  display: table;
  table-layout: fixed;
  width: 100%;
  min-height: 100vh;
  background: url(../img/first.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.header-section {
  color: #fff;
  padding-bottom: 14vh;
}

.header-section .col50:first-child {
  padding-right: 20%;
}

.header-section .jager-logo {
  max-width: 300px;
  display: block;
  width: 100%;
  margin-bottom: 6vh;
  margin-top: 10vh;
}

.header-section .rap-aw-logo {
  max-width: 460px;
  display: block;
  width: 100%;
}

.header-section .mech-logo {
  width: 100%;
  max-width: 330px;
  display: block;
  margin-top: 15vh;
}

.header-section .mech-logo polyline {
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.header-section .mech-logo:hover polyline, .header-section .mech-logo:active polyline, .header-section .mech-logo:focus polyline {
  fill: #e64010;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.header-section .headliner {
  font-family: 'TTFirs';
  font-size: 5em;
  letter-spacing: 0.1em;
  font-weight: 800;
  margin-top: 31vh;
}

.header-section .regular-members {
  font-family: 'TTFirs';
  font-size: 3.3em;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-top: 3vh;
  text-transform: uppercase;
  max-width: 700px;
}

.header-section .other-members {
  font-family: 'TTFirs';
  font-size: 2.9em;
  font-weight: 600;
  margin-top: 3vh;
  text-transform: uppercase;
}

.header-section .date {
  width: 100%;
  max-width: 380px;
  margin-top: 4vh;
  float: left;
}

.header-section .date + .arr {
  margin-top: 4vh;
  margin-left: 20px;
  max-width: 50%;
}

.section-text .text-holder {
  font-family: 'GothamPro';
  font-size: 5.2em;
  letter-spacing: 0.1em;
  line-height: 150%;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  padding: 4vh 0px;
}

.section-text .text-holder .arrow {
  position: absolute;
  left: -10vw;
}

.section-text .text-holder .bind-target {
  position: relative;
}

.section-text .text-holder .bind-target .bind-object {
  position: absolute;
  background: #e64010;
  padding: 10px;
  width: 100%;
  line-height: 80%;
  color: #fff;
  left: -10px;
  top: -1px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.section-text .text-holder .bind-target .bind-object.black {
  background: #000;
}

.section-nominates {
  background-color: #000;
  color: #fff;
  padding: 5vh 0px;
}

.section-nominates .width-holder {
  width: 100%;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.section-nominates .section-title {
  font-size: 10em;
  text-transform: uppercase;
  text-align: center;
  width: -webkit-calc(80% + 40px);
  width: calc(80% + 40px);
  margin: 0 auto;
}

.section-nominates .nomin-item {
  font-size: 6.0em;
  font-weight: 900;
  text-transform: uppercase;
  width: 50%;
  display: block;
  position: relative;
  color: #fff;
  text-decoration: none;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  margin: 10vh 0 20vh;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.section-nominates .nomin-item:nth-last-child(2) {
  float: right !important;
}

.section-nominates .nomin-item:first-child {
  float: left !important;
}

.section-nominates .nomin-item a {
  color: #fff;
  position: relative;
  display: block;
  padding-left: -webkit-calc(11vw + 10px);
  padding-left: calc(11vw + 10px);
  text-decoration: none;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.section-nominates .nomin-item a:hover, .section-nominates .nomin-item a:active, .section-nominates .nomin-item a:focus {
  color: #e64010;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.section-nominates .nomin-item a:hover + .symbol path, .section-nominates .nomin-item a:hover + .symbol circle, .section-nominates .nomin-item a:hover + .symbol ellipse, .section-nominates .nomin-item a:active + .symbol path, .section-nominates .nomin-item a:active + .symbol circle, .section-nominates .nomin-item a:active + .symbol ellipse, .section-nominates .nomin-item a:focus + .symbol path, .section-nominates .nomin-item a:focus + .symbol circle, .section-nominates .nomin-item a:focus + .symbol ellipse {
  stroke-width: 2;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  -webkit-animation: dash 5s linear alternate infinite;
          animation: dash 5s linear alternate infinite;
}

@-webkit-keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

.section-nominates .nomin-item a:hover + .symbol.symbol4 path, .section-nominates .nomin-item a:hover + .symbol.symbol4 circle, .section-nominates .nomin-item a:hover + .symbol.symbol4 ellipse, .section-nominates .nomin-item a:hover + .symbol.symbol5 path, .section-nominates .nomin-item a:hover + .symbol.symbol5 circle, .section-nominates .nomin-item a:hover + .symbol.symbol5 ellipse, .section-nominates .nomin-item a:hover + .symbol.symbol7 path, .section-nominates .nomin-item a:hover + .symbol.symbol7 circle, .section-nominates .nomin-item a:hover + .symbol.symbol7 ellipse, .section-nominates .nomin-item a:active + .symbol.symbol4 path, .section-nominates .nomin-item a:active + .symbol.symbol4 circle, .section-nominates .nomin-item a:active + .symbol.symbol4 ellipse, .section-nominates .nomin-item a:active + .symbol.symbol5 path, .section-nominates .nomin-item a:active + .symbol.symbol5 circle, .section-nominates .nomin-item a:active + .symbol.symbol5 ellipse, .section-nominates .nomin-item a:active + .symbol.symbol7 path, .section-nominates .nomin-item a:active + .symbol.symbol7 circle, .section-nominates .nomin-item a:active + .symbol.symbol7 ellipse, .section-nominates .nomin-item a:focus + .symbol.symbol4 path, .section-nominates .nomin-item a:focus + .symbol.symbol4 circle, .section-nominates .nomin-item a:focus + .symbol.symbol4 ellipse, .section-nominates .nomin-item a:focus + .symbol.symbol5 path, .section-nominates .nomin-item a:focus + .symbol.symbol5 circle, .section-nominates .nomin-item a:focus + .symbol.symbol5 ellipse, .section-nominates .nomin-item a:focus + .symbol.symbol7 path, .section-nominates .nomin-item a:focus + .symbol.symbol7 circle, .section-nominates .nomin-item a:focus + .symbol.symbol7 ellipse {
  stroke-width: 1;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  -webkit-animation: dash 1s linear alternate infinite;
          animation: dash 1s linear alternate infinite;
}

@keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

.section-nominates .nomin-item a .arrow {
  position: absolute;
  left: 0;
  top: 1.3em;
  z-index: 999;
}

.section-nominates .nomin-item a .arrow rect, .section-nominates .nomin-item a .arrow polygon {
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.section-nominates .nomin-item a:hover .arrow rect, .section-nominates .nomin-item a:hover .arrow polygon, .section-nominates .nomin-item a:active .arrow rect, .section-nominates .nomin-item a:active .arrow polygon, .section-nominates .nomin-item a:focus .arrow rect, .section-nominates .nomin-item a:focus .arrow polygon {
  fill: #e64010;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.section-nominates .nomin-item span {
  font-family: 'TTFirs';
  font-weight: 400;
  border-bottom: 1px solid;
  display: inline-block;
  line-height: 90%;
}

.section-nominates .nomin-item .nom-item-text {
  position: relative;
  z-index: 99;
}

.section-nominates .nomin-item .symbol {
  width: 50%;
  position: absolute;
  z-index: 0;
}

.section-nominates .nomin-item .symbol.symbol1 {
  max-width: 380px;
  right: 20%;
  top: -70%;
}

.section-nominates .nomin-item .symbol.symbol2 {
  max-width: 380px;
  right: 15%;
  bottom: -100%;
  -webkit-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
          transform: rotate(40deg);
}

.section-nominates .nomin-item .symbol.symbol3 {
  max-width: 185px;
  right: 45%;
  top: -100%;
}

.section-nominates .nomin-item .symbol.symbol4 {
  max-width: 290px;
  right: 37%;
  top: -130%;
}

.section-nominates .nomin-item .symbol.symbol5 {
  max-width: 520px;
  right: 15%;
  top: -80%;
}

.section-nominates .nomin-item .symbol.symbol6 {
  max-width: 330px;
  right: 20%;
  top: -80%;
}

.section-nominates .nomin-item .symbol.symbol7 {
  max-width: 420px;
  right: 30%;
  top: -80%;
}

.section-nominates.poll-nominates .nomin-item {
  width: 100%;
  position: static;
  margin: 5vh 0 5vh;
}

.section-nominates.poll-nominates .nomin-item a {
  padding-left: -webkit-calc(11vw + 10px);
  padding-left: calc(11vw + 10px);
  pointer-events: none;
  cursor: default;
}

.section-nominates.poll-nominates .nomin-item .symbol {
  width: 53%;
  position: absolute;
  z-index: 0;
}

.section-nominates.poll-nominates .nomin-item .symbol.symbol1 {
  max-width: 100%;
  right: 13%;
  top: -20%;
}

.section-nominates.poll-nominates .nomin-item .symbol.symbol2 {
  max-width: 100%;
  right: 25%;
  top: 38%;
  height: 50%;
}

.nomin-options-holder {
  margin: 0 6vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: visible;
  position: relative;
  clear: both;
}

.nomin-options-holder .nomin-option-item {
  width: -webkit-calc(33.33% - 20px);
  width: calc(33.33% - 20px);
  padding: 0 10px;
  float: left;
  text-align: center;
}

.nomin-options-holder .nomin-option {
  margin-bottom: 10vh;
  display: inline-block;
  color: #fff;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  text-align: center;
  position: relative;
  z-index: 999;
}

.nomin-options-holder .nomin-option:hover, .nomin-options-holder .nomin-option:focus {
  color: #e64010;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.nomin-options-holder .nomin-option:hover .nomin-option-img .heart, .nomin-options-holder .nomin-option:focus .nomin-option-img .heart {
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  opacity: 1;
}

@-webkit-keyframes beat2 {
  to {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

@keyframes beat2 {
  to {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.nomin-options-holder .nomin-option:active .nomin-option-img .heart {
  background: #e64010;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.nomin-options-holder .nomin-option .nomin-option-img {
  -webkit-border-radius: 50%;
          border-radius: 50%;
  overflow: hidden;
  position: relative;
  text-align: center;
  display: inline-block;
  line-height: 0;
}

.nomin-options-holder .nomin-option .nomin-option-img .heart {
  position: absolute;
  opacity: 0;
  width: 70%;
  padding: 25% 15% 15%;
  height: 70%;
  top: 0;
  left: 0;
  -webkit-animation: beat2 .25s infinite alternate;
          animation: beat2 .25s infinite alternate;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.nomin-options-holder .nomin-option .nomin-option-img img {
  display: inline-block;
  width: 100%;
}

.nomin-options-holder .nomin-option .nomin-option-name {
  font-size: 3.6em;
  text-transform: uppercase;
  text-align: center;
  margin-top: 1.5vh;
}

.nomin-options-holder .nomin-bg {
  position: absolute;
  top: -10%;
  right: 0;
}

.nomin-options-holder .nomin-bg.nomin-thanks {
  position: static;
  padding-left: 5%;
  display: block;
  margin-top: 50vh;
  padding-bottom: 20vh;
  padding-top: 20vh;
}

.nomin-options-holder .nomin-bg.nomin-thanks .heart {
  width: 35vw;
  display: block;
  position: absolute;
  right: 25%;
  top: auto;
  bottom: 10vh;
  z-index: 1;
}

.nomin-options-holder .nomin-bg.nomin-thanks .link-to-main {
  font-size: 3em;
  color: #fff;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 3vh;
  position: relative;
  z-index: 99;
}

.nomin-options-holder .nomin-bg.nomin-thanks .link-to-main:hover {
  text-decoration: underline;
}

.nomin-options-holder .nomin-bg .border-text {
  color: transparent;
  font-size: 11em;
  font-weight: 900;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #fff;
  color: #fff;
  text-decoration: none;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  position: relative;
  z-index: 2;
}

.nomin-options-holder .nomin-bg .heart {
  width: 10vw;
  display: block;
  position: absolute;
  right: 10%;
  top: 0;
  z-index: 1;
}

.poll-footer {
  background: #000;
  text-align: center;
  padding-bottom: 10vh;
}

.poll-footer .logos-holder {
  width: 100%;
}

.poll-footer .jager-logo {
  max-width: 180px;
  width: 50%;
  display: inline-block;
  margin: 0 50px;
}

.poll-footer .rap-logo {
  max-width: 480px;
  width: 50%;
  display: inline-block;
  margin: 20px 50px 0px;
}

.section-blood {
  background: #fff;
}

.section-blood .section-title {
  width: 75%;
  margin: 5vh 0px;
  position: relative;
  z-index: 99;
}

.section-blood .blood-text {
  font-size: 3.3em;
  padding-left: 18%;
  position: relative;
  z-index: 9;
  padding-bottom: 5vh;
}

.section-blood .blood-text .drop {
  position: absolute;
  width: 23%;
  left: 0;
  top: -40vh;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  line-height: 0;
}

.section-blood .blood-text .drop .drop-part {
  line-height: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.section-blood .blood-text .main-text {
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 2vh;
  position: relative;
  z-index: 99;
}

.section-blood .blood-text .side-text {
  font-weight: 400;
  position: relative;
  z-index: 99;
}

.section-blood .blood-text .side-text a {
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  text-decoration: none;
  color: inherit;
}

.section-blood .blood-text .side-text a:hover, .section-blood .blood-text .side-text a:active, .section-blood .blood-text .side-text a:focus {
  color: #e64010;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.section-blood .blood-text .side-text .bold {
  font-weight: 800;
}

.section-blood .blood-text .side-text .heart {
  width: 2em;
  display: inline-block;
  bottom: -10px;
  position: relative;
  padding: 0 4px;
}

.section-blood .blood-text .side-text .heart:hover {
  -webkit-animation: beat .25s infinite alternate;
          animation: beat .25s infinite alternate;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}

@-webkit-keyframes beat {
  to {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

@keyframes beat {
  to {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.section-blood .blood-text .side-text ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.section-forms {
  background-color: #000;
}

.section-forms .width-holder {
  width: 100%;
}

.section-forms .form-holder {
  width: 100%;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.section-forms .form-holder + .form-holder-ticketorder {
  background-color: #fff;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.section-forms .form-holder + .form-holder-ticketorder .form-triger a {
  color: #000;
}

.section-forms .form-holder + .form-holder-ticketorder .form-triger a span {
  border-bottom: 1px solid;
}

.section-forms .form-holder + .form-holder-ticketorder .form-triger a .arrow rect, .section-forms .form-holder + .form-holder-ticketorder .form-triger a .arrow polygon {
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.section-forms .form-holder + .form-holder-ticketorder .form-triger a:hover, .section-forms .form-holder + .form-holder-ticketorder .form-triger a:active, .section-forms .form-holder + .form-holder-ticketorder .form-triger a.active {
  color: #e64010;
}

.section-forms .form-holder + .form-holder-ticketorder .form-triger a:hover .arrow rect, .section-forms .form-holder + .form-holder-ticketorder .form-triger a:hover .arrow polygon, .section-forms .form-holder + .form-holder-ticketorder .form-triger a:active .arrow rect, .section-forms .form-holder + .form-holder-ticketorder .form-triger a:active .arrow polygon, .section-forms .form-holder + .form-holder-ticketorder .form-triger a.active .arrow rect, .section-forms .form-holder + .form-holder-ticketorder .form-triger a.active .arrow polygon {
  fill: #e64010;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.section-forms .form-triger {
  font-size: 6.3em;
  width: 50%;
  float: left;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.section-forms .form-triger a {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 4vh 0 6vh -webkit-calc(10vw + 10px);
  padding: 4vh 0 6vh calc(10vw + 10px);
  position: relative;
  display: inline-block;
  z-index: 999;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.section-forms .form-triger a span {
  border-bottom: 1px solid;
  line-height: 90%;
  display: inline-block;
}

.section-forms .form-triger a .arrow {
  position: absolute;
  left: 0;
  top: 1.9em;
  z-index: 999;
}

.section-forms .form-triger a .arrow rect, .section-forms .form-triger a .arrow polygon {
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.section-forms .form-triger a:hover, .section-forms .form-triger a:active, .section-forms .form-triger a.active {
  color: #e64010;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.section-forms .form-triger a:hover .arrow rect, .section-forms .form-triger a:hover .arrow polygon, .section-forms .form-triger a:active .arrow rect, .section-forms .form-triger a:active .arrow polygon, .section-forms .form-triger a.active .arrow rect, .section-forms .form-triger a.active .arrow polygon {
  fill: #e64010;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.form-body {
  color: #fff;
  text-transform: uppercase;
  margin: 0 auto;
  width: 100%;
  clear: both;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  position: relative;
  z-index: 9999;
}

.form-body.form-shere-body {
  background: #e64010;
}

.form-body.form-shere-body form {
  padding: 2vh 0 14vh;
}

.form-body.form-shere-body .col50:first-child {
  padding-top: 10vh;
}

.form-body.form-shere-body .col50:first-child input[type="text"], .form-body.form-shere-body .col50:first-child input[type="email"], .form-body.form-shere-body .col50:first-child input[type="number"] {
  border-bottom: 2px solid #fff;
  background: transparent;
  margin-bottom: 6vh;
}

.form-body.form-shere-body .link:hover, .form-body.form-shere-body .link:active, .form-body.form-shere-body .link:focus {
  color: #000;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.form-body.form-shere-body .link:hover .arrow rect, .form-body.form-shere-body .link:hover .arrow polygon, .form-body.form-shere-body .link:active .arrow rect, .form-body.form-shere-body .link:active .arrow polygon, .form-body.form-shere-body .link:focus .arrow rect, .form-body.form-shere-body .link:focus .arrow polygon {
  fill: #000;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.form-body.show {
  max-height: 1000px;
  opacity: 1;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.form-body form {
  padding-bottom: 6vh;
  overflow: hidden;
}

.form-body label {
  font-size: 3.3em;
  font-weight: 800;
  display: block;
  margin-bottom: 1vh;
  padding-left: -webkit-calc(11vw + 10px);
  padding-left: calc(11vw + 10px);
}

.form-body input[type="text"], .form-body input[type="email"], .form-body input[type="number"] {
  font-size: 3.3em;
  background: #000;
  border: none;
  border-bottom: 2px solid #e64010;
  width: 100%;
  max-width: 50%;
  color: #fff;
  outline: none;
  margin-bottom: 5vh;
  margin-left: -webkit-calc(11vw + 10px);
  margin-left: calc(11vw + 10px);
}

.form-body .link {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 7vh 0 5vh -webkit-calc(10vw + 10px);
  padding: 7vh 0 5vh calc(10vw + 10px);
  position: relative;
  display: inline-block;
  z-index: 999;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  font-size: 6.3em;
}

.form-body .link + input {
  display: none;
}

.form-body .link span {
  border-bottom: 1px solid;
  line-height: 90%;
  display: inline-block;
}

.form-body .link span input {
  background: none;
  color: inherit;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  outline: none;
}

.form-body .link .arrow {
  position: absolute;
  left: 0;
  top: 1.3em;
  z-index: 999;
}

.form-body .link .arrow rect, .form-body .link .arrow polygon {
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.form-body .link:hover, .form-body .link:active, .form-body .link:focus {
  color: #e64010;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.form-body .link:hover .arrow rect, .form-body .link:hover .arrow polygon, .form-body .link:active .arrow rect, .form-body .link:active .arrow polygon, .form-body .link:focus .arrow rect, .form-body .link:focus .arrow polygon {
  fill: #e64010;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.form-body .file-input + input[type="file"],
.form-body .submite-input + input[type="file"] {
  display: none;
}

.form-body .file-input .arrow,
.form-body .submite-input .arrow {
  top: 2em;
}

.form-holder-ticketorder .form-body {
  color: #000;
}

.form-holder-ticketorder .form-body label span {
  font-weight: 400;
  font-size: 40%;
}

.form-holder-ticketorder .form-body input[type="text"], .form-holder-ticketorder .form-body input[type="email"], .form-holder-ticketorder .form-body input[type="number"] {
  background: #fff;
  border-bottom: 2px solid #e64010;
  color: #000;
}

.form-holder-ticketorder .form-body .link {
  margin-bottom: 10vh;
  color: #000;
}

.form-holder-ticketorder .form-body .link:hover, .form-holder-ticketorder .form-body .link:active, .form-holder-ticketorder .form-body .link:focus {
  color: #e64010;
}

.form-holder-ticketorder .form-body .link:hover .arrow rect, .form-holder-ticketorder .form-body .link:hover .arrow polygon, .form-holder-ticketorder .form-body .link:active .arrow rect, .form-holder-ticketorder .form-body .link:active .arrow polygon, .form-holder-ticketorder .form-body .link:focus .arrow rect, .form-holder-ticketorder .form-body .link:focus .arrow polygon {
  fill: #e64010;
}

.main-footer {
  background: url(../img/footer-bg.jpg) no-repeat;
  background-size: cover;
  max-height: 275px;
  margin-top: -8vh;
  position: relative;
  z-index: 99;
  overflow: hidden;
  clear: both;
}

.main-footer ul {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 11vh 0 8vh;
  float: left;
  width: 100%;
}

.main-footer ul li {
  display: inline-block;
  margin: 0 -webkit-calc(20px + 2vw);
  margin: 0 calc(20px + 2vw);
}

.main-footer a {
  font-size: 3.9em;
  font-weight: 900;
  color: #e64010;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.main-footer a:hover, .main-footer a:active, .main-footer a:focus {
  color: #fff;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
.news-item{
  color: #fff;
  text-decoration: none;
  margin: 20px 0 50px;
  opacity: 1;
  transition: 0.2s;
  width: calc(50% - 40px);
  margin-right: 20px;
  position: relative;
  padding-bottom: 160px;
}
.news-item img{
  max-width: 100%;
}
.news-item:hover, .news-item:active{
  opacity: 0.9;
  transition: 0.2s;
}
.news-item .news-title{
  font-size: 2em;
  text-decoration: none;
  position: absolute;
  padding-top: 20px;
}
.section-news{
  padding: 15em 0;
  background: #000;
  margin-top: -10px;
}


.news-item p{
position: absolute;
    bottom: -5px;
    font-size: 1.5em;
    line-height: 1.7em;
    height: 100px;
    padding-right: 50px;
}

@media (max-width: 1400px) and (min-width: 320px) {
  .header-section .headliner {
    margin-top: 10vh;
  }
  body {
    font: 46.5% 'TTFirs', areal;
  }
  .nomin-options-holder .nomin-bg .border-text {
    font-size: 8em;
  }
      .news-item p{
    font-size: 13px;
    line-height: 17px;
  }
}

@media (max-width: 1200px) and (min-width: 320px) {
  body {
    font: 40.5% 'TTFirs', areal;
  }
  .nomin-options-holder .nomin-option-item {
    width: -webkit-calc(33.33% - 100px);
    width: calc(33.33% - 100px);
    padding: 0 50px;
  }
  .nomin-options-holder .nomin-option {
    margin-bottom: 5vh;
  }

}

@media (max-width: 768px) and (min-width: 320px) {
  .block-fill-height {
    height: auto;
    display: table;
    table-layout: fixed;
    width: 100%;
    min-height: 100%;
  }
  .header-section .col50:first-child {
    padding-right: 30px;
  }
  body {
    font: 20.5% 'TTFirs', areal;
  }
  .border-text {
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
  }
  .section-text .text-holder .bind-target .bind-object {
    padding: 4px;
    left: -4px;
    top: -3px;
    white-space: nowrap;
  }
  .section-text .text-holder {
    padding: 0vh 0px 5vh;
  }
  .section-text .text-holder .arrow {
    left: -webkit-calc(-12vw - 10px);
    left: calc(-12vw - 10px);
  }
  .section-nominates .nomin-item {
    width: 100%;
  }
  .section-blood .blood-text .side-text .bold {
    font-weight: 600;
  }
  .section-blood .blood-text .side-text .border-text {
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: black;
  }
  .section-nominates .nomin-item .symbol {
    width: 40%;
  }
  .section-nominates .nomin-item .symbol.symbol2 {
    bottom: -20%;
  }
  .section-nominates .nomin-item {
    margin: 10% 0;
  }
  .section-blood .blood-text .drop {
    top: -140px;
  }
  .section-forms .form-triger,
  .form-body .link {
    font-size: 5em;
  }
  .section-forms .form-triger a {
    padding: 5vh 0 4vh -webkit-calc(11vw + 10px);
    padding: 5vh 0 4vh calc(11vw + 10px);
  }
  .section-blood .blood-text .side-text .heart {
    bottom: -6px;
  }
  .form-body form {
    padding-bottom: 59px;
  }
  .form-holder-ticketorder .form-body .link {
    margin-bottom: 3vh;
  }
  .form-body .col50 {
    width: 100%;
  }
  .poll-footer .jager-logo {
    width: 30%;
  }
  .nomin-options-holder .nomin-option-item {
    width: -webkit-calc(50% - 40px);
    width: calc(50% - 40px);
    padding: 0 20px;
  }
  .section-nominates {
    padding-bottom: 0;
  }
  .nomin-options-holder {
    margin: 0 2vw;
  }
  .section-nominates.poll-nominates .nomin-item {
    margin: 5vh 0 8vh;
  }
  .main-footer {
    margin-top: 0;
  }
  .nomin-options-holder .nomin-bg.nomin-thanks .heart {
    width: 60vw;
    right: 0%;
    top: auto;
    bottom: 11vh;
  }
  .nomin-options-holder .nomin-bg {
    top: -40px;
  }
  .section-nominates.poll-nominates .nomin-item .symbol {
    width: 100%;
  }
  .form-body.form-shere-body form {
    padding-bottom: 0vh;
  }
  .form-body.form-shere-body .col50 {
    padding-top: 5vh;
  }
  .image-output img {
    width: 100%;
  }
  .news-item{
    width: 100%;
    font-size: 2em;
  }
  .news-item p{
    padding-right: 0;
  }

}