/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.jumbotron{ background:url(../images/jumbo/360bridge.jpg) top center; min-height: 666px; padding-top: 200px; text-align: center; color: #fff}
a, a:link{color: #F0503B}
.jumbotron a.btn{background: transparent; border: 3px solid #fff !important; color: #fff;border-radius: 0px}
.navbar-inverse{background: rgba(255,255,255,.77); background-image: none; height: 132px; border: none}
h1, h2,h3{font-family: 'Roboto', sans-serif; font-weight: 300}
h1 span{font-weight: 500}
h2, h3{color: #F0503B}
.navbar-inverse .navbar-nav>li>a{margin-top: 45px; color: #000; text-shadow: none; padding: 15px 25px}

.navbar-inverse .navbar-nav>li>a.phone{color: #F0503B}
.navbar-brand{ padding-top: 0px}


.introtxt{padding-bottom: 75px}
.ctabg{background:url(../images/cta_bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 30px 0px}
.ctabtn{margin-top: -80px}
a.btn{ background: #000; color: #fff; border-radius: 0px; text-shadow: none}

.signup{background: #F0503B; padding: 25px 0px}
.signup a.btn{background: transparent; border: 3px solid #fff !important; color: #fff;border-radius: 0px; font-size: 20px; padding: 15px 35px}

/* FOOTER */
footer{background: #ECE70E; padding: 25px 0px; color: #000}
footer a.btn{ background: #000; color: #ECE70E; border-radius: 0px}
.nn_sliders.accordion>.accordion-group.active>.accordion-heading>a.accordion-toggle, .nn_sliders.accordion>.accordion-group>.accordion-heading>a.accordion-toggle{background: #F0503B; color: #fff}


@media (max-width: 768px) {
  .jumbotron{min-height: 420px; height: 420px; max-height: 420px; background-size: cover}
.navbar-nav{background: rgba(255,255,255,.78)}
  .navbar-inverse .navbar-nav>li>a{margin-top: 0px; color: #000; text-shadow: none; padding: 9px 25px}
  .navbar-toggle .icon-bar{background: #F0503B}
.navbar-toggle .icon-bar:nth-of-type(2) {
	  top: 1px;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
  	top: 2px;
}

.navbar-toggle .icon-bar {
	  position: relative;
	  transition: all 500ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
	  top: 6px;
	  transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
	  background-color: transparent;
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
	  top: -6px;
	  transform: rotate(-45deg);
}
}