@import url("navbar.css");
@import url("body.css");

@media (max-width: 991px) {
    .contacts h4 {
        margin-top: 0px !important;
    }
}

.contacts {
    position: relative;
    padding: 10px 30px;
    background-color: #e6e6e6;
    border-radius: 5px;
    font-family: arial,helvetica,sans-serif;
    font-style: italic;
    color: black;
}

.contacts h4 {
    margin-top: 80px;
}

.info {
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
}


.name {
	width: 100%;
	margin-bottom: 5px;
	border-radius: 5px;
	border: 1px solid #C43100;
	background-color: #000;
	color: #C43100;
} 

.name:focus {
	outline: 1px solid #C43100;
}

.email {
	width: 100%;
	margin-bottom: 5px;
	border-radius: 5px;
	border: 1px solid #C43100;
	background-color: #000;
	color: #C43100;
}

.email:focus {
	outline: 1px solid #C43100;
}

.theme {
	width: 100%;
	margin-bottom: 5px;
	border-radius: 5px;
	border: 1px solid #C43100;
	background-color: #000;
	color: #C43100;
} 

.theme:focus {
	outline: 1px solid #C43100;
}

.message {
	width: 100%;
	text-decoration: none;
	margin-bottom: 5px;
	border-radius: 5px;
	border: 1px solid #C43100;
	background-color: #000;
	color: #C43100;
}

.message:focus {
	outline: 1px solid #C43100;
}

.submit {
	float: right;
	background-color: #C43100;
	border-radius: 5px;
	border: 1px solid #C43100;
}

.social-icons a {
  	position: relative;
  	background-color: #e6e6e6;
  	display: inline-block;
  	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
  	transition: background-color .3s ease-in-out;
  	width: 2.5rem;
  	height: 2.5rem;
  	border-radius: 1.5rem;
}
.social-icons a:hover {
  	background-color: #8e8e8e;
}
.social-icons a::before {
  	content: "";
  	position: absolute;
  	width: 1.6rem;
  	height: 1.6rem;
  	left: .45rem;
  	top: .45rem;
  	background: transparent no-repeat center center;
  	background-size: 100% 100%;
}

.social-icons .social-icon-vk::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23000000' d='M545 117.7c3.7-12.5 0-21.7-17.8-21.7h-58.9c-15 0-21.9 7.9-25.6 16.7 0 0-30 73.1-72.4 120.5-13.7 13.7-20 18.1-27.5 18.1-3.7 0-9.4-4.4-9.4-16.9V117.7c0-15-4.2-21.7-16.6-21.7h-92.6c-9.4 0-15 7-15 13.5 0 14.2 21.2 17.5 23.4 57.5v86.8c0 19-3.4 22.5-10.9 22.5-20 0-68.6-73.4-97.4-157.4-5.8-16.3-11.5-22.9-26.6-22.9H38.8c-16.8 0-20.2 7.9-20.2 16.7 0 15.6 20 93.1 93.1 195.5C160.4 378.1 229 416 291.4 416c37.5 0 42.1-8.4 42.1-22.9 0-66.8-3.4-73.1 15.4-73.1 8.7 0 23.7 4.4 58.7 38.1 40 40 46.6 57.9 69 57.9h58.9c16.8 0 25.3-8.4 20.4-25-11.2-34.9-86.9-106.7-90.3-111.5-8.7-11.2-6.2-16.2 0-26.2.1-.1 72-101.3 79.4-135.6z'/%3E%3C/svg%3E");
}

.social-icons .social-icon-1543::before {
    background-image: url("https://static.wixstatic.com/media/704d87_6bac83d954b04251aedb65262e0462b9~mv2.png/v1/fill/w_33,h_33,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/704d87_6bac83d954b04251aedb65262e0462b9~mv2.png");
}

.map {
	aspect-ratio: 16/8;
}

.yamap {
	height: 100%;
}