.del__header {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 10;
background: rgba(255, 255, 255, 0.7);
transition: all 0.3s ease-in-out;
}
.del__header.del__s_fixed {
position: fixed;
background: white;
animation: showMenu 0.3s forwards;
transform: translateY(-100%);
}
.del__header .del__s_first {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
padding-bottom: 0.5rem;
}
@keyframes showMenu {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0);
}
}
.del__header .del__s_first .del__s_logo {
padding: 0.5rem;
display: flex;
align-items: start;
}
.del__header .del__s_first .del__s_logo a {
display: flex;
flex-direction: column;
align-items: center;
}
.del__header .del__s_first .del__s_logo a span {
padding-top: 0.25rem;
font-size: var(--size-text-m-3);
color: var(--color-darkgray);
text-transform: uppercase;
letter-spacing: .2rem;
}
.del__header .del__s_first .del__s_logo img {
width: 10vw;
height: auto;
}
@media only screen and (min-width: 1921px) and (max-width: 3840px) {
.del__header .del__s_first .del__s_logo img {
width: 10vw;
}
}
.del__header .del__s_first .del__s_tips {
flex-grow: 1;
display: flex;
flex-direction: row;
}
.del__header .del__s_first .del__s_tips .del__s_tip {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
padding: 0.1vh 0.1vw;
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_text {
font-size: var(--size-text-m);
line-height: 1vw;
letter-spacing: 0.03em;
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_text {
position: relative;
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_text .del__s_flag {
position: absolute;
top: -1rem;
left: 1rem;
filter: drop-shadow(2px 3px 2px rgba(0, 0, 0, 0.5));
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_text .del__s_flag span {
display: block;
text-align: center;
background: var(--color-green);
width: 40px;
line-height: 56px;
color: white;
font-weight: 600;
font-size: var(--size-text-m-1);
font-family: var(--number-font);
clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 85%, 0 100%);
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_text .del__s_rate {
display: flex;
flex-direction: column;
padding-left: 4rem;
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_text .del__s_rate i {
color: gold;
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_text .del__s_rate .del__s_stars {
padding-bottom: 0.25rem;
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_text .del__s_rate .del__s_desc {
max-width: 8rem;
font-size: var(--size-text-xs);
font-weight: 300;
}
@media only screen and (min-width: 1921px) and (max-width: 3840px) {
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_text .del__s_rate .del__s_desc {
max-width: unset;
}
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_address {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_address i {
margin-right: 1rem;
color: var(--color-green);
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_address .del__s_addrtext {
font-size: var(--size-text-m-1);
line-height: 1.2vw;
letter-spacing: 0.03em;
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_catalog {
justify-content: center;
align-items: center;
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_catalog i {
margin-right: 1rem;
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_catalog a {
border: 1px solid var(--color-green);
color: var(--color-green);
background: white;
cursor: pointer;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
border-radius: 1rem;
transition: all 0.3s ease-in-out;
text-align: center;
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_catalog a:hover {
background: var(--color-green);
color: white;
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_soclals {
font-size: var(--size-text-m-1);
line-height: 1vw;
letter-spacing: 0.03em;
}
.del__header .del__s_first .del__s_tips .del__s_delo {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 0.5rem;
background: rgba(255, 255, 255, 0.5);
padding: 0.5rem;
margin-top: 0.5rem;
border-radius: 0.5rem;
margin-right: 0.5rem;
}
.del__header .del__s_first .del__s_tips .del__s_delo .del__s_delo_text {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
font-size: var(--size-text-m);
} .del__header .del__s_first .del__s_tips .del__s_tip.del__s_contacts {
display: flex;
flex-direction: column;
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_contacts .del__s_time {
font-size: var(--size-text-m-1);
line-height: 1vw;
letter-spacing: 0.03em;
display: flex;
flex-direction: row;
align-items: center;
margin-top: 0.5rem;
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_contacts .del__s_time b {
font-family: var(--number-font);
margin-left: 0.25rem;
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_contacts .del__s_time i {
margin-right: 0.5rem;
width: 4px;
height: 4px;
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_contacts .del__s_phone {
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
font-size: var(--size-text-m-3);
font-weight: 700;
color: #1C1C1C;
padding-top: 0.35rem;
padding-bottom: 0.35rem;
font-family: var(--number-font);
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_contacts .del__s_callback {
font-size: var(--size-text-m-1);
font-weight: 700;
color: var(--color-green);
position: relative;
cursor: pointer;
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_contacts .del__s_callback:before {
border-bottom: 1px dashed var(--color-green);
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
transition: all 0.3s ease-in-out;
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_contacts .del__s_callback:hover:before {
width: 50%;
}
.del__header .del__s_mobile_menu {
display: none;
} .del__container-mega {
max-width: unset;
background-color: var(--color-green);
display: flex;
justify-content: center;
align-items: center;
}
.del__header .del__s_megamenu {
max-width: 1300px;
width: 100%;
display: flex;
flex-direction: column;
align-items: start;
justify-content: center;
position: relative;
}
.del__header .del__s_megamenu > ul {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
width: 100%;
padding-left: 0;
list-style: none;
margin: 0;
}
.del__header .del__s_megamenu > ul > li {
flex-grow: 1;
}
.del__header .del__s_megamenu > ul > li > a {
padding: 0.5vw;
display: flex;
justify-content: center;
text-transform: uppercase;
align-items: center;
font-size: var(--size-text-m-1);
font-weight: 600;
color: white;
padding-top: 1rem;
padding-bottom: 1rem;
}
.del__header .del__s_megamenu a:hover {
color: var(--color-green) !important;
background: white !important;
}
.del__header .del__s_megamenu > ul > li.del__s_dropdown > .sub-menu {
display: none;
}
.del__header .del__s_megamenu > ul > li.del__s_dropdown > .del__s_mega {
display: none;
position: absolute;
background: white;
left: 0;
right: 0;
padding: 0;
margin: 0;
top: 100%;
}
.del__header .del__s_megamenu > ul > li.del__s_dropdown:hover > a {
background: white;
color: var(--color-green);
}
.del__header .del__s_megamenu > ul > li.del__s_dropdown:hover .del__s_mega {
display: block;
}  .del__s_mega .del__s_m_items {
display: flex;
flex-flow: row wrap;
padding: 1rem;
background: white;
box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}
.del__s_mega .del__s_m_items > li {
flex: 0 0 25%;
overflow: hidden;
display: flex;
flex-direction: column;
}
.del__s_mega .del__s_m_items ul {
display: flex;
flex-flow: row wrap;
padding: 0;
list-style: none;
padding-bottom: 0.5rem;
}
.del__s_mega .del__s_m_items li a {
color: black;
display: block;
font-weight: 600;
font-size: var(--size-text-m);
padding: 0.25rem;
}
.del__s_mega .del__s_m_items > li > ul {
padding: 0;
margin: 0;
}
.del__s_mega .del__s_m_items > li > ul > li {
border-right: 1px solid var(--color-extralightgray);
}
.del__s_mega .del__s_m_items > li > ul > li:last-child {
border-right: unset;
}
.del__s_mega .del__s_m_items > li > ul > li a {
font-weight: 300;
} .del__header .del__s_megamenu > ul > li.del__s_dropdown:hover > .sub-menu {
display: block;
}
.del__header .del__s_megamenu > ul > li.del__s_dropdown:hover > .sub-menu {
position: absolute;
background: white;
box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.3);
list-style: none;
padding: 1rem;
}
.del__header .del__s_megamenu > ul > li.del__s_dropdown:hover > .sub-menu a {
padding: 0.25rem;
display: flex;
text-transform: uppercase;
font-size: var(--size-text-m);
font-weight: 600;
color: black;
}
.del__header .del__s_megamenu .del__s_dropdown > a:after {
content: "\f078";
font-family: "Font Awesome 5 Free";
display: inline-block;
margin-left: 1rem;
}
.del__header .del__s_megamenu .del__s_mobile_header {
display: none;
}
.del__header .del__s_delo_m {
display: none;
}
@media (max-width: 1400px) {
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_catalog a {
max-width: 8rem;
font-size: var(--size-text-xs);
font-weight: 600;
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_catalog i {
display: none;
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_contacts .del__s_phone {
font-size: var(--size-text-m-2);
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_soclals {
font-size: var(--size-text-xs);
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_contacts .del__s_time {
font-size: var(--size-text-xs);
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_address .del__s_addrtext {
font-size: var(--size-text-xs);
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_contacts .del__s_callback {
font-size: var(--size-text-xs);
}
}
.del__mobile_bars {
display: none;
}
@media (max-width: 960px) {
.del__s_mega .del__s_m_items > li {
flex: 0 0 50%;
}
.del__mobile_bars {
display: flex;
}
.del__header .del__mobile_bars .del__s_bars {
padding: 1rem;
border: 1px solid var(--color-lightgray);
border-radius: 0.25rem;
color: var(--color-green);
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
}
.del__header .del__mobile_bars .del__s_bars .fa-times {
display: none;
}
.del__header.del__menu_active .del__mobile_bars .del__s_bars .fa-bars {
display: none;
}
.del__header.del__menu_active .del__mobile_bars .del__s_bars .fa-times {
display: inline;
}
.del__header .del__s_megamenu > ul > li.del__s_dropdown:hover > .sub-menu a {
padding-top: 0.85rem;
padding-bottom: 0.85rem;
}
.del__header .del__s_first {
width: unset;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
}
.del__header .del__s_first .del__s_tips .del__s_tip {
align-items: center;
}
.del__header .del__s_first .del__s_logo {
padding: 0;
padding-top: 0rem;
}
.del__header .del__s_first .del__s_logo img {
width: 30vw;
}
.del__header .del__s_first .del__s_logo a span {
font-size: var(--size-text-m-2);
}
.del__header .del__s_first .del__s_tips {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_contacts .del__s_time {
line-height: unset;
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_contacts .del__s_phone {
padding-top: 0;
padding-bottom: 0;
}
.del__inner_page {
padding-top: 100px;
}
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_text,
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_address,
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_catalog,
.del__header .del__s_first .del__s_tips .del__s_tip.del__s_soclals,
.del__header .del__s_first .del__s_tips .del__s_delo {
display: none;
} .del__header .del__s_megamenu {
position: absolute;
left: 0;
right: 0;
display: none;
background: white;
flex-direction: column;
justify-content: start;
align-items: center;
border: unset;
box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.3);
}
.del__header.del__menu_active .del__s_megamenu {
display: flex;
}
.del__header .del__s_megamenu > ul {
display: flex;
flex-direction: column;
}
.del__header .del__s_megamenu > ul > li:first-child,
.del__header .del__s_megamenu > ul > li:last-child {
display: none;
}
.del__header .del__s_mobile_menu {
display: flex;
flex-direction: row;
width: 100%;
margin-left: 1rem;
margin-right: 1rem;
}
.del__header .del__s_mobile_menu .del__s_left {
flex-grow: 1;
justify-content: center;
display: flex;
align-items: center;
flex: 1 1 50%;
padding-left: 1rem;
padding-right: 0.5rem;
}
.del__header .del__s_mobile_menu .del__s_right {
flex-grow: 1;
justify-content: center;
display: flex;
align-items: center;
flex: 1 1 50%;
padding-left: 0.5rem;
padding-right: 1rem;
}
.del__header .del__s_mobile_menu .del__s_left a,
.del__header .del__s_mobile_menu .del__s_right a {
border: 1px solid var(--color-green);
background: white;
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
padding: 0.5rem;
border-radius: 0.5rem;
color: var(--color-green);
font-weight: 600;
}
.del__header .del__s_mobile_menu .del__s_left a span,
.del__header .del__s_mobile_menu .del__s_right a span {
padding-right: 0.5rem;
} .del__header.del__project_active .del__projects_toggele {
color: white !important;
background: var(--color-green) !important;
}
.del__header.del__project_active .del__s_mobile_menu .del__s_right a i {
transform: rotateZ(180deg);
}
.del__header.del__project_active .del__s_megamenu {
display: flex;
}
.del__header.del__project_active .del__s_megamenu > ul > li {
display: none !important;
}
.del__header.del__project_active .del__s_megamenu li.del__s_projects {
display: flex !important;
flex-direction: column;
}
.del__header.del__project_active .del__s_megamenu li.del__s_projects > a {
display: none !important;
}
.del__header.del__project_active .del__s_megamenu li.del__s_projects .del__s_mega {
display: flex !important;
position: relative !important;
}
.del__header.del__project_active .del__s_mega .del__s_m_items {
box-shadow: unset;
}
.del__header .del__s_megamenu > ul > li > a {
color: var(--color-green);
}
.del__header .del__s_megamenu > ul > li.del__s_dropdown > .del__s_mega {
position: relative;
}
.del__s_mega .del__s_m_items {
box-shadow: unset;
}
.del__header .del__s_megamenu > ul > li.del__s_dropdown:hover > .sub-menu {
position: relative;
width: 100%;
box-shadow: unset;
}
.del__header .del__s_megamenu > ul > li {
width: 100%;
}
.del__header .del__s_delo_m {
display: flex;
flex-direction: row;
background: white;
padding: 0.5rem 1rem;
gap: 1rem;
justify-content: center;
align-items: center;
}
}