:root {     --font-xxsmall: 11px;
--font-xsmall: 14px;
--font-small: 16px;
--font-medium: 20px;
--font-large: 24px;
--font-xlarge: 30px;
--font-xxlarge: 40px;
--font-xxxlarge: 50px;
}   .grecaptcha-badge {
display: none !important;
} body {
color: #000 !important;
} blockquote cite, cite, cite a {
font-size: 18px !important;
line-height: 130% !important;
color: rgba(0, 0, 0, 0.514) !important;
} @font-face {
font-family: "TT Fors Display";
src: url(//mlk.global/wp-content/fonts/tt-fors-display/TT_Fors_Display_Bold.woff);
font-weight: bold;
font-display: swap;
}
@font-face {
font-family: "TT Fors Display";
src: url(//mlk.global/wp-content/fonts/tt-fors-display/TT_Fors_Display_Bold_Italic.woff);
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "TT Fors Display";
src: url(//mlk.global/wp-content/fonts/tt-fors-display/TT_Fors_Display_DemiBold.woff);
font-weight: 600;
font-display: swap;
}
@font-face {
font-family: "TT Fors Display";
src: url(//mlk.global/wp-content/fonts/tt-fors-display/TT_Fors_Display_Regular-1.woff);
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: "TT Fors";
src: url(//mlk.global/wp-content/fonts/tt-fors/TT_Fors_Regular-1.woff);
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: "TT Fors";
src: url(//mlk.global/wp-content/fonts/tt-fors/TT_Fors_Medium.woff);
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: "TT Fors";
src: url(//mlk.global/wp-content/fonts/tt-fors/TT_Fors_DemiBold.woff);
font-weight: 600;
font-display: swap;
}
@font-face {
font-family: "TT Fors";
src: url(//mlk.global/wp-content/fonts/tt-fors/TT_Fors_Bold.woff);
font-weight: 700;
font-display: swap;
}
.page-id-11729 div#hero-and-body {
padding-top: 150px;
}
@media (max-width: 768px) {
.page-id-11729 div#hero-and-body, div#hero-and-body {
padding-top: 0;
}
} #hero #page-title {
padding-top: calc(60px + 200px + 25px); 
} 
.page-id-11729 div#page-content {
margin-top: 110px;
}
.page-id-1448 div#page-body {
margin-top: 80px;
}  .custom-header{
font-family: var(--e-global-typography-b77b393-font-family) !important;
text-transform: uppercase;
top: 0;
z-index: 1000;
background-color: white;
width: 100vw;
position: fixed;
}
.burger-menu-icon {
display: none;
flex-direction: column;
cursor: pointer;
gap: 3px;
position: relative;
border: 2px solid black;
border-radius: 50px;
height: 30px;
width: 30px;
transition: all 0.3s ease-in-out;
}
.burger-menu-icon span {
display: block;
width: 20px;
height: 2px;
background-color: black;
border-radius: 2px;
transition: all 0.3s ease-in-out;
}
.burger-menu-icon.active {
border: 2px solid white;
}
.burger-menu-icon.active span {
background-color: white;
}
.burger-menu-icon.active span:nth-child(1) {
transform: translateY(5px) rotate(45deg);
}
.burger-menu-icon.active span:nth-child(2) {
opacity: 0;
}
.burger-menu-icon.active span:nth-child(3) {
transform: translateY(-4px) rotate(-45deg);
}
@keyframes burgerAnimation {
from {opacity: 0;}
to {opacity: 1;}
}
.menu {
display: flex;
position: relative;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
width: 90vw;
}
.menu-logo {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #FF0BCA; 
padding: 20px;
width: 18%;
transition: all .3s ease;
}
.menu-logo.scrolled {
padding: 15px;
width: 10%;
}
.menu-logo .logo img{
height: auto !important;
width: 100%;
object-fit: contain;
}
.menu-items {
display: flex;
flex-direction: column;
justify-content: start;
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
.menu-item {
padding: 0 40px;
border-radius: 0 40px 40px 0;
color: white;
font-size: clamp(var(--font-medium), 3vw, var(--font-xlarge));
font-weight: 600;
text-align: center;
margin-top: 0;
transition: width 0s, all 0.3s ease;
}
.menu-item.scrolled {
padding: 3px;
border-radius: 0 30px 30px 0;
font-size: clamp(var(--font-xsmall), 1rem, var(--font-medium));
height: auto;
transition: width 0s, all 0.3s ease;
}
.menu-item:hover {
color: white;
}
.menu-item.blue {
background-color: #2230F7; 
}
.menu-item.red {
background-color: #FF3500; 
}
.menu-logo:hover, .menu-item.blue:hover {
background-color: black;
}
.menu-item.red:hover {
background-color: #2230F7;
}
.menu-item.we {	width: calc(40% - 80px); }
.menu-item.do {	width: calc(60% - 80px); }
.menu-item.brand {	width: calc(80% - 80px); }
.menu-item.cool {	width: calc(100% - 80px); }
.menu-item.we.scrolled {	width: 10%; }
.menu-item.do.scrolled {	width: 15%; }
.menu-item.brand.scrolled {	width: 20%; }
.menu-item.cool.scrolled {	width: 25%; }
.icon-head {
position: relative;
display: inline-block;
}
.icon-head div{
color: transparent;
}
.icon-head span {
opacity: 0;
position: absolute;
top: 0;
right: 0;
transition: opacity 2.5s ease;
}
.icon-head-default .default {
opacity: 1;
}
.icon-head-light .light {
opacity: 1;
}
.icon-head-medium .medium {
opacity: 1;
}
.icon-head-tan .tan {
opacity: 1;
}
.icon-head-dark .dark {
opacity: 1;
}
.menu-right-items {
position: absolute;
right: 0;
display: flex;
gap: 20px;
}
.menu-right-items a {
color: #2230F7;
font-size: 18px;
font-weight: 600;
transition: all .3s ease;
}
ul.menu-right-items {
margin-top: 25px;
}
.menu-right-items a:hover {
color: #000;
}
.menu-right-items .search-button a img{
filter: brightness(0) saturate(100%) invert(11%) sepia(95%) saturate(6513%) hue-rotate(244deg) brightness(97%) contrast(99%);
transition: all .3s ease;
vertical-align: baseline;
}
.search-button {
position: relative;
display: flex; }
.search-field {
position: absolute;
width: 0 !important;
opacity: 0;
transition: width 0.3s ease;
font-family: var(--e-global-typography-b77b393-font-family) !important;
border-bottom: 1px solid black !important;
color: black !important;
outline: none;
}
.search-button.active .search-field {
width: 300px !important;
opacity: 1;
font-size: 14px !important;
padding: 0;
}
.search-button img {
cursor: pointer;
width: 16px;
}
.search-button.active img {
transform: translateX(-5px);
}
.menu-right-items .search-button.active a img {
filter: brightness(0) saturate(100%) invert(0%) sepia(93%) saturate(0%) hue-rotate(214deg) brightness(85%) contrast(106%);
}
.menu-right-items .search-button a img:hover{
filter: brightness(0) saturate(100%) invert(0%) sepia(93%) saturate(0%) hue-rotate(214deg) brightness(85%) contrast(106%);
}
.say-hello-button{
position: absolute;
top: 64.5px;
right: 0;
padding: 13px 0;
transition: all .3s ease;
z-index: 10000;
}
.say-hello-button a {
border-radius: 25px;
background-color: #2230F7;
padding: 15px 30px;
font-size: 16px;
font-weight: 600;
color: white;
transition: all .3s;
}
.say-hello-button a:hover{
background-color: black;
}  .custom-footer {
display: flex;
flex-wrap: wrap;
row-gap: 90px;
padding-top: 120px;
padding-bottom: 120px;
background-color: #151716; font-family: var(--e-global-typography-b77b393-font-family) !important;
text-align: center;
}
.custom-footer .footer-top, .custom-footer .footer-bottom, .custom-footer .footer-center{
max-width: 80vw;
margin-left: auto;
margin-right: auto;
}
.custom-footer .footer-top, .custom-footer .footer-bottom{
background-color: #151716;
color: white;
display: flex;
justify-content: space-between;
align-items: center;
}
.custom-footer .footer-top{
gap: 10px;
flex-wrap: wrap;
}
.custom-footer .footer-bottom{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 80px;
}
.footer-socials{
display: flex;
gap: 16px;
}
.footer-socials a {
color: white;
text-decoration: none;
font-size: 28px;
transition: all 0.3s;
}
.footer-img {
display: flex;
min-width: 80vw;
}
.footer-img img{
height: 50px;
width: auto;
margin-right: 20px;
}
.footer-logo {
color: white;
font-weight: 600;
font-size: 18px !important;
line-height: 100%;
text-transform: uppercase;
transition: .3s;
}
.custom-footer .footer-center{
display: grid;
justify-items: center;
}
a.footer-contact {
color: white;
font-weight: 600;
font-size: 100px;
line-height: 115%;
text-transform: uppercase;
transition: .3s;
}
.custom-footer .footer-contact{
padding-bottom: 50px;
}
.custom-footer .footer-center a:hover, .footer-socials a:hover, .footer-logo:hover{
color: #FF1DCE;
}
.custom-footer .footer-button {
width: fit-content;
background-color: white ;
color: black !important;
border-radius: 32px;
font-weight: 600;
font-size: 18px !important;
text-transform: uppercase;
padding: 15px 35px;
transition: 0.3s;
}
.custom-footer .footer-button:hover{
background-color: #FF1DCE;
color: white !important;
}
.custom-footer p{
color: white;
font-size: 18px;
margin-top: 0px !important;
font-size: 28px;
line-height: 124%;
}
.custom-footer p:first-child{
text-align: left;
}
.custom-footer p:last-child{
text-align: right;
}   .custom-block {
max-width: 80vw;
margin-left: auto;
margin-right: auto;
}
.custom-heading h2 {
font-size: 80px !important;
font-weight: 600 !important;
line-height: 124% !important;
}
.custom-heading h3 {
font-family: "TT Fors Display" !important;
font-size: 60px;
font-weight: 500;
line-height: 115%;
text-align: center;
}
.custom-heading h4 {
font-size: 40px !important;
font-weight: 600 !important;
line-height: 115% !important;
text-transform: uppercase !important;
margin-top: 0 !important;
}
.custom-heading h5 {
font-size: 32px !important;
font-weight: 600 !important;
line-height: 115% !important;
text-transform: uppercase !important;
}
.custom-heading h6 {
font-size: 28px !important;
font-weight: 500;
line-height: 115% !important;
text-transform: uppercase !important;
} .interactive-video {
width: 100%;
cursor: none; outline: none; object-fit: cover;
}
.video-cursor {
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
background: rgba(0, 0, 0, 0.5);
border-radius: 50%;
background-image: url(https://mlk.by/wp-content/uploads/2024/11/white-volume.svg);
background-size: 30px; 
background-position: center; 
background-repeat: no-repeat;
opacity: 0;
transform: scale(0.4);
transition: opacity 0.3s ease, transform 0.3s ease;
pointer-events: none;
}
.video-cursor.visible {
opacity: 1; 
transform: scale(1);
}
.video-cursor.active {
transform: scale(1.2); 
} .button-pink a {
color: #f058a1;
transition: all .3s;
}
.button-pink a:hover {
color: #f385ba;
}
.button-red a {
color: #ff3500;
transition: all .3s;
}
.button-red a:hover {
color: #ff8768;
} .custom_but a {
font-size: 24px !important;
font-weight: 400 !important;
color: black !important;
background-color: transparent !important;
padding: 0;
transition: all .3s;
}
.custom_but svg path {
transition: all .3s;
}
.custom_but:hover a, .custom_but:hover svg path {
stroke: #ff0bca !important;
color: #ff0bca !important;
}
.custom_but.but_red:hover a, .custom_but.but_red:hover svg path {
stroke: #ff3500 !important;
color: #ff3500 !important;
}
.custom_but.but_blue:hover a, .custom_but.but_blue:hover svg path {
stroke: #2230f7 !important;
color: #2230f7 !important;
}
.button_popup {
font-size: 24px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
color: black !important;
background-color: white !important;
padding: 30px 60px;
border-radius: 100px;
transition: all .3s;
}
.button_popup:hover {
color: white !important;
background-color: #151716 !important;
}
.rose.button_popup {
font-size: 20px !important;
color: white !important;
background-color: #F058A1 !important;
background-image: none;
padding: 22px 32px;
}
.rose.button_popup:hover{
background-color: black !important;
} .portfolio_home {
display: block;
position: relative;
height: 860px;
}
.portfolio_image {	
display: flex;
position: relative;
align-items: center;
justify-content: center;
}
.portfolio_image img {
width: 100%;
height: 705px !important;
border-radius: 36px;
object-fit: cover;
transition: filter .3s ease;
border-radius: 30px !important;
}
.portfolio_image .portfolio_eye {
display: flex;
position: absolute;
align-items: center;
justify-content: center;
opacity: 0;
z-index: 10;
width: 90%;
transition: all .3s ease;
}
.portfolio_image .portfolio_eye .small-image {
position: absolute;
align-self: center;
border-radius: 50% !important;
width: 61%;
height: auto !important;
z-index: -1;
opacity: 0;
transition: all .3s ease;
aspect-ratio: 1 / 1;
}
.portfolio_image .portfolio_eye svg path {
fill: #ff3500;
}
@keyframes fadeInOut {
0% {
transform: scale(1.05); opacity: 0; }
100% {
transform: scale(1); opacity: 1; }
}
@keyframes fadeOutIn {
0% {
transform: scale(0.9); opacity: 0; }
100% {
transform: scale(1); opacity: 1; }
}
.portfolio_content {
display: block;
width: 100%;
text-align: left;
margin-top: 25px;
border-radius: 20px;
animation: fadeOutIn 0.3s; }
.portfolio_title {
font-size: 32px;
font-weight: 500;
line-height: 120%;
text-transform: uppercase;
}
.portfolio_subtitle {
font-size: 24px;
font-weight: 400;
line-height: 115%;
padding-top: 0;
}
.portfolio_title, .portfolio_subtitle {
flex: 1;
}
.icon {
opacity: 0;
margin-left: auto;
transition: opacity .3s ease;
color: white;
}
.icon svg {
width: 30px;
height: 24px;
}
.portfolio_home:hover .portfolio_image img {
filter: blur(6px);
}
.portfolio_home:hover .portfolio_eye .small-image {
filter: none;
}
.portfolio_home:hover img.small-image, .portfolio_home:hover .portfolio_eye {
opacity: 1;
}
.portfolio_home:hover .portfolio_content {
display: flex;
flex-wrap: nowrap;
gap: 15px;
align-items: center;
border-radius: 40px;
padding: 20px 40px;
color: white;
background-color: #ff3500;
text-align: left;
animation: fadeInOut 0.3s ease-in-out; }
.portfolio_home:hover .portfolio_title {
color: white;
}
.portfolio_home:hover .icon {
opacity: 1;
}
.big_portfolio .portfolio_home {
height: 900px;
}
.big_portfolio .portfolio_image img {
height: 750px !important;
}
.big_portfolio .portfolio_image .portfolio_eye {
width: 50%;
}
.big_portfolio .portfolio_image .portfolio_eye .small-image {
width: 61%;
height: 100%;
}
.portfolio_blue:hover .portfolio_content {
background-color: #2230f7;
}
.portfolio_blue .portfolio_eye svg path {
fill: #2230f7;
}
.portfolio_rose:hover .portfolio_content {
background-color: #FF1DCE;
}
.portfolio_rose .portfolio_eye svg path {
fill: #FF1DCE;
} .button_portfolio_block {
display: flex;
flex-direction: column;
align-items: center;
}
.button_portfolio_container {
width: 100%;
padding: 0 25px;
border-top: 1px solid #000;
border-radius: 0;
background-color: transparent;
transition: all .3s;
}
.button_portfolio_container:last-child{
border-bottom: 1px solid #000;
}
.button_portfolio{
display: flex;
justify-content: space-between;
align-items: center;
padding: 25px 0;
}
.button_portfolio_container:hover .button_portfolio{
color: white;
}
.button_portfolio_container:hover {
background-color: #ff3500;
border-top: 1px solid #ff3500;
padding: 0 70px;
border-radius: 50px;
width: 107%;
transform: scaleY(1.04);
z-index: 10;
}
.button_portfolio_container:last-child:hover{
border-bottom: 1px solid #ff3500;
}
.button_portfolio_container:hover .icon {
opacity: 1;
}
.button_portfolio_blue .button_portfolio_container:hover {
background-color: #2230f7;
border-top: 1px solid #2230f7;
}
.button_portfolio_blue .button_portfolio_container:last-child:hover{
border-bottom: 1px solid #2230f7;
} .gridbox {
display: grid;
grid-template-columns: repeat(20, 1fr);
grid-template-rows: repeat(4, 1fr);
grid-template-areas: "one one one one one one one two two two two two three three three three three three three three"
"four four four four four four four four five five five five five five five five five five five five"
"six six six six six seven seven seven seven seven seven eight eight eight eight eight eight eight eight eight"
"nine nine nine nine nine nine nine nine ten ten ten ten ten ten ten ten ten ten ten ten";
gap: 24px;
}
.item {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 50vh;
background-color: #f5f5f5;
color: black;
border-radius: 36px;
padding: 20px 30px 40px 30px;
transition: all .3s ease;
}
.item p {
text-align: right;
font-size: 40px;
}
.item:hover {
color: white;
background-color: #ff3500;
}
.item:hover h4 {
color: white;
}
.one {
grid-area: one;
}
.two {
grid-area: two;
}
.three {
grid-area: three;
}
.four {
grid-area: four;
}
.five {
grid-area: five;
}
.six {
grid-area: six;
}
.seven {
grid-area: seven;
}
.eight {
grid-area: eight;
}
.nine {
grid-area: nine;
}
.ten {
grid-area: ten;
}
.eleven {
grid-area: eleven;
}
.twelve {
grid-area: twelve;
} .fixed-header {
position: sticky;
width: 100%; text-align: left;
margin: 12vw 10vw 20px 10vw;
}
.scroll-section {
position: relative;
height: 100vh;
overflow: hidden;
}
.timeline-wrapper {
position: sticky;
top: 20px;
width: 200%;
overflow-x: auto;
overflow-y: hidden;
scroll-behavior: smooth;
-ms-overflow-style: none;
scrollbar-width: none;
}
.timeline-grid{
display: grid;
grid-template-columns: repeat(4, 1fr) auto;
width: 80%;
border-top: 1px solid;
gap: 30px;
margin-left: 10vw;
}
.timeline-grid h5{
margin: 22px 0 !important;
}
.timeline-grid h5:last-child {
text-align: right;
}
.timeline-flex{
display: flex;
flex-wrap: wrap;
gap: 30px;
margin: 0 0 150px 10vw;
width: 80%;
}
.timeline-block {
height: 100px;
width: 100%;
}
.timeline-container {
border-radius: 35px;
background-color: #f5f5f5;
color: black;
box-sizing: border-box;
transition: 0.5s ease;
}
.breefeng, .ocean { width: 22.5%; }
.aidentic {width: 52.5%;}
.strategy {margin-left: auto; width: 35%;}
.site {width: 29%;}
.timeline-container:hover {
position: relative;
background-color: #ff1dce; 
color: white !important;
z-index: 100000;
}
.timeline-accordion {
cursor: pointer;
width: 100%;
text-align: center;
outline: none;
transition: 0.4s;
display: flex;
justify-content: center;
gap: 20px;
align-items: center;
transition: 0.3s ease;
height: 100px;
}
.timeline-accordion h6 {
font-weight: 600;
}
.timeline-accordion::after {
content: '';
width: 18px;
height: 18px;
background-image: url(https://mlk.by/wp-content/uploads/2024/11/Group-2224.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: 0.3s ease;
}
.timeline-container:hover .timeline-accordion::after {
background-image: url(https://mlk.by/wp-content/uploads/2024/11/minus.svg);
color: white; 
}
.panel {
padding: 0 18px;
max-height: 0;
overflow: hidden;
color: white;
transition: max-height 0.3s;
}
.timeline-container:hover .panel {
max-height: 500px; 
}
.panel p {
padding: 0 40px 35px 40px;
text-align: center;
}
.timeline-container:hover .timeline-accordion h6{
color: white;
}
body.scroll-locked {
overflow: hidden;
} .working-tel .elementor-toggle-item {
border-radius: 25px;
padding: 22px;
background-color: #f5f5f5 !important;
margin-left: 10vw;
}
.working-tel .elementor-toggle-item:has(.elementor-active) 	{
border-radius: 25px;
background-color: #ff1dce !important;
transition: .3s ease;
}
.working-tel .elementor-tab-title, .working .elementor-tab-content {
text-align: center;
font-size: 16px;
}
.working-tel .elementor-tab-title {
display: flex;
text-transform: uppercase !important;
justify-content: center;
flex-direction: row-reverse;
gap: 15px;
vertical-align: middle !important;
}
.working-tel .elementor-toggle-icon {
height: 14px !important;
width: 14px !important;
} .heading-toogle a {
font-size: 28px;
font-weight: 400 !important;
}
.heading-toogle p {
font-size: 24px;
} .page-id-11729 .post-date, .page-id-11729 .entry-excerpt {
display: none;
}
.page-id-11729 .post-media{
max-height: 425px !important;
}
.page-id-11729 a.thumb-hover.scale img {
border-radius: 36px;
transform: none !important;
object-fit: cover !important;
}
.page-id-11729 .entry-title {
font-size: 28px !important;
font-weight: 600 !important;
line-height: 124%;
color: black !important;
text-transform: uppercase !important;
background-color: transparent !important;
padding: 0;
min-height: 90px;
border-radius: 20px;
transition: all .3s ease;
}
.page-id-11729 .post-inner.hovered .entry-header {
color: white !important;
background-color: #ff1dce !important;
padding: 15px 35px;
border-radius: 40px;
transition: all 0.4s ease;
}
.page-id-11729 .post-inner.hovered .entry-header .entry-title a {
color: white !important;
}
.page-id-11729 .post-content {
margin: 20px 0 !important;
}
.page-id-11729 .post-meta {
margin-top: 20px;
}
.page-id-11729 .cat-link {
font-size: 18px !important;
font-weight: 600 !important;
color: black !important;
text-transform: uppercase !important;
padding: 5px 10px;
border: 1px solid black;
border-radius: 20px;
transition: all 0.3s ease;
}
.page-id-11729 .cat-link:hover {
color: white !important;
background-color: black;
}
.page-id-11729 .post-cat {
color: rgba(0, 0, 0, 0.0) !important;
}
.page-id-11729 .entry-excerpt {
display: none;
}   .custom-popup-button {
display: flex;
justify-content: center;
padding: 20px;
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5); 
z-index: 9998;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease, visibility 0s 0s;
}
.popup {
position: fixed;
top: 50%;
left: 40%;
transform: translate(-30%, -50%);
background: #f5f5f5;
border-radius: 36px;
padding: 80px;
z-index: 99999;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease, visibility 0s 0s; 
max-height: 70vh;
overflow-y: auto;
}
.popup::-webkit-scrollbar {
display: none;
}
body.popup-open {
overflow: hidden; 
}
.close-popup {
position: absolute;
right: 20px;
top: 20px;
border: none;
background: none !important;
cursor: pointer;
}
.close-popup::before{
display: block;
content: "";
background: url(//mlk.global/wp-content/themes/vavo-child/assets/img/chross_black.svg);
background-size: cover;
background-position: center;
height: 26px;
width: 26px;
}
.popup.show, .overlay.show {
visibility: visible;
display: block !important;
opacity: 1; 
transition: opacity 0.3s ease, visibility 0s 0s;
}
body.popup-open {
overflow: hidden; }
.form-main-thanks{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
height: 100%;
width: 100%;
box-sizing: border-box;
} .get-form .wpcf7-not-valid-tip {
display: block !important;
color: #FF3500; 
margin-top: 3px;
margin-left: 2%;
}
.get-form .field-valid {
border: 1px solid black !important;
}
.get-form .field-invalid {
border: 1px solid #FF3500 !important;
}
.get-form h4{
text-align: center;
}
.get-form p{
margin-top: 0 !important;
}
.get-form input, .get-form textarea{
width: calc(100% - 60px);
font-weight: 600 !important;
line-height: 124% !important;
text-transform: uppercase;
background-color: white;
border: 1px solid #838886;
border-radius: 30px;
color: #151716 !important;
padding: 20px 30px !important;
margin-top: 18px;
transition: all .2s;
}
.get-form input, .get-form input[type="text"], .get-form input[type="email"], .get-form input[type="tel"], .get-form textarea {
border-color: #838886;
}
.get-form input::placeholder, .get-form textarea::placeholder{
color: #838886 !important;
}
.get-form input:focus, .get-form textarea:focus{
border: 1px solid #151716 !important;
color: #151716 !important;
}
.get-form textarea:focus::-webkit-input-placeholder, .get-form input:focus::-webkit-input-placeholder	{color: transparent}
.get-form textarea:focus::-moz-placeholder, .get-form input:focus::-moz-placeholder	{color: transparent}
.get-form textarea:focus:-moz-placeholder, .get-form input:focus:-moz-placeholder	{color: transparent}
.get-form textarea:focus:-ms-input-placeholder, .get-form input:focus:-ms-input-placeholder	{color: transparent}
.get-form input[type="submit"]{
width: 100%;
text-align: center;
text-transform: uppercase;
font-size: 20px !important;
font-weight: 600 !important;
color: white !important;
border-radius: 100px !important;
border: none !important;
padding: 28px 0 !important;
margin-top: 15px;
margin-bottom: 0 !important;
transition: .3s ease;
}
input[type="checkbox"] {
width: auto;
}
.red.get-form input[type="submit"]{
background-color: #FF3500;
}
.red.get-form input[type="submit"]:hover{
background-color: #2230F7;
}
.blue.get-form input[type="submit"]{
background-color: #2230F7;
}
.blue.get-form input[type="submit"]:hover{
background-color: #FF3500;
}
.rose.get-form input[type="submit"]{
background-color: #F058A1;
}
.rose.get-form input[type="submit"]:hover{
background-color: black;
}  .services_widget {
display: flex;
background-color: #f5f5f5;
border-radius: 36px;
padding: 35px;
transition: all .3s ease;
height: 450px;
flex-direction: column;
justify-content: space-between;
}
.services_widget.active {
background-color: #2230F7;
}
.services_top {
display: grid;
grid-template-columns: auto 210px;
margin-bottom: 20px;
gap: 10px;
}
.services_images {
opacity: 0;
display: flex;
flex-direction: column;
transition: opacity .3s ease;
}
.services_images img{
border-radius: 25px !important;
height: 175px !important;
width: 210px;
object-fit: cover;
margin-bottom: 20px;
transition: all .3s ease;
}
img.services_image_2 {
position: absolute;
top: 50%;
}
.services_images img:hover {
transform: scale(1.05);
}
.services_subtitles {
display: grid;
grid-template-rows: repeat(5, auto);
grid-auto-flow: column;
gap: 2px;
align-items: center;
}
.services_subtitle {
font-size: 18px;
}
.services_subtitle a{
color: white;
text-decoration: none;
transition: 0.3s ease;
}
.services_subtitle a:hover {
text-decoration: underline;
}
.icon_services {
position: absolute;
bottom: 25px;
right: 25px;
transition: opacity .3s ease;
}
.icon_services svg {
width: 53px;
}
.services_widget.active h3.portfolio_title {
color: white;
}
.services_widget.active .icon_services,
.services_subtitles {
opacity: 0;
}
.services_widget.active .services_subtitles,
.services_widget.active .services_images,
.icon_services {
opacity: 1;
}
.tel-olya a{
width: 75px;
height: 75px;
border-radius: 100px !important;
background-color: #FF3500 !important;
background-image: url(https://mlk.by/wp-content/uploads/2024/12/Phone-Call-1.png);
background-size: 50px;
background-position: center;
background-repeat: no-repeat;
transition: all .3s;
text-decoration: none;
}
.tel-olya a:hover{
background-color: #2230F7 !important;
}
.image-call img{
height: 470px !important;
object-fit: cover;
} .services.get-form {
padding: 0 !important;
}
.services.get-form input, .services.get-form textarea {
margin-top: 0;
margin-bottom: 18px;
}
.services.get-form textarea {
min-height: 250px;
}
.services.get-form input[type="submit"] {
position: absolute;
left: 27vw;
width: auto;
font-weight: 600 !important;
text-transform: uppercase !important;
color: white !important;
background-color: black !important;
background-position: right 50px center;
background-image: url(https://mlk.by/wp-content/uploads/2024/12/облако.png);
background-repeat: no-repeat;
background-size: 30px;
padding: 35px 90px 35px 60px !important;
}
.services.get-form input[type="submit"]:hover {
background-color: #FF0BCA !important;
}   body.page-template-order-page #page-body {
overflow: visible;
z-index: 10002;
}
body .order-popup {
transform: translate3d(0, 0, 0);
visibility: visible;
opacity: 1;
}
.order-popup {
position: fixed;
left: 0;
top: 0;
transform: translate3d(100%, 0, 0);
width: 100%;
height: 100%;
background: #fff;
z-index: 1002;
opacity: 0;
visibility: hidden;
overflow: auto;
}
.order-left {
z-index: 107 !important;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
}
.order-right {
position: absolute;
width: 80%;
height: 100%;
background: #fff;
right: 0;
top: 0;
z-index: 106;
}
.order-worker {
width: 100%;
height: 100%;
position: absolute;
z-index: 9;
animation: expressformWorks linear 1200s;
animation-iteration-count: 1;
transform-origin: 0 0;
}
.order-worker-over {
width: 100%;
height: 100%;
position: absolute;
z-index: 10;
background-image: url(https://mlk.global/wp-content/uploads/2025/08/mlk.global.png);
background-repeat: no-repeat;
background-size: cover;  }
.order-close {
color: #000;
position: absolute;
top: 10px;
left: 705px;
margin-right: 21px;
font-size: 3em;
opacity: .5;
-webkit-box-direction: normal;
cursor: pointer;
transition: all .5s cubic-bezier(0, 0, 0, 1);
z-index: 108;
}
.order-form {
max-width: 700px;
padding: 40px 50px;
background-color: #fff;
position: relative;
box-sizing: border-box;
}
.order-form__title {
font-size: 48px;
font-weight: 400;
color: #ff1dce;
margin-bottom: 16px;
line-height: 1.4;
}
.order-form .wrapper {
max-width: 100%;
}
.order-form p {
font-size: 21px;
line-height: 1.4;
color: #131314;
margin-top: 1em;
margin-bottom: 1em;
}
.order input, .order textarea {
border: 1.5px solid #ff1dce75 !important;
border-radius: 10px;
padding: 5px 10px !important;
width: calc(100% - 20px);
color: black;
}
.order input:focus, .order textarea:focus {
border-color: #ff1dce !important;
box-shadow: 0 0 0 1.5px #ff1dcefb;
}
.order input[type=submit] {
width: auto !important;
border: none !important;
padding: 18px 25px !important;
font-weight: 500;
text-transform: none;
font-size: 20px !important;
color: #fff;
background: #ff1dce;
border-radius: 10px;
transition: .3s ease;
text-decoration: none;
}
.order input[type=submit]:hover {
background: #f41224;
}
.order label {
opacity: .7;
color: #000;
font-weight: 500;
font-size: 16px !important;
}
.order-list + p .wpcf7-form-control-wrap {
position: relative;
display: inherit;
}
.order-list + p .wpcf7-form-control-wrap:before {
content: "";
position: absolute;
left: 0;
top: 0;
display: block;
pointer-events: none;
opacity: .4;
white-space: nowrap;
font-size: 21px;
color: #2d2d2d;
transition: all .5s cubic-bezier(0, 0, 0, 1);
box-sizing: border-box;
z-index: 2;
padding: 12px 0;
}
.order-list span.wpcf7-list-item {
display: block;
margin: 0 5px 12px 0;
position: relative;
}
.order-list span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox input[type=checkbox] {
position: absolute;
opacity: 0;
cursor: pointer;
top: 0;
left: 0;
width: 100% !important;
height: 100%;
border-radius: 100px;
margin: 0;
z-index: 2;
}
.order-list .wpcf7-list-item-label {
font-size: 15px;
padding: 5px 10px;
box-shadow: 0 0 0 1px #ff1dceab;
border-radius: 100px;
white-space: nowrap;
color: #ff1dce;
opacity: .4;
}
.order-list .wpcf7-form-control {
display: flex;
flex-wrap: wrap;
}
.order-list span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox input[type=checkbox]:checked + .wpcf7-list-item-label {
border-color: #ff1dce;
color: #ff1dce;
opacity: 1;
box-shadow: 0 0 0 2px #ff1dce;
}
.order-list + p .wpcf7-form-control-wrap.wpcf7-form-control-wrap--filled:before {
font-size: 12px;
padding: 0;
top: -5px;
line-height: 1.2;
}
html.order-popup-open {
overflow: hidden;
}
@media (max-width:1599px) {  .search-button img {
width: 18px;
}
.search-button.active .search-field {
width: 290px !important;
font-size: 14px !important;
} .footer-socials{
gap: 14px;
}
.footer-img img{
height: 40px;
margin-right: 20px;
}
.footer-top h1 {
line-height: 100%;
}
.footer-logo, .custom-footer .footer-button{
font-size: 16px !important;
line-height: 100%;
}
a.footer-contact{
font-size: 90px !important;
}
.custom-footer .footer-contact{
padding-bottom: 50px;
}
.custom-footer .footer-button {
border-radius: 30px;
padding: 12px 32px;
} .custom-footer .footer-top, .custom-footer .footer-bottom, .custom-footer .footer-center, .footer-img, .custom-header .container, .custom-block {
max-width: 80vw;
} .custom-heading h2 {
font-size: 74px !important;
}
.custom-heading h3 {
font-size: 50px !important;
}
.custom-heading h4, .item p, .portfolio_title {
font-size: 34px !important;
}
.custom-heading h5, .button_popup a{
font-size: 28px !important;
}
.custom-footer p, .footer-socials a, .heading-toogle a, .portfolio_subtitle, .custom_but a, .custom-heading h6, .working h5, .working p{
font-size: 24px !important;
}
.nav-item p, .heading-toogle p{
font-size: 22px;
} .portfolio_home {
height: 800px;
}
.portfolio_image img {
height: 650px !important;
}
.big_portfolio .portfolio_home {
height: 840px;
}
.big_portfolio .portfolio_image img {
height: 680px !important;
}
.icon svg {
width: 22px;
height: 20px;
} .gridbox {
gap: 24px;
}
.item {
height: 300px;
} .page-id-11729 .entry-title {
font-size: 26px !important;
min-height: 110px;
}
.page-id-11729 .post-media{
max-height: 380px !important;
}
.page-id-11729 .cat-link {
font-size: 16px;
} .button_popup {
font-size: 24px !important;
padding: 28px 58px;
}
.rose.button_popup {
font-size: 19px !important;
padding: 20px 32px;
} .popup {
top: 50%;
left: 40%;
transform: translate(-30%, -50%);
border-radius: 36px;
padding: 80px;
}
.close-popup {
right: 20px;
top: 20px;
}
.close-popup::before{
height: 26px;
width: 26px;
}
.get-form input, .get-form textarea{
width: calc(100% - 60px);
font-size: 22px !important;
padding: 20px 30px !important;
}
.get-form input[type="submit"]{
padding: 25px 0 !important;
font-size: 20px !important;
} .image-call img{
height: 445px !important;
} .order-close {
right: auto; margin-right: 0;
margin-left: -51px;
}
}
@media (max-width:1365px) { .top-bar {
padding: 12px 0;
}
.header-tools {
gap: 20px;
}
.search-button.active .search-field {
width: 280px !important;
font-size: 13px !important;
}
.search-button img {
width: 16px;
}
.nav-bar .logo img{
height: 55px !important;
width: 125px;
}
.nav-bar .container {
margin-top: 45px;
}
.nav-menu ul {
gap: 20px;
}
.nav-item {
padding: 15px 26px;
border-radius: 0 0 26px 26px;
}
.nav-item h2{
margin-top: 5px;
} .footer-socials{
gap: 12px;
}
.footer-img img{
height: 30px;
margin-right: 15px;
}
a.footer-contact{
font-size: 76px !important;
}
.custom-footer .footer-contact {
padding-bottom: 50px;
}
.custom-footer .footer-button {
border-radius: 30px;
padding: 10px 24px;
} .custom-footer .footer-top, .custom-footer .footer-bottom, .custom-footer .footer-center, .footer-img, .custom-header .container, .custom-block {
max-width: 85vw;
} .custom-heading h2 {
font-size: 64px !important;
}
.custom-heading h3 {
font-size: 40px !important;
}
.custom-heading h4, .item p, .portfolio_title {
font-size: 32px !important;
}
.custom-heading h5, .button_popup a{
font-size: 24px !important;
}
.custom-footer p, .footer-socials a, .heading-toogle a, .portfolio_subtitle, .custom_but a, .custom-heading h6, .custom-heading p, .working h5, .working p{
font-size: 22px !important;
}
.nav-item p, .heading-toogle p{
font-size: 20px !important;
}
.menu-right-items a {
font-size: 17px !important;
}
.rose.button_popup a, .say-hello-button a{
font-size: 16px !important;
}
.page-id-11729 .cat-link, .top-bar .site-name, .footer-logo, .custom-footer .footer-button{
font-size: 14px !important;
} .portfolio_home {
height: 700px;
}
.portfolio_image img {
height: 550px !important;
border-radius: 28px;
}
.big_portfolio .portfolio_home {
height: 730px;
}
.big_portfolio .portfolio_image img {
height: 580px !important;
} .icon svg {
width: 20px;
height: 18px;
}
.gridbox {
gap: 24px;
}
.item {
height: 250px;
} .fixed-header {
margin: 18vw 7.5vw 20px 7.5vw;
}
.timeline-block {
height: 90px;
}
.timeline-accordion::after {
width: 15px;
height: 15px;
}
.timeline-accordion {
gap: 18px;
height: 90px;
}
.panel {
padding: 0 18px;
}
.panel p {
padding: 0 35px 35px 35px;
text-align: center;
}
.timeline-grid{
gap: 20px;
margin-left: 7.5vw;
width: 85%;
}
.timeline-flex {
gap: 25px;
margin: 0 0 150px 7.5vw;
width: 85%;
} .page-id-11729 .entry-title {
font-size: 22px !important;
min-height: 70px;
}
.page-id-11729 .post-media{
max-height: 320px !important;
} .button_popup {
font-size: 22px !important;
padding: 25px 55px;
}
.rose.button_popup {
font-size: 18px !important;
padding: 18px 28px;
} .popup {
top: 50%;
left: 40%;
transform: translate(-30%, -50%);
border-radius: 36px;
padding: 80px;
}
.close-popup {
right: 20px;
top: 20px;
}
.close-popup::before{
height: 26px;
width: 26px;
}
#contact-form-popup, #thank-you-popup {
max-height: 70vh;
}
.get-form input, .get-form textarea{
width: calc(100% - 60px);
font-size: 20px !important;
padding: 20px 30px !important;
}
.get-form input[type="submit"]{
padding: 22px 0 !important;
font-size: 18px !important;
} .services.get-form input[type="submit"] {
background-position: right 40px center;
background-size: 25px;
padding: 30x 75px 30px 50px !important;
}
}
@media (max-width:992px) {  .menu-logo {
padding: 10px;
}
.say-hello-button {
top: 55px;
}
.say-hello-button a {
padding: 10px 20px;
}
.search-button.active .search-field {
width: 200px !important;
font-size: 12px !important;
}
.search-button img {
width: 14px;
} .footer-socials{
gap: 8px;
}
.footer-img img{
height: 28px;
margin-right: 10px;
}
.custom-footer {
row-gap: 50px;
padding-top: 80px;
padding-bottom: 80px;
}
.custom-footer .footer-contact{
padding-bottom: 30px;
}
.custom-footer .footer-button {
border-radius: 30px;
padding: 12px 32px;
}
.custom-footer .footer-bottom{
gap: 35px;
} .custom-footer .footer-top, .custom-footer .footer-bottom, .custom-footer .footer-center, .footer-img, .custom-header .container, .custom-block {
max-width: 91vw;
} .interactive-video {
height: 60vh;
} a.footer-contact, .custom-heading h2 {
font-size: 48px !important;
}
.custom-heading h3 {
font-size: 32px !important;
}
.custom-heading h4, .item p, .portfolio_title {
font-size: 22px !important;
}
.custom-heading h5, .button_popup a {
font-size: 20px !important;
}
.footer-socials a, .custom-footer p, .heading-toogle a, .portfolio_subtitle, .custom_but a, .custom-heading h6, .custom-heading p, .working h5, .working p{
font-size: 16px !important;
}
.menu-right-items a {
font-size: 15px !important;
}
.rose.button_popup a, .custom-footer .footer-button, .footer-logo, .say-hello-button a, .top-bar .site-name, .nav-item p, .heading-toogle p {
font-size: 14px !important;
} .custom_but a{
padding-top: 10px;
}
.button_popup {
font-size: 19px !important;
padding: 20px 48px;
}
.rose.button_popup {
font-size: 16px !important;
padding: 15px 24px;
} .page-id-11729 .cat-link{
font-size: 10px !important;
}
.page-id-11729 .entry-title {
font-size: 16px !important;
min-height: 40px;
}
.page-id-11729 .post-media{
max-height: 250px !important;
} .popup {
top: 50%;
left: 40%;
transform: translate(-30%, -50%);
border-radius: 30px;
padding: 60px;
}
.close-popup {
right: 20px;
top: 20px;
}
.close-popup::before{
height: 20px;
width: 20px;
}
#contact-form-popup, #thank-you-popup {
max-height: 78vh;
}
.get-form input, .get-form textarea{
width: calc(100% - 40px);
font-size: 16px !important;
padding: 15px 20px !important;
border-radius: 24px;
}
.get-form input[type="submit"]{
padding: 18px 0 !important;
font-size: 17px !important;
} .portfolio_home {
height: 540px;
}
.portfolio_image img {
height: 420px !important;
}
.big_portfolio .portfolio_home {
height: 560px;
}
.big_portfolio .portfolio_image img {
height: 450px !important;
}
.portfolio_home:hover .portfolio_content {
padding: 15px 30px;
}	
.button_portfolio_container{
padding: 0 21px;
}
.button_portfolio_container:hover {
padding: 0 45px;
width: 108%;
}
.button_portfolio {
padding: 19px 0;
}
.icon svg {
width: 18px;
height: 16px;
} .gridbox {
gap: 10px;
}
.item {
height: 160px;
padding: 14px 18px 25px 18px;
border-radius: 22px;
} .fixed-header {
margin: 23vw 6vw 20px 6vw;
}
.timeline-block {
height: 80px;
}
.timeline-accordion::after {
width: 12px;
height: 12px;
}
.timeline-accordion {
gap: 15px;
height: 80px;
}
.panel {
padding: 0 15px;
}
.panel p {
padding: 0 28px 28px 28px;
text-align: center;
}
.timeline-flex {
gap: 20px;
margin: 0 0 150px 6vw;
width: 90%;
}
.timeline-grid{
gap: 20px;
margin-left: 6vw;
width: 90%;
} .services_widget h3.portfolio_title,
.services_subtitles {
color: white !important;
}
.services_images {
opacity: 1;
}
.services_images img {
border-radius: 20px !important;
height: 130px !important;
width: 170px;
object-fit: cover;
margin-bottom: 12px;
}
.services_subtitles {
opacity: 1;
gap: 0px;
align-items: start;
}
.services_subtitle {
font-size: 14px;
}
.services.get-form textarea {
min-height: 150px;
}
.icon_services {
opacity: 0;
bottom: 20px;
right: 20px;
}
.icon_services svg {
width: 35px;
}
.tel-olya a{
width: 45px;
height: 45px;
background-size: 40px;
}
.image-call img {
height: 428px !important;
}
.services.get-form input[type="submit"] {
background-size: 20px;
padding: 28px 65px 28px 40px !important;
}
}
@media (max-width:768px) {
.page-id-1448 div#page-body {
margin-top: 0px;
} .custom-header{
height: 10vh;
}
.custom-header.active {
position: fixed;
top: 0;
background-color: #FF0BCA;
z-index: 1000;
height: 100vh;
animation: burgerAnimation 0.3s;
}
.menu {
width: 92vw;
margin-left: auto;
margin-right: auto;
}
.menu.active {
width: 92vw;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.menu-logo { background-color: transparent; 
padding: 0;
margin: 15px 0;
width: 25%;
}
.menu-logo .logo img {
filter: brightness(0) saturate(100%);
height: 100% !important;
}
.menu-logo.active .logo img {
filter: none;
}
.menu-logo:hover {
background-color: transparent;
}
.menu-items {
display: none;
}
.menu-items.active {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-top: 100px;
}
.menu-item {
font-size: 31px;
}
.menu-item:hover {
color: white;
}
.menu-item.blue {
background-color: #2230F7; 
}
.menu-item.red {
background-color: black; 
}	
.item-tel {
display: flex;
flex-direction: row;
gap: 20px;
position: absolute;
right: 0;
top: 15px;
align-items: center;
}
.menu-right-items {
display: none;
}
.menu-right-items.active {
position: static;
display: flex;
margin-left: 0;
flex-wrap: wrap;
width: 100%;
}
.menu-right-items a {
color: white;
font-size: 21px;
font-weight: 600;
transition: all .3s ease;
}
.menu-right-items a:nth-child(2) {
margin-left: auto;
}
.menu-right-items a:hover {
color: white;
}
.search-button {
position: relative;
display: flex;
align-items: center;
width: 100%;
gap: 10px;
}
.search-button img {
cursor: pointer;
width: 25px;
}	
.search-field {
position: absolute;
width: 100% !important;
opacity: 1;
border-bottom: 2px solid white !important;
color: white !important;
font-size: 14px !important;
}
.menu-right-items .search-button a img {
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(19deg) brightness(100%) contrast(102%);
}
.menu-right-items .search-button a img:hover{
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(19deg) brightness(100%) contrast(102%);
}
.say-hello-button{
position: static;
padding: 0;
transition: all .3s ease;
}
.say-hello-button a {
border-radius: 25px;
background-color: black;
padding: 8px 15px;
font-size: 11px;
font-weight: 600;
color: white;
transition: all .3s;
}
.burger-menu-icon {
display: flex;
align-items: center;
justify-content: center;
} .elementor-widget-heading .elementor-heading-title.elementor-size-medium {
font-size: 19px;
line-height: 25px;
position: relative;
margin-top: 25px;
}
.tags-list ul {
display: grid;
}
.tags-list ul li {
margin-right: 0 !important;
}
.tags-list ul {
margin: 0;
} .interactive-video {
height: 50vh;
} a.footer-contact, .custom-heading h2 {
font-size: 39px !important;
}
.custom-heading h3 {
font-size: 27px !important;
}
.custom-heading h4, .item p, .portfolio_title {
font-size: 19px !important;
}
.custom-heading h5, .button_popup a {
font-size: 17px !important;
}
.custom-footer p, .footer-socials a, .nav-item h2, .heading-toogle a, .custom-heading h6, .custom-heading p, .page-id-11729 .entry-title, .working h5, .working p{
font-size: 15px !important;
}
.rose.button_popup a, .footer-logo, .top-bar .site-name, .custom_but a, .nav-item p, .heading-toogle p, .portfolio_subtitle{
font-size: 13px !important;
} .page-id-11729 .cat-link{
font-size: 8px !important;
}
.page-id-11729 .entry-title{
min-height: 50px;
}
.page-id-11729 a.thumb-hover.scale img {
border-radius: 22px;
}
.page-id-11729 .post-media{
max-height: 210px !important;
}
.page-id-11729 .post-media.item-media a{
height: 210px !important;
}
.page-id-11729 .post-meta {
margin-top: 10px;
} .custom-footer .footer-bottom{
gap: 20px;
} .gridbox {
grid-template-columns: repeat(7, 1fr);
grid-template-rows: repeat(6, 1fr);
grid-template-areas: "one one one one two two two" "three three three four four four four" "five five five five five five five" "six six six six seven seven seven" "eight eight eight nine nine nine nine" "ten ten ten ten ten ten ten";
gap: 8px;
} .portfolio_home {
height: 420px;
}
.portfolio_image img {
height: 335px !important;
}
.big_portfolio .portfolio_home {
height: 420px;
}
.big_portfolio .portfolio_image img {
height: 335px !important;
}
.big_portfolio .portfolio_image .portfolio_eye {
width: 90%;
}
.button_portfolio_container{
padding: 0 21px;
}
.button_portfolio_container:hover {
padding: 0 50px;
width: 111%;
}
.button_portfolio {
padding: 19px 0;
} .button_popup {
font-size: 17px !important;
padding: 15px 35px;
}
.rose.button_popup {
font-size: 14px !important;
padding: 10px 20px;
} .popup {
top: 50%;
left: 50%;
width: 70vw;
transform: translate(-50%, -50%);
border-radius: 30px;
padding: 40px;
}
.close-popup {
right: 15px;
top: 15px;
}
.close-popup::before{
height: 20px;
width: 20px;
}
#contact-form-popup, #thank-you-popup {
max-height: 80vh;
}
.get-form input, .get-form textarea{
width: calc(100% - 30px);
font-size: 14px !important;
padding: 10px 15px !important;
border-radius: 22px;
margin-top: 15px;
}
.get-form input[type="submit"]{
padding: 16px 0 !important;
font-size: 16px !important;
} .services_widget {
border-radius: 25px;
padding: 25px;
height: auto;
flex-direction: column;
justify-content: space-between;
}
.services_top {
grid-template-columns: auto 180px;
margin-bottom: 10px;
}
.services_images img {
height: 150px !important;
width: 200px;
margin-bottom: 10px;
}
img.services_image_2 {
display: none;
}
.services_subtitle {
font-size: 13px;
}
.services.get-form textarea {
min-height: 150px;
}
.icon_services {
opacity: 0;
bottom: 20px;
right: 20px;
}
.icon_services svg {
width: 30px;
}
.tel-olya a{
width: 60px;
height: 60px;
background-size: 40px;
}
.image-call img {
height: 350px !important;
}
.services.get-form input[type="submit"] {
position: relative; 
left: 0;
background-position: right 30px center;
background-size: 18px;
padding: 20px 55px 20px 30px !important;
} .order-close {
right: 30px;
left: auto;
}
}
@media (max-width: 550px) {
.menu-logo {
width: 30%;
}
}
@media (max-width:360px) { .menu-logo {
width: 40%;
}
.item-tel {
gap: 10px;
top: 10px;
}
.menu-item {
font-size: 25px !important;
}
.say-hello-button a {
font-size: 12px !important;
}
.search-button.active .search-field {
font-size: 12px !important;
}
.search-button img {
width: 13px;
} .custom-footer {
display: flex;
flex-wrap: wrap;
row-gap: 25px;
padding-top: 50px;
padding-bottom: 50px;
}
.custom-footer .footer-bottom{
display: flex;
flex-wrap: wrap;
gap: 15px;
text-align: left !important;
}
.footer-socials{
gap: 10px;
}
.footer-img img{
height: 20px;
margin-right: 8px;
}
.custom-footer .footer-bottom p, .custom-footer .footer-bottom p:last-child {
text-align: left !important;
}
.custom-footer .footer-contact{
padding-bottom: 0px;
}
.custom-footer .footer-button {
display: none !important;
}
.custom-footer .footer-center{
justify-items: left;
} .custom-footer .footer-top, .custom-footer .footer-bottom, .custom-footer .footer-center, .custom-header.container, .nav-bar .container, .custom-block {
max-width: 90vw;
min-width: 90vw;
} a.footer-contact, .custom-heading h2 {
font-size: 32px !important;
}
.custom-heading h3 {
font-size: 22px !important;
}
.custom-heading h4, .item p, .portfolio_title {
font-size: 16px !important;
}
.custom-heading h5, .button_popup a {
font-size: 14px !important;
}
.custom-footer p, .footer-socials a, .nav-item h2, .heading-toogle a, .custom-heading h6, .custom-heading p, .page-id-34113 .entry-title, .working h5, .working p, .working-tel h5, .working-tel p {
font-size: 12px !important;
}
.page-id-11729 .cat-link, .footer-logo, .custom_but a, .nav-item p, .heading-toogle p, .portfolio_subtitle{
font-size: 10px !important;
}
.rose.button_popup a {
font-size: 8px !important;
} .page-id-11729 .entry-title {
min-height: 45px;
}
.page-id-11729 .post-media{
max-height: 200px !important;
} .portfolio_subtitle {
margin-top: 3px;
}
.button_portfolio_container{
padding: 0;
}
.button_portfolio_container:hover {
padding: 0 20px;
width: 114%;
}
.button_portfolio {
padding: 16px 0;
}
.icon svg {
width: 15px;
height: 10px;
}
.portfolio_home:hover .portfolio_content {
grid-template-columns: repeat(auto-fit, minmax(5px, auto));
gap: 10px;
border-radius: 20px;
padding: 10px 20px;
}
.portfolio_home:hover .portfolio_subtitle {
margin-top: 0px;
}
.item {
height: 124px;
padding: 12px 14px 20px 14px;
border-radius: 18px;
} .button_popup {
font-size: 14px !important;
padding: 10px 32px;
}
.rose.button_popup {
font-size: 13px !important;
padding: 10px 20px;
} .popup {
top: 50%;
left: 50%;
width: 75vw;
transform: translate(-50%, -50%);
border-radius: 30px;
padding: 40px 25px;
}
.close-popup {
right: 0;
top: 0;
}
.close-popup::before{
height: 15px;
width: 15px;
}
#contact-form-popup, #thank-you-popup {
max-height: 90vh;
}
.get-form input, .get-form textarea {
width: calc(100% - 20px);
font-size: 10px !important;
padding: 8px 10px !important;
border-radius: 20px;
margin-top: 12px;
}
.get-form input[type="submit"]{
padding: 12px 0 !important;
font-size: 12px !important;
} .services_widget {
display: flex;
border-radius: 20px;
padding: 20px;
height: auto;
flex-direction: column;
justify-content: space-between;
}
.services_top {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 0;
}
.services_images {
position: relative;
right: 0;
}
.services_images img {
border-radius: 15px !important;
height: 150px !important;
width: auto;
object-fit: cover;
margin-bottom: 10px;
}
.services_subtitles {
display: flex;
flex-direction: column;
gap: 0px;
align-items: start;
}
.services_subtitle {
font-size: 10px;
}
.icon_services svg {
width: 25px;
}
.icon_services {
bottom: 15px;
right: 15px;
}
.tel-olya a{
width: 25px;
height: 50px;
background-size: 35px;
}
.services.get-form input[type="submit"] {
background-position: right 22px center;
background-size: 12px;
padding: 10px 40px 10px 20px !important;
} .order-close {
right: 20px;
left: auto;
}
}