body {
  font-family: 'Open Sans', sans-serif;
  background: #000000;
  color: #ffffff; }

h1, h2, h3, h4, h5 {
  font-family: 'Open Sans', sans-serif; }

.wrapper {
  padding: 0 30px 0 103px;
  background: url("../img/black.jpg") repeat-y #0092bb right top; }
  @media only screen and (max-width: 960px) {
    .wrapper {
      padding: 0; } }

.wrapper > div {
  margin: 0 !important; }

.head {
  background: #000000;
  background-image: url("../img/head_bg.jpg");
  background-repeat: no-repeat;
  background-position: left;
  height: 273px;
  line-height: 223px;
  vertical-align: middle; }
  @media only screen and (max-width: 960px) {
    .head {
      background-size: cover;
      background-position: center; } }

.head_logo {
  text-align: center; }

.head_text {
  font-size: 42px;
  color: #000000;
  font-weight: bold; }
  @media only screen and (max-width: 960px) {
    .head_text {
      font-size: 31.5px; } }
  @media only screen and (max-width: 768px) {
    .head_text {
      font-size: 27.3px; } }
  @media only screen and (max-width: 640px) {
    .head_text {
      font-size: 18.48px; } }
  @media only screen and (max-width: 480px) {
    .head_text {
      font-size: 14px; } }

.sub_head {
  text-align: center;
  padding: 20px 0;
  background: #000000; }
  @media only screen and (max-width: 640px) {
    .sub_head {
      padding: 20px 0; } }
  @media only screen and (max-width: 480px) {
    .sub_head {
      padding: 10px 0; } }

.sub_head h1 {
  font-weight: bold;
  color: #ffffff; }

.partners {
  background: #000000;
  padding: 20px 0; }
  @media only screen and (max-width: 640px) {
    .partners {
      padding: 10px 0; } }

.partners .columns {
  text-align: center;
  margin-bottom: 10px; }

@media only screen and (max-width: 640px) {
  .partners .columns img {
    max-height: 120px; } }

.promo {
  background: url("../img/star.jpg") no-repeat right;
  min-height: 713px; }
  @media only screen and (max-width: 640px) {
    .promo {
      margin-top: 20px; } }

.promo_date {
  text-align: center;
  text-transform: uppercase;
  font-size: 62px;
  font-weight: 800; }
  @media only screen and (max-width: 960px) {
    .promo_date {
      font-size: 46.5px; } }
  @media only screen and (max-width: 768px) {
    .promo_date {
      font-size: 40.3px; } }
  @media only screen and (max-width: 640px) {
    .promo_date {
      font-size: 27.28px;
      padding: 30px 0; } }
  @media only screen and (max-width: 480px) {
    .promo_date {
      padding: 20px 0; } }

.promo_date span {
  display: block;
  margin-top: 100px;
  min-height: 450px; }
  @media only screen and (max-width: 640px) {
    .promo_date span {
      min-height: 400px; } }
  @media only screen and (max-width: 480px) {
    .promo_date span {
      margin-top: 0px; } }

.promo_info_rules {
  font-size: 42px;
  line-height: 100%;
  text-transform: uppercase;
  font-weight: 800; }
  @media only screen and (max-width: 960px) {
    .promo_info_rules {
      font-size: 31.5px;
      padding-left: 40px; } }
  @media only screen and (max-width: 768px) {
    .promo_info_rules {
      font-size: 27.3px;
      padding-top: 40px; } }
  @media only screen and (max-width: 480px) {
    .promo_info_rules {
      font-size: 18.48px;
      text-align: center;
      padding-left: 0; } }

.promo_info_name {
  text-align: center;
  font-size: 34px;
  text-transform: uppercase;
  font-weight: 300; }
  @media only screen and (max-width: 960px) {
    .promo_info_name {
      font-size: 25.5px; } }
  @media only screen and (max-width: 768px) {
    .promo_info_name {
      font-size: 22.1px; } }
  @media only screen and (max-width: 480px) {
    .promo_info_name {
      font-size: 22.1px;
      text-align: center;
      font-weight: bold; } }

.promo_info_name span {
  display: block;
  margin-top: -50px; }
  @media only screen and (max-width: 480px) {
    .promo_info_name span {
      margin-top: -160px;
      text-shadow: 1px 1px 1px black; } }

.register {
  background: #0092bb; }

.register .title {
  text-align: center;
  color: #025a81;
  font-size: 66px;
  font-weight: bold;
  text-transform: uppercase; }
  @media only screen and (max-width: 960px) {
    .register .title {
      font-size: 49.5px; } }
  @media only screen and (max-width: 768px) {
    .register .title {
      font-size: 42.9px; } }
  @media only screen and (max-width: 480px) {
    .register .title {
      font-size: 36.3px; } }

.register form {
  padding: 20px;
  font-size: 24px; }

.register input {
  width: 100%;
  height: 46px;
  border: none;
  color: #000000;
  padding: 10px;
  margin-bottom: 10px; }

.register input {
  width: 100%;
  height: 46px;
  border: none;
  color: #000000;
  padding: 10px;
  margin-bottom: 10px; }

.register select {
  width: 60px !important;
  height: 46px;
  border: none;
  color: #000000;
  margin-top: 10px;
  padding: 10px;
  font-size: 16px; }

.register .register_guests {
  text-align: center; }

.register_submit {
  text-align: center; }

.register_submit input {
  max-width: 430px;
  height: 68px;
  line-height: 100%;
  text-align: center;
  background: #e60503;
  margin: 20px 0;
  font-size: 42px;
  color: #ffffff;
  -webkit-box-shadow: 2px 2px 5px 0px black;
  -moz-box-shadow: 2px 2px 5px 0px black;
  box-shadow: 2px 2px 5px 0px black; }
  @media only screen and (max-width: 960px) {
    .register_submit input {
      font-size: 35.7px; } }
  @media only screen and (max-width: 768px) {
    .register_submit input {
      font-size: 31.5px; } }
  @media only screen and (max-width: 480px) {
    .register_submit input {
      font-size: 27.3px; } }

.register_message {
  text-align: center; }
  @media only screen and (max-width: 960px) {
    .register_message {
      font-size: 18.75px; } }
  @media only screen and (max-width: 768px) {
    .register_message {
      font-size: 16.25px; } }
  @media only screen and (max-width: 480px) {
    .register_message {
      font-size: 13.75px; } }

.social {
  background: #0092bb;
  padding: 20px 0; }

.social a {
  display: block;
  max-width: 230px;
  height: 67px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-color: #ffffff;
  font-size: 20px;
  color: #000000;
  margin-bottom: 20px; }
  @media only screen and (max-width: 640px) {
    .social a {
      font-size: 15px; } }
  @media only screen and (max-width: 480px) {
    .social a {
      font-size: 20px; } }

.social img {
  padding-right: 10px;
  display: block;
  float: left; }

.social span {
  display: block;
  float: left;
  padding-top: 12px;
  line-height: 110%; }

.social a.mail span {
  padding-top: 23px; }

.program {
  background: #0092bb; }

.program .title {
  background: url("../img/programm_bg.jpg") no-repeat;
  padding-top: 70px;
  min-height: 200px;
  margin-bottom: 40px; }
  @media only screen and (max-width: 480px) {
    .program .title {
      padding-top: 90px; } }

.program .title span {
  font-size: 46px;
  color: #000000;
  font-weight: 800;
  text-transform: uppercase;
  display: block;
  padding-left: 25px;
  line-height: 100%; }
  @media only screen and (max-width: 480px) {
    .program .title span {
      font-size: 28px; } }
  @media only screen and (max-width: 320px) {
    .program .title span {
      font-size: 22px; } }

.program .title p {
  display: block;
  margin: 0;
  padding: 0;
  padding-left: 25px;
  color: #025a81;
  font-size: 25px;
  text-transform: uppercase;
  line-height: 100%;
  font-weight: 800; }
  @media only screen and (max-width: 480px) {
    .program .title p {
      font-size: 16px; } }
  @media only screen and (max-width: 320px) {
    .program .title p {
      font-size: 16px; } }

.program .list {
  font-size: 25px;
  color: #ffffff;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 40px; }
  @media only screen and (max-width: 960px) {
    .program .list {
      font-size: 18.75px; } }
  @media only screen and (max-width: 768px) {
    .program .list {
      font-size: 16.25px; } }
  @media only screen and (max-width: 480px) {
    .program .list {
      font-size: 13.75px; } }

.program .list-time {
  text-align: right;
  margin-bottom: 10px; }
  @media only screen and (max-width: 480px) {
    .program .list-time {
      text-align: center; } }

.program .list-text {
  text-align: left;
  margin-bottom: 10px; }
  @media only screen and (max-width: 480px) {
    .program .list-text {
      text-align: center; } }

.media {
  padding-top: 130px;
  background: url("../img/media_partners_bg.png") #0092bb no-repeat right top; }
  @media only screen and (max-width: 768px) {
    .media {
      padding-top: 80px; } }

.media .title {
  color: #000000;
  font-size: 42px;
  text-transform: uppercase;
  font-weight: 800;
  padding-bottom: 40px;
  padding-left: 100px !important; }
  @media only screen and (max-width: 768px) {
    .media .title {
      padding-left: 20px !important; } }
  @media only screen and (max-width: 960px) {
    .media .title {
      font-size: 35.7px; } }
  @media only screen and (max-width: 768px) {
    .media .title {
      font-size: 31.5px; } }
  @media only screen and (max-width: 480px) {
    .media .title {
      font-size: 27.3px;
      text-align: center; } }

.media .love_rawai {
  padding-left: 120px;
  padding-bottom: 20px; }
  @media only screen and (max-width: 768px) {
    .media .love_rawai {
      padding-left: 20px; } }
  @media only screen and (max-width: 480px) {
    .media .love_rawai {
      text-align: center; } }

.media .dotproperty {
  padding-right: 20px !important; }
  @media only screen and (max-width: 768px) {
    .media .dotproperty {
      padding-right: 20px; } }
  @media only screen and (max-width: 480px) {
    .media .dotproperty {
      text-align: center; } }

.video {
  background: #0092bb;
  padding-top: 20px;
  padding-top: 100px !important; }
  @media only screen and (max-width: 768px) {
    .video {
      padding-top: 20px !important; } }

.video .title {
  color: #ffffff;
  font-size: 42px;
  text-transform: uppercase;
  font-weight: 800;
  padding-left: 100px !important; }
  @media only screen and (max-width: 768px) {
    .video .title {
      padding-left: 20px !important; } }
  @media only screen and (max-width: 960px) {
    .video .title {
      font-size: 35.7px; } }
  @media only screen and (max-width: 768px) {
    .video .title {
      font-size: 31.5px; } }
  @media only screen and (max-width: 480px) {
    .video .title {
      font-size: 27.3px;
      text-align: center; } }

.video .block {
  padding: 35px 120px; }
  @media only screen and (max-width: 768px) {
    .video .block {
      padding: 15px 20px; } }

.responsive-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }

.responsive-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.footer {
  text-align: center;
  font-size: 25px;
  color: #ffffff;
  background: #0092bb;
  padding: 20px !important; }
  @media only screen and (max-width: 960px) {
    .footer {
      font-size: 18.75px; } }
  @media only screen and (max-width: 768px) {
    .footer {
      font-size: 16.25px; } }
  @media only screen and (max-width: 480px) {
    .footer {
      font-size: 13.75px; } }

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