@charset "UTF-8";

.vcard
{
 display: none 
}

.title
{
 position: relative;
 max-width: 1300px;
 padding-top: 0;
 padding-left: 50px;
 padding-right: 50px;
 padding-bottom: 0;
 margin: 0 auto
}

.title_wrap
{
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0
}

.content
{
 display: flex;
 position: relative;
 max-width: 1300px;
 padding-top: 0;
 padding-left: 50px;
 padding-right: 50px;
 padding-bottom: 0;
 margin: 0 auto;
 justify-content: space-between
}

.contacts
{
 display: grid;
 grid-template-columns: 1fr 1fr;
 grid-gap: 30px;
 position: relative;
 width: 70%;
 padding-top: 0;
 padding-left: 0;
 padding-right: 30px;
 padding-bottom: 0;
 margin-top: 0;
 margin-left: 0;
 margin-right: 0;
 margin-bottom: 50px;
 box-sizing: border-box
}

.contact_item
{
 position: relative;
 padding-top: 25px;
 padding-left: 30px;
 padding-right: 30px;
 padding-bottom: 15px;
 margin: 0;
 border-radius: 7px;
 background: #F3F3F3;
 border: 1px solid #E3E3E3;
 box-sizing: border-box
}

.contact_item h2
{
 font-size: 0.875rem;
 margin-bottom: 10px
}

.contact_item p
{
 line-height: 1.9;
 margin-bottom: 10px
}

.map, .map:hover, .map:active, .map:visited
{
 font-size: 0.813rem;
 color: #666666;
 text-decoration: none
}

.form
{
 position: relative;
 width: 30%;
 padding: 0;
 margin-top: 0;
 margin-left: 0;
 margin-right: 0;
 margin-bottom: 50px
}

.contact_form
{
 position: relative;
 padding-top: 20px;
 padding-left: 25px;
 padding-right: 25px;
 padding-bottom: 10px;
 margin: 0;
 border-radius: 7px;
 background: #F3F3F3;
 border: 1px solid #E3E3E3;
 box-sizing: border-box
}

.contact_form h2
{
 font-size: 0.875rem;
 margin-bottom: 10px
}

@media screen and (max-width: 1080px)
{
 .contacts
 {
  width: 60%;
  padding-right: 30px
 }

 .form
 {
  width: 40%
 }
}

@media screen and (max-width: 980px)
{
 .title,
 .content
 {
  padding-left: 30px;
  padding-right: 30px
 }
}

@media screen and (max-width: 920px)
{
 .contacts
 {
  grid-template-columns: 1fr;
  width: 50%;
  margin-bottom: 30px
 }

 .form
 {
  width: 50%;
  margin-bottom: 30px
 }
}

@media screen and (max-width: 780px)
{
 .content
 {
  display: block
 }

 .contacts
 {
  width: 100%;
  padding-right: 0
 }

 .form
 {
  width: 100%
 }
}

@media screen and (max-width: 480px)
{
 .title,
 .content
 {
  padding-left: 20px;
  padding-right: 20px
 }

 .contacts
 {
  grid-gap: 20px
 }

 .contact_item
 {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 5px
 }

 .contact_item h2
 {
  font-size: 1.125rem
 }

 .map, .map:hover, .map:active, .map:visited
 {
  font-size: 0.875rem
 }

 .contact_form
 {
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px
 }

 .contact_form h2
 {
  font-size: 1.125rem
 }
}