body,
html{
    max-width: 100%;
    overflow-x: hidden;
}
li#field_2_17 {
    display: none;
}
div#input_1_8 div, div#input_1_8 iframe {
    max-width: 100% !important;
}
/* === GENERAL & BUTTONS === */
:focus {
	outline: none !important;
}    
h1, h2, h3, h4 {
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 0.3px;
    color: 0e8b30;
}
.paragraph a {
    color: #008000 !important;
    font-weight: bold;
}    
.row p a {
    color: #008000;
    font-weight: bold;
}
h1 {
    font-size: 45px;
    line-height: 55px;
}
h2 {
    font-size: 40px;
    line-height: 50px;
}
h3 {
    font-size: 32px;
    line-height: 44px;
}
h4 {
    font-size: 22px;
    line-height: 30px;
}
p, 
ul li,
.machine__detail,
.machine p {
    font-family: 'Roboto', sans-serif;
    color: black;
    font-size: 15px;
    letter-spacing: .7px;
    line-height: 28px;
}
a {
    text-decoration: none;
}
input:focus,
textarea:focus {
    outline: none !important;
}

.button-general__green {
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    border: none !important;
}

/* === END OF GENERAL & BUTTONS === */

/* === HERO SECTION === */
.hero-slider .hero-section__title .button-general__green {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .7;
}
.page-id-255 .hero-section__title {
    opacity: 0 !important;
}
.hero-slider .carousel-item {
	background-size: cover;
    height: 500px;
    display: none;
    background-position: center center;
}
.hero-slider .carousel-item.active {
	display: block;
}
.hero-slider ol li {
    opacity: 1;
}
.hero-slider ol li.active {
    background-color: #0e8b30;
}
.hero-slider ol.carousel-indicators {
    justify-content: flex-end !important;
    margin: 0 !important;
    padding-right: 50px !important;
    padding-bottom: 45px;
}
.button-general__green:after {
    content: '';
    position: absolute;
    right: 0;
    top: -40px;
    width: 1000%;
    height: 5000%;
    transform: rotate(45deg) translate(100px,-60%);
    transform-origin: right top;
    background: #0e8b30;
    opacity: 0.95;
    color: white !important;
    z-index: 1;
}

.button-general__red {
    background: red;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    border: none !important;
}
.button-general__red:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    border-bottom: 30px solid #f2f2f3;
    border-left: 30px solid transparent;
}
@media (min-width:1200px) {
	.navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .3rem;
        padding-left: 0.3rem;
	}
	.mobile-menu {
    	display: none;
    }
}

@media (max-width:1199px) {
.search-container {
display: none !important;
}
    .hero-section__main--navbars {
        display: block;
        width: 100%;
    }
}    
@media (max-width:991px) {
    .hero-slider .hero-section__title h1 {
        padding-left: 20px;
        padding-right: 20px;
    }
}    
@media (max-width:767px) {
.footer {
    background-position: center center !important;
    background-size: cover !important;
}

.team-grid__details h4 {
    font-size: 20px !important;
    line-height: 24px !important;
    margin-top: 14px;
    margin-bottom: 5px;
}
.team-grid__content {
    text-align: center;
}

	.hero-slider .hero-section__title {
    	width: 100%;
    }
	.button-general__green:after {
    	transform: unset;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
	.hero-slider {
    	padding: 0;
    }
	.navbar a {
    	max-width: calc(100% - 65px);
    }
    .navbar a.nav-link {
        width: 100% !important;
        max-width: 100%;
    }
    .navbar img {
        width: 100%;
        height: auto;
        padding: 0 10px;
    }
    .button-general__green {
        margin: 0 20px;
    }
    .hero-section__contents h1 {
        padding: 20px;
    }
}  
@media (max-width:400px) {
	.machine__detail strong {
    width: 100%;
    font-weight: bold;
    }
}
@media (max-width:575px) {
.contact-block__map {
    margin-top: 30px;
}
.hero-slider .carousel-item {
	height: 350px;
}    
#field_2_12 label.gfield_label,
#field_2_13 label.gfield_label {
    margin-bottom: -45px !important;
}
.machine__details {
    margin-top: 20px;
}
	.machine .carousel-cell {
    	max-height: 370px;
	}        
    .hero-section .container, .hero-section .container .row, .hero-section--large.hero-section {
        max-height: 400px;
    }
    .machine h1 {
    margin-bottom: -25px;
	}
	.flickity-page-dots {
    	display: none !imporant;
    }
    #ajax_filter_search_results {
        margin: 0 -15px;
    }
    .machine-grid a h4 {
        font-size: 21px !important;
        line-height: 25px !important;
    }
    .product-category__image {
        padding-bottom: 0;
    }
   	.product-category__text h1 {
    	font-size: 22px!important;
            margin-top: -25px;
    }
    button.navbar-toggler {
        margin-right: 10px;
    }
    h1, h2, h3, h4 {
        font-size: 30px !important;
        line-height: 40px !important;
    }
}    
@media (max-width:400px) {
}  

@media screen and (max-width: 991px) and (min-width: 768px) {
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
}




.hero-slider .hero-section__title {
    bottom: 45px;
    left: 50px;
    width: 50%;
    top: unset;
    opacity: 1;
    max-width: 523px;
    height: unset;
    position: absolute;
    padding: 20px 20px 40px;
}
.search-container {
    padding-left: 15px;
}
footer .search-container input {
    font-family: Roboto;
    font-size: 16px;
    width: 100%;
    padding: 5px 8px !important;
}
footer .search-container button {
    right: 18px;
    top: 5px;
    position: absolute;
}


#searchform input {
    padding: 2px 4px;
}
.search .search-container main {
    margin-bottom: 75px;
}
.search-item {
	margin-bottom: 20px;
}    
.hero-section__navbar ul li a {
    color: #6b6b6b !important;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 16px;
}
.top-nav ul, 
.top-nav div, 
.top-nav ul li {
    display: inline-block;
}
.top-nav {
    display: block;
    text-align: right;
}
header {
    padding-top: 10px;
    position: relative;
    z-index: 1000;
}
.top-nav ul li a {
    text-decoration: none;
    padding-right: 8px;
    padding-left: 6px;
    border-right: 1px solid grey;
    color: #a8a8a8;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0 !important;
    font-weight: 500;
}
.search-container button {
    background: none !important;
    border: none !important;
    color: #8c8c8c !important;
    position: relative;
    right: 40px;
    font-size: 18px;
}
.top-nav__item {
    border-right: none !important;
}
.hero-section__navbar ul li {
    padding-right: 20px;
}
.hero-section__main--navbars {
    margin-right: -36px;
}
.hero-section__navbar {
    margin-left: -156px;
}
.hero-section--large.hero-section {
    margin-bottom: 80px;
    background-size: cover;
    background-repeat: no-repeat;
    height: 470px;
    background-position: center;
    position: relative;
}
.hero-section .container,
.hero-section .container .row {
	height: 100%;
    position: relative;
    background-size: cover;
    background-position: center center;
}    
.hero-section--small.hero-section {
    margin-bottom: 80px;
    background-size: cover;
    background-repeat: no-repeat;
    height: 332px;
    background-position: center;
    position: relative;
}
.hero-section {
    margin-bottom: 80px;
    background-size: cover;
    background-repeat: no-repeat;
    height: 332px;
    background-position: center;
    position: relative;
}
.hero-section__image {
    position: relative;
}
.hero-section.largelarge {
    height: 470px;
}
.hero-section.smallsmall {
    margin-bottom: 100px;
}
.hero-section__title {
    overflow: hidden;
}
.hero-section__title h1 {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 55px;
    line-height: 44px;
    padding-bottom: 20px;
    position: relative;
    z-index: 9;
}
.hero-slider .hero-section__title h1 {
    line-height: 50px;
    padding-bottom: 0px;
    padding-right: 15px;
    height: unset;
    top: unset;
    opacity: unset;
    padding-left: 15px; 
}
.hero-section__navbar ul li i {
    color: #0e8b30;
    padding-left: 5px;
}
header ul li a:hover {
    color: #0e8b30 !important;
}
.dropdown-menu {
    margin: 0 !important;
    padding: 10px 20px;
}
.dropdown:hover .dropdown-menu {
    display: block !important;
}
.dropdown-menu.show {
    padding: 10px;
}
.dropdown-menu.show li a{
    text-decoration: none;
}
.dropdown-menu li a:hover {
    text-decoration: none;
    font-weight: bold;
}


.hero-slider {
    margin-bottom: 30px;
}
.hero-slider ol li {
    border-radius: 50% !important;
    width: 13px;
    height: 13px;
}

.hero-section--small .hero-section__contents h1 {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 66px;
    line-height: 75px;
    padding-bottom: 20px;
    position: relative;
    z-index: 9;
    letter-spacing: 0;
    top: 18px;
}

/* === mediaqueries === */
@media only screen and (max-width: 400px) {

}
@media only screen and (max-width: 575px) {
    .search-container {
        margin-left: 5px ;
        margin-top: 25px;
    } 
}
@media only screen and (max-width: 767px) {
	.hero-section__main--navbars .top-nav {
    	display: none;
    }
    .hero-section__title h1 {
        font-size: 30px; 
    }
    header {
        padding-top: 10px;
        padding-right: 0px;
        padding-bottom: 10px;
    }
    nav.navbar {
	    padding: 0;
	}
    .hero-slider ol.carousel-indicators {
        padding-bottom: 25px;
    }
    .hero-slider .hero-section__title {
    	    bottom: 70px;
    }
    .dropdown-menu {
        margin: 0 !important;
        padding: 10px 20px;
        width: 100%;
    }
    .hero-section--small.hero-section {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width:991px) {
    .hero-slider .hero-section__title {
        width: 80%;
    }
    .hero-slider .hero-section__title {
        left: 0;
    }
}
@media only screen and (max-width: 1199px) {
    .top-nav ul {
        display: none;
    }
    button.navbar-toggler {
        background: #008000;
        border-radius: 0;
    }
    .hero-section__navbar {
        margin-left: unset;
        padding: 15px 10px;
    }
    .hero-section--large.hero-section {
        margin-bottom: 40px;
    }
    .hero-section {
        margin-bottom: 40px;
    }
   
}
@media only screen and (min-width: 1299px) {
    .hero-slider .carousel-item {
        margin: 0 -50px;
        width: calc(100% + 100px);
        overflow: visible;
        display: none;
    }
    .hero-slider .carousel-item.active {
    	display: block;
    }
    .hero-section .container .row {
        margin: 0 -50px;
        width: calc(100% + 100px);
        overflow: visible;
    }
    .hero-slider .carousel-inner {
        overflow: visible;
    }
}

/* === mediaqueries === */
@media (min-width:1200px) {
}

@media (max-width:1199px) {
}    
@media (max-width:991px) {
}    
@media (max-width:767px) {
}   
@media (max-width:575px) {
}    
@media (max-width:400px) {
}  

@media screen and (max-width: 991px) and (min-width: 768px) {
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
}








/* === Hero Section Large === */

.hero-section--large .hero-section__title {
    position: absolute;
    opacity: 1;
    max-width: 530px;
    overflow: hidden;
    color: white !important;
    text-transform: uppercase;
    width: 100%;
    padding: 20px 20px 40px;
    bottom: 50px;
    left: 50px;
}
.hero-section--large .button-general__green {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    opacity: .8;
    min-height: 125px;
}
.hero-section--small .button-general__green:after {
    transform: rotate(45deg) translate(85px,-60%);
}
.hero-section--small .hero-section__title {
    position: absolute;
    opacity: 1;
    max-width: 530px;
    overflow: hidden;
    color: white !important;
    text-transform: uppercase;
    width: 100%;
    padding: 20px 20px 40px;
    bottom: -55px;
    left: 50px;
}
.hero-section--small .button-general__green {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    opacity: .8;
}
.hero-section--large h1 {
    opacity: 1;
}
.hero-section--large .hero-section__contents h1 {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 55px;
    line-height: 50px;
    padding-bottom: 20px;
    position: relative;
    z-index: 9;
}
@media (min-width:1200px) {
}

@media (max-width:1199px) {
}    
@media (max-width:991px) {
}    
@media (max-width:767px) {
    .hero-slider .hero-section__title {
        left: 0;
        right: 0;
        width: 100%;
    }
    .hero-section--large .hero-section__title {
        left: 0px;
        right: 0px;
    }
    .hero-section--small .hero-section__title {
    bottom: 30px;
    left: 0;
    }
    .machine-grid {
        padding: 0 !important;
    }
}   
@media (max-width:575px) {
.page-id-255 .hero-section .container, 
.page-id-255 .hero-section .container .row {
    height: 124px;
}
.page-id-255 .hero-section--large.hero-section {
    height: 124px;
    margin-bottom: 20px;
    max-width: 100% !important;
    overflow: hidden;
}
    
}    
@media (max-width:400px) {
}  

@media screen and (max-width: 991px) and (min-width: 768px) {
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
}
/* === FACEBOOK SECTION === */

.facebook-section {
    background: #f7f7f7;
    padding-top: 30px;
    padding-bottom: 30px;
}
.cff-item {
    display: inline-block !important;
    width: calc(33% - 30px) !important;
    background: white !important;
    padding: 15px !important;
    float: none !important;
    margin: 0 15px !important;
    vertical-align: top;
}
#cff .cff-photo:after, #cff .cff-event-thumb:after, #cff .cff-html5-video:after {
border-color: transparent !important;
}
.facebook-sharing {
    text-align: center;
    display: block;
    width: 100%;
    margin: 35px 0px 20px;
}
.facebook-sharing a {
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 0.3px;
    color: #008000;
}
p.cff-post-text {
    font-size: 15px !important;
    color: black !important;
    line-height: 25px !important;
}
a.cff-viewpost-facebook, #cff .cff-post-links a {
    color: #008000 !important;
}
.facebook-section__text {
    text-align: center;
    padding-bottom: 10px;
    padding-top: 30px;
}
.facebook-section__text h1 {
    font-family: roboto;
    color: #008000;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 33px;
    text-align: center;
    margin: 0 auto;
}

/* === SECTION TEAM GRID === */
.team-grid__details h4 {
    color: #0e8b30;
    font-weight: bolder;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1.5px;
    margin-bottom: 0;
}
.team-grid img {
    width: 160px;
    max-width: 100%;
    height: auto;
}
.team-grid__content {
    padding-bottom: 25px;
}
.team-grid__tooltips a {
    color: white;
}
.team-grid__tooltips .team-grid__i{
    border-radius: 50%;
    display: inline-block;
    background: #0e8b30;
    padding: 8px;
    width: 40px;
    height: 40px;
    text-align: center;
    color: white;
}
.tooltip-inner {
    margin-top: 8px;
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, 
.tooltip.bs-tooltip-bottom .arrow::before {
    margin-bottom: -8px;
}
.team-grid h4 {
    font-size: 24px;
    line-height: 32px;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    color: #0e8b30;
    letter-spacing: .3px;
    font-weight: 600;
}
.team-grid {
    padding-top: 30px;
    padding-bottom: 30px;
}

/* === CONTACT BLOCK SECTION === */
#field_2_12 label.gfield_label,
#field_2_13 label.gfield_label {
    display: block !important;
}
select#input_2_12 {
    width: 100%;
}

.contact-block {
    background: #f7f7f7;
    padding-top: 30px;
    padding-bottom: 60px;;
}
.contact-block__form a {
    color: rgb(14, 139, 48);
    font-weight: bold;
}
.contact-block .gfield_radio label {
    display: block !important;
    letter-spacing: 1.5px !important;
}
.contact-block .gform_fields input::placeholder,
.contact-block .gform_fields textarea::placeholder {
    font-size: 15px !important;
    letter-spacing: .7px;
    color: black;
    font-family: roboto;
    font-weight: 500;
}
.contact-block__content {
    background: #0e8b30;
    width: 100%;
    position: relative;
    padding: 27px 43px 60px 20px;
    margin-bottom: 10px;
    overflow: hidden;
    border: none !important;
}
.contact-block__content:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 30px solid #f7f7f7;
    border-right: 30px solid transparent;
}
.contact-block__servicennummer {
    padding-top: 20px;
}
.contact-block__content p {
    margin-bottom: 0;
    color: white;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: .3px;
    line-height: 22px;
    font-size: 16px;
    letter-spacing: .7px;
}
.contact-block__content p a {
    color: white;
    text-decoration: none;
    border-bottom: 1px solid white;
}
.contact-block__content h4 {
    color: white;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}
.contact-block__map {
    width: 100%;
    padding-bottom: 20px;
}
.contact-block .gmap_canvas iframe,
.contact-block .gmap_canvas,
.contact-block .mapouter {
    width: 100%;
    height: 310px;
}
body .gfield_radio {
    display: inline-flex;
}
.contact-block .gfield_radio li {
    padding-right: 60px;
    list-style: none;
    margin-left: -40px;
}
.contact-block .gform_fields li {
    list-style: none;
}
.contact-block .gfield_radio li label {
    font-weight: 500;
    font-family: roboto;
}

.contact-block .gform_fields input,
.contact-block .gform_fields select {
    width: 100% !important;
    padding: 15px 25px !important;
    margin-bottom: 10px;
    border: 2px solid #eee;
    background: none;
    font-size: 15px;
    letter-spacing: .7px !important;
}
.contact-block .gform_fields li#field_1_8 input {
    width: unset !important;
    margin-right: 5px;
    margin-top: 6px;
}    
.contact-block .gform_fields textarea {
    width: 100%;
    padding: 15px 25px !important;
    margin-bottom: 10px;
    border: 2px solid #eee;
    background: none;
}
.contact-block .ginput_container.ginput_container_checkbox ul li label {
    display: inline-block !important;
}
.contact-block .ginput_container.ginput_container_checkbox {
    margin-bottom: 50px !important;
}
.contact-block .ginput_container.ginput_container_checkbox input {
    margin-left: -360px;
}
.contact-block .gform_footer.top_label input {
    border: none;
    background: #0e8b30;
    color: white;
    padding: 10px 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px !important;
}
.contact-block .gform_footer.top_label {
    position: absolute;
    right: 15px;
    margin-top: -50px !important;
}
.contact-block .gform_body {
    position: relative;
}
.contact-block .ginput_container.ginput_container_checkbox {
    margin-top: 15px;
}
.contact-block__form li.gchoice_1_1_0 input,
.contact-block__form li.gchoice_6_1_0 input{
    height: 20px;
    width: 16px;
    margin-right: 10px;
}
.contact-block__form .ginput_container.ginput_container_radio ul li {
    display: inline-flex;
}
.contact-block__form li.gchoice_1_1_1 input,
.contact-block__form li.gchoice_6_1_1 input{
    height: 20px;
    width: 16px;
    margin-right: 10px;
}
.contact-block__form li.gchoice_1_1_0 label,
.contact-block__form li.gchoice_6_1_0 label{
    padding-top: 3px !important;
    padding-right: 20px !important;
}
.contact-block__form li.gchoice_1_1_1 label,
.contact-block__form li.gchoice_6_1_1 label{
    padding-top: 3px !important;
    padding-right: 20px !important;
}
.contact-block__form label {
    display: none !IMPORTANT;
}
.contact-block__form .ginput_container.ginput_container_radio {
    margin-bottom: -20px !important;
}
.contact-block__form .gform_wrapper .gform_footer {
    width: unset;
}
.contact-block__form--checkbox label {
    display: unset !important;
}
.contact-block__form--checkbox {
    display: inline-flex;
}
.contact-block__form--checkbox label a {
    color: #0e8b30;
    border-bottom: 1px solid #0e8b30;
    text-decoration: none;
}
/* === mediaqueries === */
@media only screen and (max-width: 400px) {

}
@media only screen and (max-width: 575px) {
.cff-item {
	width: 100% !important;
}
.contact-block__form .gform_wrapper .gform_footer {
    width: 100% !important;
    position: inherit;
    margin: 0 !important;
}

}
@media only screen and (max-width: 767px) {
    .contact-block__form {
        padding-bottom: 30px;
    }
    
}
@media only screen and (max-width:991px) {
.cff-item {
	width: calc(50% - 30px) !important;
}
    .contact-block__form label {
        padding-bottom: 50px;
    }
}
@media only screen and (max-width: 1199px) {

}
/* === mediaqueries === */




/* === MACHINE POST TYPE === */
.machine .team-grid__tooltips {
    margin-top: 25px;
}
.machine .team-grid__content p {
    margin: 0;
    padding: 0;
}
.machine .team-grid__content {
    margin-top: 20px;
}
.machine iframe {
    margin-bottom: 50px;
    max-width: 100%;
}
.machine p {
    padding-bottom: 20px;
}
.modal-body input[type=submit] {
    background: #008000;
    border: none;
    color: white;
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px !important;
    letter-spacing: .7px;
}
#contactModal .modal-header {
    background: #008000;
    color: white;
}
#contactModal .gfield input {
    width: 100% !important;
    padding: 15px !important;
}
m#contactModal input[type=submit] {
    background: #008000;
    color: white;
    border: none;
    padding: 15px 45px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    max-width: 100%;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#contactModal .close {
    color: white !important;
    text-shadow: none !important;
    opacity: 1 !important;
}
#contactModal .modal-header, 
#contactModal .modal-content {
    border-radius: 0 !important;
}
#contactModal .modal-title {
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.machine .carousel-indicators li {
    height: 12px !important;
    border-radius: 50% !important;
    width: 12px !important;
    opacity: 1 !important;
    border: none !important;
}
.machine .carousel-indicators .active,
.machine .carousel-indicators li:hover {
    background: #008000 !important;
    height: 12px !important;
    border-radius: 50% !important;
    width: 12px !important;
    opacity: 1 !important;
    border: none !important;
}
.machine ul.carousel-indicators {
        justify-content: flex-end;
        width: 100%;
        margin: 20px 20px 20px 0;
        padding-right: 30px;
}
.machine .machine__link:hover {
    text-decoration: underline;
}
.machine .button-contact {
    margin: 40px 0;
    background: #008000;
    color: white;
    border: none;
    padding: 15px 45px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    max-width: 100%;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
}
.machine h1 {
    font-weight: bold;
    color: #008000;
    line-height: 45px;
    padding-bottom: 15px;
    text-transform: uppercase;
    /* max-width: 400px; */
}
.machine_pdf i {
    font-size: 35px;
    padding-right: 9px;
}
.machine_pdf {
    padding: 6px 0;
}
.machine .machine_pdf a {
    color: #484848;
    text-decoration: none;
    font-weight: 500;
    padding-bottom: 20px;
    font-size: 20px;
    vertical-align: text-bottom;
}
.machine__border {
    border-top: 35px solid #008000;
    padding-top: 30px;
}
.machine__content {
    margin-left: -15px;
}
.machine__bottom {
    border-top: 1px solid #808080cf;
    margin-bottom: 50px;
    padding-top: 28px;
}
.machine__bottom i.fa {
    margin-right: 10px;
}
.machine__bottom a {
    color:#008000;
    padding-bottom: 0;
    padding: 20px 0;
}
.machine__files {
    padding-bottom: 30px;
}
@media (min-width:1200px) {
}

@media (max-width:1199px) {
}    
@media (max-width:991px) {
}    
@media (max-width:767px) {
    .machine iframe {
        margin-bottom: 0px;
        margin-top: 25px;
    }
    .machine__bottom{
        margin-bottom:25px ;
            padding-left: 25px;
    }
    .machine #machine-slider {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}   
@media (max-width:575px) {
    .machine__content {
        padding: 15px;
        margin: 0;
    }
    .machine .button-contact {
        margin: 40px 35px;
    }
}    
@media (max-width:400px) {
}  

@media screen and (max-width: 991px) and (min-width: 768px) {
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
}




.img-responsive {
	max-width: 100%;
	height: auto;	
}
input:focus {
    outline: none;
}

.hero-section .container {
	height: 100%;
}

/* === SINGLE MACHINES === */
.machine__detail strong {
    display: inline-block;
    min-width: 226px;
    font-weight: normal;
}
.machine__details .machine__detail {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}
.flickity-page-dots {
	bottom: 15px !important;
}    
.flickity-page-dots li.dot {
    background: white !important;
    opacity: 1 !important;
}
.flickity-page-dots li.dot.is-selected {
    background: #008000 !important;
    opacity: 1 !important;
}
.carousel-cell {
	width: 100%;
    display: block;
    height: 500px;
    background-size: cover;
    background-position: center center;
}    

.single-machines .carousel-item a {
    width: 100%;
    height: 450px;
    display: block;
    background-position: center center;
    background-size: cover;
}
.single-machines .carousel {
    position: relative;
    height: 450px;
}


/* === SINGLE NEWS PAGE == */
.wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.single .paragraph .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.single__sidebar {
    background: #f7f7f7;
    padding: 15px 24px;
}
.single .news-grid__item:hover {
	background: none !important;
}
.single .paragraph a {
    color: #008000;
}
.single .paragraph img {
    max-width: 100%;
    height: auto;
    padding: 20px 0;
}
.single__container::before {
    border-top: 35px solid #008000;
    content: '';
    width: 100%;
    display: block;
    margin-bottom: 30px;
}
.single .news-grid__image img {
	width: 100%;
    height: auto;
}    
.single .news-grid__text h6 {
    font-size: 15px;
    color: lightgray;
    font-weight: normal;
}
.single__content h1 {
    font-size: 40px;
    font-weight: bold;
    color: #008000;
    line-height: 50px;
    text-transform: uppercase;
}
.single .news-grid__text h4 {
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #008000;
    padding-right: 21px;
    margin-top: 10px;
}
.single .paragraph {
    font-family: 'Roboto', sans-serif;
    color: black;
    font-size: 15px;
    letter-spacing: .7px;
    line-height: 28px;
    padding-right: 15px;
}
.single__thumb img {
	max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.single__container {
	margin-bottom: 70px;
}    

/* === SINGLE PRODUCT === */
a.sales_email {
    color: #008000 !important;
    font-size: 15px !important;
    font-weight: bold !important;
}
.sales strong {
    color: #008000;
    text-transform: uppercase;
    font-size: 18px;
}
.sales {
    margin: 30px 0;
    font-size: 15px;
}
.sales__img img {
    max-width: 100%;
    height: auto;
    border-radius: 50%;
}


/* === PRODUCT CATEGORY === */
.product-category {
	background-color: rgb(250, 250, 250);
	padding-top: 40px;
}
.product-category__link {
    color: #008000;
    font-size: 19px;
    position: absolute;
    left: 0;
    bottom: 23px;
    text-transform: uppercase;
    font-weight: 500;
}
a.product-category__row:hover {
    text-decoration: none;
}
a.product-category__row:hover .product-category__text, 
a.product-category__row:hover .product-category__image {
    background: white;
}
.product-category__image, 
.product-category__text {
    padding: 20px;
}
.product-category__text {
	position: relative;
}
.product-category h1 {
	text-transform: uppercase;
    font-weight: 700;
    color: #008000;
    font-family: roboto;
}
.product-category__logo {
	position: absolute;
    bottom: 0px;
    width: 100%;
}
.product-category__logo i {
	color: #008000;
    font-size: 25px;
    position: absolute;
    right: 60px;
    bottom: 20px;
}    
.product-category__logo img {
	width: 100px;
	height: auto;
}
.product-category__row {
    border-bottom: 1.5px solid #d4d3d3;
    padding: 55px 0;
}
.product-category__row:last-child {
    border: none;
}
.product-category .paragraph {
    margin-bottom: 70px;
}
@media (min-width:1200px) {
}

@media (max-width:1199px) {
}    
@media (max-width:991px) {
}    
@media (max-width:767px) {
.rental-introduction .rental-introduction__content {
	margin: 0 15px;
    }
    .product-category {
        padding-top: 10px !important;
            padding-bottom: 30px;
    }
    .product-category__row {
        padding: unset ;
    }
    .product-category__logo {
    padding: 22px 0;
    }
    .product-category__image, .product-category__text {
    padding: 30px 15px;
}
}   
@media (max-width:575px) {
}    
@media (max-width:400px) {
}  

@media screen and (max-width: 991px) and (min-width: 768px) {
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
}




/* === MACHINE GRID === */
.machine-grid {
    background: #f2f2f4;
    padding: 60px 0;
    background: unset;
    padding: 30px 0 60px;
}
.page-id-247 .machine-grid {
    background: #ddd;
    margin: 60px 0;
    padding: 60px 0;
}
.machine-grid h4 {
    text-transform: uppercase;
    padding-top: 13px;
}
.machine-grid__block {
    position: relative;
    padding-top: 15px;
}

.machine-grid__block:hover {
    text-decoration: none;
    background: #ddd;
}
.page-id-247 .machine-grid__block:hover {
    background: white;
}    
.machine-grid__block .fa {
    position: absolute;
    right: 26px;
    font-size: 23px;
}
.machine-grid h2 {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 33px;
    text-align: center;
    margin: 0 auto;
}
.machine-grid__line {
    border-bottom: 2px solid #cccccc;
    max-height:2px;
}
.machine-grid .paragraph {
    margin-bottom: 40px;
}

.machine-grid__price{
margin-top: 15px;
}
.machine-grid__fa-caret-right{
    float: right;
    position: absolute;
    bottom: 20px;
    right: 0px;
    color: #008000;
    margin-bottom: 20px;
}
#ajax_filter_search_results .product-content__frame h4 {
    font-size: 20px;
    line-height: 25px;
}
.product-content__block:hover {
    text-decoration: none;
    background: white;
    background: #f2f2f4;
}
.product-content__frame {
    padding: 20px 5px;
}
.product-content__img--sales {
    background-size: cover;
    background-position: center center;
}
.product-content__img img {
    width: 100%;
    height: auto;
}
.machine-grid #my-ajax-filter-search label {
    font-weight: bold;
    padding: 20px 0 0;
}
.machine-grid #my-ajax-filter-search {
    font-size: 16px;
    background: #f2f2f4;
}
.machine-grid #my-ajax-filter-search form {
    background: white;
    height: unset;
    padding: 0px 20px 20px;
    background: #f2f2f4;
}
.machine-grid #my-ajax-filter-search input#submit {
    margin: 20px 0 0;
    width: 200px;
    background: #008000;
    color: white;
    border: none;
    padding: 10px 15px;
    font-weight: bold;
    text-align: center;
}
@media (min-width:1200px) {
}

@media (max-width:1199px) {
}    
@media (max-width:991px) {
}    
@media (max-width:767px) {
    .machine-grid #my-ajax-filter-search input#submit {
        margin: 20px -33px 0;
        width: 177px;
    }
}   
@media (max-width:575px) {
    .machine-grid #my-ajax-filter-search input#submit {
        margin: 20px 0 0 !Important;
    }
}    
@media (max-width:400px) {
}  

@media screen and (max-width: 991px) and (min-width: 768px) {
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
}

/* === CLIENT LOGOS === */
.client-logos {
    padding: 70px 0;
}
.client-logos .slick-slide div,
.client-logos .slick-slide div div {
    text-align: center; 
}
.client-logos .slick-slide img {
    margin: 0 auto;
}
@media (min-width:1200px) {
}

@media (max-width:1199px) {
}    
@media (max-width:991px) {
}    
@media (max-width:767px) {
    .client-logos {
        padding: 35px 0;
    }
}   
@media (max-width:575px) {
}    
@media (max-width:400px) {
}  

@media screen and (max-width: 991px) and (min-width: 768px) {
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
}

/* === HOME GRID === */
.home-grid {
    background-color: #f2f2f4;
    padding: 60px 0;
}
.home-grid__item {
    padding: 15px;
}
.home-grid__image {
    position: relative;
}
.home-grid__titlebackground {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .8;
}
.home-grid__titlebackground:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1000%;
    height: 5000%;
    transform: rotate(47deg) translate(16px,-60%);
    transform-origin: right top;
    background: #0e8b30;
    opacity: 1;
    color: white !important;
    z-index: 1;
}
.home-grid__title h2 {
    color: white;
    position: relative;
    z-index: 2;
}
.home-grid__title {
    position: absolute;
    bottom: 15px;
    left: 15px;
    padding: 0 15px;
    overflow: hidden;
}
.home-grid__title h2 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    padding: 0 30px 0 0px;
    margin: 0;
}
.home-grid__item:hover {
    text-decoration: none;
    background: white;
}
.home-grid__text p {
    font-size: 16px;
    line-height: 24px;
    max-width: 286px; 
    padding: 11px 0 0;
}
.home-grid__text i {
    color: #0e8b30;
    display: inline-block;
    padding-left: 20px;
    vertical-align: -2px;
}
.home-grid__readmore {
    color: #008000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .7px;
    display: inline-block;
}
.home-grid__text {
    padding-bottom: 10px;
}
@media (min-width:1200px) {
}

@media (max-width:1199px) {
}    
@media (max-width:991px) {
}    
@media (max-width:767px) {
	.home-grid__text p {
    	height: unset !important;
    }
    .home-grid__title {
       left:0 ;
       max-width: 94%;
    }
    .home-grid__title h2 {
        font-size: 18px;
        padding: 0 7px 0 0px;
        line-height: 38px;
    }
    .home-grid {
        padding: 30px 0;
    }
    .home-grid__text i {
        font-size: 25px;
    }
}   
@media (max-width:575px) {
}    
@media (max-width:400px) {
}  

@media screen and (max-width: 991px) and (min-width: 768px) {
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
}



/* === FOOTER === */
.footer {
    background-color: #008000;
    padding-top: 30px;
}
.footer__content h4 {
    font-family: Roboto;
    text-transform: uppercase;
    color: white;
    font-size: 17px;
    padding-bottom: 0;
    font-weight: 500;
}
.footer__content ul {
    list-style: none;
    padding-left: 0px;
}
.footer__content ul li a {
    color: white;
    text-decoration: none;
    opacity: .9;
}
.footer__content ul li a:hover {
    text-decoration: none;
}    
.footer__content--email a {
    text-decoration: underline !important;
}
.footer__content ul li {
    color: white;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: .5px;
    opacity: .9;
}
.footer__content {
    font-family: Roboto;
    font-weight: 400;
    color: gainsboro;
    list-style: none;
    padding-left: 0px;
}
.footer__search-content {
    float: right;
}
.footer__search-button {
    background-color: white;
    color: #808080db;
    font-family: Roboto;
    font-size: 15px;
    border-style: none;
    float: right;
    padding: 0px 11px;
    width: 100%;
    letter-spacing: 0.5px;
    padding-top: 6px;
    border: 1px solid #808080cf;
    border-right: none;
    padding: 12px;
}
.footer__social{
    float: right;
    font-family: Roboto-regular;
    font-size: 14pt;
    color: lightgray;
    padding-top: 17px;
}
.footer__social span {
    display: inline-block;
    vertical-align: 6px;
    font-size: 15px;
}
footer i:hover::before {
    color: white !important;
}
.footer__social i {
    height: 26px;
}
.footer__copyrights p {
    color: #ffffffd1;
    padding-top: 15px;
    font-size: 15px !important;
}

.footer__bottom {
    background-color: black;
    font-family: Roboto-regular;
    color: gray;
    align-content: center;
    
}
.footer__bottom a {
    background-color: black;
    font-family: Roboto-regular;
    color: gray;
    align-content: center;
    text-decoration: underline;
    
}
footer .fa-linkedin-in:before {
    content: "\f0e1";
    color: lightgray;
    font-size: 29px;
    padding-right: 7px;
    float:right;
    color: white;
}
footer .fa-facebook-square:before {
    content: "\f082";
    color: lightgray;
    font-size: 29px;
    padding-right: 7px;
        color: white;
}
footer .fa-youtube:before {
    content: "\f167";
    color: lightgray;
    font-size: 29px;
        color: white;
}
.footer__copyrights {
    background: #000000;
    text-align: center;
}

.footer__copyrights p {
    color: white;
    padding-top: 15px;
       font-size: 12px;
}
.footer__copyrights a {
    color: #ffffffd1;
    text-decoration: underline;
}
.footer p {
       color: white;
       opacity: .9;
}
.footer .fa-linkedin-in {
    padding-left: 10px;
}
.footer__search-block {
    display: inline-flex;
    width: 100%;
}
.footer__search-block input {
    color: black;
}
.footer__search-block button {
    background: transparent;
    color: grey;
    border: none;
    margin-left: -41px;
}
/* === mediaqueries === */
@media only screen and (max-width: 400px) {

}
@media only screen and (max-width: 575px) {

}
@media only screen and (max-width: 767px) {
    .footer__content {
        padding-left: 16px;
    }
}
@media only screen and (max-width:991px) {

}
@media only screen and (max-width: 1199px) {

}
/* === mediaqueries === */









/* === TEXT SECTION === */
.text-section {
    font-family: Roboto;
    text-align: center;
    /* padding-left: 135px; */
    /* padding-right: 142px; */
    padding-top: 30px;
    padding-bottom: 45px;
}
.text-section h3 {
    font-size: 50px;
    font-weight: bold;
    color: #008000;
    line-height: 45px;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.text-section p {
    padding-top: 23px !important;
}
@media (min-width:1200px) {
}

@media (max-width:1199px) {
}    
@media (max-width:991px) {
}    
@media (max-width:767px) {
    .text-section h3 {
        text-align: left;
    }
    .text-section p {
        padding-top: 0 !important;
        text-align: left;
    }
    .home-grid__text p {
        max-width: unset;
        padding: 20px 0px;
        padding-right: 13px;
    } 
    .text-section {
        padding-top: 0px;
        padding-bottom: 20px;
    }
}    
@media (max-width:575px) {
}    
@media (max-width:400px) {
}  

@media screen and (max-width: 991px) and (min-width: 768px) {
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
}

/* === RENTAL INTRODUCTION === */
.rental-introduction {
    font-family: Roboto;
    text-align: left;
}
.page-id-236 .rental-introduction {
    display: none;
}
.rental-introduction .rental-introduction__content {
    background: gray;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    border: none !important;
    min-height: 216px;
    max-height: 300px;
}
.rental-introduction .rental-introduction__content p {
    color: white !important;
    font-family: Roboto;
    font-size: 26px;
    padding-right: 44px;
    padding-top: 21px;
    padding-left: 0px;
    font-weight: 500;
    line-height: 34px;
    text-transform: uppercase;
    letter-spacing: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0;
}
.rental-introduction .rental-introduction__content:hover {
	text-decoration: none;
    background: #008000;
}


.rental-introduction__content:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 36px solid white;
    border-right: 34px solid transparent;
}
.rental-introduction h3 {
    font-size: 50px;
    font-weight: bold;
    color: #008000;
    line-height: 45px;
    padding-bottom: 10px;
    padding-right: 24px; 
    text-transform: uppercase;
}
.rental-introduction p,
.rental-introduction ul li {
    font-size: 18px;
    font-weight: 400;
}
.rental-introduction .fa-caret-right:before {
    content: "\f0da";
    padding-left: 83px;
}
.rental-introduction span {
    color: #008000;
} 
.rental-introduction i.fas.fa-caret-right {
    position: absolute;
    bottom: 20px;
    right: 50px;
    color: white;
    font-size: 35px;
}
@media (min-width:1200px) {
}

@media (max-width:1199px) {
}    
@media (max-width:991px) {
}    
@media (max-width:767px) {
    .text-section h3 {
        text-align: left;
    }
    .text-section p {
        padding-top: 0 !important;
        text-align: left;
    }
    .home-grid__text p {
        max-width: unset;
        padding: 20px 0px;
        padding-right: 13px;
    } 
    .text-section {
        padding-top: 0px;
    }
}
@media (max-width:575px) {
}    
@media (max-width:400px) {
}  

@media screen and (max-width: 991px) and (min-width: 768px) {
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
}









/* === NEWS GRID === */
.news-grid {
    font-family: Roboto;
    padding-bottom: 90px;
}
.news-grid__item {
    padding: 15px;
    margin-bottom: 30px;
}
.news-grid__item:hover {
    text-decoration: none;
    background: #f2f2f4;
}
.news-grid .container::before {
    border-top: 35px solid #008000;
    content: '';
    width: 100%;
    display: block;
    margin-bottom: 30px;
}
.news-grid h4 {
    line-height: 20px;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    color: #008000;
    padding-right: 21px;
}
.news-grid__text p {
    padding-top: 1px;
    max-height: 90px;
    overflow: hidden;
    font-size: 15px;
}
.news-grid__text {
    margin-bottom: 20px;
}
.news-grid__text i {
    position: absolute;
    right: 20px;
    bottom: -5px;
    color: #008000;
}
.news-grid h6 {
    font-size: 15px;
    color: lightgray;
    font-weight: normal;
}

.news-grid__content {
        display: inline-flex;
        padding: 30px 0;
}
.news-grid__image img {
      width: 165px;
    height: auto;
    margin-right: 10px;
}
.news-grid__#008000-block {
    background: #0e8b30;
    height: 40px;
    margin: 30px 0;
}
/* === mediaqueries === */
@media only screen and (max-width: 400px) {

}
@media only screen and (max-width: 575px) {
    .news-grid__content {
        display: block;
    }
    .news-grid__image img {
        width: 100%;
        margin-bottom: 12px;
    }
}
@media only screen and (max-width: 767px) {

}
@media only screen and (max-width:991px) {

}
@media only screen and (max-width: 1199px) {

}
/* === mediaqueries === */








.line-break {
	border: 0.5px solid rgb(178, 179, 179);
	margin: 40px 0px 40px 0px;
}

.img-responsive {
	max-width: 100%;
	height: auto;
	
}


/*machine grid section ending*/

/* === PRODUCT CATEGORY === */
.product-category {
	background-color: rgb(250, 250, 250);
	padding-top: 40px;
}
.col-md-8 {
	position: relative;
}
/*.col-md-8 h3 {
	text-transform: uppercase;
	font-weight: bold;
	color: rgb(72, 157, 71);
}*/
.logo_icon {
	position: absolute;
	bottom: -15px;
}
.logo_icon i {
	color: rgb(72, 157, 71);
	font-size:25px;
	position: relative;
	left: 600px;
}
.logo_icon img {
	width: 80px;
	height: auto;
}
/* === mediaqueries on machine grid === */
 
@media only screen and (max-width: 400px) {
.machine-grid__block {
    padding: 30px;
}
}

/* === machine-filter section === */
.machine-filter__block .fa {
    position: absolute;
    right: 26px;
    font-size: 23px;
    bottom: 0;
}
.machine-filter__block {
    position: relative;
}
.machine-filter {
    padding: 60px 0;
}
.machine-filter__block p {
    padding-bottom: 20px;
}
.machine-filter__block h4 {
    text-transform: uppercase;
    padding-top: 13px;
}
.machine-filter__block--img {
    height: 170px;
    background: red;
}
.machine-filter__block--green {
    transform: rotateX(180deg);
    position: absolute;
    width: 250px !important;
    height: 100px !important;
    right: 40px;
    bottom: 90px;
    z-index: 99 !important;
}
.machine-filter__block--green:after {
    content: '';
    position: absolute;
    width: 1100%;
    height: 1100%;
    top: 20px;
    right: -50%;
    background: #d0041c;
    transform-origin: 54% 0;
    transform: rotate(45deg);
    z-index: 98;
}
.machine-grid a h4 {
    color: #008000;
    font-weight: 600;
}
.machine-grid h2 {
    color: #008000;
}
/* === mediaqueries === */
@media only screen and (max-width: 400px) {

}
@media only screen and (max-width: 575px) {
    .sales__img {
        margin: 10px auto;
    }
    .sales {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        margin-bottom 10px;
    }
 
}
@media only screen and (max-width: 767px) {
    .machine-grid h2 {
        padding-bottom: unset;
        margin: 30px auto;
    }
}
@media only screen and (max-width:991px) {

}
@media only screen and (max-width: 1199px) {

}
.contact-block__form li#field_6_9 label {
    display: block !important;
}
.machine__table table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 30px;
}

.machine__table td, 
.machine__table th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

.machine__table tr:nth-child(even) {
  background-color: #dddddd;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
    padding: 10px 10px;
}
.hero-section__navbar ul li {
	margin-bottom: 10px;
}
.rental-introduction__text ul li a {
    color: green;
    font-weight: bold;
    font-size: 18px;
}
.machine .paragraph p {
    margin-bottom: 0;
    padding-bottom: 0;
}
.single .paragraph .blocks-gallery-item img {
    padding: 0;
}