@import "form_style.css";
/* custom css */
.dont-delete {
background-color: green;
}
.footer-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
max-width: 1180px;
margin: auto;
}
@media screen and (max-width: 768px) {
.footer-container {
grid-template-columns: 1fr;
}
}
body * {
/* font-family: "Poppins", "Arial Narrow", Arial, sans-serif; */
font-family: Metropolis !important;
letter-spacing: normal !important;
}
.font-size-override * {
font-size: 1.025rem !important;
color: #666 !important;
}
.font-color-main {
color: #666 !important;
}
.font-size-1 * {
font-size: 1.025rem !important;
}
.main-line-height * {
line-height: 3 !important;
}
@media screen and (max-width: 768px) {
.main-line-height * {
line-height: 2 !important;
}
}
.menu-nav * {
padding-right: 0px !important;
}
.footer-text {
letter-spacing: 0;
font-size: 0.8125rem;
line-height: 1.5;
font-family: "Metropolis", "Noto Sans", "Apple Color Emoji",
"Noto Color Emoji", "sans-serif";
color: #666;
padding: 40px 20px 20px !important;
text-align: center !important;
}
.hlb-a-t span::before,
.hlb-i-l span::before {
content: "";
display: inline-block;
width: 2rem;
height: 1.375rem;
margin-right: 0.3125rem;
top: 0.375rem;
position: relative;
transform: scale(0.8);
background-size: 2rem auto;
}
.lang-cs::before {
background: url("../../views/assets/img/flags/czech.png") !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center center !important;
padding: 2px !important;
}
.lang-en::before {
background: url("../../views/assets/img/flags/USA.png") !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center center !important;
padding: 2px !important;
}
.lang-de::before {
background: url("../../views/assets/img/flags/Germany.png") !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center center !important;
padding: 2px !important;
}
.l-page {
font-variant-emoji: normal !important;
}
.c-border-top::before {
content: "";
position: absolute;
display: block;
top: 0;
border-top-width: 1px;
border-top-style: solid;
border-color: black;
}
/* the phone contact on the top of the header */
.hb-si {
display: flex !important;
justify-content: left !important;
align-items: center !important;
width: 90% !important;
color: white;
height: auto !important;
}
.phone-card {
background-color: #a2c911;
}
.center {
text-align: center;
width: 100%;
margin: 0;
position: relative;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.topheader-card {
border-radius: 4px;
height: 42px;
width: 20% !important;
margin-left: 20px !important;
font-size: 14px;
}
.icon {
width: auto;
height: 24px;
vertical-align: middle !important;
margin-left: 10px;
}
.poptavka-card {
background-color: #77a9ca;
}
.zelena-image {
width: 50px;
height: 50px;
vertical-align: bottom !important;
}
.wnd-logo-img {
margin-right: 10px;
}
.zelena-text {
font-weight: 600;
font-size: 13px !important;
color: #a2c911;
}
.logo-block {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
max-width: 100% !important;
width: 57%;
justify-content: space-between !important;
}
@media screen and (max-width: 768px) {
.zelena-image {
width: 30px;
height: 30px;
}
.zelena-text {
size: 11px;
text-align: right !important;
}
.logo-block {
width: 90% !important;
flex-direction: column !important;
align-items: start !important;
}
}
.email-card {
background-color: #ffffff;
color: black;
}
.dat-schranka {
background: radial-gradient(
circle,
rgba(255, 255, 255, 1) 0%,
rgba(210, 210, 210, 1) 100%
);
color: black;
border: 1px solid lightgray;
}
/* the image on the top of the header */
.phone-image {
width: 24px;
height: 24px;
filter: invert(1) !important;
vertical-align: bottom !important;
}
.mail-image {
width: 24px;
height: 24px;
filter: invert(0) !important;
vertical-align: bottom !important;
}
.ds-image {
width: 32px;
height: auto;
/* filter: invert(1) !important; */
vertical-align: middle !important;
}
/* the top header */
#topHeader {
height: 60px !important;
}
/* the language switcher */
.hbl {
display: flex;
justify-content: space-between;
padding-top: 10px;
vertical-align: middle;
height: 100%;
}
/* contact form quick button */
.hb-ci {
display: flex !important;
flex: none !important;
justify-content: center;
align-items: center;
color: white;
padding: 10px;
border-radius: 4px;
box-sizing: content-box;
width: 300px !important;
height: auto;
margin: 0px !important;
}
/* fix the missing header after clicking on the form button */
.wnd-page {
overflow: initial !important;
}
.l {
overflow: initial !important;
}
/* long contact fix */
.mt-contact .b-img .b-img-c {
height: 0px !important;
}
.cb-bar {
width: 450px;
margin: 20px;
}
.cb-bar-text {
width: 400px !important;
}
.cb-bar-c {
flex-wrap: wrap !important;
flex-direction: column !important;
justify-content: baseline !important;
align-items: baseline !important;
}
.complex-services-section {
/* background-image: url("/views/assets/img/1bgb32.webp"); */
background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
url("/views/assets/img/1bgb32.webp");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
color: white;
text-align: center;
font-family: AKA Josefin Sans Flex;
font-weight: 300;
font-size: 24px;
padding-top: 50px;
padding-bottom: 50px;
padding-left: 30px;
padding-right: 30px;
}
.complex-services-section p {
border: white 1px solid;
margin-left: auto;
margin-right: auto;
display: inline-block;
padding-left: 20px;
padding-right: 20px;
}
.align-center {
text-align: center !important;
}
.full-max-width {
max-width: 100% !important;
}
.justify-container p {
text-align: justify;
padding-left: 20px !important;
padding-right: 20px !important;
}
@media screen and (max-width: 768px) {
.justify-container p {
text-align: left;
}
}
.wnd-w-default .b-cs {
max-width: 65rem !important;
}
.bold {
font-weight: 700 !important;
}
.b-c p {
padding-bottom: 0px !important;
}
/* this is for the main page to subheading to be more inside the center */
.subheading-main-page {
margin-bottom: 15px !important;
}
.footer-text-center {
width: 120%;
}
@media screen and (max-width: 768px) {
.footer-text-center {
width: inherit;
}
.l-h .cf {
padding-top: 10px;
padding-bottom: 10px;
}
}
body:not(.l-d-waves) .sc-w.s-hn.wnd-nav-border .s-w:after {
background-color: transparent !important;
}
@media screen and (max-width: 768px) {
#smartsupp-widget-container > div {
bottom: 5px !important;
}
}
.contact-header {
color: white !important;
}
@media screen and (max-width: 768px) {
.zelena-card-wrapper {
text-align: right !important;
width: 100%;
}
.logo-text {
font-size: 18px !important;
padding-left: 10px !important;
}
}