.jumbotron {
  background: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(10px);
  border-radius: 0px;
}

p {
  margin: 10px 0px;
  font-weight: 600;
}

body {
margin: 0;
position: relative;
background-image: url('../img/bg-syngenta.jpg');      
background-position: center center;      
background-repeat: no-repeat;      
background-attachment: fixed;      
background-size: cover;      
background-color: #3d8c37; 
}

.btn-group-lg > .btn, .btn-lg {
  padding: .5rem 2rem .7rem;
}

#left ul li {list-style-type: none;cursor: pointer;font-weight: 600;text-align:right;}
#left ul li.active, ul li:hover {background-color: rgba(40,167,69,.5);color: FFF;position: relative;z-index: 10;}
#left ul li {list-style-type: none;cursor: pointer;font-weight: 600;text-align:right;}
#left ul li.active, ul li:hover {background-color: #41a712;color: #FFF;position: relative;z-index: 10;}
.border-success {border-color: #41a712 !important;}
.btn-success {color: #fff;background-color: #3d8c37; border-color: #3d8c37;cursor: pointer}
.btn-success.focus, .btn-success:focus, .btn-success:hover {background-color: #fff; border-color: #3d8c37; color: #3d8c37;}
.text-success {color: #3d8c37 !important;}
.form-control:focus {border-color: #fff;box-shadow: 0 0 0 .2rem rgb(19, 74, 79);}
.form-group {margin-bottom: 15px;}
.custom-control-indicator {background-color: #fff;margin-top: 0;}
.custom-radio .custom-control-indicator {border-radius: 50%;border: 1px solid #ccd9d5;}
.custom-checkbox .custom-control-indicator {border-radius: .25rem;border: 1px solid #ccd9d5;
}

.btn-info {background-color:#41a712;border-color:#41a712;cursor: pointer}
.btn-info.focus, .btn-info:focus, .btn-info:hover  {background-color:#41a712;border-color:#41a712;}
.text-danger {color: #000 !important;}
.btn-primary {color: #fff;background-color: #41a712;border-color: #41a712;}
.btn-primary:hover { background-color: #39950e; border-color: #39950e;}


.color-success .custom-control-input:active ~ .custom-control-indicator {
  background-color: #3d8c37;
}
.color-success .custom-control-input:checked ~ .custom-control-indicator {
  background-color: #3d8c37;
}
.color-success .custom-control-input:focus ~ .custom-control-indicator {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(223, 169, 52, 0.25);
}

a {color: #3d8c37 !important; text-decoration: underline;}


@media screen and (max-width:500px){
  h1, h2, h3, h4, h5, h6 {font-size: 28px;text-align: center;}
  .jumbotron, .container .jumbotron {margin: 0;padding: 20px;}
  .col-1 {max-width: 0% !important;}
  .col-9 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-bottom: 20px;}
  .btn-group-lg > .btn, .btn-lg {width: 100% !important;}
  .col.align-self-center.mb-4 {padding-top: 15px;padding: 0px !important;}
}