


@import url('https://fonts.googleapis.com/css?family=Gothic+A1:400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Barlow:300,400,500,600&display=swap');

@font-face {
    font-family: 'kompare';
    src: url("kompare.eot");
    src: url("kompare.eot?#iefix") format("embedded-opentype"), url("kompare.woff") format("woff"), url("kompare.ttf") format("truetype"), url("./kompare.svg#kompare") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'kompare2';
    src: url("kompare2.eot");
    src: url("kompare2.eot?#iefix") format("embedded-opentype"), url("kompare2.woff") format("woff"), url("kompare2.ttf") format("truetype"), url("./kompare2.svg#kompare") format("svg");
    font-weight: normal;
    font-style: normal
}

.link-fancy [class*='icon-']:before {
 
    font-family: 'kompare';
    font-size: 40px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.link-fancy .icon-mortgages:before{
    display: block;
    font-family: 'kompare2';
    font-size: 70px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content:'\0041';
}

.link-fancy .icon-food_delivery:before{
    display: block;
    font-family: 'kompare2';
    font-size: 70px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content:'\0042';
}

.icon-steps [class*='icon-']:before {
    display: block;
    font-family: 'kompare';
    font-size: 70px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-steps {
  padding: 17px 0px;
  width: 150px;
  display: inline-block;
  border-right: 2px solid #e3e5eb;
}

li:last-child > a.icon-steps {
  border: none;
}

.nav-tabs li a.disabled {
    pointer-events: none;
}

a.icon-steps.active {
  color: #D81611;
  border-right: 2px solid #D81611;
}

@media (max-width: 850px) {
   .nav-tabs li a.icon-steps {
    width: 120px;
    font-size:14px;
   }
}

@media (max-width: 670px) {
   .nav-tabs li a.icon-steps {
    width: 95px;
    font-size: 12px;
   }
   .icon-steps [class*=icon-]:before {
    font-size: 45px;
   }
}

@media (max-width: 515px) {
   .nav-tabs li a.icon-steps {
    width: 80px;
    font-size: 12px;
   }
   .icon-steps [class*=icon-]:before {
    font-size: 45px;
   }
}

@media (max-width: 425px) {
   .nav-tabs li a.icon-steps {
    width: 60px;
    font-size: 12px;
   }
   .icon-steps [class*=icon-]:before {
    font-size: 33px;
   }
}

@media (max-width: 325px) {
   .nav-tabs li a.icon-steps {
    width: 53px;
    font-size: 10px;
   }
   .icon-steps [class*=icon-]:before {
    font-size: 33px;
   }
}

.nav-bg {
  border: none !important;
  background: #F6F6F6;
}
.card-box-bg {
  background: #F6F6F6 !important;
}

.bg-border-top {
    border-top: 1px solid #6c757d2b !important;
}
.icon-mortgages:before{content:'\0041';}
.icon-car_sales:before{content:'\0041';}
.icon-mechanic:before{content:'\0042';}
.icon-breakdown:before{content:'\0043';}
.icon-windscreen_repair:before{content:'\0044';}
.icon-valeter:before{content:'\0045';}
.icon-vehicle_delivery:before{content:'\0046';}
.icon-breakers_salvage:before{content:'\0047';}
.icon-other:before{content:'\0048';}
.icon-car_quote:before{content:'\0049';}
.icon-log_in:before{content:'\004a';}
.icon-your_quotes:before{content:'\004b';}
.icon-your_details:before{content:'\004c';}
.icon-your_reminders:before{content:'\004d';}
.icon-contact_preferences:before{content:'\004e';}
.icon-account_settings:before{content:'\004f';}
.icon-dog:before{content:'\0050';}
.icon-phone:before{content:'\0051';}
.icon-taxi:before{content:'\0052';}
.icon-hire_taxi:before{content:'\0053';}
.icon-motorhome:before{content:'\0054';}
.icon-young_driver:before{content:'\0055';}
.icon-life:before{content:'\0056';}
.icon-fleet:before{content:'\0057';}
.icon-courier:before{content:'\0058';}
.icon-landlord:before{content:'\005a';}
.icon-home-insurance:before{content:'\0061';}
.icon-minibus:before{content:'\0062';}
.icon-van:before{content:'\0063';}
.icon-hgv:before{content:'\0064';}
.icon-motor_trade:before{content:'\0065';}
.icon-personal:before{content:'\0066';}
.icon-credit:before{content:'\0067';}
.icon-pet:before{content:'\0068';}
.icon-campervan:before{content:'\0069';}
.icon-courier_man:before{content:'\006a';}
.icon-car_dealer:before{content:'\006b';}
.icon-motor_home:before{content:'\006c';}
.icon-mechanic_man:before{content:'\006d';}
.icon-imported:before{content:'\006e';}
.icon-learner:before{content:'\006f';}
.icon-modified:before{content:'\0070';}
.icon-multi_car:before{content:'\0071';}
.icon-over_50s:before{content:'\0072';}
.icon-student:before{content:'\0073';}
.icon-telematics:before{content:'\0074';}
.icon-temporary:before{content:'\0075';}
.icon-female:before{content:'\0076';}
.icon-convicted:before{content:'\0077';}
.icon-business:before{content:'\0078';}
.icon-classic:before{content:'\0079';}
.icon-single_trip:before{content:'\007a';}
.icon-annual_trip:before{content:'\0030';}
.icon-life_people:before{content:'\0031';}
.icon-life_whole:before{content:'\0032';}
.icon-life_critical:before{content:'\0033';}
.icon-mot_prep:before{content:'\0034';}
.icon-motorcycle_repair:before{content:'\0035';}
.icon-scooter_repair:before{content:'\0036';}
.icon-tyre_fitter:before{content:'\0037';}
.icon-vehicle_el:before{content:'\0038';}
.icon-mobile_mechanic:before{content:'\0039';}
.icon-acc_fitter:before{content:'\0021';}
.icon-collection_delivery:before{content:'\0022';}
.icon-car_jockey:before{content:'\0023';}
.icon-repossesion:before{content:'\0024';}
.icon-breakers:before{content:'\0025';}
.icon-scrap:before{content:'\0026';}
.icon-crash_body:before{content:'\0027';}
.icon-windscreen_fitter:before{content:'\0028';}
.icon-restorer:before{content:'\0029';}
.icon-performance_sales:before{content:'\002a';}
.icon-scooter_sales:before{content:'\002b';}
.icon-import_sales:before{content:'\002c';}
.icon-motorcycle_sales:before{content:'\002d';}
.icon-car_van_sales:before{content:'\002e';}
.icon-classic_sales:before{content:'\002f';}
.icon-employers_liability:before{content:'\005b';}
.icon-public_liability:before{content:'\005c';}
.icon-premises:before{content:'\005d';}
.icon-lorry:before{content:'\005e';}
.icon-motorbike:before{content:'\005f';}
.icon-courier_other:before{content:'\0060';}
.icon-combined:before{content:'\007b';}
.icon-contents:before{content:'\007c';}
.icon-buildings:before{content:'\007d';}
.icon-coming_soon:before{content:'\007e';}
.icon-cat:before{content:'\003f';}
