input[type="text"],
input[type="password"],
input[type="tel"],
input[type="number"],
textarea,
select {
	min-height: auto !important;
	height: auto !important
}

select {
	line-height: 16px !important
}

input[type="number"] {
	padding: 0 !important
}

.solar-container {
	max-width: 1500px;
	width: 100%;
	margin: 1% auto 0 auto;
	font-family: "Roboto", sans-serif
}

.solar-container * {
	margin: 0 0 0 0;
	padding: 0
}

.solar-container input::-webkit-inner-spin-button,
.solar-container input::-webkit-outer-spin-button {
	opacity: 1
}

.map-solar-grid {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 40% 8px 60%;
	grid-template-columns: 40% 60%;
	gap: 8px;
	height: 560px
}

.soalar-map {
	height: 100%;
	overflow: hidden;
	border-radius: 8px
}

.solar-grid {
	display: grid;
	grid-template-columns: calc(100% - 256px) 240px;
	gap: 8px;
	height: 100%
}

.solar-grid__left,
.solar-grid__right {
	display: flex;
	flex-direction: column;
	gap: 8px;
	height: 100%
}

.solar-grid__left>div:last-of-type {
	height: 100%
}

.solar-grid__right>div {
	height: 50%
}

.solar-block {
	border-radius: 8px;
	border: 1px solid #2f5255;
	background-color: #f5f5f5;
	padding: 8px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.solar-grid__left>div:first-of-type {
	height: fit-content
}

.solar-check {
	color: #c40704;
	font-size: 16px
}

.solar-graph-title {
	padding: 8px;
	background-color: #607d8b;
	border-radius: 4px;
	margin: 8px 0;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end
}

.solar-graph-title h2 {
	color: #fff;
	font-weight: 400;
	font-size: 20px;
	margin-right: 100px;
	text-align: center
}

.solar-graph-title,
.solar-graph__btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 12px
}

.solar-graph__btns button {
	border: none;
	outline: none;
	padding: 4px 12px;
	border-radius: 4px;
	min-width: 140px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	position: relative;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	letter-spacing: 1px;
	-webkit-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease
}

.solar-graph__btns button::after {
	font-family: "FontAwesome";
	position: absolute;
	left: 8px;
	color: #fff
}

.recalculate__btn {
	background-color: #ff5353;
	padding: 4px 12px 4px 28px !important
}

.recalculate__btn:hover {
	background-color: #df3e3e
}

.info__btn,
.pdf__btn {
	background-color: #f4b414 !important
}

.info__btn:hover,
.pdf__btn:hover {
	background-color: #e3ae2a
}

.recalculate__btn::after {
	content: ""
}

.info__btn::after {
	content: ""
}

.pdf__btn::after {
	content: ""
}

.solar-graph-grid {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: calc(100% - 388px) 8px 380px;
	grid-template-columns: calc(100% - 388px) 380px;
	gap: 8px
}

.graph-checboxes {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 8px;
	position: absolute;
	top: 40px;
	right: 40px;
	z-index: 10
}

.graph-checboxes>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px
}

.graph-checboxes p {
	font-size: 14px;
	font-weight: 500
}

#solarGraph {
	width: 100% !important
}

.solar-graph-first {
	background-color: #fff;
	position: relative
}

.solar-month {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 8px
}

.select-panel__grid {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: calc(100% - 120px) 16px 120px;
	grid-template-columns: calc(100% - 120px) 120px;
	gap: 16px;
	height: 100%
}

.solar-block-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 6px
}

.solar-block-title__text {
	font-size: 15px;
	letter-spacing: 1px;
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-weight: 600;
	color: #545454
}

.select-panel__wrapper,
.select-panel__price,
.select-panel__price>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.select-panel__wrapper,
.select-panel__price {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 8px
}

.select-panel__price>div {
	gap: 2px
}

.select-panel__price>div>span {
	color: #29545a;
	font-size: 12px
}

.select-panel__price>div>p {
	color: #000;
	font-size: 14px
}

.select-panel {
	height: 30px;
	border: 1px solid #8e8e8e98
}

.custom-checkbox {
	display: inline-block;
	position: relative;
	cursor: pointer;
	width: 18px;
	height: 18px;
	border: 2px solid #000
}

.custom-checkbox input[type="checkbox"] {
	visibility: hidden;
	width: 14px
}

.custom-checkbox .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	height: 14px;
	background-color: transparent;
	border: 1px solid var(--light-gray);
	background-image: url('data:image/svg+xml;utf8,<svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 6L4.97343 9L7.98672 5L11 1" stroke="none" stroke-width="2" stroke-linecap="round"/></svg>');
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 3px
}

.custom-checkbox input[type="checkbox"]:checked+.checkmark {
	background-image: url('data:image/svg+xml;utf8,<svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 6L4.97343 9L7.98672 5L11 1" stroke="black" stroke-width="2" stroke-linecap="round"/></svg>');
	-webkit-transition: all var(--transition);
	-o-transition: all var(--transition);
	transition: all var(--transition)
}

.checkbox-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px
}

.checkbox-text {
	font-size: 14px;
	color: #000
}

.custom-checkbox input::before {
	content: '' !important
}

.solar-angle {
	position: relative
}

.solar-panel,
.count-cotrol {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.count-cotrol input {
	font-size: 14px;
	font-weight: 400
}

.solar-panel {
	padding: 0 20px;
	gap: 30px
}

.solar-panel-img {
	width: 60%;
	-webkit-transition: top .4s ease, -webkit-transform .4s ease;
	transition: top .4s ease, -webkit-transform .4s ease;
	-o-transition: transform .4s ease, top .4s ease;
	transition: transform .4s ease, top .4s ease;
	transition: transform .4s ease, top .4s ease, -webkit-transform .4s ease;
	-webkit-transform: translateY(-50%) rotate(0);
	-ms-transform: translateY(-50%) rotate(0);
	transform: translateY(-50%) rotate(0)
}

.solar-angle-img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 58px;
	margin-top: 50px
}

.solar-panel-img img {
	max-width: 100%
}

.solar-panel__controls {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.solar-panel__controls input {
	border: none;
	width: 40px;
	outline: none;
	text-align: center
}

.count-cotrol__minus,
.count-cotrol__plus {
	padding: 6px 12px;
	background-color: #ededed;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	-webkit-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease
}

.count-cotrol__minus:hover,
.count-cotrol__plus:hover {
	background-color: #49af49
}

.count-cotrol {
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	overflow: hidden
}

.count-cotrol input::-webkit-outer-spin-button,
.count-cotrol input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.count-cotrol input[type=number] {
	-moz-appearance: textfield
}

.uniq-sb-count {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px
}

.uniq-sb-count span,
.uniq-sb-count p {
	font-size: 14px
}

.uniq-sb-count span {
	color: #1e1e1e
}

.uniq-sb-count input {
	outline: none;
	border: 1px solid #d4d4d4;
	border-radius: 4px;
	background-color: #fff;
	width: 40px !important;
	padding: 8px;
	margin-left: 8px
}

.my-sb-power {
	display: none
}

.my-sb-power.active {
	display: flex
}

.my-sb-power input::-webkit-outer-spin-button,
.my-sb-power input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.my-sb-power input[type=number] {
	-moz-appearance: textfield
}

.month-table {
	border: 1px solid #8e8e8e40;
	width: 100%;
	background-color: #f9f9f9;
	table-layout: fixed
}

.month-table th,
.month-table td {
	color: #1e1e1e;
	font-size: 14px;
	font-weight: 400;
	text-align: center
}

.month-table th {
	border-bottom: 1px solid #8e8e8e40
}

.month-table th:not(:first-of-type),
.month-table td:not(:first-of-type) {
	border-left: 1px solid #8e8e8e40
}

.angle-area-info {
	font-size: 12px;
	color: #2f585e
}

.appliances {
	max-height: 385px;
	overflow-y: auto;
	height: 100%;
	margin-top: 0
}

.appliances-row {
	display: -ms-grid;
	display: grid;
	grid-template-columns: 5fr 3fr 3fr 2fr 15px 1fr 80px;
	gap: 2px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.appliances table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 5px;
	min-width: 600px;
	overflow-x: auto
}

.appliances-total,
.appliances-checkbox,
.appliances__input-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.appliances-total {
	gap: 20px;
	margin-top: 8px
}

.appliances__input-item {
	gap: 2px
}

.appliances__input-item>p {
	margin-left: 10px
}

.appliances__input-item input {
	border: none;
	outline: none;
	background-color: #e9e9e9 !important;
	width: 40px;
	height: 20px !important;
	font-size: 14px;
	text-align: center;
	border-radius: 4px;
	-webkit-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease
}

.appliances__input-item input:hover {
	background-color: #e08892
}

.appliances__input-item input::-webkit-outer-spin-button,
.appliances__input-item input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.appliances__input-item input[type=number] {
	-moz-appearance: textfield
}

.appliances-row>p,
.appliances__input-item>p {
	font-size: 12px;
	color: #888;
	font-weight: 400
}

.appliances-checkbox {
	gap: 6px
}

.appliances-checkbox .custom-checkbox {
	border-radius: 4px;
	border: 1px solid #8e8e8e
}

.appliances-checkbox .custom-checkbox .checkmark {
	-webkit-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease
}

.appliances-checkbox .custom-checkbox input[type="checkbox"]:not(:checked)+.checkmark:hover {
	background-color: #e08892
}

.appliances-checkbox .custom-checkbox input[type="checkbox"]:checked+.checkmark {
	background-image: url('data:image/svg+xml;utf8,<svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 6L4.97343 9L7.98672 5L11 1" stroke="rgb(9,142,155)" stroke-width="2" stroke-linecap="round"/></svg>')
}

.appliances-checkbox p {
	font-size: 15px
}

.appliances__input-arrows {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 2px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.appliances-quantity-plus,
.appliances-quantity-minus {
	cursor: pointer;
	border: none;
	outline: none;
	position: relative;
	width: 6px;
	height: 6px
}

.appliances-quantity-plus::after,
.appliances-quantity-minus::after {
	content: '';
	display: block;
	border-color: transparent;
	border-bottom-color: #888;
	border-style: solid;
	border-width: 0 0 6px 6px;
	height: 0;
	width: 0;
	-webkit-transition: border-bottom-color .3s ease;
	-o-transition: border-bottom-color .3s ease;
	transition: border-bottom-color .3s ease
}

.appliances-quantity-plus::after {
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg)
}

.appliances-quantity-minus::after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.appliances-quantity-plus:hover::after,
.appliances-quantity-minus:hover::after {
	border-bottom-color: #2e2e2e
}

.azimut-img,
.azimut-controls {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.azimut-img,
.azimut-controls {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.azimut-controls {
	gap: 32px;
	height: 24px
}

.azimut-img {
	width: 100%;
	height: 170px
}

.azimut-img img {
	width: auto;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease
}

.azimut-img {
	position: relative
}

.azimut-img__home {
	position: absolute
}

.azimut-controls input {
	width: 40px;
	border: none;
	outline: none;
	text-align: center
}

.azimut-controls p {
	font-weight: 500
}

.payback {
	background-color: #e8f6e9;
	gap: 30px;
	padding-right: 20px
}

.payback-item__input,
.payback>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.payback-item {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: calc(67% - 20px) 20px 33%;
	grid-template-columns: calc(67% - 20px) 33%;
	gap: 20px
}

.payback-item>p:nth-of-type(1) {
	text-align: start
}

.payback-item>p:nth-of-type(2) {
	text-align: end
}

.payback>div {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 12px
}

.payback-item .bold {
	font-weight: 500
}

.payback-item__input {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end;
	gap: 4px
}

.payback-item__input input {
	width: 60px;
	height: 22px !important;
	border-radius: 0 !important;
	text-align: center;
	padding: 4px !important;
	border: 1px solid #88aac5 !important;
	font-size: 14px !important;
	background-color: #fff !important;
	outline: none
}

.payback-item input::-webkit-outer-spin-button,
.payback-item input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.payback-item input[type=number] {
	-moz-appearance: textfield
}

.form-and-graph {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
	gap: 8px;
	margin-top: 26px
}

.request-form {
	background-color: #dff7f9;
	gap: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px 40px
}

.request-form>div:first-of-type {
	margin-top: 20px
}

.request-form__item {
	display: -ms-grid;
	display: grid
}

.request-form>p {
	text-align: center
}

.request-form p,
.request-form span,
.request-form input,
.request-form textarea {
	font-size: 16px;
	font-weight: 500
}

.request-form__item input,
.request-form__item textarea {
	background-color: #fff;
	border: 1px solid #88aac5;
	border-radius: 6px;
	outline: none;
	padding: 6px
}

.request-form__btn {
	cursor: pointer;
	width: 100%;
	margin-top: 10px;
	padding: 12px;
	color: #fff;
	background-color: #2bacf9;
	border-radius: 4px;
	border: none;
	outline: none;
	font-size: 20px;
	-webkit-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease
}

.request-form__btn:hover {
	background-color: #1e98de;
	letter-spacing: 1px
}

.first-graph-subtitles {
	display: none
}

.first-graph-subtitles.active {
	display: block
}

.month-table__wrapper {
	display: flex;
	align-items: center
}

@media(max-width:1420px) {
	.map-solar-grid {
		-ms-grid-columns: 30% 70%;
		grid-template-columns: 30% 70%
	}
}

@media(max-width:1200px) {
	.map-solar-grid {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: auto
	}

	.soalar-map {
		height: 300px
	}

	.solar-angle-img {
		gap: 44px
	}

	.solar-panel-img {
		width: 45%
	}

	.solar-grid {
		grid-template-columns: calc(100% - 250px) 240px
	}
}

@media(max-width:1100px) {

	.form-and-graph,
	.solar-graph-grid {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.form-and-graph {
		height: auto
	}

	.form-and-graph {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}

	.solar-graph-title h2 {
		margin-right: 0
	}
}
@media(max-width:760px) {
	.solar-graph-title {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.month-table th,
	.month-table td {
		font-size: 10px
	}

	.solar-grid {
		display: flex;
		flex-direction: column
	}

	.solar-panel-img {
		width: 200px;
		margin: 20px 0 50px 0
	}

	.azimut-img {
		margin: 20px 0
	}
}

@media(max-width:520px) {
	.appliances-total {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.appliances-total {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start;
		gap: 8px
	}

	.graph-checboxes {
		right: 10px
	}

	.solar-angle-img {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		margin-bottom: 32px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.solar-panel-img {
		width: 125px
	}

	.solar-panel__controls {
		position: absolute;
		right: 8px;
		bottom: 8px
	}

	.graph-checboxes p {
		font-size: 12px
	}

	.month-table__wrapper {
		flex-direction: column;
		gap: 10px
	}
}

@media(max-width:490px) {
	.solar-graph__btns {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%
	}

	.solar-graph__btns button {
		width: 100%
	}

	.month-table th,
	.month-table td {
		font-size: 8px
	}

	.solar-month>p {
		font-size: 14px
	}

	.request-form {
		padding: 20px
	}
}

@media(max-width:760px) {
	.solar-month .month-table {
		width: 100%
	}

	.solar-month .month-table thead {
		display: none
	}

	.solar-month .month-table tbody {
		display: block
	}

	.solar-month .month-table tr {
		display: flex;
		flex-wrap: wrap
	}

	.solar-month .month-table td {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: calc((100%/6) - 4px);
		box-sizing: border-box;
		text-align: center;
		padding: 8px 2px;
		border: 1px solid #eaeaea;
		margin: 2px;
		min-height: 60px;
		word-break: break-word;
		font-size: 12px
	}

	.solar-month .month-table td:nth-child(7) {
		clear: left
	}

	.solar-month .month-table td::before {
		content: attr(data-month-name);
		font-weight: bold;
		font-size: .8em;
		display: block;
		margin-bottom: 4px;
		color: #333
	}
}

#ee_phone {
	border: 1px solid #88aac5
}

#ee_textarea {
	resize: none
}

#payback-chart {
	width: 100%;
	height: 100%;
	min-height: 400px
}

.ee_ceo_text {
	margin: 7px;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #484848;
    line-height: 1.6;
}

.ee-sp-request-custom-button {
	background-color: #95e198;
	color: #1c1c1c !important
}

.ee_graph_abs {
	color: #fff !important;
	font-size: 25px !important
}

.ee-sp-calculator-loader-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .7);
	z-index: 9998;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease, visibility 0s linear .3s
}

.ee-sp-calculator-loader-overlay.is-active {
	opacity: 1;
	visibility: visible;
	transition: opacity .3s ease, visibility 0s linear 0s
}

.ee-sp-loader-content {
	text-align: center;
	padding: 20px;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .2)
}

.ee-sp-loader-content p {
	margin-top: 10px;
	font-size: 16px;
	color: #333
}

.pdf__btn {
	display: none !important
}

@media screen and (min-width:1024px) {
	.pdf__btn {
		display: inline-block !important
	}
}