body *{
  font-family:'Open Sans',sans-serif;
}
body{
  overflow-x: hidden;
}
h1{
  font-size: 2.1em;
  color: #fff;
  line-height: 1.6;
  margin-bottom: 1.4em;
  font-weight:bold;
  margin-bottom:0;
}
h3{
  color: #0d8e39;
  padding-top: .6em;
  margin-bottom:1em;
}
.content{
  background: #f6f6f6;
}
main{
  border-top: 5px solid #87bc55;
}
.content .row{
  background: #fff;
  padding-top: 3em;
  padding-bottom: 3em;
}
.content p+ul{
  margin-top:-0.4em;
}
.content li{
  color: #0d8e39;
  margin-bottom: .3em;
}
.content li span{
  color:#454545;
}
.sub-heading{
  line-height:1.6;
}
.products .item{
  margin-bottom: 0.5em;
  position: relative;
  max-width: 580px;
  padding: 6em 4em;
  text-align:center;
}
.products .item img{
  margin:0 auto;
  display:block;
}
.products .item .logo-wrap{
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 392px;
}
.logo-wrap img:first-child{
  margin-right:50px;
}
.products h3{
  padding-top: 1.4em;
  padding-bottom: .8em;
  font-size: 1.25em;
  font-weight: 600;
}
.products p{
  line-height: 1.7;
  font-size: 1em;
margin-bottom: 3em;
padding: 0 2.5em;
}
.products .money-s3 h3{
  color:#0d8e39;
}
.products .money-s3{
  border-top: 5px solid #4B97CE;
  background:#efefef;
}
.products .erp-money{
  border-top: 5px solid #87bc55;
}
.products .erp-money h3{
  color:#0d8e39;
}
.feature-slider__image img{
  margin-top:2.5em;
}
.slick-slide img{
  margin-left:auto;
  margin-right:auto;
}
.quote-slider{
  padding-top: 1em;
  padding-bottom:0em;
}
.gray{
  background: #f5f5f5;
}
.icon-box{
  padding-left: 2em;
  padding-right: 2em;
}
.hero{
  background:url('http://www.money.cz/wp-content/uploads/paralax-bg.jpg');
  background-position:center;
  background-size:cover;
  padding: 3em 0 5em;
  background-attachment: fixed;
}
.hero .icon img{
      margin-bottom: 2em;
}
.hero .hero__content .sub-heading{
  max-width: 100%;
  color: #bdcdd8;
  line-height: 1.8;
  margin-bottom: 1em;
  font-size: 1.1em;
  padding-left: 1em;
  padding-right: 1em;
}
.hero .date{
  text-align:left;
  color:#bdcdd8;
  padding-left:140px;
  background:url('http://www.money.cz/wp-content/uploads/calendar.png');
  background-position:0 50%;
  background-repeat:no-repeat;
  font-size: 1.1em;
  line-height:1.7;
}
.button.ghost{
      background: transparent;
      font-weight: bold;
      transition: all .3s ease;
      display:block;
      max-width:380px;
      margin-left:auto;
      margin-right:auto;
}
.button.blue.ghost{
    color: #0d8e39;
    border: 3px solid #0d8e39;
}
.button.blue.ghost:hover{
   color: #fff;
   background: #0d8e39;
}
.button.green.ghost:hover{
   color: #fff;
   background: #0d8e39;
}
.button.green.ghost{
    color: #0d8e39;
    border: 3px solid #0d8e39;
}
.date strong{
  color:#fff;
}
.hero .separator{
  display: block;
  height: 1px;
  width: 320px;
  background: #6b8faa;
  margin-top: 3.5em;
  margin-bottom: 3.5em;
  margin-left: auto;
  margin-right: auto;
}
span.green{
  color:#86ba54;
}
.transparent.button{
  background: transparent;
  color: #6fb457;
  background-image: url(http://www.money.cz/wp-content/uploads/link.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  font-weight: 600;
  text-decoration:none;
}
.transparent.button:hover{
  background-position: 5px 50%;
  transition: all .3s ease;
}
.hero .green.button--hollow{
  color: #fff;
  background-image: url(http://www.money.cz/wp-content/uploads/arrow.png);
  background-repeat: no-repeat;
  background-position: 1em 50%;
  background-color: #87bc55;
  padding-left: 3.2em;
  padding-right: 1.5em;
  text-transform: uppercase;
  font-size: 1.2em;
  margin: 0;
  border: 2px solid #fff;
}
.hero .green.button--hollow:hover{
  background-position: 1em 60%;
  transition: all .3s ease;
  background-color: #77a74b;
}
h2{
  line-height: 1.7;
  font-size: 2em;
  font-weight: 600;
  margin-bottom: .4em;
  color: #0d8e39;
  padding-top: .8em;
}
h2.title{
  text-align: center;
  margin-bottom: 1em;
}
main p,main ol,main ul{
  color: #454545;
font-size: 1.15em;
line-height: 1.5;
margin-bottom: 1em;
}
.info-box{
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  border-radius: 2px; margin: 10px 0px;
  padding: 0px 15px 0px 60px;
  max-width: 600px;
  margin: 2.5em auto;
  position: relative;
  border: 3px solid #0d8e39;
}
.info-box .fa{
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top:-25px;
  font-size: 50px;
  line-height: 1;
  color: #0d8e39;
}
blockquote{
  color: #454545;
    font-size: 1.15em;
    line-height: 1.5;
    margin-bottom: 1em;
    padding: 2em;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    position: relative;
    display: block;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
li ul,li ol{
  font-size:100%;
}
.needs{
  margin-bottom: 2.5em;
}
.icon-box--hollow__icon .text p{
  color: #686868;
  font-size: 1em;
  line-height: 1.6;
}
.input-field.active label{
  color:#abd7a1;
}
.button.ghost-white{
  color: #fff;
  background-color: transparent;
  padding:.9em 1.5em;
  font-weight:600;
  text-transform: uppercase;
  font-size: 1em;
  margin: 0;
  border: 2px solid #fff;
}
.clearer{
  clear:both;
}
.web-app .cross .icon-box {
  margin-top:0;
}
.hero__overlay{
  position: absolute;
  width: 100%;
  height: calc(100% + 20em);
  background: #1b18185e;
  top:0;
  display:none;
}
.hero{
  overflow: hidden;
  position: relative;
}
.ms-3{
  background-color:#eaeaea;
  background-image:url('http://www.money.cz/wp-content/uploads/ms3-pattern.png');
  background-repeat:repeat;
}
.ms-3 p{
  font-size: 1.625rem;
  text-align: center;
  color:#292929;
}
.ms-3 a{
  color:#6fb457;
  text-decoration: underline;
  transition:all .3s;
}
.ms-3 a:hover{
  color:#66a750;
}
.input-submit .ajax-loader{
  display:none;
}
.screen-reader-response{
  display:none;
}
.wpcf7-not-valid-tip{
  position: absolute;
  min-width: 300px;
  left: 0;
  background-color: #ff0101;
}
@media screen and (max-width:1200px){

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

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

}
@media screen and (max-width:767px){
  .hero{
    padding:1em 0 2em;
  }
  h2{
    font-size: 1.4em;
    font-weight:600;
  }
  .hero .green.button--hollow{
    font-size:1em;
  }
  main p, main ol, main ul {
    font-size:1em;
  }

  .web-app .highlight {
    margin: 0.5625rem;
  }
  .icon-box--hollow__icon .icon {
    text-align: center;
  }
  .hero__overlay{
    display:block;
  }
  .cross .text p{
    max-width:100%;
  }
  .ms-3 p{
    font-size: 1.225rem;
  }
}