.version.home_modern{color:#000016;background-color:#F0C7A9;}
#pu18864-4{
margin-top:-12px;
}
#contacts{
display:block;
position:relative;
top:-128px;
width:1px;
height:0;
margin:0 0 -128px 0 !important;
left:auto;
}
#contacts-modern{
width:947px;
margin-left:117px;
margin-top:8px;
margin-bottom:24px;
position:relative;
overflow:hidden;
box-sizing:border-box;
border-radius:28px;
background:linear-gradient(135deg,#0f2a4c 0%,#163d69 52%,#102542 100%);
color:#ffffff;
box-shadow:0 30px 80px rgba(7,21,39,0.22);
}
#contacts-modern:before,
#contacts-modern:after{
content:"";
position:absolute;
border-radius:999px;
filter:blur(8px);
opacity:.55;
pointer-events:none;
animation:contactsDrift 14s ease-in-out infinite;
}
#contacts-modern:before{
width:260px;
height:260px;
top:-90px;
right:-70px;
background:radial-gradient(circle,#d9b98f 0%,rgba(217,185,143,0) 70%);
}
#contacts-modern:after{
width:320px;
height:320px;
bottom:-160px;
left:-80px;
background:radial-gradient(circle,rgba(255,255,255,0.18) 0%,rgba(255,255,255,0) 72%);
animation-duration:18s;
}
#contacts-modern .contacts-shell{
position:relative;
z-index:2;
display:flex;
gap:28px;
padding:34px;
}
#contacts-modern .contacts-copy{
flex:1 1 54%;
}
#contacts-modern .contacts-kicker{
margin:0 0 10px;
font:700 12px/16px open-sans,sans-serif;
letter-spacing:1.8px;
text-transform:uppercase;
color:#d9c7a8;
}
#contacts-modern .contacts-title{
margin:0;
font:700 40px/42px Ubuntu,sans-serif;
letter-spacing:0.6px;
}
#contacts-modern .contacts-text{
margin:16px 0 0;
max-width:450px;
font:300 17px/28px open-sans,sans-serif;
color:rgba(255,255,255,0.88);
}
#contacts-modern .contact-phone-card{
max-width:430px;
margin-top:22px;
}
#contacts-modern .contact-email-card{
max-width:430px;
margin-top:14px;
}
#contacts-modern .contacts-actions{
display:flex;
gap:14px;
flex-wrap:wrap;
margin-top:18px;
}
#contacts-modern .contacts-action-primary,
#contacts-modern .contacts-action-secondary{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 24px;
border-radius:999px;
font:700 13px/18px open-sans,sans-serif;
letter-spacing:0.9px;
text-transform:uppercase;
text-decoration:none;
transition:transform 220ms ease, box-shadow 220ms ease, background-color 220ms ease, border-color 220ms ease;
}
#contacts-modern .contacts-action-primary{
background:#f5ebdd;
color:#12325b;
border:1px solid #ecd8bc;
box-shadow:0 12px 30px rgba(11,26,48,0.18);
}
#contacts-modern .contacts-action-secondary{
background:rgba(255,255,255,0.08);
color:#ffffff;
border:1px solid rgba(255,255,255,0.18);
backdrop-filter:blur(8px);
}
#contacts-modern .contacts-action-primary:hover,
#contacts-modern .contacts-action-secondary:hover{
transform:translateY(-2px);
}
#contacts-modern .contacts-panel{
flex:1 1 46%;
display:grid;
gap:14px;
align-content:start;
}
#contacts-modern .contact-card{
position:relative;
padding:18px 20px 17px;
border-radius:20px;
background:rgba(255,255,255,0.08);
border:1px solid rgba(255,255,255,0.16);
backdrop-filter:blur(12px);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}
#contacts-modern .contact-card-label{
margin:0 0 6px;
font:700 11px/14px open-sans,sans-serif;
letter-spacing:1.4px;
text-transform:uppercase;
color:#d9c7a8;
}
#contacts-modern .contact-card-value{
margin:0;
font:700 24px/28px Ubuntu,sans-serif;
letter-spacing:0.2px;
}
#contacts-modern .contact-card-value a{
color:#ffffff;
text-decoration:none;
}
#contacts-modern .contact-card-note{
margin:8px 0 0;
font:300 14px/22px open-sans,sans-serif;
color:rgba(255,255,255,0.82);
}
#contacts-modern .contact-form-card{
padding-bottom:20px;
}
#contacts-modern .contact-form-card .contact-card-label{
margin:0 0 8px;
display:block;
width:100%;
font:700 17px/22px open-sans,sans-serif;
letter-spacing:0.6px;
text-transform:uppercase;
color:#d9c7a8;
white-space:nowrap;
}
#contacts-modern .contacts-meta{
display:grid;
grid-template-columns:1fr;
gap:14px;
margin-top:14px;
}
#contacts-modern .contacts-meta .contact-card{
width:100%;
box-sizing:border-box;
border-radius:20px;
justify-self:stretch;
}
#contacts-modern .contacts-meta .contact-card-label{
margin:0 0 8px;
display:block;
max-width:100%;
font:700 19px/25px open-sans,sans-serif;
letter-spacing:1px;
text-transform:uppercase;
color:#d9c7a8;
}
#contacts-modern .contact-card-value-compact{
font:400 18px/24px open-sans,sans-serif;
letter-spacing:0.1px;
}
#contacts-modern .contact-upload-form{
display:grid;
gap:10px;
margin-top:8px;
}
#contacts-modern .contact-upload-form input,
#contacts-modern .contact-upload-form textarea{
width:100%;
box-sizing:border-box;
border:1px solid rgba(255,255,255,0.14);
border-radius:14px;
background:rgba(255,255,255,0.08);
color:#ffffff;
padding:13px 14px;
font:400 14px/18px open-sans,sans-serif;
outline:none;
appearance:none;
-webkit-appearance:none;
}
#contacts-modern .contact-upload-form textarea{
min-height:104px;
resize:vertical;
overflow:auto;
}
#contacts-modern .contact-upload-form input::placeholder,
#contacts-modern .contact-upload-form textarea::placeholder{
color:rgba(255,255,255,0.62);
}
#contacts-modern .contact-upload-form input[type="file"]{
padding:12px 14px;
cursor:pointer;
}
#contacts-modern .contact-upload-form-submit{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 24px;
border-radius:999px;
border:1px solid #ecd8bc;
background:#f5ebdd;
color:#12325b;
font:700 13px/18px open-sans,sans-serif;
letter-spacing:0.9px;
text-transform:uppercase;
cursor:pointer;
transition:transform 220ms ease, box-shadow 220ms ease, opacity 220ms ease;
box-shadow:0 12px 30px rgba(11,26,48,0.18);
}
#contacts-modern .contact-upload-form-submit:hover{
transform:translateY(-2px);
}
#contacts-modern .contact-upload-form-submit[disabled]{
opacity:.7;
cursor:wait;
}
#contacts-modern .contact-form-status{
display:none;
font:400 13px/20px open-sans,sans-serif;
color:rgba(255,255,255,0.88);
}
#contacts-modern .contact-form-status.is-visible{
display:block;
}
#contacts-modern .contact-form-status.is-error{
color:#ffd9d9;
}
#estimate-modal{
position:fixed;
inset:0;
display:none;
align-items:center;
justify-content:center;
padding:32px;
background:rgba(7,18,33,0.62);
backdrop-filter:blur(8px);
z-index:1000;
}
#estimate-modal.is-open{
display:flex;
}
#estimate-modal .estimate-modal-dialog{
position:relative;
width:min(560px,100%);
border-radius:28px;
background:linear-gradient(135deg,#0f2a4c 0%,#163d69 52%,#102542 100%);
box-shadow:0 30px 80px rgba(7,21,39,0.35);
color:#ffffff;
padding:32px 32px 28px;
box-sizing:border-box;
}
#estimate-modal .estimate-modal-close{
position:absolute;
top:18px;
right:18px;
width:42px;
height:42px;
border:1px solid rgba(255,255,255,0.18);
border-radius:999px;
background:rgba(255,255,255,0.08);
color:#ffffff;
font:400 26px/26px Ubuntu,sans-serif;
cursor:pointer;
}
#estimate-modal .estimate-modal-kicker{
margin:0 0 10px;
font:700 12px/16px open-sans,sans-serif;
letter-spacing:1.8px;
text-transform:uppercase;
color:#d9c7a8;
}
#estimate-modal .estimate-modal-title{
margin:0;
font:700 19px/25px open-sans,sans-serif;
letter-spacing:1px;
text-transform:uppercase;
color:#d9c7a8;
}
#estimate-modal .estimate-modal-text{
margin:14px 0 0;
font:300 16px/26px open-sans,sans-serif;
color:rgba(255,255,255,0.88);
}
#estimate-modal .estimate-modal-form{
display:grid;
gap:12px;
margin-top:22px;
}
#estimate-modal .estimate-modal-form input,
#estimate-modal .estimate-modal-form textarea{
width:100%;
box-sizing:border-box;
border:1px solid rgba(255,255,255,0.14);
border-radius:14px;
background:rgba(255,255,255,0.08);
color:#ffffff;
padding:13px 14px;
font:400 14px/18px open-sans,sans-serif;
outline:none;
appearance:none;
-webkit-appearance:none;
}
#estimate-modal .estimate-modal-form textarea{
min-height:104px;
resize:vertical;
overflow:auto;
}
#estimate-modal .estimate-modal-form input::placeholder,
#estimate-modal .estimate-modal-form textarea::placeholder{
color:rgba(255,255,255,0.62);
}
#estimate-modal .estimate-modal-form input[type="file"]{
padding:12px 14px;
cursor:pointer;
}
#estimate-modal .estimate-modal-submit{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 24px;
border-radius:999px;
border:1px solid #ecd8bc;
background:#f5ebdd;
color:#12325b;
font:700 13px/18px open-sans,sans-serif;
letter-spacing:0.9px;
text-transform:uppercase;
cursor:pointer;
transition:transform 220ms ease, box-shadow 220ms ease, opacity 220ms ease;
box-shadow:0 12px 30px rgba(11,26,48,0.18);
}
#estimate-modal .estimate-modal-submit:hover{
transform:translateY(-2px);
}
#estimate-modal .estimate-modal-submit[disabled]{
opacity:.7;
cursor:wait;
}
#estimate-modal .estimate-modal-status{
display:none;
font:400 13px/20px open-sans,sans-serif;
color:rgba(255,255,255,0.88);
}
#estimate-modal .estimate-modal-status.is-visible{
display:block;
}
#estimate-modal .estimate-modal-status.is-error{
color:#ffd9d9;
}
#contacts-modern .contacts-meta{
display:grid;
grid-template-columns:1fr;
gap:14px;
}
#contacts-modern.contacts-ready .contacts-kicker,
#contacts-modern.contacts-ready .contacts-title,
#contacts-modern.contacts-ready .contacts-text,
#contacts-modern.contacts-ready .contacts-actions,
#contacts-modern.contacts-ready .contact-card{
animation:contactsRise 720ms cubic-bezier(.2,.8,.2,1) both;
}
#contacts-modern.contacts-ready .contacts-title{animation-delay:90ms;}
#contacts-modern.contacts-ready .contacts-text{animation-delay:180ms;}
#contacts-modern.contacts-ready .contacts-actions{animation-delay:270ms;}
#contacts-modern.contacts-ready .contact-card:nth-child(1){animation-delay:160ms;}
#contacts-modern.contacts-ready .contact-card:nth-child(2){animation-delay:240ms;}
#contacts-modern.contacts-ready .contact-card:nth-child(3){animation-delay:320ms;}
#contacts-modern.contacts-ready .contact-card:nth-child(4){animation-delay:400ms;}
@keyframes contactsRise{
from{opacity:0;transform:translateY(24px);}
to{opacity:1;transform:translateY(0);}
}
@keyframes contactsDrift{
0%,100%{transform:translate3d(0,0,0) scale(1);}
50%{transform:translate3d(18px,-12px,0) scale(1.08);}
}