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


html {
  scroll-behavior: smooth;
}

body {

	overflow-x: hidden;
	font-family: 'Baloo 2', cursive;
  padding-top: 3rem;
  /*padding-bottom: 3rem;
  background:#272727;*/
  background:rgb(30,30,40);
  color:white;
  /*color: #5a5a5a;*/
}
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

.offset:before {
  height: 2rem;
  margin-top:2rem;
  content:"";
  display:block;
}

.jumbotron{
  border-radius:0;
  padding:3rem 0 2rem;
}
h3.heading{

  font-size:1.9rem;
  color:#474443;
  font-weight:bold;
  text-transform: uppercase;
  padding-bottom: 1.9rem;
}
.heading-underline{
  width: 3rem;
  height: .4rem;
  background-color:#00ae90;
  margin:0 auto 2rem;
}
/*------------------------------------
- NAVBAR
------------------------------------*/
.navbar {

	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.9rem;
	letter-spacing: 0.1rem;
	background: rgba(0,0,0,.8)!important;
      margin-bottom:1.8rem;  
}	  
.navbar a:hover{
  text-decoration: none;
}

.navbar-nav li {
	padding-right: .7rem;
}  
	.navbar-dark .navbar-nav .nav-link{
		color:white;
		padding-top:.8rem;

	}  
	.navbar-dark .navbar-nav .nav-link.active,
	.navbar-dark .navbar-nav .nav-link:hover{	  
	
		/*color:#1ebba3;*/
		color:#00ae90;
	
	}
	  
/*------------------------------------
- COLOR primary /Bootstrap 4
------------------------------------*/

a, h5 a {
	color:#00ae90;
}
a:hover{
color:#00ae90;
opacity: 0.7;

}
.alert-primary {
    color: #00332a;
    background-color: #7bffe8;
    border-color: #66ffe4;
}

.alert-primary hr {
    border-top-color: #4dffe0;
}

.alert-primary .alert-link {
    color: #000000;
}

.badge-primary {
    color: #fff;
    background-color: #00ae90;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
    color: #fff;
    background-color: #ff7b65;
}

.bg-primary {
    background-color: #00ae90 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #ff7b65 !important;
}

.border-primary {
    border-color: #00ae90 !important;
}

.btn-primary {
    color: #fff;
    background-color: #00ae90;
    border-color: #00ae90;
}

.btn-primary:hover {
    color: #fff;
    background-color: #008a72;
	opacity:0.8;
    border-color: #00ae90;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 174, 144, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #00ae90;
    border-color: #00ae90;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #00ae90;
    border-color: #006b59;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 174, 144, 0.5);
}

.btn-outline-primary {
    color: #00ae90;
    background-color: transparent;
    border-color: #00ae90;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #00ae90;
    border-color: #00ae90;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 174, 144, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #00ae90;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #00ae90;
    border-color: #00ae90;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 174, 144, 0.5);
}

.list-group-item-primary {
    color: #00332a;
    background-color: #66ffe4;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #00332a;
    background-color: #4dffe0;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #00332a;
    border-color: #00332a;
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #66ffe4;
}

.table-hover .table-primary:hover {
    background-color: #4dffe0;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #4dffe0;
}

.text-primary {
    color: #00ae90 !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #ff7b65 !important;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited, .btn-primary:focus, .btn-primary:active:focus {
background-color: #00ae90;}



/* Slider
-------------------------------------------------- */


/* Declare heights because of positioning of img element */
.carousel-item {
  height: 65vh;
}


/* 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;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


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

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

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


 #myBtn {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 99;
}

/* cookie script
-------------------------------------------------- */

#cookie {
	position: fixed; 
	bottom: 0; left: 0; 
	right: 0; 
	background: #eee; 
	padding: 20px; 
	color:#474443;
	}
#cookie a.button {
	cursor: pointer; 
	background: #ccc; 
	padding: 8px 20px; 
	margin-left: 10px; 
	border-radius: 5px; 
	font-weight: bold; 
	float: right;
	}
#cookie a.button:hover {
	background-color: #aaa;
	}
#cookie p.cookiemessage {
	display: block; 
	padding: 0; 
	margin: 0;
	}



/* 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;
  }
}

/*contact FORM */

form { max-width:420px; margin:50px auto; }

.feedback-input {
  color:white;
  font-family: Helvetica, Arial, sans-serif;
  font-weight:500;
  font-size: 18px;
  border-radius: 5px;
  line-height: 22px;
  background-color: transparent;
  border:2px solid #00ae90;
  transition: all 0.3s;
  padding: 13px;
  margin-bottom: 15px;
  width:100%;
  box-sizing: border-box;
  outline:0;
}

.feedback-input:focus { border:2px solid #CC4949; }

textarea {
  height: 150px;
  line-height: 150%;
  resize:vertical;
}