body {
	font-family: 'OpenSans', sans-serif;
	margin: 0;
	padding: 0;
	background: #F7F7F7;
}

@font-face {
  font-weight: 400;
  font-family: OpenSans;
  src: url("fonts/OpenSans-Regular.ttf");
}

@font-face {
  font-weight: 600;
  font-family: OpenSans;
  src: url("fonts/OpenSans-SemiBold.ttf");
}

@font-face {
  font-weight: 700;
  font-family: OpenSans;
  src: url("fonts/OpenSans-Bold.ttf");
}

@font-face {
  font-weight: 800;
  font-family: OpenSans;
  src: url("fonts/OpenSans-ExtraBold.ttf");
}

@font-face {
  font-weight: 800;
  font-family: PlayfairDisplay;
  src: url("fonts/PlayfairDisplay-ExtraBold.ttf");
}

@font-face {
  font-weight: 700;
  font-family: PlayfairDisplay;
  src: url("fonts/PlayfairDisplay-Bold.ttf");
}

* {
	box-sizing: border-box;
}

h1, h2, h3, h4, h5 {
	padding: 0;
	margin: 0;
}

h1 {
	font-weight: 800;
	font-size: 80px;
}

h2 {
	font-weight: 700;
}

h3 {
}

h4 {
	font-weight: 700;
}

p {
	padding: 0;
	margin: 0;
	font-weight: 400;
	font-size: 15px;
}

a {
	text-decoration: none;
}

ul, ol, li {
  padding: 0;
  margin: 0;
	list-style: none;
	text-decoration: none;
}

button {
	padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  outline: none;
  cursor: pointer
}

button:focus, input:focus {
	outline: none;
}

span {
	display: block;
}

.container {
	width: 1170px;
	margin: 0 auto;
}

/*-------------------------------------------Header-------------------------------------------*/

.header {
	padding: 18px 0px;
	background: url(../img/bghead.png) no-repeat center 40% / cover;
}

/*---------------------------------------- HEADER END --------------------------------------*/
/*---------------------------------------- BREADCRUMBS START --------------------------------------*/
	
.breadcrumbs {
	padding-top: 52px;
	padding-bottom: 82px;
}

.breadcrumbs-container {
	display: flex;
	align-items: center;
}

.line {
	margin: 0 25px;
}

.sterlitamakskiy {
	font-weight: 400;
	font-size: 15px;
	color: rgba(79, 79, 79, 1);
}

/*---------------------------------------- BREADCRUMBS END --------------------------------------*/
/*---------------------------------------- CONTACTS SECTION START --------------------------------------*/

.communications {
	padding-bottom: 80px;
}

.communications-title {
	margin-bottom: 50px;
	font-family: 'Playfair Display';
}

.communications-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	border-radius: 20px;
	padding-left: 65px;
}

.communications-list {
	width: 195px;
}

.communications-item:not(:last-child) {
	margin-bottom: 25px;
}

.communications-item h3 {
	margin-bottom: 15px;
}

.map {
	width: 870px;
	height: 400px;
	border-radius: 20px;
}

.ymaps-2-1-79-map {
	border-radius: 20px;
}

.ymaps-2-1-79-map .ymaps-2-1-79-i-ua_js_yes .ymaps-2-1-79-map-bg .ymaps-2-1-79-islets_map-lang-ru {
	border-radius: 20px;
}

.ymaps-2-1-79-inner-panes {
	border-radius: 20px;
	border: 2px solid #A1A1A1;
}

/*---------------------------------------- CONTACTS SECTION END --------------------------------------*/
/*------------------------------------------------  Responsive  -----------------------------------------------*/

/*------------------------------------------------- Large: 992px - 1199px -------------------------------*/
@media (max-width: 1199px) {
	.container {
		width: 960px;
	}

	.map {
	width: 750px;
	}

	.communications-wrapper {
	padding-left: 35px;
}

}

/*------------------------------------- Medium: 768px - 991px --------------------------------*/
@media (max-width: 991px) {
	.container {
		width: 720px;
	}

	.map {
	width: 480px;
	height: 350px;
	}

}

/* ----------------------------------------------------Small: 576px - 767px------------------------------ */
@media (max-width: 767px) {
	.container {
		width: 540px;
	}

	.communications-wrapper {
		display: block;
		padding-top: 60px;
	}

	.communications-list {
		margin: 0 auto;
		margin-bottom: 60px;
	}

}

/*-------------------------------------------------- Extra small: 0px (320px) - 575px --------------------------------------*/
@media (max-width: 575px) {
	.container {
		padding: 0 15px;
		max-width: 100%;
	}

	.communications-title {
		font-weight: 700;
		font-size: 50px;
	}

	.communications-wrapper {
		padding-left: 0;
		padding-right: 0;
	}

	.map {
		width: 290px;
		height: 290px;
		margin: 0 auto;
	}

	}