/** ----------------------------------------------------------
 *
 * Contains the main layout of the page and the individual styles.
 * Acts as the main stylesheet for theme.
 *
 *		Include your notes or table of contents below....
 *		Include color hex's or values of your grid
 *
 *		1. OOCSS GRID
 *		2. MAIN LAYOUT
 *		3. HEADER
 *			- Brand
 *			- Search Form
 *		4. Navigation
 *			- Primary Navigation
 *			- tablet Navigation
 *			- Secondary Navigation
 *			- Secondary Nav 2-5 Levels deep
 *		5. Mixed
 *		6. Footer
 *		7. Page Specific Layout
 *			- Homepage
 *			- Search Results
 *		8. Device and Responsive Layout
 *			- Breakpoint 960px
 *			- Breakpoint 640px
 *				- Search Form
 *				- Main Content
 *		9. Print Styles
 *			- Simple Theme custom print styles
 *
 * 
 * ------------------------------------------------------- */

/* OOCSS Grid
* https://github.com/stubbornella/oocss/wiki/grids
*/
		/* Default tag selections*/
		body {
			padding-top:150px;
		
			background-repeat:no-repeat;
			background-position:center;
			background-attachment: fixed;
		
			background-color:rgb(232, 232, 232);

			
		}
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}
input[type="text"].text {
	background-color:#FFF;
	color:#222;
}
input[type="email"].text {
	background-color:#FFF;
	color:#222;
}
textarea.textarea {
	background-color:#FFF;
	color:#222;
}




.quote-block {
	width:20%;position:absolute;
	top:150px;left:11%;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;
	background-color:rgba(0,0,0,0.9);
	z-index:1029;
}
.quote-block-inline {
	width:100%;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;
	padding-top:1px;
	background-color:rgba(0,0,0,0.9);

}
.inner-panel {
	background-color:#FFF;

	border-radius:4px;
	padding:20px;
	margin:20px;
	padding-top:1px;
}		

/* Carousel classes */
	
    /* CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */
    .carousel {
      margin-bottom: 60px;
    }

    .carousel .container {
      position: relative;
      z-index: 9;
    }

    .carousel-control {
      
      margin-top: 0;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
      z-index: 10;
    }

    .carousel .item {
      height: 700px;
    }
    .carousel img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      height: 700px;
    }

.topPageCarousel {
	      background-color: rgba(0,0,0,0.6);
}
    .carousel-caption {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

			border-radius:4px;
      position: static;
      max-width: 550px;
      padding: 20px 20px;
      margin-left:40%;
      margin-top: 200px;
      text-align:center;
			margin-top:20%;
    }
    .carousel-caption h1,
    .carousel-caption .lead {
      margin: 0;
      line-height: 1.25;
      color: #fff;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
    .carousel-caption .btn {
      margin-top: 10px;
    }

.modal-header {
	background-color:#FFF;
}

.modal-content {
	background-color:transparent;
	
}


    /* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width: 979px) {

      .carousel .item {
        height: 500px;
      }
      .carousel img {
        width: auto;
        height: 500px;

      }

    }


    @media (max-width: 767px) {

      
      .carousel {
        margin-left: -20px;
        margin-right: -20px;
      }
      .carousel .container {

      }
      .carousel .item {
        height: 300px;
      }
      .carousel img {
        height: 300px;
      }
      .carousel-caption {
        width: 100%;
				max-width:767px;
        padding: 0 70px;
				margin-top:40px;
        padding-top: 30px;
				margin-left:0%;
      }
      .carousel-caption h1 {
        font-size: 30px;
      }
      .carousel-caption .lead,
      .carousel-caption .btn {
        font-size: 18px;
      }
    }


   
		/* OTHER */
.header-container {
	width:100%;
	padding-left:10px;
	
}
		
		
		.leftAlone {
			margin:8px;
		}

				.jumbotron p {
			font-size:18px;
		}
		
		img.left {
			float:left;
			margin:10px;
		}
		
		.dropdown-menu > .dropdown-item {
			color:#555;
		}
		.dropdown-menu > .dropdown-item:hover {
			color:#DDD;
			background-color: #a50414 !important;
		}
		

		
		.child-center {
			text-align:center;
		}
		button.snippet.well.well-sm {
			width:100%;
		}
		
		
		.jumbotron {
			background-color:#FFF;
		}

		/*Navbar properties */
		
		.navbar-fixed-top {
			top:80px;
		}
		.navbar-fixed-top.upper-tier {
			top:0px;
			height:81px;
			background-image: url(../images/background.png);
	
			

			background-position: 0% 50%;
			
			background-attachment: fixed;
		}
		
		.navbar-brand img {
			z-index:101;
			width:230px;
			
		}
		.contact-widget .list-group .list-group-item {
			padding:0px;
			border:none;
			font-size:1.3em;
			font-weight:bold;
			color:#333;
			background-color:transparent;
		}
		
		.quickview .col-sm-4 {
			height:100%;
		}
		
		.quickview .col-sm-4.breif-spiel {
			font-size:1.1em;
			margin-top:16px;
			font-style:italic;
		}
		
		.contact-widget {
			margin-top:14px;
		}
		.header-tagline {
			color:#CCC;
			font-style:italic;
			
			margin-top:16px;
		}
		.sidenav .panel.panel-info {
			border:none;
		}
		
		.profile-image {
			margin-top:5px;
		
			width:99px;
		}
		.profile-image.small {
			width:70px;
		}
		.vcenter {
			display: inline-block;
			vertical-align: middle;
			float: none;
		}
		.inline-input {
			position:absolute;
			top:5px;
			right:50px;

		}
		.inline-input .btn {
			padding:1px;
						padding-left:4px;
			padding-right:4px;
		}
		
		.navbar-default, .sidenav .panel .panel-heading {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#424242+0,494949+13,545454+25,131313+100 */
background: rgb(66,66,66); /* Old browsers */


		}
		.sidenav .panel .panel-heading {
			font-size:1.3em;
			color:#FFF;
		}
		.navbar-default .navbar-nav > li > a {
			color:#FFF;
		}
		.navbar-default .navbar-nav > li > a:hover {
			color:#BBB;
		}
		
		.nav .btn-group-vertical {
			width:100%;
		}
		
		.nav .btn-group-vertical button {
			overflow:hidden;
		}
		
		.nav .btn {
			width:100%;
		}
		.content .sidenav {
			background-color:transparent;
		}
		.sidenav .panel .panel-body {
			padding:0px;
		}
		/* Left nav bar*/
		.sidenav .panel .panel-body .btn {
			border-radius:0px;
		}
		.navbar {
    margin-bottom: 0;
    z-index: 1030;
    border: 0;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    letter-spacing: 0px;
    border-radius: 0;
}

.navbar li a, .navbar .navbar-brand {
    
}

.navbar-nav li a:hover, .navbar-nav li.active a {
    color: #a50414 !important;
    background-color: #fff !important;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
    color: #fff !important;
}

    /* Set height of the grid so .sidenav can be 100% (adjust if needed) */
    .row.content {height: 1500px}
    
    /* Set gray background color and 100% height */
    .sidenav {
      background-color: #f1f1f1;
      height: 100%;
    }
    
    /* Set black background color, white text and some padding */
    footer {
      background-color: #555;
      color: white;
      padding: 15px;
    }

    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
			
      .sidenav {
        height: auto;
        padding: 15px;
      }
      .row.content {height: auto;} 
    }
.jumbotron.homepage {
	border-top-left-radius:0px;
	border-top-right-radius:0px;
}

/* FOOTER */
footer:after { /* clearfix */
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

.footer a { /* adds color transition when links/inputs on hover */
    -moz-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}
.footer a.brand { color: #CCC; margin-left: 0; }
.footer a.brand:hover { color: #FFF; }


.footer {
    color: #999;
    background: #343434;
    padding: 20px 0;
    font-size: 11px;
    line-height: 22px;
}
	.footer a {
	    color: #999;
	}
	.footer a:hover {
	    color: #EEE;
	}
	.footer .left {
	    float: left;
	    color: #000;
	    display: block;
	    margin-bottom: 10px;
	}
	.footer .right {
	    float: right;
	    display: block;
	    margin-bottom: 10px;
	}
	.footer span {
	    padding: 0 3px;
	    color: #bbb;
	}
	.footer .primary,
	.footer .primary ul {
	    display: inline;
	    margin: 0;
	    padding: 0;
	}
		.footer .primary li {
		    display: inline;
		}
	.ie6 .footer .primary li,
	.ie7 .footer .primary li { /* this is a bugfix for ie6/7 */
	    display: inline;
	    zoom: 1;
	    margin-right: 10px;
	}
	.footer .primary li:after { /* adds '/' to separate the footer navigation items */
	    padding: 0 3px 0 5px;
	    content: '/';
	    color: #999;
	}
	.footer .primary li:last-child:after {
	    content: ''; /* makes sure last nav item doesn't have a '/' following it */
	}
	.footer .arrow {
	    padding: 0 8px 0 5px;
	    color: #999;
	    font-size: 13px;
	}
	.footer .primary .nav-open-button {
	    display: none; /* the footer includes the primary nav include - this makes sure the nav open close button doesn't show up */
	}