h1 {
	margin: 25px 0px !important;
}

section.page-top {
	z-index: 1;
}
.mt39-calculator-roof.tpl-default .mt39-result .mt39-result-img,
.mt39-calculator-roof.tpl-default .mt39-coating-selection .mt39-coating-selection-img,
.mt39-calculator-roof.tpl-default .mt39-color-selection .mt39-color-selection-img,
.mt39-calculator-roof.tpl-default .mt39-profile-selection .mt39-profile-selection-img,
.mt39-calculator-roof.tpl-default .mt39-main .mt39-main-img,
.mt39-calculator-roof.tpl-default .mt39-dimension-input .mt39-dimension-input-img {
	width: 100%;
	height: 210px;
	position: relative;
}
.mt39-calculator-roof.tpl-default .mt39-result .mt39-result-img img,
.mt39-calculator-roof.tpl-default .mt39-coating-selection .mt39-coating-selection-img img,
.mt39-calculator-roof.tpl-default .mt39-profile-selection .mt39-profile-selection-img img,
.mt39-calculator-roof.tpl-default .mt39-main .mt39-main-img img,
.mt39-calculator-roof.tpl-default .mt39-dimension-input .mt39-dimension-input-img img {
	width: 100%;
}

.mt39-calculator-roof.tpl-default .mt39-color-selection .mt39-color-selection-img {
	overflow: hidden;
}

.mt39-calculator-roof.tpl-default .mt39-color-selection .mt39-color-selection-img img {
	width: 100%;
	object-fit: cover;
}


.mt39-calculator-roof.tpl-default .mt39-color-img {
	position: absolute;
	z-index: 1;
	left:0px;
	top: 0px;
	display: none;
}
.mt39-calculator-roof.tpl-default .mt39-service-img {
	position: absolute;
	z-index: 2;
	left:0px;
	top: 0px;
}

.mt39-calculator-roof.tpl-default .mt39-color-img.mt39-act{
	display: block;
}

.mt39-calculator-roof.tpl-default .mt39-result .mt39-result-img,
.mt39-calculator-roof.tpl-default .mt39-coating-selection .mt39-coating-selection-img,
.mt39-calculator-roof.tpl-default .mt39-color-selection .mt39-color-selection-img,
.mt39-calculator-roof.tpl-default .mt39-profile-selection .mt39-profile-selection-img,
.mt39-calculator-roof.tpl-default .mt39-main .mt39-main-img,
.mt39-calculator-roof.tpl-default .mt39-dimension-input .mt39-dimension-input-img {
	overflow: hidden;
}

@media(min-width: 768px){
	.mt39-calculator-roof.tpl-default .mt39-result .mt39-result-img,
	.mt39-calculator-roof.tpl-default .mt39-coating-selection .mt39-coating-selection-img,
	.mt39-calculator-roof.tpl-default .mt39-color-selection .mt39-color-selection-img,
	.mt39-calculator-roof.tpl-default .mt39-profile-selection .mt39-profile-selection-img,
	.mt39-calculator-roof.tpl-default .mt39-main .mt39-main-img,
	.mt39-calculator-roof.tpl-default .mt39-dimension-input .mt39-dimension-input-img {
		height: 595px;
	}
}

@media (max-width: 768px) {
	.mt39-calculator-roof.tpl-default .mt39-dimension-input form {
		width: 110px;
		padding-top: 0;
    	padding: 4px;
		margin-top: 14px !important;
		
		box-shadow: 0 0 10px rgb(0 0 0 / 15%);
	}

	.mt39-calculator-roof.tpl-default .mt39-dimension-input .mt39-var-input {
		padding: 2px 5px;
		margin: 3px;
	}
}


.mt39-calculator-roof.tpl-default{
	position: relative;
	margin: 0px 0px 25px 0px;
}

.mt39-calculator-roof.tpl-default .mt39-main {
	position: relative;
	overflow: hidden;
}

.mt39-calculator-roof.tpl-default .mt39-svg{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 1;
}

.mt39-calculator-roof.tpl-default .mt39-svg polygon{
	opacity: 0;
	position: relative;
	cursor: pointer;
	fill: rgba(238, 116, 29, 0.4);
	stroke: rgb(238, 116, 29);
	stroke-width: 4px;
	stroke-dasharray: 0;
	stroke-linecap: round;
}

.mt39-calculator-roof.tpl-default .mt39-svg polygon p{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	z-index: 1
}

.mt39-calculator-roof.tpl-default .mt39-svg polygon:hover{
	opacity: 1;
}

/* Star progress */
.mt39-calculator-roof.tpl-default .mt39-dots {
	display: flex;
}
.mt39-calculator-roof.tpl-default .mt39-dot {
	width: 97px;
	height: 90px;
	padding: 16px;

	background-repeat: no-repeat;
	background: rgba(255, 255, 255, .8);

	margin-right: 16px;

	border-radius: 8px;
}

.mt39-calculator-roof.tpl-default .mt39-dot svg {
	opacity: 1;
}

.mt39-calculator-roof.tpl-default .mt39-dot.mt39-act{
	background: #fff;

	color: #26448c;
}

.mt39-calculator-roof.tpl-default .mt39-dot.mt39-act .svg path {
	stroke: #26448c;
}

.mt39-dot:after {
    content: '';
	font-size: 10px;
    line-height: 13px;
    display: block;
	margin-top: 10px;
}

.mt39-calculator-roof.tpl-default .mt39-dot[data-step="0"]:after{
	content: 'Выбор типа кровли'
}

.mt39-calculator-roof.tpl-default .mt39-dot[data-step="1"]:after{
	content: 'Ввод параметров'
}

.mt39-calculator-roof.tpl-default .mt39-dot[data-step="2"]:after{
	content: 'Выбор профиля'
}

.mt39-calculator-roof.tpl-default .mt39-dot[data-step="3"]:after{
	content: 'Выбор цвета'
}

.mt39-calculator-roof.tpl-default .mt39-dot[data-step="4"]:after{
	content: 'Выбор покрытия'
}

.mt39-calculator-roof.tpl-default .mt39-dot[data-step="4"]:after{
	content: 'Результаты расчета'
}

.mt39-calculator-roof.tpl-default .mt39-nav {
	display: inline-flex;
	width: 386px;
	border-radius: 8px;
	padding:16px;
}

.mt39-calculator-roof.tpl-default .mt39-nav:not(.m39-act) {
	background: rgba(255,255,255,0.7);
}

.mt39-calculator-roof.tpl-default .mt39-prev img{
	transform: rotate(180deg);
}

.mt39-calculator-roof.tpl-default .mt39-nav img {
	width: 57px;
	height: 57px;
	border-radius: 4px;
}

.mt39-calculator-roof.tpl-default .mt39-inf{
	display: flex;
	align-items: center;
}

.mt39-calculator-roof.tpl-default .mt39-inf-text {
	padding: 0px 0px 0px 10px;
	line-height: 17px;
}

/* End progress */
.mt39-calculator-roof.tpl-default .mt39-nav {
	position: relative;

	transform: translateX(20px);
}

.mt39-prev, 
.mt39-next {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;

	background: #fff;
	border-radius: 3px;

	margin: auto;

	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}

.mt39-prev:hover, 
.mt39-next:hover {
	box-shadow: 0 0 5px rgb(255 255 255 / 50%);
}

.mt39-prev,
.mt39-next {
	transition: all .35s ease-out;
}

.mt39-prev:hover svg path, 
.mt39-next:hover svg path {
	fill: #26448c;
}

.mt39-prev {
	left: 0;
	transform: translateX(-20px);
}

.mt39-next {
	right: 0;
	transform: translateX(20px);
}


/* Star dimension input */
.mt39-calculator-roof.tpl-default .mt39-dimension-input {
	display: none;
	position: relative;
}

.mt39-calculator-roof.tpl-default .mt39-dimension-input form {
	width: 290px;
	height: fit-content !important;
	max-height: min-content;
	background-color: rgba(255,255,255,0.7);
	padding: 16px 24px;
	border-radius: 8px;
}

.mt39-calculator-roof.tpl-default .mt39-dimension-input label {
	width: 100%;
}

.mt39-calculator-roof.tpl-default .mt39-dimension-input .mt39-var-group {
	display: flex;
	align-items: center;
}

.mt39-calculator-roof.tpl-default .mt39-dimension-input .mt39-var-desc ,
.mt39-calculator-roof.tpl-default .mt39-dimension-input .mt39-var-name {
	width: auto;
	white-space: nowrap;
}

.mt39-calculator-roof.tpl-default .mt39-dimension-input .mt39-var-input {
	width: 100%;
	padding: 5px;
	border: 1px solid #BDBDBD;
	border-radius: 5px;
	margin: 0px 10px;
}

/* End dimension input */
/* Star profile selection */
.mt39-calculator-roof.tpl-default .mt39-profile-selection{
	display: none;
	position: relative;
}

.mt39-calculator-roof.tpl-default .mt39-profile-selection .mt39-list {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: calc(100% - 50px);
	margin: 25px;
	padding: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mt39-calculator-roof.tpl-default .mt39-profile-selection .mt39-list .mt39-item {
	max-width: 94px;
	margin: 0px 10px 0px 0px;
	padding: 10px;
	width: 120px;
    padding: 20px 10px !important;
	padding-left: 0 !important;
    padding-right: 0 !important;
	
	background: rgba(255 255 255 / 70%);
    padding: 16px;
    border-radius: 8px;

	cursor: pointer;
}

.mt39-calculator-roof.tpl-default .mt39-profile-selection .mt39-list .mt39-item.mt39-active,
.mt39-calculator-roof.tpl-default .mt39-profile-selection .mt39-list .mt39-item:hover{
	background-color: #fff;
}

.mt39-calculator-roof.tpl-default .mt39-profile-selection .mt39-list .mt39-img {
	height: 40px;
	text-align: center;
}

.mt39-calculator-roof.tpl-default .mt39-profile-selection .mt39-list .mt39-img img {
	object-fit: contain;
	height: 100%;
}

.mt39-calculator-roof.tpl-default .mt39-profile-selection .mt39-list .mt39-name {
	margin: auto;
	max-width: 50px;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
}

.mt39-calculator-roof.tpl-default .mt39-profile-selection .mt39-list .mt39-thickness {
	text-align: center;
	font-size: 10px;
	line-height: 12px;
}

.mt39-calculator-roof.tpl-default .mt39-profile-selection .mt39-item-detail {
	background-color: rgba(255,255,255,0.7);
	position: absolute;
	left: 25px;
	top: 25px;
	width: 225px;
	min-height: 100px;
	padding:16px;
	font-size: 10px;
	line-height: 12px;
	border-radius: 8px;
}

.mt39-calculator-roof.tpl-default .mt39-profile-selection .mt39-item-detail p {
	font-size: 10px;
	line-height: 12px;
	margin-top: 4px;
}

.mt39-calculator-roof.tpl-default .mt39-profile-selection .mt39-item-detail p:last-of-type {
	margin-bottom: 0;
}

.mt39-calculator-roof.tpl-default .mt39-profile-selection .mt39-item-detail .mt39-img{
	height: 60px;
	text-align: center;
}

.mt39-calculator-roof.tpl-default .mt39-profile-selection .mt39-item-detail .mt39-img img {
	object-fit: contain;
	height: 100%;
}

.mt39-calculator-roof.tpl-default .mt39-profile-selection .mt39-item-detail .mt39-name {
	text-align: center;
	font-weight: bold;
	font-size: 10px;
}

.mt39-calculator-roof.tpl-default .mt39-profile-selection .mt39-item-detail .mt39-text {
	font-size: 14px;
}

/* End profile selection */
/* Star color selection */

.mt39-calculator-roof.tpl-default .mt39-color-selection{
	display: none;
	position: relative;
}

.mt39-calculator-roof.tpl-default .mt39-color-selection .mt39-list {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: calc(100% - 50px);
	background-color: rgba(255,255,255,0.7);
	margin: 25px;
	padding: 25px;
	overflow-x: scroll;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

.mt39-calculator-roof.tpl-default .mt39-color-selection .mt39-list .mt39-item {
	margin: 0px 10px 0px 0px;
	padding: 10px;
	cursor: pointer;
	
	background: rgba(255 255 255 / 70%);
	padding: 16px;
	border-radius: 8px;
	
	font-size: 10px;
    line-height: 12px;

	max-width: 110px;
    height: 90px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}

.mt39-calculator-roof.tpl-default .mt39-color-selection .mt39-list .mt39-item .mt39-name {
	margin-top: 4px;
}

.mt39-calculator-roof.tpl-default .mt39-color-selection .mt39-list .mt39-item.mt39-active,
.mt39-calculator-roof.tpl-default .mt39-color-selection .mt39-list .mt39-item:hover{
	background-color: #fff;
}

.mt39-calculator-roof.tpl-default .mt39-color-selection .mt39-hex {
	text-align: center;
}

.mt39-calculator-roof.tpl-default .mt39-color-selection .mt39-hex div {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border:1px solid #000;
}

.mt39-calculator-roof.tpl-default .mt39-color-selection .mt39-list .mt39-name {
	text-align: center;
	font-weight: bold;
}
/* End color selection */

/* Star coating selection */
.mt39-calculator-roof.tpl-default .mt39-coating-selection{
	display: none;
	position: relative;
}

.mt39-calculator-roof.tpl-default .mt39-coating-selection .mt39-list {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: calc(100% - 50px);
	background-color: rgba(255,255,255,0.7);
	margin: 25px;
	padding: 25px;
	overflow-x: scroll;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

.mt39-calculator-roof.tpl-default .mt39-coating-selection .mt39-list .mt39-item {
	margin: 0px 10px 0px 0px;
	padding: 10px;
	cursor: pointer;
	max-width: 110px;
	padding-left: 5px !important;
	padding-right: 5px !important;

	background: rgba(255 255 255 / 70%);
	padding: 16px;
	border-radius: 8px;
	font-size: 10px;
    line-height: 12px;
}

.mt39-calculator-roof.tpl-default .mt39-result .mt39-buttons a {
	display: flex;
    flex-direction: column;
    align-items: center;
    width: 100px;
    text-align: center;
	background: #26448C !important;
    padding: 16px !important;
    line-height: 100%;
    border-radius: 8px;
    font-size: 10px;

	color: #fff;
	z-index: 5;
}

.mt39-calculator-roof.tpl-default .mt39-result .mt39-buttons a img {
	height: 30px;
	margin-bottom: 7px !important;
}

.mt39-calculator-roof.tpl-default .mt39-coating-selection .mt39-list .mt39-item.mt39-active,
.mt39-calculator-roof.tpl-default .mt39-coating-selection .mt39-list .mt39-item:hover{
	background-color: #fff;
}
.mt39-calculator-roof.tpl-default .mt39-coating-selection .mt39-list .mt39-name {
	text-align: center;
	font-weight: bold;
}
/* End coating selection */


/* Star coating selection */
.mt39-calculator-roof.tpl-default .mt39-result {
	display: block;
	position: relative;
}

.mt39-calculator-roof.tpl-default .mt39-result  .mt39-buttons {
	position: absolute;
	right: 30px;
    top: 20px;
	bottom: initial;
	display: flex;
	justify-content: center;
}
.mt39-calculator-roof.tpl-default .mt39-result  .mt39-buttons a {
	display: flex;
    flex-direction: column;
    align-items: center;
	width: 100px;

	text-align: center;

	background: rgba(255 255 255 / 70%);
    padding: 24px;
    line-height: 100%;
    border-radius: 8px;
}

.mt39-calculator-roof.tpl-default .mt39-result  .mt39-buttons a img {
	margin-bottom: 17px;
}

.mt39-calculator-roof.tpl-default .mt39-result  .mt39-buttons a:not(:last-child) {
	margin-right: 24px;
}

.mt39-calculator-roof.tpl-default .mt39-result .mt39-table {
	display: flex;
	flex-direction: column;
	padding-top: 14px !important;
	position: absolute;
	right: 0px;
	bottom: 10px;
	width: calc(100% - 50px);
	background: #fff;
	margin: 25px;
	margin-bottom: 0;
	padding: 25px 0;
	padding-bottom: 14px;
	max-height: 400px;
	height: inherit;
	z-index: 5;
	border-radius: 8px;
}

.mt39-calculator-roof.tpl-default .mt39-result .mt39-table.active {
	opacity: 0.8;
}

.mt39-calculator-roof.tpl-default .mt39-result table {
	width: 100%;
}

.mt39-calculator-roof.tpl-default .mt39-result .mt39-table-text-0 {
	width: 45%
}

.mt39-calculator-roof.tpl-default .mt39-result .mt39-table-text-1 {
	width: 15%;
	text-align: right;
}

.mt39-calculator-roof.tpl-default .mt39-result .mt39-table-text-2 {
	text-align: right;
}

.mt39-calculator-roof.tpl-default .mt39-result .mt39-table-text-3 {
	text-align: right;
	width: 25%
}

.mt39-calculator-roof.tpl-default .mt39-result table td {
	padding: 10px;
}

.mt39-calculator-roof.tpl-default .mt39-result table thead tr td {
	color: rgba(51 51 51 / 50%);
	font-size: 12px;
}

.mt39-calculator-roof.tpl-default .mt39-result table tbody tr:nth-child(odd) td {
	background: rgba(217, 217, 217, 0.3);
}

.mt39-calculator-roof.tpl-default .mt39-result table tbody tr:first-child td{
	border-width: 0px;
}
/* End coating selection */


/* Star modal */
.mt39-calculator-roof.tpl-default .mt39-modal {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1072;
	background-color: rgba(0,0,0,0.7);
	display: none;
}

.mt39-calculator-roof.tpl-default .mt39-modal.mt39-show {
	display: block;
}

.mt39-calculator-roof.tpl-default .mt39-modal .mt39-modal-dialog {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.mt39-calculator-roof.tpl-default .mt39-modal .mt39-modal-container{
	background-color: #fff;
	position: relative;
	padding: 25px;
}
.mt39-calculator-roof.tpl-default .mt39-modal .mt39-modal-close {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 32px;
	height: 32px;
	overflow: hidden;
	text-align: center;
	opacity: 0.7
	
}
.mt39-calculator-roof.tpl-default .mt39-modal .mt39-modal-close:after {
	content: "×";
	display: block;
	font-size: 32px;
	line-height: 32px;
	font-weight: 700;
	line-height: 1;
	color: #000;
}
.mt39-calculator-roof.tpl-default .mt39-modal .mt39-modal-close:hover {
	opacity: 0.1;
}

.mt39-calculator-roof.tpl-default .mt39-modal.mt39-feedback .mt39-modal-content{
	width: 500px;
	height: 300px;
	overflow-y: scroll;
	overflow-x: hidden;
	
}

.mt39-calculator-roof.tpl-default .mt39-modal.mt39-constants .mt39-modal-content{
	width: 500px;
	height: 300px;
	overflow-y: scroll;
	overflow-x: hidden;
	
}

.mt39-calculator-roof.tpl-default .mt39-modal .mt39-constants-edit input:invalid{
	background-color: red;
}

.mt39-calculator-roof.tpl-default .mt39-modal.mt39-feedback .mt39-message-true {
	color: green;
}
.mt39-calculator-roof.tpl-default .mt39-modal.mt39-feedback .mt39-message-false {
	color: red;
}
/* End modal */



/* PANEL POSITION STATES */
.mt39-calculator-roof.tpl-default .mt39-dots {
	position: absolute;
    z-index: 90;
    top: 25px;
    left: 25px;
}


.mt39-calculator-roof.tpl-default .mt39-nav {
	position: absolute;
    z-index: 90;
    bottom: 25px;
    left: 25px;
}

.mt39-calculator-roof.tpl-default .mt39-dimension-input form {
	height: 110px;
	margin: auto;

	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}



/* CALCULATOR TABLE STYLES */
.mt39-calculator-roof.tpl-default .mt39-result .mt39-table thead tr td:not(:first-of-type) {
  text-align: right;
}


/* STEPS STATES */
.mt39-calculator-roof.tpl-default[data-step="1"] .mt39-nav,
.mt39-calculator-roof.tpl-default[data-step="2"] .mt39-nav,
.mt39-calculator-roof.tpl-default[data-step="3"] .mt39-nav,
.mt39-calculator-roof.tpl-default[data-step="4"] .mt39-nav {
	position: absolute;
	max-height: 90px;
	z-index: 90;
	bottom: 25px;
	right: calc(45px + 25px);
	left: initial;
	top: initial;
	padding-left: 14px;
}

.mt39-calculator-roof.tpl-default[data-step="1"] .mt39-dots,
.mt39-calculator-roof.tpl-default[data-step="2"] .mt39-dots,
.mt39-calculator-roof.tpl-default[data-step="3"] .mt39-dots,
.mt39-calculator-roof.tpl-default[data-step="4"] .mt39-dots,
.mt39-calculator-roof.tpl-default[data-step="4"] .mt39-dots {
	position: absolute;
    z-index: 90;
	bottom: 25px;
	left: 25px;
	right: initial;
	top: initial;
}

.mt39-calculator-roof.tpl-default[data-step="1"] .mt39-list,
.mt39-calculator-roof.tpl-default[data-step="2"] .mt39-list,
.mt39-calculator-roof.tpl-default[data-step="3"] .mt39-list,
.mt39-calculator-roof.tpl-default[data-step="4"] .mt39-list,
.mt39-calculator-roof.tpl-default[data-step="4"] .mt39-list {
	bottom: calc(70px + 45px);
	border-radius: 8px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;

	background: transparent;
    overflow: auto;
}

/* .mt39-calculator-roof.tpl-default[data-step="1"] .mt39-dots,
.mt39-calculator-roof.tpl-default[data-step="2"] .mt39-dots,
.mt39-calculator-roof.tpl-default[data-step="3"] .mt39-dots,
.mt39-calculator-roof.tpl-default[data-step="4"] .mt39-dots,
.mt39-calculator-roof.tpl-default[data-step="4"] .mt39-dots {
} */


.mt39-calculator-roof.tpl-default[data-step="4"] .mt39-nav {
	display: none;
}

.mt39-calculator-roof.tpl-default[data-step="4"] .mt39-dots {
	top: 20px;
}


/* FEEDBACK MODAL DIALOG STYLES */
.mt39-feedback .mt39-modal-container .mt39-prev,
.mt39-feedback .mt39-modal-container .mt39-next {
	display: none;
}

.mt39-calculator-roof.tpl-default .mt39-modal .mt39-modal-container {
	padding: 35px;
}

.mt39-feedback .mt39-modal-container form > div:first-of-type {
	text-align: center;
    font-size: 24px;
    margin-bottom: 14px;
}

.mt39-feedback .mt39-modal-container input:not([type="checkbox"]) {
	padding: 7px;
    display: block;
    width: 100%;
    margin-bottom: 14px;
}

.mt39-feedback .mt39-modal-container form > div:last-of-type {
	margin-top: 7px;
	margin-bottom: 7px;
}

.mt39-feedback .mt39-modal-container input[type="checkbox"] {
	margin: 0;
	margin-right: 4px;
	transform: translateY(2px);
}

.mt39-feedback .mt39-modal-container input[type="submit"] {
	background: #26448C;
    color: #fff;
    font-weight: 700;
    border: none;
    border-radius: 8px;
    margin-top: 21px;
    padding: 14px;
    font-size: 16px;
}

.mt39-calculator-roof.tpl-default .mt39-dimension-input label {
	line-height: 15px !important;
}


/* RESULT TABLE HEADER */
.mt39-header {
	display: flex;
    justify-content: space-between;
	align-items: center;
    width: 100%;
	padding: 0 25px;
    margin-bottom: 14px;
}

.mt-39-header-button {
	display: flex;
	align-items: center;
	margin-left: 4vw;
	border: none;
    background: none;
}


.mt-39-header-button-arrow {
	display: inline-block;
    width: 45px;
	height: 45px;
    padding: 7px;
	margin-left: 16px;
	
	background: #26448c;
    border-radius: 4px;
	transform: rotate(0deg);

	position: relative;
}

.mt-39-header-button-arrow svg {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.mt-39-header-button-arrow.active {
	transform: rotate(180deg);
}

.mt39-services {
	display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px 14px;
    border-radius: 4px;
    border: 1px solid #26448c;
    color: #fff;
}

.mt39-services a,
.mt39-services a:hover {
	color: #26448c;
	text-transform: uppercase;
}

#Mt39CRResultTable:not(.active),
#mt-39-table-head:not(.active) {
	display: block;
	overflow: hidden;
	height: 0;
}

.mt39-header-right {
	display: flex;
}

.mt-39-table-wrapper {
	padding: 0 25px;
}

#mt-39-result-info-table {
	overflow: auto;
	max-height: 200px;
}

.mt-39-table-wrapper::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.mt-39-table-wrapper::-webkit-scrollbar-track {
  background: #F4F4F4;
}

.mt-39-table-wrapper::-webkit-scrollbar-thumb {
  border-radius: 40px;
  background-color: #26448C;
  border: 1px solid #F4F4F4;
}

.mt-39-table-wrapper::-webkit-scrollbar-corner {
  background-color: #ddd;
}

.mt39-table.active .mt-39-table-wrapper:nth-child(2) {
	border-top: 1px solid #D9D9D9;
}

.mt-39-header-title {
	font-weight: 500;
}

.mt-39-header-button-text {
	font-weight: 500;
	color: #26448c;
}

@media screen and (max-width: 1499px) {
	.mt39-calculator-roof.tpl-default[data-step="1"] .mt39-nav,
	.mt39-calculator-roof.tpl-default[data-step="2"] .mt39-nav,
	.mt39-calculator-roof.tpl-default[data-step="3"] .mt39-nav,
	.mt39-calculator-roof.tpl-default[data-step="4"] .mt39-nav {
		bottom: inherit !important;
    	top: 25px !important;
		right: 40px !important;
	}
}

@media (min-width: 768px) and (max-width: 1135px) {
	.mt39-calculator-roof.tpl-default .mt39-dots {
		max-width: 95% !important;
	}
}


@media screen and (max-width: 768px) {
	.mt39-calculator-roof.tpl-default[data-step="1"] .mt39-list,
	.mt39-calculator-roof.tpl-default[data-step="2"] .mt39-list,
	.mt39-calculator-roof.tpl-default[data-step="3"] .mt39-list,
	.mt39-calculator-roof.tpl-default[data-step="4"] .mt39-list,
	.mt39-calculator-roof.tpl-default[data-step="4"] .mt39-list {
		padding: 0 !important;
		padding-bottom: 12px !important;
	}

	.mt39-calculator-roof.tpl-default .mt39-result .mt39-result-img,
	.mt39-calculator-roof.tpl-default .mt39-coating-selection .mt39-coating-selection-img,
	.mt39-calculator-roof.tpl-default .mt39-color-selection .mt39-color-selection-img,
	.mt39-calculator-roof.tpl-default .mt39-profile-selection .mt39-profile-selection-img,
	.mt39-calculator-roof.tpl-default .mt39-main .mt39-main-img,
	.mt39-calculator-roof.tpl-default .mt39-dimension-input .mt39-dimension-input-img {
		height: auto;
	}

	.mt39-calculator-roof.tpl-default .mt39-dimension-input form {
		position: relative;
	}

	.mt39-calculator-roof.tpl-default .mt39-result .mt39-buttons {
		margin-top: 14px;
		position: static;
	}

	.mt39-calculator-roof.tpl-default .mt39-dots,
	.mt39-calculator-roof.tpl-default .mt39-nav,
	.mt39-calculator-roof.tpl-default .mt39-result .mt39-table {
		position: static !important;
		transform: none !important;
	}

	.mt39-calculator-roof.tpl-default {
		display: flex;
		flex-direction: column;
	}
	
	.mt39-calculator-roof.tpl-default .mt39-dots {
		order: 3;
		display: flex;
		flex-wrap: wrap;
	}

	.mt39-calculator-roof.tpl-default .mt39-dots .mt39-dot {
		width: calc(33.333333% - 16px * 2 / 3);
		margin-top: 14px;
		box-shadow: 0 0 10px rgba(0 0 0 / 7%);
	}

	.mt39-calculator-roof.tpl-default .mt39-dot:nth-child(3n) {
		margin-right: 0;
	}

	.mt39-calculator-roof.tpl-default .mt39-nav:not(.m39-act) {
		max-width: 100%;
		margin-top: 7px;
		margin-bottom: 7px;
		box-shadow: 0 0 10px rgba(0 0 0 / 7%);

		font-size: 10px;
		line-height: 12px;
	}

	.mt39-calculator-roof.tpl-default .mt39-steps {
		order: 1;
	}

	.mt39-calculator-roof.tpl-default .mt39-dimension-input form {
		max-height: 90px !important;
		max-width: 80%;
	}

	.mt39-calculator-roof.tpl-default .mt39-list {
		bottom: 0 !important;
	}

	.mt39-calculator-roof.tpl-default .mt39-result .mt39-table {
		max-width: 100% !important;
		width: 100% !important;
		margin: 0 !important;
		font-size: 10px !important;
		line-height: 12px !important;

		margin-top: 14px !important;

		border-radius: 8px;

		box-shadow: 0 0 10px rgba(0 0 0 / 7%);

	}

	.mt39-calculator-roof.tpl-default .mt39-result .mt39-buttons a {
		padding: 10px !important;
		color: #fff !important;
	}

	.mt39-calculator-roof.tpl-default .mt39-result .mt39-buttons a img {
		height: 30px;
		margin-bottom: 7px;
	}

	.mt39-calculator-roof.tpl-default .mt39-result .mt39-buttons {
		bottom: 77% !important;
	}

	.mt39-calculator-roof.tpl-default .mt39-dimension-input label,
	.mt39-calculator-roof.tpl-default .mt39-dimension-input .mt39-var-desc, 
	.mt39-calculator-roof.tpl-default .mt39-dimension-input .mt39-var-name {
		font-size: 10px !important;
		line-height: 12px !important;
	}

	.mt39-calculator-roof.tpl-default .mt39-list {
		display: flex !important;
		justify-content: flex-start !important;
	}

	.mt39-calculator-roof.tpl-default .mt39-profile-selection .mt39-item-detail {
		display: none !important;
	}

	.mt39-calculator-roof.tpl-default .mt39-dimension-input .mt39-var-input {
		font-size: 10px;
		padding: 2px 5px;
	}


	/* MODAL RESPONSIVE */
	.mt39-calculator-roof.tpl-default .mt39-modal .mt39-modal-dialog {
		overflow: auto;
    	align-items: flex-start;
	}

	.mt39-calculator-roof.tpl-default .mt39-modal .mt39-modal-container {
		width: calc(100vw - 10px * 2);
		margin-top: 14px;
		margin-bottom: 14px;
		padding: 25px;
	}
	
	.mt39-calculator-roof.tpl-default .mt39-modal .mt39-modal-dialog form label {
		line-height: 100%;
	}
	
	.mt39-feedback .mt39-modal-container form > div:last-of-type {
		display: flex;
    	align-items: flex-start;
	}

	.mt-39-header-button-arrow {
		width: 28px;
	}
}


@media screen and (max-width: 510px) {

	.mt39-header {
		flex-direction: column;
	}

	.mt39-header-right {
		display: flex;
		margin-top: 8px;
		width: 100%;
		justify-content: space-between;
	}
}

@media screen and (max-width: 375px) {
	.mt39-calculator-roof.tpl-default .mt39-dots .mt39-dot {
		width: calc(33.333333% - 7px * 2 / 3);
		padding: 12px;
		margin-right: 7px;
	}

	.mt39-calculator-roof.tpl-default .mt39-dots .mt39-dot:nth-child(3n) {
		margin-right: 0;
	}
}



@media screen and (max-width: 370px) {
	.mt-39-header-button {
		margin-left: 0;
		border: none;
		background: none;
		position: absolute;
		margin-right: auto;
		top: -7px;
		right: 0;
	}

	.mt-39-header-panel {
		display: flex;
		justify-content: center;
		margin-top: 14px;
	}

	.mt39-header-right {
			flex-direction: column;
		justify-content: center;
	}

	.mt39-header {
		position: relative;
		align-items: flex-start;
	}

	.mt39-services {
		margin-top: 7px;
	}
}


.mt39-calculator-roof.tpl-default .mt39-dimension-input form {
	width: 170px;
	padding: 14px 11px;
	border-radius: 8px;
	padding-top: 17px;

	top: initial;
	bottom: initial;
	left: initial;
	right: initial;
}

.mt39-calculator-roof.tpl-default .mt39-dimension-input form label,
.mt39-calculator-roof.tpl-default .mt39-dimension-input form .mt39-prev,
.mt39-calculator-roof.tpl-default .mt39-dimension-input form .mt39-next
 {
	display: none;
}

/* POSITIONS */
@media (min-width: 768px) {
	

	/* HOUSE #1 */
	#add-value-form.absolute-position-238149-0 {
		position: absolute;

		top: 36%;
		left: 20%;
	}

	#add-value-form.absolute-position-238149-1 {
		top: 42%;
		left: 57%;
	}

	#add-value-form.absolute-position-238149-2 {
		top: 20%;
		right: 14%;
	}

	#add-value-form.absolute-position-238149-3 {
		top: 48%;
    	right: 15%;
	}


	/* HOUSE #2 */
	#add-value-form.absolute-position-238147-0 {
		top: 15%;
    	right: 62%;
	}

	#add-value-form.absolute-position-238147-1 {
		top: 7%;
    	right: 50%;
	}

	#add-value-form.absolute-position-238147-2 {
		top: 6%;
    	right: 46%;
	}

	#add-value-form.absolute-position-238147-3 {
		top: 61%;
    	right: 34%;
	}

	#add-value-form.absolute-position-238147-4 {
		top: 45%;
    	right: 15%;
	}

	#add-value-form.absolute-position-238147-5 {
		top: 15%;
    	right: 62%;
	}

	#add-value-form.absolute-position-238147-6 {
		top: 28%;
    	right: 76%;
	}

	#add-value-form.absolute-position-238147-7 {
		top: 40%;
    	right: 28%;
	}

	#add-value-form.absolute-position-238147-8 {
		top: 46%;
    	right: 14%;
	}

	#add-value-form.absolute-position-238147-9 {
		top: 44%;
    	right: 15%;
	}


	/* HOUSE #3 */
	#add-value-form.absolute-position-223607-0 {
		top: 37%;
    	left: 15%;
	}

	#add-value-form.absolute-position-223607-1 {
		top: 37%;
    	right: 15%;
	}

	#add-value-form.absolute-position-223607-2 {
		top: 2%;
    	left: 27%;
	}

	#add-value-form.absolute-position-223607-3 {
		bottom: 37%;
    	left: 40%;
	}

	#add-value-form.absolute-position-223607-4 {
		top: 40%;
		right: 16%;
		
	}

	#add-value-form.absolute-position-223607-5 {
		bottom: 50%;
    	right: 8%;
	}
	


	/* HOUSE #4 */
	#add-value-form.absolute-position-238152-0 {
		top: 55%;
    	right: 68%;
	}

	#add-value-form.absolute-position-238152-1 {
		top: 52%;
    	right: 17%;
	}

	#add-value-form.absolute-position-238152-2 {
		top: 37%;
    	right: 32%;
	}

	#add-value-form.absolute-position-238152-3 {
		top: 62%;
    	right: 27%;
	}

	#add-value-form.absolute-position-238152-4 {
		top: 68%;
		right: 31%;
	}



	/* HOUSE #5 */
	#add-value-form.absolute-position-238153-0 {
		top: 47%;
    	right: 20%;
	}

	#add-value-form.absolute-position-238153-1 {
		top: 24%;
    	right: 8%;
	}

	#add-value-form.absolute-position-238153-2 {
		top: 52%;
    	right: 64%;
	}

	#add-value-form.absolute-position-238153-3 {
		top: 63%;
    	right: 24%;
	}

	#add-value-form.absolute-position-238153-4 {
		top: 70%;
    	right: 26%;
	}



	#add-value-form.absolute-position-238150-0 {
		top: 45%;
    	right: 63%;
	}

	#add-value-form.absolute-position-238150-1 {
		top: 27%;
    	right: 53%;
	}

	#add-value-form.absolute-position-238150-2 {
		top: 25%;
    	right: 24%;
	}

	#add-value-form.absolute-position-238150-3 {
		top: 35%;
    	right: 17%;
	}

	#add-value-form.absolute-position-238150-4 {
		top: 15%;
    	right: 62%;
	}

	#add-value-form.absolute-position-238150-5 {
		top: 67%;
		right: 67%;

		top: 52%;
    	right: 48%;
	}

	#add-value-form.absolute-position-238150-6 {
		top: 40%;
		right: 15%;
	}	
}


@media (max-width: 768px) {
	#add-value-form {
		position: absolute;
		bottom: 0;
	}

	.mt39-calculator-roof.tpl-default .mt39-dimension-input form {
		width: 110px;
		padding: 4px;
	}

	.mt39-calculator-roof.tpl-default .mt39-dimension-input .mt39-var-input {
		margin: 3px;
	}


	/* HOUSE #1 */
	#add-value-form.absolute-position-223607-0 {
		bottom: 40%;
    	left: 4%;
	}

	#add-value-form.absolute-position-223607-1 {
		bottom: 30%;
    	right: 10%;
	}

	#add-value-form.absolute-position-223607-2 {
		top: 7%;
    	left: 30%;
	}

	#add-value-form.absolute-position-223607-3 {
		top: 7%;
    	right: 14%;
	}

	#add-value-form.absolute-position-223607-4 {
		top: 30%;
    	right: 0%;
	}
	#add-value-form.absolute-position-223607-5 {
		top: 25%;
    	left: 38%;
	}



	/* HOUSE #2 */
	#add-value-form.absolute-position-238149-0 {
		top: 28%;
    	right: 67%;
	}

	#add-value-form.absolute-position-238149-1 {
		top: 33%;
    	right: 27%;
	}

	#add-value-form.absolute-position-238149-2 {
		top: 28%;
    	right: 7%;
	}

	#add-value-form.absolute-position-238149-3 {
		top: 30%;
    	right: 4%;
	}

	

	/* HOUSE #3 */
	#add-value-form.absolute-position-238147-0 {
		top: 30%;
    	right: 44%;
	}

	#add-value-form.absolute-position-238147-1 {
		top: 20%;
    	right: 34%;
	}

	#add-value-form.absolute-position-238147-2 {
		top: 28%;
    	right: 28%;
	}

	#add-value-form.absolute-position-238147-3 {
		top: 58%;
    	right: 28%;
	}

	#add-value-form.absolute-position-238147-3 {
		top: 58%;
    	right: 28%;
	}

	#add-value-form.absolute-position-238147-4 {
		top: 38%;
    	right: 5%;
	}

	#add-value-form.absolute-position-238147-5 {
		top: 38%;
    	right: 67%;
	}

	#add-value-form.absolute-position-238147-6 {
		top: 37%;
    	right: 47%;
	}

	#add-value-form.absolute-position-238147-7 {
		top: 34%;
    	right: 17%;
	}

	#add-value-form.absolute-position-238147-8 {
		top: 37%;
    	right: 4%;
	}

	#add-value-form.absolute-position-238147-9 {
		top: 37%;
    	right: 2%;
	}



	/* HOUSE #4 */
	#add-value-form.absolute-position-238152-0 {
		top: 45%;
    	right: 67%;
	}

	#add-value-form.absolute-position-238152-1 {
		top: 37%;
    	right: 1%;
	}

	#add-value-form.absolute-position-238152-2 {
		top: 28%;
    	right: 18%;
	}

	#add-value-form.absolute-position-238152-3 {
		top: 52%;
    	right: 15%;
	}

	#add-value-form.absolute-position-238152-4 {
		top: 54%;
    	right: 17%;
	}



	/* HOUSE #5 */
	#add-value-form.absolute-position-238153-0 {
		top: 37%;
    	right: 47%;
	}

	#add-value-form.absolute-position-238153-1 {
		top: -3%;
    	right: 7%;
	}

	#add-value-form.absolute-position-238153-2 {
		top: 40%;
    	right: 67%;
	}

	#add-value-form.absolute-position-238153-3 {
		top: 37%;
    	right: 47%;
	}

	#add-value-form.absolute-position-238153-4 {
		top: 57%;
		right: 47%;
	}



	/* HOUSE #6 */
	#add-value-form.absolute-position-238150-0 {
		top: 33%;
    	right: 70%;
	}

	#add-value-form.absolute-position-238150-1 {
		top: 7%;
    	right: 14%;
	}

	#add-value-form.absolute-position-238150-2 {
		top: 7%;
    	right: 14%;
	}

	#add-value-form.absolute-position-238150-3 {
		top: 17%;
    	right: 5%;
	}

	#add-value-form.absolute-position-238150-4 {
		top: 47%;
    	right: 69%;
	}

	#add-value-form.absolute-position-238150-5 {
		top: 55%;
    	right: 68%;
	}

	#add-value-form.absolute-position-238150-6 {
		top: 46%;
    	right: 3%;
	}
}