@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,300italic,600,600italic,700,700italic);
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');
Body{
	color: #000;
	FONT-SIZE: 15px;
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	padding: 0;
	
}

::selection {color:#FFF;background:#222;}
::-moz-selection {color:#FFF;background:#222;}
::-o-selection {color:#FFF;background:#222;}
::-ms-selection {color:#FFF;background:#222;}
::-webkit-selection {color:#FFF;background:#222;}
 
.Shadow{
 -moz-box-shadow: 0px 0px 10px 0px #b0b0b0;
 -webkit-box-shadow: 0px 0px 10px 0px #b0b0b0;
 box-shadow: 0px 0px 10px 0px #b0b0b0;}	
 
.FontColor1 {color: #262626;}
.FontColor2 {color:#888;}
.FontColor3 {color:#FFFFFF;}
.FontColor4 {color:#000;}
.FontColor5 {color:#e50000;}

.BgColor1 {background-color:#fff;}

.Transparent {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.TableAltHeader1 {background-color:#48677d; color:#fff;}
.AltColor11 {background-color:#dfdfdf;}
.AltColor12 {background-color:#f0f0f0;}

.TableAltHeader2 {background-color:#185e90; color:#fff;}
.AltColor21 {background-color:#d5e3ed;}
.AltColor22 {background-color:#e9f1f6;}

/* Font Sizes */
.SmallerText {FONT-SIZE:12px;}
.MediumText {FONT-SIZE:13px;}
.NormalText {FONT-SIZE: 16px;}
.NormalTextBig {FONT-SIZE:18px;}
.Heading {FONT-SIZE:24px;}
.BiggerText {FONT-SIZE:30px;}
.LargeText {FONT-SIZE:40px;}
.SmallerLink{FONT-SIZE:12px; text-decoration: none}
a.SmallerLink:hover {text-decoration:underline;}
	
.JustLinks {TEXT-DECORATION:none ;}
a.JustLinks:hover{TEXT-DECORATION: underline;}

.AllCaps{text-transform:uppercase;}

.PositionABT{position: absolute}

.PositionREL{position: relative}

.PositionFIX{position: fixed}

/* Button Styles */
button{font-family: 'Open Sans', sans-serif;}
.Button{
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
	padding:5px 20px;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	margin:2px;
	display:inline-block;
}
.ButtonSmall{
	font-family: 'Open Sans', sans-serif;
	font-size:11.5px;		
	padding:2px 8px;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	display:inline-block;
	margin:2px;
}
.ButtonMedium{
	font-family: 'Open Sans', sans-serif;
	font-size:13px;	
	padding:4px 15px;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	display:inline-block;
	margin:2px;
}
.ButtonBig{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;	
	padding:9px 20px;
	cursor:pointer;	
	text-decoration:none;	
	outline:none;	
}
.ButtonColor1{
	color:#fff;	
	background-color: #222;
	background-image: -webkit-linear-gradient(top, #555, #202020);
	background-image: -moz-linear-gradient(top, #555, #202020);
	background-image: -ms-linear-gradient(top, #555, #202020);
	background-image: -o-linear-gradient(top, #555, #202020);		
	border:1px solid #000;
}
input.ButtonColor1:hover{
	color:#fff;	
	background-color: #222;
	background-image: -webkit-linear-gradient(top, #000, #888);
	background-image: -moz-linear-gradient(top, #000, #888);
	background-image: -ms-linear-gradient(top, #000, #888);
	background-image: -o-linear-gradient(top, #000, #888);		
	border:1px solid #000;	
}
a.ButtonColor1:hover{
	color:#fff;	
	background-color: #222;
	background-image: -webkit-linear-gradient(top, #000, #888);
	background-image: -moz-linear-gradient(top, #000, #888);
	background-image: -ms-linear-gradient(top, #000, #888);
	background-image: -o-linear-gradient(top, #000, #888);		
	border:1px solid #000;	
}
.ButtonColor1:active{
	top:1px;
	position:relative;
}
.ButtonColor2{
	color:#fff;	
	background-color: #222;
	background-image: -webkit-linear-gradient(top, #555, #202020);
	background-image: -moz-linear-gradient(top, #555, #202020);
	background-image: -ms-linear-gradient(top, #555, #202020);
	background-image: -o-linear-gradient(top, #555, #202020);		
	border:1px solid #000;
    
}
.ButtonColor2:hover{
	color:#fff;	
	background-color: #d1002d;
	background-image: -webkit-linear-gradient(top, #e60032, #b00026);
	background-image: -moz-linear-gradient(top, #e60032, #b00026);
	background-image: -ms-linear-gradient(top, #e60032, #b00026);
	background-image: -o-linear-gradient(top, #e60032, #b00026);		
	border:1px solid #d1002d;	
}
.ButtonColor2:active{
	top:1px;
	position:relative;
}

.Gradientbg{
	color:#000;	
	background-color: #e8e8e8;
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e5e5e5);
	background-image: -moz-linear-gradient(top, #f4f4f4, #e5e5e5);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e5e5e5);
	background-image: -o-linear-gradient(top, #f4f4f4, #e5e5e5);	
	border:2px solid #c2c2c2;
	padding:2px 10px;	
}

/* All Border Styles */
.Border1 {border-width:1px; border-style:solid}
.Border2 {border-width: 2px;  border-style:solid}
.Border5 {border-width: 5px;  border-style:solid}

.DottedBorder {border-width:1px; border-style:dotted}

.BorderBottom1{border-bottom: 1px solid;}
.BorderBottom2{border-bottom: 2px solid;}
.BorderBottom6{border-bottom:6px solid;}
.BorderBottomDashed{border-bottom: dashed 1px;}
.BorderBottomDotted{border-bottom: dotted 1px;}

.BorderTop1{border-top: 1px solid;}
.BorderTopDashed{border-top: dashed 1px;}
.BorderTopDotted{border-top: dotted 1px;}

.BorderLeft3{border-left:3px solid;}
.BorderLeft8{border-left:6px solid;}
.BorderRight1{border-right:1px solid;}
.BorderRight2{border-right:2px solid;}

.BorderColor1{border-color: #3b3b3b}
.BorderColor2{border-color: #d0d0d0}
.BorderColor3{border-color: #9ea0a6}

/* Border Rounded Corners */
.BorderRounded15{border-radius:15px;}
.BorderRounded10{border-radius:10px;}
.BorderRounded8{border-radius:8px;}
.BorderRounded5{border-radius:5px;}
.BorderRounded20{border-radius:20px;}

/* Table Style */		
.TableStyle {
    border-collapse: collapse;
    border-spacing: 0;	     
	background-color: #fff;
}
.TableStyle th {    
    padding:7px;
	color:#000;	
}
.TableStyle td {      
    padding:3px 7px;
	border: 1px solid #dbe2e2;	
}
.TableStyle tr:nth-child(even){background-color: #f0f5f8; }

/* Text Box Style*/	

.TextBox{
	font-family: 'Open Sans', sans-serif;
	color:#000;
	padding:6px;
	border:1px solid #bbb;
	border-radius:3px;	
	box-sizing: border-box;
	outline: none;
}
.TextBox:focus{	
	border:1px solid #101010;	
	box-sizing: border-box;
	outline: none;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
::placeholder{	
	font-family: 'Open Sans', sans-serif;
	opacity:0.4;
	color:#fff;	
	}
:-ms-input-placeholder{		
	font-family: 'Open Sans', sans-serif;
	opacity:0.4;
	color:#fff;
}

.TextBoxBig::-webkit-input-placeholder,
.TextBoxBig::placeholder{
  color: #000;
  opacity:0.5;
  font-style:normal;
  font-family: 'Open Sans', sans-serif;
}
.TextBoxBig::-moz-placeholder{
  color: #000;
  opacity:0.5;
  font-style:normal;
  font-family: 'Open Sans', sans-serif;
}

.Footer{	
	background-color:#292929;
	min-height:30px;
	padding:30px 0px 20px 0px;	
}

.pageheading{
	background-image: url(../images/innerheading-bg.jpg);
	background-repeat: repeat-x;
	padding:20px;
	color:#FFF;
	text-transform:uppercase;
	}

ul1.breadcrumb {
  padding:5px;
  list-style: none;
  color: #FFF;  
  text-transform:uppercase;
}
ul1.breadcrumb li1 {
  display: inline;
   font-size:13px !important;
}
ul1.breadcrumb li1+li1:before {
  padding:0px 6px;
  color: #FFF;
   content: "/\00a0";
}
ul1.breadcrumb li1 a {
  color: #c2c2c2;
  text-decoration: none;
}
/*ul.breadcrumb li a:hover {
  color: #FFF;
  text-decoration: underline;
}*/
.DealerBtn{
	font-size:14px;
	color:#888;
	text-decoration:none;
	outline:none;
	border-radius:10px 10px 0px 0px;
	cursor:pointer;
	padding:10px 15px;
	background-color: #f5f5f5;
	background-image: -webkit-linear-gradient(top, #fff, #e0e1e4);
	background-image: -moz-linear-gradient(top, #fff, #e0e1e4);
	background-image: -ms-linear-gradient(top, #fff, #e0e1e4);
	background-image: -o-linear-gradient(top, #fff, #e0e1e4);	
	border:1px solid #d0d0d0;	
 	display:inline-block;
	position:relative;
	bottom:-3px;
	box-sizing:border-box;
}
.DealerBtn:hover{
	color:#fff;
	background-color: #2c3742;
	background-image: -webkit-linear-gradient(top, #58697a, #2c3742);
	background-image: -moz-linear-gradient(top, #58697a, #2c3742);
	background-image: -ms-linear-gradient(top, #58697a, #2c3742);
	background-image: -o-linear-gradient(top, #58697a, #2c3742);	
	border:1px solid #2c3742;
}
.DealerBtnActive{
	font-size:16px;
	color:#fff;
	text-decoration:none;
	outline:none;
	border-radius:15px 15px 0px 0px;
	cursor:pointer;
	padding:12px 20px;
	background-color: #303236;
	background-image: -webkit-linear-gradient(top, #5e636b, #080809);
	background-image: -moz-linear-gradient(top, #5e636b, #080809);
	background-image: -ms-linear-gradient(top, #5e636b, #080809);
	background-image: -o-linear-gradient(top, #5e636b, #080809);	
	border:1px solid #000;	
 	display:inline-block;
	box-sizing:border-box;
}
.DealerBtn:active{
	top:3px;
	position:relative;	
}
.DealerHeight{
	height:615px;
	overflow-y:auto;
}
.Enquirywidth{max-width:700px;}
.Valigntop{vertical-align:top;}
.Valignbottom{vertical-align:bottom;}
.Linkheight{text-decoration:none; display:block; height:100%;}
.Logopos{max-width:120px; width:33%; bottom:0px; right:0px; position: absolute; z-index:100;}
.Logopos2{max-width:120px; width:31%; bottom:0px; right:0px; position: absolute; z-index:100;}
.Logopos3{max-width:100px; width:25%; bottom:0px; right:0px; position: absolute; z-index:100;}
.Logopos4{max-width:130px; width:33%; bottom:0px; right:0px; position: absolute; z-index:100;}
.Logopos5{max-width:70px; width:21%; bottom:0px; right:0px; position: absolute; z-index:100;}
.Logopos6{max-width:90px; width:25%; bottom:0px; right:0px; position: absolute; z-index:100;}
.TextDecoNone{text-decoration:none}
.smalllogo{max-width:85px; vertical-align:top; padding-top:3px;}
.Mapborder{border:2px solid #fff; box-shadow:0px 0px 8px 0px #bbb;}
@media screen and (max-width:1439px) {
.DealerHeight{	
	height:460px;
	overflow-y:auto;
}
}
@media screen and (max-width:1319px) {
.SmallerText {FONT-SIZE:11px;}
.MediumText {FONT-SIZE:13px;}
.NormalText {FONT-SIZE: 15px;}
.NormalTextBig {FONT-SIZE:16px;}
.Heading {FONT-SIZE:20px;}
.BiggerText {FONT-SIZE:28px;}
.LargeText {FONT-SIZE:40px;}
.SmallerLink{FONT-SIZE:11px; text-decoration: none}
.Button{
	font-size:15px;	
	padding:5px 20px;	
}
}
@media screen and (max-width:1023px) {
Body {FONT-SIZE:14px;}
.SmallerText {FONT-SIZE:11px;}
.NormalText {FONT-SIZE:15px;}
.NormalTextBig {FONT-SIZE:16px;}
.Heading {FONT-SIZE:20px;}
.BiggerText {FONT-SIZE:24px;}
.LargeText {FONT-SIZE:40px;}
.SmallerLink{FONT-SIZE:11px;}
.DealerBtn{
	font-size:13px;	
	border-radius:10px 10px 0px 0px;	
	padding:10px;	
	bottom:-3px;
}

.DealerBtnActive{
	font-size:15px;	
	border-radius:15px 15px 0px 0px;	
	padding:12px 15px;	
}
}
@media screen and (max-width:767px) {
Body {FONT-SIZE:14px;}
.MediumText {FONT-SIZE:12px;}
.NormalText {FONT-SIZE:14px;}
.NormalTextBig {FONT-SIZE:15px;}
.Heading {FONT-SIZE:20px;}
.BiggerText {FONT-SIZE:24px;}
.LargeText {FONT-SIZE:36px;}
.Footer{	
	padding:20px 10px;
}

}

@media screen and (max-width:639px) {
Body {FONT-SIZE:13px;}
.MediumText {FONT-SIZE:12px;}
.NormalText {FONT-SIZE:14px;}
.NormalTextBig {FONT-SIZE:15px;}
.Heading {FONT-SIZE:18px;}
.BiggerText {FONT-SIZE:22px;}
.LargeText {FONT-SIZE:34px;}

.Button{	
	font-size:14px;	
	padding:4px 15px;	
}
.pageheading{
	padding:10px 8px;
	}
.DealerBtn{
	width:26%;
	font-size:13px;	
	border-radius:10px 10px 0px 0px;	
	padding:5px 10px;	
	bottom:-4px;
	
}

.DealerBtnActive{
	width:32%;
	font-size:15px;	
	border-radius:15px 15px 0px 0px;	
	padding:8px 12px;
	
}
.DealerBtn:active{
	top:4px;
	position:relative;	
}
.DealerHeight{
	height:480px;
	overflow-y:auto;
}
}
@media screen and (max-width:479px) {
.MediumText {FONT-SIZE:12px;}
.NormalText {FONT-SIZE:13px;}
.NormalTextBig {FONT-SIZE:14px;}
.Heading {FONT-SIZE:18px;}
.BiggerText {FONT-SIZE:20px;}
.LargeText {FONT-SIZE:32px;}
.Button{	
	font-size:13px;	
	padding:4px 12px;	
}
.ButtonSmall{	
	font-size:11px;		
	padding:2px 8px;	
}
.ButtonMedium{	
	font-size:13px;	
	padding:3px 10px;	
}
.ButtonBig{	
	font-size:16px;	
	padding:7px 15px;	
}
ul1.breadcrumb li1+li1:before {
  padding:0px 2px;
 
}
.DealerBtn{
	width:31.5%;
	font-size:12px;	
	border-radius:10px 10px 0px 0px;	
	padding:5px 3px;	
	bottom:-1px;
}

.DealerBtnActive{
	width:34.5%;
	font-size:13px;		
	padding:5px 3px;	
}
.DealerBtn:active{
	top:1px;
	position:relative;	
}
}
@media screen and (max-width:359px) {
.DealerBtn{
	width:31.5%;
	font-size:10px;	
	border-radius:5px 5px 0px 0px;	
	padding:5px 3px;	
	bottom:-1px;
}

.DealerBtnActive{
	width:34%;
	font-size:11px;	
	border-radius:10px 10px 0px 0px;	
	padding:5px 2px;	
}

}


 .pop-up-background
        {
            background:rgba(0,0,0,.7);            
            height:100%;
            left:0;
            top:0;
            position:fixed;
            width:100%;
            z-index:100;
        }
		
  .pop-up
        {
            border:3px solid #ddd;            
            margin: auto;
            position: absolute;
			display: inline-block;
            top:50%;
            left:50%;
			transform:translate(-50%, -50%);           
            background: #fff;
            max-width:400px;
			width:95%;			
            -moz-box-shadow: 0px 0px 12px 5px #363636;
            -webkit-box-shadow: 0px 0px 12px 5px #363636;
            box-shadow: 0px 0px 12px 5px #363636;
            z-index: 104;
        }
  .Close{
            position: absolute;
            z-index: 106;
            text-align: right;
			right:-15px;
			margin-top:-20px;
			display:inline-block;
			cursor:pointer;
}




.content {
  width: 100%;
}



/* The sticky 
.sidebar {
  position: -webkit-sticky;
  position: sticky;
  top:85px;
}*/