@font-face 
{
    font-family: hobo;
    src: url(../fonts/HoboStd.otf);
}
#logo
{
	background-color:;
}
#rkrubber
{
	text-align:center;
	font-family:hobo;
	color:#0078ac;

}
h1
{
	font-size:3.5em;
	
	
}
#right
{
	height:90px;
	background-color:;
	text-align:center;
}

#fb
{
	width:35px;
	height:35px;
	border-radius:20px 20px 20px 20px;
	background-color:;
	float:right;
	overflow:hidden;
	background-image:url(fb.png);
	
}
#like
{
	float:left;
	margin-top:7px;
	margin-left:18px;
}
#navigation
{
	margin-top:10px;
	background-color:;

}
#carousel-373882 img
{
	width:100%;
	height:100%;
}
#welcome
{
	background-color:#fd6003;
	padding-top:5px;
	height:30px;
	margin-top:10px;
	text-align:center;
	color:#fff;		
}
#about
{
	padding-left:15px;
}
@keyframes product 
{
    0% {top:0px;}
	20% {top:0px;}
	85% {top:-1300px;}
    100% {top:-1300px;}

}

#productbox
{
	border:thin dashed; 
	border-top:none;
	height:690px; 
	overflow:hidden;
}
#ourProduct
{
	width:200px;
	height:800px;
	position:relative;
	background-color:;
	animation:product 13s infinite alternate;
	-webkit-animation:product 13s infinite alternate ;
	-moz-animation:product 13s infinite alternate ;
	-o-animation:product 13s infinite alternate ;
	
}
#ourProduct:hover 
{
	-webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

#product
{
	margin-top:15px;
	width:200px;
	height:150px;
	background-color:green;
	 
}


@keyframes product1 
{
    0% {left:0px;}
	10% {left:0px;}
	90% {left:-1460px;}
    100% {left:-1460px;}

}

#productbox1
{
	height:180px;
	border:thin dashed;
	border-top:none;
	overflow:hidden;
	padding:15px;
	background-color:;
		
}



#ourProduct1
{
	width:2500px;
	height:150px;
	position:relative;
	background-color:;
	padding:0px;
	animation:product1 25s infinite alternate;
	-webkit-animation:product1 25s infinite alternate ;
	-moz-animation:product1 25s infinite alternate ;
	-o-animation:product1 25s infinite alternate ;		
}

#ourProduct1:hover 
{
	-webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

#product1
{
	width:100%;
	float:left;
	margin-left:15px;
}
#footer
{
	background-color:#fd6003;
	padding-top:5px;
	padding-bottom:5px;	
	margin-top:10px;
	text-align:center;
	color:white;
}
#orange
{
	height:30px;
	padding-top:5px;
	background-color:#fd6003;
	margin-top:10px;
	color:white;
}
#padding
{
	padding-left:12px;
	padding-right:12px;
}
.navbar-default
{
	background-color:#fd6003;
	border-color:#e7e7e7;
	margin-bottom:10px;
}
.navbar-default .navbar-nav > li > a
{
	color:white;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a:hover
{
	background-color:#0098ca;
	color:white;
}
.navbar-default .navbar-nav > .active > a
{
	color:white;
	background-color:#0098ca;
}


#slide1
{
	background-image:url(../img/ban1.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
}
#slide2
{
	background-image:url(../img/ban2.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
}

#slide3
{
	background-image:url(../img/ban3.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.carousel-caption
	{
		background-color:;
		text-align:center;
		font-family:hobo;
		padding:0px 0px 0px 0px;
		font-size:2em;
		left:5%;
		right:5%;
	}
@media(max-width:579px)
{
	.item
	{
		height:180px;
	}
	.carousel-caption
	{
		background-color:;
		text-align:center;
		font-family:hobo;
		padding:0px 0px 0px 0px;
		font-size:0.8em;
		left:5%;
		right:5%;
		top:75%;
	}
	#about
	{
		padding-left:0px;
	}
	

	
}		
@media(min-width:580px)
{
	.item
	{
		height:200px;
	}
	.carousel-caption
	{
		background-color:;
		text-align:center;
		font-family:hobo;
		padding:0px 0px 0px 0px;
		font-size:1.2em;
		left:5%;
		right:5%;
		top:78%;
	}
	#about
	{
		padding-left:0px;
	}
	

	
}	
@media(min-width:768px)
{
	.item
	{
		height:200px;
	}
	.carousel-caption
	{
		background-color:;
		text-align:center;
		font-family:hobo;
		padding:0px 0px 0px 0px;
		font-size:1.2em;
		left:5%;
		right:5%;
		top:78%;
	}
	#about
	{
		padding-left:0px;
	}
	
	

	
}
@media(min-width:992px)
{
	.item
	{
		height:250px;
	}
	.carousel-caption
	{
		background-color:;
		text-align:center;
		font-family:hobo;
		padding:0px 0px 0px 0px;
		font-size:1.8em;
		left:5%;
		right:5%;
		top:78%;
	}
	#plug
	{
		width:140px;
		height:35px;
		background-color:#0098ca;
		border-radius:20px 20px 20px 20px;
		margin-top:10px;
		margin-right:30px;
		float:right;
	}
	#about
	{
		padding-left:15px;
	}
	
	
}
@media(min-width:1200px)
{
	.item
	{
		height:300px;
	}
	.carousel-caption
	{
		background-color:;
		text-align:center;
		font-family:hobo;
		padding:0px 0px 0px 0px;
		font-size:2.2em;
		left:5%;
		right:5%;
		top:80%;
	}
	#plug
	{
		width:140px;
		height:35px;
		background-color:#0098ca;
		border-radius:20px 20px 20px 20px;
		margin-top:10px;
		margin-right:50px;
		float:right;
	}
	#about
	{
		padding-left:15px;
	}
	
	
}


.carousel-indicators
{
	bottom:-5px;
}
}


/*
orange : #fd6003
blue : #0098ca
*/