:root{
--plxml-blue:#085CAC;
--plxml-red:#E30007;
--plxml-gray:#757575;
--plxml-head:#DDDDDD;
--plxml-light:#EAEAEA;
--plxml-radius:0px;
--plxml-shadow:none;
}
.plxml-td,
.plxml-toggle-btn,
.plxml-cta-btn{ box-shadow:none !important; }
.plxml{max-width:760px;margin:18px 0;font-family:inherit}
.plxml-toggle{
display:flex;
gap:10px;
margin: 0 0 25px;
}
.plxml-toggle-btn{
border:0;
padding:10px 14px;
border-radius: 10px; font-weight:300;
cursor:pointer;
line-height:1;
background:var(--plxml-gray);
color:#fff;
transition: transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
}
.plxml-toggle-btn:hover{
background:var(--plxml-red);
color:#fff;
transition: transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
}
.plxml-toggle-btn.is-active{background:var(--plxml-blue);color:#fff;transition: transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease;}
.plxml-toggle-btn.is-active:hover{background:var(--plxml-red);color:#fff;transition: transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease;}
.plxml-head{
display:grid; grid-template-columns: 1fr 180px;
background:var(--plxml-head);
color:#383838;
font-weight:600;
text-transform:uppercase;
padding:1px 5px;
margin: 2px;
border-radius:0;
}
.plxml-head-right{justify-self:end}
.plxml-table{background:transparent}
.plxml-tr{
display:grid;
grid-template-columns: 160px repeat(var(--plxml-cols, 1), minmax(120px, 1fr));
}
.plxml-td{padding:12px 12px; display:flex; flex-direction:column; justify-content:center; border-radius:0; box-shadow:var(--plxml-shadow)}
.plxml-td-label{
background:#eaeaea;
font-weight:600;
color:#383838;
box-shadow:none;
border-radius:0;
}
.plxml-td-empty{
background: transparent;
border: 0;
box-shadow: none;
}
.plxml-td-blue{background:var(--plxml-blue); color:#fff; text-align:center}
.plxml-td-red{background:var(--plxml-red); color:#fff; text-align:center}
.plxml-td-gray{background:var(--plxml-gray); color:#fff; text-align:center}
.plxml-price{
color: #ffffff;
font-size: 16px;
font-weight: 500;
line-height: normal;
}
.plxml-price-sub, .plxml-label-sub{
font-size: 11px;
font-weight: 300;
text-transform: uppercase;
line-height: normal;
}
.plxml-small{
color: #ffffff;
font-size: 11px;
font-weight: 300;
text-transform: uppercase;
line-height: normal;
}
.plxml-plus{margin-right:6px;font-weight:900}
.plxml-price-line {
display: flex;
justify-content: center;
align-items: baseline;
gap: 6px;
}
.plxml-tr .plxml-td:not(.plxml-td-label){margin:2px 2px 2px 2px}
.plxml-tr .plxml-td-label{padding-top:18px;margin: 2px 2px 2px 2px;text-align: center;}
.plxml-cta{margin:22px 0 0}
.plxml-cta-btn{
display:flex; align-items:center; justify-content:center;
width: 100% !important;
height: 80px !important;
line-height: 20px !important;
font-size: 18px !important;
font-weight: 500 !important;
padding: 0px !important;
text-align: center !important;
align-content: center;
white-space: normal;
overflow-wrap: break-word;
border-radius: 8px !important;
transition: background-color 0.4s ease-in-out;
letter-spacing: -0.5px;
text-transform: uppercase;
border-width: 0px;
background-color: var(--plxml-blue);
color: #fff;
}
.plxml-cta-btn:hover{background-color: #e30007;color: #fff;text-transform: uppercase;text-decoration: none}
.plxml-cta-icon{
width:22px;height:22px;display:inline-block;
background:rgba(255,255,255,.95);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4h10a2 2 0 0 1 2 2v14H5V6a2 2 0 0 1 2-2zm0 2v12h10V6H7zm2 2h6v2H9V8zm0 4h6v2H9v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4h10a2 2 0 0 1 2 2v14H5V6a2 2 0 0 1 2-2zm0 2v12h10V6H7zm2 2h6v2H9V8zm0 4h6v2H9v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.plxml-cf7-accessories{margin:10px 0}
.plxml-acc-inputs{display:flex;flex-direction:column;gap:12px}
.plxml-acc-input-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.plxml-acc-input-name{font-weight:600;color:#383838}
.plxml-acc-input{width:86px;padding:10px;border:1px solid #ddd;border-radius:var(--plxml-radius)}
.plxml-estimator{
margin: 0px 0px 20px 0px;
padding: 20px;
border: 1px solid #9aa5af;
border-radius: var(--plxml-radius);
background: #dce8f3;
box-shadow: var(--plxml-shadow);
text-align: center;
}
.plxml-est-title{display:none;font-weight:400;text-transform:uppercase;color:#383838;letter-spacing:-0.5px;margin-bottom:6px}
.plxml-est-value{font-size:35px;font-weight:600;letter-spacing:-0.2px}
.plxml-tage{font-size: 16px;}
.plxml-est-details{margin-top:8px;font-size:15px}
.plxml-est-details ul{margin:6px 0 0 0}
.plxml-est-details ul li{list-style: none;}
.plxml-est-vat {
font-size: 16px;
font-weight: 600;
letter-spacing: -0.2px;
margin-top: 5px;
}
.plxml-cleaning-note{
font-family: 'Roboto', sans-serif;
font-size: 12px;
line-height: 14px;
font-style: normal;
font-weight: 500;
letter-spacing: -0.3px;
text-transform: uppercase;
margin: 20px 0 0 0;
color: #383838;
text-align: center;
}
.plxml-est-note{
margin-top:12px;
font-size:12px;
color:#666;
line-height:1.4;
}
.btn-icon {
height: 24px!important;
width: auto;
margin-right: 10px;
vertical-align: middle;
} .plxml-acc-input-row{
display:flex;
align-items:center;
justify-content:flex-start;
gap:14px;
}
.plxml-acc-input{
width: 90px;
height: 55px;
padding: 12px;
text-align: center;
font-size: 13px;
font-weight: 400;
border: 1px solid #ccc;
border-radius: 0;
background: #fff;
}
.plxml-acc-input-name{
display:flex;
align-items:center;
gap:5px;
font-weight: 400;
color:#646464;
} .plxml-acc-info{
display:inline-flex;
align-items:center;
justify-content:center;
width:18px;
height:18px;
border-radius:50%;
background:#cfcfcf;
color:#333;
font-size:11px;
font-weight:700;
text-decoration:none;
line-height:1;
}
.plxml-acc-info:hover{
background:#bdbdbd;
color:#111;
text-decoration:none;
}
.plxml-acc-price{
font-weight: 400;
color: #666;
font-size: 12px;
white-space: nowrap;
}
.plxml-acc-price [data-plxml-vat-label]{
margin-left: 4px;
}
@media (max-width: 768px) { .plxml-tr {
display: flex;
flex-direction: column;
} .plxml-td-label {
text-align: left;
padding-top: 12px;
} .plxml-td {
width: 100%;
margin: 4px 0;
} .plxml-head {
display: flex;
flex-direction: column;
gap: 4px;
}
.plxml-head-right {
justify-self: unset;
text-align: left;
}
}