@charset "utf-8";
/* CSS Document */


input, textarea, select, button {outline: none;  font-family:Arial, Helvetica, sans-serif; border:0;}

#topsection{position:relative; background:#d95e52;}



.mob-nav{ float:right; display:none; }
.nav-trigger{ color:#FFF; font-size:24px; text-align:center; margin:-2px 0 -2px 20px;}
.mob-nav ul{ margin:0; padding:0; list-style:none; position:absolute; background:#FFF; left:0; right:0; padding:15px; z-index:9; display:none; top:100%;}
.mob-nav ul li{color:#333; border-bottom:1px solid #ddd;}
.mob-nav ul li:last-of-type{ border-bottom:0;}
.mob-nav ul li a{ color:inherit; padding:10px; display:block; text-decoration:none;}
#main-content.content-section{ padding-bottom:20px; padding-top:35px; }
#main-content .car{ padding:10px 0px 10px 0px; margin-bottom:10px;  box-shadow: 0 1px 2px -2px #ccc;}
#main-content .img-section{ padding:5px; border:solid 1px #DFDEDE;}
#main-content .img-section img{ width:100%;}
#main-content .content h2{ margin:0; padding-bottom:20px; font-size:24px;}
#main-content .content h2 a{ color:#000; text-decoration:none;}
#main-content .content h2 a:hover{ color:#00B4EA;}
#main-content .content p{ font-size:14px;}
#main-content .content .btn-primary{ margin-top:15px;}
#main-content .col-sm-2.col-lg-2.col-md-2.bdr {border-left: 1px solid #ccc;padding-bottom: 37px; padding-top: 39px;}
.req_mark{color:#fb0707;}
#modal_footer{color:#FFF; padding:30px 0; background:#000000;}
#modal_footer a{text-decoration:none; color:#FFF;}
#modal_footer a:hover{text-decoration:underline;}

#modal_footer .footer-col h3{margin:0 0 15px 0; font-size:24px; font-weight:bold;}
#modal_footer .footer-col .f_links{ margin:0; padding:0; list-style:none;}
#modal_footer .footer-col .f_links li{ padding:3px 0;}

#modal_footer #f-bottom{ margin-top:15px; padding-top:15px; border-top:1px solid #616161;}

#modal_footer .copyright{ margin-bottom:30px;}


/*popup styling*/

.popup-wrap{width: 100%;height: 100%;position:fixed;z-index: 999999;background:rgba(0,0,0,0.8);display: none; left:0; bottom:0;}
.pop-up{width: 600px; height: auto ;position: absolute !important; top: 10%;left:0; right:0; margin:auto;  border-radius: 3px; padding:10px 40px; background:#fff; height:auto; display:none; z-index:999999; }
.close-btn{position: absolute;background:#f9f9f9;padding: 20px;top: -30px;text-align: center; cursor: pointer; right: 0;padding-top: 9px;border-radius:3px;}

.pop-up .form2 label{ display:block; font-size:16px; font-weight:500;}
.pop-up .form2 input, .pop-up .form2 textarea{ background-color: #fff;background-image: none;border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555;display: block; font-size: 14px; line-height: 1.42857; padding: 8px 12px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; margin-top:5px; margin-bottom:5px;}

.pop-up .form2 H3{ text-align:center; font-size:30px; color:#00B4EA; margin:0; font-weight:500;}
.pop-up .form2 div{ padding-top:6px;}
.sub_btn_two{ width:100%; margin:0 auto; background:#00B4EA !important; color:#fff !important; font-size:18px !important;}
.sub_btn_two:hover{ background:#286090 !important;cursor:pointer;}
.pop-up .msg{   text-align: center; width: 100%; padding:30px !important;   height:420px; background:#fff; display:none;}
.pop-up .msg p{ font-size:24px; font-weight:400px; text-align:center; border-top:solid 1px #94d7ea; border-bottom:solid 1px #94d7ea; padding:15px 10px; margin-top:20px;}
.error_msg p {font-size: 16px; padding: 10px; text-align: center; background:#F2DEDE;}
.error_msg p strong{ color:#fc0e24; font-weight:600;}


.modal-dialog{ margin:40px auto !important;}
.modal-header{ border:0}
.modal-header .close { position:absolute; background:#ffffff; padding:10px 20px; top:-20px; opacity:1; text-align: center; cursor: pointer; right: 0; border-radius:3px 3px 0 0; margin:0;}

.frm-holder{ padding:0 30px;}
.frm-holder label{ display:block; font-size:14px; font-weight:500;}
.form-group label.label_two { display:inline; font-size:14px; font-weight:500;}
.frm-holder input, .frm-holder textarea{ background-color: #fff;background-image: none;border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555;display: block; font-size: 14px; line-height: 1.42857; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; margin-top:5px; margin-bottom:5px;}
.frm-holder select { background-color: #fff;background-image: none;border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555;display: block; font-size: 14px; line-height: 1.42857; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; margin-top:5px; margin-bottom:5px;}

.frm-holder h3{
	text-align: center;
	font-size: 30px;
	color: #00B4EA;
	margin: 0;
	font-weight: 500;
	padding-bottom: 10px;
}
.frm-holder div{ padding-top:2px;}
.frm-holder .sub_btn_two{ width:100%;  background:#00B4EA !important; color:#fff !important; font-size:18px !important;display:inline; border-radius: .2rem;margin: 0 0 20px 0}
.frm-holder .sub_btn_two:hover{
	cursor:pointer;
	background: #585858 !important;
}
.col-submit{width:100%;}
.col-lable{width:40%}
#popup .msg{
	text-align: center;
	width: 100%;
	padding: 0px !important;
	height: 420px;
	background: #fff;
	display: none;
}
#popup .msg p{ font-size:24px; font-weight:400px; text-align:center; border-top:solid 1px #94d7ea; border-bottom:solid 1px #94d7ea; padding:15px 10px; margin-top:20px;}
#popup .error_msg p {font-size: 16px; padding: 2px; text-align: center; background:#ffdada;color:#992b2b;margin-bottom:10px;}
#popup .error_msg p strong{ color:#fc0e24; font-weight:600;margin-bottom:10px;}

.modal_heading1{
	color: #AAAAAC;
	font-weight: 400;
}
.modal_heading1 strong{
	color: #AAAAAC;
	font-weight: 700;
}
.modal_heading2{
	color: #AAAAAC;
	font-weight: 400;
	font-size: 12px;
}
.modal_heading2 strong{
	color: #AAAAAC;
	font-weight: 700;
}

.modal-body {
  	padding: 2px 2px;
  }

.main-wrappar {width: 100%;}
.main-1 {width: 49%; float: left;}
.main-2 {width: 49%; float: left;margin-left: 10px;}

.main-reg {width: 53%;float: left;}

.main-model {width: 40%;float: left;margin-left: 10px;}

.reg-model {
  display: grid;
  grid-template-columns: 30% 8% 59.3%;
  grid-gap: 7px;
  
}

.image-upload-wrapper {
  display: grid;
  grid-template-columns: 50% 20% auto;
  grid-gap: 6px;
  margin-top:2px;
  
}

.item-right {
text-align:right;
}



.modal-wrap { 
width:100%;
}

.modal-wrap-part { 
width:100%;
}

div.modal-wrap-part div input {
width:100%;
padding:6px 0 6px 4px;
box-sizing: border-box;

}

div.modal-wrap-part div textarea {
width:100%;
padding:6px 6px;
box-sizing: border-box;
}

div.modal-wrap-part div select {
width:100%;
height:34px;
}

#txt_regno {   
  background: url('/application/views/default/assets/images/irl_icon2.png') no-repeat left top;
  background-size: auto 32px;
  padding-left: 30px;
  
}
.your_reg input[type='button'] {
    background: rgba(0, 0, 0, 0) url(/application/views/default/assets/images/go_btn.png) no-repeat scroll left center;
    border-radius: 16%;
    width: 38px;
    border: none;
    height: 34px;
    float: left;
    border: none;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin: 6px 8px 0 0;
    text-align: center;
    padding: 0;
}

.pt-4 {

padding-top:4px;
padding-right:4px;
padding-left:10px;
font-size:16px;

}

label{
  display: inline-block;
  background-color: #00B4EA;
  color: #f1efef;
  padding: 0.3rem  0.1rem;
  font-family: sans-serif;
  border-radius: 0.3rem;
  cursor: pointer;
  margin-bottom: 0.2rem;
}






/*@media query css start here
*******************************/

@media screen and (max-width:991px){
	.container{ width:100%;}
	.modal-body {
  	padding: 2px 14px;
  }

}




@media screen and (min-width:768px) and (max-width:991px){
#nav ul li a{ padding:8px 10px;}
.btn-primary{ width:100%; font-size:11px;}

}

@media screen and (max-width:767px) {
	.section-title{ font-size:30px;}
	
	.slideshow .flex-direction-nav{ display:none;}
	
	#logo{ text-align:center; width:100%;}
	#nav{ display:none;}
	
	ul#sidenav{ margin-bottom:40px;}
	
	.contact-info h4{ margin-bottom:20px;}
	.privacy-meta .icon{ margin-top:15px;}

.banners .ad_img{ margin-bottom:20px; text-align:center;}
.banners .ad_img + .ad_img{ margin-top:0;}


.frm-row .txtfield{ margin-bottom:15px;}
	
	.mob-nav{display:block;}
	
	#authorized-representative .brand li{max-width:150px;}
	
	#modal_footer .footer-col{ margin-bottom:30px;}
	#modal_footer #f-bottom{ margin-top:0;}
	.space{ padding:30px 0;}

#banner {background-position:60% 35%;}	
ul#sidenav {width: auto ; !important}
.pop-up{ width:94%; margin:10px;}
.close-btn{ top:0px !important;}

.frm-holder{ padding:0;}
.modal-dialog{ padding:0 15px;}

div.modal-wrap-part div span.formlabel1, div.modal-wrap-part div span.formlabel2,
div.modal-wrap-part div.req_mark1{
font-size:12px;
}

.frm-holder div {
    padding-top: 1px;
}

div.modal-wrap-part div input {
    width: 98%;
    padding: 4px 6px;
}

div.modal-wrap-part div select {
    width: 100%;
    height: 30px;
}

div.modal-wrap-part div textarea {
   margin-top:5px;
   clear:both;
   display:inline;
  }

}

@media screen and (max-width:639px) {
		.founders-list li{ width:100%; margin-bottom:20px;}
		#header #topbar .get-quote{ padding:2px 15px;}

		.main-1 {width: 49%;}

       .main-2 {width: 49%; margin-left: 2%;}

       .frm-holder input, .frm-holder textarea {
       	width: 100%;
          }

		form div.modal-wrap-part div input, form div.modal-wrap-part div textarea {

			width: 100%;
		
		}

          .frm-holder select {width: 100%;}
       	.frm-holder .sub_btn_two {
       		width: 100% !important;
       		cursor: pointer;}

			.frm-holder h3 {
    text-align: center;
    font-size: 20px;
    color: #00B4EA;
    margin: 0;
    font-weight: 500;
    padding-bottom: 6px;
}

	.frm-holder label {
		display: block;
		font-size: 13px;
		font-weight: 500;

	}

	.image-upload-wrapper {
		display: grid;
		grid-template-columns: 60% 26% auto;
		grid-gap: 6px;
		margin-top: 6px;
	}

	.reg-model {
		display: grid;
		grid-template-columns: 32% 12% auto;
		column-gap: 6px;
		box-sizing: border-box;
	}

	.your_reg input[type="button"] {
	width: 34px;
	height:30px;
	margin: 4px 0 0 0;


	}
	#txt_regno {
		background-size: auto 29px;
		padding-left: 25px;
		
	}




       
	}
	
	@media screen and (max-width:479px){
.tabular{ width:100%;}
.tabular td, .tabular th{ padding:5px; font-size:12px;}
.frm-wrapper fieldset{ padding:15px;}
.frm-wrapper fieldset legend{ display:block; float:left; width:100%; border-bottom:1px solid #dddddd; padding-bottom:10px; margin-bottom:10px; font-size:17px;}
.frm-wrapper fieldset legend:after{ display:block; content:''; clear:both;}

#header #topbar{ text-align:center; padding:10px 0;}
#header #topbar .phone,
#header #topbar .get-quote{ float:none;}
#header #topbar .get-quote{ display:inline-block; margin-top:15px;}

.nav-trigger{ position:absolute; right:15px; top:25px;}
.mob-nav ul li{text-align:left;}
#main-content .content h2{ padding-top:10px; padding-bottom:10px;}
ul#sidenav{width:100%;}
.pop-up{ width:94%;}
#main-content .col-sm-2.col-lg-2.col-md-2.bdr{ border-top:solid 1px #ccc; padding-top:17px; padding-bottom:0px;}
.sub_btn_two{ width:100% !important;}
.pop-up .msg p{ padding:5px;}

.image-upload-wrapper {
  display: grid;
  grid-template-columns: 74% 35% auto;
  grid-gap: 6px;
  margin-top:2px;  
 }

 label {
    display: inline-block;
    background-color: #00B4EA;
    color: #f1efef;
    padding: 0.2rem 0.1rem;
    font-family: sans-serif;
    border-radius: 0.3rem;
    cursor: pointer;
    margin-bottom: 0.2rem;
}


}

	@media screen and (max-width:320px){ 
	
	.frm-holder label {
    display: block;
    font-size: 11px;
    font-weight: 500;
    }

.image-upload-wrapper {
    display: grid;
    grid-template-columns: 78% 20% auto;
    grid-gap: 6px;
    margin-top: 2px;
   }

   div.modal-wrap-part div span.formlabel1, div.modal-wrap-part div span.formlabel2, div.modal-wrap-part div.req_mark1 {
    font-size: 10px;
   }

   .reg-model {
    display: grid;
    grid-template-columns: 40% 12% auto;
    column-gap: 6px;
    box-sizing: border-box;
   }

   label {
    display: inline-block;
    background-color: #00B4EA;
    color: #f1efef;
    padding: 0.2rem;
    font-family: sans-serif;
    border-radius: 0.3rem;
    cursor: pointer;
    margin-top: 0;
   }

   .pt-4 {


padding-left:4px;


}
	}

#enq, 
#info,
#ref,
#spn_tag,
#spn_enq
{
	color:#000000;
}