@media (min-width: 1360px) {
.calc.right {
width: 692px;
height: 598px;
margin-top: 30px;
}
}
.calc.left {
padding-top: 130px;
position: relative;
}
.calc .title-section {
position: absolute;
margin: 0;
top: 54px;
width: max-content;
}
.square .point.result {
border-radius: 0;
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
padding: 0;
height: auto;
max-height: unset;
min-height: unset;
border: none;
margin-left: 18px;
}
.square .point.result input {
padding: 0;
margin: 0;
position: static;
height: auto;
text-align: center;
padding-bottom: 7px;
margin-bottom: 7px;
border-bottom: 2px dotted #0e345629;
}
.square .point.result::after {
position: static;
margin: 0;
}
.square .point {
display: flex;
align-items: center;
border: none !important;
}
.point::before {
top: unset !important;
left: 9px !important;
}
@media (max-width: 768px) {
.point::before,
.over-icon::before {
display: none !important;
}
.form-panel select,
.square input {
padding-left: 12px;
}
}
.point.height::before {
content: url(//panel-tek.ru/wp-content/themes/panel/template-parts/home-page/constructor/height.svg);
}
.point.length::before {
content: url(//panel-tek.ru/wp-content/themes/panel/template-parts/home-page/constructor/length.svg);
}
.point.width::before {
content: url(//panel-tek.ru/wp-content/themes/panel/template-parts/home-page/constructor/width.svg);
}
.point::after {
position: absolute;
width: 100%;
bottom: -30px;
text-align: center;
top: unset;
}
.color-panels .item-text {
font-weight: 500;
}
.constructor-border {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.form-panel select {
border: none;
padding-bottom: 0;
}
.form-panel .over-icon {
display: flex;
align-items: center;
}
.over-icon::before {
top: unset !important;
left: 13px !important;
}
.over-icon.wall::before {
content: url(//panel-tek.ru/wp-content/themes/panel/template-parts/home-page/constructor/wall.svg);
}
.over-icon.mater::before {
content: url(//panel-tek.ru/wp-content/themes/panel/template-parts/home-page/constructor/mater.svg);
}
.form-panel.flex-row {
justify-content: flex-start;
}
.form-panel.flex-row > div:first-child {
border-right: 2px dotted #0e345629;
padding-right: 30px;
margin-right: 30px;
}
.gr_form_left {
width: 480px;
}
.gr_form_subtitle {
margin-top: 12px;
font-weight: 600;
font-size: 14px;
color: rgba(255, 255, 255, 0.8);
}
.calculator.gr_form .button_one {
width: auto;
margin: 0;
}
.gr_form .form_one .form_input {
max-width: 290px;
}
.mb_2_form_form .form_one {
display: flex;
align-items: center;
gap: 50px;
}
.form_input {
margin: 0;
}
.gr_form .form_one {
padding: 40px 0;
padding-left: 150px;
}
.calculator .form_tel_icon {
background-image: url(//panel-tek.ru/wp-content/themes/panel/template-parts/home-page/constructor/tel.svg);
}
.gr_form .form_one .form_input {
opacity: 1;
}
.gr_form .form_one .form_input input::placeholder {
color: rgba(47, 47, 47, 0.3);
}
.check-form {
margin-top: 20px;
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
margin-left: 314px;
}
@media (max-width: 768px) {
.check-form {
margin-left: 0;
}
} .section-calc {
position: relative;
}
.flex-row.calculator {
position: relative;
}
.price-card-wrapper {
position: absolute;
bottom: 50px;
right: 50px;
z-index: 999;
pointer-events: none;
}
.price-card {
position: relative;
width: 257px;
height: 111px;
}
.price-card-inner {
display: flex;
position: absolute;
top: 7px;
left: 7px;
flex-direction: column;
align-items: flex-start;
border-radius: 7px;
box-shadow: 0px 8px 25px 0px rgba(47, 75, 101, 0.25);
background-color: #0e3456;
background-image: linear-gradient(90deg, #1c568d 2.11%, rgba(28, 87, 142, 0) 91.56%);
padding: 16px;
width: 250px;
overflow: hidden;
row-gap: 6px;
}
.price-value {
flex-shrink: 0;
line-height: 34px;
letter-spacing: 0.28px;
color: #ffffff;
font-family: Montserrat, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: 600;
margin: 0;
}
.price-value > span {
filter: blur(8px) !important;
} .price-label-wrapper {
display: flex;
flex-shrink: 0;
align-items: flex-end;
align-self: stretch;
justify-content: flex-end;
column-gap: 3px;
}
.price-label {
flex-grow: 1;
width: 201px;
line-height: 16px;
letter-spacing: 0;
color: rgba(255, 255, 255, 0.8);
font-family: Montserrat, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
}
.price-icon {
flex-shrink: 0;
width: 14px;
height: 18px;
}
.price-card-badge {
display: flex;
position: absolute;
top: 0;
left: 0;
align-items: center;
border-radius: 50%;
background: #0e3456;
padding: 4px;
width: 16px;
height: 16px;
align-items: center;
justify-content: center;
}
.price-card-badge-inner {
border-radius: 50%;
background: #ffbd45;
width: 8px;
height: 8px;
}
@media (max-width: 768px) {
.price-card-wrapper {
bottom: 100px;
right: 200px;
}
.price-card {
width: auto;
height: auto;
}
.price-card-inner {
width: auto;
padding: 14px;
row-gap: 4px;
}
.price-value {
line-height: normal;
font-size: 20px;
}
.price-label {
width: 150px;
}
.calc .title-section {
top: 30px;
width: fit-content;
}
}
@media (max-width: 640px) {
.calculator .gr_form_title {
font-size: 18px;
}
.calculator .gr_form_title br {
display: none;
}
.gr_form_subtitle {
font-size: 16px;
}
.gr_form .form_one {
padding: 30px;
flex-direction: column;
gap: 20px;
}
.calculator.gr_form .button_one {
margin: 0 !important;
width: 100%;
padding-right: 10px;
padding-left: 10px;
}
.check-form {
align-items: start;
}
.check-form span {
text-align: left;
}
}