@charset "UTF-8";
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*         o°        o°        o°                                         °o        °o        °o         */
/*        O         O         O                   CONTACT                  O         O         O        */
/* ><(((°>   ><(((°>   ><(((°>                                               <°)))><   <°)))><   <°)))>< */
/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ */
/* .o° .o° .o° .o° .o° .o° Intro °o. °o. °o. °o. °o. °o. */
.contact .mainPage .pageTop-introText .intro h2 {
  font: 600 32px/118% "HelveticaNeue", sans-serif;
  color: #000; }
.contact .mainPage .pageTop-introText .intro a.mail {
  font: 600 16px/118% "HelveticaNeue", sans-serif;
  color: #891660;
  display: block;
  padding: 10px 0 0 0; }
  .contact .mainPage .pageTop-introText .intro a.mail span::before {
    font: 600 16px/118% "HelveticaNeue", sans-serif; }
  .contact .mainPage .pageTop-introText .intro a.mail:hover {
    color: #61280D; }
.contact .mainPage .pageTop-introText .intro h3 {
  font: 600 24px/175% "HelveticaNeue", sans-serif;
  color: #460C52;
  padding: 45px 0 0 0; }
.contact .mainPage .pageTop-introText .intro p {
  padding-bottom: 5px; }

/* .o° .o° .o° .o° .o° .o° Form °o. °o. °o. °o. °o. °o. */
.formContainer {
  margin: 23px 45px 138px 45px;
  background: #E8E8E8;
  padding: 20px 25px;
  /* trap */ }
  .formContainer .formColumn1,
  .formContainer .formColumn2 {
    width: 509px;
    display: inline-block;
    vertical-align: top; }
  .formContainer .formColumn1 {
    padding: 0 27px 0 0; }
  .formContainer label {
    font: 600 19px/150% "HelveticaNeue", sans-serif;
    color: #000; }
  .formContainer input {
    height: 38px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 0 5px;
    margin: 0 0 17px 0;
    border: none;
    font: 600 19px/38px "HelveticaNeue", sans-serif;
    color: #460C52; }
  .formContainer .special {
    line-height: 0;
    font-size: 0;
    padding: 0;
    margin: 0; }
    .formContainer .special label {
      margin: 0;
      padding: 0;
      line-height: 0;
      font-size: 0;
      padding: 0;
      margin: 0; }
    .formContainer .special input {
      height: 0;
      border: none;
      font-size: 0;
      line-height: 0;
      padding: 0;
      margin: 0; }
  .formContainer textarea {
    height: 204px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 0 5px;
    margin: 0 0 17px 0;
    border: none;
    font: 600 19px/150% "HelveticaNeue", sans-serif;
    color: #460C52; }
  .formContainer button {
    width: 100%;
    height: 62px;
    border: none;
    background: #353535;
    font: 600 25px/100% "HelveticaNeue", sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin: 17px 0 0 0;
    display: block;
    cursor: pointer;
    padding: 0; }
    .formContainer button:hover {
      background: #FEF200; }

/* error and sent messages */
.messageform {
  background: #E73F7D;
  padding: 10px 15px 15px 15px;
  margin: 0 0 10px 0;
  display: none;
  border-radius: 15px; }
  .messageform .alert-title {
    font: 600 25px/150% "HelveticaNeue", sans-serif;
    color: #fff;
    text-align: center; }
  .messageform ul {
    font-size: 0; }
  .messageform li {
    font: 400 19px/150% "HelveticaNeue", sans-serif;
    color: rgba(255, 255, 255, 0.8);
    list-style-position: inside; }
  .messageform.showError {
    display: block; }
  .messageform.showSuccess {
    display: block;
    background: #B2E16F; }

/* .o° .o° .o° .o° .o° .o° Networks °o. °o. °o. °o. °o. °o. */
.networkFacebook,
.networkInstagram {
  width: 536px;
  border: solid 5px #FEF200;
  height: 695px;
  border-top-right-radius: 10px;
  overflow: hidden; }

.networkContainer {
  display: flex;
  padding: 53px 45px;
  justify-content: space-between;
  gap: 42px; }

.networkInstagram a {
  display: block;
  height: 100%;
  background: #0c1014; }
  .networkInstagram a .title {
    text-align: center;
    padding: 20px 0 0 0; }
  .networkInstagram a .header {
    padding: 30px 0 0 0;
    text-align: center; }
    .networkInstagram a .header img {
      display: inline-block;
      vertical-align: middle;
      width: 150px;
      height: 150px;
      border-radius: 50%; }
    .networkInstagram a .header p {
      display: inline-block;
      vertical-align: middle;
      font: 600 22px/25px "HelveticaNeue", sans-serif;
      color: #fff;
      text-align: left;
      padding: 0 0 0 20px; }
      .networkInstagram a .header p span {
        font: 400 16px/118% "HelveticaNeue", sans-serif; }
  .networkInstagram a button {
    display: block;
    height: 44px;
    border: none;
    background: #4a5df9;
    border-radius: 10px;
    width: 240px;
    margin: 60px auto 0 auto;
    font: 600 13px/44px "HelveticaNeue", sans-serif;
    color: #fff; }

/* nununununununununununununununununununununununununununununununununununu */
/* .o° .o° .o° .o° .o° .o° Contact responsive °o. °o. °o. °o. °o. °o. */
/* nununununununununununununununununununununununununununununununununununu */
@media all and (max-width: 1220px) {
  /* .o° .o° .o° .o° .o° .o° Intro °o. °o. °o. °o. °o. °o. */
  .contact .mainPage .pageTop-introText .intro h2 {
    font-size: 29px; }
  .contact .mainPage .pageTop-introText .intro h3 {
    padding: 30px 0 0 0; }

  /* .o° .o° .o° .o° .o° .o° Form °o. °o. °o. °o. °o. °o. */
  .formContainer {
    margin-bottom: 100px; }
    .formContainer .formColumn1,
    .formContainer .formColumn2 {
      width: 352px; }
    .formContainer .formColumn1 {
      padding: 0 45px 0 0; }
    .formContainer label {
      font-size: 16px; }
    .formContainer input {
      font-size: 16px;
      height: 30px;
      line-height: 30px; }
    .formContainer textarea {
      height: 172px;
      font-size: 16px; }
    .formContainer button {
      margin: 10px 0 0 0;
      font-size: 20px;
      height: 52px; }

  /* error and sent messages */
  .messageform .alert-title {
    font-size: 20px; }
  .messageform li {
    font-size: 16px; }

  /* .o° .o° .o° .o° .o° .o° Networks °o. °o. °o. °o. °o. °o. */
  .networkFacebook,
  .networkInstagram {
    width: 384px;
    height: 520px; }

  .networkInstagram a .header img {
    display: block;
    margin: 0 auto; }
  .networkInstagram a .header p {
    padding: 20px 0 0 0; } }
@media all and (max-width: 920px) {
  /* .o° .o° .o° .o° .o° .o° Intro °o. °o. °o. °o. °o. °o. */
  .contact .mainPage .pageTop-introText .intro h2 {
    font-size: 25px; }
  .contact .mainPage .pageTop-introText .intro a.mail {
    font-size: 13px; }
    .contact .mainPage .pageTop-introText .intro a.mail span::before {
      font-size: 13px; }
  .contact .mainPage .pageTop-introText .intro h3 {
    font-size: 18px; }

  /* .o° .o° .o° .o° .o° .o° Form °o. °o. °o. °o. °o. °o. */
  .formContainer {
    margin: 25px 10px 60px 10px;
    padding: 20px 15px; }
    .formContainer .formColumn1,
    .formContainer .formColumn2 {
      display: block;
      width: auto; }
    .formContainer .formColumn1 {
      padding: 0; }

  /* .o° .o° .o° .o° .o° .o° Networks °o. °o. °o. °o. °o. °o. */
  .networkFacebook,
  .networkInstagram {
    width: 100%;
    height: 500px;
    box-sizing: border-box; }

  .networkContainer {
    flex-direction: column;
    padding: 40px 15px; } }

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