/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 1rem;
  padding-bottom: 2rem;
  color: #655874;
  font-family: 'Poppins', sans-serif;
}

h1,h2,h3,h4,h5,h6 {
  color: #3D2F53;
  font-weight: 700;
  margin-bottom: 1rem;
}

.header h1 {
  margin: 7rem auto 3rem auto;
}
.header p {
  margin-bottom: 5rem;
}

p {
  margin-bottom: 2rem;
}

a {
  color: #00935E;
  text-decoration: none;
}
a:hover {
  color: #00935E;
}

header {
  margin-bottom: 2rem;
}

nav a {
  font-weight: 600;
  color: #655874;
}

.top-green-line {
  background-color: #A3D775;
  width: 4px;
  height: 240px;
  left: -1.5rem;
  top: 6rem;
}
.top-div {
  height: 360px;
  width: 98%;
  margin: 0 1% 0 1%;
  bottom: 0;
}
.bg-grey {
  width: 98%;
  margin: 0 1% 0 1%;
  background: #3D2F530A 0 0 no-repeat padding-box;
  padding: 0 32px 0 32px;
}

.row-margin-bottom {
  margin-bottom: 4rem;
}

.realization-wrapper {
  margin-bottom: 4rem;
}

.realization-wrapper .realization-img {
  margin-left: 4%;
}

.realization-wrapper .realization-bar {
  height: 48px;
  width: 96%;
  font-weight: 600;
  font-size: 18px;
  background-color: #ffffff;
  bottom: -24px;
  left: 0;
  padding-left: 4%;
  transition: left 0.5s;
}
.realization-wrapper .realization-bar:hover {
  left: 1rem;
}
.realization-wrapper .realization-bar .realization-title {
  line-height: 48px;
  max-width: 300px;
}
.realization-wrapper .realization-bar .arrow {
  width: 48px;
  margin: 8px 0 8px 0;
  padding-left: 12px;
  border-left: #EBE9ED 1px solid;
}
.more-realization {
  font-weight: 600;
}

span.ico {

}
span.ico img {
  padding-right: 1rem;
}

.cooperation-div {
  margin-bottom: 5rem;
}

.cooperation-icon {
  width: 88px;
  height: 88px;
  margin-bottom: 32px;
}
.cooperation-icon-img {
  margin: 24px 0 0 26px;
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition:         transform .8s ease-in-out;
}
.cooperation-icon-img:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.contact-box {
  padding: 27px 31px 27px 31px;
  margin-bottom: 2rem;
}
.contact-box.white {
  background: #ffffff;
}
.contact-box p {
  margin-bottom: 0;
}
.contact-box a {
  font-weight: 600;
  text-decoration: none;
}
.contact-address {
  line-height: 2rem;
}

ul.green li {
  line-height: 2.5rem;
}
ul.green li::marker {
  color: #78C157;
}

.divider {
  margin: 32px auto 32px auto;
  width: 96px;
  height: 4px;
}
.divider .left {
  width: 48px;
  height: 4px;
  background: #A3D775;
  float: left;
}
.divider .right {
  margin-top: 3px;
  width: 48px;
  height: 1px;
  background: #EBE9ED;
  float: right;
}

.btn-jhplan {
  font-weight: bold;
  color: #3D2F53;
  background-color: #FBD97D;
  border-color: #FBD97D;
}
.btn-jhplan:hover {
  color: #3D2F53;
  background-color: #F6D068;
  border-color: #F6D068;
}
.btn-jhplan.btn-lg {
  font-size: 1rem;
  padding: 1rem 2rem;
}
.btn-jhplan.shadow {
  box-shadow: 0 .5rem 1rem rgba(251,226,125,.8)!important;
}
.btn-jhplan.shadow:hover {
  box-shadow: 0 .5rem 1rem rgba(246,208,104,.8)!important;
}

.form-floating>label {
  font-weight: 600;
}

.form-check-input:checked {
  background-color: #00935E;
  border-color: #00935E;
}

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #00935E;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 147, 94, 0.25);
}

.color-green {
  color: #00935E;
}
.bg-green {
  background-color: #00935E;
}
.barvy {
  /* #A7D979 */
  /* 655874
  /* #78C157 */
  /* #00935E */
  /* #FBD97D */
  /* #3D2F53 */
  /*  */
  /*  */
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.carousel {
  margin-right: 4%;
}



/*.carousel {*/
/*  margin-bottom: 4rem;*/
/*  margin-right: 4%;*/
/*}*/

/*.carousel-caption {*/
/*  bottom: 3rem;*/
/*  z-index: 10;*/
/*}*/


/*.carousel-item {*/
/*  height: 32rem;*/
/*}*/
/*.carousel-item > img {*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  min-width: 100%;*/
/*  height: 32rem;*/
/*}*/




/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}