@import url('fonts/fonts.css');
body{margin: 0;padding: 0;background: url(images/main.jpg);background-size: 100% auto;}
img{width: 100%}
.container{max-width: 1080px}
.fix{overflow: hidden;}
.pad{padding: 0px}
.clear{clear: both;}
a,a:hover{text-decoration: none;}
header,footer{background: #000;overflow: hidden;}
/*header*/
.logo img{margin-top: 1px}
.logo-right p{color: #fff;text-align: right;font-family: 'ele';font-size: 20px;}
.logo-right p:first-child{margin-top: 20px}
.logo-right p:nth-child(2){margin-top: 15px}
.logo-right p:nth-child(3){margin-top: -10px}
/*menu*/
.menu{margin: 20px auto;}
.menu nav{background: #000;overflow: hidden;}
.menu ul{margin:0;}
.menu ul li{list-style: none;float: left;}
.menu ul li:hover{}
.menu ul li a{display: block;padding: 10px 15px;font-family: 'bol';font-size: 18px;color: #fff}

/* Featured Image*/
.fetured-post{margin-bottom: 20px;width: 100%}

/*posts*/
.posts{width: 100%;padding: 0}
.post{margin-bottom: 20px}
.post img{border: 15px solid #000;}
.post h3{border: 15px solid #000;background: #000;color: #fff;font-family: 'reg';font-size: 18px;text-align: center;margin: 0px;border-top: 0px}
/*footer-top*/
.footer-top{}
.footer-top p{text-align: center; font-family: 'reg';font-size: 16px;color: #1a1614;line-height: 15px;}
span.text1{font-family: 'bol';font-size: ;color: #000}

/*footer*/
footer{padding: 10px}
footer .container{background: url(images/footer.png) no-repeat center center;background-size: 80% 80%}
.foot{}
.fleft {text-align: right;}
.fright {text-align: left;}
.col2{margin-left: -25px;padding-right: 0px}
.fleft ,.fright{padding: 0px}
.fleft p,.fright p{color: #fff; font-family: 'bol' ;font-size: 10px}
.fbimage{margin-left: 20px;}

/*month-events-page*/
.month-events-page{width: 100%;margin-bottom: 150px}
.month-events p{background: #000;color: #fff;text-align: center;font-size: 18px;margin: 0;padding: 15px 0px;font-family: 'reg';margin-bottom: 10px}
.month-events a{text-decoration: none;}
.month-events .col-md-3:nth-child(12),.month-events .col-md-3:nth-child(25){margin-bottom: 10px}

.right-side{
	background-color:rgb(255,255,255);
	width:73.5%;
	min-height:231px;
	}
.right-side p{
	font-weight:600;
	font-size:15px;
	padding-top:10px;
	}

	
.blog-post{
	margin:10px 0px 15px 0px;
	background-color:rgb(255,255,255);
	min-height:150px;
	width:97%;
	}	
.blog-post,.b2 p{
	font-weight:bolder;
	font-size:15px;
	}
	
.box3{
	margin-bottom:15px;
	}
	.b2{
	min-height:225px;
	background-color:rgb(255,255,255);
	width:65%;
	}


/*serface-events-page*/
.serface-events-page{width: 100%;margin-bottom: 150px}
.serface-events h2{background: #000;color: #fff;font-size: 28px;font-family: 'ele';padding: 20px 0px;margin: 0;padding-left: 20px;}
.events{min-height: 400px}
table{width: 95%;padding: 0px;background: #fff;margin: 20px auto;border-collapse: separate;border-spacing: 2px}
table tr th{color: #ffffff;padding: 5px;text-align: center;font-family: 'reg';font-size:15px;border: 1px solid #000;}
table tr th:nth-child(2n-1){background: #19196f}
table tr th:nth-child(2n){background: #ff0101}
table tr td{border: 1px solid #000;margin: 1px}
table tr td{color: #000;padding: 5px;text-align: left;font-family: 'reg';text-transform: none;font-size:13px;}
table tr td a{text-decoration: underline;}

/* month-page */
.month-page{width: 100%}
.month h2{background: #000;color: #fff;font-size: 28px;font-family: 'ele';padding: 20px 0px;margin: 0;padding-left: 20px;font-style: italic;}
.head{background: #000;}
.map{margin-top: 20px}
.head p:first-child{padding-top: 10px}
.head p{text-align: right;color: #fff;font-family: 'ele';font-size: 13px;line-height: 16px;margin: 0;padding-right: 10px;font-style: italic;}
.map p{color: #000;font-family: 'bol';font-size: 11px;text-align: center;}
.month .table1{width: 100%}
.month table th{text-align: left;}
.month table th span{font-family: 'bol';font-size: 11px;text-align: center;}
.add{width: 80%; margin: 0 auto;margin-top: 450px;margin-bottom: 20px}

/*rally-page*/
.rally-page{width: 100%;font-family: 'nar'}
.rally h2{background: #000;color: #fff;font-size: 28px;font-family: 'ele';padding: 20px 0px;margin: 0;padding-left: 20px;font-style: italic;}
.rally p{padding: 10px 30px;font-size: 16px;color: #000; font-weight:bold; text-align: center;}
.rall{margin-bottom: 100px}
.map2{width: 80%}
.rall li:first-child{margin-top: 30px}
.rall li{font-size: 16px;list-style: none;font-family:'nar'; color: #000; font-weight:bold;}
.rall li:last-child{margin-bottom: 30px}
.add2{width: 80%; margin: 0 auto;margin-top: 0px;margin-bottom: 20px}
.irally{margin: 20px 0px;padding: 0 30px}

/*new pages*/

.rally_stage{margin:20px auto;}
.rally_stage_left{padding-bottom:60px;  background:rgb(234,238,254);}
.rally_stage_right{ border-left:2px solid #999;  background:rgb(234,238,254);}
.rally_stage_right_head{background:#rgb(234,238,254);}
.textdesc{padding:15px;}
.md-midle p{text-align:center; padding:5px 20px 0px 20px;}
.md-midle{ background-color:rgb(255,255,255);}
.md-left{ background-color:rgb(255,255,255); padding-bottom:15px;}
.md-right{ background-color:rgb(255,255,255);}
.uper{padding:20px 0px 20px 0px;}
.lower{padding:40px 0px 45px 0px;}
.second-section{ margin:20px auto; margin-top:10px; margin-bottom:40px;}
.impNote{ background-color:rgb(240,240,240); margin:20px auto;}
.impNote h3{ text-align:center; text-decoration:underline;}


.campions_para p{ padding:15px 10px; font-size:16px; font-weight:bold;}

/* motor club*/

.motoclub{ margin:20px auto;}
.motoclub p{padding-top:10px; padding-bottom:10px; font-size:16px; font-weight:bold;}
.motoclub ul li { font-size:16px; font-weight:bold;}
.motorclub_part2{ margin:20px auto;}
.motorclub_part2 p{ font-size:16px; font-weight:bold;}
.motorclub_part2_left{background-color:rgb(255,255,255);}
.motorclub_part2_left, .motorclub_part2_right p{text-align:center; padding-top:10px;}
.motorclub_part2_right{background-color:rgb(255,255,255);}


/* media queries */

@media (max-width: 768px) {
	/*home page*/
.fleft p,.fright p{font-size: 13px}
footer .container{background: none;}
.fleft {text-align: center;}
.fright {text-align: center;}
.fb img{width: 200px;margin: auto}
.col1 img{margin-bottom: 10px}
/*serface-events-page*/
table{width: 100%;padding: 0;}
.serface-events h2{font-size: 20px}
.events .col-md-12{padding: 0px;overflow: scroll;}
.map2{width: 100%}
.rall li{text-align: center;}
.b2, .right-side, .blog-post{
	width:100%;
	}
	

}

@media (max-width: 992px) {
.i1{margin-bottom: 20px}
.add{margin-top: 100px}
/*month*/
.head p:last-child{padding-bottom: 10px}
}
@media (max-width: 1200px) {
}