.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 ;
}

/************************************/

section.banner {
    position: relative;
}
.banner img {
    width: 100%;
}
.banner .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.banner h1 {
    background: linear-gradient(114.7deg,#175b68,#238B9F 38%,#175b68 66%,#30A2B8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: bold;
    font-size: 75px;
    margin-top: 60px;
    margin-bottom: 0;
}



/* =========================================================
   CALCULATOR
========================================================= */

.calc {
    display: flex;
    flex-flow: row wrap;
    gap: 30px;
}

.calc section {
    flex: calc(50% - 15px) 0;
    box-shadow: 0 0 5px #ccc;
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
}

.calc section.text {
    flex: 100% 0;
}


/* =========================================================
   FORM
========================================================= */

.matrix-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.form-row {
    display: flex;
    align-items: center;
    gap: 6px;
}

.form-row label {
    order: 2;
}

.form-row input[type="text"] {
    order: 1;
    width: 200px;
    height: 30px;
    box-sizing: border-box;
}

.gender {
    border: 0;
    margin: 0;
    padding: 0;
}

.gender legend {
    display: none;
}

.gender label {
    margin-right: 4px;
}

.date-row {
    display: flex;
    align-items: center;
    gap: 5px;
}

.date-row select {
    height: 27px;
}

.date-row button {
    height: 30px;
    cursor: pointer;
}

.matrix-error {
    margin-top: 15px;
    padding: 10px 12px;
    border: 1px solid #e6b8b8;
    background: #fff3f3;
    color: #a00;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


/* =========================================================
   PURPOSES
========================================================= */

.lines .wrap {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.purpose-block {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.lwr {
    display: flex;
    align-items: center;
}

.lwr i {
    font-style: normal;
    color: #888;
}

.lf {
    text-align: right;
}

.lft,
.lfb {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 35px;
}

.lwr b {
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    box-sizing: border-box;
    font-weight: 400;
}

.ls {
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.ls b {
    background: #fff;
}

.purpose-title {
    font-size: 13px;
    color: #888;
    margin-left: 100px;
}

.purpose-summary {
    display: flex;
    gap: 30px;
    padding-top: 10px;
}

.purpose-summary > div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.purpose-summary span {
    color: #888;
}

.purpose-summary b {
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
}


/* =========================================================
   CHAKRA TABLE
========================================================= */

.chakra table {
    border-collapse: collapse;
    width: 100%;
}

.chakra th,
.chakra td {
    padding: 3px 0;
    text-align: left;
}

.chakra th {
    font-weight: 600;
}

.chakra .result td {
    padding-top: 6px;
}


/* =========================================================
   MATRIX SVG
========================================================= */

.matrix {
    overflow: hidden;
}

.matrix .wrap {
    width: 100%;
}

#matrix {
    display: block;
    width: 100%;
    height: auto;
    max-width: 680px;
    margin: 0 auto;
}

.matrix-value-point {
    text-anchor: middle;
    alignment-baseline: middle;
}

text {
    cursor: default;
}

svg:not(:root) {
    overflow: visible;
}


/* =========================================================
   SVG STYLES
========================================================= */

.cls-3,
.cls-4,
.cls-18 {
    stroke-width: 1.5px;
}

.cls-5,
.cls-7 {
    stroke-width: 1px;
}

.cls-18 {
    stroke-dasharray: 0, 25, 10, 50, 10, 50, 10, 25;
}

.cls-18,
.cls-3,
.cls-4 {
    stroke-miterlimit: 10;
    stroke: #ccc;
    fill: none;
}

.cls-5,
.cls-6 {
    stroke: #b653f7;
    fill: #b653f7;
}

.cls-7,
.cls-8 {
    stroke: #ea4631;
    fill: #ea4631;
}

.cls-10 {
    fill: #b653f7;
}

.cls-13 {
    fill: #3d54f5;
}

.cls-15 {
    fill: #74e0f8;
}

.cls-19 {
    fill: #ea4631;
}

.cls-22 {
    fill: #ed7233;
}

.cls-25 {
    fill: #fbe49d;
}

.cls-26 {
    fill: #b6fd57;
}

.cls-24,
.cls-21,
.cls-23,
.cls-53 {
    fill: #fffcf0;
}

.cls-28 {
    font-size: 12.9501px;
    line-height: 11px;
}

.cls-29 {
    font-size: 12.0251px;
    line-height: 10px;
}

.cls-33 {
    font-size: 12px;
    line-height: 81.9%;
}

.cls-43 {
    font-size: 5.76471px;
    line-height: 81.9%;
}

.cls-44 {
    font-size: 11.5587px;
    line-height: 81.9%;
}

.cls-54,
.cls-55,
.cls-56 {
    font-size: 30px;
    line-height: 30px;
}

.cls-57,
.cls-58 {
    font-size: 18px;
    line-height: 18px;
}

.cls-59,
.cls-60 {
    font-size: 22px;
    line-height: 22px;
}

.cls-61 {
    font-size: 6px;
    line-height: 81.9%;
}

.cls-28,
.cls-29,
.cls-33,
.cls-43,
.cls-44,
.cls-54,
.cls-57,
.cls-59,
.cls-61 {
    fill: #555;
}

.cls-55,
.cls-58,
.cls-60 {
    fill: #000;
}

.cls-56 {
    fill: #d2b154;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    .calc {
        flex-direction: column;
    }

    .calc section,
    .calc section.text {
        flex: 100% 0;
    }

    .date-row {
        flex-wrap: wrap;
    }

    .purpose-summary {
        flex-direction: column;
        gap: 10px;
    }

    .purpose-title {
        margin-left: 0;
    }

}