:root {
  --light-green: #90a175;
  --dark-green:#5d5b36;
  --light-grey: #909090;
  --grey-bg: #343434;
  --main-color-body: #000000;
  --main-color-h: #000000;
  --main-bg-01:#f5f7fb;
  --main-bg-02:#f2f4f8;
  --main-bg-03:#e7e9ee;
  --main-bg-04:#dfe4ee;
  --main-bg-05:#515461;
  --main-color-1: #ffffff;
  --main-color-2: #eeeeee;
  --main-color-3: #999999;
  --main-color-4: #000000;
  --main-link-color-1: #5d5b36;
  --main-link-color-1-in: #90a175;
  --main-border-color-1: #dddddd;
  --main-border-color-2: #999999;
  --main-shadow-2: #eee;
}
.form-control::-webkit-input-placeholder {color: #eee;}
.form-control:-moz-placeholder {color: #eee;}
.form-control::-moz-placeholder {color: #eee;}
.form-control::placeholder {color: #eee;}
.form-control:-ms-input-placeholder {color: #eee;}
html{font-size:22px;}
body{background-color: #fff;  font-family: 'Montserrat', sans-serif; font-weight:400; color:var(--main-color-body); overflow-x: hidden; font-size:.89rem; line-height:1.4rem;}
object{pointer-events: none;}
a{cursor: pointer; color:var(--main-link-color-1);
-webkit-transition: all 150ms linear;-moz-transition: all 150ms linear;-ms-transition: all 150ms linear;-o-transition: all 150ms linear;transition: all 150ms linear;}
a:hover{color:var(--main-link-color-1-in);}

.btn
{-webkit-transition: all 150ms linear;-moz-transition: all 150ms linear;-ms-transition: all 150ms linear;-o-transition: all 150ms linear;transition: all 150ms linear;}

 .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus{box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.2);}
.icon{font-size:2.5rem;}
.btn-primary {
  color: #fff;
  background-color: var(--main-link-color-1);
  border-color: var(--main-link-color-1);
}
 .btn-primary:focus,
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle
 {
  color: #fff;
  background-color: var(--main-link-color-1-in);
  border-color: var(--main-link-color-1-in);
}

.form-control {
    display: block;
    width: 100%;
    height: 44px;
    font-size:.82rem;
    line-height: 1.42857143;
    color: var(--main-color-body);
    background-color: #fff;
    background-image: none;
    border: 1px solid  var(--main-border-color-1);
    border-radius: 1px;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: var(--main-border-color-2);
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    box-shadow: 0 0 0px 4px  rgba(0,0,0,.1);
}
textarea.form-control{min-height:6rem;}
/**/
.checkbox {
  padding-left: 3px;}
  .checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px; }
    .checkbox label::before {
      font-family: "Material Design Icons";
    content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #ced4da;
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 17px;
      color: #ced4da; }
  .checkbox input[type="checkbox"],
  .checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1; }
    .checkbox input[type="checkbox"]:focus + label::before,
    .checkbox input[type="radio"]:focus + label::before {
      outline: none;
       }
    .checkbox input[type="checkbox"]:checked + label::after,
    .checkbox input[type="radio"]:checked + label::after {
    font-family: "Material Design Icons";
    content: "\F415";
    font-size: 17px;
    line-height: 17px;
    margin-left: -23px;
    margin-top: -1px;
      }
    .checkbox input[type="checkbox"]:disabled + label,
    .checkbox input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .checkbox input[type="checkbox"]:disabled + label::before,
      .checkbox input[type="radio"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
  background-color: #2196f3;
  border-color: #2196f3; }
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
  color: #fff; }

.radio {
  padding-left: 20px; }
  .radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px; }
    .radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
    .radio label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 7px;
      height: 7px;
      left: 5px;
      top: 5px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .radio input[type="radio"] {
    opacity: 0;
    z-index: 1; }
    .radio input[type="radio"]:focus + label::before {
       }
    .radio input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }

/**/
h1,.h1,h2,.h2,h3,.h3,h4,.h4, h5{font-family: 'Montserrat', serif; font-weight:700;color:var(--main-color-h);}
h5, .h5 {font-size: 1.0rem;}
h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a{color:var(--main-color-h); text-decoration: none;}
h1 a:hover,.h1 a:hover,h2 a:hover,.h2 a:hover,h3 a:hover,.h3 a:hover,h4 a:hover,.h4 a:hover{color:var(--main-color-h); text-decoration: underline;}
.btn{border-radius:0px;font-size:.65rem; padding: .5rem 2rem; font-weight:700; text-transform: uppercase;}

.checkbox label { padding-left: 25px; text-align: left; font-size:.6rem;}
.checkbox input[type="checkbox"], .checkbox input[type="radio"] {display: inline;}
.checkbox {padding-left:0;}
.checkbox label::before {border: 1px solid var(--main-border-color-1); border-radius: 1px;margin-left: -1px;}
.checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before {
background-color: var(--main-link-color-1);border-color: var(--main-link-color-1);}
.checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after {
  font-family: "Material Design Icons";
  content: "\F12C";
  font-size: 17px;
  line-height: 17px;
  margin-left: -4px;
  margin-top: -1px;
}
small, .small {font-size: 0.875em; line-height: 140%;}
.decor span{position: relative;}
.decor span:before{content:""; width:150px; height:1px; border-top:2px solid var(--main-border-color-2);position:absolute; top:50%; left:-170px;}
.decor span:after{content:""; width:150px; height:1px; border-top:2px solid var(--main-border-color-2);position:absolute; top:50%; right:-170px;}

.menu a.link {
  color: var(--main-color-1);
  text-decoration: none;
  font-weight: 400;
  padding-left: .5rem; padding-right: .5rem;
  font-size:.82rem;
}
.offcanvas .nav-link {
  position: relative;
  font-weight: 400;
  display: block;
  padding: 0.75rem 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
  padding-right: 1rem;
  padding-left: 1rem;
  font-size:.82rem;
  color: var(--main-color-body);
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  border-top: 1px solid var(--main-bg-04);
}
.logo img {
  height: 75px;
}
.form-box{background-color:var(--light-green); color:var(--main-color-1);}
.footer{background-color:var(--main-bg-02); font-size:.75rem; }
.footer h2, .footer h3, .footer a{ text-decoration: none;}



/*slider
*/

/* medium and up screens */

  .carousel.slide{
    padding-left:2.5rem;
        padding-right:2.5rem;
  }
.carousel-item{background-color: #fff;}

/**/
#kontakt b{font-weight: 600;}
#kontakt .form-control{
  background-color:var(--main-color-1);
  color:var(--main-color-1);
  border-radius: 12px;
}
#kontakt .form-control:focus {
  border-color: var(--main-color-1);
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  box-shadow: 0 0 0px 4px rgba(255,255,255,.1);
}
#kontakt .form-box{margin-top:0; padding-top:2rem;}
#kontakt #send{margin-bottom:-1rem;}
.container{position:relative; z-index:1;}

/**/
/**/
.form-box {
  background-color: var(--light-green);
  color: var(--main-color-1);
}
.form-box h1, .form-box h2,.form-box h3,.form-box h4,.form-box h5{ color: var(--main-color-1);}
ul { list-style-type: disc; }
ul > li { list-style-type: disc; font-weight: 700; padding-bottom:.3rem;}
ul ul { list-style-type: disc;color: black;}
ul ul > li { list-style-type: disc; font-size:.79rem;font-weight: 400;padding-bottom:.1rem;}
/* Dodatkowo, stylizowanie markerów za pomocą ::marker */
ul > li::marker { color: var(--main-link-color-1); }
ul ul > li::marker { color: black; }
/**/

@media (min-width: 768px) {
  body{font-size: 1rem;line-height:1.5rem;}
    .menu a.link {padding-left: .5rem; padding-right: .5rem;}
/**/
/**/

}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .menu a.link {padding-left: .5rem; padding-right: .5rem;}


/**/
/**/
}
@media (min-width: 1200px) {
  .menu a.link {padding-left: 1rem; padding-right: 1rem;}
  /**/
 
  /**/
}
@media (min-width: 1400px) {
  .menu a.link {padding-left: 1.5rem; padding-right: 1.5rem;}
}