.telephone {text-align: right;}
 .searchpanel {

 padding: 10px;
 margin-bottom: 15px;
 border-radius: 3px;
 border: 1px solid rgba(255, 255, 255, 0.18);
 background: #FF4835;
 }

 .footer > table { width:100%;text-align: center;}
 .footer .fcol h5 {
 color: white;
 padding-left: 10px;
 }
 .footer .fcol {
 float: left;
 width: 50%;
 display: inline-flex;
 }
 .footer h5 {color:white;}
 .footer {
 margin: auto;
 padding: 15px;
 background: #333;
 min-height: 65px;
 }

 .header {
 min-height: 160px;
 }
 .topline {
 background: #333;
 padding: 10px;
 min-height: 40px;
 text-align: right;
 }
 .topline a {
 color: white;
 font-size: 14px;
 }
 .header .center {
 }
 .form-1 {/* Size & position */
 padding: 0px 10px 10px;
 margin: 0px;
 overflow: auto;
 position: relative;/* For the submit button positioning *//* Styles */
 line-height: 1.42857143;
 background: #EEEEEE;
 border: 1px solid #E4E4E4;
 margin-bottom: 10px;
 }

 .form-1 .field {
 position: relative; /* For the icon positioning */
 margin: 0;
 }

 .form-1 .field i {/* Size and position */
 left: 0px;
 top: 0px;
 position: absolute;
 height: 34px;
 width: 34px;/* Line */
 border-right: 1px solid rgba(0, 0, 0, 0.1);
 box-shadow: 1px 0 0 rgba(255, 255, 255, 0.7);/* Styles */
 color: #777777;
 text-align: center;
 line-height: 37px;
 transition: all 0.3s ease-out;
 pointer-events: none;
 }

 .form-1 input[type=text],
 .form-1 input[type=password] {
 font-size: 14px;
 font-weight: 400;
 text-shadow: 0 1px 0 rgba(255,255,255,0.8);/* Size and position */
 width: 100%;
 padding: 5px 45px;/* Styles */
 height: 34px;
 border: none;/* Remove the default border */
 border-radius: 3px;
 background: #FFFFFF;
 color: #777;
 transition: color 0.3s ease-out;
 }

 .form-1 input[type=text] {
 margin-bottom: 10px;
 }
 .form-1 input[type=text]:hover ~ i,
 .form-1 input[type=password]:hover ~ i {
 }

 .form-1 input[type=text]:focus ~ i,
 .form-1 input[type=password]:focus ~ i {

 }

 .form-1 input[type=text]:focus,
 .form-1 input[type=password]:focus,
 .form-1 button[type=submit]:focus {
 outline: none;
 }

 .form-1 .submit {
 /* Size and position */
 width: 65px;
 height: 65px;
 position: absolute;
 top: 19px;
 right: -25px;
 padding: 10px;
 z-index: 2;

 /* Styles */
 background: #ffffff;
 border-radius: 50%;
 box-shadow:
 0 0 2px rgba(0,0,0,0.1),
 0 3px 2px rgba(0,0,0,0.1),
 inset 0 -3px 2px rgba(0,0,0,0.2);
 }
 .form-1 .submit:after {
 /* Size and position */
 content: '';
 width: 10px;
 height: 10px;
 position: absolute;
 top: -2px;
 left: 30px;

 /* Styles */
 background: #ffffff;

 /* Other masks trick */
 box-shadow: 0 62px white, -32px 31px white;
 }
 .form-1 button {/* Size and position */
 /* width: 100%; */
 /* height: 100%; */
 /* margin-top: -1px; *//* Icon styles */
 /* font-size: 1.4em; */
 /* line-height: 1.90; */
 /* color: white; *//* Styles */
 /* border: none; *//* Remove the default border */
 /* border-radius: inherit; */
 /* background: linear-gradient(#52cfeb, #42A2BC); */
 /* box-shadow:
 inset 0 1px 0 rgba(255,255,255,0.3),
 0 1px 2px rgba(0,0,0,0.35),
 inset 0 3px 2px rgba(255,255,255,0.2),
 inset 0 -3px 2px rgba(0,0,0,0.1); */
 /* cursor: pointer; */
 }

 .form-1 button:hover,
 .form-1 button[type=submit]:focus {
 }

 .form-1 button:active {
 }

 .form-1 p {
 margin: 5px;
 }
 .register a {
 margin-top: 7px;margin-left: 10px;font-size: 13px;}


 .car-models {
 margin: 0 auto;
 list-style: none;
 padding: 0px;
 }

 .car-models .model {
 margin: 0 0 7px 8px;
 width: 30%;
 height: 35px;
 float: left;

 border: 1px solid #e3e6e7;
 box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
 border-radius: 2px;
 overflow: hidden;

 background: #fff;
 position: relative;
 behavior: url(/public/js/pie/PIE.htc);
 }

 .car-models .model a {
 position: relative;
 display: block;
 width: 100%;
 height: 100%;
 text-align: left;
 padding-left: 50px;
 color: #000;
 text-transform: uppercase;
 text-decoration: none;
 font-size: 11px;
 line-height: 1.3;
 padding-top: 6px;
 font-family: 'Open Sans', Arial, sans-serif;
 font-weight: 700;

 -moz-box-sizing: border-box;
 box-sizing: border-box;
 }

 .car-models .model small {
 display: block;
 color: #aaa;
 font-size: 85%;
 font-weight: normal;
 }

 .car-models .model a:hover small,
 .car-models .model a:active small {
 color: #666;
 }

 .car-models .model i {
 position: absolute;
 left: 0;
 top: 0;
 width: 40px;
 height: 100%;

 background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
 background: -moz-linear-gradient(top, #ffffff, #eeeeee);
 background: -o-linear-gradient(top, #ffffff, #eeeeee);
 background: -ms-linear-gradient(top, #ffffff, #eeeeee);
 background: linear-gradient(top, #ffffff, #eeeeee);

 /* had to use this, PIE dowsn't work */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee');
 -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee')';
 }

 .car-models .model i:after {
 content: '';
 position: absolute;
 width: 32px;
 height: 32px;
 top: 3px;
 left: 4px;
 background: url('/static/image/car-models.png') top left no-repeat;
 }

 .car-models .audi i:after { background-position: 0 0; }
 .car-models .mazda i:after { background-position: -32px 0; }
 .car-models .smart i:after { background-position: -64px 0; }

 .car-models .bmw i:after { background-position: 0 -32px; }
 .car-models .mercedes i:after { background-position: -32px -32px; }
 .car-models .suzuki i:after { background-position: -64px -32px; }

 .car-models .bmw-moto i:after { background-position: 0 -64px; }
 .car-models .mini i:after { background-position: -32px -64px; }
 .car-models .subaru i:after { background-position: -64px -64px; }

 .car-models .dodge i:after { background-position: 0 -96px; }
 .car-models .mitsubishi i:after { background-position: -32px -96px; }
 .car-models .toyota i:after { background-position: -64px -96px; }

 .car-models .infiniti i:after { background-position: 0 -128px; }
 .car-models .nissan i:after { background-position: -32px -128px; }
 .car-models .skoda i:after { background-position: -64px -128px; }

 .car-models .kia i:after { background-position: 0 -160px; }
 .car-models .ram i:after { background-position: -32px -160px; }
 .car-models .hyundai i:after { background-position: -64px -160px; }

 .car-models .chrysler i:after { background-position: 0 -192px; }
 .car-models .seat i:after { background-position: -32px -192px; }
 .car-models .volkswagen i:after { background-position: -64px -192px; }

 .car-models .volvo i:after { background-position: 0 -224px; }
 .car-models .alfaromeo i:after { background-position: -32px -224px; }
 .car-models .chevrolet i:after { background-position: -64px -224px; }

 .car-models .citroen i:after { background-position: 0 -256px; }
 .car-models .daewoo i:after { background-position: -32px -256px; }
 .car-models .ford i:after { background-position: -64px -256px; }

 .car-models .fiat i:after { background-position: 0 -288px; }
 .car-models .honda i:after { background-position: -32px -288px; }
 .car-models .isuzu i:after { background-position: -64px -288px; }

 .car-models .jaguar i:after { background-position: 0 -320px; }
 .car-models .jeep i:after { background-position: -32px -320px; }
 .car-models .landrover i:after { background-position: -64px -320px; }
 .car-models .land.rover i:after { background-position: -64px -320px; }

 .car-models .lexus i:after { background-position: 0 -352px; }
 .car-models .man i:after { background-position: -32px -352px; }
 .car-models .opel i:after { background-position: -64px -352px; }

 .car-models .peugeot i:after { background-position: 0 -384px; }
 .car-models .porsche i:after { background-position: -32px -384px; }
 .car-models .renault i:after { background-position: -64px -384px; }

 .car-models .rover i:after { background-position: 0 -416px; }
 .car-models .saab i:after { background-position: -32px -416px; }
 .car-models .scania i:after { background-position: -64px -416px; }

 .car-models .ssangyong i:after { background-position: 0 -448px; }
 .car-models .eurcat i:after { background-position: -32px -448px; }
 .car-models .uscat i:after { background-position: -64px -448px; }

 .car-models .uscatgen i:after { background-position: 0 -480px; }
 .car-models .ca-tyre i:after { background-position: -32px -480px; }
 .car-models .ca-oil i:after { background-position: -64px -480px; }

 .car-models .chery i:after { background-position: 0 -512px; }
 .car-models .zaz i:after { background-position: -32px -512px; }
 .car-models .empty i:after { background-position: -64px -512px; }




 .searchpanel label {
 max-width: 100%;
 min-height: 20px;
 padding-left: 30px;
 margin-bottom: 0;
 font-weight: normal;
 display: flex;
 cursor: pointer;
 position: absolute;
 right: 330px;
 margin-top: 7px;
 }
 .searchpanel form {
 margin: 5px;
 }

 ul li {list-style:none;}

 .searchname {
 position: relative;
 float: right;
 right: 280px;
 top: 7px;
 }
 .modal-body ul {margin: 40px 40px;}

 .menu {
 padding: 0px 0px;
 border-radius: 0px;
 margin-bottom: 10px;
 background: #FF4835;
 }
 .menu i {color:whitesmoke;}
 .submenu i {color: #555555;}
 ul.menu li {
 border-top: 1px solid rgb(230, 118, 107);
 font-size: 12px;
 }


 ul.menu li > a {
 color: white;
 display: block;
 position: relative;
 min-width: 110px;
 padding: 10px;
 height: 35px;
 }
 li.active>a {
 font-weight: bold;
 }
 ul.menu li:hover {
 background: rgba(255, 255, 255, 0.08);}
 .lcolcontent {
 width: 300px;
 vertical-align: top;
 }

 ul.submenu {
 background: #EEEEEE;
 padding: 0px;
 margin-bottom: 0px;
 }
 ul.submenu li {
 border: 0;
 box-shadow: inset 0px 6px 0px -5px #e4e4e4;
 }
 ul.submenu li a{
 border: 0;
 padding-left: 20px;
 color: #555555;
 }

 ul.submenu li a:hover {font-weight: bold;}
 ul.submenu a + ul.submenu a + ul.submenu a + ul.submenu a {padding-left: 50px; }
 ul.submenu a + ul.submenu a + ul.submenu a + ul.submenu a + ul.submenu a {padding-left: 60px; }
 ul.submenu a + ul.submenu a + ul.submenu a {
 padding-left: 40px;
 }
 ul.submenu a + ul.submenu a {
 z-index: 1;
 padding-left: 30px;
 }
 ul.left-dropdown li {
 border: 0;
 }
 ul.left-dropdown li a:hover {

 color: #ff4835;
 }
 ul.left-dropdown li a{
 }

 .ccolcontent {
 width: 100%;
 padding: 0px 20px;
 vertical-align: top;
 }
 .forgotlink {
 font-size: 11px;
 position: absolute;
 top: 94px;
 right: 20px;
 color: #797979;
 border-bottom: 1px dotted;
 }

 .colegend {
 position: absolute;
 top: 55px;
 right: 41px;
 color: white;
 font-size: 20px;
 }
 .colegend a {
 color: white;
 font-size: 18px;
 text-shadow: 1px 1px 5px #2D2D2D;
 }
 .colegend a:hover {
 border-bottom: 2px dotted;}


 @media (min-width: 992px) {
 .btn-bars {display:none;}
 }
 .saplab {max-width: 1270px;}
 @media (max-width: 767px) {
 .logocenter, .telephone, .topline {text-align:center!important;}
 .slick {display:none!important;}
 .topline a {font-size:12px;}

 }
 @media (max-width: 992px) {
 .btn-hide, .banner {display:none!important;}
 }
 .search-examp {padding-bottom:15px;}