/* Normalize css */
body {
  margin: 0;
  background: #000;
}
body,
html {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
    text-size-adjust: none;
}
footer,
header {
  display: block;
}
a {
  background-color: transparent;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
img {
  border: 0;
}
input,
select {
  color: inherit;
  font: inherit;
  margin: 0;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend,
.personal-data fieldset {
  border: 0;
  padding: 0;
}
/* End normalize css */
@font-face {
  font-family: "CenturyGothic";
  src: local("font/cg.eot"),
       url("font/cg.woff") format("woff"),
       url("font/cg.ttf") format("opentype"),
       url("font/cg.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "CenturyGothicBold";
  src: local("font/cgb.eot"),
       url("font/cgb.woff") format("woff"),
       url("font/cgb.ttf") format("opentype"),
       url("font/cgb.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
p {
  margin: 0 0 17px;
}
.social-section p {
  font: 12px/1.24 "CenturyGothic", sans-serif; 
  margin: 17px 0 9px;
  color: #d9d9d9;
}
.personal-data p {
  color: #b3b3b3;
}
.personal-data .mondatory {
  font-size: 11px;
  color: #7d7d7d;
}
.footer p {
  font: 8px/1 "CenturyGothic", sans-serif;
  text-transform: uppercase;
  color: #7d7d7d;
}
.footer .copy {
  margin: 0 0 7px;
  font-size: 10px;
}
.footer .copy::before {
  content: "\00A9";
}
.logo h1 {
  margin: 0 0 37px;
  padding: 53px 0 0;
  font-size: 0;
}
.slogan,
.personal-data h2 {
  font-size: 12px;
  text-transform: uppercase;
}
.personal-data h2 {
  padding: 7px 20px 7px 0;
  margin: 0 -20px 8px 0;
  border-top: 1px solid #373737;
  border-bottom: 1px solid #373737;
  color: #f5f5f5;
  font-weight: normal;
}
.wrapper {
  min-width: 1022px;
  min-height: 820px;
  position: relative;
  overflow: hidden;
}
.main-content {
  padding: 0 20px 0 0;
  font: 13px/1.24 "CenturyGothic", sans-serif;
  color: #d9d9d9;
}
.slogan {
  margin: 0 0 30px;
  font: 12px/1.34 "CenturyGothicBold", sans-serif;
}
  .left-section {
    width: 450px;
    margin: 0 auto;
    padding: 0 500px 0 0;
  }
  .right-section {
    width: 500px;
    margin: 0 0 0 -25px;
    position: absolute;
    left: 50%;
    top: 0;
  }
  .invitation {
    background: rgba(180,0,255,.7);
    padding: 0 9999px;
    margin: 0 -9999px;
    position: relative;
    z-index: 10;
  }
    .personal-data {
      font: 12px/1.24 "CenturyGothic", sans-serif;
      padding: 0 20px 0 0;
    }
    .social-buttons {
      margin: 0 0 32px;
    }
    .main-foto {
      width: 100%;
      margin: 0 0 11px;
      overflow: hidden;
    }
    .select-style {
      display: inline-block;
      margin: 0 5px 0 0;
      border: 1px solid #3f3f3f;
      position: relative;
      overflow: hidden;
    }
      .select-style::after {
        content: "";
        border-top: 6px solid #3f3f3f;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        position: absolute;
        top: 7px;
        right: 4px;
        z-index: -1;
      }
        .social-buttons a {
          display: inline-block;
          width: 19px;
          height: 19px;
          margin: 0 8px 0 0;
          background: #615f5f url(icon/spritesheet.png) no-repeat 0 0;
          text-indent: -9999px;
        }
        .footer a {
          text-decoration: none;
          color: inherit;
        }
        .footer a:hover,
        .footer a:active {
          color: #b400ff;
        }
        .social-buttons .fb {
          background-position: -34px -5px;
        }
        .social-buttons .tw {
          background-position: -150px -5px;
        }
        .social-buttons .in {
          background-position: -92px -5px;
        }
        .social-buttons .yt {
          background-position: -208px -5px;
        }
        .social-buttons .fb:hover,
        .social-buttons .fb:active {
          background-position: -5px -5px;
        }
        .social-buttons .tw:hover,
        .social-buttons .tw:active {
          background-position: -121px -5px;
        }
        .social-buttons .in:hover,
        .social-buttons .in:active {
          background-position: -63px -5px;
        }
        .social-buttons .yt:hover,
        .social-buttons .yt:active {
          background-position: -179px -5px;
        }
        .personal-data fieldset {
          border: none;
          font-size: 0;
          margin: 0 0 10px;
        }
        .personal-data label {
          display: inline-block;
          text-transform: uppercase;
          color: #c0c0c0;
          font-size: 12px;
          min-width: 90px;
          margin: 0 5px 0 0;
          vertical-align: middle;
        }
        .personal-data label::after,
        .mondatory::before {
          content: "*";
          color: #7600a8;
        }
        .personal-data input[type="text"],
        .personal-data input[type="email"] {
          display: inline-block;
          width: 121px;
          height: 22px;
          padding: 1px 5px;
          border: 1px solid #3f3f3f;
          background: none;
          -webkit-appearance: none;
          -webkit-border-radius: 0;
        }
        .personal-data input[type="submit"] {
          width: 73px;
          height: 22px;
          margin: 0 0 0 4px;
          border: none;
          background: #440061;
          color: #ebebeb;
          font-weight: bold;
          text-transform: uppercase;
          -webkit-border-radius: 0;
        }
        input[type="submit"]:hover {
          background: #7e00b3;
        }
        .common-style {
          box-sizing: border-box;
          font: 11px/1 "CenturyGothic", sans-serif;
          vertical-align: middle;
          color: #6f6f6f;
        }
        .personal-data select {
          display: inline-block;
          height: 20px;
          min-width: 82px;
          padding: 1px 20px 1px 3px;
          margin: 0 -40px 0 0;
          border: none;
          background: none;
          cursor: pointer;
          -webkit-appearance: none;
          -moz-appearance: none;
          -ms-appearance: none;
          -o-appearance: none;
        }
        .personal-data select::-ms-expand {
          display: none;
        }
        .personal-data select[name="month"] {       
          min-width: 88px; 
          padding-right: 15px;
        }
        .personal-data select[name="year"] {       
          min-width: 99px;
        }
        .personal-data option {
          background: transparent;
        }
        input[type="submit"],
        input[type="submit"]:hover {
          -webkit-transition: background ease-out .3s;
          -moz-transition: background ease-out .3s;
          -o-transition: background ease-out .3s;
          transition: background ease-out .3s;
        }
        .footer a,
        .footer a:hover {
          -webkit-transition: color ease-out .3s;
          -moz-transition: color ease-out .3s;
          -o-transition: color ease-out .3s;
          transition: color ease-out .3s;
        }