
.contacts_slider {
  height:243px;
}
.contacts_slider  iframe {
    height:100%;
    width:100%;
    border:0;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
	  -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
	  -webkit-backface-visibility: hidden;  /* Fix for transition flickering */
  }
  
 .contacts_page .contacts{
    background-color: #36af86;
  
    color:#fff;
  }
  
  .contacts .col-lg-3,.persons .col-lg-3{
         background-position: center;
    background-repeat: no-repeat;
    min-height: 155px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    text-align: center;
  }
  
.persons .col-lg-3{
      padding:0 24px;
    text-align: left;
  }
  
  
  .persons{
     background-color: #35a780;
    color:#fff;
  }


.contacts_page{
    background-image: url(contacts_greyback.jpg);
}

.cont_address{
    background-image: url(cont_loc.jpg);
}
.cont_web{
    background-image: url(cont_web.jpg);
}
.cont_email{
    background-image: url(cont_email.jpg);
}
.cont_phone{
    background-image: url(cont_phone.jpg);
}
.form_wrapper {
    background-image: url(contacts_back.jpg);
    padding: 131px 15px 75px;
    background-size: cover;
    width: 100% !important;
    max-width: 100% !important;
}

.contacts_page .edit{
    font-size:15px;
}

.contacts_page textarea.edit{
    min-height:108px;
}

.contacts_page .block_header,.contacts_page .block_subheader{
    color:#fff;
}
.contacts_page .block_header{
    font-size:32px;
}
.contacts_page .block_subheader{
    font-size:16px;
}

.contacts_part{
        margin: -15px auto -66px;
        z-index:2;
    max-width: calc(100% - 30px) !important;
}

@media (min-width: 400px)
{
	.contacts_page .contacts,.persons {font-size: 22px;}
.contacts_slider {
  height:352px;
}
.contacts .col-lg-3, .persons .col-lg-3 {
   
    min-height: 219px;
    background-size: 40%;
  
}
.contacts_page .block_header{
    font-size:45px;
}
.contacts_page .block_subheader{
    font-size:22px;
}
  .contacts_page .edit{
    font-size:21px;
}  
    .contacts_page textarea.edit {
    min-height: 153px;
    padding-top: 15px;
}
    }
    
@media (min-width: 992px){
	.contacts_slider {height: 527px;}
.contacts .col-lg-3, .persons .col-lg-3 {
    font-size: 15px;
    text-align: left !important;
    min-height:155px;
    height:155px;
        background-size: 65%;
    background-position: left;
}
	.contacts_page .block_subheader{font-size:17px;}
	.contacts_page .edit,.contacts_page .submit{width: 100%;}
.sendform{
        width: 355px;
    margin: 0 auto;
}
.contacts_page .edit {
    font-size: 15px;
}
.contacts_part {
    margin: -149px auto -193px;
    z-index: 2;
    max-width: calc(100% - 30px) !important;
    border: 5px solid #fff;
    border-top: 0;
    top: 30px;
}

.block_header {
    padding-top: 150px;
}
.form_wrapper {
    padding: 131px 15px 120px;
  
}
 .persons .col-lg-3{
        display: block;
    margin-top: 30px;
  
  }

}

@media (min-width: 1200px){
    .contacts_part{
    /*margin:auto;*/
    max-width: 1100px !important;
    }
    .contacts .col-lg-3, .persons .col-lg-3 {
    font-size: 16px;
   
}
}
