@charset "utf-8";

/* Simple fluid media

   Note: Fluid media requires that you remove the media's height and width attributes from the HTML

   http://www.alistapart.com/articles/fluid-images/ 

*/

img, object, embed, video {

	max-width: 100%;

}



/* IE 6 does not support max-width so default to width 100% */

.ie6 img {

	width:100%;

}



/*

	Dreamweaver Fluid Grid Properties

	----------------------------------

	dw-num-cols-mobile:		4;

	dw-num-cols-tablet:		8;

	dw-num-cols-desktop:	12;

	dw-gutter-percentage:	25;

	

	Inspiration from "Responsive Web Design" by Ethan Marcotte 

	http://www.alistapart.com/articles/responsive-web-design

	

	and Golden Grid System by Joni Korpi

	http://goldengridsystem.com/

*/



.fluid {

	clear: both;

	margin-left: 0;

	width: 100%;

	float: left;

	display: block;

}



.fluidList {

    list-style:none;

    list-style-image:none;

    margin:0;

    padding:0;        

}



/* Mobile Layout: 480px and below. */

  

.gridContainer {

	margin-left: auto;

	margin-right: auto;

	width: 86.45%;

	//padding-left: 2.275%;

	//padding-right: 2.275%;

	clear: none;

	float: none;

	//background: black;

}

.spacer {

}

.logo {

	text-align: center;

	padding-top: 1em;

	padding-bottom: 1em;

}

.spacer2 {

	text-align: center;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 5px;

}

.nav {

	text-align: center;

		width: 100%;

	margin-left: 0;

}

.spacer3 {

	text-align: center;

	border-radius: 15px;

	-webkit-box-shadow: 0px 0px 30px #fff;

	box-shadow: 0px 0px 30px #fff;

	margin-top: 1m;

	font-size: smaller;

	color: #FFFFFF;

	text-shadow: 0px 0px 15px #000000;

	background-color: rgba(0,0,0,0.6);

}

.spacer3a {

	text-align: center;

	border-radius: 15px;

	-webkit-box-shadow: 0px 0px 30px #fff;

	box-shadow: 0px 0px 30px #fff;

	margin-bottom: 3em !important;

	width: 80%;

	padding: 20px;

	margin-left: 3%;

	font-family: 'Michroma', sans-serif;

	font-weight: bold;

	font-size: smaller;

	color: rgba(255,255,255,1);

	text-shadow: 0px 0px 3px #000;

	background-color: rgba(0,0,0,0.6);

	border: 1px solid white;

	

}

.wording {

	width: 100%;

	text-align: center;

	border-radius: 15px;

	-webkit-box-shadow: 0px 0px 30px #000000;

	box-shadow: 0px 0px 30px #000000;

	padding-top: 1em;

	background-color:rgba(17,17,17,0.5);

	

}



.spacer4 {

}

.footer {

	text-align: center;

	width: 100%;

	margin-left: 0;

}

.zeroMargin_mobile {

margin-left: 0;

}

.hide_mobile {

display: none;

}





h2 {

	color:rgba(255,255,255,1);

	font-family: 'Michroma', sans-serif;

	font-weight: bold;

	text-shadow: 0px 0px 10px #000;

	text-align: center;

	//color: green;

	font-size:20px;

	//padding-right: 10px;

	

	}

	

.MainForm {

	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);

	-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);

	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	background: rgba(255,255,255,1);

	text-align:center;

	//padding: 20px;

	width: 90%;

	padding-bottom: 20px;

	margin: 5%;

	

}





/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */



@media only screen and (min-width: 481px) {



.gridContainer {

	width: 90.675%;

	//padding-left: 1.1625%;

	//padding-right: 1.1625%;

	clear: none;

	float: none;

	margin-left: auto;

	margin-right: auto;



	

}

.spacer {

}

.logo {

	text-align: center;

	padding-top: 1em;

	padding-bottom: 1em;

}

.spacer2 {

	text-align: center;

}

.nav {

	width: 74.3589%;

	margin-left: 12.821%;

}

.spacer3 {

	text-align: center;

	border-radius: 15px;

	-webkit-box-shadow: 0px 0px 30px #fff;

	box-shadow: 0px 0px 30px #fff;

	margin-top: 1m;

	color: #FFFFFF;

	text-shadow: 0px 0px 15px #000000;

	background-color: rgba(0,0,0,0.6);

}

.spacer3a {

	text-align: center;

	border-radius: 15px;

	-webkit-box-shadow: 0px 0px 30px #fff;

	box-shadow: 0px 0px 30px #fff;

	margin-bottom: 3em !important;

	width: 80%;

	padding: 20px;

	margin-left: 6%;

	font-family: 'Michroma', sans-serif;

	font-weight: bold;

	color: #FFFFFF;

	text-shadow: 0px 0px 3px #000000;

	background-color: rgba(0,0,0,0.6);

	border: 1px solid white;

}

.wording {

	//width: 74.3589%;

	//margin-left: 12.8205%;
    text-align: center;
    background-color: rgba(17,17,17,0.5);








	//margin: 0 auto;
    width: 90%;
    padding-right: 5%;
    padding-left: 5%;
    color: #FFFFFF;

}

.spacer4 {

}

.footer {

	text-align: center;

	width: 48.7179%;

	margin-left: 25.641%;

}

.hide_tablet {

display: none;

}

.zeroMargin_tablet {

margin-left: 0;

}



h2 {

	color:rgba(255,255,255,1);

	font-family: 'Michroma', sans-serif;

	font-weight: bold;

	text-shadow: 0px 0px 10px #000;

	text-align: center;

	font-size:30px;

	

	}

.MainForm {

	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);

	-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);

	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	background: rgba(255,255,255,1);

	text-align:center;

	//padding: 20px;

	width: 100%;

	padding-bottom: 20px;

	margin: 0 auto;

	

}





}



/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */



@media only screen and (min-width: 769px) {



.gridContainer {

	width: 88.5%;

	max-width: 1232px;

	padding-left: 0.75%;

	padding-right: 0.75%;

	margin: auto;

	clear: none;

	float: none;

	margin-left: auto;

}

.spacer {

}

.logo {

	text-align: center;

	padding-top: 1em;

	padding-bottom: 1em;

}

.spacer2 {

	text-align: center;

}

.nav {

	text-align: center;

	margin-left: 8.474%;

	width: 83.0508%;

}

.spacer3 {

	text-align: center;

	border-radius: 15px;

	-webkit-box-shadow: 0px 0px 30px #fff;

	box-shadow: 0px 0px 30px #fff;

	margin-top: 1m;

	color: #FFFFFF;

	text-shadow: 0px 0px 10px #000000;

	background-color: rgba(0,0,0,0.6);

	

}

.spacer3a {

	text-align: center;

	border-radius: 15px;

	margin-bottom: 3em !important;

	width: 50%;

	padding: 20px;

	margin-left: 23%;

	margin-right: 27%;

	color: rgba(255,255,255,1);

	font-family: 'Michroma', sans-serif;

	font-size: 16px;

	-webkit-box-shadow: 0px 0px 30px #FFFFFF;

	box-shadow: 0px 0px 30px #FFFFFF;

	text-shadow: 1px 1px 5px #000;

	background-color: rgba(0,0,0,0.6);

	border: 1px solid white;

	

	

}

.wording {

	width: 90%;

	padding-right: 5%;

	padding-left: 5%;

	text-align: center;

	background-color:rgba(17,17,17,0.5);

}

.spacer4 {

}

.footer {

	text-align: center;

	width: 32.2033%;

	margin-left: 33.8983%;

}

.zeroMargin_desktop {

margin-left: 0;

}

.hide_desktop {

display: none;

}



h2 {

	color:rgba(255,255,255,1);

	font-family: 'Michroma', sans-serif;

	font-weight: bold;

	text-shadow: 0px 0px 10px #000;

	text-align: center;

	font-size:30px;

	

	}

	

.MainForm {

	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);

	-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);

	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	background: rgba(255,255,255,1);

	text-align:center;

	//padding: 5px;

	width: 80%;

	padding-bottom: 20px;

	margin-left: 10%;

	margin-right: 10%;



}





}



.ClientDetailImgRR:hover {

-webkit-transform: scale(1.05);

-ms-transform: scale(1.05);

transform: scale(1.05);

outline:none;

	}

	

.ClientDetailImgR:hover {

-webkit-transform: scale(1.05);

-ms-transform: scale(1.05);

transform: scale(1.05);

outline:none;

border-radius: 10px;

	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);

	-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);

	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);

	}	

	

	



.ClientDetailImg:hover { 

//-webkit-box-shadow:  0px 0px 30px 0px rgba(50, 50, 50, 0.75);

//-moz-box-shadow:     0px 0px 30px 0px rgba(50, 50, 50, 0.75);

//box-shadow:          0px 0px 30px 0px rgba(50, 50, 50, 0.75);



-webkit-transform: scale(1.2);

-ms-transform: scale(1.2);

transform: scale(1.2);

//background:rgba(0,255,255,1);

z-index: 100;

outline:none;

 }



.ClientDetailImg{

	//-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);

	//-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);

	//box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	//padding: 4px;

	transition: all 0.3s ease;

	//background: rgba(255,255,255,1);

	margin: 15px;

	text-align:center;	

	width: 150px;

	height: 50px;

}



.backBtn:hover { 

-webkit-box-shadow:  0px 0px 30px 0px rgba(50, 50, 50, 0.75);

-moz-box-shadow:     0px 0px 30px 0px rgba(50, 50, 50, 0.75);

box-shadow:          0px 0px 30px 0px rgba(50, 50, 50, 0.75);



-webkit-transform: scale(1.2);

-ms-transform: scale(1.2);

transform: scale(1.2);

background:rgba(204,204,204,0.5);

z-index: 100;

//border: rgba(102,102,102,1) solid 1px;

border-radius: 18x;

padding: 5px;

 } 









html { 

  background:url(../img/BG/BG1.jpg) no-repeat center center fixed; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}















.h11 {

    font-family: 'Michroma', sans-serif;

	font-weight: bold;

	font-size: 30px;

    background:rgba(142,155,174,1);

    border: none;

    border-radius: 9px;

    margin: 0 auto;

    outline: 0;

    padding: 7px;

    width: 50%;

    box-sizing: border-box; 

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box; 

    //background-color: #e8eeef;

    color: #fff;

	text-align:center;

	-webkit-box-shadow: 0px 0px 30px rgba(0,0,0,1) inset;

	box-shadow: 0px 0px 30px rgba(0,0,0,1) inset;

    margin-bottom: 15px;

	}

	



	







	

	



	



	

	

	

	





::-webkit-input-placeholder { /* Chrome/Opera/Safari */

color: snow;

font-family: 'Michroma', sans-serif;

font-weight: bold;

font-size: 16px;



}

::-moz-placeholder { /* Firefox 19+ */

color: snow;

font-family: 'Michroma', sans-serif;

font-weight: bold;

font-size: 16px;



}

:-ms-input-placeholder { /* IE 10+ */

color: snow;

font-family: 'Michroma', sans-serif;

font-weight: bold;

font-size: 16px;



}

:-moz-placeholder { /* Firefox 18- */

color: snow;

font-family: 'Michroma', sans-serif;

font-weight: bold;

font-size: 16px;



}





	

	

	

	

	

	

	

	



.fileUpload {

	}

	

.AdminFrom{

	width: 80%;

	padding: 10px 20px;

	border-radius: 15px;

	font-family: 'Michroma', sans-serif;

	display: block;

	text-align: center;

	-webkit-box-shadow: 0px 0px 30px #fff;

	box-shadow: 0px 0px 30px #fff;





	//background:rgba(194,194,194,0.7);

	padding-bottom: 20px;

	padding-left: 20px;

	padding-right: 20px;

	/* [disabled]padding-top: 20px; */

	margin-bottom: 10px;

	margin-left: auto;

	margin-right: auto;

	/* [disabled]margin-top: 10px; */

}





.AdminFrom input[type="checkbox"] {

	    font-family: 'Michroma', sans-serif;

    background:rgba(142,155,174,1);

    border: none;

    border-radius: 4px;

    font-size: 16px;

	  box-sizing: border-box; 

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box; 

    color: snow;

	text-align:center;

	-webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.03) inset;

	box-shadow: 0px 0px 30px rgba(0,0,0,0.03) inset;

    margin-bottom: 15px;

}





.AdminFrom input[type="password"],

.AdminFrom input[type="text"],

.AdminFrom input[type="date"],

.AdminFrom input[type="datetime"],

.AdminFrom input[type="email"],

.AdminFrom input[type="number"],

.AdminFrom input[type="search"],

.AdminFrom input[type="time"],

.AdminFrom input[type="url"],

.AdminFrom textarea,

.AdminFrom select {

    font-family: 'Michroma', sans-serif;

    background:rgba(142,155,174,1);

    border: none;

    border-radius: 4px;

    font-size: 16px;

    margin: 0;

    outline: 0;

    padding: 12px;

    width: 100%;

    box-sizing: border-box; 

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box; 

    color: snow;

	text-align:center;

	-webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.03) inset;

	box-shadow: 0px 0px 30px rgba(0,0,0,0.03) inset;

    margin-bottom: 15px;

    

}









.AdminFrom input[type="text"]:focus,

.AdminFrom input[type="date"]:focus,

.AdminFrom input[type="datetime"]:focus,

.AdminFrom input[type="email"]:focus,

.AdminFrom input[type="number"]:focus,

.AdminFrom input[type="search"]:focus,

.AdminFrom input[type="time"]:focus,

.AdminFrom input[type="url"]:focus,

.AdminFrom textarea:focus,

.AdminFrom select:focus{

	background:rgba(204,204,204,1);

	color:black;

	font-weight: bold;



}





.AdminFrom select{

    -webkit-appearance: menulist-button;

    height:45px;

	font-weight: bold;

	

	text-align:right;

	padding: 12px;

}







.AdminFrom input[type="submit"],

.AdminFrom input[type="button"]

{

    position: relative;

    display: block;

    padding: 10px;

    color: #8e9bae;

    margin: 0 auto;

    background:#f3f7e9;

    text-align: center;

    font-style: normal;

    width: 50%;

   // border: 1px solid #16a085;

    //border-width: 1px 1px 3px;

    margin-bottom: 10px;

	border-radius: 10px;

	font-family: 'Michroma', sans-serif;

	font-weight: bold;

	font-size: 30px;

}

.AdminFrom input[type="submit"]:hover,

.AdminFrom input[type="button"]:hover

{

       background:rgba(0,102,204,1);

	cursor:crosshair;

}



	





























.CarLogoImg {

	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);

	-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);

	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	//padding: 4px;

	transition: all 0.3s ease;

	background: rgba(255,255,255,1);

	margin: 15px;

	text-align:center;

}



.CarLogoImg:hover { 

-webkit-box-shadow:  0px 0px 30px 0px rgba(50, 50, 50, 0.75);

-moz-box-shadow:     0px 0px 30px 0px rgba(50, 50, 50, 0.75);

box-shadow:          0px 0px 30px 0px rgba(50, 50, 50, 0.75);



-webkit-transform: scale(1.2);

-ms-transform: scale(1.2);

transform: scale(1.2);

background:rgba(204,204,204,0.5);

z-index: 100;

border: rgba(102,102,102,1) solid 1px;

border-radius: 1px;

 }



	

	

	

.ClientTable {

background:rgba(153,153,153,0.9);

border-radius: 10px;

color: snow;



	}

.TableHeader {

	border-top-left-radius: 10px;

	border-top-right-radius: 10px;

	font-weight: bold;

	text-decoration:underline;

	font-size: 20px;

	background:black;

	color: snow;

	

	}	

	





.dealerChechbox

{

	color: snow;

	 width: 20px;

    height: 20px;

}