.contact-page {
	padding-top: 40px;
}
.contact-page-form {
	max-width: 500px;
}
.contact-tab {
	margin-bottom: 15px;
}

.contact-tab.is-open  .conatact-tab__header {
	background-color: #0cb8b6;
	-webkit-box-shadow: -52px 0 0 #07706f inset;
    box-shadow: -52px 0 0 #07706f inset;
}

.conatact-tab__header {
	position: relative;
	background-color: rgba(0,0,0,.07);
	cursor: pointer;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	padding: 15px 50px 15px 15px;
}

.conatact-tab__title {
	color: #444;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;

}

.conatact-tab__icon {
	position: absolute;
	right: 0;
	top: 0;
	padding: 15px 0;
}


.arrow {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  position: relative;
  margin: 0 1rem;

}

.arrow span {
  top: 0.5rem;
  position: absolute;
  width: 0.75rem;
  height: 0.1rem;
  background-color: #0cb8b6;
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.arrow span:first-of-type {
  left: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.arrow span:last-of-type {
  right: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.is-open .arrow span{
	background-color: #efefef;
}

.is-open .arrow span:first-of-type {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.is-open .arrow span:last-of-type {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}


.contact-tab__body {
	display: none;
	background-color: rgba(0,0,0,.07);
	padding: 15px;
}

.contact-tab__body-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 10px;
}

.contact-tab__subtitle {
	width: 25%;
	color: #000;
	font-size: 16px;
	font-weight: 700;
}

.contact-tab__info {
	width: 75%;
	font-size: 16px;
	-ms-flex-item-align: end;
	    align-self: flex-end;
	color: #000;
}


.contacts-map {
    height: 600px;
    margin: 50px 0;
}


.contact-page .marker {
	display: none;
}

@media (max-width: 992px){
	.contact-tab__body-item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.contact-tab__subtitle,
	.contact-tab__info {
		width: 100%;
	}

}