/* ======= GOTOFSBO DESIGN CLASSES ======= */

	.page-title
	{
		font-size:1.4rem;
		padding-top:1.5rem;
		padding-bottom:1.5rem;
		font-weight:normal;
		color:#444;
	}

	.ribbon
	{
	  position: absolute;
	  left: -5px; top: -5px;
	  z-index: 1;
	  overflow: hidden;
	  width: 75px; height: 75px;
	  text-align: right;
	}
	.ribbon span
	{
	  font-size: 10px;
	  font-weight: bold;
	  color: #FFF;
	  text-transform: uppercase;
	  text-align: center;
	  line-height: 20px;
	  transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	  width: 100px;
	  display: block;
	  background: #79A70A;
	  background: linear-gradient(#103554 0%, #000000 100%);
	  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	  position: absolute;
	  top: 19px; left: -21px;
	}
	.ribbon span::before
	{
	  content: "";
	  position: absolute; left: 0px; top: 100%;
	  z-index: -1;
	  border-left: 3px solid #000000;
	  border-right: 3px solid transparent;
	  border-bottom: 3px solid transparent;
	  border-top: 3px solid #000000;
	}
	.ribbon span::after
	{
	  content: "";
	  position: absolute; right: 0px; top: 100%;
	  z-index: -1;
	  border-left: 3px solid transparent;
	  border-right: 3px solid #000000;
	  border-bottom: 3px solid transparent;
	  border-top: 3px solid #000000;
	}
	
	/* color scheme: links #86242a */
			
	ul.nav li a, ul.nav li a:visited {
	    color: #anycolor !important;
	}

	ul.nav li a:hover, ul.nav li a:active {
	    color: #anycolor !important;
	}

	ul.nav li.active a {
	    color: #anycolor !important;
	}
	
	.jumbotron
	{
		padding-left:0;padding-right:0;padding-bottom:0;padding-top:4rem;
		background-image: url("../img/gotofsbo-header-background.jpg");
		background-size: cover;
	}
	
	.jumbotron-overlay
	{
		/*
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		*/
		/*
		background-color: #212529;
		opacity: 0.3;
		*/
		background-color: rgba(0,0,0,0.6);
		color:#fff;
	}
	
	.btn-danger {color:#fff;background-color:#bf0000;border-color:#bf0000}
	
	.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;
	}

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

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

	@media (min-width: 40em) {
    .featurette-heading {
      font-size: 50px;
  }
}

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

  .carousel-control-next,
  .carousel-control-prev {
      filter: invert(100%);
  }
  .jumbotron-nav
  {
  	color:#cbcbcb;
  }
  .jumbotron-nav.active
  {
	  border-bottom:1px solid #bababa;
	  color:#fff;
  }

  /* pricing styles */
  
  /* ======= BLOCK PRICING ======= */

  .pricing-block {
      display: inline-block;
      position: relative;
      width: 100%;
      margin-bottom: 30px;
      border-radius: 6px;
      color: rgba(0, 0, 0, 0.87);
      background: #fff;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }

  .block-caption {
      font-weight: 700;
      font-family: "Lato", "Times New Roman", serif;
      color: #3C4857;
  }

  .block-plain {
      background: transparent;
      box-shadow: none;
  }

  .pricing-block .category:not([class*="text-"]) {
      color: #3C4857;
  }

  .block-background {
      background-position: center center;
      background-size: cover;
      text-align: center;
  }

  .block-raised {
      box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  }

  .block-background .table {
      position: relative;
      z-index: 2;
      min-height: 280px;
      padding-top: 40px;
      padding-bottom: 40px;
      max-width: 440px;
      margin: 0 auto;
  }

  .block-background .block-caption {
      color: #FFFFFF;
      margin-top: 10px;
  }

  .block-pricing.block-background:after {
      background-color: rgba(0, 0, 0, 0.7);
  }

  .block-background:after {
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 100%;
      display: block;
      left: 0;
      top: 0;
      content: "";
      background-color: rgba(0, 0, 0, 0.56);
      border-radius: 6px;
  }





  .block-pricing {
      text-align: center;
  }

  .block-pricing .block-caption {
      margin-top: 30px;
  }

  .block-pricing .table {
      padding: 15px !important;
      margin-bottom: 0px;
  }

  .block-pricing .icon {
      padding: 10px 0 0px;
      color: #3C4857;
  }

  .block-pricing .icon i {
      font-size: 55px;
      border: 1px solid #ececec;
      border-radius: 50%;
      width: 130px;
      line-height: 130px;
      height: 130px;
  }

  .block-pricing h1 small {
      font-size: 18px;
  }

  .block-pricing h1 small:first-child {
      position: relative;
      top: -17px;
      font-size: 26px;
  }

  .block-pricing ul {
      list-style: none;
      padding: 0;
      max-width: 240px;
      margin: 10px auto;
  }

  .block-pricing ul li {
      color: #3C4857;
      text-align: center;
      padding: 12px 0;
      border-bottom: 1px solid rgba(153, 153, 153, 0.3);
  }

  .block-pricing ul li:last-child {
      border: 0;
  }

  .block-pricing ul li b {
      color: #3C4857;
  }

  .block-pricing ul li i {
      top: 6px;
      position: relative;
  }

  .block-pricing.block-background ul li,
  .block-pricing [class*="table-"] ul li {
      color: #FFFFFF;
      border-color: rgba(255, 255, 255, 0.3);
  }

  .block-pricing.block-background ul li b,
  .block-pricing [class*="table-"] ul li b {
      color: #FFFFFF;
  }

  .block-pricing.block-background [class*="text-"],
  .block-pricing [class*="table-"] [class*="text-"] {
      color: #FFFFFF;
  }

  .block-pricing.block-background:after {
      background-color: rgba(0, 0, 0, 0.7);
  }

  .block-background:not(.block-pricing) .btn {
      margin-bottom: 0;
  }

  .pricing-block .table-primary {
      background: linear-gradient(60deg, #ab47bc, #7b1fa2);
  }


  .pricing-block [class*="table-"] .block-caption a,
  .pricing-block [class*="table-"] .block-caption,
  .pricing-block [class*="table-"] .icon i {
      color: #FFFFFF;
  }

  .block-pricing .block-caption {
      margin-top: 30px;
  }

  .pricing-block [class*="table-"] h1 small,
  .pricing-block [class*="table-"] h2 small,
  .pricing-block [class*="table-"] h3 small {
      color: rgba(255, 255, 255, 0.8);
  }

  /* ======= BLOCK TABLE COLOR ======= */

  .pricing-block .table-primary {
      background: linear-gradient(60deg, #ab47bc, #7b1fa2);
      border-radius: 6px;
      box-shadow: 0 16px 26px -10px rgba(156, 39, 176, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
  }

  .pricing-block .table-info {
      background: linear-gradient(60deg, #26c6da, #0097a7);
      border-radius: 6px;
      box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
  }

  .pricing-block .table-success {
      background: linear-gradient(60deg, #66bb6a, #388e3c);
      border-radius: 6px;
      box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
  }

  .pricing-block .table-warning {
      background: linear-gradient(60deg, #ffa726, #f57c00);
      border-radius: 6px;
  }

  .pricing-block .table-danger {
      background: linear-gradient(60deg, #ef5350, #d32f2f);
      border-radius: 6px;
      box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);
  }

  .pricing-block .table-rose {
      background: linear-gradient(60deg, #ec407a, #c2185b);
      border-radius: 6px;
      box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2);
  }

  .pricing-block [class*="table-"] .category,
  .pricing-block [class*="table-"] .block-description {
      color: rgba(255, 255, 255, 0.8);
  }

  /* ======= PRICING BUTTONS  ======= */

  .btn.pricing-button,
  .navbar > li > a.btn.pricing-button {
      border: none;
      border-radius: 3px;
      position: relative;
      padding: 12px 30px;
      margin: 10px 1px;
      font-size: 12px;
      font-weight: 400;
      text-transform: uppercase;
      letter-spacing: 0;
      will-change: box-shadow, transform;
      transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .btn.btn-round.pricing-button {
      border-radius: 30px;
  }




  /* btn-white */
  .btn.btn-white {
      color: #3C4857;
      background-color: #fff;
      border-color: #fff;
      box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
  }

  .btn.btn-white:focus,
  .btn.btn-white:active,
  .btn.btn-white:hover {
      box-shadow: 0 4px 4px 0 rgba(153, 153, 153, 0.24), 0 3px 1px -2px rgba(153, 153, 153, 0.3), 0 1px 5px 0 rgba(153, 153, 153, 0.32);
  }