body{font-family: 'Fira Sans';}
*{box-sizing: border-box;}
ul,li{ list-style-type: none; padding: 0; margin:0; }
input,a,button, select{outline: none !important; box-shadow: none !important; text-decoration: none;}


.SeviceRoadLink header .blank{background: #000;padding: 10px 0;}
.serviceCardSec{padding: 15px 0 15px;}
.SeviceRoadLink h3{ font-size: 18px; font-weight: 700; text-transform: capitalize; color: #000;}
.SeviceRoadLink .blank h3{color: #fff; margin: 0}
.serviceCardSec .form-group{position: relative; margin-bottom: 10px;}
.serviceCardSec .form-control{border-radius: 4px; height:40px; border: solid 1px #d5d5d5;font-size: 16px; font-weight: 400;color: #000;}

.serviceCardSec .form-group select{background: url('../img/dropdown.png') no-repeat; background-position: 99% center;
-webkit-appearance: none;-moz-appearance: none;appearance: none; background-size:14px; }
.serviceCardSec .form-group a{font-size: 16px; /*font-weight: 700;*/ color: #000; text-decoration: none;}
.serviceCardSec .btnSec{display: flex;}
.serviceCardSec button{width: 145px;border-radius:4px;background: #000000;font-size: 16px; color: #fff;
 font-weight: 500; margin:0 15px 0 0; border: 1px solid #000;text-transform: capitalize; display: flex;
align-items: center; line-height: normal; padding:5px 10px; text-align: left;}
/*.serviceCardSec button:hover{background: #fff; color: #000;}*/

.serviceCardSec button img{margin: 0 10px 0 0; max-width: 35px}

.serviceCardSec .form-control::-webkit-input-placeholder { /* Edge */
   opacity: 0.5 !important }

.serviceCardSec .form-control:-ms-input-placeholder { /* Internet Explorer */
  opacity: 0.5 !important
}

.serviceCardSec .form-control::placeholder {
  opacity: 0.5 !important
}

.SeviceRoadLink .tollSec strong{font-size: 16px; font-weight: 500; color: #000;}
.SeviceRoadLink .tollSec a{font-size: 16px; font-weight:400; color: #000; }


.SeviceRoadLink .serviceCardSec .vinNo{display: none;}
.SeviceRoadLink .tollSec{display: none;}

.tollSec h3{margin:0 0 5px;}

/*--- Pop up -----*/
.popup{position: fixed; height: 100%; width:100%; left:0;top:0; background: rgba(0,0,0,0.5);}
.popup .content{position:  absolute; top:50%; left: 50%; transform: translate(-50%,-50%); padding: 10px;
max-width: 500px;background: #fff; width: 100%; border-radius: 5px; }
.popup .close{position: absolute; top:-25px;opacity: 1; right: 0; cursor: pointer;}
.popup .content p{margin: 0; font-size: 16px; color: #000;}
.popup .content p strong{font-weight: 700;}
.popup h3 { font-size: 18px; font-weight: 700; color: #000; margin: 0}
.popup .content a{ color: #000; }

.map, .regInfo, .successReg, .cmpAlreadyReg,.cmploco{ display: none;}

.note{font-size: 16px; margin-top: 10px;}
.note p{margin-bottom: 0}



@media only screen and (max-width: 767px){
	.container{max-width: 100%; width: 100%;}
}

@media only screen and (max-width: 480px){
	.popup .content{ width: calc(100% - 20px);}

}