.bd-placeholder-img {
          font-size: 1.125rem;
          text-anchor: middle;
          -webkit-user-select: none;
          -moz-user-select: none;
          user-select: none;
        }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
      .f150 {
          font-size: 150%;
          color: darkgreen;
          font-weight: 700;
      }
      .f130 {
          font-size: 130%;
          color: darkgreen;
          font-weight: 700;
          margin-bottom:0px !important;
          line-height: 120%;
          letter-spacing: 150%;
      }
      .l80 {
          line-height: 80%;
          letter-spacing: 150%;
      }
      .navbar-toggler{
	  	    color: #fff;
	  	    background: #0a497b
	  }
	   .navbar-toggler-icon {
		    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
		}
		header .create-your-demo-link {
		    margin: 0 0 0 15px;
		}
    header .active {
		border: 1px solid rgb(255,255,255, 0.5);
        border-radius: 5px;
        background-color: rgb(0,55,200, 0.5)
		}
    .first-line{
		position: relative;
	}
	.first-line.step2{
		opacity: 0.6;
		
	}
	.first-line.step2 .goto-step2{
		display: none;
	}
	.first-line.step2:before{
		position: absolute;
		top:0;
		left:0;
		content: ' ';
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.1);
		border-radius: 15px;
		z-index: 1;
	}
.menu_active {
            color: white;
            font-size: 110%;
            font-weight: bold;
            border: 1px solid white;
}