@font-face {
   	font-display: swap;
   	font-family: montserrat-bold;
   	src: url(montserrat-bold.woff2) format("woff2"), url(montserrat-bold.woff) format("woff"), url(montserrat-bold.ttf) format("ttf")
   }

   @font-face {
   	font-display: swap;
   	font-family: montserrat-black;
   	src: url(montserrat-black.woff2) format("woff2"), url(montserrat-black.woff) format("woff"), url(montserrat-black.ttf) format("ttf")
   }

   @font-face {
   	font-display: swap;
   	font-family: montserrat-regular;
   	src: url(montserrat-regular.woff2) format("woff2"), url(montserrat-regular.woff) format("woff"), url(montserrat-regular.ttf) format("ttf")
   }

   @font-face {
   	font-display: swap;
   	font-family: montserrat-medium;
   	src: url(montserrat-medium.woff2) format("woff2"), url(montserrat-medium.woff) format("woff"), url(montserrat-medium.ttf) format("ttf")
   }

   @font-face {
   	font-family: icomoon;
   	src: url(icomoon.eot);
   	src: url(icomoon.eot#iefix) format("embedded-opentype"), url(icomoon.ttf) format("truetype"), url(icomoon.woff) format("woff"), url(icomoon.svg#icomoon) format("svg");
   	font-weight: 400;
   	font-style: normal;
   	font-display: block
   }

   [class*=" icon-"],
   [class^=icon-] {
   	font-family: icomoon !important;
   	speak: never;
   	font-style: normal;
   	font-weight: 400;
   	font-variant: normal;
   	text-transform: none;
   	line-height: 1;
   	-webkit-font-smoothing: antialiased;
   	-moz-osx-font-smoothing: grayscale
   }

   body,
   html {
   	box-sizing: border-box;
   	height: 100%;
   	font-family: montserrat-regular, sans-serif;
   }

   body {
   	background: #f6f6f6 !important;
   }

   *,
   a:focus {
   	outline: 0 !important;
   }

   *,
   :after,
   :before {
   	padding: 0;
   	margin: 0;
   	border: 0;
   	box-sizing: border-box;
   }

   .top-nav {
   	position: fixed;
   	height: 96px;
   	background: #fff;
   	z-index: 9999;
   	box-shadow: none;
   	transition: .3s ease;
   	transition-property: top;
   	top: 0;
   	width: 100%;
   	box-shadow: 0 1px 2px #0000001a;
   }

   .wrapper-header {
   	display: flex;
   	flex-direction: column;
   	justify-content: center;
   	max-width: 1380px;
   	padding: 0 15px;
   	margin: auto;
   	z-index: 10000;
   	top: 0;
   	left: 0;
   	right: 0;
   	height: 96px;
   }

   #top-nav,
   .header {
   	position: relative;
   	width: 100%;
   	height: auto;
   }

   .header {
   	width: 100%;
   	height: auto;
   }

   .top-bar,
   .top-bar__logo {
   	display: flex;
   	flex-direction: row;
   	align-items: center;
   	justify-content: space-between;
   	width: 100%;
   }

   .breadcrumbs-wr {
   	position: relative;
   	display: flex;
   	flex-direction: column;
   	align-items: flex-start;
   	width: 100%;
   	max-width: 1380px;
   	padding: 0 15px;
   	overflow: hidden;
   	z-index: 10;
   	margin: 0 auto;
   	margin-top: 105px;
   }

   .breadcrumbs {
   	position: relative;
   	display: flex;
   	flex-wrap: wrap;
   	left: 0;
   	bottom: 0;
   }

   .breadcrumbs li {
   	padding-top: 0;
   	display: flex;
   	align-items: center;
   	color: #1a1a1a;
   }

   .breadcrumbs a {
   	position: relative;
   	display: flex;
   	align-items: center;
   	padding: 8px 0px 8px 0;
   	transition: .2s;
   	font-size: 12px;
   	font-weight: normal;
   	color: #1a1a1a;
   	text-decoration: none;
   }

   .breadcrumbs span {
   	font-size: 12px;
   	font-weight: normal;
   	color: #1a1a1a;
   	text-shadow: none;
   	margin-right: 10px;
   	margin-left: 0;
   	transition: .2s;
   }

   .breadcrumbs a span:hover {
   	color: #f60;
   }

   .breadcrumbs a .icon-arrow-down-3:before {
   	content: "\e903";
   	position: absolute;
   	font-size: 10px;
   	transform: rotate(270deg);
   	right: 5px;
   	top: 10px;
   }

   .breadcrumbs .breadcrumbs-page,
   .breadcrumbs-page:hover {
   	color: #1a1a1a;
   	font-weight: normal;
   	cursor: default;
   	padding-top: 0;
   	margin-left: 0;
   }

   .container {
   	width: 100%;
   	box-sizing: border-box;
   	max-width: 1380px;
   	padding: 0 15px;
   	background-color: #f6f6f6;
   	margin: 0 auto;
   }

   .title__h1 {
   	line-height: 28px;
   	font-size: 28px;
   	font-family: montserrat-bold, sans-serif;
   	margin-top: 12px;
   	margin-bottom: 20px;
   	font-weight: normal;
   	color: #616161;
   }

   .profile-top__name {
   	display: flex;
   	flex-direction: row;
   	align-items: center;
   	justify-content: space-between;
   }

   .profile-top__name-email {
   	overflow: hidden;
   	cursor: pointer;
   	font-size: 16px;
   	max-width: 150px;
   	margin-right: 15px;
   	text-align: right;
   }

   .profile-top__name-email p {
   	color: #3f3f3f;
   	max-width: auto;
   	font-family: montserrat-medium, sans-serif;
   	white-space: nowrap;
   	overflow: hidden;
   	text-overflow: ellipsis;
   }

   .profile-top__name-avatar {
   	width: 45px;
   	height: 45px;
   	background: #fff;
   	border-radius: 50%;
   	margin-right: 0px;
   	overflow: hidden;
   	cursor: pointer;
   }

   .top-bar__logo {
   	max-width: 100px;
   	min-width: auto;
   }

   .top-bar__logo a {
   	display: flex;
   	height: 64px;
   	background-color: #f60;
   	padding: 12px 15px 10px 15px;
   	width: 100px;
   	border-radius: 12px;
   	transition: .3s;
   }

   .top-bar__logo a:hover {
   	background-color: #ff802c;
   }

   img.img-logo {
   	width: 70px;
   }

   #button-up {
   	display: none;
   	left: 90%;
   	bottom: 100px;
   	margin: 0;
   	position: fixed;
   	outline: 0;
   	background: #fff;
   	background-size: 200% auto;
   	text-decoration: none;
   	border-radius: 12px;
   	z-index: 1000;
   	transition: .3s;
   	opacity: .75;
   	width: 60px;
   	height: 60px;
   	box-shadow: 0 0 10px #00000040;
   	cursor: pointer;
   }

   #button-up:hover {
   	opacity: 1;
   }

   .icon-arrow-up:before {
   	content: "\e90a";
   	font-size: 24px;
   	color: #898989;
   	top: 19px;
   	position: absolute;
   	left: 18px;
   }

   .top-bar__buttons {
   	display: flex;
   	flex-direction: row;
   	width: 100%;
   	justify-content: flex-end;
   	margin-right: 20px;
   }

   .button__user {
   	display: flex;
   	flex-direction: column;
   	justify-content: center;
   	align-items: center;
   	min-width: 90px;
   	height: 64px;
   	border-radius: 12px;
   	margin-left: 10px;
   	cursor: pointer;
   	transition: .3s;
   }

   .button__user__title {
   	font-size: 10px;
   	margin-top: 6px;
   	text-align: center;
   	transition: .3s;
   }

   .button__user__active {
   	background: #f1f1f1;
   }

   .button__user:hover {
   	background: #f1f1f1;
   }

   .button__user__disabled {
   	cursor: auto;
   	opacity: .3;
   }

   .button__user__disabled:hover {
   	background: transparent;
   }

   .icon-user:before {
   	content: "\e934";
   	font-size: 20px;
   	text-align: center;
   	color: #777777;
   }

   .icon-add:before {
   	content: "\e92e";
   	font-size: 20px;
   	text-align: center;
   	color: #777777;
   }

   .icon-shop-cart:before {
   	content: "\e933";
   	font-size: 21px;
   	text-align: center;
   	color: #777777;
   }

   .icon-catalog-2:before {
   	content: "\e930";
   	font-size: 21px;
   	text-align: center;
   	color: #777777;
   }

   .icon-bell:before {
   	content: "\e92f";
   	font-size: 21px;
   	text-align: center;
   	color: #777777;
   }

   .icon-chart:before {
   	content: "\e931";
   	font-size: 21px;
   	text-align: center;
   	color: #777777;
   }

   .icon-logout:before {
   	content: "\e932";
   	font-size: 21px;
   	text-align: center;
   	color: #777777;
   }

   .profile-top__name-avatar {
   	width: 64px;
   	height: 64px;
   	background: #fff;
   	border-radius: 50%;
   	margin-right: 0px;
   	overflow: hidden;
   	background-color: #f60;
   	border-radius: 12px;
   	cursor: pointer;
   	padding: 8px;
   }

   .profile-top__name-avatar img {
   	border-radius: 50%;
   }

   img {
   	width: 100%;
   	height: auto;
   }

   .personal-outer {
   	margin: 0 0 50px;
   }

   .personal-outer:last-child {
   	padding-bottom: 80px;
   }

   .personal-wr {
   	display: flex;
   	justify-content: center;
   	flex-wrap: wrap;
   	gap: 20px;
   	max-width: 1380px;
   	margin: 0 auto;
   }

   .personal__block {
   	position: relative;
   	display: flex;
   	flex-direction: column;
   	width: 32%;
   	background: #fff;
   	border-radius: 12px;
   	box-shadow: 0 1px 2px #00000029;
   	padding: 35px 25px 45px 25px;
   	overflow: hidden;
   	min-width: 320px;
   }

   .personal__block h2 {
   	font-family: montserrat-medium, sans-serif;
   	font-weight: normal;
   	font-size: 20px;
   	margin: 0 0 20px 0;
   	text-align: center;
   	color: #434343;
   }

   .personal__form {
   	display: flex;
   	flex-direction: column;
   	flex-grow: 1;
   	justify-content: space-between;
   }

   .personal__form__group {
   	position: relative;
   	display: flex;
   	flex-direction: column;
   	margin: 12px 0;
   }

   .personal__form__group label {
   	position: relative;
   	display: flex;
   	width: fit-content;
   	font-family: montserrat-medium, sans-serif;
   	font-size: 14px;
   	font-weight: normal;
   	color: #434343;
   	padding-left: 8px;
   	margin-bottom: 4px;
   }

   .personal__form__group input[type="text"],
   .personal__form__group input[type="tel"],
   .form-group input[type="file"] {
   	display: flex;
   	justify-content: flex-start;
   	align-items: center;
   	width: 100%;
   	font-family: montserrat-regular, sans-serif;
   	font-size: 12px;
   	line-height: 12px;
   	border: 1px solid #ddd;
   	border-radius: 8px;
   	height: 38px;
   	padding: 10px 12px;
   	transition: .2s;
   }

   .personal__form__group .readonly-field {
   	display: flex;
   	justify-content: flex-start;
   	align-items: center;
   	width: 100%;
   	height: 38px;
   	background: #f1f1f1;
   	border-radius: 8px;
   	font-size: 12px;
   	line-height: 12px;
   	padding: 10px 12px;
   }

   .personal__form__group small {
   	display: block;
   	color: #666;
   	margin-top: 6px;
   	font-size: 10px;
   	text-align: right;
   	padding-right: 8px;
   }

   .personal__block__inner {
   	display: flex;
   	flex-direction: column;
   }

   .personal__form__button-wr {
   	display: flex;
   	flex-direction: column;
   	justify-content: flex-end;
   	flex-grow: 1;
   }

   .personal__form__button {
   	position: relative;
   	display: flex;
   	align-items: center;
   	justify-content: center;
   	height: 50px;

   	background: #f1f1f1;
   	color: #333;
   	border: 1px solid #d9d9d9;

   	font-family: montserrat-medium, sans-serif;
   	font-size: 14px;
   	line-height: 100%;
   	border-radius: 8px;
   	outline: none;
   	padding: 0 20px;
   	-webkit-user-select: none;
   	-moz-user-select: none;
   	user-select: none;

   	cursor: pointer;
   	margin: 0 auto;
   	transition: .3s;
   	margin-top: 30px;
   	width: 180px;
   }

   /*color: #0f5132;
   	color: #fff;
   	color: #333;
   	background: #198754;
   	background: #fff;
   	border: 1px solid #badbcc;
   	border: 1px solid #198754;
   	border: 1px solid #badbcc;*/

   .personal__form__button:hover {
   	/*	background: #f1f1f1;
   	background: #badbcc;
   	color: #fff;
   	background: #157347;
   	border-color: #146c43;   	
		box-shadow: 0 0 0 1px #0000000a, 0 4px 4px #0000000a, 0 20px 40px #00000014;*/
   	background: #f7f7f7;
   	-webkit-box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .15);
   	box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .15);
   }

   /*
   .btn-secondary {
   	color: #fff;
   	background-color: #6c757d;
   	border-color: #6c757d;
   }

   .btn-success {
   	color: #fff;
   	background-color: #198754;
   	border-color: #198754;
   }

   .btn-success:hover {
   	color: #fff;
   	background-color: #157347;
   	border-color: #146c43;
   }
*/

   .personal__form__avatar {
   	display: flex;
   	align-items: center;
   	justify-content: center;
   	margin-bottom: 20px;
   }

   .personal__form__avatar img {
   	border-radius: 50%;
   	border: 1px solid #ddd;
   	width: 100px;
   }

   .personal__form__cover {
   	display: flex;
   	align-items: center;
   	justify-content: center;
   	margin-bottom: 20px;
   	margin-top: 6px;
   }

   .personal__form__cover img {
   	border: 1px solid #ddd;
   	width: 200px;
   	height: 113.38px;
   	background: url(https://saturn-angarsk.ru/img/marketplace/avatars/shapka-stranicy-1920-1080.jpg);
   	background-size: cover;
   }

   .alert-success {
   	color: #0f5132;
   	background-color: #d1e7dd;
   	border-color: #badbcc;
   }

   .alert-danger {
   	color: #842029;
   	background-color: #f8d7da;
   	border-color: #f5c2c7;
   }

   .drop-container {
   	position: relative;
   	display: flex;
   	gap: 10px;
   	flex-direction: column;
   	justify-content: center;
   	align-items: center;
   	height: 200px;
   	padding: 10px;
   	border-radius: 8px;
   	border: 2px dashed #949494;
   	color: #444;
   	cursor: pointer;
   	transition: background .2s ease-in-out, border .2s ease-in-out;
   	font-size: 12px;
   }

   .drop-container:hover,
   .drop-container.drag-active {
   	background: #f1f1f1;
   	border-color: #434343;
   }

   .drop-container:hover .drop-title,
   .drop-container.drag-active .drop-title {
   	color: #222;
   }

   .drop-title {
   	font-size: 16px;
   	font-family: montserrat-medium, sans-serif;
   	text-align: center;
   	transition: color .2s ease-in-out;
   	color: #434343;
   }

   input[type=file] {
   	width: 350px;
   	max-width: 100%;
   	color: #444;
   	padding: 5px;
   	background: #fff;
   	border: 1px solid #ddd;
   	border-radius: 8px;
   	font-family: montserrat-regular, sans-serif;
   }

   input[type=file]::file-selector-button {
   	margin-right: 10px;
   	border: none;

   	/*background: #198754;*/
   	background: #f1f1f1;
   	border: 1px solid #d9d9d9;
   	font-family: montserrat-medium, sans-serif;
   	font-size: 10px;
   	padding: 8px 15px;
   	border-radius: 8px;
   	height: 40px;
   	/*color: #fff;*/

   	color: #333;
   	cursor: pointer;
   	transition: background .2s ease-in-out;
   }

   input[type=file]::file-selector-button:hover {
   	/*background-color: #157347;
   	border-color: #146c43;*/
   	background: #f7f7f7;
   	-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15);
   	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15);

   }

   .drop-container small {
   	font-size: 10px;
   }

   #shop_name,
   #shop_descr,
   #main-tel,
   #shop_address,
   #working_hours,
   #shop_email,
   #shop_phone,
   #shop_whatsapp {
   	font-family: montserrat-regular, sans-serif;
   	width: 100%;
   	height: 38px;
   	resize: vertical;
   	padding: 10px 12px;
   	border: none;
   	border-radius: 8px;
   	outline: none;
   	-moz-appearance: none;
   	font-size: 12px;
   	border: 1px solid #d1d1d1;
   	line-height: 16px;
   	overflow: hidden;
   }

   input[type=file]::placeholder {
   	font-size: 8px;
   	color: red;
   }

   textarea::placeholder {
   	color: #b9b9b9;
   	transition: .5s;
   }

   textarea:focus::placeholder {
   	color: #fff;
   	border-color: #cfcfcf;
   	/*box-shadow: 0 0 10px #cfcfcf;*/
   }

   input:focus {
   	border-color: #000;
   }

   textarea:focus {
   	border-color: #000;
   	box-shadow: 0 0 10px #cfcfcf;
   }

   .personal__form__group input:focus {
   	border-color: #cfcfcf;
   	box-shadow: 0 0 10px #cfcfcf;
   }

   .profile-content__address {
   	font-size: 12px;
   	padding: 8px 0 8px 12px;
   }

   .profile-content__radio {
   	position: relative;
   	display: flex;
   	flex-wrap: wrap;
   	width: 100%;
   }

   .form-radio-hidden {
   	display: flex;
   	flex-direction: row;
   	position: relative;
   	align-items: center;
   	width: 100%;
   	height: 40px;
   	padding: 0 0 0 12px;
   	border-radius: 8px;
   	-moz-appearance: none;
   	border: 1px solid #d1d1d1;
   	margin: 10px 0;
   }

   .form-radio-hidden:last-child {
   	margin-bottom: 0;
   }

   .form-radio-hidden input {
   	position: absolute;
   	opacity: 0;
   	display: block;
   	height: 0;
   	width: 0;
   }

   .form-radio-hidden:hover {
   	box-shadow: 0 0 10px #cfcfcf;
   }

   .form-radio-hidden .radio {
   	appearance: none;
   	-webkit-appearance: none;
   	-moz-appearance: none;
   	display: inline-block;
   	position: relative;
   	height: 20px;
   	width: 20px;
   	border-radius: 20px;
   	margin-right: 5px;
   	border: 1px solid #d1d1d1;
   	background-color: #ffffff;
   	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
   	cursor: pointer;
   	outline: none;
   	box-sizing: border-box;
   }

   .form-radio-hidden input:checked+.radio {
   	/*border-color: #198754;*/

   	border-color: #a0a0a0;

   	background-color: #f9f9f9;
   	cursor: default;
   	font-family: montserrat-medium, sans-serif;
   }

   .form-radio-hidden:hover .radio::before,
   .form-radio-hidden input:checked+.radio::before {
   	content: '';
   	position: absolute;
   	width: 12px;
   	height: 12px;
   	border-radius: 8px;
   	background-color: #a0a0a0;

   	top: 50%;
   	left: 50%;
   	transform: translate(-50%, -50%);
   	transition: .3s;
   }

   .profile-content__radio .text {
   	padding-left: 0;
   	font-size: 12px;
   	line-height: 12px;
   }


   .footer__icons-wr {
   	display: none;
   }

   .footer-icon__item {
   	position: relative;
   	display: flex;
   	flex-direction: column;
   	justify-content: center;
   	align-items: center;
   	color: #777777;
   	font-size: 12px;
   	font-family: montserrat-medium, sans-serif;
   	cursor: pointer;
   	background: transparent;
   	min-width: 80px;
   	height: 100%;
   	border-radius: 12px;
   	text-decoration: none;
   	transition: .3s;
   }

   .footer-icon__item:hover {
   	background: #f1f1f1;
   }

   .footer-icon__item__active {
   	background: #f1f1f1;
   }

   .footer-icon__item__disabled {
   	cursor: auto;
   	opacity: .3;
   }

   .footer-icon__item__inactive {
   	display: none;
   }

   .footer-icon__title {
   	font-size: 10px;
   	margin-top: 5px;
   	color: #555555;
   }

   .footer-icon__item .icon-user:before {
   	content: "\e934";
   	font-size: 17px;
   	color: #555555;
   }

   .footer-icon__item .icon-add:before {
   	content: "\e92e";
   	font-size: 20px;
   	color: #555555;
   }

   .footer-icon__item .icon-shop-cart:before {
   	content: "\e933";
   	font-size: 20px;
   	color: #555555;
   }

   .footer-icon__item .icon-logout:before {
   	content: "\e932";
   	font-size: 19px;
   	color: #555555;
   }













   .tooltip-wr {
   	position: relative;
   	display: flex;
   	align-items: center;
   	justify-content: center;
   	cursor: pointer;
   }

   .tooltip-wr .icon-question:before {
   	content: "\e924";
   	position: relative;
   	font-size: 13px;
   	text-align: center;
   	color: #d6d6d6;
   	top: -1px;
   	padding: 4px;
   	cursor: pointer;
   }

   .tooltip {
   	position: absolute;
   	visibility: hidden;
   	width: 200px;
   	background-color: #fff;
   	color: #666;
   	font-size: 10px;
   	line-height: 11px;
   	border-radius: 8px;
   	box-shadow: 0 1px 20px rgb(0 0 0 / 30%);
   	padding: 12px 10px 10px 15px;
   	left: 29px;
   	bottom: -12px;
   	opacity: 0;
   	z-index: 1;
   	transition: .3s;
   }

   .tooltip-wr .tooltip::after {
   	content: "";
   	position: absolute;
   	bottom: 13px;
   	right: 100%;
   	margin-top: -7px;
   	border-width: 7px;
   	border-style: solid;
   	border-color: #fff transparent transparent transparent;
   	transform: rotate(90deg);
   }

   .tooltip-wr:hover .tooltip {
   	opacity: 1;
   	visibility: visible;
   }

   .tooltip a {
   	text-decoration: underline;
   	transition: .3s;
   	cursor: pointer;
   	font-family: nunito-semibold;
   	color: #000;
   }

   .tooltip a:hover {
   	color: #0049db;
   }



































































   .mt0 {
   	margin-top: 0;
   }


   @media (max-width:1029px) {
   	.personal__block {
   		width: 48.5%;
   		min-width: 320px;
   	}

   	.title__h1 {
   		text-align: center;
   	}
   }

   @media (max-width:990px) {
   	.top-bar__buttons {
   		display: none;
   	}

   	#button-up {
   		visibility: hidden;
   	}

   	.footer__icons-wr {
   		display: flex;
   		margin-left: 0;
   		justify-content: space-evenly;
   		gap: 5px;
   		position: fixed;
   		left: 0;
   		bottom: 0;
   		width: 100%;
   		height: 70px;
   		background-color: #fff;
   		padding: 8px 2px;
   		box-shadow: 0 -1px 2px #0000001a;
   		z-index: 10000;
   	}

   	.profile-top__name-email {
   		padding-top: 3px;
   	}
   }

   @media (max-width:695px) {
   	.personal__block {
   		width: 100%;
   		min-width: 320px;
   	}
   }

   @media (max-width:450px) {
   	.personal__block {
   		padding: 35px 15px 45px 15px;
   		height: auto;
   	}

   	.title__h1 {
   		line-height: 24px;
   		font-size: 22px;
   		margin-top: 10px;
   		margin-bottom: 16px;
   		text-align: center;
   	}

   	.footer-icon__item {
   		min-width: 72px;
   	}
   }


   @media (max-width:360px) {
   	.top-bar__logo a {
   		height: 50px;
   		padding: 12px 15px 10px 15px;
   		width: 80px;
   	}

   	img.img-logo {
   		width: 51px;
   	}

   	.top-nav {
   		height: 70px;
   	}

   	.wrapper-header {
   		height: 70px;
   	}

   	.profile-top__name-avatar {
   		width: 50px;
   		height: 50px;
   	}

   	.breadcrumbs-wr {
   		margin-top: 75px;
   	}



   }