.qweqwe {
  font-family: 'Raleway', sans-serif;
  font-family: 'Open Sans', sans-serif;
  font-family: 'Open Sans Condensed', sans-serif;
  font-family: 'Roboto', sans-serif;
  font-family: 'Cuprum', sans-serif;
}

/**/
.contact main {
  padding-top: 4em;
  padding-bottom: 4em;
  box-shadow: inset 0px -3px 20px 0px #0000002e, inset 0px 5px 33px 0px #000000ab;
}


#contact-page {
  color: #ccc;
}

/*. . . kontakt Data*/
#_con-data-contact-page {}

#adress-phone-mail {
  font-family: 'Cuprum', sans-serif;
  font-size: 0.9em;
}

#adress-phone-mail p {
  min-height: 2.2em;
  margin-bottom: 20px;
  padding-left: 13px;
  padding-right: 5px;
  box-shadow: -16px 0px #bcba00;
}

#adress-phone-mail span {}

#adress-phone-mail em {
  color: #8a8a8a;
}

#adress-phone-mail .tel a {
  color: #c7c7c7;
}

#adress-phone-mail .mail a {
  color: #bcba00;
}

#adress-phone-mail a>span {}

#contact-detail>p {
  position: relative;
}

@supports (transform: rotate(-90deg)) {
  #contact-detail>p:after {
    content: 'label';
    display: inline-block;
    position: absolute;
    top: 4px;
    left: -120px;
    transform: rotate(-90deg);
    width: 100px;
    text-align: right;
    transform-origin: top right;
    color: #1e1e1d;
    font-weight: bold;
    font-size: 17px;
    text-shadow: 1px 1px #c1c14d;
  }

  #contact-detail>p.loc-firma:after {
    content: 'firma';
  }

  #contact-detail>p.loc-wystawa:after {
    content: 'wystawa';
  }

  #contact-detail>p.tel:after {
    content: 'tel.';
  }

  #contact-detail>p.mail:after {
    content: 'mail';
  }
}



/*. . . Form*/
#_form-contact-page {}

#form p:first-child {
  margin: 0 0 1.4em 146px;
}

#form p:first-child span {
  font-size: .7em;
  letter-spacing: 0.01em;
  text-shadow: 1px 1px 1px #181717;
}

#form input,
#form textarea {
  background-color: #272727;
  border-color: #1f1f1e;
  color: #bfbfbf;
  transition: .2s;
}

#form input::placeholder,
#form textarea::placeholder {
  color: #656565;
}

#form input:focus,
#form textarea:focus {
  background-color: #2d2d2d;
  border-color: #1f1f1f;
  box-shadow: 0 0 0 1px #404040, 0 0 2px 2px #2b2b2b;
  color: #efefef;
}

#form .control-label {
  padding-right: 0;
  color: #505050;
  text-shadow: 1px 1px 0 #0c0c0c;
  /* text-transform: uppercase; */
  font-size: 14px;
}

#form label.radio-inline {
  color: #848484;
  font-size: 0.85em;
}

#form #submit {
  background-color: #242424;
}

#form #submit:hover {
  background-color: #eaeaea;
  color: #585858;
}

/*. . . Mapa*/
#_mapa-contact-page {}

#map-container {}

#gMap {
  display: block;
  height: 440px;
  background-color: #4e4e4e;
  border-top: 2px solid #333;
  border-bottom: 1px solid #333;
}

/*. . . Form Response*/
#_response-form-contact-page {}

div#response {
  display: none;
}

div#response>p {}

div#msg {}

#msg div {
  font-size: .9em;
  color: #fff;
}

#msg .label {
  font-size: .9em;
  color: #bcba00;
}

#msg div:last-child {
  padding-left: 2em;
  padding-top: 0;
}


/*_ _ _ _ _ _ _ _ _ RWD*/
@media (max-width: 767px) {
  #contact-detail {
    display: flex;
    flex-wrap: wrap;
    margin: 0em 3em 4em;
  }

  #contact-detail>p {
    flex: 0 1 50%;
    box-shadow: none;
    border-left: 17px solid #bcba00;
  }

  #form {
    margin: 0em 2em 2em;
  }

  #form p:first-child {
    margin-left: 1.7em;
  }

  #form .control-label {
    margin-left: 2.2em;
    letter-spacing: 1vw;
  }
}

@media (max-width: 480px) {
  #contact-detail>p {
    flex-basis: 100%;
    font-size: 1.1em;
  }

  #form {
    margin: 0em 1em 2em;
  }

  #form p:first-child span {
    display: block;
  }

  #gMap {
    min-height: 100vw;
  }
}

@media (max-width: 320px) {
  #form {
    margin: 0 0.5em;
  }

  .contact main {
    background-size: 200% 380%;
  }

  .contact #extraConInfo {
    display: none;
  }

  .contact .navbar-inverse {
    border-top-width: 7px;
  }
}

@media (max-width: 425px) {}

@media (min-width: 768px) and (max-width: 991px) {
  #contact-detail {
    display: flex;
    margin: 0 0 4em;
  }

  #contact-detail>p {
    flex: 0 0 25%;
    box-shadow: none;
    /* border-left: 17px solid #bcba00; */
    box-shadow: -16px 0px #bcba00;
    box-sizing: border-box;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px) {
  #contact-detail {
    margin: 8px 0 0 38px;
  }

  #contact-detail>p {
    margin-bottom: 1.8em;
    font-size: 1.05em;
    letter-spacing: 0.02em;
  }
}