.telephone {text-align: right;}
.searchpanel {padding: 10px;margin-bottom: 15px;border: 1px solid rgb(220, 220, 220);background: #eeeeee;}

.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: 0px;
}
.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(255, 255, 255);
    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;}