@charset "UTF-8";
 body {
font-family: 'Source Sans Pro', sans-serif;
font-size: 18px;
line-height: 26px;
margin: 0!important;
padding: 0!important;
}
h1, h2, h3, h4 {
font-family: 'Aleo', serif;
}
h3 {
font-weight: 600;
}
h4 {
font-weight: 500;
}
a {
color: #000;
text-decoration: underline;
}
header {
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
position: fixed;
top: 0;
z-index: 10000;
background-color: #fff;
width: 100%;
padding: 0 !important;
}
header>.container {
margin: 0 ;
max-width: 100%;
padding: 0;
}
header .navbar-brand {
padding-left: 30px;
}
header .navbar-collapse {
color: #fff;
background-color: #61c038;
}
nav {
font-size: 16px;
}
.navbar {
padding: 0;
}
.navbar-toggler {
padding-right: 30px;
}
.navbar-nav a {
color: #fff;
padding: 11px 0px 11px 30px !important;
border: none!important;
}
.dropdown-toggle::after {
margin-left: .5em;
}
.navbar-nav a:hover {
color: #fff;
background-color: #61c038;
border: none!important;
}
.navbar-nav a.act {
color: #fff;
background-color: #61c038;
bordr: none!important;
}
.navbar-nav .dropdown-menu {
background-color: #61c038;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
.dropdown:hover>.dropdown-menu {
display: block;
}
.dropdown-item {
color: #fff!important;
box-sizing: border-box;
background-color: #61c038;
padding: 10px 0px 10px 10px!important;
width: 100%;
}
.dropdown-item:hover {
color: #fff;
background-color: #3F5A23!important;
background-image: url(//wiro-zuhause.de/wp-content/themes/wiro/assets/images/wiro-submenu-bg.png);
background-repeat: no-repeat;
}
.dropdown-item-act {
color: #fff!important;
box-sizing: border-box;
background-color: #3F5A23!important;
background-image: url(//wiro-zuhause.de/wp-content/themes/wiro/assets/images/wiro-submenu-bg.png);
background-repeat: no-repeat;
padding: 10px 0px 10px 10px!important;
width: 100%;
display: block;
}
@media only screen and (min-width: 1200px) {
header {
width: auto;
padding: 0 15px;
}
header>.container {
max-width: 1140px;
margin-right: auto;
margin-left: auto;
padding: 0 15px;
}
header .navbar-brand {
padding-left: 0;
}
header .navbar-collapse {
background-color: #fff;
}
.navbar-nav a {
color: #000;
padding: 25px 7px !important
}
.navbar-nav .dropdown-menu {
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
}
.navbar-nav .dropdown-menu a {
padding: 11px 10px 11px 20px !important;
}
} .top-container {
background-color: #5D544E; width: 100%;
min-height: 1350px;
height: 200vh;
max-height: 200vh;
padding-right: 0px!important;
margin-right: 0px!important;
}
.wecan-spacer {
}
.slider-container {
box-sizing: border-box;
margin-right: -15px!important;
padding: 0!important;
position: relative;
width: 100%!important;
height: 60vh;
max-height: 60vh;
padding-right: 0px!important;
}
.carousel, .carousel-inner, .carousel-item {
height: 60vh!important;
max-height: 60vh!important;
}
.carousel-item img {
align-content: center;
vertical-align: middle;
object-fit: cover;
}
.carousel-indicators {
bottom: -250px;
z-index: 300;
}
.wecan-container {
color: #fff; height: 100vh;
max-height: 100vh;
position: absolute;
top: 76px;
left: 0;
right: 0;
margin: 0 auto;
}
.wecan-container a {
color: #fff;
text-decoration: underline;
}
.wecan-left,
.wecan-right {
box-sizing: border-box;
}
.wecan-left {
padding-right: 15px;
padding-top: 80vh;
width: 95%;
max-width: 95%!important;
}
.wecan-left h1 {
margin-top: 100px;
margin-bottom: 40px;
}
.wecan-right {
}
.expo-modal {
background-color: #61BF17;
color: #fff;
padding: 30px 40px 80px 40px;
box-sizing: border-box;
position: absolute;
bottom: -260px;
left: 40px;
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
}
.expo-modat a {
color: #fff;
text-decoration: underline;
}
@media only screen and (min-width: 768px) {
.top-container {
background-color: #5D544E;
min-height: 600px; height: 100vh;
max-height: 100vh;
}
.wecan-spacer {
}
.slider-container {
box-sizing: border-box;
padding: 0!important;
position: relative;
right: -15px!important;
height: 100%;
max-height: 100%;
}
.carousel-indicators {
bottom: 20px!important;
z-index: 300;
}
.carousel, .carousel-inner, .carousel-item {
height: 100vh!important;
max-height:100vh!important;
}
.wecan-container {
color: #fff; height: calc(100vh - 30px) !important;
max-height: calc(100vh - 30px) !important;
position: absolute;
top: 76px;
left: 0;
right: 0;
margin: 0 auto !important;
}
.wecan-container a {
color: #fff;
text-decoration: underline;
}
.wecan-left,
.wecan-right {
box-sizing: border-box;
}
.wecan-left {
padding-right: 80px;
padding-top: 0;
}
.wecan-left h1 {
margin-top: 100px;
margin-bottom: 40px;
}
.wecan-right {
}
.expo-modal {
background-color: #61BF17;
color: #fff;
padding: 30px 40px;
box-sizing: border-box;
position: absolute;
bottom: 100px;
left: -40px;
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
}
}
.shadow-products { min-height: 200px;
background: transparent;
margin-top: -16px!important;
padding: 0;
}
.products-container {
margin: 0 auto;
padding: 40px 0 0;
}
.product-container {
box-sizing: border-box;
position: relative;
margin: 30px 0 70px 0;
}
.product-image img{
width: calc(100% - 60px);
}
.product-label {
color: #fff;
background-color: #61BF17;
text-transform: uppercase;
padding: 30px;
box-sizing: border-box;
display: inline-block;
font-size: 32px;
line-height: 32px;
font-weight: 600;
position: absolute;
right: 20px;
bottom: -30px;
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
}
.product-label a {
color: #fff;
}
.product-label a:hover {
color: #000;
text-decoration: none;
}
.solution-container {
background-color: #5D544E;
color: #fff;
margin-bottom: -16px;
backface-visibility: hidden;
mix-blend-mode: multiply;
}
.solution {
margin: 0 auto;
padding: 60px 0;
}
.solution-image img {
width: 100%;
}
.solution-content {
position: relative;
}
.solution-content h3 {
margin-top: 20px;
}
.solution-label {
color: #fff;
background-color: #61BF17;
padding: 20px 30px;
box-sizing: border-box;
display: inline-block;
font-size: 22px;
line-height: 22px;
font-weight: 600;
margin-top: 20px;
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
}
.solution-label a {
color: #fff;
}
.solution-label a:hover {
color: #000;
text-decoration: none;
}
@media only screen and (min-width: 768px) {
.solution-label {
margin-top: 0px;
position: absolute;
left: -70px;
bottom: 30px;
}
}
.shadow-team { min-height: 200px;
background: transparent;
padding: 0;
}
.team {
margin: 0 auto;
padding: 30px 0 30px;
}
.team-content h3 {
margin-top: 20px;
}
.team-label {
color: #fff;
background-color: #61BF17;
padding: 20px 30px;
box-sizing: border-box;
display: inline-block;
font-size: 22px;
line-height: 22px;
font-weight: 600;
z-index: 100;
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
}
.team-label a {
color: #fff;
}
.team-label a:hover {
color: #000;
text-decoration: none;
}
@media only screen and (min-width: 768px) {
.team-label {
position: absolute;
right: -60px;
bottom: 30px;
}
}
.team-image img {
width: 100%;
}
.project {
margin: 0 auto;
padding: 30px 0 60px 0;
}
.project-image img {
width: 100%;
}
.project-content {
position: relative;
}
.project-content h3 {
margin-top: 50px;
}
.project-content h4 {
font-family: 'Source Sans Pro', sans-serif;
font-size: 25px;
line-height: 32px;
margin-top: 30px;
}
.references-container {
background-color: #5D544E;
color: #fff;
}
.references {
margin: 0 auto;
padding: 60px 0;
position: relative;
}
.references-header {
}
.references-header h3 {
margin-bottom: 30px;
}
.references-header h4 {
font-family: 'Source Sans Pro', sans-serif;
font-size: 25px;
line-height: 32px;
margin-bottom: 40px;
}
.reference {
margin-bottom: 30px;
}
.reference img {
width: 100%;
height: auto;
}
.references-label {
color: #fff;
background-color: #61BF17;
padding: 20px 30px;
box-sizing: border-box;
display: inline-block;
font-size: 22px;
line-height: 22px;
font-weight: 600;
position: absolute;
right: 40px;
bottom: 50px;
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
}
.references-label a {
color: #fff;
}
.references-label a {
color: #000;
text-decoration: none;
}
.partners-container {
}
.partners {
margin: 0 auto;
padding: 60px 0;
}
.partner {
box-sizing: border-box;
}
.partner-image {
height: 230px;
margin-bottom: 25px;
position: relative;
}
.partner-image img {
max-width: 70%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}
.partner-content {
text-align: center;
}
.partner-content a {
color: #000;
} .category-topic-bg {
background-color: #5D544E;
color: #fff;
padding-left: 0px!important;
padding-right: 0px!important;
margin: 0px!important;
}
.category-topic-container {
margin: 0px!important;
}
.category-topic-image {
box-sizing: border-box;
}
.category-topic-image img {
box-sizing: border-box;
width: 100%;
}
.category-topic-header {
padding-left: 25px!important;
}
.category-topic-container h4 {
margin-top: 30px;
margin-bottom: 30px;
font-family: 'Source Sans Pro', sans-serif;
}
.category-topic-container h1 {
margin-left: 0;
padding-left: 0;
font-size: 40px;
margin-bottom: 60px;
}
@media only screen and (min-width: 768px) {
.category-topic-bg {
padding-left: 15px!important;
padding-right: 15px!important;
margin: 0 auto!important;
}
.category-topic-container {
margin: 0 auto!important;
}
.category-topic-image {
overflow: hidden;
position: relative;
min-height: 500px;
height: 500px;
}
.category-topic-image img {
min-height: 500px;
height: 500px;
max-width: 100%;
max-height: 100%;
width: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
}
.category-topic-header {
padding-left: 0!important;
}
.category-topic-container h4 {
margin-top: 160px;
margin-bottom: 30px;
}
.category-topic-container h1 {
margin-bottom: 0px;
}
} .benefits {
position: relative;
margin: 0 auto;
padding-top: 0px;
}
.benefit-image {
position: relative;
top: 0;
left: 0;
z-index: 5;
width: 100%!important;
overflow: hidden;
min-height: 200px;
}
@media only screen and (min-width: 768px) {
.benefit-image {
min-height: 400px;
}
}
.benefit-image img {
width: 100%;
max-width: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
}
.benefit-container {
background-color: #61BF17;
color: #ffffff;
box-sizing: border-box;
padding: 40px 0 30px 0;
margin: -20px 0px 40px 0px;
backface-visibility: hidden;
mix-blend-mode: multiply;
}
@media only screen and (min-width: 768px) {
.benefit-container {
padding: 160px 0 30px 0;
margin: -120px -30px 40px -30px;
}
}
.benefit-container a{
color: #fff;
text-decoration: underline;
}
.benefit-content {
box-sizing: border-box;
padding-left: 50px!important;
}
.benefit-content h3 {
margin-bottom: 25px;
}
.benefit-content ul {
margin-left: 0px;
padding-left: 20px;
}
.benefit-content li {
margin-bottom: 20px; list-style-type: none;
}
.benefit-content li:before {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 5px;
color: #ffffff;
}
@media only screen and (min-width: 768px) {
.benefits {
padding-top: 150px;
}
.benefit-image {
position: absolute;
top: 0;
z-index: 5;
margin-left: -15px!important;
}
.benefit-image img {
width: auto;
}
.benefit-container {
box-sizing: border-box;
padding: 30px 0;
margin: 0px 0 40px 40px;
}
} .wp-block-lazyblock-grune-zeile {
background: #61BF38;
color: #ffffff;
margin-bottom: 0;
backface-visibility: hidden;
mix-blend-mode: multiply;
}
.successstory {
background: #61BF38;
color: #ffffff;
margin-bottom: 0px;
backface-visibility: hidden;
}
.successstory a{
color: #fff;
text-decoration: underline;
}
.successstorycontainer {
margin: 0 auto;
padding: 40px 0;
}
.successstoryelement {
}
.successstoryelement img {
width: 100%;
} .story {
margin: 0 auto 40px auto;
position: relative;
}
.story-label {
color: #fff;
background-color: #61BF17;
padding: 20px 30px;
box-sizing: border-box;
width: 230px;
font-size: 22px;
line-height: 22px;
font-weight: 600;
position: absolute;
left: -60px;
bottom: 30px;
z-index: 100;
display: inline-flex;
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
}
.story-image img {
width: 100%;
}
.story-content {
padding-top: 30px;
}
.story-label {
color: #fff;
background-color: #61BF17;
padding: 20px 30px;
box-sizing: border-box;
display: inline-block;
font-size: 22px;
line-height: 22px;
font-weight: 600;
position: absolute;
right: -60px;
bottom: 30px;
z-index: 100;
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
}
.story-label a {
color: #fff;
}
.story-label a:hover {
color: #000;
text-decoration: none;
}
.reference-filter {
}
.reference-filter ul {
display: inline-block;
list-style-type: none;
margin: 0 0 30px 0;
padding-left: 0;
}
.reference-filter ul li {
float: left;
margin-right: 20px;
}
.reference-filter ul li a {
padding: 5px 15px;
border: 1px solid #5d544e;
color: #5d544e;
text-decoration: none;
}
.reference-filter ul li.act a {
text-decoration: none;
color: #fff;
background-color: #5d544e;
}
.reference-filter ul li a:hover {
text-decoration: none;
color: #fff;
background-color: #5d544e;
}
.reference-item {
margin-bottom: 30px;
position: relative;
}
.reference-item img {
width: 100%;
height: auto;
}
.reference-item-label {
color: #fff;
background-color: #61BF17;
padding: 20px 30px;
box-sizing: border-box;
display: inline-block;
font-size: 22px;
line-height: 22px;
font-weight: 600;
position: absolute;
right: 30px;
top: 15px;
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
}
.ultp-block-item {
position: relative!important;
}
.dg-story {
position: relative;
}
.dg-story:after {
content: "Story";
color: #fff;
background-color: #61BF17;
padding: 20px 30px;
box-sizing: border-box;
display: inline-block;
font-size: 22px;
line-height: 22px;
font-weight: 600;
z-index: 30;
position: absolute;
right: 15px;
top: 15px;
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
}
.flexMenu-viewMore a {
margin-left: 20px!important;
}
.flexMenu-popup {
left: 20px!important;
}
.flexMenu-popup a {
margin-left: 0px!important;
margin-bottom: 20px!important;
} .container.teaser01 {
margin: 0 auto!important;
padding: 0px!important;
}
.teaser01-container {
position: relative;
}
.teaser01-image {
text-align: center;
padding-right: 0px!important;
z-index: 5;
}
.teaser01-image img{
}
.teaser01-content {
position: relative;
top: -80px;
left: 0px;
background: #61BF17;
color: #fff;
padding: 120px 20px 20px 20px;
}
.teaser01-content h4 {
width: auto;
margin: 0 0 40px 0;
}
.teaser-readmore {
float: right;
margin-right: 20px;
}
.teaser-readmore a {
color: #fff;
}
.teaser-readmore a:hover {
color: #000;
text-decoration: none;
}
@media only screen and (min-width: 768px) {
.teaser01-image {
text-align: right;
padding-right: 0px!important;
}
.teaser01-content {
position: relative;
top: -150px;
left: -40px;
padding: 120px 20px 20px 20px;
}
.teaser01-content h4 {
width: 300px;
}
}
.container.teaser02 {
margin: 0 auto!important;
padding: 0px!important;
}
.teaser02-container {
position: relative;
}
.teaser02-image {
text-align: center;
padding-left: 0px!important;
z-index: 5;
}
.teaser02-image img{
}
.teaser02-content {
position: relative;
top: -80px;
left: 0px;
background: #5D544E;
color: #fff;
padding: 120px 20px 20px 20px;
}
.teaser02-content h4 {
width: auto;
margin: 0 0 40px 0;
float: none;
}
.teaser02-content p {
clear: both;
}
@media only screen and (min-width: 768px) {
.teaser02-image {
text-align: left;
padding-left: 0px!important;
z-index: 5;
}
.teaser02-content {
position: relative;
top: -150px;
left: 40px;
padding: 120px 20px 20px 20px;
}
.teaser02-content h4 {
width: 300px;
margin: 0 0 40px 0;
float: right;
}
}
.container.teaser03 {
margin: 0 auto!important;
padding: 0px!important;
}
.teaser03-container {
position: relative;
}
.teaser03-image {
text-align: center;
padding-right: 0px!important;
z-index: 5;
}
.teaser03-image img{
}
.teaser03-content {
position: relative;
top: -80px;
left: 0px;
background: #365C18;
color: #fff;
padding: 120px 20px 20px 20px;
}
.teaser03-content h4 {
width: auto;
margin: 0 0 40px 0;
}
@media only screen and (min-width: 768px) {
.teaser03-image {
text-align: right;
padding-right: 0px!important;
}
.teaser03-content {
position: relative;
top: -150px;
left: -40px;
padding: 120px 20px 20px 20px;
}
.teaser03-content h4 {
width: 300px;
}
}
.container.teaser04 {
margin: 0 auto!important;
padding: 0px!important;
}
.teaser04-container {
position: relative;
}
.teaser04-image {
text-align: center;
padding-left: 0px!important;
z-index: 5;
}
.teaser04-image img{
}
.teaser04-content {
position: relative;
top: -80px;
left: 0px;
background: #61BF17;
color: #fff;
padding: 120px 20px 20px 20px;
}
.teaser04-content h4 {
width: auto;
margin: 0 0 40px 0;
float: none;
}
.teaser04-content p {
clear: both;
}
@media only screen and (min-width: 768px) {
.teaser04-image {
text-align: left;
padding-left: 0px!important;
z-index: 5;
}
.teaser04-content {
position: relative;
top: -150px;
left: 40px;
padding: 120px 20px 20px 20px;
}
.teaser04-content h4 {
width: 300px;
margin: 0 0 40px 0;
float: right;
}
}
.two-column,
.three-column {
margin: 0 auto;
} footer {
background-color: #5D544E;
color: #fff;
}
footer a {
color: #fff;
text-decoration: underline;
}
footer a:hover {
color: #61BF17;
text-decoration: underline;
}
.footer-container {
padding: 30px 0 60px 0;
}
.footer-address {
border-right: 1px solid #fff;
}
@media screen and (min-width:767px){
.footer-logo{
width:100%;
}
}
.footer-logo {
max-width: 218px;
display: block;
padding: 40px 0 20px 0;
}
footer h3 {
margin-top: 35px;
margin-left: 0px;
margin-bottom: 30px;
}
.form-row {
margin-left: 40px;
}
.menu-footer-menu-container {
}
#menu-footer-menu {
list-style-type: none!important;
float: left;
margin-left: 0px;
padding-left: 0px;
}
#menu-footer-menu li {
list-style-type: none!important;
float: left;
}
#menu-footer-menu li::after {
content: "•";
margin-right: 10px;
margin-left: 10px;
}
#menu-footer-menu li:last-child {
margin-right: 0px;
}
#menu-footer-menu li:last-child::after {
content: none;
margin-right: 0px;
margin-left: 0px;
}
div.wpforms-container-full .wpforms-form label.wpforms-error{
color:#f384a3!important;
}
#wpforms-form-877 {
margin-left: 0px;
position: relative;
}
#wpforms-form-877 .wpforms-field-email,
#wpforms-form-877 .wpforms-field-select,
#wpforms-form-877 .wpforms-field-checkbox,
#wpforms-877-field_1-container {
width: 100%;
left: 0;
margin-right: 10px;
box-sizing: border-box;
}
#wpforms-877-field_1-container {
}
#wpforms-877-field_1 {
width: 100%;
height: 35px;
}
#wpforms-877-field_5-container {
top: 30px;
width: 50%;
position: inherit;
left: 0;
margin-right: 10px;
box-sizing: border-box;
}
#wpforms-877-field_5 {
width: 100%;
height: 35px;
color: rgb(59, 59, 59);
}
#wpforms-877-field_6-container {
top: 110px;
width: 50%;
position: inherit;
left: 0;
margin-right: 10px;
padding-right: 10px;
box-sizing: border-box;
margin-left: 0px;
padding-left: 0px;
}
#wpforms-877-field_6 {
list-style-type: none;
margin-left: 0px!important;
padding-left: 0px!important;
}
#wpforms-877-field_6_1 {
width: 30px;
height: 30px;
border: 0px;
}
#wpforms-877-field_6 .wpforms-field-label-inline {
margin-left: 15px;
position: relative;
top: -8px;
}
#wpforms-submit-877 {
position: initial;
right: 0px;
top: 25px;
margin-right: 0 !important;
border-radius: 0 !important;
-webkit-border-radius: 0;
border: 0;
color: #fff;
font-size: 22px;
font-weight: 600;
padding: 15px 30px;
background-color: #61BF17;
-webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
}
#wpforms-form-877 .wpforms-field-textarea {
right: 0;
top: 0;
}
#wpforms-877-field_2 {
width: 100%;
height: 150px;
}
.form-select-wiro {
}
footer .form-control {
box-sizing: border-box;
padding: 0;
}
footer .form-group {
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
}
footer input {
margin-bottom: 25px;
border-radius: 0!important;
-webkit-border-radius: 0;
border: 0;
padding-left: 20px!important;
}
footer select {
box-sizing: border-box;
margin-top: 25px;
margin-bottom: 15px;
border-radius: 0!important;
-webkit-border-radius: 0;
border: 0;
padding-left: 15px!important;
}
footer .form-check-input {
border-radius: 0!important;
-webkit-border-radius: 0;
border: 0;
width: 30px;
height: 30px;
}
footer .form-check-label {
margin-left: 25px;
margin-top: 7px;
}
footer textarea {
margin-bottom: 25px;
border-radius: 0!important;
-webkit-border-radius: 0;
border: 0;
resize: none;
padding: 10px!important;
}
footer .btn {
margin-right: 0!important;
border-radius: 0!important;
-webkit-border-radius: 0;
border: 0;
color: #fff;
font-size: 22px;
font-weight: 600;
padding: 15px 30px;
background-color: #61BF17;
float: right;
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
}
.wp-block-ultimate-post-post-grid-2 {
max-width: 1140px;
margin: 0 auto;
}
.ultp-heading-filter {
height: 40px!important;
margin-bottom: 20px!important;
}
.ultp-heading-filter-in {
}
.ultp-filter-navigation {
left: 0!important;
}
.ultp-block-row {
grid-template-columns: repeat(1, 1fr)!important;
}
.ultp-filter-wrap {
}
.ultp-flex-menu {
}
.filter-item a {
border: 1px solid #5D544E!important;
font-size: 16px!important;
padding: 6px 20px!important;
background: #fff!important;
color: #5D544E!important;
box-sizing: border-box;
}
.filter-item a:hover {
background: #5D544E!important;
color: #fff!important;
}
@media only screen and (min-width: 768px) {
.ultp-block-row {
grid-template-columns: repeat(3, 1fr)!important;
}
}
.menu-item  a, .product-label a, .solution-label a, .team-label a {
text-decoration: none;
}
@media screen and (min-width:992px){
#wpforms-877-field_1-container{
margin-right:0!important;
}
#wpforms-877-field_5-container{
margin-right:0!important;
}
#wpforms-877-field_1-container input{
height:38px;}
.wpforms-field-container{
display:flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.size50{
flex: 0 0 49%;
max-width:  49%;
margin:0;
}
.ml2{
margin-left:2% !important;
}
.size100{
flex: 0 0 100%;
max-width:  100%;
margin:0;
}
}