/* Gwidon-CUSTOM-GARAGE main stylesheet */
/* Autor: Mateusz Maćkowiak	*/

/* bootstrap no-padding */
 .container-fluid, .row-fluid, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
 	padding:0;
 }
	
/* end bootstrap no-padding */

body {
	background:url("../images/backg.png") no-repeat top left	;
	background-color:#000;
	padding-top:70px;
}

.clear {
	clear:both;
}

header {
		margin:0;
}

#logo-txt {
	float:left;
	background:#000;
	padding:9px;
	margin-top:-1px;
	text-align:center;
	border:1px solid #313131;
}

#logo-txt img{
	height:50px;
	float:left;
}


#logo-img {
	float:left;
	text-align:left;
}
	#logo-img img{
		margin:15px 0 15px 50px;
		height:40px;
	}

#menu {
	background:url("../images/menu.png");
	height:70px !important;
	border-top: 1px solid #000;
	border-bottom:1px solid #000;
	-webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
       -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
	z-index:999;
}

.navbar-collapse[aria-expanded="true"] {
	float:right;

}

.navbar-collapse[aria-expanded="true"] #main_menu {
	float:right;
	width:220px;
	font-size:22px;
	background:#313131;
	border: 1px solid #000;
}

.navbar-collapse[aria-expanded="true"] #main_menu li {
	float:none;
	padding:5px;
}

.navbar-collapse[aria-expanded="true"] #main_menu li::before {
	content: "";
}

#main_menu {
	float: right;
	padding-top:15px;
	padding-right:25px;
	font-weight:bold;
}

button.navbar-toggle {
	margin-top:20px;
}

#main_menu li {
	float:left;
}

#main_menu li::before {
	content: "/ ";
	float:left;
	padding:15px 0;
}


#main_menu li a {
	color:#c0c0c0;
	text-shadow: 1px 1px #000;
}

	#main_menu li a.active  {
		color:#F17800;
		cursor:default;
	}
		#main_menu li  a.active:hover {
			color:#F17800;
		}

	#main_menu li a:hover {
		color:#fff;
	}

main {
	padding:0;
	margin:0;
}
/* SLIDESHOW HOME */
 #slideshow_main {z-index:900; width:100%; height:500px; margin-top:-5px; padding:0;  overflow:hidden;}
 
 #left_arrow {width:57px; height:69px; margin:170px 0 0 0; left:20px;
 background:url(../images/arrow_left.png);position: absolute; z-index:5;opacity:0.5;}
    #left_arrow:hover {opacity:1; }
 #right_arrow {width:57px; height:69px; margin:170px 0 0 0; right:20px;
 background:url(../images/arrow_right.png);position: absolute; z-index:5; opacity:0.5;}
 	#right_arrow:hover {opacity:1; }
 
#carousel {width:4000px; padding:0;}
#slides ul {list-style:none; padding:0; position: relative;}
#slides ul li {float:left;}

#slides li img {
    max-width: 100%;
	width:800px; 
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */;
}

#slides li.active img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

/* SUBMENU */
#sub_menu {margin:10px auto 40px auto; width:100%; height:180px;}
#sub_menu div {
	text-align:left;
}
  #sm_bikes, #sm_contact, #sm_news, #sm_aboutus  { width:100%; display:inline-block; position:relative; margin:0; min-height: 150px;}

/* FADING */
div.fadehover {
	position: relative;
	}
 
img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
        }
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
	}
/* // FADING */   

.fixed-nav {
	position:fixed;
	top:0;
	width:100%;
	height:70px;
	z-index:999;
}

#fake_menu {
	display:none;
	height:70px;
	width:100%;
}

#menu {

	z-index:999;

}

footer {
	margin-top:10px;
	background:#000;
	width:100%;
	height:90px;
	border-top: 1px solid #313131;
	background:url("../images/menu.png");
}

.footer_site_author {
	float:right;
	margin:15px 20px;
	color:#666;
}

	.footer_site_author a{
		color:#F17800;
	}
	.footer_site_author a:hover{
		text-decoration:underline;
	}

.footer_copyrights {
	margin:0 0 20px 20px;
	color:#666;
}

#footer_menu {
	margin:15px 20px;
	padding:0;
}

#footer_menu li {
	display:inline-block;
	margin-right: 5px;
}

#footer_menu li::before {
	content: "/";
}

	#footer_menu a li {
		color:#F17800;
	}

	#footer_menu a:hover li {
		color:#fff;
	}


	/* MOTO */

	.moto_item {
		margin-top:10px;
            background:#222;
		border:5px solid #000;
	box-shadow: inset 0px 0px 0px 1px rgba(7,7,7,1);
            padding:5px;
	}

	.moto_item:hover {
		border:5px solid #F17800;

	}
.moto_img {
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1);
	padding:1px;
}
	.moto_img img {
		width:100%;
	}

	.moto_name {
		display: inline-block;
		font-weight:bold;
			padding:5px 5px 0px 5px;
	}

	.moto_name a {
			color:#F17800;
			font-size: 16px;


	}

	.bike_name {
		color:#F17800;
		font-size:26px;
		font-weight:bold;
		margin-top:30px;
		background:#222;
		padding:10px;
		border:1px solid #222;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1);
	}

	.bike_name a {
		color:#f0f0f0;
	}

	.bike_desc {
		background:#f0f0f0;
		padding:10px;
		border:1px solid #222;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1);

	}
	.bike_gallery {
		margin:30px 0;
		padding:0 0;
  /* Prevent vertical gaps */
  line-height: 0;
   
  -webkit-column-count: 3;
  -webkit-column-gap:   0px;
  -moz-column-count:    3;
  -moz-column-gap:      0px;
  column-count:         3;
  column-gap:           0px;
	}

	.bike_gallery .bike_item {

	}

	.bike_gallery img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
		background:#f0f0f0;
		padding:5px;
		border:1px solid #222;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1);
	}


	.contact a {
		color:#F17800;
	}