.dropdown-toggle.colr {color:#e10c0c;}
.bx-yellow,
.bx-theme-yellow {
	--primary: #f9a91d;
	--theme-color-primary: #f9a91d;
	--theme-color-second: #faba4a;
	--theme-color-light: #fff;
	--theme-b-link: #f9a91d;
	--theme-b-link-hover: #faba4a;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #f9a91d;
	--theme-b-bd-primary: #f9a91d;
	--theme-b-sd-primary: rgba(249, 169, 29, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #faba4a;
	--theme-b-bd-primary-hover: #daa53e;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #faba4a;
	--theme-b-bd-primary-active: #daa53e;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #daa53e;
	--theme-b-bd-primary-disabled: #b7853b;
}

.bx-blue,
.bx-theme-blue {
	--primary: #0083d1;
	--theme-color-primary: #0083d1;
	--theme-color-second: #5ca6e4;
	--theme-color-light: #f0f6f8;
	--theme-b-link: #44b1c9;
	--theme-b-link-hover: #5cc3d1;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #0083d1;
	--theme-b-bd-primary: #0083d1;
	--theme-b-sd-primary: rgba(0, 131, 209, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #5ca6e4;
	--theme-b-bd-primary-hover: #5599d2;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #5ca6e4;
	--theme-b-bd-primary-active: #5599d2;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #5599d2;
	--theme-b-bd-primary-disabled: #4d8bbf;
}

.bx-red,
.bx-theme-red {
	--primary: #e22b2b;
	--theme-color-primary: #e22b2b;
	--theme-color-second: #e95c5c;
	--theme-color-light: #f0f0f0;
	--theme-b-link: #e22b2b;
	--theme-b-link-hover: #e95c5c;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #e22b2b;
	--theme-b-bd-primary: #e22b2b;
	--theme-b-sd-primary: rgba(226, 43, 43, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #e95c5c;
	--theme-b-bd-primary-hover: #d05454;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #e95c5c;
	--theme-b-bd-primary-active: #d05454;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #d05454;
	--theme-b-bd-primary-disabled: #c04e4e;
}

.bx-green,
.bx-theme-green {
	--primary: #63aa28;
	--theme-color-primary: #63aa28;
	--theme-color-second: #5b9f0b;
	--theme-color-light: #a8d95b;
	--theme-b-link: #44b1c9;
	--theme-b-link-hover: #5cc3d1;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #63aa28;
	--theme-b-bd-primary: #63aa28;
	--theme-b-sd-primary: rgba(99, 170, 40, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #5b9f0b;
	--theme-b-bd-primary-hover: #56940b;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #5b9f0b;
	--theme-b-bd-primary-active: #56940b;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #56940b;
	--theme-b-bd-primary-disabled: #497c09;
}

body {
	background-attachment: fixed;
	background-size: cover;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#pagetitle { margin-bottom: 35px; }

h1,h2,h3,h4,h5 {
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

.bx-content-section,
.bx-header-section {
	padding-bottom: 2px;
	background-color: rgba(255, 255, 255, .95);
}

.bx-wrapper { }

/*region HEADER*/
.bx-header { }

.bx-header-section { }

.bx-header-logo { order: 1 }

.bx-header-personal { order: 3 }

.bx-header-contact { order: 2 }

/*region Logo*/
.bx-logo-block {
	display: block;
	height: 50px;
	border-bottom: none;
}

.bx-logo-block img {
	max-height: 50px;
	width: auto;
}

@media (max-width: 767px) {
	.bx-logo-block img {
		max-width: 100%;
		max-height: 45px;
		width: auto;
		height: auto;
	}

	.bx-header-logo {
		padding: 5px 50px;
		height: 55px;
		background-color: var(--theme-color-primary);
	}

	.bx-logo-block { height: auto; }

	body.bx-theme-green .bx-store-logo { background: #33b111; }
}

/*endregion*/

/*region included Phone*/
.bx-header-phone-block {
	display: flex;
	align-items: center;
}

.bx-header-phone-number {
	color: #000;
	white-space: nowrap;
	font: 21px/28px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	transition: 250ms linear all;
}

.bx-header-phone-icon {
	display: block;
	margin-right: 10px;
	width: 26px;
	height: 26px;
	background: no-repeat center url(images/phone.svg);
}

@media (max-width: 991px) {
	.bx-header-phone-number {
		font: 15px/18px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
		font-weight: var(--ui-font-weight-semi-bold, 600);
	}
}

/*endregion*/

/*region included Worktime*/
.bx-header-worktime {
	color: #000;
	font: 16px/22px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	transition: 250ms linear all;
}

.bx-worktime-title {
	color: #adadad;
	font: 12px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

.bx-worktime-schedule {
	color: #000;
	font: 12px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

@media (max-width: 991px) {
	.bx-header-worktime {
		font: 15px/18px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
		font-weight: var(--ui-font-weight-regular, 400);
	}
}

/*endregion*/

/*endregion*/

.sidebar-block-title {
	color: #343434;
	text-transform: uppercase;
	font-size: 14px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
}

/*region FOOTER*/
.bx-footer { }

.bx-footer-section { }

.bx-footer-section .bx-block-title { }

.bx-footer-bg { background-color: #1f496a; }

.bx-footer-logo {
	border-bottom: none !important;
	text-decoration: none !important;
}

.bx-footer-logo img {
	max-width: 100%;
	height: auto;
}

/*endregion*/

.bx-inclinkspersonal-item.bx-theme-blue:hover { background: #0083d1; }

.bx-theme-blue.bx-inclinkspersonal-selected { background: #3398d7; }

.bx-inclinkspersonal-item.bx-theme-black:hover { background: #303030; }

.bx-theme-black.bx-inclinkspersonal-selected { background: #484848; }

.bx-inclinkspersonal-item.bx-theme-green:hover { background: #44b1c9; }

.bx-theme-green.bx-inclinkspersonal-selected { background: #5cc3d1; }

.bx-inclinkspersonal-item.bx-theme-red:hover { background: #e63c3c; }

.bx-theme-red.bx-inclinkspersonal-selected { background: #e95c5c; }

.bx-inclinkspersonal-item.bx-theme-yellow:hover { background: #f4a52e; }

.bx-theme-yellow.bx-inclinkspersonal-selected { background: #fbb859; }

/*region Bootstrap modified*/
.btn-primary,
.list-group-item.active {
	border-color: var(--theme-b-bd-primary);
	background-color: var(--theme-b-bg-primary);
	color: var(--theme-b-tx-primary);
}

.btn-primary:hover {
	border-color: var(--theme-b-bd-primary-hover);
	background-color: var(--theme-b-bg-primary-hover);
	color: var(--theme-b-tx-primary-hover);
}

.btn-primary:focus,
.btn-primary.focus {
	box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}

.btn-primary.disabled,
.btn-primary:disabled {
	border-color: var(--theme-b-bg-primary);
	background-color: var(--theme-b-bg-primary);
	color: var(--theme-b-tx-primary);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	border-color: var(--theme-b-bd-primary-active);
	background-color: var(--theme-b-bg-primary-active);
	color: var(--theme-b-tx-primary-active);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}

.form-control:focus {
	border-color: var(--theme-color-primary);
	box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}

a,
.btn-link { color: var(--theme-b-link); }

a:hover,
.btn-link:hover { color: var(--theme-b-link-hover); }

.g-font-size-15 { font-size: 15px; }

.g-font-size-17 { font-size: 17px; }

.g-font-size-20 { font-size: 20px; }

.text-primary { color: var(--primary) !important }

.bg-primary { background: var(--primary) !important }

.border-primary { border-color: var(--primary) !important }

/*endregion*/

.bx-sidebar-block { }

.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5 {
	text-transform: uppercase;
	font-size: 14px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
}

.sidebar li {
	font-size: 12px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
}

.sidebar-icon {
	width: 27px;
	height: 27px;
	margin-right: 5px;
	border-radius:50%;
	background-color: var(--theme-color-primary);
	background-repeat: no-repeat;
	background-position: center;
}

.sidebar-icon-label {
	background-image:  url(images/label.svg);
	background-size: 19px auto;
}

.sidebar-icon-delivery {
	background-image: url(images/delivery.svg);
	background-size: 17px auto;
}

.sidebar-icon-sale {
	background-image: url(images/sale.svg);
	background-size: auto 17px ;
}

.sidebar-icon-self {
	background-image: url(images/self.svg);
	background-size: auto 17px ;
}

.sidebar-icon-phone {
	background-image: url(images/phone_white.svg);
	background-size: auto 21px ;
}













.custom-file-label {
    overflow: hidden;
}

.custom-file-label::after {
    content: "Найти";
}

.panel-success {
    border-color: #29b74e;
}
.panel-success>.panel-heading {
    color: #fff;
    background-color: #2ecc71;
    border-color: #29b74e;
}
.btn-success {
    color: #fff;
    background-color: #2ecc71;
    border-color: #29b765;
}
.success {
    color: #29b74e;
}
.jgrowl-error {
    background-color: #a94442 !important;
}

.jgrowl-success {
    background-color: #3c763d !important;
}

.jgrowl-warning {
    background-color: #8a6d3b !important;
}



/*это затемнение экрана при вызове формы*/
.modal_background{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0,0,0,0.6);
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/*это контейнер самой формы*/
.modal_form{
    background: #ffffff;
    border-radius: 2px;
    width: 500px;
    padding: 40px 30px;
    position: relative;
    display: none;
    max-width: 100%;
}
/*это кнопка для закрытия формы*/
a.close_form{
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 5;
}






.download {
  /* rounded corner overflow mask fix */
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  overflow: hidden;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #007ccd;
  border: 2px solid #007ccd;
  color: white;
  padding: 22px 0 22px 25px;
  width: 220px;
  display: inline-block;
  position: relative;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  margin-right: 20px;
}
.download span {
  display: block;
  position: relative;
  z-index: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.download span:after, .download span:before {
  content: "";
  width: 1px;
  height: 16px;
  background: #007ccd;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 100%;
  -webkit-transition: all 10ms ease-out;
  -moz-transition: all 10ms ease-out;
  transition: all 10ms ease-out;
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-transform: translateY(0) rotate(0deg);
  -moz-transform: translateY(0) rotate(0deg);
  -ms-transform: translateY(0) rotate(0deg);
  -o-transform: translateY(0) rotate(0deg);
  transform: translateY(0) rotate(0deg);
  -webkit-animation: 0;
  -moz-animation: 0;
  animation: 0;
}
.download svg {
  z-index: 0;
  fill: white;
  position: absolute;
  left: 20%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(0.04857);
  -moz-transform: translate(-50%, -50%) rotate(0deg) scale(0.04857);
  -ms-transform: translate(-50%, -50%) rotate(0deg) scale(0.04857);
  -o-transform: translate(-50%, -50%) rotate(0deg) scale(0.04857);
  transform: translate(-50%, -50%) rotate(0deg) scale(0.04857);
  -webkit-transition: all 350ms ease-out;
  -moz-transition: all 350ms ease-out;
  transition: all 350ms ease-out;
  height: 700px;
}
.download svg#linux {
  -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(0.05857);
  -moz-transform: translate(-50%, -50%) rotate(0deg) scale(0.05857);
  -ms-transform: translate(-50%, -50%) rotate(0deg) scale(0.05857);
  -o-transform: translate(-50%, -50%) rotate(0deg) scale(0.05857);
  transform: translate(-50%, -50%) rotate(0deg) scale(0.05857);
}
.download:hover {
 
  color: #007ccd;
}
.download:hover svg {
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(60deg) scale(1);
  -moz-transform: translate(-50%, -50%) rotate(60deg) scale(1);
  -ms-transform: translate(-50%, -50%) rotate(60deg) scale(1);
  -o-transform: translate(-50%, -50%) rotate(60deg) scale(1);
  transform: translate(-50%, -50%) rotate(60deg) scale(1);
}
.download:hover svg#windows {
  -webkit-transform: translate(-50%, -10%) rotate(60deg) scale(1);
  -moz-transform: translate(-50%, -10%) rotate(60deg) scale(1);
  -ms-transform: translate(-50%, -10%) rotate(60deg) scale(1);
  -o-transform: translate(-50%, -10%) rotate(60deg) scale(1);
  transform: translate(-50%, -10%) rotate(60deg) scale(1);
}
.download:hover svg#linux {
  -webkit-transform: translate(-120%, -125%) rotate(60deg) scale(6);
  -moz-transform: translate(-120%, -125%) rotate(60deg) scale(6);
  -ms-transform: translate(-120%, -125%) rotate(60deg) scale(6);
  -o-transform: translate(-120%, -125%) rotate(60deg) scale(6);
  transform: translate(-120%, -125%) rotate(60deg) scale(6);
}
.download:hover span {
  -webkit-transform: translate(0, -10px) scale(1.1);
  -moz-transform: translate(0, -10px) scale(1.1);
  -ms-transform: translate(0, -10px) scale(1.1);
  -o-transform: translate(0, -10px) scale(1.1);
  transform: translate(0, -10px) scale(1.1);
  -webkit-transition: -webkit-transform 400ms ease-out 400ms;
  -moz-transition: -moz-transform 400ms ease-out 400ms;
  transition: transform 400ms ease-out 400ms;
}
.download:hover span:after, .download:hover span:before {
  opacity: 1;
  -webkit-transition: all 400ms ease-out 400ms, -webkit-transform 300ms ease-in 100ms;
  -moz-transition: all 400ms ease-out 400ms, -moz-transform 300ms ease-in 100ms;
  transition: all 400ms ease-out 400ms, transform 300ms ease-in 100ms;
}
.download:hover span:after {
  -webkit-transform: translateY(7px) rotate(50deg);
  -moz-transform: translateY(7px) rotate(50deg);
  -ms-transform: translateY(7px) rotate(50deg);
  -o-transform: translateY(7px) rotate(50deg);
  transform: translateY(7px) rotate(50deg);
  -webkit-animation: downloadBounce 800ms linear alternate infinite;
  -moz-animation: downloadBounce 800ms linear alternate infinite;
  animation: downloadBounce 800ms linear alternate infinite;
}
.download:hover span:before {
  -webkit-transform: translateY(7px) rotate(-50deg);
  -moz-transform: translateY(7px) rotate(-50deg);
  -ms-transform: translateY(7px) rotate(-50deg);
  -o-transform: translateY(7px) rotate(-50deg);
  transform: translateY(7px) rotate(-50deg);
  -webkit-animation: downloadBounce2 800ms linear alternate infinite;
  -moz-animation: downloadBounce2 800ms linear alternate infinite;
  animation: downloadBounce2 800ms linear alternate infinite;
}

.close {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}


span.error{
    margin-left:15px;
    background: linear-gradient(to bottom, #F34747 0%, #F02E2B 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #A83737;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.18);
    color: #FFFFFF; 
    border-radius: 3px;
    text-shadow: 0 1px #8A2D14;
    padding:3px;
    vertical-align: top;    
}

.file-type {
  width:40px;
  height:40px;
  display:block
}
.file-type--inline {
  display:inline-block
}
.file-type__icon {
  width:40px;
  height:40px;
  display:inline-block;
  background:url(../../images/svg/docs.svg) 0 -84px no-repeat;
  float:left
}
.file-type__icon--jpg {
  background-position:-42px -42px
}
.file-type__icon--rtf {
  background-position:0 -42px
}
.file-type__icon--tiff {
  background-position:-84px -42px
}
.file-type__icon--ppt {
  background-position:-84px -126px
}
.file-type__icon--pdf {
  background-position:0 0
}
.file-type__icon--word {
  background-position:-42px 0
}
.file-type__icon--png {
  background-position:-84px -84px
}
.file-type__icon--txt {
  background-position:-42px -84px
}
.file-type__icon--excel {
  background-position:-84px 0
}
.file-type__icon--gif {
  background-position:0 -126px
}
.file-type__icon--bmp {
  background-position:-42px -126px
}

.social-icons {
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    flex-wrap: wrap;
}

.social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background-color: #f0f2f5;
    border-radius: 50%;
    transition: all 0.25s ease;
    text-decoration: none;
    color: #1a1a1a;
}

.social-icons a:hover {
    background-color: #e4e6e9;
    transform: translateY(-2px);
}

.social-icons i {
    font-size: 24px;
}

.social-icons .custom-icon {
    width: 24px;
    height: 24px;
    display: block;
}

/* Стили для иконки Max в подвале */
.footer-social .max-icon {
    width: 16px;
    height: 16px;
    display: block;
    /* Цвет как у остальных иконок #A5ADBB */
    filter: brightness(0) saturate(100%) invert(73%) sepia(8%) saturate(426%) hue-rotate(175deg) brightness(88%) contrast(86%);
    transition: filter 0.3s ease;
}

/* При наведении — синий цвет как у других иконок */
.footer-social a:hover .max-icon {
    filter: brightness(0) saturate(100%) invert(32%) sepia(98%) saturate(1902%) hue-rotate(200deg) brightness(95%) contrast(101%);
}
.footer-social .max-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto; /* чтобы не нарушать существующие размеры */
    text-decoration: none;
}
/* Иконка Max в шапке */
/* Иконка Max в шапке — синий цвет как у остальных */
.header-social .header-max-icon {
    width: 16px;
    height: 16px;
    display: block;
    filter: brightness(0) saturate(100%) invert(27%) sepia(98%) saturate(1924%) hue-rotate(201deg) brightness(98%) contrast(104%);
    transition: filter 0.3s ease;
}

/* Если при наведении иконки меняют цвет, добавьте это правило */
.header-social a:hover .header-max-icon {
    filter: brightness(0) saturate(100%) invert(27%) sepia(98%) saturate(1924%) hue-rotate(201deg) brightness(98%) contrast(104%);
}