/*  
css style for page /about/
*/

/*form style*/

/*.form_head {
	display: none !important;
}

div.form-control label,
.form_body div.form-control label {
	color: #242423 !important;
	font-weight: 500 !important;
	font-size: 1.1em;
}

input[type='file'] {
	padding: 20px 10px;
	border: 1px dashed #d7d7d7;
	background: #f7f7f7;
	border-radius: 10px;
	width: 330px;
	max-width: 100%;
}

.form-control {
	margin-bottom: 30px !important;
}

div.form-control label.error {
	color: #e62222 !important;
}

label.error {
	font-weight: 500 !important;
	font-size: 1.1em !important;
}
*/
/*end form style*/

/*global*/

.swiper-button-next, .swiper-button-prev {
	color: #ffffff;
}

:root {
	--swiper-theme-color: #ffffff !important;
	---swiper-navigation-color: #ffffff !important;
}

.about-page-banner {
	background: #fff
		url('/local/templates/aspro-premier/images/about/banner-about.jpg') no-repeat;
	background-size: auto 100%;
	background-position: center top;
	height: 26vw;
	background-repeat: no-repeat;
	background-size: cover;
}

.about-page-text {
/*	font-size: 1.1em;*/
/*	line-height: 1.45em;*/
/*	color: #201600;*/
/*	font-weight: 500;*/
}

.about-page-title {
	/*font-size: 1.75em;*/
	font-size: 1.5em;
	line-height: 1.25em;
	text-transform: uppercase;
	color: #242423;
	font-weight: 400;
}

.form-header {
	text-align: center !important;

}

.form .form-header {
	padding-bottom: 20px !important;
}
/* end of global*/

/* табы */

.about-page-tabs__title {
	margin-top: 70px;
	text-align: center;
	margin-bottom: 60px;
}
.about-page-tabs .text-center {
	text-align: center;
}

.about-page-tabs .nav-pills {
	display: flex;
	justify-content: space-around;
	/* border-bottom: 3px solid transparent; */
	margin-top: 0px;
	margin-bottom: 25px;
	position: relative;
}

.about-page-tabs .nav-pills::after {
	border-image-source: linear-gradient(
		90deg,
		#67b7ff20,
		#67b7ff,
		#67b7ff,
		#67b7ff20
	);
	border-image-slice: 5;
	width: 100%;
	bottom: -2px;
	z-index: 1;
	height: 2px;
	position: absolute;
	background: linear-gradient(90deg, #67b7ff20, #67b7ff, #67b7ff, #67b7ff20);
}
.about-page-tabs .nav-pills li {
	font-size: 1.5em;
	margin:  0px 0px;
}

.about-page-tabs .nav-pills li:before {
	display: none;
}

.about-page-tabs .nav-pills li a {
	/* padding: 15px 45px; */
	line-height: 45px;
/*	font-weight: 600;*/
	z-index: 10;
	color: #67b7ff;
	text-decoration: none;
}

.about-page-tabs .nav-pills li a::after {
	content: '';
	position: absolute;
	z-index: 10;
	bottom: -8px;
	left: calc(50% - 10px);
	background: #67b7ff;
	width: 15px;
	height: 15px;
	border-radius: 20px;
}

.about-page-tabs .nav-pills li.active a::after {
	width: 15px;
	height: 15px;
}

.about-page-tabs .nav-pills li.active a::after {
	background: #333;
}

.about-page-tabs .nav-pills > li.active > a,
.about-page-tabs .nav-pills > li.active > a:focus,
.about-page-tabs .nav-pills > li.active > a:hover {
/*	background-color: #ffffff;*/
	color: #333;
	 background: rgba(255, 255, 255, 0);
	/* font-weight: 600; */
	z-index: 10;
}

.about-page-tabs .nav > li > a:focus,
.about-page-tabs .nav > li > a:hover {
/*	background-color: #ffffff;*/
	background: rgba(255, 255, 255, 0);

}

.about-page-tabs .nav > li > a:focus::after,
.about-page-tabs .nav > li > a:hover::after {
	background: #333;
}
.tab-content {
	display: inline-block;
}

.tab-pane {
	background: #f7f7f7;
	padding: 1.666rem 1.666rem;
	border-radius: 17px;
	box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 10%);
}

/* end of табы */

.about-page-about_text {
/*	margin-top: 40px;*/
}

/*что я могу купить*/

.about-page-what-can-i-buy {
}

.about-page-what-can-i-buy__title {
	margin-top: 70px;
	text-align: center;
	margin-bottom: 60px;
}

.about-page-what-can-i-buy-wrap-grid {
	margin-bottom: 30px;
	display: grid;
	/* grid-template-columns: 240px 160px 150px 150px 160px; */
	grid-template-columns:
		minmax(auto, 249px) minmax(auto, 249px) minmax(auto, 249px)
		minmax(auto, 249px);
	/* grid-template-rows: 322px; */
	row-gap: 30px;
	justify-content: space-around;
	column-gap: 20px;
	max-width: 100%;
}

.about-page-what-can-i-buy-wrap-grid-three {
	display: grid;
	/* grid-template-columns: 240px 160px 150px 150px 160px; */
	grid-template-columns: minmax(auto, 370px) minmax(auto, 370px) minmax(
			auto,
			370px
		);
	/* grid-template-columns: 1fr 1fr 1fr; */
	/* grid-template-rows: 322px; */
	row-gap: 30px;
	justify-content: space-around;
	column-gap: 20px;
	max-width: 100%;
	grid-template-areas: 'cat-5 cat-6 cat-7';
}

.cat-5 {
	grid-area: cat-5;
}
.cat-6 {
	grid-area: cat-6;
}
.cat-7 {
	grid-area: cat-7;
}

.about-page-what-can-i-buy-wrap-grid-three img {
	padding-left: 70px;
}

.about-page-what-can-i-buy-wrap a {
	position: relative;
	display: flex;
	justify-content: center;
	overflow: hidden;
	/* width: 100%; */
	/* height: 100%; */
	text-decoration: none;
	/* background-color: rgba(119, 119, 119, 0.1); */
	-webkit-box-shadow: 3px -3px 8px 2px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 3px -3px 8px 2px rgba(34, 60, 80, 0.2);
	box-shadow: 3px -3px 8px 2px rgba(34, 60, 80, 0.2);
	transition: all 0.5s;
}
.about-page-what-can-i-buy-wrap a:hover {
	/* box-shadow: 0 10px 15px -5px rgb(236 41 36 / 20%); */
	box-shadow: 4px -2px 6px 4px rgba(34, 125, 184, 0.2);
	transition: all 0.5s;
}
.about-page-what-can-i-buy-wrap a:hover span {
	/* box-shadow: 0 10px 15px -5px rgb(236 41 36 / 20%); */
	color: rgb(34, 125, 184);
	transition: all 0.5s;
}

.about-page-what-can-i-buy-wrap a span {
	left: 15px;
	right: 16px;
	bottom: 15px;
	position: absolute;
	font-size: 1.1em;
	color: #242423;
	transition: all 0.5s;
	font-weight: 600;
	text-transform: uppercase;
	text-shadow: 0px 5px 10px #ffffff, 0px -5px 10px #ffffff, 5px 0px 10px #ffffff,
		-5px 0px 10px #ffffff;
}

/*end of что я могу купить*/

/*бренды*/
.about-page-brands__title {
	margin-top: 70px;
	text-align: center;
	margin-bottom: 60px;
}
/*end of бренды*/

/*преимущества*/
.about-page-advantage__title {
	margin-top: 50px;
	text-align: center;
	margin-bottom: 40px;
}

.about-page-advantage-item {
	padding: 0px 20px 0px 20px;
}

.about-page-advantage-item__icon {
}

.about-page-advantage-item__text {
	margin-top: 18px;

	font-size: 1.1em;
	line-height: 1.45em;
	color: #201600;
	font-weight: 500;
	text-align: left;
}
/*end of преимущества*/

/*соц сети*/

/*.about-page-social-wrap {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1345px' height='142px'%3e%3cpath fill-rule='evenodd' stroke='rgb(1, 1, 1)' stroke-width='2px' stroke-dasharray='8, 4' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M3.000,1.327 C84.731,78.754 166.843,118.956 249.000,115.000 C372.289,109.063 427.157,-5.999 545.000,1.327 C663.895,8.718 688.610,131.227 805.000,137.153 C932.451,143.642 989.278,1.005 1120.000,1.327 C1197.642,1.518 1272.654,49.895 1345.000,137.153 '/%3e%3c/svg%3e");    
height: 140px;
}
*/

.about-page-social-wrap {
	background-image: url('/local/templates/aspro-premier/images/about/line-about.png');

	height: 140px;

	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 175px;
	justify-content: center;
	align-items: center;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.about-page-social-wrap__vk {
	padding: 10px;
	background-color: #fff;
	margin-left: 111px;
	position: relative;
	display: block;
}

.about-page-social-wrap__vk:before {
	position: absolute;
	height: 35px;
	width: 60px;
	content: '';
	/*background-image: url('/local/templates/aspro-premier/images/about/cursor-about.png');*/
	background: url('/local/templates/aspro-premier/images/about/cursor-about.png') 0
		0 repeat;
	left: -60px;
	top: -25px;
	transform: rotate(35deg);
}

.about-page-social-wrap__tg {
	padding: 10px;
	margin-left: 30px;
	background-color: #fff;
	position: relative;
	display: block;
}

.about-page-social-wrap__dzen {
	padding: 10px;
	background-color: #fff;
	margin-right: 50px;
	position: relative;
	display: block;
}

.about-page-social-wrap__dzen:after {
	position: absolute;
	height: 35px;
	width: 60px;
	content: '';
	/*background-image: url('/local/templates/aspro-premier/images/about/cursor-about.png');*/
	background: url('/local/templates/aspro-premier/images/about/cursor-about.png') 0
		0 repeat;
	right: -60px;
	bottom: -25px;
	transform: rotate(215deg);
}

.about-page-social-wrap > div {
	/*width: 100px;*/
}
/*line-about.png*/

/*background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1345px' height='142px'%3e%3cpath fill-rule='evenodd' stroke='rgb(1, 1, 1)' stroke-width='2px' stroke-dasharray='8, 4' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M3.000,1.327 C84.731,78.754 166.843,118.956 249.000,115.000 C372.289,109.063 427.157,-5.999 545.000,1.327 C663.895,8.718 688.610,131.227 805.000,137.153 C932.451,143.642 989.278,1.005 1120.000,1.327 C1197.642,1.518 1272.654,49.895 1345.000,137.153 '/%3e%3c/svg%3e");*/

/*магазины*/
.about-page-stores {
}

.about-page-stores .text-center{
text-align: center;
}

.about-page-stores-list {
	margin-top: 35px;
}

.about-page-stores-top__wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	column-gap: 10px;
	row-gap: 20px;
}

.about-page-stores-top__wrap > .btn.btn-transparent-border-color,
.about-page-stores-top__wrap > .btn.btn-default {
	border-radius: 30px;
	font-weight: 500;
	font-size: 0.85em;
}

.about-page-stores .maxwidth-theme {
	padding: 0px 0px;
}

/*end of магазины*/

/*отзывы о нас*/
.about-page-comment__title {
	margin-top: 50px;
	text-align: center;
	margin-bottom: 60px;
}

.about-page-comment-wrap {
	background-image: none;
	height: auto;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	/* gap: 0px; */
	justify-content: center;
	align-items: center;
	column-gap: 50px;
}

.about-page-comment__text {
	margin-top: 40px;
	text-align: center;
	margin-bottom: 40px;
/*	font-size: 1.35em;*/
	line-height: 1.75em;
	color: #201600;
	font-weight: 600;
	text-transform: uppercase;
}
.about-page-comment-wrapbutton {
	text-align: center;
}

.about-page-comment-wrapbutton > .btn-default {
	font-size: 1.1em;
	padding-left: 55px;
	padding-right: 55px;
}
/*end of отзывы о нас*/


/*галерея*/

.about-page-stores {
margin-top: 70px;
}
/*end of галерея*/

/* заявка на звонок*/

.about-page-form-callback__title {
	margin-top: 70px;
	text-align: center;
	margin-bottom: 5px;
}

/* end of заявка на звонок*/

/*МОБ*/

@media (max-width: 576px) {
	/* табы */

	.about-page-tabs .nav-pills {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		/* border-bottom: 3px solid transparent; */
		margin-top: 0px;
		margin-bottom: 25px;
		position: relative;
	}


.about-page-tabs .nav-pills li:first-child {
	z-index: 10;
	padding-bottom: 5px;
	background: #ffffff;
}

.about-page-tabs .nav-pills li:last-child {
	margin-top: 20px;
	padding-top: 5px;
	z-index: 10;
	background: #ffffff;
}


	.about-page-tabs .nav-pills::after {
		border-image-source: linear-gradient(
			0deg,
			#67b7ff20,
			#67b7ff,
			#67b7ff,
			#67b7ff20
		);

		width: 3px;
		/* bottom: -2px; */
		left: 50%;
		z-index: 1;
		height: 100%;
		  content: "";
    display: block;

		background: linear-gradient(0deg, #67b7ff20, #67b7ff, #67b7ff, #67b7ff20);
	}

	.about-page-tabs .nav-pills li a::after {
		left: calc(50% - 4px);
		width: 10px;
		height: 10px;
	}

	.about-page-tabs .nav-pills li a {
		padding: 20px 45px;
		display: block;
	}

	.about-page-tabs .nav-pills li.active a::after {
		width: 10px;
		height: 10px;
	}

	/* end of табы */
}



@media (max-width: 992px) {
	/*global for mobile*/

	.about-page-text {
		font-size: 1em;
	}

	.about-page-title {
		font-size: 1.35em;
		line-height: 1.25em;
		text-transform: uppercase;
		color: #242423;
		font-weight: 600;
	}

	/*end global for mobile*/

	/* табы */
	.about-page-tabs__title {
		margin-top: 40px;
		text-align: center;
		margin-bottom: 40px;
	}

	.about-page-tabs .nav-pills li {
		font-size: 1em;
	}

	.about-page-tabs .nav-pills::after {
		bottom: -3px;
	}


	.about-page-tabs .nav-pills li:first-child {
		display: none;
	}

	.about-page-tabs .nav-pills li:last-child {
		display: none;
	}


	/* end of табы */

	/*что я могу купить*/
	.about-page-what-can-i-buy__title {
		margin-top: 40px;
		text-align: center;
		margin-bottom: 40px;
	}
	/*end of что я могу купить for mobile*/

	/*бренды*/
	.about-page-brands__title {
		margin-top: 40px;
		text-align: center;
		margin-bottom: 40px;
	}
	/*end of бренды*/

	/*преимущества*/
	.about-page-advantage__title {
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.about-page-advantage-item {
		padding: 0px 0px 0px 0px;
		margin-bottom: 20px;
	}

	.about-page-advantage-item__text {
		margin-top: 9px;
		font-size: 1em;
		/*line-height: 1.45em;*/
		color: #201600;
		font-weight: 500;
		text-align: left;
	}
	/*end of преимущества*/

	/*соц сети*/
	.about-page-social-wrap {
		background-image: none;

		height: auto;

		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		gap: 15px;
		justify-content: space-between;
		align-items: center;
	}

	.about-page-social-wrap__vk {
		padding: 0px;
		margin-left: 0px;
	}

	.about-page-social-wrap__vk:before {
		/*  position: absolute;
    height: 35px;
    width: 60px;
  */
		content: '';
		/*background-image: url('/local/templates/aspro-premier/images/about/cursor-about.png');*/
		background: none;
		/*    left: -60px;
    top: -25px;
    transform: rotate(35deg);
	*/
	}

	.about-page-social-wrap__tg {
		padding: 0px;
		margin-left: 0px;
	}

	.about-page-social-wrap__dzen {
		padding: 0px;
		margin-right: 0px;
	}

	.about-page-social-wrap__dzen:after {
		content: '';
		/*background-image: url('/local/templates/aspro-premier/images/about/cursor-about.png');*/
		background: none;
	}

	.about-page-social-wrap > div {
		/*width: 100px;*/
	}

	/*end of соц сети*/

	/*магазины*/
	.about-page-stores-top__wrap {
		justify-content: center;
		column-gap: 8px;
		row-gap: 10px;
	}

	.about-page-stores-top__wrap > .btn.btn-transparent-border-color,
	.about-page-stores-top__wrap > .btn.btn-default {
		font-weight: 400;
		font-size: 0.733em;
	}
	/*end of магазины*/

	.about-page-stores .btn-lg {
		padding: 10px 14px 8px;
	}



	/*галерея*/

	.about-page-stores {
	margin-top: 40px;
	}
	/*end of галерея*/


	/*отзывы*/
	.about-page-comment__title {
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.about-page-comment-wrap {
		justify-content: center;
		column-gap: 20px;
		row-gap: 10px;
		flex-wrap: wrap;
	}

	.about-page-comment__text {
		font-size: 0.95em;
		line-height: 1.55em;
	}

	/*end of отзывы*/

	/* заявка на звонок*/

	.about-page-form-callback__title {
		margin-top: 40px;
		margin-bottom: 10px;
	}

	/* что я могу купить */
	.about-page-what-can-i-buy-wrap-grid {
		display: grid;
		/* grid-template-columns: 240px 160px 150px 150px 160px; */
		grid-template-columns: minmax(auto, 249px) minmax(auto, 249px);
		/* grid-template-rows: 322px; */
		row-gap: 30px;
		justify-content: space-around;
		column-gap: 30px;
		max-width: 100%;
	}

	.about-page-what-can-i-buy-wrap a span {
		left: 15px;
		right: 16px;
		bottom: 15px;
		position: absolute;
		font-size: 0.85em;
		color: #242423;
		font-weight: 600;
		text-transform: uppercase;
		text-shadow: 0px 5px 10px #ffffff, 0px -5px 10px #ffffff,
			5px 0px 10px #ffffff, -5px 0px 10px #ffffff;
	}

	.about-page-what-can-i-buy-wrap-grid-three {
		display: grid;
		/* grid-template-columns: 240px 160px 150px 150px 160px; */
		grid-template-columns: minmax(auto, 249px) minmax(auto, 249px);
		/* grid-template-columns: 1fr 1fr 1fr; */
		/* grid-template-rows: 322px; */
		row-gap: 30px;
		justify-content: space-around;
		column-gap: 30px;
		max-width: 100%;
		grid-template-areas:
			'cat-5 cat-6'
			'cat-7 cat-7';
	}

	.about-page-what-can-i-buy-wrap-grid-three img {
		padding-left: 0px;
	}

	/* end of что я могу купить */
}