/* CSS Style for paragraph-contacts-block */

/*

MAIN

*/

/* MAIN */
.paragraph-contacts-block {
  
}

.paragraph-contacts-block__content {
  display: grid;
  grid-template-columns: 6fr 7fr;
  column-gap: 4em;
  margin-bottom: 2em;
}

.paragraph-contacts-block__contacts {
  
}

.paragraph-contacts-block__contacts h2 {
  margin-top: 0;
}

.paragraph-contacts-block__webform {
  background-color: #fff;
  padding: 50px 65px;
  border: 1px solid #80808063;
}

.paragraph-contacts-block__webform .js-form-type-processed-text {
  margin-top: 10px;
  margin-bottom: 10px;
}

.paragraph-contacts-block__webform-lable {
  display: none;
}

.paragraph-contacts-block__webform h2 {
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph-contacts-block__webform .form-item {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  /* margin-top: 1em; */
  /* margin-bottom: 1em; */
  align-items: center;
}

.paragraph-contacts-block__webform .form-item p {
  text-align: left!important;
}

.paragraph-contacts-block__webform .form-item label {
  grid-row: 1;
  grid-column: 1;
  color: #555555;
  font-size: 14px;
}

.paragraph-contacts-block__webform .form-item input {
  grid-row: 1;
  grid-column: 1;
}

.paragraph-contacts-block__webform .paragraph-contacts-block__webform-lable {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  margin-top: 0;
}

.paragraph-contacts-block__webform-lable p {
  font-size: 20px;
}

.paragraph-contacts-block__webform input {
  height: 30px;
  color: #555555;
  padding: 6px 12px;
  display: block;
  border: none !important;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  background: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid #80808063 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

.paragraph-contacts-block__webform textarea {
  border: none !important;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  background: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid #80808063 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
  min-height: 35px;
}

.paragraph-contacts-block__webform .form-submit {
  display: inline-block!important;
  width: 220px!important;
  height: 54px!important;
  margin: 15px auto 0 auto!important;
  padding: 15px 0!important;
  color: #fff!important;
  background-color: #d8211f!important;
  border-radius: 30px!important;
  text-align: center!important;
  font-weight: bold!important;
  font-size: 20px!important;
  cursor: pointer!important;
}


.paragraph-contacts-block__mapwrapper {
  display: flex;
  margin-top: 3em;
}

.paragraph-contacts-block__map iframe {
  max-height: 400px!important;
  min-height: auto;
}




/* ADAPTIVE */
@media (min-width: 1920px) {

}

@media (max-width: 1920px) {

}

@media (max-width: 1919px) {

}

@media (max-width: 1700px) {

}

@media (max-width: 1600px) {

}

@media (max-width: 1440px) {

}

@media (max-width: 1366px) {

}

@media (max-width: 1280px) {

}

@media (max-width: 1150px) {

}

@media (max-width: 1024px) {

}

@media (max-width: 991px) {
  .paragraph-contacts-block__content {
    display: flex;
    flex-wrap: wrap;
    row-gap: 2em;
  }
  .paragraph-contacts-block__mapwrapper {
    flex-wrap: wrap;
  }
  .paragraph-contacts-block__mapwrapper .paragraph-contacts-block__webform,
  .paragraph-contacts-block__mapwrapper .paragraph-contacts-block__map {
    flex: 100%!important;
  }
}

@media (max-width: 834px) {

}
@media (min-width: 768px) {
  .paragraph-contacts-block__mapwrapper .paragraph-contacts-block__webform,
  .paragraph-contacts-block__mapwrapper .paragraph-contacts-block__map {
    flex: 0 1 50%;
  }
}

@media (max-width: 768px) {
  .paragraph-contacts-block__mapwrapper {
    flex-direction: column;
  }
}

@media (max-width: 650px) {

}

@media (max-width: 480px) {
  .paragraph-contacts-block__webform {
    background-color: #fff;
    padding: 30px 35px;
    border: 1px solid #80808063;
  }
}

@media (max-width: 450px) {

}

@media (max-width: 380px) {

}