/* customer css */

/* section personal */
.section-personal__box {
  background-color: #fff;
  border: 1px solid #ececec;
}
.section-personal__box:hover {
  box-shadow: 0 0 23px 0 rgba(0, 0, 0, 0.2);
}
.section-personal__img-img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.section-personal__text {
  padding: 20px 20px 30px 20px;
}
.section-personal__text .fa {
  color: #777;
  margin-right: 5px;
}
.section-personal__name {
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 5px;
  min-height: 35px;
  line-height: 1.3;
}
.section-personal__name a {
  color: #333;
}
.section-personal__name a:hover {
  opacity: 0.8;
}
.section-personal__position {
  font-size: 0.9em;
  margin-bottom: 30px;
  color: #777;
}

/* messenger */
#header .header-phone__messenger ul {
  display: flex;
  justify-content: center;
}
#header .header-phone__messenger ul li {
  margin-right: 15px;
}
#header .header-phone__messenger ul li:last-child {
  margin-right: 0;
}
#header .header-phone__messenger .fa {
  padding: 10px;
  font-size: 1.4em;
  color: #e4e3e3;
  border-radius: 4px;
}
#header .header-phone__messenger .fa:hover {
  opacity: 0.8;
}
#header .header-phone__messenger .fa-whatsapp {
  color: #1eaa53;
  font-size: 1.5em;
  margin-top: -2px;
}
#header .header-phone__messenger .fa-telegram {
  color: #1979a1;
}
#header .header-phone__messenger .fa-vk {
  color: #537baa;
}

#footer .header-phone__messenger ul {
  display: flex;
  justify-content: left;
}
#footer .header-phone__messenger ul li {
  margin-right: 15px;
}
#footer .header-phone__messenger ul li:last-child {
  margin-right: 0;
}
#footer .header-phone__messenger .fa {
  padding: 10px;
  font-size: 1.4em;
  color: #e4e3e3;
  border-radius: 4px;
}
#footer .header-phone__messenger .fa:hover {
  opacity: 0.8;
}
#footer .header-phone__messenger .fa-whatsapp {
  color: #1eaa53;
  font-size: 1.5em;
  margin-top: -2px;
}
#footer .header-phone__messenger .fa-telegram {
  color: #1979a1;
}
#footer .header-phone__messenger .fa-vk {
  color: #537baa;
}
@media (max-width: 767px) {
    #footer .header-phone__messenger ul {
        text-align: center;
  		justify-content: center;
    }
}

/* header top */

#header .header-top {
	padding-top: 15px;
	margin-bottom: 15px;
}
.header-doptop {
	display: flex;
	align-items: center;
	height: 50px;
	border-bottom: 1px solid #dadada;
	color: #333;
	background: #f7f7f7;
}
.header-doptop__flex {
	display: flex;
	align-items: center;
	height: 100%;
}
.header-doptop__search input {
	margin-top: 0 !important;
	background: #fff !important;
}
.header-doptop__search button {
	top: 5px !important;
	right: 9px !important;
}
.header-doptop__address,
.header-doptop__email {
	font-size: 0.9em !important;
}
.header-doptop__email a {
	color: #333;
}
.header-doptop .fa {
	color: #107BB1;
	margin-right: 7px;
}
.header-doptop__address .fa-map-marker {
	margin-top: -3px;
	font-size: 1.2em;
}
.header-time {
	margin: 7px 11px 7px 0;
	text-align: right;
	font-size: 0.9em;
}
.header-calc,
.header-zayvka {
	display: inline-block;
}
.header-calc {
	margin-right: 40px;
	padding-right: 40px;
	border-right: 1px solid #ccc;
}
.header-zayvka {
	padding-right: 40px;
	border-right: 1px solid #ccc;
}
.header-calc .fa,
.header-zayvka .fa {
	display: inline-block;
	font-size: 2em;
	margin-right: 10px;
}
.header-calc__text,
.header-zayvka__text {
	display: inline-block;
	color: #333;
}
.header-calc__link,
.header-zayvka__link {
	display: flex;
	align-items: center;
	justify-content: center;
}
.header-calc:hover,
.header-zayvka:hover {
	opacity: 0.8;
}
@media (max-width: 991px) {
	.header-doptop {
		height: auto;
		padding: 10px 0;
		text-align: center;
		margin:0 auto;
	}
	.header-doptop__flex {
		justify-content: center;
		width: 100%;
		height: auto;
	}
	.header-doptop__address {
		margin-bottom: 15px;
	}
	.header-doptop__email {
		margin-bottom: 15px;
	}
	#header .header-top {
		text-align: center;
	}
	.header-logo {
		text-align: center;
	}
    #header .header-logo img {
        max-height: 90px !important;
    }
	.header-time {
		margin-bottom: 30px;
		text-align: center;
	}
	#header .header-phone {
		margin-bottom: 10px !important;
		text-align: center;
	}
	#header  .header-phone__main-phone {
		font-size: 1.5em;
	}
	#header .header-btn-callback {
		display: none;
	}
	.header-calc,
	.header-zayvka {
		display: inline-block;
		padding: 15px 0;
		width: 250px;
		height: auto;
		background: #f7f7f7;
		border: 1px solid #dadada;
		border-radius: 4px;
	}
	.header-calc {
		margin-right: 0;
		margin-bottom: 20px;
	}
	.header-zayvka {
		margin-bottom: 30px;
	}
}