@charset "utf-8";

/* CSS Document */

html, body { height: 100%; }

body
{
	background: #262626;
	background-attachment: fixed;
	font-family: 'Oswald', sans-serif;
	
}

/* Logo */

.brand
{
	height: 100px !important;
	padding: 20px 0 !important;
}

.navbar-inverse .navbar-brand
{
	color: #f14823;
	padding: 5px;
}

.navbar-inverse { background: transparent; }

.navbar-inverse .navbar-nav>li>a
{
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	font-size:16px;
	font-weight:bold
}
.navbar-inverse .navbar-nav>li>a:hover{color:#aa0000;}
.navbar-nav>li
{
	float: left;
	/*border-right: solid 1px #8a0121;
	-webkit-box-shadow: 1px 0px 1px 0px rgba(252, 252, 252, 0.5);
	-moz-box-shadow: 1px 0px 1px 0px rgba(252, 252, 252, 0.5);
	box-shadow: 1px 0px 1px 0px rgba(252, 252, 252, 0.5);*/
	text-transform: uppercase;
}
.form-control{

/* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
box-shadow:0px 1px 1px 1px rgba(0,0,0,0.2);

    color: #828282;
	text-shadow: 0 1px 0 #fff;
    font-family: 'Oswald', sans-serif;

	}
.btn-danger{
color:#fff;
    /* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
background: #ff3019; /* Old browsers */
background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
box-shadow:0px 1px 1px 1px rgba(0,0,0,0.2);
    cursor:pointer;
}
.btn-danger:hover{background: rgb(204,0,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(204,0,0,1) 0%, rgba(204,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,0,0,1)), color-stop(100%,rgba(204,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(204,0,0,1) 0%,rgba(204,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(204,0,0,1) 0%,rgba(204,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(204,0,0,1) 0%,rgba(204,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(204,0,0,1) 0%,rgba(204,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
    color:#fff;}
	
.full-width-jumbotron
{
	margin-top: -20px!important;
	height: 500px!important;
	margin-bottom: 30px!important;
	background: #000 url(../img/main-img.jpg) no-repeat center top;
}

.slider
{
	background-image: url(../img/slider-background.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	max-width: 572px;
	padding: 14px 13px 14px 12px;
	margin-top: 100px;
}

.embed-container { position: relative; padding-bottom: 56%; height: 0; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { 
position: absolute; 
top: 29.8%; 
left: 25%; 
width: 572px; 
 padding: 14px 13px 14px 12px;
height: 309px;
background-image: url(../img/slider-background.png);
    background-repeat: no-repeat; }

/*.btn-success {
color: #fff;
background-color: #241300;
border-color: #000;
}*/
.footer{width:100%;text-align:center;color:#fff;margin-top:15px;font-family: 'Oswald', sans-serif;font-size:18px;}
/*
footer
{
	color: #f14823;
	border-top: solid 1px #f14823;
	padding-top: 10px;
	font-family: 'Roboto Condensed', 'sans-serif';
}

footer a { color: #f14823; }*/
@media screen and (max-width: 1024px){
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; 
top: 36%; 
left: 20%;
 }	
}

@media screen and (max-width: 812px) {

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; 
top: 47%; 
left: 10%;
 }





}



@media screen and (max-width: 768px) {

.navbar-nav>li
{
	float: left !important;
	width:100%!important;
	border-right: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	text-transform: uppercase !important;
}

.navbar-collapse { background-color: #262626; }

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; 
top: 0; 
left: 1%; 
width: 100%; 
height: 100%;
background:none;
 }	
.background-img { background:none no-repeat right bottom; 	height: 515px;}
.full-width-jumbotron
{
	background: url(../img/main-img-2.jpg) no-repeat center top !important;
	background-size: 100% auto !important;
}
}

@media (max-width:480px) {

.slider
{
	background-image: url(../img/slider-background.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	max-width: 320px;
	padding: 3px 3px 3px 3px;
	margin-top: 25px;
}
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; 
top: 0; 
left: 1%; 
width: 100%; 
height: 100%;
background:none;
 }
.full-width-jumbotron
{
	margin-top: -20px !important;
	height: 100px !important;
	margin-bottom: 100px !important;
	background: url(../img/main-img-2.jpg) no-repeat center top!important;
	background-size: 100% auto !important;
}

.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse { background:#262626;}

.navbar-nav>li>a {
line-height: 4px;
}
}
