@charset "utf-8";
/* CSS Document */

body {
  background-image: url('../images/gears-3.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	color: #fff;
	font-size: 16px;
	font-family: 'Righteous', cursive;
}

P {font-size: 16px;}

H1 {font-size: 24px;
    background: #666;
    padding: 10px;
	text-align: center;
}

.first-letter::first-letter {
    font-size: 200%;
    color: #fff;
	font-weight: bold;
}
/* .row {background: #fff;
}
*/

.container {/*border-left: 1px solid #fff;
	border-right: 1px solid #fff;*/
	background: #000;
}

.navbar {
    margin: 10px 5px;
}

.navbar-inverse {
    background-color: #FF9009;
    /* border-color: #080808; */
}

.navbar-inverse .navbar-nav>li>a {
    color: #000;
}

.hero {
	border: 1px solid #eee;
}

.herolinks  {text-decoration: none; 
	font-size: 36px; 
	font-weight: bold;
	background: #333;
	padding: 10px 50px;
	border-radius: 15px 50px;
	border: 1px solid #fff;
	color: #FF9009}
.herolinks A:link {text-decoration: none; }
.herolinks A:visited {text-decoration: none; }
.herolinks A:active {text-decoration: none; }
.herolinks A:hover {color: #fff; text-decoration: none;}


.row-white {background: #fff; color: #000; font-size: 14px;}
.row-orange {background: #FF9009; color: #000; padding: 30px 20px;}
.row-blue {background: #6682b5; color: #fff; padding: 30px 20px;}
.row-blue H3 {color: #fff; font-weight: bold;}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}



.img-sponsor {width: 174px; margin: 0px 5px;}
.img-sponsor-md {max-width: 150px;}

.logotext {font-size: 44px; color: #ff;}
.logotext H3 {color: #fff;}


.orange {color: #FF9009; text-decoration: none;}

.footer-head {color: #fff; font-weight: bold; font-size: 18px;}
.footer-bg {background: #333;}
/* .footer-border {border-left: 1px solid #fff; 
	margin: 10px;
}*/

A:link {color: #FF9009; text-decoration: none;}
A:hover {color: #fff; text-decoration: none;}
A:visited {text-decoration: none; color: #eee;}
A:visited {text-decoration: none; color: #FF9009;}

.bottom-border {border-bottom: 1px solid #FF9009; padding: 0 0 10px 0;}

.top-brand-right {
	padding: 50px 0 10px 0; 
	text-align: right; 
	color: #fff;
	font-size: 12px;
}

.logolinks A:link {color: #FF9009; 
	text-decoration: none; 
	font-size: 14px; 
	font-weight: bold;}
.logolinks A:visited {color: #FF9009;}
.logolinks A:active {color: #FF9009;}
.logolinks A:hover {color: #fff;}
.border-right {1px dashed #fff;}
.white {color: #000; background: #fff;}
.grouped {border: 1px solid #fff; padding: 15px;}

.img-xs-align {margin: 20px auto;}

section {
    /* padding-bottom: 0px; */
}

.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 10px;
	font-size: 14px;
}

.quote-blockquote {font-size: 14px;}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
  padding: 20px 0;
}

#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #FF9009;
  border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
}



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}