@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);
*{margin:0; padding:0;}
body{font-family: 'Roboto', sans-serif!important; font-size:100%; background:#333;}
table{font-family: 'Roboto', sans-serif!important;}

a img{border:none;}
h2{color:red;}
h4{color:white;}
.wrapper{width:1200px; margin:0 auto; background:rgba(255,255,255,1); position:relative; box-shadow: 0 0 5em #FFF;background: #fff;}

.header{width:1200px; float:left;}
.menutop{width:1200px; float:left; background:rgba(255,255,255,0.3); min-height:50px; position:absolute; z-index:99;}
.logo{width:200px; float:left; margin:10px 0 0 10px;}
.nav{margin:10px 0 0 30px; width:950px; float:left;}
.nav ul{list-style-type:none;}
.nav ul li a{width:180px; height:30px; dispaly:block; line-height:30px; text-decoration:none; background:black; color:white; text-align:center; float:left; transition:padding 0.3s ease-out;}
.nav ul li a:hover{background:rgba(255,255,255,0.8); color:#333; font-weight:bold; padding:10px 0;}

/* jquery.cycle.all */
#headslider {
	width: 1200px;
	height: 500px;
	position:relative;
	float:left;
	overflow:hidden;
	/*display:none;*/
}
#control {
	position: absolute;
	left: 45.5%;
	top: 480px;
	z-index: 50;
}
#control a {
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	color: #fff;
	background-color: #888;
	/*border: 1px solid #fff;*/
	text-align: center;
	line-height: 20px;
	text-decoration: none;
	margin-left: 10px;
	font-size: 0;
	border-radius: 8px;
}
#control a:hover {
	background-color: #777;
}
#control a.activeSlide{
	background-color: #fa0;
	color: #252525;
}
/* jquery.cycle.all */

.brands{
	width: 1100px;
	margin: 0 auto;
	overflow: hidden; /*box-shadow: 0 0 1.5em #666 inset;*/
	font-family: 'Roboto', sans-serif!important;
	font-style: normal;
	font-weight: 400;
	background: #fff;
}
/* sliderad */
.list{list-style:none; margin:0; padding:0;}
.list .ml{margin:0 0 0 115px; text-align:center;}
.list .ml2{margin:0 0 0 50px; text-align:center;}
.sliderBox{ background:#FFF; border:solid 1px #09C; width:1200px; border-radius:10px; overflow:hidden; position:relative; padding-bottom:15px; margin:auto;}
.slider{ padding:20px 0 10px 0; width:1100px; /*height:120px;*/ overflow:hidden; margin:auto; position:relative;}
.slider ul{ overflow:hidden; width:9999px; position:absolute; left:0;}
.slider li{ float:left; margin:0 10px; text-align:center;}
.slider a{
	display: inline-block;
	/*width: 200px;*/
	height: 90px;
	padding: 2px;
	overflow: hidden;
	margin-bottom: 5px;
}
.slider a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.slider a:hover{ border-color:#039;}

.slider2{display:none; text-align:center;}
.slider2 ul{width:900px; margin:0 0 0 125px;text-align: center;}
.bb{margin:8px 0 0 0; display:block;}
.status{ text-align:center; margin-top:5px; position:relative; *margin-left:435px;}
.status li{ cursor:pointer; background:#FFF; display:inline-block; text-indent:-9999px; border:2px solid #666; width:8px; height:8px; border-radius:100%; margin:0 5px; *float:left; }
.status li.now{ background:#09C; border-color:#999;}

.dIcon{text-indent:-9999px; position:absolute; top:540px; display:block; width:35px; height:50px; background:url(../images/sliderad/all.png) no-repeat; z-index:99;}
.next{right:10px; background-position:-44px -2px; display:block;}
.prev{left:10px; background-position:0 -2px; display:block;}
.next:hover{ background-position:-44px -55px;}
.prev:hover{ background-position:0 -55px;}
/* sliderad */

.main{width:1200px; float:left;}

.sidebar{width:300px; float:left; min-height:400px; overflow:auto; border-radius:20px; border:2px solid #333; background:rgba(241,241,241,1.00);}

.sidebar a{color:white; margin:0 2px;}
.content{width:860px; float:right; min-height:300px; font-size:1.4em; padding:0; margin:0; border-radius:20px; border:2px solid #333; background:rgba(241,241,241,1.00);}

#BOX{margin:0; padding:0;}
#BOX>img{border-radius:18px 18px 0 0;}
#SMALL img{	border:4px solid #FFF;	box-shadow:1px 5px 10px #333;
	cursor:pointer;	margin-bottom:10px;	margin:5px 10px;}
#SMALL{width:120px; float:left;	margin:10px 0 0 0;}
#BIG{float:left; border:10px solid #EEE; box-shadow:5px 5px 10px #333; margin:0 0 20px 35px; cursor:default;}

.content h1{font-size:1.5em; color:#000; margin:0 0 10px 0;}
.profilebg{background:url(../images/profile.jpg) no-repeat center top; background-size:cover; width:860px; min-height:500px; opacity:0.8; font-weight:bold; border-radius:18px;}
.profilebg_inner{padding:195px 260px 0 193px; font-weight:bolder;}
.profilebg_inner p{margin:-10px 0 0 0;}
.content ol li{margin:5px 0; letter-spacing:2px; padding:5px;}

.promain{width:1140px; padding:0 10px 0 50px; float:left;}
.procontainer{width:210px; float:left; border:1px solid #333; margin:5px;}
a .procolumn{text-align:center; padding:5px; font-size:0.5em; text-decoration:none; color:#333; font-weight:bold;}
/*a .procolumn2{margin:-20px 0 0 0;}*/
a:hover .procolumn{background:#CCC;}

.tt{width:95%; border-collapse:collapse; margin:0 auto;}
.tt th{background:#000; color:white; padding:3px;}
.tt tr:nth-child(odd){background:#ccc; color:#333;}
.tt td{border:2px solid black; padding:3px;}
.tt tr:last-child{background:#000; color:white; padding:3px;}
.tt a{color:white; text-decoration:none;}
.tt a:hover{font-weight:bold; text-decoration:underline;}
/*.tt tr:hover{background:#000; color:white; border:1.5px solid white; cursor:pointer;}*/
.tt img{transition:all 0.3s ease-out 0.2s;}
.tt img:hover{transform:scale(2);}

.tt2{width:95%; margin:0 auto;  color:white;
	padding: 3px;
	/*background-image: -webkit-linear-gradient(270deg,rgba(134,134,134,1.00) 0%,rgba(
	0,0,0,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(134,134,134,1.00) 0%,rgba(0,0,0,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(134,134,134,1.00) 0%,rgba(0,0,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(134,134,134,1.00) 0%,rgba(0,0,0,1.00) 100%);*/
	background:#1D1813;
}

.ss{margin:25px; font-size:1em; font-weight:bold;}

.content ol{margin:0; padding:0 50px;}
.war{text-align:center;}

.footer{width:1180px; clear:both; text-align:left; padding:10px 10px 65px 10px; border-top:5px solid rgba(0,0,0,.8); min-height:50px;}
.footer p{margin:3.5px 0 5px 0;}
.trsteambikes{width: 200px;text-align: right;float: left;padding-top: 5px;}
/* .trsteambikes img{float:left; border-radius:20px; margin:0 50px 10px 0;} */
/* .trsteambikes img{margin:0 50px 10px 0;} */
.address{width: 930px;float: right;}