/*!
Theme Name: AWM
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: awm
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

AWM is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
	1. Clean Base
	2. Base Typography
	3. Images
	4. Links
	5. Forms
	6. Tables
	7. Framework 
*/

/* 1. Clean Base
------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video 
{margin:0 auto; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}
	
html,body { -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; height: 100%;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
img{border:none;}

input[type="text"], input[type="submit"], input[type="button"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea {-webkit-appearance: none; outline: none;}
textarea:focus, input:focus, a, div, img { outline: none; }
 
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block;}

/* 2. Base Typography
------------------------------------------------------------------------------*/
body{ color:#373d48; font-size:13px; font-family: 'Open Sans', sans-serif; font-weight:400; line-height:22px;}
.no-scroll {overflow:hidden;}
h1, h2, h3, h4, h5, h6{ margin-bottom:20px; font-weight:normal;line-height:1.5!important;}
h1{ font-size:40px; line-height: 46px; color: #48A345; }
h2{ font-size:40px; line-height: 46px; color: #48A345; }
h3{ font-size:30px; line-height: 34px; }
h4{ font-size:24px; line-height: 32px; color: #5D5D5D; }
h5{ font-size:22px; line-height: 46px; color: #000000; }
h6{ font-size:14px; line-height: 32px; color: #48A345; }

.h1{ font-size:40px; line-height: 46px; color: #48A345; }
.h2{ font-size:40px; line-height: 46px; color: #48A345; }
.h3{ font-size:30px; line-height: 34px; }
.h4{ font-size:24px; line-height: 32px; color: #5D5D5D; }
.h5{ font-size:22px; line-height: 46px; color: #000000; }
.h6{ font-size:14px; line-height: 32px; color: #48A345; }

p{ color:#5D5D5D; font-size:16px; font-weight:400; line-height:1.5;/*line-height:22px;*/ margin-bottom:20px;}

ul{ margin:20px 20px; padding:0;}
ul li{ font-size:16px; color:#5D5D5D; font-weight:400; line-height:1.5;/*line-height:22px;*/ padding:0 0 5px 0; list-style:outside circle; }

ol{ margin:20px 20px; padding:0;}
ol li{ font-size:16px; color:#5D5D5D; font-weight:400; line-height:1.5;/*line-height:22px;*/ padding:0 0 5px 0; list-style: decimal; margin-left:20px; }

blockquote{ display:block; text-align:left; margin-bottom:20px; position:relative; background:#f3f3f3; padding:20px 20px 10px 20px; border-left:2px solid #1589cb;}
blockquote p{ font-size:16px; font-weight:400; line-height:1.5;/*line-height:22px;*/ margin-bottom:15px; position:relative; }

hr{ border:0 #000 solid; border-top-width:1px; clear:both; height:0; }

/* 3. Images
------------------------------------------------------------------------------*/
img{border:none; border-style: none;}

/* 4. Link
------------------------------------------------------------------------------*/
a{ color:#48A345; transition: all 0.3s ease-in-out; }
a:hover{ color: #5D5D5D; text-decoration: underline; }
a:active, a.current{ color: #48A345; }
a:focus{ outline: none; }
.btn{ display: inline-block; font-size: 12px; line-height: 16px; color: #ffffff; padding: 11px 22px; box-sizing: border-box; border: 1px solid #FF6727; font-weight: bold; position: relative; }
.btn span{ position: relative; z-index: 1; }
.btn:after{ content: ''; display: block; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: #FF6727; transition: all 0.3s ease-in-out;  }
.btn:hover{ color: #ffffff; text-decoration: none; border: 1px solid #ffffff; }
.btn:hover:after{ width: 0; }
.green-btn{ background: #48A345; }
.further-area .green-btn:hover, .blog-section .green-btn:hover { background: #48A345; color: #ffffff; }

/* 5. Forms
------------------------------------------------------------------------------*/
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"]{ border: none; padding:0 10px; color:#5D5D5D; font-size: 14px; height: 42px; background: #F4F4F4; border: 1px solid #ECECEC; width: 100%; box-sizing: border-box; }
textarea{ border:1px solid #ECECEC; padding:5px 10px; color: #5D5D5D; font-size: 14px; height: 112px; resize:none;  font-family: 'Open Sans', sans-serif; line-height:20px; background: #F4F4F4; width: 100%; box-sizing: border-box; }

input[type="submit"], input[type="button"], input[type="reset"]{ background:#FB6727; cursor:pointer; color:#fff; border:none; height: 42px; line-height:19px; display:block; font-size:14px; font-weight: bold; padding: 0 29px; box-sizing: border-box; transition: all 0.3s ease-in-out; }
input[type="submit"]:hover, input[type="button"]:hover{ background:#48A345; color:#fff; }

label{ font-size: 14px; line-height: 22px; color: #5D5D5D; font-weight: bold; display: block; width: 100%; margin-bottom: 3px; }
label em{ font-weight: 400; }

.field-cell{ display: block; width: 100%; margin-bottom: 20px; }
.field-cell .custom-select{ width: 100%; }
.field-cell .custom-select .select-selected{ background: #F4F4F4; color: #5D5D5D; font-weight: 400; }
.sort-text textarea{ height: 71px; }

/* 6. Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper{ width:100%; min-height:100%; min-height: 100%;height: auto !important; height: 100%; padding-top: 77px; }
.container{ max-width: 1100px; width:100%; }
.big-container{ max-width: 1236px; }

.footer, .push{ height: 22px; }

/* header */
header{ width:100%; height:auto; padding-top: 45px; padding-bottom: 10px; background: #ffffff; position: absolute; top: 0; z-index: 2; transition: all 0.3s ease-in-out; min-height: 75px; box-sizing: border-box; }
.logo-area{ display: inline-block; float: right; position: absolute; right: 0; top: -15px; }
.logo{ display: inline-block; }
.logo figure{ display: block; width: 100%; }
.logo figure img{ display: block; width: 100%; }
header .container{ position: relative; }
.inner-logo{ display: none; }
.inner-page .logo{ display: none; }
.inner-page .inner-logo{ display: inline-block; }
.inner-page .inner-logo figure{ display: block; width: 100%; }
.inner-page .inner-logo figure img{ display: block; width: 100%; }

/* header */
header.sticky{ position: fixed; padding-top: 12px; top: 0; left: 0; z-index: 9999; width: 100%; box-shadow: 0 8px 20px 0 rgb(0 0 0 / 10%); -webkit-animation: headerSlideDown .95s ease forwards; animation: headerSlideDown .95s ease forwards; background: #48A345; }
header.sticky .logo-area{ top: 18px; }

/* Header slide down Animation */
/*start*/
@-webkit-keyframes headerSlideDown {0% {margin-top: -100px; } to {margin-top: 0; } }
@keyframes headerSlideDown {0% {margin-top: -100px; } to {margin-top: 0; } } 
/*end*/

/* nav */
nav{ width:100%; height:auto;}
nav ul{}
nav ul li{}
nav ul li a{}
nav ul li a:hover, nav .active{}

/* footer */
footer{ width:100%; height:auto; background: #48A345; padding: 50px 0 38px 0; box-sizing: border-box; }
footer .three-col{ display: flex; justify-content: space-between; align-items: end; }
footer .three-col .col-left{ display: inline-block; width: 33.34%; }
footer .three-col .col-mid{ display: inline-block; width: 33.34%; text-align: center;  }
footer .three-col .col-mid ul{ display: inline-block; }
footer .three-col .col-right{ display: inline-block; width: 33.34%; text-align: right; }
footer .three-col .footer-logo{ display: inline-block; max-width: 255px; margin-bottom: 25px; }
footer .three-col .footer-logo figure{ display: block; width: 100%; }
footer .three-col .footer-logo figure img{ display: block; width: 100%; }
.footer-info{ display: block; width: 100%; }
.footer-info p{ display: block; width: 100%; margin-bottom: 0; color: #ffffff; font-weight: 500; }
.footer-info p a{ color: #ffffff; display: inline-block; margin-left: 5px; }
.footer-info p a:hover{ color: #ffffff; text-decoration: underline; }
footer .three-col .col-mid ul{ margin: 0; }
footer .three-col .col-mid ul li{ display: inline-block; font-size: 14px; line-height: 20px; color: #ffffff; font-weight: bold; list-style: none; margin: 0 9px; padding-bottom: 0; }
footer .three-col .col-mid ul li a{ color: #ffffff; }
footer .three-col .col-right p{ color: #ffffff; font-size: 14px; line-height: 22px; font-weight: bold; }
.bt-text p{ font-weight: bold; }
.bt-text{ display: block; width: 100%; float: left; text-align: right; }

/*social icons*/
.social-icons{ display: flex; align-items: center; justify-content: center; float: right; margin-bottom: 23px; }
.s-icon-gp{ display: inline-block; margin-left: 30px; }
.s-icon-gp figure{ display: inline-block; float: left; }
.s-icon-gp figure img{ display: inline-block; float: left; transition: all 0.3s ease-in-out; }
.s-icon-gp:hover img{ transform: scale(1.1); }
.social-icons .s-icon-gp:first-child{ margin-left: 0; }
.footer-email p a{ margin-left: 0; }

/*--------- home page ------------*/
/* banner part */
.banner{ display: block; width: 100%; background: #EBEBEB; }
.banner-slider{ display: block; width: 100%; height: 722px; }
.banner-slider .item{ height: 722px; }
.banner-slider .two-col{ display: flex; }
.banner-slider .two-col .col-left{ display: inline-block; width: 50%; margin-left: 0; }
.banner-slider .two-col .col-right{ display: inline-block; width: 50%; margin-right: 0; }
.banner-slider .big-title{ font-size: 40px; line-height: 46px; color: #ffffff; margin-bottom: 24px; }
.banner-cell{ display: flex; width: 100%; height: 722px; padding-top: 440px; box-sizing: border-box; background-size: cover !important; background-position: left center !important; }
.banner-slider .slick-list{ display: block; width: 100%; margin: 0; }
.banner-slider .banner-desc{ display: inline-block; max-width: 400px; margin-right:25px; /*75px;*/ }
.banner-desc p{ color: #ffffff; }
.banner-desc .big-title{ font-weight: 100; }
.blog-slider .slick-dots{ position: relative; width: auto; padding: 0; margin: 0; list-style: none; text-align: center; display: inline-block !important; bottom: 0; }
.blog-controller{ position: absolute; bottom: 35px; display: block; width: auto; padding: 0; margin: 0; list-style: none; text-align: center; width: 100%; left: 0;}
.blog-controller-inner{ display: inline-block; position: relative; }
.blog-controller-inner .left-arrow{ display: inline-block; width: 18px; height: 36px;  position: relative; cursor: pointer; margin-top: 4px; float: left; margin-right: 45px; }
.blog-controller-inner .left-arrow:before{ content: ''; display: block; position: absolute; left: 0; top:0; width: 18px; height: 36px; background: url(assets/images/left-arrow.svg); background-size: cover; }
.blog-controller-inner .right-arrow{ display: inline-block; width: 18px; height: 36px;  position: relative; cursor: pointer; margin-top: 4px; float: right; margin-left: 45px; }
.blog-controller-inner .right-arrow:before{ content: ''; display: block; position: absolute; right: 0; top:0; width: 18px; height: 36px; background: url(assets/images/right-arrow.svg); background-size: cover; }
.banner .slick-dots{ position: relative; width: auto; padding: 0; margin: 0; list-style: none; text-align: center; display: inline-block !important; bottom: -6px; }
.banner .blog-controller li{ width: 15px; height: 15px; margin: 0 5px; }
.banner .slick-dots li button{  width: 15px; height: 15px; background: #ffffff; border: 1px solid #ffffff; border-radius: 50%; transition: all 0.3s ease-in-out; }
.banner .slick-dots li button:hover, .banner .slick-dots li.slick-active button{ background: #48A345; border: 1px solid #ffffff; }
.banner .slick-dots li button:before{ display: none; }
.banner .slick-dotted.slick-slider{ margin-bottom: 0px; }

/*counter section*/
/*start*/
.counter-section{ display: block; width: 100%; padding: 90px 0 95px 0; box-sizing: border-box; }
/*.counter-section .claim {padding-left:7px;}*/
.counter-cell-grp{ display: block; text-align: center; }
.counter-cell{ display: inline-flex; text-align: left; margin-right: 75px; align-items: center; }
.counter-cell .counter-icon{ width: 85px; float: left; margin-left: 0; margin-right: 20px; }
.counter-cell .counter-icon figure{ display: block; width: 100%; }
.counter-cell .counter-icon figure img{ display: block; width: 100%; }
.counter-desc{ display: inline-block; float: left; }
.counter-desc .counter-num{ font-size: 42px; line-height: 40px; color: #48A345; font-weight: bold; }
.counter-desc .counter-text{ font-size: 15px; line-height: 18px; color: #5D5D5D; }
.counter-cell-grp .counter-cell:last-child{ margin-right: 0; }
/* Ergänzung Counter auf Alle Ideen Seite */
.ideas-blog-section .counter-cell-grp { margin: 20px 0 50px 0; }
/*end*/

/*service text section*/
/*start*/
.service-text-section{ display: block; width: 100%; padding: 50px 0 50px 0; }
.service-text-grp{ display: inline-flex; }
.service-text{ display: inline-block; text-align: center; min-width: 160px;max-width: 200px;  margin: 0 25px; }
.service-text .service-num{ display: inline-block; font-size: 40px; line-height: 40px; color: #5D5D5D; font-weight: 500; margin-bottom: 5px; }
.service-desc{ display: block; }
/*.service-desc:before {content: url('assets/images/right-arrow.svg');width: 36px;height: 36px;filter: invert(47%) sepia(7%) saturate(4412%) hue-rotate(70deg) brightness(115%) contrast(73%);}*/
.service-desc p{ font-size: 14px; line-height: 18px; color: #5D5D5D; margin-bottom: 0; }
.service-text-section .container{ text-align: center; }
/*end*/

/*service list grp section*/
/*start*/
.service-list-grp-section{ display: block; width: 100%; padding-bottom: 60px; padding-top: 25px; }
.service-list-main-grp{ max-width: 1100px; }
.service-list{ display: inline-flex; margin-bottom: 60px; max-width: 339px; margin-right: 25px; }
.service-list .service-list-num{ font-size: 40px; line-height: 40px; display: inline-block; color: #5D5D5D; font-weight: 500; margin-right: 25px; }
.service-list-text{ display: inline-block; }
.service-list-text h6 {font-size:18px; font-weight:bold;margin-bottom:5px;color:#5D5D5D;line-height: 1.2;}
.service-list-text p{ margin-bottom: 0; }
.half-list.service-list{ width: 49.5%; max-width: inherit; margin-right: 0; padding-right: 20px; box-sizing: border-box; margin-left: 0; }
.service-list-main-grp .half-list.service-list:last-child{ padding-right: 0; padding-left: 20px; }
.service-list-grp-section .center-cell{ margin-bottom: 30px; text-align: center; }
.service-list-grp-section .btn:hover{ background: #48A345; color: #ffffff; }
/*end*/

/*blog section*/
/*start*/
.blog-section{ display: block; width: 100%; overflow: hidden; }
.blog-title{ display: flex; width: 100%; align-items: center; margin-bottom: 29px; }
.blog-title h1{ display: inline-block; max-width: 800px; margin-left: 0; margin-bottom: 0; font-weight: 100; }
.blog-title .blog-right-cell{ display: inline-block; margin-right: 0; }
.blog-title .blog-right-cell a{ font-size: 16px; line-height: 21px; color: #707070; position: relative; }
.blog-title .blog-right-cell a:after{ content: ''; display: block; position: absolute; right: 0; bottom: -4px; width: 100%; height: 1px; background: #5D5D5D; transition: all 0.3s ease-in-out; }
.blog-title .blog-right-cell a:hover{ text-decoration: none; color: #48A345; }
.blog-title .blog-right-cell a:hover:after{ width: 0; }
.blog-cell-grp{ display: flex; flex-wrap: wrap; }
.further-idea-section .blog-cell-grp, .blog-section .blog-cell-grp{ display: block; }
.blog-cell-grp .slick-track{ margin-left: 0; }
.blog-cell-grp .blog-cell{ display: inline-block; width: 348px; margin-right: 28px; margin-left: 0; margin-bottom: 40px; }
.blog-cell-grp.blog-slider .blog-cell{ max-width: 348px; }
.blog-cell-grp .blog-cell .blog-img{ display: block; width: 100%; height: 278px; background-size: cover !important; background-position: center center !important; position: relative; }
.blog-desc{ display: block; width: 100%; padding-top: 50px; box-sizing: border-box; position: relative; }
.blog-desc h6, .blog-desc .h6{ font-weight: bold; margin-bottom: 0; }
.blog-desc h4, .blog-desc .h4{ font-weight: bold; margin-bottom: 20px; }
.blog-desc .link-cell{ display: block; width: 100%; }
.blog-desc .link-cell a{ font-size: 16px; line-height: 20px; text-decoration: none; position: relative; }
.blog-desc .link-cell a:after{ content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 100%; height: 1px; background: #48A345; transition: all 0.3s ease-in-out; }
.blog-desc .link-cell a:hover{ color: #FF6727; }
.blog-desc .link-cell a:hover:after{ background: #FF6727; width: 0; }
.blog-img .blog-icon{ position: absolute; left: 10px; top: 10px; background: rgba(72, 163, 69, 0.82); width: 66px; height: 66px; display: flex; align-items: center; justify-content: center; }
.blog-img .blog-icon img{ display: block; width: 80%; /*filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);*/ }
.blog-img .blog-icon figure{ display: inline-block; width: 39px; }
.blog-img .blog-icon figure img{ display: block; width: 100%; }
.wishlist-cell{ display: inline-flex; background: #FF6727; padding: 20px 50px 20px 50px; border-radius: 50px; position: absolute; top: -30px; left: 50%; transform: translate(-50%, 0%); }
.wishlist-cell .wish-cell{ display: inline-block; color: #ffffff; font-size: 16px; line-height: 22px; font-weight: bold; position: relative; padding-left: 45px; }
.wishlist-cell .wish-cell:before{ content: ''; display: block; position: absolute; left: 0; top: -2px; background: url(assets/images/heart-icon.svg); background-size: cover; width: 35px; height: 28px; }
.blog-cell-grp .blog-cell:nth-child( 3n + 3 ){ margin-right: 0; }
.wishlist-cell .hand-cell{ display: inline-block; color: #ffffff; font-size: 16px; line-height: 22px; font-weight: bold; position: relative; padding-left: 48px; box-sizing: border-box; margin-left: 22px; }
.wishlist-cell .hand-cell:before{ content: ''; display: block; position: absolute; left: 0; top: -4px; background: url(assets/images/hand-icon.svg); background-size: cover; width: 38px; height: 30px; }
/*end*/

/*partner section*/
/*start*/
.partner-section{ display: block; width: 100%; padding: 50px 0 100px 0; }
.partner-section h2{ margin-bottom: 30px; font-weight: 100; }
.partner-logo-grp{ display: flex; justify-content: space-between; align-items: center; }
.partner-logo-grp .partner-logo{ display: inline-block; margin-left: 0; padding:0 20px; width: 20%; float: left; }
.partner-logo-grp .partner-logo:last-child{ margin-right: 0; }
.partner-logo a{ display: inline-block; width: 100%; }
.partner-logo a figure{ display: block; width: 100%; }
.partner-logo a figure img{ display: block; width: 100%; }
.partner-section .partner-inner{ background: #F4F4F4; padding: 38px 68px 35px 68px; box-sizing: border-box; }
/*end*/

/*inner banner layer*/
/*start*/
.inner-banner-layer{ display: block; height: 265px; background: #E6F3E6; }
/*end*/

/*ideas blog section*/
/*start*/
.ideas-blog-section{ display: block; width: 100%; padding-top: 90px; }
.ideas-blog-section .blog-title{ margin-bottom: 15px; }
.ideas-blog-section .blog-cell-grp .blog-cell { margin-bottom: 70px; }
/*end*/

/*filter section*/
/*start*/
.filter-section{ display: block; width: 100%; background: #E6F3E6; padding-bottom: 26px; margin-top: -45px; transition: all 0.6s ease-in-out; position: relative; top: 0; }
.filter-section.sticky-sec{ position: fixed; top: 74px; z-index: 99; padding-top: 15px; padding-bottom: 15px; margin-top: 0; }
.filter-section h5{ font-size: 18px; line-height: 22px; color: #5D5D5D; font-weight: bold; margin-bottom: 15px; }
.filter-section.sticky-sec h5{ display: none; }
.filter-1 .custom-select{ margin-right: 28px; }
.custom-select{ display: inline-block; float: left; position: relative; width: 255px; }
.custom-select select{ display: none; }
.select-selected{ background-color: white; border: 1px solid #ECECEC; }
.select-selected:after{ position: absolute; content: ""; top: 17px; right: 13px; width: 17px; height: 9px; background: url(assets/images/down-arrow.svg); background-size: cover; transform: rotate(180deg); }
.select-selected.select-arrow-active:after{ top: 18px; transform: rotate(0deg); }
.select-items div,.select-selected{ color: #5D5D5D; cursor: pointer; font-size: 14px; text-align: left; border-radius: 3px; font-family: 'Work Sans', sans-serif; font-weight: 600; }
.select-items{ position: absolute; background-color: #ffffff; top: 100%; left: 0; right: 0; z-index: 99;     border: 1px solid #ECECEC;border-top: 0; padding: 0px 7px 10px 7px; box-sizing: border-box; }
.select-selected{ padding: 10px 15px; }
.select-items div{ color: #5D5D5D; padding: 4px 10px; }
.select-hide{ display: none; }
.select-items div:hover{ color: #FF6727; } 
.same-as-selected{ background-color: #ffebd3; color: #FF6727 !important; }
.filter-1{ display: inline-block; }
.filter-2{ display: inline-block; }
.filter-grp{ display: flex; align-items: center; justify-content: space-between; }
.filter-left-part{ display: inline-block; margin-left: 0; }
.filter-right-part{ display: inline-block; margin-right: 0; }
.search-box{ display: inline-block; width: 347px; position: relative; }
.search-box input[type="text"]{ display: block; width: 100%; height: 42px; background: #ffffff; padding-right: 55px; box-sizing: border-box; background-color: white; border: 1px solid #ECECEC; font-size: 14px; line-height: 22px; color: #5D5D5D; font-weight: bold; }	
.search-box input[type="submit"]{ height: 100%; position: absolute; right: 0; top: 0; width: 50px; background: transparent; font-size: 0px; z-index: 1; }
.search-box:after{ content: ''; display: block; position: absolute; right: 10px; top: 5px; width: 30px; height: 30px; background: url(assets/images/search-icon.svg); background-size: cover; }
.select-selected.select-arrow-active{ border-bottom: 1px solid #ffffff; } 
/*end*/

/*detail section*/
/*start*/
.detail-section{ display: block; width: 100%; padding-top: 105px; }
.detail-section .two-col{ display: flex; }
.detail-section .two-col .col-left{ width: 443px; margin-left: 0; margin-top: 58px; }
.detail-section .two-col .col-right{ width: 630px; margin-right: 0; }
.detail-section .two-col .col-right figure{ margin-bottom: 15px; }
.detail-section h1{ margin-bottom: 37px; }
.detail-cell{ display: block; width: 100%; }
.detail-cell .h5{ display: block; width: 100%; margin-bottom: 12px; }
.detail-cell p{ margin-bottom: 15px; }
.detail-cell{ margin-bottom: 40px; }
.detail-cell p:last-child{ margin-bottom: 0; }
.blog-img{ display: block; width: 100%; }
.blog-slider-img{ display: block; height: 353px; background-size: cover !important; background-position: center center !important; }
.detail-section .blog-img .item{ float: left; }
.detail-section .blog-img .slick-prev{ left: 10px; z-index: 1; opacity: 1; height: 36px; top: 45.5875%; }
.detail-section .blog-img .slick-next{ right: 10px; opacity: 1; height: 36px; top: 45.5875%;}
.detail-section .blog-img .slick-next:before {content: ''; display: block; position: absolute; right: 0; top: 0; width: 18px; height: 36px; background: url(assets/images/right-arrow.svg); background-size: cover; opacity: 1; }
.detail-section .blog-img .slick-prev:before{ content: ''; display: block; position: absolute; left: 0; top: 0; width: 18px; height: 36px; background: url(assets/images/left-arrow.svg); background-size: cover; opacity: 1; } 
.detail-share{ display: flex; justify-content: space-between; width: 100%; margin-bottom: 50px; }
.detail-share .wish-cell{ display: inline-block; color: #ffffff; font-size: 14px; line-height: 22px; font-weight: bold; position: relative; padding-left: 45px; }
.detail-share .wish-cell:before{ content: ''; display: block; position: absolute; left: 0; top: -2px; background: url(assets/images/heart-icon.svg); background-size: cover; width: 35px; height: 28px; }
.wish-area{ display: inline-block; padding: 20px 19px 20px 19px; box-sizing: border-box; background: #48A345; margin-left: 0; }
.wish-area:hover{ background: #FF6727; }
.wish-cell-area {width:55%;}
.detail-social-grp/*, .no-vote*/{ display: inline-flex; background: #F4F4F4; padding: 14px 27px 14px 27px; box-sizing: border-box; align-items: center; margin-right: 0; }
.detail-social-grp figure{ margin-bottom: 0 !important; }
.detail-social-grp .social-icons{ margin-bottom: 0; }
.social-title{ display: inline-block; font-size: 14px; line-height: 22px; color: #5D5D5D;   margin-right: 50px; font-weight: bold; }
.no-vote { display: inline-block; font-size: 14px; line-height: 20px; color: #5D5D5D;  font-weight: bold; }
.detail-social-grp .social-icons img{ filter: grayscale(100%); }
/*end*/

/*further idea section*/
/*start*/
.further-idea-section{ display: block; width: 100%; padding-bottom: 70px; overflow: hidden; }
.further-block{ background: #F4F4F4; padding: 48px 65px 30px 65px; box-sizing: border-box; }
.further-block h2{ margin-bottom: 25px; }
/*end*/

/*submit detail section*/
/*start*/
.submit-detail-section{ display: block; width: 100%; padding-top: 95px; padding-bottom: 80px; }
.submit-detail-section .center-cell{ margin-bottom: 30px; text-align: center; }
.submit-detail-section .btn:hover{ background: #48A345; color: #ffffff; }
.play-video{ display: block; position: relative; max-width: 536px; }
.play-video figure{ display: block; width: 100%; }
.play-video figure img{ display: block; width: 100%; filter: none !important; }
.play-video .play-icon{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.submit-detail-section .two-col{ display: flex; margin-bottom: 85px; }
.submit-detail-section .two-col:last-child{ margin-bottom: 0; }
.submit-detail-section .two-col .col-left{ display: inline-block; margin-left: 0; width: 50%; padding-right: 15px; box-sizing: border-box; }
.submit-detail-section .two-col .col-right{ display: inline-block; margin-right: 0; width: 50%; padding-left: 15px; box-sizing: border-box; }
/*end*/

/*title section*/
/*start*/
.title-section{ display: block; width: 100%; padding-top: 85px; }
.video-center-area{ display: block; padding-top: 35px; padding-bottom: 35px; }
/*end*/

/*accordion section*/
/*start*/
.accordion-section{ display: block; width: 100%; margin-bottom: 95px; }
.accordion-area{ display: block; width: 100%; background: rgba(72, 163, 69, 0.12); padding: 80px 94px 94px 94px; box-sizing: border-box; margin-bottom: 95px; }
.faq-section{ display: block; width: 100%; background: #2b1836; padding: 120px 0 130px 0; }
.faq-section .faq-main-section{ max-width: 770px; }
.faq-main-section{ display: block; width: 100%; }
.faq-cell{ display: block; width: 100%; border-bottom: 1px solid #47A344; }
.faq-que{ display: block; width: 100%; position: relative; padding: 20px 35px 20px 0; box-sizing: border-box; cursor: pointer; }
.faq-que .h6{ margin-bottom: 0; font-size: 16px; line-height: 22px; color: #5D5D5D; font-weight: bold; }
.faq-ans{ display: block; width: 100%; }
.faq-que:before{ content: ''; display: block; position: absolute; right: 12px; top: 31px; width: 20px; height: 1px; background: #FB6728; transform: translate(0%, -50%); transition: all 0.3s ease-in-out; }
.faq-que:after{ content: ''; display: block; position: absolute; right: 21px; top: 31px; width: 1px; height: 20px; background: #FB6728; transform: translate(0%, -50%); transition: all 0.3s ease-in-out; }
.faq-que:hover:before, .faq-que:hover:after{ background: #48A345; }
.faq-main-section .faq-cell.open .faq-que:after{ transform: rotate(45deg); top: 22px; }
.faq-main-section .faq-cell.open .faq-que:before{ transform: rotate(45deg); right: 11px; }
.accordion-section .center-cell{ text-align: center; }
.accordion-section .center-cell .btn:hover{ background: #48A345; color: #ffffff; }
/*end*/

/*tab section*/
/*star*/
.tab-main-area{ display: block; width: 100%; }
.tab-main-area .tab-btn-area{ margin: 0; display: flex; }
.tab-main-area .tab-btn-area .tab-btn{ display: inline-block; list-style: none; margin-left: 0; margin-right: 0; padding: 14px 18px 13px 53px; box-sizing: border-box; }
.tab-main-area .tab-btn{ font-size: 14px; line-height: 18px; color: #CCCCCC; font-weight: 500; cursor: pointer; }
.tab-section{ display: block; width: 100%; overflow: hidden;  }
.tab-section #kategorien, .title-section #how {scroll-padding-top: 250px;}
.tab-group-main-area{ display: block; }
.tab-group-main-area .tab-group{ display: block; height: 0; overflow: hidden; }
.tab-btn#abfallvermeidung,
.tab-btn#stadtsauberkeit,
.tab-btn#richtig-trennen-wertstoffe-gewinnen,
.tab-btn#upcycling-wiederverwendung {scroll-padding-top: 250px;}


.tab-group-main-area .tab-group.show-tab{ display: block; height: auto; overflow: visible; }
.tab-group-main-area{ display: block; width: 100%; background: rgba(72, 163, 69, 0.12); padding: 65px 0 42px 0; box-sizing: border-box; position: relative; }
.tab-group .two-col{ display: flex; }
.tab-group .two-col .col-left{ display: inline-block; margin-left: 0; width: 630px; }
.tab-group .two-col .col-right{ display: inline-block; margin-left: 0; width: 442px; }
.tab-group-main-area:before{ content: ''; display: block; position: absolute; right: 100%; top:0; width: 2000px; height: 100%; background: rgba(72, 163, 69, 0.12); }
.tab-group-main-area:after{ content: ''; display: block; position: absolute; left: 100%; top:0; width: 2000px; height: 100%; background: rgba(72, 163, 69, 0.12); }
.tab-group h3{ font-weight: bold; color: #48A345; }
.tab-group .detail-cell{ margin-bottom: 25px; }
.tab-group p{ max-width: 540px; margin-left: 0; }
.tab-btn span{ font-size: 14px; line-height: 16px; font-weight: 600; }
.tab-btn{ position: relative; }
.tab-btn figure{ display: inline-block; max-width: 32px; position: absolute; left: 15px; top: 9px; }
.tab-btn figure img+img{ display: none; }
.tab-btn.active figure img{ filter: invert(1) !important; }
.tab-btn.active figure img+img{ display: block; }
.tab-btn.active{ background: rgba(72, 163, 69, 0.12); }
.tab-btn.active span{ color: #101921 !important; font-weight: 600; } 
.tab-main-area .tab-btn:hover{ background: #f4f4f4; }
.tab-main-area .tab-btn:hover figure img{ filter: invert(0.7); }
.tab-main-area .tab-btn:hover figure img+img{ display: block; }
.tab-main-area .tab-btn:hover span{ color: #a0a0a0; font-weight: 600; } 
.tab-main-area .tab-btn.active{ background: rgba(72, 163, 69, 0.12); }
/*end*/

/*service gallery slider*/
.service-gallery-slider{ display: block; width: 100%; max-width: 442px; }
.service-gallery-slider .service-thumb-slider{ display: inline-block; width: 100%; margin-left: 0; }
.service-gallery-slider .service-big-slider{ display: inline-block; width: 442px; margin-right: 0; height: 353px; }
.service-big-cell{ display: block; width: 100%; height: 353px; background-size: cover !important; background-position: center center !important; margin-bottom: 12px; }
.thumb-bg-cell{ width: 100%; height: 104px; background-size: cover !important; background-position: center center !important; }
.service-gallery-slider .service-thumb-slider .item{ padding: 0 13px; box-sizing: border-box; }
.service-gallery-slider .service-thumb-slider{ width: calc( 100% + 26px ); margin-left: -13px; }
.slider-info{ display: block; width: 100%; padding-top: 12px; } 
.slider-info h6{ font-size: 16px; line-height: 20px; color: #000000; font-weight: bold; margin-bottom: 5px; }
.slider-info p{ font-size: 16px; line-height: 20px; color: #5D5D5D; }
.slider-info a{ color: #5D5D5D; }
.slider-info a:hover{ color: #48A345; }
/*end*/

/*mobile menu*/
/*start*/
#mobile-menu{ display: block; position: absolute; z-index: 999999; float: left; top: -150vh;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;  }
#mobile-menu:before{ content: ''; display: block; position: fixed; left: 0; top:-100vh; width: 100%; height: 100vh; background: rgba(255,255,255,0.9); transition: all 0.5s ease-in-out; }
#mobile-menu.open:before{ top: 0; }
.menu-trigger.open span{background-color: rgba(0,0,0,.0)}
.menu-trigger.open span:before{top: 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);background: #E74A30; }
.menu-trigger.open span:after{top: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background: #E74A30; }
#mobile-menu .navbar{ background: #48A345; position: absolute; top: 0%; width: 414px; height: auto; left: -101%; box-sizing: border-box; z-index: 99999; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; padding: 0px 0; }
#mobile-menu.open{ top: -45px; }
#mobile-menu  ul ul{ display: none; background: transparent; margin-top: 10px;margin-bottom: 0; }
#mobile-menu  ul ul ul{background: transparent; margin-bottom: 0; }
#mobile-menu  ul ul ul ul{background:rgb(60, 60, 56)}
#mobile-menu  li{ list-style: none; position: relative; display: block;margin: 0; padding: 9px 0px 12px 0px; font-size: 16px; line-height: 22px; }
#mobile-menu  li:before{ display: none; }
#mobile-menu  li:last-child{ border-bottom-width: 0; }
#mobile-menu  em{display: block;position: absolute;top: 0;right: 0;width: 100%;height: 48px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#mobile-menu  em.toggled:after{transform: rotate(0);-moz-transform: rotate(0);-webkit-transform: rotate(0);}
#mobile-menu  em.level-two:before{content: '';position: absolute;width: 0;height: 0;border-style: solid;border-width: 6px 6px 0 6px;border-color: #fff transparent transparent transparent;background-color: transparent;left: 50%;top: 50%;transform: translate(-50% , -50%);-webkit-transform: translate(-50% , -50%);-moz-transform: translate(-50% , -50%);margin: 0;}
#mobile-menu  em.level-two:after{display: none;}
#mobile-menu  em.level-two.toggled{transform: rotate(-180deg);-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg)}
#mobile-menu  li a{ color: #fff;padding: 0;display: inline-block; margin-right: 0; letter-spacing: 0.09em; position: relative; z-index: 1; font-weight: 400; cursor: pointer; }
#mobile-menu  li a:hover{ text-decoration: none; font-weight: bold; }
#mobile-menu  li li{border-color: transparent; }
#mobile-menu  li li a{text-transform: none;padding-left: 0;}
#mobile-menu  li li li a{padding-left: 25px;margin-right: 0;}
#mobile-menu  li li li li a{padding-left: 30px;margin-right: 0; }
.scroll-hidden{overflow: hidden;height: 100%;}
#mobile-menu li > a{ margin-bottom: 0px; position: relative; }
#mobile-menu li > em:after{ content: ''; display: block; position: absolute; right: 10px; top: 19px; width: 9px; height: 5px; background: url(assets/images/mobile-white-arrow-down.png) no-repeat; background-size: cover; pointer-events: none; }
#mobile-menu ul > li > ul > li > em:after{ top:16px; }
#mobile-menu  li li > a{ font-weight: 600; font-size: 13px; line-height: 15px; }
#mobile-menu ul > li{ padding-top: 0; padding-right: 0; padding-bottom: 0; margin-bottom: 10px; }
.navbar ul{ margin: 0; }
#mobile-menu ul > li > ul > li{ padding: 0 20px 0px 14px;  }
#mobile-menu ul > li > ul > li > ul > li:before{ display: none; }
#mobile-menu ul > li > ul > li > ul > li{ padding: 0 20px 0px 14px;  }
#mobile-menu ul > li > ul > li > ul > li> a{ padding: 0; font-weight: normal; }
.mobile-overlay{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 99;-moz-transition: all 0.8s ease;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;opacity: 0;visibility: hidden;}
.mobile-overlay.open{opacity: 1;visibility: visible;}
#mobile-menu ul > li > ul > li > em{ height: 41px; }
#mobile-menu ul > li > ul > li.hassub a:after{ top: 5px;}
#mobile-menu ul > li a:after{ display: none; }
#mobile-menu ul > li.hassub > a:After{ display: inline-block; }
.contact-mb-info{ display: block;width: 100%;padding: 20px 10px;border-top: 2px solid #555555;margin-top: 17px; box-sizing: border-box; }
.contact-mb-info ul{ display: block; width: 100%; float: left; display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: baseline;align-content: stretch;}
#mobile-menu .contact-mb-info ul li{ font-size: 16px; line-height: 18px; color:#fff; font-weight: normal; text-transform: none; border-bottom: 0; padding: 0px 5px; box-sizing: border-box; float: left; }
#mobile-menu .contact-mb-info ul li > a{ font-size: 13px; line-height: 15px; color:#fff; font-weight: normal; }
#mobile-menu .contact-mb-info ul li:before{ display: none; }
.menu-area-mb{ display: block; width: 100%; margin-top: 0; height: auto; max-height: 100vh; padding: 100px 35px 65px 65px; z-index:99999;box-sizing: border-box; }
.menu-area-mb ul{ display: block; }
#mobile-menu ul > li.active > a, #mobile-menu .current_page_item > a { color: #ffffff; font-weight: bold; }
.menu-area-mb ul li{ display: block; float: none; }
.menu-trigger { display: block; width: 42px; height: 42px; position: fixed; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; white-space: nowrap; z-index: 999999; right: 320px; top: -50px; transition: all 1s ease-in-out; }
#mobile-menu.open .menu-trigger{ top:7px; }
.menu-trigger span, .menu-trigger span:after, .menu-trigger span:before{ height: 3px; transition: all 0.5s ease-in-out; } 
.menu-trigger span {position: absolute; display: block; width: 30px; left: 50%; top: 50%; transform: translate(-50% , -50%); -webkit-transform: translate(-50% , -50%); -moz-transform: translate(-50% , -50%); }
.menu-trigger span:after, .menu-trigger span:before {border-radius: 25%; top: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); background: #ffffff; } 
.menu-trigger span:before {top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); background: #ffffff; } .menu-trigger span:after, .menu-trigger span:before { content: ''; position: absolute; left: 0; width: 100%; border-radius: 25%; }
.menu-overlayer{ display: block; position: fixed; width: 0; height: 100vh; right: 0; bottom: 0; background: rgba(0,0,0,0.6); transition: all 0.3s ease-in-out; opacity: 0; }
.menu-overlayer.open { width: 100vw; height: 100vh; opacity: 1; top:0; }
.navbar ul.third-menu, .navbar ul.second-menu{ display: none; margin-top: 25px; border-top: 2px solid #555555; }
.second-menu li .new-post{ float: right; margin-top: 2px; margin-left: 0; margin-right: 0; position: absolute; right: 5px; top:12px; }
#mobile-menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color:  rgb(255 255 255 / 100%); }
#mobile-menu ul > li.active > a, #mobile-menu .current_page_item > a{ font-weight: bold; }
/* end */

/*mobile menu*/
/*start*/
.mb-toggled.mb-closed{ position: absolute; top: 0px; left: 50px; }
.mb-button { display: block; position: absolute; right: 9px; cursor: pointer; }
.mb-button span{ display: block; margin: 0px 0px 3px 0px; height: 3px; background: #000000; width: 20px; float: none; border-radius: 50px; transition: all 0.3s ease-in-out; }
.mb-button:hover span{ background: #48A345; }

.mb-button { display: block;right: 5px; }
.pb-0{ padding-bottom: 0 !important; }
.sub-menu-toggle{ display: none; }
.mb-button span:first-child{ width: 18px; }
.mb-button span:nth-child(2){ width: 15px; }
header .container:after{ content: ''; display: block; position: absolute; left: 0; top: 17px; width: 212px; background: #ffffff; height: 50px; }
header .container:before{ content: ''; display: block; position: absolute; right: 100%; top: 17px; width: 2000px; background: #ffffff; height: 50px; }
.menu-area{ display: inline-block; position: relative; z-index: 1; }
/*end*/

.mb-menu-button{ display: inline-block; float: left; margin-top: 6px; position: absolute; left: 29px; top: 48px; cursor: pointer; }
.mb-menu-button span{ display: block; height: 3px; background: #ffffff; width: 23px; float: none; border-radius: 24px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.mb-menu-button span:last-child{ transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: -3px; margin-left: 0px; }
#mobile-menu ul li.hassub.up-arrow > em:after{ transform: rotate(180deg); }
.lang-cell{ margin-bottom: 50px; }
.admin-cell{ margin-bottom: 75px; }
#mobile-menu .more-navigation ul li{ font-size: 12px; line-height: 16px; margin-bottom: 10px; }
.navbar ul.menu{ margin-bottom: 90px; }
.more-navigation{ display: block; }
.mb-slider{ display: none; }
.center-cell-mb.mb-show{ display: none; }
.blog-slider .slick-dots{ position: absolute; width: auto; padding: 0; margin: 0; list-style: none; text-align: center; display: inline-block !important; bottom: inherit; top: -58px; left: 56%; }
.blog-slider .blog-controller li{ width: 15px; height: 15px; margin: 0 5px; }
.blog-slider .slick-dots li button{  width: 15px; height: 15px; background: #ffffff; border: 1px solid #48A345; border-radius: 50%; transition: all 0.3s ease-in-out; }
.blog-slider .slick-dots li button:hover, .blog-slider .slick-dots li.slick-active button{ background: #48A345; border: 1px solid #ffffff; }
.blog-slider .slick-dots li button:before{ display: none; }
.blog-slider .slick-dotted.slick-slider{ margin-bottom: 0px; }
.blog-slider .slick-dots li{ width: 20px; height: 20px; margin: 0 3px; }
.further-area .mb-show-cell{ display: none; }
.blog-section .blog-slider .slick-dots{ display: none !important; }

/*submit area*/
/*start*/
.submit-area, .page-content-area{ display: block; width: 100%; padding: 100px 0 95px 0; }
.submit-area form{ display: block; width: 100%; }
.submit-area .two-col{ display: flex; }
.submit-area .two-col .col-left{ display: inline-block; margin-left: 0; width: 50%; padding-right: 14px; box-sizing: border-box; }
.submit-area .two-col .col-right{ display: inline-block; margin-right: 0; width: 50%; padding-left: 14px; box-sizing: border-box; }
.submit-area .two-col h2{ font-size: 16px; line-height: 22px; margin-bottom: 5px; color: #000000; font-weight: bold; }
.submit-area .form-cell-grp{ padding-top: 65px; }
.form-cell-grp{ display: block; width: 100%; }
.submit-area .two-col .col-right .form-cell-grp{ padding-top: 85px; }
.field-7-3-cell{ display: flex; flex-wrap: wrap; }
.field-7-3-cell .field-cell{ width: 348px; margin-left: 0; }
.field-7-3-cell .field-cell + .field-cell{ width: 160px; margin-right: 0; }
.field-3-7-cell{ display: flex; }
.field-3-7-cell .field-cell{ width: 160px; margin-left: 0; }
.field-3-7-cell .field-cell + .field-cell{ width: 348px; margin-right: 0; }
.two-text-box{ display: flex; flex-wrap: wrap; }
.two-text-box .field-cell{ width: 254px; margin-left: 0; }
.two-text-box .field-cell + .field-cell{ width: 254px; margin-right: 0; }
.sucess input, .sucess textarea{ border-color: #649F50; }
.required input, .required textarea{ border-color: #F52C2C; }
.submit-area-grp{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.submit-area-grp .btn{ margin: 0; font-size: 14px; line-height: 20px; background: #CCCCCC; padding: 11px 46px; }
.submit-area-grp .btn:hover{ background: #FF6727; color: #ffffff; }
.upload-cell{ display: flex; justify-content: space-between; padding-top: 5px; }
.upload-cell figure{ display: inline-block; max-width: 31px; margin-left: 0; }
.upload-cell figure img{ display: block; width: 100%; }
.file{ opacity: 0; width: 0.1px; height: 0.1px; position: absolute; }
.file-text{ display: inline-block; width: 100%; position: relative; box-sizing: border-box; font-size: 12px; line-height: 16px; color: #5D5D5D; font-family: 'Raleway', sans-serif; font-weight: 600; cursor: pointer; transition: all 0.3s ease-in-out; border: 1px solid #ECECEC; padding: 12px 36px 12px 36px; margin-bottom: 0; }
.file-text:hover{ background: #FF6727; color: #ffffff; }
.field-file-cell{ display: inline-block; margin-right: 0; }
.checkbox-cell{ display: block; position: relative; padding-left: 57px; margin-bottom: 12px; cursor: pointer; font-size: 14px; line-height: 19px; color: #5D5D5D; opacity: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 400; box-sizing: border-box; }
.checkbox-cell input{ position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark{ display: inline-flex; position: absolute; left: 0; top: 0; width: 42px; height: 42px; background: #F4F4F4; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease-in-out; }
.checkbox-cell:hover input ~ .checkmark{ background-color: #ccc; }
.checkbox-cell input:checked ~ .checkmark{ background-color: #F4F4F4; }
.checkmark:after{ content: ""; position: absolute; display: none; }
.checkbox-cell input:checked ~ .checkmark:after { display: block; }
.checkbox-cell .checkmark:after{ width: 16px; height: 16px; background: url(assets/images/message-close-icon.svg); background-size: cover; left: 13px; top: 13px; }
.checkbox-cell .text{ margin-left: 0; }
.checkbox-area{ display: flex; justify-content: space-between; }
.checkbox-area .checkbox-cell{ display: inline-flex; margin-left: 0; width: 33.3%; align-items: center; margin-bottom: 5px; }
.checkbox-cell p{ margin-bottom: 20px; color: #5D5D5D; }
.checkbox-cell p a{ font-weight: bold; color: #5D5D5D; }
.checkbox-cell p a:hover{ color: #FB6727; }
/*end*/

/*contact section*/
/*start*/
.contact-section{ display: block; width: 100%; }
.contact-section .two-col .col-left{ width: 724px; padding-right: 0; }
.contact-section .two-col .col-right{  width: 348px; padding-left: 0; }
.contact-section .two-col .form-cell-grp{ padding-top: 30px; }
.contact-section input[type="submit"]{ min-width: 160px; }
.contact-section .info-img{ display: block; width: 100%; padding-top: 33px; }
.contact-section .info-img figure{ display: block; width: 100%; }
.contact-section .info-img figure img{ display: block; width: 100%; }
.contact-info-cell{ display: block; width: 100%; padding-top: 15px; }
.submit-area .two-col .contact-info-cell .h5{ font-size: 22px; line-height: 46px; color: #48A345; font-weight: bold; margin-bottom: 10px; }
.contact-info-cell p{ color: #000000; font-weight: bold; margin-bottom: 0; }
.contact-info-cell p a{ color: #000000; }
.contact-info-cell p a:hover{ text-decoration: none; color: #FB6727; } 
.contact-info-cell p{ min-height: auto !important; }
/*end*/

.blog-section .mb-show-cell{ display: none; }

/*registration section*/
/*start*/
.registration-section{ display: block; width: 100%; margin-bottom: 60px; padding-top: 30px; }
.registration-section .registration-area{ display: block; width: 100%; max-width: 780px; }
.registration-section .registration-area .tab-group-main-area:before{ display: none; }
.registration-section .registration-area .tab-group-main-area:after{ display: none; }
.registration-section .registration-area .tab-group-main-area{ padding: 30px 30px 30px 30px; box-sizing: border-box; min-height: 500px; }
.registration-section .registration-area .tab-btn span{ font-size: 30px; line-height: 46px; color: #CCCCCC; font-weight: 500; }
.registration-section .registration-area .tab-btn{ padding: 16px 30px 16px 30px; box-sizing: border-box; background: #F4F4F4; }
.registration-section .registration-area .tab-btn.active{ background: #E6F3E6; color: #48A345; }
.registration-section .registration-area .tab-btn.active span{ color: #48A345 !important; }
.registration-section h5{ color: #48A345; font-weight: 500; margin-bottom: 0; }
.registration-section input[type="text"], .registration-section input[type="password"], .registration-section input[type="email"], .registration-section input[type="tel"], .registration-section  input[type="search"]{ background: #ffffff; height: 48px; }
.registration-section .submit-area-grp{ display: block; width: 100%; text-align: right; }
.registration-section .submit-area-grp input{ margin-right: 0; display: inline-block; }
.registration-section .submit-area-grp p{ display: block; width: 100%; text-align: right; float: left; max-width: 100%; margin-top: 6px; padding-right: 5px; box-sizing: border-box; }
.registration-section .submit-area-grp p a{ font-size: 12px; line-height: 18px; color: #5D5D5D; text-decoration: underline; }
.registration-section .submit-area-grp p a:hover{ text-decoration: none; color: #48A345; }
.registration-section .tab-group-main-area .tab-group:first-child{ max-width: 500px; margin-left: 0; }
.registration-section .tab-group-main-area .tab-group:first-child form{ padding-top: 30px; }
.registration-section .tab-group-main-area{ background: transparent; padding: 0 !important; }
.registration-section .tab-group-main-area .tab-group{ padding: 30px 30px 30px 30px; box-sizing: border-box; min-height: 500px; background: rgba(72, 163, 69, 0.12); }
.registration-section .tab-group p {max-width:100%;}
.registration-section .full-area{ display: block; width: 100%; padding-top: 20px; }
.registration-section .two-col{ display: flex; }
.registration-section .two-col .col-left{ display: inline-block; width: 50%; margin-left: 0; padding-right: 14px; box-sizing: border-box; }
.registration-section .two-col .col-right{ display: inline-block; width: 50% !important; margin-right: 0 !important; padding-left: 14px; box-sizing: border-box; }
.registration-section .field-cell .custom-select .select-selected{ background: #ffffff; }
.registration-section .field-cell span { font-size: 12px; line-height: 18px; color: #5D5D5D; padding-top: 10px; display: block; }
.registration-section .select-items div, .registration-section .select-selected{ padding: 12px 10px; }
.registration-section .field-cell span.checkmark{ padding-top: 0; display: inline-block; }
.registration-section .full-area.submit-area-grp{ text-align: left; padding-top: 0; }
.capcha-area figure{ display: block; max-width: 100%; margin-left: 0 !important; text-align: left; }
.capcha-area figure img{ display: block; max-width: 100%; margin-left: 0; }
.capcha-area.mb-capcha{ display: none; }
/*end*/


.wpml-ls-current-language span{ font-weight: bold; }

/* user profile page */
.ideas-sec .container { max-width: 800px; }
.your-ideas-wrapper { margin-top: 40px; }
.your-ideas-wrapper .h1 {
    margin-bottom: 40px;
}
.your-ideas-box {
    position: relative;
    padding-right: 50px;
    padding-bottom: 20px;
    border-bottom: 1px solid #c1c1c1;
}
.your-ideas-box + .your-ideas-box {
    margin-top: 20px;
}
.your-ideas-box .idea-title {
    margin-bottom: 0px;
    color: #48A345;
    font-weight: 400;
    font-size: 18px;
}
.your-ideas-box .idea-title .idea-link {
    text-decoration: none;
}
.your-ideas-box .status-part .idea-status {
    font-size: 18px;
    color: #b2b2b2;
}
.your-ideas-box .status-part .idea-info {
    font-size: 18px;
}
.your-ideas-box .edit-idea {
    position: absolute;
    bottom: 22px;
    right: 0;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5e5e5;
    border-radius: 100%;
    background-color: #f8f8f8;
}
.your-ideas-wrapper .button-group {
    margin-top: 50px;
}
.your-ideas-box .edit-idea:hover {
    background-color: #48A345;
}

.forgot-password-sec legend {
	margin-bottom: 15px;
    font-weight: 700;
    line-height: 36px;
    font-size: 30px;
    margin-left: 0;
    color: #000;
}

.single-idea-sec img {filter: invert(44%) sepia(96%) saturate(1516%) hue-rotate(343deg) brightness(101%) contrast(101%);vertical-align: middle; height: 34px;}
.single-idea-sec span.idea-category { color: #ff6727; vertical-align: middle; margin-left: 5px; font-weight: bold; }

/*.wpulike-robeen .count-box { font-size: 0px; }
.wpulike-robeen .count-box span { font-size: 14px; line-height: 22px;  color: #ffffff; }*/

.addtoany_list { line-height: normal !important; }

.wpulike.wpulike-heart { padding: 0px; }
.wpulike.wpulike-heart .count-box { display: none; }
.wpulike.wpulike-heart .wp_ulike_general_class { padding: 0px; box-shadow: none; }
.wpulike button.wp_ulike_btn { display: inline-block; padding: 20px 19px 20px 19px !important; box-sizing: border-box; background-color: #48A345; margin-left: 0; border-radius: 0px; transition: all 0.3s ease-in-out; }
.wpulike button.wp_ulike_btn:hover { background-color: #FF6727 !important; }
.wpulike button.wp_ulike_btn span { text-transform: none; display: inline-block; color: #ffffff; font-size: 14px; line-height: 22px; font-weight: bold; position: relative; padding-left: 45px; font-family: 'Open Sans', sans-serif; }
.wpulike button.wp_ulike_btn span:before {content: ''; display: block; position: absolute; left: 0; top: -2px; background: url(assets/images/heart-icon.svg); background-size: cover; width: 35px; height: 28px; }
.wpulike.wpulike-heart .wp_ulike_general_class.wp_ulike_is_restricted .wp_ulike_btn {background-color: #F4F4F4 !important;cursor: auto !important;}
.wpulike.wpulike-heart .wp_ulike_general_class.wp_ulike_is_restricted .wp_ulike_btn span {color:#5D5D5D!important; padding: 0;}
.wpulike.wpulike-heart .wp_ulike_general_class.wp_ulike_is_restricted .wp_ulike_btn span:before {display:none !important;}
.ideas-blog-section .center-cell { margin-bottom: 30px; text-align: center; }
.ideas-blog-section .center-cell .load-more:hover { background: #48A345; color: #ffffff; cursor: pointer; }
.contact-section .wpcf7-list-item{ margin-left: 0; }
.contact-section .wpcf7-list-item label input{ display: none; }
.contact-section .wpcf7-list-item label .wpcf7-list-item-label{ padding-left: 57px; display: inline-block; position: relative; color: #5D5D5D; font-size: 16px; font-weight: 400; line-height: 22px; margin-bottom: 20px; }
.contact-section .wpcf7-list-item label:hover input ~ .wpcf7-list-item-label:before{ background-color: #ccc; }
.contact-section .wpcf7-list-item label .wpcf7-list-item-label:before{ display: inline-flex; position: absolute; left: 0; top: 0; width: 42px; height: 42px; background: #F4F4F4; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease-in-out; }
.contact-section .wpcf7-list-item label .wpcf7-list-item-label:after{ content: ""; position: absolute; width: 16px; height: 16px; background: url(assets/images/message-close-icon.svg); background-size: cover; left: 13px; top: 13px; display: none; }
.contact-section .wpcf7-list-item label input:checked ~ .wpcf7-list-item-label:after{ display: block; }
#mobile-menu .lang-cell ul li{ display: inline-block; margin: 0; position: relative; }
#mobile-menu .lang-cell ul li:first-child{ margin-right: 20px; }
#mobile-menu .lang-cell ul li:first-child:after{ content: ''; display: block; position: absolute; right: -11px; top: 5px; width: 2px; height: 17px; background: #ffffff; transform: rotate(13deg); }
#mobile-menu .lang-cell .wpml-ls-statics-shortcode_actions{ padding: 0 !important; }
#loginform .forgetmenot input{ display: none; }
#loginform .forgetmenot label{ padding-left: 57px; display: inline-block; position: relative !important; color: #5D5D5D; font-size: 16px; font-weight: 400; line-height: 22px; box-sizing: border-box; width: auto; cursor: pointer; }
#loginform .forgetmenot:hover input ~ label:before{ background-color: #ccc; }
#loginform .forgetmenot label:before{ content: ''; display: inline-block !important; position: absolute; left: 0; top: -10px; width: 42px; height: 42px; background: #F4F4F4; cursor: pointer; transition: all 0.3s ease-in-out; }
#loginform .forgetmenot label:after{ content: ""; position: absolute; width: 16px; height: 16px; background: url(assets/images/message-close-icon.svg); background-size: cover; left: 13px; top: 4px; display: none; }
#loginform .forgetmenot input:checked ~ label:after{ display: block; }
#loginform .forgetmenot{ height: 40px; padding-top: 10px; }
body ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column{ display: flex; flex-wrap: wrap; }
body ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .column-1{ margin-left: 0; width: 50%; display: inline-block; margin: 0; box-sizing: border-box; padding-right: 14px !important; }
body ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .column-2{ margin-right: 0; width: 50%; display: inline-block; margin: 0; box-sizing: border-box; padding-left: 14px !important; }
body ul.wpuf-form li{ list-style: none !important; padding:0!important;}
.login .submit{ text-align: right; display: block; float: left; width: 100%; }
.login .submit input{ float: right; } 
.login{ text-align: right; }
.login .wpuf-login-form{ text-align: left; }
.wpuf-form-layout1 .wpuf-checkbox-block{ margin-left: 0; }
.wpuf-form-layout1 .wpuf-checkbox-block input{ display: none; }
.wpuf-form-layout1 .wpuf-checkbox-block{ display: inline-block; position: relative; color: #5D5D5D; font-size: 16px; font-weight: 400; line-height: 22px; margin-bottom: 20px !important; cursor: pointer; box-sizing: border-box; }
.wpuf-form-layout1 .wpuf-checkbox-block:hover:before{ background-color: #ccc; }
.wpuf-form-layout1 .wpuf-checkbox-block span{ position: relative; padding-left: 57px; box-sizing: border-box; display: inline-block; }
.wpuf-form-layout1 .wpuf-checkbox-block span:before{ content: ''; display: inline-flex; position: absolute; left: 0; top: 0; width: 42px; height: 42px; background: #F4F4F4; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease-in-out; }
.wpuf-form-layout1 .wpuf-checkbox-block span:after{ content: ""; position: absolute; width: 16px; height: 16px; background: url(assets/images/message-close-icon.svg); background-size: cover; left: 13px; top: 13px; display: none; }
.wpuf-form-layout1 .wpuf-checkbox-block input:checked ~ span:after{ display: block; }

.wpuf-form-layout1 .select-selected:after{ top: 20px; }
.wpuf-form-layout1 .select-selected.select-arrow-active:after{ top: 20px; }
body .wpuf-info { padding:20px 10px !important; /*font-size:16px !important;*/ line-height:1.5; }
body .wpuf-info.wpuf-restrict-message {background: #fcf8e3;border: 1px solid #faebcc;color: #8a6d3b;width: 35%;max-width: 440px;margin: 10px 0 20px 0;padding: 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 13px;}
#wpuf-login-form .wpuf-error {margin:0;}
li.wpuf-el.terms_and_conditions .wpuf-label,
li.wpuf-el.terms_and_conditions_copy .wpuf-label {display: none !important;}
.wpcf7-response-output {display: none;}



.detail-section .blog-img .slick-dots{ width: auto; padding: 0; margin: 0; list-style: none; text-align: center; display: inline-block !important; top: 15px; bottom: inherit; left: 15px; }
.detail-section .blog-img .blog-controller li{ width: 15px; height: 15px; margin: 0 5px; }
.detail-section .blog-img .slick-dots li button{  width: 15px; height: 15px; background: #ffffff; border: 1px solid #ffffff; border-radius: 50%; transition: all 0.3s ease-in-out; margin-right: 0; }
.detail-section .blog-img .slick-dots li button:hover, .detail-section .blog-img .slick-dots li.slick-active button{ background: #48A345; border: 1px solid #ffffff; }
.detail-section .blog-img .slick-dots li button:before{ display: none; }
.detail-section .blog-img .slick-dotted.slick-slider{ margin-bottom: 0px; }
.detail-section .blog-img .blog-desc{ position: absolute; bottom: 3px; padding-top: 0; }
.detail-section .blog-img .blog-slider-img{ position: relative; margin-bottom: 40px; }
.detail-section .blog-img{ margin-bottom: 0;  }
.wpuf-form-add .street{ width: 348px; margin-left: 0; margin-right: 18px; }
.wpuf-form-add .house_number{ width: 160px; margin-right: 0; }
.wpuf-form-add .postcode{ width: 160px; margin-right: 18px; }
.wpuf-form-add .location{ width: 348px; margin-left: 0; }
.wpuf-form-add .cost_estimate_from{ width: 48%; margin-left: 0; margin-right: 4%; }
.wpuf-form-add .cost_estimate_to{ width: 48%; margin-right: 0; }
.wpuf-attachment-upload-filelist{ text-align: right; }
.wpuf-attachment-upload-filelist a, body ul.wpuf-form li .wpuf-fields a.file-selector{ display: inline-block; width: 100%; position: relative; box-sizing: border-box; font-size: 12px; line-height: 16px; color: #5D5D5D; font-family: 'Raleway', sans-serif; font-weight: 600; cursor: pointer; transition: all 0.3s ease-in-out;  border: 1px solid #ECECEC; padding: 12px 36px 12px 36px !important; margin-bottom: 0; box-shadow: none !important; height: auto; background: transparent !important; }
.wpuf-attachment-upload-filelist a:hover,  body ul.wpuf-form li .wpuf-fields a.file-selector:hover{ background: #FF6727 !important; color: #ffffff !important; border: 1px solid #FF6727 !important; }
.wpuf-form-add .wpuf-el.undefined_copy{ margin-bottom: 0; }
.wpuf-form-add .wpuf-el.undefined_copy h6{ margin-bottom: 0; }
.wpuf-el .wpuf-fields.custom-select{ display: flex; flex-wrap: wrap; }
.wpuf-el .wpuf-checkbox-inline{ margin-left: 0; width: 33.2%; margin-right: 0 !important; padding-right: 10px; box-sizing: border-box !important; display: inline-flex !important; align-items: center; min-height: 38px; float: left; position: relative; padding-left: 57px; }
.wpuf-el .wpuf-checkbox-inline input{ display: none; }
.wpuf-el .wpuf-checkbox-inline{ display: inline-block; position: relative; color: #5D5D5D; font-size: 14px; line-height: 19px; font-weight: 400; color: #5D5D5D; margin-bottom: 20px !important; cursor: pointer; box-sizing: border-box; }
.wpuf-el .wpuf-checkbox-inline:hover span:before{ background-color: #ccc; }
.wpuf-el .wpuf-checkbox-inline span{ position: absolute; left: 0; top:0; box-sizing: border-box; display: inline-block; }
.wpuf-el .wpuf-checkbox-inline span:before{ content: ''; display: inline-flex; position: absolute; left: 0; top: 0; width: 42px; height: 42px; background: #F4F4F4; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease-in-out; }
.wpuf-el .wpuf-checkbox-inline span:after{ content: ""; position: absolute; width: 16px; height: 16px; background: url(assets/images/message-close-icon.svg); background-size: cover; left: 13px; top: 13px; display: none; }
.wpuf-el .wpuf-checkbox-inline input:checked ~ span:after{ display: block; }
body ul.wpuf-form.form-label-above li.field-size-large .wpuf-fields select{ display: block; width: 100%;     border: none; padding: 0 10px; color: #5D5D5D; font-size: 14px; height: 42px; background: #F4F4F4; border: 1px solid #ECECEC; width: 100%; box-sizing: border-box;  }
body ul.wpuf-form.form-label-above li.account_select .wpuf-fields select{  height: 48px; background: #ffffff; }
.sticky-logo figure{ display: block; width: 100%; max-width: 100px; }
.sticky-logo figure img{ display: block; width: 100%; }
header.sticky .logo{ display: none; }
header.sticky .inner-logo{ display: none; }
header.sticky .sticky-logo{ display: block; }
header.sticky .container:after{ display: none; }
header.sticky .container:before{ display: none; }
header.sticky .mb-button span{ background: #ffffff; }
header.sticky .mb-button:hover span{ background: #FF6727; }
header.sticky .mb-toggled.mb-closed{ top: 3px; left: 25px; }
header.sticky .logo-area{ top: 14px; }


.play-video .play-icon figure{ transition: all 0.3s ease-in-out; }
.play-video .play-icon figure + figure{ opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; }
.play-video .play-icon:hover figure{ opacity: 0; visibility: hidden; }
.play-video .play-icon:hover figure + figure{ opacity: 1; visibility: visible; }

.login .wpuf-message, .login form label { text-align: left; }

.your-ideas-wrapper .btn:hover, .idea-submit-sec .btn:hover, .register-success-sec .btn:hover { background-color: #48A345; }

footer .three-col .col-right .bt-text p { margin-bottom: 0px; }

.overlay{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(255,255,255,0.8) url("assets/images/loader.gif") center no-repeat;
}

body.loading{
    overflow: hidden;   
}

body.loading .overlay{
    display: block;
}

/*.wpuf-form-add .wpuf-submit{ margin-right: 0 !important; display: inline-flex;  margin-left: inherit !important; float: right; box-sizing: border-box; padding-top: 0;  width: 50%;     padding: 0 15px; }*/

.wpuf-form-add .wpuf-submit { width: 50%; padding: 0 15px; box-sizing: border-box; margin-left: 50%; position: relative; }
.wpuf-form-add .wpuf-submit-button { display: inline-block; position: absolute; right: 15px; }
.wpuf-form-add .btn{ margin-right: 0; border: 1px solid #CCCCCC; }
.wpuf-form-add .btn:after{ background: #CCCCCC; }
.wpuf-form-add .btn:hover{ background: #CCCCCC; color: #fff; }
.wpuf-error-msg {background: #FFE4E4;color: #ffb1b1;font-size: 13px;}

.registration-area .wpuf-form-add .wpuf-submit { width: 100%; margin-left: 0px; }
.registration-area .wpuf-form-add .wpuf-submit-button { /*display: block; position: inherit;*/ }
.registration-area .wpuf-error { text-align: left; }

header .sticky-logo {
    display: none;
}

.search-form input { margin-bottom: 20px; }


.tab-group .detail-cell h4{ font-size: 22px; line-height: 46px; color: #000000; margin-bottom: 12px; display: block; width: 100%; }



.registration-area .tab-group-main-area .tab-group{ display: none; }
.registration-area .tab-group-main-area .tab-group.show-tab{ display: block; }

.registration-area .wpuf-el{ padding: 0; }

.registration-area .wpuf-fields .wpuf-help{ font-style: normal !important; padding-left: 57px; box-sizing: border-box; }

.wpuf_customs li img{ filter: inherit !important; }

.contact-section .two-col .col-right h6{ font-size: 16px; line-height: 22px; margin-bottom: 5px; color: #000000; font-weight: bold; }

.your-ideas-box .idea-title.h6{ margin-bottom: 0px; color: #48A345; font-weight: bold;  font-size: 14px; line-height: 32px; }

.ycd-simple-content-wrapper-2136 .ycd-simple-countdown-number,
.ycd-simple-content-wrapper-2215 .ycd-simple-countdown-number {line-height: 40px;color: #48A345;font-weight: bold;}
.ycd-simple-content-wrapper-2136 .ycd-simple-countdown-label,
.ycd-simple-content-wrapper-2215 .ycd-simple-countdown-label {line-height: 18px;color: #5D5D5D;}
/*.ycd-simple-content-wrapper-2067 .ycd-simple-timer-dots {display: none;}*/

.terms { font-size: 12px; font-weight: normal; }

/*new*/
/*start*/
.service-text-grp .service-text{ position: relative; }
.service-text-grp .service-text:after{ content: ''; display: block; position: absolute; right: -35px; top: 50%; width: 18px; height: 36px; background: url(assets/images/right-arrow-green-cl.svg); transform: translate(0%, -50%); background-size: cover; }
.service-text-grp .service-text:last-child:after{ display: none; }
body .wpuf-loading{ display: none !important; }
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit]{ background: #48A345 !important; }
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit]:disabled,
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit]:disabled { background: #48A345 !important; }

body ul.wpuf-form .wpuf-submit .wpuf-submit-button.button-primary-disabled{ color: #ffffff !important; background: #48A345 !important; border-color: #48A345 !important; }

body ul.wpuf-form.form-label-above li.field-size-large .wpuf-fields{ box-sizing: border-box; }
/*end*/


/*contribution section*/
/*start*/
.contribution-section{ display: block; width: 100%; padding: 100px 0 30px 0; }
.contribution-section .two-col{ display: flex; }
.contribution-section .two-col .col-left{ display: inline-block; width: 50%; margin-left: 0; padding-right: 20px; box-sizing: border-box; }
.contribution-section .two-col .col-right{ display: inline-block; width: 50%; margin-right: 0; padding-left: 20px; box-sizing: border-box;}
.contribution-blog-section{ padding-top: 20px; padding-bottom: 50px; }
.contribution-blog-section .blog-desc{ padding-top: 20px; }
.contribution-blog-section .blog-desc h4, .contribution-blog-section .blog-desc .h4{ margin-bottom: 0px; }
.contribution-blog-section .blog-desc h6, .contribution-blog-section .blog-desc .h6{ margin-bottom: 5px; }
.contribution-blog-section .blog-desc .link-cell {font-size:14px; font-weight:normal;}
/*end*/