@charset "utf-8";
 
/* ---- Basic Styling ---- */
* {
 margin: 0;
 padding: 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
 border: none;
 outline: 0;
}
html{
 height: 100%;
 font-family: "CLAASCultivaWeb", Arial, sans-serif;
 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;
}
body{
 height: 100%; 
 font-family: "CLAASCultivaWeb", Arial, sans-serif;
 background-color: #fff;
 color: #000; 
 font-size: 14px; /* main = 16px */
 line-height: 20px; /* main = 24px */
}
h1{
 font-size: 25px;
 line-height: 30px;
 font-weight: normal;
 margin-bottom: 10px;
}
h2{
 font-size: 22px;
 line-height: 27px;
 font-weight: normal;
 margin-bottom: 10px;
}
h3{
 font-size: 16px;
 line-height: 24px;
 font-weight: normal;
 margin-bottom: 5px;
}
a{
 color: #000;
 text-decoration: underline;
}
a:hover{
 color: #888;
}
p{
 margin-bottom: 16px;
}
b, strong{
 font-family: "CLAASCultivaWeb", Arial, sans-serif;
 font-weight: normal;
}
ul{
 list-style: none;
 margin: 0 0 16px 0;
 padding: 0;
}
ul li{
 list-style: square;
 padding: 0;
 margin: 0 0 2px 14px;
}
ol{
 list-style: none;
 margin: 0 0 16px 0;
 padding: 0;
}
ol li{
 list-style: number;
 padding: 0;
 margin: 0 0 2px 18px;
}
.button{
 padding: 10px 20px;
 background: #b3c618;
 display: inline-block;
 margin: 10px 0 30px 0;
 color: #fff;
 text-decoration: none;
}
.button:hover{
 background: #696969;
 color: #fff;
}
.button-contact,
.button-partner{
 padding: 14px 20px 14px 60px;
 background: #eee url(https://image.email.claas.com/lib/fe3815707564057e7d1076/m/1/8d0b2eb9-f6eb-4428-b1f4-1da9bb5df54f.png) 13px center no-repeat;
 background-size: 36px auto;
 display: inline-block;
 margin: 10px 10px 30px 0;
 color: #000;
 text-decoration: none;
}
.button-partner:hover{
 background-color: #999;
 background-image: url(https://image.email.claas.com/lib/fe3815707564057e7d1076/m/1/56e7f22a-01e5-43d9-898c-fa65962bc225.png);
 color: #fff;
}
.button-contact{
 background-image: url(https://image.email.claas.com/lib/fe3815707564057e7d1076/m/1/8c64f720-f164-4b12-9d5a-ea96e1a34738.png);
}
.button-contact:hover{
 background-color: #999;
 background-image: url(https://image.email.claas.com/lib/fe3815707564057e7d1076/m/1/a89d39ba-eb70-48fa-b526-c8d5def12044.png);
 color: #fff;
}


/* ---- Forms ---- */
.form-2-column:after {
  display: table;
  content: '';
  clear: both;
}
.form-column-left{
 width: 48%;
 float: left;
}
.form-column-left-phone{
 width: 110px;
 float: left;
 margin-right: 2%;
}
.form-column-right-phone{
 width: calc(98% - 110px);
 float: left;
}
.form-column-right{
 width: 48%;
 float: left;
 margin-left: 4%;
}
.form-row{
 display: block;
 margin-bottom: 20px;
}
.form-row-no-margin {
  display: block;
  margin-bottom: 0;
}
label{
 display: inline-block;
 margin-bottom: 0px;
}
input, select, textarea{
 font-family: "CLAASCultivaWeb", Arial, sans-serif;
 color: #000; 
 font-size: 16px;
 line-height: 24px;
}
input[type="tel"],
input[type="text"],
input[type="email"]{
 width: 100%;
 background: #eee;
 border: 1px solid #eee;
 padding: 6px 12px;
}
input[type="tel"]:invalid,
input[type="text"]:invalid,
input[type="email"]:invalid,
select:invalid{
  box-shadow: none;
}
input[type="tel"]:-moz-submit-invalid,
input[type="text"]:-moz-submit-invalid,
input[type="email"]:-moz-submit-invalid,
select:-moz-submit-invalid {
  box-shadow: none;
}
input[type="tel"]:-moz-ui-invalid,
input[type="text"]:-moz-ui-invalid,
input[type="email"]:-moz-ui-invalid,
select:-moz-ui-invalid {
  box-shadow: none !important;
}
select{
 width: 100%;
 background: #eee;
 border: 1px solid #eee;
 padding: 6px 12px;
 height: 38px;
}
option{
 width: 100%;
 background: #eee;
 padding: 4px 0 0 0;
}
input[type="radio"]{
 background: transparent;
 margin-right: 6px;
}
input[type="checkbox"]{
 background: transparent;
 margin-right: 6px;
}
textarea{
 width: 100%;
 background: #eee;
 border: 1px solid #eee;
 padding: 6px 12px;
 min-height: 120px;
}
input[type="submit"]{
 width: auto;
 background: #999;
 border: 1px solid #999;
 padding: 6px 12px;
 color: #fff;
 cursor: pointer;
}
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus{
 background: #fff;
 color: #999;
}


/* ---- Template ---- */
#wrapper{
 min-height: 100%;
 margin-bottom: -100px;
}
.page-margin{
 max-width: 900px;
 margin: 0 auto;
}
#content{
 margin-bottom: 80px;
}


/* ---- Header ---- */
#header{
 overflow: hidden;
 margin-bottom: 60px;
}
#logo{
 margin: 30px 0 0 0;
}


/* ---- Responsive Modifications ---- width = 90% 960px*/
@media screen and (max-width: 820px){
 .page-margin{
  width: 99%;
 }
}
@media screen and (max-width: 640px){
 #wrapper{
  margin-bottom: 0;
 }
 #push,
 #footer{
  height: auto;
 }
 #footer-left{
  float: none;
 }
 #footer-left a{
  display: block;
  margin: 0;
 }
 #footer-right{
  float: none;
  text-align: left;
  padding-bottom: 30px;
 }
 #footer .sm{
  margin: 0 8px 0 0;
 }
 
 .form-column-left{
  width: 100%;
  float: none;
 }

 .form-column-right{
  width: 100%;
  float: none;
  margin-left: 0;
 }
}

.toggle {
  display: flex;
}

.accordion {
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.toggle.active + .accordion {
  margin: 20px 0;
  max-height: 999px;
}

hr {
  height: 1px;
  background: #ccc;
  margin-bottom: 20px;
}

.form-columns-3:after {
  display: table;
  content: '';
  clear: both;
}

.form-columns-3 .form-column {
  width: 33.33%;
  float: left;
}