@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400&display=swap');

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: 0
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block
}

.slick-track:after,.slick-track:before {
  display: table;
  content: ''
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.din-font {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif
}

.roboto-font {
  font-family: 'Roboto Slab',Arial,Helvetica,sans-serif
}

.racIconFont {
  width: auto;
  display: inline-block;
  font-family: racicon;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  line-height: 1em;
  text-transform: none;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  content: ''
}

.racIconFont.icon-atHome:before {
  content: "\e600"
}

.racIconFont.icon-battery:before {
  content: "\e601"
}

.racIconFont.icon-european:before {
  content: "\e602"
}

.racIconFont.icon-garage:before {
  content: "\e603"
}

.racIconFont.icon-keyReplace:before {
  content: "\e604"
}

.racIconFont.icon-legalCare:before {
  content: "\e605"
}

.racIconFont.icon-misfuel:before {
  content: "\e606"
}

.racIconFont.icon-onwardTravel:before {
  content: "\e607"
}

.racIconFont.icon-onwardTravel2:before {
  content: "\e608"
}

.racIconFont.icon-personal:before {
  content: "\e609"
}

.racIconFont.icon-recovery:before {
  content: "\e60a"
}

.racIconFont.icon-roadside:before {
  content: "\e60b"
}

.racIconFont.icon-tyreRescue:before {
  content: "\e60c"
}

.racIconFont.icon-vehicle:before {
  content: "\e60d"
}

.racIconFont.icon-chevronNext:before {
  content: "\e60e"
}

.racIconFont.icon-chevronPrev:before {
  content: "\e60f"
}

.racIconFont.icon-group-speak:before {
  content: "\e610"
}

.racIconFont.icon-fast-van:before {
  content: "\e611"
}

.racIconFont.icon-battery-timer:before {
  content: "\e612"
}

.racIconFont.icon-piggy:before {
  content: "\e613"
}

.racIconFont.icon-phone-call:before {
  content: "\e614"
}

.racIconFont.icon-round-clock:before {
  content: "\e615"
}

.racIconFont.icon-desk-globe:before {
  content: "\e616"
}

.racIconFont.icon-steering:before {
  content: "\e617"
}

.racIconFont.icon-megaphone:before {
  content: "\e618"
}

.racIconFont.icon-stop-watch:before {
  content: "\e619"
}

.racIconFont.icon-triple-chevron:before {
  content: "\e61a"
}

.racIconFont.icon-raccars:before {
  content: "\e61b"
}

.racIconFont.icon-logo:before {
  content: "\e61c"
}

.racIconFont.icon-R:before {
  content: "\e61d"
}

.racIconFont.icon-calendar:before {
  content: "\e800"
}

.racIconFont.icon-caravan:before {
  content: "\e801"
}

.racIconFont.icon-confirm:before {
  content: "\e804"
}

.racIconFont.icon-globe2:before {
  content: "\e805"
}

.racIconFont.icon-mappin:before {
  content: "\e806"
}

.racIconFont.icon-paymentcard:before {
  content: "\e807"
}

.racIconFont.icon-person:before {
  content: "\e808"
}

.racIconFont.icon-plane:before {
  content: "\e809"
}

.racIconFont.icon-tyre:before {
  content: "\e80a"
}

.racIconFont.icon-vehicle2:before {
  content: "\e80b"
}

.racIconFont.icon-questionmark:before {
  content: "\e80c"
}

.racIconFont.icon-envelope:before {
  content: '\f0e0'
}

.racIconFont.icon-info-circle:before {
  content: '\f05a'
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 ;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.fa-rotate-180 {
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.fa-star:before {
  content: '\f005'
}

.fa-check:before {
  content: '\f00c'
}

.fa-times:before {
  content: '\f00d'
}

.fa-map-marker:before {
  content: '\f041'
}

.fa-chevron-left:before {
  content: '\f053'
}

.fa-chevron-right:before {
  content: '\f054'
}

.fa-minus:before {
  content: '\f068'
}

.fa-chevron-up:before {
  content: '\f077'
}

.fa-chevron-down:before {
  content: '\f078'
}

.fa-phone:before {
  content: '\f095'
}

.fa-mobile:before {
  content: '\f10b'
}

.fa-globe:before {
  content: '\f0ac'
}

.fa-comment-o:before {
  content: '\f0e5'
}

.fa-angle-left:before {
  content: '\f104'
}

.fa-angle-right:before {
  content: '\f105'
}

.fa-angle-up:before {
  content: '\f106'
}

.fa-angle-down:before {
  content: '\f107'
}

.fa-facebook:before {
  content: '\f09a'
}

.fa-twitter:before {
  content: '\f099'
}

.fa-google-plus:before {
  content: '\f0d5'
}

.fa-youtube:before {
  content: '\f167'
}

.fa-linkedin:before {
  content: '\f0e1'
}

.fa-envelope:before {
  content: '\f0e0'
}

.fa-info-circle:before {
  content: '\f05a'
}

.fa-file-pdf-o:before {
  content: '\f1c1'
}

.fa-file-text:before {
  content: '\f0f6'
}

.fa-sign-out:before {
  content: "\f08b"
}

.fa-sign-in:before {
  content: "\f090"
}

.fa-file-o:before {
  content: "\f016"
}

* {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility
}

body {
  font-family: 'Roboto Slab',serif;
  font-size: 15px
}

::-moz-selection {
  background: #a7d1ef
}

::selection {
  background: #a7d1ef
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-weight: 400
}

h1>a,h2>a,h3>a,h4>a,h5>a,h6>a {
  color: inherit
}

h1>a:hover,h2>a:hover,h3>a:hover,h4>a:hover,h5>a:hover,h6>a:hover {
  text-decoration: none
}

h1>a:focus,h2>a:focus,h3>a:focus,h4>a:focus,h5>a:focus,h6>a:focus {
  text-decoration: none
}

h1,h2,h3 {
  font-weight: 600
}

h3,h4,h5,h6 {
  color: #777
}

h1 {
  font-size: 2.14em;
  margin-bottom: 20px
}

h2 {
  font-size: 1.74em
}

h3 {
  font-size: 1.34em
}

h4 {
  font-size: 1.2em
}

h5,h6 {
  font-size: 1em
}

a,a:active,a:link,a:visited {
  transition: all .15s ease
}

.align-text-centre {
  text-align: center
}

.small-print {
  font-size: 12px
}

.compressed-text {
  padding: 0 10%;
  margin-bottom: 20px
}

section {
  padding: 35px 0
}

section.section-padding0 {
  padding-top: 0;
  padding-bottom: 0
}

section.section-paddingTop {
  padding-bottom: 0
}

section.section-paddingBottom {
  padding-top: 0
}

section.section-paddingSlim {
  padding-top: 17.5px;
  padding-bottom: 17.5px
}

section.section-bgGray {
  background-color: #eee
}

section.section-bgGrayLight {
  background-color: #f3f3f3
}

section.section-bgGrayLightLight {
  background-color: #fdfdfd
}

section.section-bgOrange {
  background-color: #ef6c00;
  color: #fff
}

section.section-bgOrange h1,section.section-bgOrange h2,section.section-bgOrange h3,section.section-bgOrange h4,section.section-bgOrange h5,section.section-bgOrange h6 {
  color: inherit
}

section.section-bgOrangeLight {
  background-color: #fff6ef
}

section.section-bgOrange .panel {
  color: #444
}

section.section-bgImage {
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  -ms-behavior: url(/App_Themes/Components/PageTemplates/Web2Master/css/htc/backgroundsize.min.htc)
}

section.section-featureStrip {
  padding-top: 17.5px;
  padding-bottom: 17.5px;
  overflow: hidden
}

section.section-featureStrip .h2,section.section-featureStrip .h3,section.section-featureStrip .h4,section.section-featureStrip h2,section.section-featureStrip h3,section.section-featureStrip h4 {
  font-size: 1.74em;
  margin: 0
}

blockquote,blockquote.blockquote-reverse,blockquote.pull-right {
  padding: 10px 3em;
  position: relative;
  border: none;
  text-align: center
}

blockquote:after,blockquote:before {
  width: 1em;
  font-family: racicon;
  font-size: inherit;
  content: "\f10d";
  display: inline-block;
  font-family: Georgia,Times,'Times New Roman',serif;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  font-size: 3.2em!important;
  line-height: 1em;
  text-transform: none;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  content: "\201C";
  text-rendering: auto;
  -ms-transform: translate(0,0);
  transform: translate(0,0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 2em
}

blockquote:after {
  top: auto;
  bottom: .2em;
  left: auto;
  right: 0;
  content: "\201D"
}

blockquote small {
  color: inherit;
  -moz-opacity: .6;
  -khtml-opacity: .6;
  -webkit-opacity: .6;
  opacity: .6
}

blockquote small:after,blockquote small:before {
  display: none
}

.lead {
  font-size: 1.4em;
  font-weight: 400
}

.btn {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-weight: 900;
  text-align: left;
  padding-right: 34px;
  margin: 0;
  font-size: 19px;
  position: relative;
  transition: all .15s ease
}

.btn.focus,.btn:focus,.btn:hover {
  outline: 0
}

.btn.focus .fa,.btn:focus .fa,.btn:hover .fa {
  right: 10px
}

.btn.focus .racIconFont,.btn:focus .racIconFont,.btn:hover .racIconFont {
  right: 4px
}

.btn.active,.btn:active,.btn:active:focus {
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0,0,0,.25)
}

.btn.btn-lg {
  font-size: 21px
}

.btn.btn-sm {
  font-size: 16px
}

.btn.btn-xs {
  height: auto;
  font-size: 13px
}

.btn.btn-xs.active,.btn.btn-xs:active {
  padding-top: 2px;
  padding-bottom: 0
}

.btn.btn-cta {
  min-width: 200px
}

.btn-default {
  color: #444;
  background: #fff;
  background: linear-gradient(#fff,#fff)
}

.btn-default .focus,.btn-default:focus {
  background: #fff;
  background: linear-gradient(#fff,#fff)
}

.btn-default:hover {
  background: #fff;
  background: linear-gradient(#fff,#fff);
  border-color: #ccc
}

.btn-default .active,.btn-default:active,.open>.dropdown-toggle.btn-default {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1
}

.btn-default .active,.btn-default .active.focus,.btn-default .active:focus,.btn-default .active:hover,.btn-default:active,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover {
  background: #f2f2f2;
  background: linear-gradient(#f2f2f2,#fff)
}

.btn-primary {
  color: #fff;
  background: #ef6c00;
  background: linear-gradient(#ef6c00,#ff8119)
}

.btn-primary .focus,.btn-primary:focus {
  background: #ef6c00;
  background: linear-gradient(#ef6c00,#ff8119)
}

.btn-primary:hover {
  background: #ff8119;
  background: linear-gradient(#ff8119,#ff8119);
  border-color: #ef6c00
}

.btn-primary .active,.btn-primary:active,.open>.dropdown-toggle.btn-primary {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1
}

.btn-primary .active,.btn-primary .active.focus,.btn-primary .active:focus,.btn-primary .active:hover,.btn-primary:active,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {
  background: #d66000;
  background: linear-gradient(#d66000,#fe7300)
}

.btn-primary a {
  color: #fff
}

.btn-primary a span.fa {
  position: static
}

.btn-primary a:active,.btn-primary a:focus,.btn-primary a:hover {
  text-decoration: none
}

.btn-success {
  color: #fff;
  background: #03a678;
  background: linear-gradient(#03a678,#04ce95)
}

.btn-success .focus,.btn-success:focus {
  background: #03a678;
  background: linear-gradient(#03a678,#04ce95)
}

.btn-success:hover {
  background: #04ce95;
  background: linear-gradient(#04ce95,#04ce95);
  border-color: #038d66
}

.btn-success .active,.btn-success:active,.open>.dropdown-toggle.btn-success {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1
}

.btn-success .active,.btn-success .active.focus,.btn-success .active:focus,.btn-success .active:hover,.btn-success:active,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover {
  background: #038d66;
  background: linear-gradient(#038d66,#03b583)
}

.btn-info {
  color: #fff;
  background: #444;
  background: linear-gradient(#444,#585858)
}

.btn-info .focus,.btn-info:focus {
  background: #444;
  background: linear-gradient(#444,#585858)
}

.btn-info:hover {
  background: #585858;
  background: linear-gradient(#585858,#585858);
  border-color: #555
}

.btn-info .active,.btn-info:active,.open>.dropdown-toggle.btn-info {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1
}

.btn-info .active,.btn-info .active.focus,.btn-info .active:focus,.btn-info .active:hover,.btn-info:active,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover {
  background: #373737;
  background: linear-gradient(#373737,#4c4c4c)
}

.btn-warning {
  color: #fff;
  background: #efb53c;
  background: linear-gradient(#efb53c,#f2c362)
}

.btn-warning .focus,.btn-warning:focus {
  background: #efb53c;
  background: linear-gradient(#efb53c,#f2c362)
}

.btn-warning:hover {
  background: #f2c362;
  background: linear-gradient(#f2c362,#f2c362);
  border-color: #edac24
}

.btn-warning .active,.btn-warning:active,.open>.dropdown-toggle.btn-warning {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1
}

.btn-warning .active,.btn-warning .active.focus,.btn-warning .active:focus,.btn-warning .active:hover,.btn-warning:active,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover {
  background: #edac24;
  background: linear-gradient(#edac24,#f0ba4a)
}

.btn-danger {
  color: #fff;
  background: #e74c3c;
  background: linear-gradient(#e74c3c,#eb6d60)
}

.btn-danger .focus,.btn-danger:focus {
  background: #e74c3c;
  background: linear-gradient(#e74c3c,#eb6d60)
}

.btn-danger:hover {
  background: #eb6d60;
  background: linear-gradient(#eb6d60,#eb6d60);
  border-color: #e43725
}

.btn-danger .active,.btn-danger:active,.open>.dropdown-toggle.btn-danger {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1
}

.btn-danger .active,.btn-danger .active.focus,.btn-danger .active:focus,.btn-danger .active:hover,.btn-danger:active,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover {
  background: #e43725;
  background: linear-gradient(#e43725,#e9594a)
}

.btn-secondary {
  color: #fff;
  background-color: #1c86ee;
  border-color: #1179e0
}

.btn-secondary:hover {
  color: #fff;
  background-color: #429af1
}

.btn .fa {
  position: absolute;
  top: 38%;
  right: 12px
}

.btn .racIconFont {
  position: absolute;
  top: 36%;
  right: 6px
}

.btn--link {
  color: #ef6c00;
  background: 0 0;
  border: 0 none;
  padding: 0;
  outline: 0
}

.btn--link:hover {
  text-decoration: underline
}

div.btn-primary {
  padding-right: 14px
}

.btn-info {
  border-color: #555
}

.cta-icon-btn {
  background: #fff;
  background: linear-gradient(#ef6c00,#ff8119)
}

.cta-icon-btn a {
  text-decoration: none
}

.cta-icon-btn a:hover {
  text-decoration: none
}

.cta-icon-btn .focus,.cta-icon-btn:focus {
  background: #fff;
  background: linear-gradient(#ef6c00,#ff8119)
}

.cta-icon-btn:hover {
  background: #fff;
  background: linear-gradient(#ff8119,#ff8119);
  border-color: #ef6c00;
  text-decoration: none
}

.form-control {
  box-shadow: none;
  transition-property: all;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-color: #ccc
}

.form-control:focus:hover,.form-control:hover {
  border-color: #b3b3b3
}

.form-control:focus {
  box-shadow: none
}

.form-control:focus:hover {
  border-color: #ef6c00
}

.off-screen {
  position: absolute;
  left: -5000em;
  clip: rect(0 0 0 0)
}

select {
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAYAAABoKz2KAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDQvMjQvMTV2QcKKAAACD0lEQVQ4ja3UXUiTURzH8e/z7M0lW1K2RPIiLNgYUiHBIKKLlg2xoDAICiG98dJauYKKCIksKoRedpGLKIJlXQzEZi/gSw3sIragsCshhKhoPur0ebY983ThiiDZnPWHc/Pj/Plw/odzyHxosKd63AklsFUoN6P7hRAsd2XfdseUU1VCuXMlMfVV2ErpNZzzbolr8Tdu1C+Qetegjc3Fynbt+EyRyrzyh9SBW/vE9HeY/rReTrvKLXWbosX6fpWMaZWTTA5kQPu4lmRwSDnbubsgGml7qg3ePZZLJsEIZJJIVvPe5aIAsqHe5zO76r+JbD7JThhI9b2cjTzrW6pBe9wcUUfDB3OzM0gmIFeGVHdiUnLvbCwFloQQMDfsnH94fjQdH6mUDIAAymqRPZcH7Ieam/KJpN339muJWCOaujghgw3MntvWq89PWkAtHQbQx53qo+PD6VjUgRFYACwbkLddiNpa2lq14PZQevy9j0wmj66Bcm9PxaVwRyng3zAAPzZr4fYRbehJFXI+MlciV7t1MTlsFHo+MznAfuB6xcWgfyXoEjAAG9P9ra/VwQfVLOggATpgIj+FGqR1Ld2rz3SdXikK/D7XnzVhaQp5rHuOjCHLi7drAnKAtRappqPrX1GAgo88dc0RUPwmfaodMdXp0pXgvUApn0ShVXTDfPhw7/SNo2Im8qL3f6FCCH4CcfalQy7JDfQAAAAASUVORK5CYII=) no-repeat right center!important;
  -webkit-appearance: none;
  -moz-appearance: none
}

select::-ms-value {
  background-color: transparent;
  color: #444
}

.ie8 select,.ie9 select {
  background-position: -1000px!important
}

select,x:-moz-any-link {
  padding-top: 3px;
  padding-right: 2px
}

select::-ms-expand {
  display: none
}

.input-group-btn:first-child>.btn,.input-group-btn:last-child>.btn {
  z-index: auto
}

.input-group-btn:first-child>.btn:focus,.input-group-btn:first-child>.btn:hover,.input-group-btn:last-child>.btn:focus,.input-group-btn:last-child>.btn:hover {
  z-index: 2
}

.breadcrumb {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  padding: 0;
  background: 0 0;
  font-size: 1.08em;
  font-weight: 700
}

.breadcrumb>li {
  color: #ef6c00
}

.breadcrumb>li+li:before {
  padding: 0 2px;
  color: #222;
  content: "> "
}

.breadcrumb>li a {
  color: inherit
}

.breadcrumb>li a:focus,.breadcrumb>li a:hover {
  color: #ef6c00;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  text-decoration: none
}

.breadcrumb>li.active {
  color: #444
}

.breadcrumb>li .CMSBreadCrumbsCurrentItem {
  color: #444
}

.container>.breadcrumb:first-child {
  margin-top: -20px
}

.subnav ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none
}

.subnav ul>li>a {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  display: block;
  color: inherit;
  text-decoration: none;
  border-left: 4px solid #fff
}

.subnav ul>li>a:hover {
  color: #ef6c00;
  transition: all .2s ease;
  border-left: 4px solid #aaa
}

.subnav ul>li.HighLighted>a {
  padding-left: 20px;
  color: #222;
  font-weight: 600;
  border-left: 4px solid #ef6c00
}

.subnav ul>li.HighLighted>a:after {
  display: inline-block;
  font-family: racicon;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  font-size: 12px;
  line-height: 1em;
  text-transform: none;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  content: "\f054";
  text-rendering: auto;
  -ms-transform: translate(0,0);
  transform: translate(0,0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: -6px;
  display: block;
  position: absolute;
  top: 50%;
  right: 10px
}

.subnav>ul>li {
  padding: 0;
  border-bottom: 1px solid #aaa
}

.subnav>ul>li:first-child {
  border-top: 1px solid #aaa
}

.subnav>ul>li>a {
  padding: 15px 30px 15px 20px;
  position: relative;
  font-size: 16px;
  font-weight: 400;
  color: #4a4a4a
}

.subnav>ul>li>ul>li {
  border-top: 1px solid #e5e5e5
}

.subnav>ul>li>ul>li>a {
  padding: 15px 30px 15px 20px;
  position: relative;
  font-weight: 400
}

.subnav>ul>li>ul ul {
  font-size: .95em
}

.subnav>ul>li>ul ul>li>a {
  padding: 15px 30px 15px 30px;
  position: relative;
  font-weight: 400;
  border-left: 0 none
}

.subnav>ul>li>ul ul>li>a:hover {
  border-left: 0 none
}

.subnav>ul>li>ul ul>li:first-child {
  border-top: 1px solid #aaa
}

.subnav.topLevel>ul>li {
  border-bottom: 0
}

.subnav.topLevel>ul>li>a {
  padding-left: 0;
  font-size: 18px;
  color: #222;
  font-weight: 600;
  border-left: 0 none
}

.subnav.topLevel>ul>li>a:hover {
  border-left: 0 none
}

.subnav.topLevel>ul>li>a:after {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  font-size: 18px;
  line-height: 1em;
  text-transform: none;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  content: "\f078";
  text-rendering: auto;
  -ms-transform: translate(0,0);
  transform: translate(0,0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: -10px;
  display: block;
  position: absolute;
  top: 50%;
  right: 5px
}

.subnav.topLevel>ul>li>a:hover:after {
  margin-right: 0
}

.panel {
  transition: all .2s ease
}

.panel-body+.panel-body,.panel-body+.panel-footer,.panel-body+.panel-heading,.panel-footer+.panel-body,.panel-footer+.panel-footer,.panel-footer+.panel-heading,.panel-heading+.panel-body,.panel-heading+.panel-footer,.panel-heading+.panel-heading {
  padding-top: 0
}

.panel-heading {
  border-bottom: none
}

.panel-heading,.panel-title {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-size: 1.25em;
  font-weight: 700
}

.panel-body {
  position: relative
}

.panel-body span.hidden-xs {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif
}

.panel-footer {
  border-top: none
}

.no-touch .panel-action:hover {
  border-top-color: #ef6c00;
  box-shadow: 0 3px 6px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)
}

.panel-action .panel-title a:hover {
  color: #ef6c00
}

a.panel {
  display: block;
  text-decoration: none;
  color: #444
}

a.panel span {
  display: block
}

.no-touch a.panel:hover {
  border-top-color: #ef6c00;
  box-shadow: 0 3px 6px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)
}

.no-touch a.panel:hover .panel-title {
  color: #ef6c00
}

.no-touch a.panel:active,a.panel:active {
  border-top-color: #ef6c00;
  box-shadow: 0 2px 4px rgba(0,0,0,.2)
}

.panel-default {
  border-width: 1px 0 0;
  border-color: #f1f1f1;
  border-top-color: #f1f1f1;
  box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(153,153,153,.23)
}

.panel-primary {
  border-width: 10px 0 0;
  border-color: #f1f1f1;
  border-top-color: #ef6c00;
  box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(153,153,153,.23)
}

.panel-success {
  border-width: 10px 0 0;
  border-color: #f1f1f1;
  border-top-color: #03a678;
  box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(153,153,153,.23)
}

.panel-info {
  border-width: 10px 0 0;
  border-color: #f1f1f1;
  border-top-color: #444;
  box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(153,153,153,.23)
}

.panel-warning {
  border-width: 10px 0 0;
  border-color: #f1f1f1;
  border-top-color: #efb53c;
  box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(153,153,153,.23)
}

.panel-danger {
  border-width: 10px 0 0;
  border-color: #f1f1f1;
  border-top-color: #e74c3c;
  box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(153,153,153,.23)
}

.panel--grey {
  margin: 30px -15px;
  padding-top: 10px;
  padding-bottom: 40px;
  background-color: #f8f8f8
}

.panel-group:last-child {
  margin-bottom: 0
}

.panel-group .panel-without-background {
  background: 0 0
}

.panel-group>.panel {
  padding: 0 10px;
  border: 1px solid #ddd;
  border-width: 0 0 1px;
  border-radius: 0
}

.panel-group>.panel:first-child {
  border-top-width: 1px
}

.panel-group>.panel+.panel {
  margin-top: 0
}

.panel-group>.panel>.panel-heading {
  padding: 20px 45px 20px 0;
  position: relative;
  cursor: pointer;
  font-size: 1.4em;
  transition: all .35s ease;
  transition: .35s
}

.panel-group>.panel>.panel-heading:after {
  display: block;
  font-family: racicon;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  font-size: 2em;
  line-height: 40px;
  text-transform: none;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  content: "\f107";
  text-rendering: auto;
  -ms-transform: translate(0,0);
  transform: translate(0,0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all .35s ease;
  transition: .35s;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  right: 0
}

.panel-group>.panel>.panel-heading:hover:after {
  color: #ff8623
}

.panel-group>.panel>.panel-heading[aria-expanded=true] {
  padding-bottom: 15px
}

.panel-group>.panel>.panel-heading[aria-expanded=true]:after {
  -ms-transform: rotateX(180deg);
  transform: rotateX(180deg);
  color: #ef6c00
}

.panel-group>.panel>.panel-heading+.panel-collapse[aria-expanded=true] .panel-parent {
  margin-top: 15px
}

.panel-group>.panel>.panel-heading+.panel-collapse>.panel-body {
  padding: 12px 0 20px;
  border: none
}

.panel-group>.panel>.panel-heading+.panel-collapse>.panel-body .panel {
  margin-bottom: 20px
}

.close,button.close {
  font-size: 35px;
  line-height: 25px;
  color: #ef6c00;
  transition: all .15s ease;
  -moz-opacity: .3;
  -khtml-opacity: .3;
  -webkit-opacity: .3;
  opacity: .3
}

.close:hover,button.close:hover {
  color: #ef6c00;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1
}

.img-thumbnail,.thumbnail {
  box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);
  border-width: 1px 0 0 0
}

a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover {
  border-color: #eee
}

a.thumbnail:hover {
  box-shadow: 0 3px 6px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)
}

a.thumbnail:active {
  box-shadow: 0 2px 4px rgba(0,0,0,.2)
}

.no-shadow img {
  width: 100%;
  border: 1px solid #eee
}

.panel-icon {
  bottom: 6px;
  right: 20px;
  font-size: 24px;
  line-height: 18px;
  position: absolute;
  text-align: center;
  color: #444
}

.panel-icon span {
  display: block
}

.panel-icon span+span {
  font-size: 12px;
  font-family: arial;
  font-weight: 700
}

.panel-action a:hover {
  text-decoration: none
}

.panel-action a:hover span.fa {
  margin-left: 3px
}

.panel-action a:hover span.fa.fa-file-pdf-o {
  margin-left: 0
}

.panel-content {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  margin-top: 15px;
  margin-bottom: 1em
}

.panel-content h1,.panel-content h2,.panel-content h3,.panel-content h4,.panel-content h5,.panel-content h6 {
  margin-top: 0
}

.panel.contact-panel .panel-body>a {
  display: block;
  text-decoration: none;
  color: #444
}

.panel.contact-panel .panel-body>a>i {
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 2.5em
}

.panel.contact-panel .panel-body>a span {
  display: block
}

.panel.contact-panel .panel-body>a .h3 {
  margin-bottom: 5px;
  color: inherit;
  transition: all .2s ease
}

.panel.contact-panel .panel-body>a .h4 {
  color: inherit;
  font-size: 1.75em;
  font-weight: 600;
  transition: all .2s ease
}

.panel.contact-panel .panel-body>a:hover .h3,.panel.contact-panel .panel-body>a:hover .h4 {
  color: #ef6c00
}

.panel.contact-panel:hover {
  border-top-color: #222;
  box-shadow: 0 3px 6px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)
}

.panel.contact-panel:active {
  box-shadow: 0 2px 4px rgba(0,0,0,.2)
}

.csstransitions .lazyload,.csstransitions .lazyloading {
  opacity: 0
}

.csstransitions .lazyloaded {
  opacity: 1;
  transition: opacity .2s
}

.sliderQuotes blockquote {
  margin-bottom: 0
}

.btn .fa.fa-chevron-right {
  font-size: 14px;
  display: inline-block
}

.clear {
  width: 0!important;
  height: 0!important;
  margin: 0!important;
  padding: 0!important;
  display: block!important;
  visibility: hidden!important;
  float: none!important;
  clear: both!important;
  overflow: hidden!important
}

.noMargin {
  margin: 0!important
}

.noMarginBottom {
  margin-bottom: 0!important
}

.marginBottom10 {
  margin-bottom: 10px!important
}

.red {
  color: red
}

.infoText {
  line-height: 170%;
  font-size: 85%;
  color: #999
}

.uppercaseText {
  text-transform: uppercase
}

body .form-group.narrow,body .row.narrow {
  margin-left: -5px;
  margin-right: -5px
}

body .form-group.narrow>[class*=col-sm-],body .row.narrow>[class*=col-sm-] {
  padding-left: 5px;
  padding-right: 5px
}

body .form-group.narrow>[class*=col-sm-] body .form-group,body .form-group.narrow>[class*=col-sm-]>.row,body .row.narrow>[class*=col-sm-] body .form-group,body .row.narrow>[class*=col-sm-]>.row {
  margin-left: -5px;
  margin-right: -5px
}

.spacer-10 {
  height: 10px;
  opacity: 0
}

.spacer-20 {
  height: 20px;
  opacity: 0
}

.spacer-30 {
  height: 30px;
  opacity: 0
}

.spacer-40 {
  height: 40px;
  opacity: 0
}

.spacer-50 {
  height: 50px;
  opacity: 0
}

.text-colourOrange {
  color: #ef6c00
}

.text-colorDefault {
  color: #444
}

.text-colourWhite {
  color: #fff
}

.text-extraSmall {
  font-size: 70%
}

.text-large {
  font-size: 125%
}

.text-extraLarge {
  font-size: 150%
}

.text-light {
  font-weight: 300
}

.animated {
  transition: all .15s ease;
  transition-property: all!important
}

.verticalAlign {
  width: 100%;
  height: inherit;
  min-height: 55px;
  display: table
}

.verticalAlign>div {
  height: inherit;
  display: table-cell;
  vertical-align: middle
}

.bizform {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 40px
}

.bizform .form-field {
  margin-bottom: 20px
}

.bizform .form-control:focus {
  border-color: #03b1ff;
  box-shadow: 0 0 0 1px #03b1ff
}

.bizform .EditingFormLabel {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-size: 16px
}

.bizform .EditingFormErrorLabel {
  position: relative;
  margin-top: 10px;
  padding: 5px;
  font-family: 'Roboto Slab',serif;
  font-size: 16px;
  text-align: center;
  color: #fff;
  background-color: #e6231f;
  border-radius: 3px
}

.bizform .EditingFormErrorLabel:before {
  position: absolute;
  top: -6px;
  left: 50%;
  display: block;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-style: solid;
  border-width: 0 10px 10px;
  border-color: transparent;
  border-bottom-color: #e6231f;
  content: ""
}

.bizform input[type=submit] {
  position: relative;
  display: inline-block;
  min-width: 200px;
  margin-top: 20px;
  padding: 13px 34px 13px 10px;
  border: 1px solid #ea6a00;
  float: right;
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-size: 19px;
  font-weight: 900;
  line-height: 1.42857143;
  vertical-align: middle;
  color: #fff;
  text-align: left;
  background: url(../images/chevronNext.png) no-repeat top 18px right 15px,#ef6c00;
  background: url(../images/chevronNext.png) no-repeat top 18px right 15px,linear-gradient(#ef6c00,#ff8119);
  background-size: 13px 19px,100%;
  border-radius: 2px;
  transition: all .15s ease;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.bizform input[type=submit]:active {
  border-color: #ad4e00;
  background: url(../images/chevronNext.png) no-repeat top 18px right 12px,#d66000;
  background: url(../images/chevronNext.png) no-repeat top 18px right 12px,linear-gradient(#d66000,#fe7300);
  background-size: 13px 19px,100%;
  box-shadow: inset 0 3px 5px rgba(0,0,0,.25);
  outline: 0
}

.bizform input[type=submit]:hover {
  border-color: #ef6c00;
  background: url(../images/chevronNext.png) no-repeat top 18px right 12px,#ff8119;
  background: url(../images/chevronNext.png) no-repeat top 18px right 12px,linear-gradient(#ff8119,#ff8119);
  background-size: 13px 19px,100%
}

.bizform input[type=submit]:focus {
  border-color: #6a3000;
  background: url(../images/chevronNext.png) no-repeat top 18px right 12px,#ff8119;
  background: url(../images/chevronNext.png) no-repeat top 18px right 12px,linear-gradient(#ef6c00,#ff8119);
  background-size: 13px 19px,100%;
  outline: 0
}

.bizform .orange {
  color: #ef6c00
}

.bizform .Error .form-control {
  border-color: #e6231f;
  box-shadow: 0 0 0 1px #e6231f
}

.IE9 .bizform select {
  background-image: none!important
}

.ErrorLabel {
  display: block;
  margin-bottom: 20px;
  padding: 5px;
  font-family: 'Roboto Slab',serif;
  font-size: 16px;
  text-align: center;
  color: #fff;
  background-color: #e6231f;
  border-radius: 3px
}

.siteRibbon h1 {
  margin: 0
}

.siteRibbon .siteLogo {
  height: 18px;
  margin: 12px 0 0 0;
  padding: 0;
  display: block;
  overflow: hidden;
  text-indent: -999px;
  font-size: 12px
}

.siteRibbon .siteLogo img {
  height: 100%;
  display: block
}

.siteRibbon ul>li>span {
  padding: 9px 10px!important
}

header {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  z-index: 999;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0,0,0,.2);
  transition: all .35s ease
}

header+main {
  padding-top: 125px;
  transition: all .25s ease
}

.no-boxshadow header {
  border-bottom: 1px solid #d5d5d5
}

header p {
  font-family: 'Roboto Slab',serif
}

header>.siteRibbon {
  height: 40px;
  line-height: 20px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  font-weight: 600
}

header>.siteRibbon ul {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  float: left
}

header>.siteRibbon ul:after,header>.siteRibbon ul:before {
  display: table;
  content: ''
}

header>.siteRibbon ul:after {
  clear: both
}

header>.siteRibbon ul>li {
  display: block;
  position: relative;
  float: left;
  border-right: 1px solid #eee
}

header>.siteRibbon ul>li:first-child {
  border-left: 1px solid #eee
}

header>.siteRibbon ul>li:first-child:hover:before {
  display: none
}

header>.siteRibbon ul>li.vans {
  text-align: center;
  width: 77px
}

header>.siteRibbon ul>li>a,header>.siteRibbon ul>li>span {
  padding: 10px;
  display: block;
  position: relative;
  color: inherit;
  text-decoration: none!important;
  transition: all .15s ease
}

header>.siteRibbon ul>li>a a,header>.siteRibbon ul>li>span a {
  color: inherit;
  text-decoration: none
}

header>.siteRibbon ul>li>a:hover {
  background-color: #aaa;
  color: #fff
}

header>.siteRibbon ul>li>a:active {
  background-color: #777
}

header>.siteRibbon ul>li.active>a,header>.siteRibbon ul>li.active>span {
  background: #777;
  color: #fff
}

header>.siteRibbon ul>li.active>a:before,header>.siteRibbon ul>li.active>span:before {
  width: 100%;
  height: 4px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #ef6c00;
  content: ''
}

header>.siteRibbon ul>li:hover:before {
  width: 100%;
  height: 4px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #ef6c00;
  content: '';
  z-index: 2
}

header>.siteRibbon ul>li.myrac-link>a,header>.siteRibbon ul>li.myrac-logout>a {
  color: #ef6c00
}

header>.siteRibbon ul>li.myrac-link>a:hover,header>.siteRibbon ul>li.myrac-logout>a:hover {
  color: #fff
}

header>.siteRibbon ul>.ribbonSearch {
  overflow: hidden;
  zoom:1}

header>.siteRibbon ul>.ribbonSearch>input {
  margin: 0;
  padding: 10px 10px 7px;
  border: none;
  outline: 0;
  background: #eee;
  border-bottom: 3px solid transparent;
  overflow: hidden;
  zoom:1;transition: all .15s ease
}

header>.siteRibbon ul>.ribbonSearch>input:hover {
  background: #f6f6f6;
  border-bottom-color: #e1e1e1
}

header>.siteRibbon ul>.ribbonSearch>input:focus {
  background: #fbfbfb;
  border-bottom-color: #ef6c00
}

header>.siteRibbon ul>.ribbonSearch>button {
  width: 40px;
  height: 40px;
  padding: 10px;
  border: none;
  outline: 0;
  float: right;
  background: #ef6c00;
  color: #fff;
  font-size: 20px;
  -webkit-appearance: none;
  transition: all .15s ease
}

header>.siteRibbon ul>.ribbonSearch>button:hover {
  background: #ff8623
}

header>.siteRibbon .racIconFont.icon-R:before {
  position: relative;
  top: 1px;
  font-weight: 700
}

header>.siteHeader h1 {
  margin: 0;
  padding: 0
}

header>.siteHeader .siteLogo {
  height: 45px;
  margin: 20px 0;
  padding: 0;
  display: block;
  overflow: hidden;
  text-indent: -999px;
  font-size: 12px
}

header>.siteHeader .siteLogo img {
  height: 100%;
  display: block
}

header>.siteHeader .siteLogo span {
  display: inline
}

header>.siteHeader .siteLogo:hover {
  -moz-opacity: .8;
  -khtml-opacity: .8;
  -webkit-opacity: .8;
  opacity: .8
}

header>.siteHeader .col-sm-10.col-xs-6 {
  position: static
}

header.affix {
  background-color: rgba(255,255,255,.95);
  box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)
}

.no-touch header.affix:hover {
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)
}

header.affix .siteRibbon {
  margin-top: -41px;
  animation-name: site_ribbon;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  animation-duration: .4s
}

header.affix .siteHeader .siteLogo {
  height: 30px;
  margin: 15px 0
}

header.affix .siteHeader .siteNav>ul>li>a>span {
  height: 60px
}

header.affix .siteHeader .siteNav>ul>li>.navSub {
  top: 59px
}

.siteNav>ul {
  height: auto;
  margin: 0;
  padding: 0;
  display: table;
  float: right;
  list-style: none;
  transition: all .34s ease
}

.siteNav>ul>li {
  height: auto;
  margin: 0;
  padding: 0;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  transition: all .2s ease
}

.siteNav>ul>li>a {
  padding: 0 10px;
  display: table;
  position: relative;
  color: #444;
  font-size: 1.14em;
  font-weight: 600;
  text-decoration: none
}

.siteNav>ul>li>a:before {
  content: '';
  background: url(https://www.rac.co.uk//assets/down-arrow.svg) no-repeat;
  position: absolute;
  right: 5px;
  top: 50%;
  width: 8px;
  height: 5px
}

.siteNav>ul>li>a:after {
  width: 100%;
  height: 0;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: #ef6c00;
  content: '';
  transition: all .15s ease
}

.siteNav>ul>li>a>span {
  height: 85px;
  display: table-cell;
  vertical-align: middle;
  transition: all .25s ease
}

.siteNav>ul>li.active>a:after {
  height: 5px
}

.siteNav>ul>li:hover,.siteNav>ul>li>a:hover {
  background-color: #eee;
  color: #222
}

.siteNav>ul>li:hover:after,.siteNav>ul>li>a:hover:after {
  height: 5px
}

.siteNav>ul>li.clicked,.siteNav>ul>li>a.clicked {
  background-color: #eee;
  color: #222
}

.siteNav>ul>li.clicked:after,.siteNav>ul>li>a.clicked:after {
  height: 5px
}

.siteNav>ul>li:active,.siteNav>ul>li>a:active {
  background-color: #ddd
}

.siteNav>ul>li:hover>a:after {
  height: 5px
}

.siteNav>ul>li .racIconFont {
  top: 38%;
  right: 2px;
  font-size: .7em
}

.siteNav>ul>li .btn:hover .racIconFont {
  right: 1px
}

.siteNav>ul>li.clicked>a:before {
  background: url(/assets/up-arrow.svg) no-repeat
}

.siteNav>ul>li.clicked>.navSub {
  height: auto;
  opacity: 1;
  z-index: 999;
  transition: all 0s ease-in-out
}

.no-csstransitions .siteNav>ul>li.clicked>.navSub {
  max-height: none
}

.siteNav>ul>li>.navSub {
  width: 100%;
  height: 0;
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 998;
  overflow: hidden;
  opacity: .46;
  background: #eee;
  text-align: left;
  transition: all 0s ease-in-out .32s
}

.no-csstransitions .siteNav>ul>li>.navSub {
  max-height: none;
  display: none
}

.no-boxshadow .siteNav>ul>li>.navSub {
  border-bottom: 1px solid #aaa
}

.siteNav>ul>li>.navSub>div {
  width: 990px;
  margin: 30px auto;
  padding: 0;
  position: relative
}

.siteNav>ul>li>.navSub>div:after,.siteNav>ul>li>.navSub>div:before {
  display: table;
  content: ''
}

.siteNav>ul>li>.navSub>div:after {
  clear: both
}

.siteNav>ul>li>.navSub>div>div {
  width: 100%;
  padding: 0 15px
}

.siteNav>ul>li>.navSub>div>.navSub-title {
  display: none
}

.siteNav>ul>li>.navSub>div>.navSub-menu {
  width: 66.66%;
  float: left
}

.siteNav>ul>li>.navSub>div>.navSub-menu:after,.siteNav>ul>li>.navSub>div>.navSub-menu:before {
  width: 1px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  background: #d5d5d5;
  content: ''
}

.siteNav>ul>li>.navSub>div>.navSub-menu:before {
  left: 31%
}

.siteNav>ul>li>.navSub>div>.navSub-menu:after {
  right: 35%
}

.siteNav>ul>li>.navSub>div>.navSub-menu ul {
  width: 50%;
  margin: 0 0 -10px;
  padding: 0 40px 0 0;
  display: block;
  float: left;
  list-style: none
}

.siteNav>ul>li>.navSub>div>.navSub-menu ul>li {
  margin-bottom: 10px
}

.siteNav>ul>li>.navSub>div>.navSub-menu ul>li>a {
  color: #444;
  font-weight: 600;
  text-decoration: none;
  position: relative
}

.no-touch .siteNav>ul>li>.navSub>div>.navSub-menu ul>li>a:hover {
  color: #ef6c00
}

.no-touch .siteNav>ul>li>.navSub>div>.navSub-menu ul>li>a:active {
  color: #ff8623
}

.siteNav>ul>li>.navSub>div>.navSub-menu h3 {
  color: #ef6c00;
  margin-top: 0
}

.siteNav>ul>li>.navSub>div>.navSub-promo {
  width: 33.33%;
  float: left
}

.siteNav>ul>li>.navSub>div>.navSub-promo img {
  width: 100%;
  height: 90px
}

.siteNav>ul>li>.navSub>div>.navSub-promo>h3 {
  color: #444;
  font-size: 1.3em
}

footer {
  color: #eee;
  font-size: 16px;
  transition: all .25s ease
}

footer a {
  display: inline-block;
  position: relative;
  color: #fff;
  text-decoration: none
}

footer a:active,footer a:focus,footer a:hover {
  color: #fff;
  text-decoration: none;
  outline: 0
}

footer a:after {
  width: 100%;
  height: 0;
  display: block;
  position: absolute;
  bottom: -7px;
  left: 0;
  background-color: #ef6c00;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  transition: inherit
}

footer a:focus:after,footer a:hover:after {
  height: 2px;
  bottom: -3px;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1
}

footer .footerLinks ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none
}

footer .footerLinks ul>li {
  margin-top: 10px
}

footer .footerLinks ul>li:first-child {
  margin-top: 0
}

footer .siteFooter {
  padding: 40px 0;
  background: #222
}

footer .siteFooter h5 {
  margin: 0 0 15px;
  color: #eee;
  font-size: 1.4em;
  line-height: 1.2em;
  font-weight: 600
}

footer .siteFooter .footerSignUp .form-control {
  padding-bottom: 10px;
  border: none;
  border-radius: 0
}

footer .siteFooter .callcharges {
  font-size: 14px;
  margin-top: 10px
}

footer .siteFooter .socialLinks {
  margin-top: 30px
}

footer .siteFooter .socialLinks:first-child {
  margin-top: 0
}

footer .siteFooter .socialLinks .list-inline {
  margin-bottom: 0;
  font-size: 0
}

footer .siteFooter .socialLinks .list-inline a {
  width: 40px;
  height: 40px;
  line-height: 38px;
  display: block;
  border: 2px solid #eee;
  font-size: 25px;
  text-align: center
}

footer .siteFooter .socialLinks .list-inline a:hover {
  border-color: transparent;
  border-color: transparent
}

footer .siteFooter .socialLinks .list-inline a:after {
  display: none;
  content: initial
}

footer .siteFooter .socialLinks .list-inline a.fa-facebook:hover {
  background-color: #3b5998
}

footer .siteFooter .socialLinks .list-inline a.fa-twitter:hover {
  background-color: #00aced
}

footer .siteFooter .socialLinks .list-inline a.fa-google-plus:hover {
  background-color: #dd4b39
}

footer .siteFooter .socialLinks .list-inline a.fa-youtube:hover {
  background-color: #b00
}

footer .siteFooter .socialLinks .list-inline a.fa-linkedin:hover {
  background-color: #007bb6
}

footer .siteFooterRibbon {
  padding: 30px 0;
  background-color: #444;
  color: #fff
}

footer .siteFooterRibbon .footerTerms {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #777;
  color: #eee;
  font-size: .9em
}

footer .siteFooterRibbon .footerTerms h1,footer .siteFooterRibbon .footerTerms h2,footer .siteFooterRibbon .footerTerms h3,footer .siteFooterRibbon .footerTerms h4,footer .siteFooterRibbon .footerTerms h5,footer .siteFooterRibbon .footerTerms h6 {
  color: inherit
}

footer .siteFooterRibbon .footerTerms:empty {
  display: none
}

footer .siteFooterRibbon .footerLinks ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none
}

footer .siteFooterRibbon .footerLinks ul>li {
  margin: 0 0 0 20px;
  display: block;
  float: left
}

footer .siteFooterRibbon .footerLinks ul>li:first-child {
  margin: 0
}

.row .bodyText {
  padding-bottom: 20px
}

.bodyText .h1:last-child,.bodyText .h2:last-child,.bodyText .h3:last-child,.bodyText .h4:last-child,.bodyText .h5:last-child,.bodyText .h6:last-child,.bodyText h1:last-child,.bodyText h2:last-child,.bodyText h3:last-child,.bodyText h4:last-child,.bodyText h5:last-child,.bodyText h6:last-child,body.cke_editable .h1:last-child,body.cke_editable .h2:last-child,body.cke_editable .h3:last-child,body.cke_editable .h4:last-child,body.cke_editable .h5:last-child,body.cke_editable .h6:last-child,body.cke_editable h1:last-child,body.cke_editable h2:last-child,body.cke_editable h3:last-child,body.cke_editable h4:last-child,body.cke_editable h5:last-child,body.cke_editable h6:last-child,body.cke_show_borders .h1:last-child,body.cke_show_borders .h2:last-child,body.cke_show_borders .h3:last-child,body.cke_show_borders .h4:last-child,body.cke_show_borders .h5:last-child,body.cke_show_borders .h6:last-child,body.cke_show_borders h1:last-child,body.cke_show_borders h2:last-child,body.cke_show_borders h3:last-child,body.cke_show_borders h4:last-child,body.cke_show_borders h5:last-child,body.cke_show_borders h6:last-child {
  margin-bottom: 0
}

.bodyText p:last-child,body.cke_editable p:last-child,body.cke_show_borders p:last-child {
  margin-bottom: 0
}

.bodyText hr,body.cke_editable hr,body.cke_show_borders hr {
  border-top-color: #e3e1df
}

.bodyText hr:first-child,body.cke_editable hr:first-child,body.cke_show_borders hr:first-child {
  margin-top: 0
}

.bodyText hr:last-child,body.cke_editable hr:last-child,body.cke_show_borders hr:last-child {
  margin-bottom: 0
}

.bodyText>ul,body.cke_editable>ul,body.cke_show_borders>ul {
  padding-left: 1.15em
}

.bodyText>ol,body.cke_editable>ol,body.cke_show_borders>ol {
  padding-left: 1.3em
}

.bodyText .numberListBlocks>ol,body.cke_editable .numberListBlocks>ol,body.cke_show_borders .numberListBlocks>ol {
  margin: 0 -15px;
  padding: 0;
  list-style-type: none
}

.bodyText .numberListBlocks>ol:after,.bodyText .numberListBlocks>ol:before,body.cke_editable .numberListBlocks>ol:after,body.cke_editable .numberListBlocks>ol:before,body.cke_show_borders .numberListBlocks>ol:after,body.cke_show_borders .numberListBlocks>ol:before {
  content: " ";
  display: table
}

.bodyText .numberListBlocks>ol:after,body.cke_editable .numberListBlocks>ol:after,body.cke_show_borders .numberListBlocks>ol:after {
  clear: both
}

.bodyText .numberListBlocks>ol>li,body.cke_editable .numberListBlocks>ol>li,body.cke_show_borders .numberListBlocks>ol>li {
  width: 33.33%;
  padding: 0 15px 20px;
  float: left;
  counter-increment: step-counter
}

.bodyText .numberListBlocks>ol>li:before,body.cke_editable .numberListBlocks>ol>li:before,body.cke_show_borders .numberListBlocks>ol>li:before {
  margin-bottom: 10px;
  padding-bottom: 10px;
  line-height: 1em;
  display: block;
  clear: both;
  border-bottom: 1px solid #aaa;
  color: #ef6c00;
  font-size: 2em;
  font-weight: 600;
  content: counter(step-counter) "."
}

.bodyText .numberListBlocks>ol>li:nth-of-type(3n+1),body.cke_editable .numberListBlocks>ol>li:nth-of-type(3n+1),body.cke_show_borders .numberListBlocks>ol>li:nth-of-type(3n+1) {
  clear: both
}

.bodyText .numberListBlocks.numberListBlocks-4>ol>li,body.cke_editable .numberListBlocks.numberListBlocks-4>ol>li,body.cke_show_borders .numberListBlocks.numberListBlocks-4>ol>li {
  width: 25%
}

.bodyText .numberListBlocks.numberListBlocks-4>ol>li:nth-of-type(4n+1),body.cke_editable .numberListBlocks.numberListBlocks-4>ol>li:nth-of-type(4n+1),body.cke_show_borders .numberListBlocks.numberListBlocks-4>ol>li:nth-of-type(4n+1) {
  clear: both
}

.bodyText .numberListBlocks.numberListBlocks-4>ol>li:nth-of-type(3n+1),body.cke_editable .numberListBlocks.numberListBlocks-4>ol>li:nth-of-type(3n+1),body.cke_show_borders .numberListBlocks.numberListBlocks-4>ol>li:nth-of-type(3n+1) {
  clear: none
}

.bodyText .iconList>ul,body.cke_editable .iconList>ul,body.cke_show_borders .iconList>ul {
  padding-left: 0;
  list-style: none
}

.bodyText .iconList>ul>li,body.cke_editable .iconList>ul>li,body.cke_show_borders .iconList>ul>li {
  margin-top: 5px;
  padding-left: 1.5em;
  position: relative
}

.bodyText .iconList>ul>li:first-child,body.cke_editable .iconList>ul>li:first-child,body.cke_show_borders .iconList>ul>li:first-child {
  margin-top: 0
}

.bodyText .iconList>ul>li:before,body.cke_editable .iconList>ul>li:before,body.cke_show_borders .iconList>ul>li:before {
  display: block!important;
  position: absolute!important;
  top: 2px;
  left: 0
}

.bodyText .iconList.list-checked>ul>li:before,body.cke_editable .iconList.list-checked>ul>li:before,body.cke_show_borders .iconList.list-checked>ul>li:before {
  display: inline-block;
  position: relative;
  top: 3px;
  font-family: racicon;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  font-size: inherit;
  line-height: 1em;
  text-transform: none;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  content: "\e013";
  text-rendering: auto;
  -ms-transform: translate(0,0);
  transform: translate(0,0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.bodyText .iconList.list-chevron>ul>li:before,body.cke_editable .iconList.list-chevron>ul>li:before,body.cke_show_borders .iconList.list-chevron>ul>li:before {
  font-family: racicon;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  line-height: 1em;
  text-transform: none;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  content: "\e60e"
}

.bodyText table,body.cke_editable table,body.cke_show_borders table {
  border-spacing: 0;
  border-collapse: collapse
}

.bodyText table.hasFeatured,body.cke_editable table.hasFeatured,body.cke_show_borders table.hasFeatured {
  margin-top: 40px
}

.bodyText table thead tr,body.cke_editable table thead tr,body.cke_show_borders table thead tr {
  background-color: transparent
}

.bodyText table thead th,body.cke_editable table thead th,body.cke_show_borders table thead th {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  padding: 13px;
  position: relative;
  border: 1px solid #ddd;
  text-align: center;
  vertical-align: middle
}

.bodyText table thead th:after,body.cke_editable table thead th:after,body.cke_show_borders table thead th:after {
  display: block;
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  z-index: -1;
  content: '';
  background: #f2f2f2
}

.bodyText table thead th>span,body.cke_editable table thead th>span,body.cke_show_borders table thead th>span {
  height: 2.5em;
  margin-bottom: -4px;
  padding: 8px 8px 5px;
  display: block;
  position: absolute;
  bottom: 100%;
  left: -1px;
  right: -1px;
  z-index: 10;
  border: 1px solid #ddd;
  border-bottom-color: #fff;
  background: #fff;
  line-height: 1.65
}

.bodyText table thead th>span i,body.cke_editable table thead th>span i,body.cke_show_borders table thead th>span i {
  margin-top: 6px
}

.bodyText table thead th>span:after,body.cke_editable table thead th>span:after,body.cke_show_borders table thead th>span:after {
  display: block;
  position: absolute;
  top: 5px;
  bottom: 0;
  left: 5px;
  right: 5px;
  z-index: -1;
  content: '';
  background: #f2f2f2
}

.bodyText table thead th.highlight,body.cke_editable table thead th.highlight,body.cke_show_borders table thead th.highlight {
  color: #fff
}

.bodyText table thead th.highlight:after,body.cke_editable table thead th.highlight:after,body.cke_show_borders table thead th.highlight:after {
  background-color: #777
}

.bodyText table thead th.highlight>span:after,body.cke_editable table thead th.highlight>span:after,body.cke_show_borders table thead th.highlight>span:after {
  background-color: #444
}

.bodyText table tbody tr:nth-of-type(even),body.cke_editable table tbody tr:nth-of-type(even),body.cke_show_borders table tbody tr:nth-of-type(even) {
  background: #f2f2f2
}

.bodyText table tbody tr:nth-of-type(even) .shade,body.cke_editable table tbody tr:nth-of-type(even) .shade,body.cke_show_borders table tbody tr:nth-of-type(even) .shade {
  background: #efefef
}

.bodyText table tbody tr:nth-of-type(odd) .shade,body.cke_editable table tbody tr:nth-of-type(odd) .shade,body.cke_show_borders table tbody tr:nth-of-type(odd) .shade {
  background: #f3f3f3
}

.bodyText table tbody th,body.cke_editable table tbody th,body.cke_show_borders table tbody th {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  padding: 12px;
  border: 1px solid #ddd;
  vertical-align: middle
}

.bodyText table tbody td,body.cke_editable table tbody td,body.cke_show_borders table tbody td {
  padding: 12px;
  border: 1px solid #ddd;
  vertical-align: middle
}

.bodyText table tbody td span.glyphicon,body.cke_editable table tbody td span.glyphicon,body.cke_show_borders table tbody td span.glyphicon {
  position: relative;
  left: .54em
}

.bodyText [class*=col-sm-].pull-left,body.cke_editable [class*=col-sm-].pull-left,body.cke_show_borders [class*=col-sm-].pull-left {
  padding-left: 0
}

.bodyText [class*=col-sm-].pull-right,body.cke_editable [class*=col-sm-].pull-right,body.cke_show_borders [class*=col-sm-].pull-right {
  padding-right: 0
}

.home-grid-carousel {
  padding: 30px 0;
  overflow: hidden
}

.home-grid-carousel .grid-carousel-container {
  width: 1190px;
  margin: 0 auto
}

.home-grid-carousel>div>.row {
  margin: 0 -6px
}

.home-grid-carousel .mobileButton {
  display: none
}

.no-touch .home-grid-carousel .main-grid.prev-btn-hover .slick-list .wrapper-slick {
  transition: all .36s ease-in-out;
  -ms-transform: translateX(-16px);
  transform: translateX(26px)
}

.no-touch .home-grid-carousel .main-grid .slick-list .wrapper-slick {
  transition: all .36s ease-in-out;
  -ms-transform: translateX(0);
  transform: translateX(0)
}

.no-touch .home-grid-carousel .main-grid.next-btn-hover .slick-list .wrapper-slick {
  transition: all .36s ease-in-out;
  -ms-transform: translateX(-16px);
  transform: translateX(-26px)
}

.no-touch .home-grid-carousel .main-grid .slick-list .wrapper-slick {
  transition: all .36s ease-in-out;
  -ms-transform: translateX(0);
  transform: translateX(0)
}

.home-grid-carousel .slick-list {
  overflow: visible
}

.home-grid-carousel .slick-prev-btn {
  position: absolute;
  top: 43%;
  padding: 30px 30px 30px 22px;
  background-color: rgba(47,47,47,.65);
  color: #fff;
  left: -40px;
  z-index: 2
}

.home-grid-carousel .slick-next-btn i,.home-grid-carousel .slick-prev-btn i {
  font-size: 38px
}

.no-touch .home-grid-carousel .slick-next-btn:hover,.no-touch .home-grid-carousel .slick-prev-btn:hover {
  background-color: rgba(239,108,0,.9);
  cursor: pointer
}

.home-grid-carousel .slick-arrow-btn-touch {
  background-color: rgba(239,108,0,.9)!important
}

.home-grid-carousel .slick-next-btn {
  position: absolute;
  top: 43%;
  padding: 30px 22px 30px 30px;
  background-color: rgba(47,47,47,.65);
  color: #fff;
  right: -40px;
  z-index: 2
}

.off-left-slide {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: -100%;
  z-index: 1;
  background: rgba(255,255,255,.75);
  margin-right: 0;
  margin-left: 0;
  right: auto;
  left: -100%
}

.off-right-slide {
  width: 100%;
  height: 100%;
  margin-right: 0;
  display: block;
  position: absolute;
  top: 0;
  right: -100%;
  z-index: 1;
  background: rgba(255,255,255,.75)
}

.home-grid-carousel .grid-control {
  width: 100%;
  margin: 0;
  padding: 0 0 20px 0;
  display: block;
  text-align: center
}

.home-grid-carousel .grid-control:after,.home-grid-carousel .grid-control:before {
  display: table;
  content: ''
}

.home-grid-carousel .grid-control:after {
  clear: both
}

.home-grid-carousel .grid-control>div {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  display: inline-block;
  text-align: center;
  margin: 0;
  padding: 0 1%;
  width: 19%
}

.home-grid-carousel .grid-control>div>a {
  padding: 10px 10px;
  display: block;
  border-bottom: 13px solid #e8e8e8;
  color: #333;
  font-size: 1.1em;
  font-weight: 600;
  text-decoration: none
}

.home-grid-carousel .grid-control>div>a:hover {
  border-bottom-color: #ccc
}

.home-grid-carousel .grid-control>div>a.active {
  border-bottom-color: #ef6c00
}

.home-grid-carousel a.gridBlockLink {
  display: block;
  overflow: hidden;
  outline: 0;
  transition: all .2s ease-out
}

.home-grid-carousel a.gridBlockLink.active,.home-grid-carousel a.gridBlockLink.focus,.home-grid-carousel a.gridBlockLink:active,.home-grid-carousel a.gridBlockLink:active:focus,.home-grid-carousel a.gridBlockLink:focus,.home-grid-carousel a.gridBlockLink:hover {
  outline: 0
}

.home-grid-carousel .desktop-slide,.home-grid-carousel .mobile-slide {
  outline: 0
}

.home-grid-carousel .desktop-slide.active,.home-grid-carousel .desktop-slide.focus,.home-grid-carousel .desktop-slide:active,.home-grid-carousel .desktop-slide:active:focus,.home-grid-carousel .desktop-slide:focus,.home-grid-carousel .desktop-slide:hover,.home-grid-carousel .mobile-slide.active,.home-grid-carousel .mobile-slide.focus,.home-grid-carousel .mobile-slide:active,.home-grid-carousel .mobile-slide:active:focus,.home-grid-carousel .mobile-slide:focus,.home-grid-carousel .mobile-slide:hover {
  outline: 0
}

.home-grid-carousel .mobile-slide>div {
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0,0,0,.2);
  padding: 5px;
  transition: all .2s ease
}

.no-touch .home-grid-carousel .mobile-slide>div:hover {
  box-shadow: 0 3px 6px rgba(0,0,0,.19),0 6px 6px rgba(153,153,153,.23)
}

.home-grid-carousel a.gridBlockLink img {
  width: 100%;
  height: auto
}

.home-grid-carousel a.gridBlockLink img {
  -ms-transform: scale(1);
  transform: scale(1);
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  transition: all .7s ease
}

.home-grid-carousel a.gridBlockLink>span {
  width: 55%;
  display: block;
  position: absolute;
  bottom: .5%;
  left: 2%;
  background: #fff;
  transition: inherit
}

.home-grid-carousel a.gridBlockLink>span>span {
  padding: 10px;
  display: block;
  font-size: 14px;
  transition: inherit
}

.home-grid-carousel a.gridBlockLink>span>span>span {
  margin-top: 5px;
  display: block;
  color: #333
}

.home-grid-carousel a.gridBlockLink>span>span>span:first-child {
  margin-top: 0
}

.home-grid-carousel a.gridBlockLink>span>span .blockTitle {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  color: #ef6c00;
  font-size: 1.4em;
  font-weight: 600
}

.home-grid-carousel a.gridBlockLink>span>span .blockText {
  font-size: 1em
}

.home-grid-carousel a.gridBlockLink>span>span .blockLink {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  color: #ef6c00;
  font-size: 1em;
  font-weight: 600
}

.home-grid-carousel a.gridBlockLink:hover>span {
  background: #fff
}

.home-grid-carousel .col-sm-6.col-height-2 {
  height: 100%
}

.no-touch .home-grid-carousel .col-sm-6.col-height-2 a.gridBlockLink:hover img {
  -ms-transform: scale(1.02);
  transform: scale(1.02)
}

.home-grid-carousel .col-sm-6.col-height-2 a.gridBlockLink>span>span .blockTitle {
  font-size: 180%
}

.home-grid-carousel .col-sm-6.col-height-2 a.gridBlockLink>span>span .blockText {
  font-size: 130%
}

.home-grid-carousel .col-sm-6.col-height-2 a.gridBlockLink>span>span .blockLink {
  font-size: 120%
}

.home-grid-carousel .col-sm-6.col-height-1 a.gridBlockLink img {
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%
}

.no-touch .home-grid-carousel .col-sm-6.col-height-1 a.gridBlockLink:hover img {
  -ms-transform: scale(1.02);
  transform: scale(1.02)
}

.home-grid-carousel .col-sm-3.col-height-1 a.gridBlockLink>span {
  width: 93%;
  left: 3.5%;
  bottom: 2.5%
}

.home-grid-carousel .col-sm-6.col-height-1 a.gridBlockLink>span {
  width: 50%;
  bottom: 2%;
  left: 1.5%
}

.home-grid-carousel .col-sm-6.col-height-1 a.gridBlockLink>span>span {
  position: relative;
  z-index: 1
}

.home-grid-carousel .col-sm-6.col-height-1 a.gridBlockLink:hover>span {
  padding: inherit
}

.home-grid-carousel .slider-loading {
  display: none
}

/*! SWIPER SLIDER ===================================================================================== */
.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat
}

.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em
}

.flag-icon:before {
  content: "\00a0"
}

.flag-icon-ad {
  background-image: url(../fonts/flags/4x3/ad.svg)
}

.flag-icon-al {
  background-image: url(../fonts/flags/4x3/al.svg)
}

.flag-icon-am {
  background-image: url(../fonts/flags/4x3/am.svg)
}

.flag-icon-at {
  background-image: url(../fonts/flags/4x3/at.svg)
}

.flag-icon-az {
  background-image: url(../fonts/flags/4x3/az.svg)
}

.flag-icon-ba {
  background-image: url(../fonts/flags/4x3/ba.svg)
}

.flag-icon-be {
  background-image: url(../fonts/flags/4x3/be.svg)
}

.flag-icon-bg {
  background-image: url(../fonts/flags/4x3/bg.svg)
}

.flag-icon-by {
  background-image: url(../fonts/flags/4x3/by.svg)
}

.flag-icon-ch {
  background-image: url(../fonts/flags/4x3/ch.svg)
}

.flag-icon-cy {
  background-image: url(../fonts/flags/4x3/cy.svg)
}

.flag-icon-cz {
  background-image: url(../fonts/flags/4x3/cz.svg)
}

.flag-icon-de {
  background-image: url(../fonts/flags/4x3/de.svg)
}

.flag-icon-dk {
  background-image: url(../fonts/flags/4x3/dk.svg)
}

.flag-icon-ee {
  background-image: url(../fonts/flags/4x3/ee.svg)
}

.flag-icon-es {
  background-image: url(../fonts/flags/4x3/es.svg)
}

.flag-icon-fi {
  background-image: url(../fonts/flags/4x3/fi.svg)
}

.flag-icon-fr {
  background-image: url(../fonts/flags/4x3/fr.svg)
}

.flag-icon-ge {
  background-image: url(../fonts/flags/4x3/ge.svg)
}

.flag-icon-gi {
  background-image: url(../fonts/flags/4x3/gi.svg)
}

.flag-icon-gr {
  background-image: url(../fonts/flags/4x3/gr.svg)
}

.flag-icon-hr {
  background-image: url(../fonts/flags/4x3/hr.svg)
}

.flag-icon-hu {
  background-image: url(../fonts/flags/4x3/hu.svg)
}

.flag-icon-ie {
  background-image: url(../fonts/flags/4x3/ie.svg)
}

.flag-icon-it {
  background-image: url(../fonts/flags/4x3/it.svg)
}

.flag-icon-li {
  background-image: url(../fonts/flags/4x3/li.svg)
}

.flag-icon-lt {
  background-image: url(../fonts/flags/4x3/lt.svg)
}

.flag-icon-lu {
  background-image: url(../fonts/flags/4x3/lu.svg)
}

.flag-icon-lv {
  background-image: url(../fonts/flags/4x3/lv.svg)
}

.flag-icon-mc {
  background-image: url(../fonts/flags/4x3/mc.svg)
}

.flag-icon-md {
  background-image: url(../fonts/flags/4x3/md.svg)
}

.flag-icon-me {
  background-image: url(../fonts/flags/4x3/me.svg)
}

.flag-icon-mk {
  background-image: url(../fonts/flags/4x3/mk.svg)
}

.flag-icon-mt {
  background-image: url(../fonts/flags/4x3/mt.svg)
}

.flag-icon-nl {
  background-image: url(../fonts/flags/4x3/nl.svg)
}

.flag-icon-no {
  background-image: url(../fonts/flags/4x3/no.svg)
}

.flag-icon-pl {
  background-image: url(../fonts/flags/4x3/pl.svg)
}

.flag-icon-pt {
  background-image: url(../fonts/flags/4x3/pt.svg)
}

.flag-icon-ro {
  background-image: url(../fonts/flags/4x3/ro.svg)
}

.flag-icon-rs {
  background-image: url(../fonts/flags/4x3/rs.svg)
}

.flag-icon-ru {
  background-image: url(../fonts/flags/4x3/ru.svg)
}

.flag-icon-se {
  background-image: url(../fonts/flags/4x3/se.svg)
}

.flag-icon-si {
  background-image: url(../fonts/flags/4x3/si.svg)
}

.flag-icon-sk {
  background-image: url(../fonts/flags/4x3/sk.svg)
}

.flag-icon-sm {
  background-image: url(../fonts/flags/4x3/sm.svg)
}

.flag-icon-tr {
  background-image: url(../fonts/flags/4x3/tr.svg)
}

.flag-icon-ua {
  background-image: url(../fonts/flags/4x3/ua.svg)
}

.flag-icon-va {
  background-image: url(../fonts/flags/4x3/va.svg)
}

.country-zone {
  font-weight: 700;
  margin: 10px 0;
  position: relative;
  padding: 5px 5px 5px 45px;
  clear: initial
}

.country-zone .flag-icon {
  line-height: 1.35em;
  width: 1.8666em;
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  border: 1px solid #e5e5e5
}

.ebcHero {
  background: url(/images/sliderImage/slide1.jpg) top center no-repeat;
  height: 372px
}

.ebcHero .ctaPanel {
  background: rgba(255,255,255,.76);
  width: 32em;
  margin-top: 34px;
  padding: 16px 22px
}

.ebcHero .ctaPanel h2 {
  text-transform: capitalize;
  line-height: 1.3
}

.ebcHero .ctaPanel h3 {
  font-size: 220%
}

.featureImage p,.main-banner p {
  margin: 10px 0 0;
  font-size: .76em
}

.featureImage {
  min-height: 400px;
  background-repeat: no-repeat;
  background-position: center top
}

.featureImage-text {
  padding: 20px;
  background: rgba(255,255,255,.85);
  border-radius: 2px
}

.featureImage-text h2 {
  font-size: 2.3em;
  margin-top: 0;
  line-height: 1.1
}

.featureImage-text h3 {
  font-size: 1.625em;
  margin-top: 0;
  line-height: 1.1
}

.featureImage-text a.btn {
  font-size: 26px;
  font-weight: 900;
  padding: 11px 120px 13px 14px;
  position: relative
}

.featureImage-text a.btn .fa {
  font-size: 18px
}

.featureImage-text a.btn .racIconFont {
  font-size: .76em
}

.featureImage-text.doubleCTA .btn {
  padding: 6px 40px 8px 14px;
  min-width: 11.4em;
  font-size: 20px
}

blockquote.inline {
  text-align: left;
  font-size: 106%
}

blockquote.inline a {
  text-decoration: underline
}

.cust-quotes {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.slider-quotes {
  position: relative
}

.slider-quotes .slick-slide:focus {
  outline: 0
}

.slick-cloned {
  color: transparent
}

.slick-active {
  z-index: 40
}

blockquote {
  width: 96%;
  margin: 0 auto;
  overflow: hidden;
  margin: 0;
  padding: 8px 52px
}

blockquote:before {
  left: 0
}

blockquote:after {
  bottom: 0;
  right: 0
}

.slider-quotes .slick-prev-btn {
  position: absolute;
  top: 98%;
  z-index: 2;
  left: 32px
}

.slider-quotes .slick-prev-btn:hover {
  color: #ef6c00;
  cursor: pointer
}

.slider-quotes .slick-next-btn i,.slider-quotes .slick-prev-btn i {
  font-size: 34px
}

.slider-quotes .slick-next-btn {
  position: absolute;
  top: 98%;
  z-index: 2;
  right: 32px
}

.slider-quotes .slick-next-btn:hover {
  color: #ef6c00;
  cursor: pointer
}

.ebcCover {
  padding-top: 0
}

.ebcCover .caption {
  font-size: 1em;
  padding-top: 0
}

.ebcCover .landingOptionalExtras {
  margin-bottom: 0
}

.ebcCover .landingOptionalExtras .thumbnail {
  padding-bottom: 0
}

.ebcCover .landingOptionalExtras .thumbnail .caption {
  font-size: 1em
}

.ebcCover .landingOptionalExtras .thumbnail .caption p {
  padding: 0 32px
}

.alreadyBD>a {
  display: block;
  background-color: #fff;
  border-top: 10px solid #7a7a7a;
  padding: 14px;
  margin-bottom: 20px;
  text-decoration: none;
  color: #444;
  font-weight: 600;
  position: relative;
  box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)
}

.alreadyBD>a:active,.alreadyBD>a:hover {
  text-decoration: none;
  border-color: #444;
  box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)
}

.alreadyBD>a:active h3,.alreadyBD>a:active h4,.alreadyBD>a:hover h3,.alreadyBD>a:hover h4 {
  color: #ef6c00
}

.alreadyBD .fa {
  position: absolute;
  right: 16px;
  top: 6px;
  font-size: 2.4em;
  background-color: #fff
}

.alreadyBD h3 {
  font-size: 1.4em;
  letter-spacing: -1px;
  margin: 0 0 16px 0;
  min-height: 2.4em
}

.alreadyBD h3 span {
  font-size: 80%
}

.alreadyBD span+h3 {
  margin-right: 2.4em
}

.alreadyBD h4 {
  font-weight: 600;
  font-size: 2em
}

.no-touch .alreadyBD a {
  cursor: default
}

.no-touch .alreadyBD a:hover h3,.no-touch .alreadyBD a:hover h4 {
  color: #444
}

section.mainPromo .btn {
  margin-bottom: 16px
}

.main-promo-inner a.thumbnail:hover {
  box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)
}

.main-promo-inner img {
  width: 100%;
  height: auto
}

.main-promo-inner .iconList.lead {
  font-size: 1em;
  margin-bottom: 0
}

.main-promo-inner>div>h2 {
  font-size: 2em;
  line-height: 1.1;
  margin-top: 0 0 10px 0
}

.main-promo-inner>div>h3 {
  font-size: 1.625em;
  line-height: 1.1;
  margin-top: 0 0 10px 0
}

.crossSell h2 {
  font-size: 1.625em
}

.crossSell h3 {
  font-size: 1.3em
}

.crossSell .iconList ul li {
  font-size: 1em
}

.crossSell.bodyText .iconList.list-checked>ul>li:before {
  top: 4px;
  font-size: .9em
}

.compareFour .smallPrint,.compareThree .smallPrint {
  font-size: .84em
}

.compareFour .coverLevel .detail .feature p {
  display: none
}

.coverLevel .detail .feature.fa:before {
  top: -12px
}

.compareThree .coverLevel .detail .feature p {
  display: block;
  margin-top: -4px;
  font-size: .9em;
  line-height: 1.2em
}

.coverLevel {
  margin: 15px;
  padding: 8px;
  border: 1px solid #f4f4f4;
  background-color: #fdfdfd;
  box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)
}

.coverLevel .overview {
  background-color: #e6e6e6;
  padding: 16px 12px 6px
}

.coverLevel .overview h2,.coverLevel .overview h3,.coverLevel .overview h4 {
  color: #222;
  vertical-align: middle;
  margin-bottom: 16px
}

.coverLevel .overview h2 span,.coverLevel .overview h3 span,.coverLevel .overview h4 span {
  font-size: 50%;
  white-space: nowrap
}

.coverLevel .overview h2:empty,.coverLevel .overview h3:empty,.coverLevel .overview h4:empty {
  display: none
}

.coverLevel .overview h2 {
  font-size: 1.8em
}

.coverLevel .overview h3 {
  font-size: 1.4em
}

.coverLevel .overview h4 {
  font-size: 2.2em;
  font-weight: 600
}

.coverLevel .overview .btn-primary {
  display: none
}

.coverLevel .overview img {
  float: right;
  padding: 0 12px
}

.coverLevel.featured,.coverLevel.highlight,.coverLevel.highlight-featured {
  background-color: #e6e6e6
}

.coverLevel.featured .overview,.coverLevel.highlight .overview,.coverLevel.highlight-featured .overview {
  background-color: #444;
  padding: 0 0 12px 0
}

.coverLevel.featured .overview h2,.coverLevel.featured .overview h3,.coverLevel.featured .overview h4,.coverLevel.highlight .overview h2,.coverLevel.highlight .overview h3,.coverLevel.highlight .overview h4,.coverLevel.highlight-featured .overview h2,.coverLevel.highlight-featured .overview h3,.coverLevel.highlight-featured .overview h4 {
  color: #fff;
  padding: 0 12px
}

.coverLevel.featured .overview div+h2,.coverLevel.featured .overview div+h3,.coverLevel.featured .overview div+h4,.coverLevel.highlight .overview div+h2,.coverLevel.highlight .overview div+h3,.coverLevel.highlight .overview div+h4,.coverLevel.highlight-featured .overview div+h2,.coverLevel.highlight-featured .overview div+h3,.coverLevel.highlight-featured .overview div+h4 {
  margin-top: 0
}

.coverLevel.featured .overview .highlight,.coverLevel.highlight .overview .highlight,.coverLevel.highlight-featured .overview .highlight {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  text-align: center;
  font-size: 1.2em;
  color: #ef6c00;
  border-bottom: 2px solid #e6e6e6;
  background-color: #252525;
  padding: 6px;
  margin-bottom: 14px
}

.coverLevel.featured .overview .highlight+img,.coverLevel.highlight .overview .highlight+img,.coverLevel.highlight-featured .overview .highlight+img {
  margin-top: 0
}

.coverLevel.highlight-featured .overview img+h2,.coverLevel.highlight-featured .overview img+h3,.coverLevel.highlight-featured .overview img+h4 {
  margin-top: 10px
}

.coverLevel.featured .overview {
  padding-top: 12px
}

.coverLevel .detail h5 {
  padding: 12px 12px 18px 12px;
  color: #222;
  font-weight: 600
}

.coverLevel .detail .feature {
  margin: 0 12px 22px 12px;
  padding-left: 56px;
  position: relative;
  display: block
}

.coverLevel .detail .feature.fa:before {
  font-family: racicon;
  font-size: 2em;
  top: -12px
}

.coverLevel .detail .feature:before {
  font-size: 1.2em;
  position: absolute;
  top: -4px;
  left: 18px
}

.coverLevel .detail .feature[class*=icon-]:before {
  font-family: racicon;
  left: 0;
  top: 0;
  font-size: 1.8em
}

.coverLevel .detail .feature.icon-atHome:before {
  content: "\e600"
}

.coverLevel .detail .feature.icon-battery:before {
  content: "\e601"
}

.coverLevel .detail .feature.icon-european:before {
  content: "\e602"
}

.coverLevel .detail .feature.icon-garage:before {
  content: "\e603"
}

.coverLevel .detail .feature.icon-keyReplace:before {
  content: "\e604"
}

.coverLevel .detail .feature.icon-legalCare:before {
  content: "\e605"
}

.coverLevel .detail .feature.icon-misfuel:before {
  content: "\e606"
}

.coverLevel .detail .feature.icon-onwardTravel:before {
  content: "\e607"
}

.coverLevel .detail .feature.icon-onwardTravel2:before {
  content: "\e608"
}

.coverLevel .detail .feature.icon-personal:before {
  content: "\e609"
}

.coverLevel .detail .feature.icon-recovery:before {
  content: "\e60a"
}

.coverLevel .detail .feature.icon-roadside:before {
  content: "\e60b"
}

.coverLevel .detail .feature.icon-tyreRescue:before {
  content: "\e60c"
}

.coverLevel .detail .feature.icon-vehicle:before {
  content: "\e60d"
}

.coverLevel .detail .feature.icon-tick:before {
  font-family: racicon;
  content: "\f00c";
  left: 6px
}

.coverLevel .detail .feature h6 {
  color: #222;
  font-size: 1.1em;
  font-weight: 600;
  margin-top: 0
}

.coverLevel .detail .feature p {
  display: none
}

.coverLevel .detail .feature.placehold {
  border-width: 0
}

.coverLevel .detail .feature.placehold:before {
  content: ''
}

.compareTicks .rowHighlight {
  background-color: #fde9d9!important
}

.compareTicks .coverDescription {
  display: none;
  margin-top: 206px
}

.compareTicks .coverLevel {
  background-color: #fff
}

.compareTicks .coverLevel .overview h3 {
  font-weight: 100;
  margin-top: 0
}

.compareTicks .coverLevel .overview h3 span {
  font-size: 100%
}

.compareTicks .coverLevel .overview h4 {
  margin-bottom: 2px;
  margin-top: 0
}

.compareTicks .coverLevel .overview .button {
  display: none
}

.compareTicks .coverLevel .feature {
  border: none;
  display: none
}

.compareTicks .coverLevel .feature[class*=icon-] {
  display: block
}

.compareTicks .coverLevel.featured .overview {
  background-color: #386c87
}

.compareTicks .coverLevel.highlight .overview {
  padding-top: 12px;
  background-color: #c1c1c1
}

.compareTicks .coverLevel.highlight .overview h2,.compareTicks .coverLevel.highlight .overview h3,.compareTicks .coverLevel.highlight .overview h4 {
  color: #000
}

.compareTicks .coverLevel .detail {
  margin-bottom: 0
}

.compareTicks .coverLevel .detail .feature {
  margin-bottom: 0;
  padding-top: 6px
}

.compareTicks .coverLevel .detail .btn-primary {
  margin-top: 30px
}

.redirectPrompt {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  float: right;
  background-color: #555;
  color: #fff;
  font-weight: 700
}

.redirectPrompt a {
  padding: 10px;
  display: block;
  color: #fff
}

.redirectPrompt a:hover {
  background-color: #a9a9a9;
  text-decoration: none
}

.redirectPrompt a:focus {
  text-decoration: none
}

.redirectPrompt span {
  font-size: 84%
}

.redirectPrompt.login .fa {
  font-size: 1.2em;
  margin-right: .24em
}

.redirectPrompt.login .racIconFont {
  margin-left: 4em
}

.tabSwitch {
  margin-top: 30px;
  padding: 20px 0
}

.tabSwitch fieldset [class*=col-] {
  padding: 5px
}

.tab-control {
  list-style-type: none;
  text-align: center;
  margin: 0;
  padding: .7em 0
}

.tab-control li {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-size: 1.2em;
  display: inline-block;
  padding: 0;
  border: 2px solid #ef6c00;
  background-color: transparent
}

.tab-control li.first {
  border-radius: 6px 0 0 6px;
  border-right-width: 1px
}

.tab-control li.second {
  border-radius: 0 6px 6px 0;
  border-left-width: 1px
}

.tab-control li a {
  display: block;
  white-space: nowrap;
  padding: 12px 16px;
  color: #ef6c00;
  font-weight: 300
}

.tab-control li a:hover {
  text-decoration: none
}

.tab-control li a:active {
  text-decoration: none;
  outline: 0
}

.tab-control li a:focus {
  text-decoration: none;
  outline: 0
}

.tab-control li.active {
  background-color: #ef6c00
}

.tab-control li.active a {
  font-weight: 600;
  color: #fff
}

.tab-control li.active a:hover {
  cursor: default;
  outline: 0
}

.tab-control+.tab-content {
  margin-top: 18px;
  padding: 0 20px 2px 20px
}

.tab-content .iconList.list-checked ul {
  margin-left: 3%
}

.tab-content .iconList.list-checked ul li {
  float: left;
  width: 44%;
  font-size: .68em;
  text-align: center;
  padding: 4em 1em 1em 1em;
  margin: 0 6px 12px 6px;
  background-color: #fff1e5;
  border-radius: 2px
}

.tab-content .iconList.list-checked ul li:before {
  color: #1e9771;
  width: 100%;
  text-align: center;
  font-size: 20px;
  top: 1.3em
}

.tab-content p {
  width: 100%;
  float: left
}

.tabSwitch.secondary .tab-control li {
  border-color: #386c87
}

.tabSwitch.secondary .tab-control li a {
  color: #386c87
}

.tabSwitch.secondary .tab-control li.active {
  background-color: #386c87
}

.tabSwitch.secondary .tab-control li.active a {
  color: #fff
}

.secondary .tab-content .iconList.list-checked ul li {
  background-color: #f6f9fb
}

.tabSwitch.tertiary .tab-control li {
  border-color: #4a4a4a
}

.tabSwitch.tertiary .tab-control li a {
  color: #4a4a4a
}

.tabSwitch.tertiary .tab-control li.active {
  background-color: #4a4a4a
}

.tabSwitch.tertiary .tab-control li.active a {
  color: #fff
}

.tertiary .tab-content .iconList.list-checked ul li {
  background-color: #f7f7f7
}

.tertiary.outline .tab-content .iconList.list-checked ul li {
  background-color: transparent;
  border: 1px solid #d9d9d9
}

.bacsacSwitch .tabSwitch p {
  text-align: center;
  margin-bottom: 24px
}

.bacsacSwitch .tabSwitch .bodyText {
  padding-bottom: 0
}

.car-search {
  background: rgba(255,255,255,.76)
}

.car-search .has-error {
  margin: 6px 0 0 0;
  float: left
}

.car-search .has-error p {
  margin-bottom: 0
}

.featureImage .btn.carPass {
  font-size: 24px;
  padding: 12px 28px 12px 10px;
  min-width: 20px
}

span.reg {
  position: relative;
  display: inline-block
}

span.reg:before {
  font-family: racicon;
  content: "\e80d";
  color: #ffde00;
  font-size: 2.4em;
  position: absolute;
  top: 3px;
  left: 0;
  width: 44px;
  text-align: center;
  z-index: 100
}

.carReg {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  text-transform: uppercase;
  text-align: center;
  background-color: #ffde00;
  border: 0 solid #ffde00;
  border-radius: 2px;
  border-left: 44px solid #12358d;
  color: #000;
  font-size: 1.7em;
  vertical-align: middle;
  padding: 10px 22px;
  width: 9em;
  font-weight: 900;
  margin-right: 18px;
  position: relative
}

.carReg::-webkit-input-placeholder {
  color: #000
}

.carReg:-moz-placeholder {
  color: #000
}

.carReg::-moz-placeholder {
  color: #000
}

.carReg:-ms-input-placeholder {
  color: #000
}

.carReg:input-placeholder {
  color: #000
}

.has-error {
  position: relative;
  padding: 4px;
  top: 6px;
  background-color: #e74c3c;
  color: #fff;
  margin: 8px 88px 0;
  display: none;
  border-radius: 3px
}

.has-error p {
  margin: 0;
  text-align: center
}

.has-error:before {
  width: 0;
  height: 0;
  margin-left: -10px;
  display: block;
  position: absolute;
  top: -10px;
  left: 30%;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent;
  border-bottom-color: #e74c3c;
  content: ''
}

.featureImage .has-error {
  left: -88px
}

section.article {
  padding-top: 0
}

section.article h1 {
  margin-bottom: 18px
}

section.article+.docQuickGuide {
  border-top: 1px solid #a9a9a9
}

.docQuickGuide {
  border-bottom: 1px solid #a9a9a9
}

.docQuickGuide .row {
  padding: 0 22px
}

.bacsacSwitch .link,.docQuickGuide .link {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  background-color: #ef6c00;
  border-radius: 2px;
  padding: 12px 22px 16px 62px;
  margin-top: 8px;
  display: inline-block;
  position: relative;
  text-align: left
}

.bacsacSwitch .link a,.docQuickGuide .link a {
  color: #fff;
  font-weight: 700
}

.bacsacSwitch .link a:before,.docQuickGuide .link a:before {
  font: normal normal normal 30px/1 racicon;
  content: '\f0f6';
  position: absolute;
  top: 18px;
  left: 20px
}

.twinPromo {
  background-color: #f3f3f3;
  margin-top: 18px
}

.twinPromo .row {
  margin-left: 0;
  margin-right: 0
}

.twinPromo .promoBg {
  background: transparent url(/dummy.jpg) 50% no-repeat;
  float: left;
  width: 47%;
  margin-left: 2%
}

.twinPromo .content {
  margin-left: 56%;
  background-color: #fff;
  padding: 8px
}

.twinPromo .content h2 {
  font-size: 1em
}

.twinPromo .content p {
  font-size: .8em
}

.twinPromo .btn.btn-cta {
  min-width: 0
}

.twinPromo .btn.btn-cta span {
  font-size: 10px
}

.carPassQ {
  background-color: #4a4a4a;
  text-align: center;
  padding-top: 18px
}

.carPassQ .btn.btn-cta {
  font-size: 1.4em
}

.carPassQ .btn.btn-cta span {
  top: 28%
}

.carPassQ .btn.btn-cta span:before {
  font-size: .76em
}

.carPassQ h2 {
  background: transparent url(/RAC/Responsive-MediaLibrary/Car%20Data%20Check/carpassport.png) center top no-repeat;
  display: inline-block;
  color: #fff;
  font-size: 1.4em;
  padding-top: 86px;
  margin-bottom: 24px;
  margin-top: 0;
  line-height: 1.1
}

.qquote.col-sm-3 {
  text-align: center
}

.qquote cite {
  font-style: normal
}

.qquote blockquote {
  padding: 8px
}

.qquote blockquote p {
  margin: 0 18px 10px
}

.qquote blockquote:before {
  left: -18px
}

.qquote blockquote:after {
  right: -18px;
  bottom: 22px
}

.home-banner-carousel {
  padding: 0
}

.home-banner-carousel .banner-control {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  background: #fff;
  color: #000;
  position: relative;
  bottom: initial;
  padding: 20px 0 0 0;
  width: 100%;
  margin: 0;
  display: block;
  text-align: center
}

.home-banner-carousel .banner-control>.container>.row {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.home-banner-carousel .banner-control .racIconFont {
  text-align: center;
  display: block
}

.home-banner-carousel .banner-control:after,.home-banner-carousel .banner-control:before {
  display: table;
  content: ''
}

.home-banner-carousel .banner-control:after {
  clear: both
}

.home-banner-carousel .banner-control div a {
  padding: 5% 15%;
  color: #ef6c00;
  font-size: 1.1em;
  font-weight: 600;
  text-decoration: none;
  display: block;
  height: 100%
}

.home-banner-carousel .banner-control div a .racIconFont {
  font-size: 3em;
  color: #444
}

.banner-carousel-container {
  position: relative
}

.banner-wrapper {
  height: 300px;
  width: 100%;
  margin-bottom: 0;
  position: relative;
  overflow: hidden
}

.banner-wrapper .slide-content-container {
  position: absolute;
  top: 0;
  width: 100%
}

.banner-wrapper .ctaPanel {
  background: rgba(255,255,255,.76);
  width: 100%;
  margin-top: 26px;
  padding: 16px 22px
}

.banner-wrapper .ctaPanel h2 {
  text-transform: capitalize;
  line-height: 1;
  font-size: 1.8em;
  margin-top: 0
}

.banner-wrapper .ctaPanel h3 {
  font-size: 1.6em;
  line-height: 1.1;
  margin-top: 0
}

.home-banner-carousel .slick-next-btn,.home-banner-carousel .slick-prev-btn {
  position: absolute;
  bottom: 30px;
  color: #fff;
  z-index: 2;
  display: none
}

.home-banner-carousel .slick-next-btn:active,.home-banner-carousel .slick-prev-btn:active {
  color: #fff
}

.home-banner-carousel .slick-next-btn:hover,.home-banner-carousel .slick-prev-btn:hover {
  cursor: pointer;
  color: #ef6c00
}

.home-banner-carousel .slick-prev-btn {
  padding: 20px 15px 20px 12px;
  left: 0
}

.home-banner-carousel .slick-next-btn {
  padding: 20px 12px 20px 15px;
  right: 0
}

.home-banner-carousel .slick-next-btn i,.home-banner-carousel .slick-prev-btn i {
  font-size: 38px
}

.home-banner-carousel .banner-control .slick-next-btn,.home-banner-carousel .banner-control .slick-prev-btn {
  bottom: 50px;
  color: #fff;
  z-index: 2
}

.no-touch .home-banner-carousel .banner-control .slick-next-btn:hover,.no-touch .home-banner-carousel .banner-control .slick-prev-btn:hover {
  cursor: pointer;
  color: #ef6c00
}

.home-banner-carousel .banner-control .slick-prev-btn {
  left: -6.5%
}

.home-banner-carousel .banner-control .slick-next-btn {
  right: -6.5%
}

.home-banner-carousel .banner-control .slick-next-btn i,.home-banner-carousel .banner-control .slick-prev-btn i {
  font-size: 28px
}

.home-banner-carousel>.banner-control>.slick-next-btn,.home-banner-carousel>.banner-control>.slick-prev-btn {
  display: none
}

.home-banner-carousel:hover>.banner-control>.slick-next-btn,.home-banner-carousel:hover>.banner-control>.slick-prev-btn {
  display: block
}

.touch .home-banner-carousel {
  -webkit-backface-visibility: hidden
}

.touch .home-banner-carousel .slick-track {
  -webkit-backface-visibility: hidden
}

.touch .home-banner-carousel .slick-track .desktop-slide {
  -webkit-backface-visibility: hidden
}

.touch .home-banner-carousel .slick-track .desktop-slide .banner-wrapper {
  -webkit-backface-visibility: hidden
}

.home-banner-carousel .slick-arrow-btn-touch i {
  color: rgba(239,108,0,.9)!important
}

.route-planner-form {
  background: #252525;
  padding: 18px 0
}

.route-planner-form .route-title h3 {
  color: #fff;
  padding: 0 0 10px 0;
  text-align: center;
  margin: 0
}

.route-planner-form .route-input {
  margin-bottom: 10px
}

.route-planner-form .route-input .fa-map-marker {
  display: inline;
  float: left;
  font-size: 35px;
  color: #fff;
  padding: 10px 3% 0 0;
  width: 10%;
  text-align: right
}

.route-planner-form .route-input input {
  width: 80%;
  display: inline;
  float: left
}

.route-planner-form .route-btn a {
  width: 80%;
  margin-left: 10%;
  margin-right: 10%
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%
}

.embed-container embed,.embed-container iframe,.embed-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%!important;
  height: 100%!important
}

.numbered-list-alt ul {
  padding-bottom: 15px;
  padding-left: 0;
  list-style: none
}

.numbered-list-alt ul h3 {
  font-size: 28px
}

.numbered-list-alt img {
  display: block;
  width: 100%;
  max-width: 410px;
  margin: 0 auto
}

.three-block-images {
  text-align: center;
  color: #fff
}

.three-block-images .block {
  padding: 50px 25px;
  min-height: 522px
}

.three-block-images .block h3 {
  color: #fff;
  padding-bottom: 25px
}

.three-block-images .blue {
  background: #1072b3
}

.three-block-images .purple {
  background: #996388
}

.three-block-images .green {
  background: #269978
}

.three-block-images img {
  display: block;
  margin: 0 auto
}

.social-embed h2 {
  margin-bottom: 20px;
  text-align: center;
  font-size: 1.625em
}

.social-embed .social-col {
  margin-bottom: 30px
}

.social-embed.ee-wifi {
  background: #eaebe6;
  padding: 70px 0
}

.social-embed.ee-wifi h2 {
  margin-top: 0
}

.social-embed.ee-wifi .video {
  margin-top: 50px
}

.social-gallery {
  padding-bottom: 0
}

.social-gallery .panel {
  margin-bottom: 0
}

.social-gallery .panel .panel-heading {
  padding-top: 0
}

.social-gallery .gallery-grid {
  margin-top: 20px
}

.social-gallery .gallery-grid:hover .gallery-item {
  opacity: .5;
  transition: all .2s ease
}

.social-gallery .gallery-grid .gallery-title {
  padding: 0
}

.social-gallery .gallery-grid .gallery-title img {
  width: 100%;
  height: auto
}

.social-gallery .gallery-grid .gallery-item {
  padding: 0;
  transition: all .2s ease;
  overflow: hidden
}

.social-gallery .gallery-grid .gallery-item img {
  width: 100%;
  height: auto;
  transition: all 1s ease
}

.social-gallery .gallery-grid .gallery-item:hover {
  opacity: 1;
  transition: all .2s ease
}

.social-gallery .gallery-grid .gallery-item:hover img {
  -ms-transform: scale(1.04);
  transform: scale(1.04);
  transition: all 1s ease
}

.twinPromoBorder h2 {
  text-align: center
}

.twinPromoBorder h3,.twinPromoBorder p {
  color: #444
}

.twinPromoBorder h3 {
  font-size: 1.625em;
  margin-top: 0;
  line-height: 1.1
}

.twinPromoBorder .promo {
  margin: 6px;
  padding: 15px 0;
  background-color: #fff;
  box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)
}

.twinPromoBorder .promo img {
  margin: 0 auto
}

.twinPromoBorder .btn-cta.btn-primary {
  min-width: 0;
  margin-top: .6em
}

h2.cdcPanels {
  border-top: 1px solid #ddd;
  padding: 26px 18px 20px;
  margin: 0 -18px
}

.row.cdcPanels {
  border-bottom: 1px solid #ddd;
  padding-bottom: 18px
}

.tab-to-accordion {
  text-align: center
}

.tab-to-accordion.nav-tabs {
  border-bottom: 1px solid #b3b3b3;
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif
}

.tab-to-accordion.nav-tabs>li {
  float: none;
  display: inline-block;
  vertical-align: text-top
}

.tab-to-accordion.nav-tabs>li a {
  color: #444;
  background-color: #e6e6e6;
  border-color: #b3b3b3
}

.tab-to-accordion.nav-tabs>li a:hover {
  background-color: #f3f3f3
}

.tab-to-accordion.nav-tabs>li.active a {
  font-weight: 900;
  background-color: #fff;
  border-color: #b3b3b3;
  border-top: 4px solid #ef6c00;
  border-bottom: 1px solid #fff
}

.tabsToAccordion .panel-default {
  box-shadow: 0 2px 2px #e6e6e6,0 2px 2px rgba(153,153,153,.23)
}

.tabsToAccordion .panel-group .panel-heading:after {
  display: none
}

.js-tabcollapse-panel-heading {
  display: block;
  padding-left: 12px
}

.js-tabcollapse-panel-heading span {
  display: block
}

.js-tabcollapse-panel-heading:after {
  display: block;
  font-family: racicon;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  font-size: 1.6em;
  line-height: 40px;
  text-transform: none;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  content: "\f107";
  text-rendering: auto;
  -ms-transform: translate(0,0);
  transform: translate(0,0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all all .35s ease ease;
  transition: all .35s ease;
  transition: .35s;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  right: 0
}

.js-tabcollapse-panel-heading[aria-expanded=true]:after {
  -ms-transform: rotateX(180deg);
  transform: rotateX(180deg);
  color: #ef6c00
}

.tab-content h2,.tab-content h3,.tab-content h4,.tab-content p {
  margin-bottom: 22px
}

.tabsToAccordion.verticalTabs .panel-body .row,.tabsToAccordion.verticalTabs .tab-pane .row {
  margin-left: 0;
  margin-right: 0
}

.tabsToAccordion.verticalTabs .panel-heading h4 a {
  font-family: 'Roboto Slab',serif;
  font-size: 17px;
  font-weight: 600
}

.tabsToAccordion.verticalTabs .panel-heading h4 a span {
  margin-top: 12px;
  font-size: 15px;
  display: block;
  font-family: 'Roboto Slab',serif;
  margin: .4em 18px 0 0;
  font-weight: 400
}

.tabsToAccordion.verticalTabs .panel-heading h4 a span+span {
  font-size: 12px;
  margin-top: 0
}

.tabsToAccordion.verticalTabs .panel-default {
  box-shadow: none
}

.tabsToAccordion.verticalTabs .panel-body {
  background-color: #fbfbfb;
  margin-bottom: 12px
}

.touchReveal {
  white-space: nowrap;
  overflow: auto;
  margin: 0 14px;
  text-align: center
}

.touchReveal .feature {
  width: 162px;
  display: inline-block;
  white-space: normal;
  margin: 12px;
  vertical-align: top
}

.touchReveal .feature>div {
  background-color: #fff;
  height: 162px;
  padding: 8px;
  overflow: hidden;
  border-radius: 2px;
  box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(153,153,153,.23);
  transition: all .4s ease;
  transition: .4s
}

.touchReveal .feature>div span {
  font-size: 5.6em;
  margin-top: 24px;
  transition: all .74s ease;
  transition: .74s
}

.touchReveal .feature>div p {
  font-size: 0;
  color: #fff;
  opacity: 0
}

.touchReveal .feature h4 {
  font-size: 1.25em;
  font-weight: 600
}

.touchReveal .feature:focus>div,.touchReveal .feature:hover>div {
  background-color: #444
}

.touchReveal .feature:focus>div span,.touchReveal .feature:hover>div span {
  color: #fff;
  font-size: 2.4em;
  margin-top: 6px;
  margin-bottom: 4px
}

.touchReveal .feature:focus>div p,.touchReveal .feature:hover>div p {
  font-size: .96em;
  opacity: 1
}

ol.icon-list {
  margin: 0 -15px;
  padding: 0;
  list-style-type: none
}

ol.icon-list li {
  width: 33.33333333%;
  padding: 18px 44px 26px;
  float: left;
  vertical-align: top;
  border-bottom: 1px solid #e6e6e6
}

ol.icon-list li:before {
  margin-bottom: 6px;
  padding-bottom: 0;
  line-height: 1em;
  display: block;
  text-align: center;
  clear: both;
  color: #ef6c00;
  font-size: 4.4em;
  font-family: racicon
}

ol.icon-list li.stop-watch:before {
  content: '\e619'
}

ol.icon-list li.megaphone:before {
  content: '\e618'
}

ol.icon-list li.steering:before {
  content: '\e617'
}

ol.icon-list li.desk-globe:before {
  content: '\e616'
}

ol.icon-list li.round-clock:before {
  content: '\e615'
}

ol.icon-list li.phone-call:before {
  content: '\e614'
}

ol.icon-list li.piggy:before {
  content: '\e613'
}

ol.icon-list li.battery-timer:before {
  content: '\e612'
}

ol.icon-list li.fast-van:before {
  content: '\e611'
}

.icon-list-alt {
  background: #eaebe6;
  margin-bottom: 68px
}

.icon-list-alt.horizontal-strip h3 {
  font-size: 26px;
  margin-top: 0
}

.icon-list-alt.horizontal-strip h3 .break {
  display: block
}

.icon-list-alt.horizontal-strip h3 .break .highlight {
  color: #ef6c00
}

.icon-list-alt.horizontal-strip .icon {
  border-right: solid 1px #a9a9a9;
  padding-top: 15px
}

.icon-list-alt.horizontal-strip .icon:nth-child(5) {
  border-right: 0;
  padding-right: 0
}

.icon-list-alt.horizontal-strip .icon img {
  display: block;
  margin: 0 auto;
  max-width: 75px;
  width: 100%
}

.icon-list-alt.horizontal-strip .caption {
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 18px
}

.icon-list-alt.horizontal-strip .caption span {
  display: block
}

.icon-list-alt.horizontal-strip .dongle img {
  max-width: 130px;
  width: 100%
}

.defaqto {
  background-position: right top;
  background-repeat: no-repeat;
  min-height: 116px
}

.defaqto h2 {
  margin: 0 164px 18px 0;
  font-size: 2em;
  line-height: 1.1
}

.defaqto h2 span {
  color: #ef6c00
}

.defaqto h2:before {
  content: "\e61a";
  font-family: racicon;
  color: #777;
  font-size: .76em;
  padding-right: 8px
}

.defaqto p {
  margin-right: 164px
}

.defaqto p .prod {
  color: #ef6c00
}

.panel-package>img {
  padding: 5px 5px 0 5px;
  width: 100%;
  height: auto
}

.panel-package .col-xs-12>img {
  margin: 10px 0
}

.panel-package .list-chevron>ul>li {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-weight: 600
}

.panel-package .list-chevron>ul>li:before {
  color: #ef6c00
}

.panel-package hr {
  padding: 0;
  margin: 10px 0
}

.panel-package .btn {
  margin-top: 10px
}

.panel-package a[data-toggle=collapse] {
  margin: 20px 0;
  display: block;
  color: #ef6c00;
  font-size: 18px;
  text-decoration: none;
  outline: 0
}

.panel-package a[data-toggle=collapse]:before {
  display: inline;
  content: "Show"
}

.panel-package a[data-toggle=collapse] .plus-minus {
  margin-right: 23px;
  position: relative
}

.panel-package a[data-toggle=collapse] .plus-minus:before {
  height: 23px;
  width: 23px;
  position: absolute;
  left: 5px;
  top: 0;
  content: "";
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMi8wMS8xNsGGBVgAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAADYElEQVRIia2VW2xUVRSGv73nnLl0OmYcaEqiWC8QCMaGmyMmIjTahMADELGkPlSe0IeWEJFgjA/GN5VEsQEvJCqJiQZQgtZoNELKtcaYUVKJTNUmipppaWbsDDNzrsuHYcYWpkRa/uTk7Ky1z3f+s/be6ygREepIrDz26XewB97HGx0Cz67llBEmcPtizGWdBFdsQYVi9RCoq+FSzGIdfw2rvxcpjwN13/0fIBIn9MhOQm3bUWZkarg/kqb44VbcX09WksEGzNYNmK0bMOavRkVnIYVLOOe/wEkdxE0fQ5wyAOa964g89jp69t3XwsUqUNidxMtcQJlhgskuwmtfRMWap3Qt+Qylvhewv/sAPAejJUl061FUY9OVCSLiFy7J+Kv3S7YbyT0TFTt1SG5E1rcHJLcjJtkeJfk9beJbl0VERANY/b14v38POkBk8z7MxZuucZnrUbXragWTXYTXvQRK4/7Sj9X/BgDaz/2JfWY/AKGHniaY7LruAk6l0KpuzNaNgGCf2IvkM2gndRA/n0E1NhF6dNe0wBWbBpGNu1HRWfjjf2OnDqOd1GEAjLseRN86d/pwQCdaMO5cAYBz7gjaG00DYC7tmBG4KvO+9QB4fw1iSDFXCS5or02ot2gTVS8f760cF2PeykqgPI6unkDVOHvGrgFUbA4A4jnoalAuj90UuJ+7WBkEDAwViiFWHvfCN7W6Vz9xoiaWol6+KvenzwHQDQl0oHkhAPaPn9wU587PX1WMz12GNpd3Agp36DiSz8wI7I+k8S7+ACjM5Z1oc0kHqiGOFEYpfbx9Ut++UZU+fQ4pZtGJOzAXtKP1LXMIrdoGKOzUIazT+6cFtr5+GefcUVCK0MPdld0nIiKuJfk9qyXboyS3My7WqbdEXPv/d8VTb0t2myHZbqSwb434VkFERGr93M/+QfHAE7i/nQGlCC55nPD6V67bEvyxYUpHnsUZ7APfxWhJ0rjjbC0/+U80Nkzxo6dw08dAfFABjHtWYi5agzG/Dd00DymM4Jz/EmewD2/4LOKUQCnMRWuJbH4THb+tPrxWvxN7KX/2PGLlJ0Sr+1yujCt3nWgh3L4LM/kkygxP4tSFV2UPvIc98C7eyBBS/gdcG5RGRRMEmhcSfGAL5tIOVDBa9/l/ATyM1ENCdPCVAAAAAElFTkSuQmCC)
}

.panel-package a[data-toggle=collapse].active:before {
  content: "Hide"
}

.panel-package a[data-toggle=collapse].active .plus-minus:before {
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMi8wMS8xNsGGBVgAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAADUklEQVRIia2VXWgcVRSAv3t3Zn+yuxK3CSlojT8pDRVD/1wr2tagC9I+tEVNiQ+xT9GHVIpVIpIH8U0t+BOq2IJaEJS2WqoRi2JLKmkjIqslFrtRA1qVTRp2zW53d2Z25viw2bWp22ISv5e5nHPnmzOHuWeUiAh1ECuHPbIfe/Rd3KlxcO1aThlBfDeuwlzbjX/9TlQgWk+BulIuhQzWyVewhgeR0gxQ99n/CEKNBO5/hkDnbpQZurrcm0xReL+X8s9fVZL+BsyObZgd2zCW34cKL0HyF3HOfYaTPEQ5dQJxSgCYt28h9NCr6KZb/y0XK09+bxw3fR5lBvHHewhufh4Vbblq1ZJLUxwawP7mPXAdjNY44d5jqEjz7AYR8fIXZeblOyXTh2SfCoudPCzzwfr6oGT3RCWzS0nutU7xrEsiIqIBrOFB3F+/Be0jtOMNzFUPX7PPV+KP9xDc8gIoTfmnYazh1wHQXvZ37NMHAAjc+wT+eM+8xFUCm/owO7YDgn1qH5JLo53kIbxcGhVpJvBA/4LElTINQtv3osJL8Gb+xE4eQTvJIwAYt9yNvn7ZwuWAjrVi3LweAOfsUbQ7lQLAXNO1KHEV846tALh/jGFIIVsJrkjUNmR3qXlLGwcrx8Vo21AJlGbQ1ROoIk2LKbiGii4FQFwHXQ3Kpen/Re5lL1QWPgNDBaKIlaN8/sta36uvuBDKP3wKgG6IoX0t7QDY33+0uJJncX78HADfsrVoc103oCiPn0Ry6UWJvckU7oXvAIW5rhttru5CNTQi+SmKH+6eM7fnS/HjZ5FCBh27CXNFAq2vW0pg05OAwk4exho5sCCx9cWLOGePgVIENvahIk2VryWY6Mdo2wjiURoawB55C1znP4vtkf0UhwZAPMz2BP57eoHL5rmX+Y3CwUcp/3IalMK/+hGCW1+65kjwpicoHn0aZ2wIvDJGa5zInjO1/Nw/0fQEhQ8ep5w6AeKB8mHctgFz5YMYyzvRzW1IfhLn3HGcsSHciTOIUwSlMFduJrTjTXTjDfXltf6d2kfpk+cQK3dZtDoSZHZduepYK8FEP2b8MZQZnOOpK6/1cvQd7NG3cSfHkdJfULZBaVQ4hq+lHf9dOzHXdKH84br3/w3Z9Iuad3txFQAAAABJRU5ErkJggg==)
}

.compareTwo {
  text-align: center;
  box-sizing: border-box;
  border-collapse: collapse;
  margin-top: 88px
}

.compareTwo .productNames>div {
  width: 50%;
  float: left;
  border: 1px solid #eee
}

.compareTwo .productNames .productA,.compareTwo .productNames .productB {
  position: relative
}

.compareTwo .productNames .productA h2 {
  background-color: #f8f8f8;
  color: #4a4a4a
}

.compareTwo .productNames .productB h2 {
  background-color: #f2b680;
  color: #fff
}

.compareTwo .productNames h2 {
  font-size: 1.34em;
  line-height: 1.3;
  margin: 0;
  padding: 8px;
  font-weight: 400
}

.compareTwo .productNames img {
  position: absolute;
  top: -72px;
  left: 30px
}

.compareTwo .description {
  font-size: .934em;
  color: #4a4a4a;
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  background-color: #fcfcfc;
  padding: 0;
  border: 1px solid #eee;
  border-top-width: 0;
  width: 100%;
  float: left
}

.compareTwo .feature .productA,.compareTwo .feature .productB {
  width: 50%;
  float: left;
  border: 1px solid #eee;
  border-top-width: 0;
  position: relative
}

.compareTwo .feature .productA p,.compareTwo .feature .productB p {
  font-size: .8em;
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif
}

.compareTwo .feature .productA {
  border-right-width: 0
}

.compareTwo .feature p {
  margin: 8px;
  padding: 0 5px
}

.compareTwo .feature .no:before,.compareTwo .feature .yes:before {
  position: absolute;
  font-family: racicon;
  content: "\f00c";
  color: #1e9771;
  font-size: 1.4em;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 1em
}

.compareTwo .feature .no p,.compareTwo .feature .yes p {
  display: none
}

.compareTwo .feature .no:before {
  font-family: racicon;
  content: "\f068";
  color: #9b9b9b;
  font-weight: 900;
  font-size: 1.4em
}

.spotlight div[class^=col-]>div {
  padding: 12px;
  margin-top: 18px;
  box-shadow: 0 3px 6px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)
}

.spotlight h2 {
  font-size: 2em;
  line-height: 1.1;
  margin: 20px 10px 10px 10px
}

.spotlight p {
  margin: 0 10px 10px 10px
}

.spotlight img {
  width: 100%;
  height: auto
}

.spotlight .col-sm-4 img {
  height: 200px
}

.spotlight a {
  margin: .4em 10px;
  text-decoration: none
}

.spotlight a.more {
  display: block;
  font-weight: 700
}

.spotlight a+p {
  font-size: .76em
}

.spotlight a:hover span.fa {
  margin-left: 3px
}

.spotlight .btn .racIconFont {
  top: 30%
}

.spotlight .btn-primary {
  width: 92%;
  font-size: 1.5em
}

.spotlight .btn-info {
  width: 92%;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: .8em
}

.pageCurl {
  width: 100%;
  min-height: 150px;
  padding: 20px 20px 10px 20px;
  position: relative;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0,0,0,.2)
}

.pageCurl h2,.pageCurl p {
  margin: 0 60px 20px 0
}

.pageCurl .btn {
  min-width: 11em;
  margin-top: 10px
}

.pageCurl .btn-cta {
  margin-right: 20px
}

.pageCurl .small {
  font-size: .8em;
  margin: 30px 0 0 0
}

.pageCurl:after,.pageCurl:before {
  width: 0;
  height: 0;
  content: "";
  position: absolute
}

.pageCurl:before {
  top: -3px;
  right: -3px;
  border-bottom: 58px solid #eee;
  border-right: 58px solid transparent
}

.pageCurl:after {
  top: -7px;
  right: -7px;
  border-top: 68px solid #fff;
  border-left: 68px solid transparent
}

section.section-bgGrayLightLight .pageCurl:before {
  border-bottom-color: #eee
}

section.section-bgGrayLightLight .pageCurl:after {
  border-top-color: #fdfdfd
}

section.section-bgGrayLight .pageCurl:before {
  border-bottom-color: #ffdabc
}

section.section-bgGrayLight .pageCurl:after {
  border-top-color: #f3f3f3
}

section.section-bgOrangeLight .pageCurl:before {
  border-bottom-color: #f8d9bf
}

section.section-bgOrangeLight .pageCurl:after {
  border-top-color: #fff6ef
}

section.section-bgOrange .pageCurl {
  color: #444
}

section.section-bgOrange .pageCurl:before {
  border-bottom-color: #eee
}

section.section-bgOrange .pageCurl:after {
  border-top-color: #ef6c00
}

.product-callout div[class^=col-]>div {
  padding: 12px;
  box-shadow: 0 3px 6px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)
}

.product-callout h2 {
  margin: 20px 10px 10px 10px
}

.product-callout p {
  margin: 0 10px 10px 10px
}

.product-callout img {
  width: 100%;
  height: auto
}

.product-callout .col-sm-4 img {
  height: 200px
}

.product-callout .col-sm-4 .btn-primary {
  font-size: 1em;
  padding-top: 7px;
  padding-bottom: 7px
}

.product-callout a {
  margin: .4em 10px
}

.product-callout a.more {
  display: block;
  font-weight: 700
}

.product-callout a+p {
  font-size: .76em
}

.product-callout .btn {
  margin: .4em 10px
}

.product-callout .btn .racIconFont {
  top: 30%
}

.product-callout .btn-primary {
  width: 96%;
  font-size: 1.5em
}

.product-callout .btn-info {
  width: 96%;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: .8em;
  margin-right: 5px
}

.product-callout a.callout-mobile-button {
  text-decoration: none
}

.product-callout a.callout-mobile-button:hover span.fa {
  margin-left: 3px
}

.product-callout a.callout-mobile-button:hover span.icon-chevronNext {
  margin-left: 3px
}

.modal .vertical-alignment-helper {
  display: table;
  height: 100%;
  width: 100%;
  table-layout: fixed
}

.modal .vertical-alignment-helper .modal-dialog {
  display: table-cell;
  padding: 50px 20px 20px;
  margin: 20px;
  vertical-align: middle;
  text-align: center
}

.modal .vertical-alignment-helper .modal-dialog .modal-content {
  display: inline-block;
  position: relative;
  width: inherit;
  height: auto;
  min-width: inherit;
  max-width: inherit;
  margin: 0 auto;
  text-align: left;
  background-color: #fff;
  border: none 0
}

.modal .vertical-alignment-helper .modal-dialog .modal-content .modal-header {
  padding: 20px 20px 10px 20px;
  border-bottom: none 0
}

.modal .vertical-alignment-helper .modal-dialog .modal-content .modal-header .close {
  position: absolute;
  margin-top: -55px;
  right: 0;
  background-color: #222;
  padding: 5px 10px;
  opacity: 1;
  color: #fff
}

.modal .vertical-alignment-helper .modal-dialog .modal-content .modal-header .close:hover {
  opacity: .5
}

.modal .vertical-alignment-helper .modal-dialog .modal-content .modal-body {
  width: 100%;
  padding: 10px 20px
}

.modal .vertical-alignment-helper .modal-dialog .modal-content .modal-body ul li:before {
  top: 5px;
  color: #ef6c00
}

.modal .vertical-alignment-helper .modal-dialog .modal-content .modal-footer {
  padding: 10px 20px 20px 20px;
  border-top: none 0;
  text-align: left
}

.modal .vertical-alignment-helper .modal-dialog .modal-content .modal-footer .btn+.btn {
  margin-bottom: 0;
  margin-left: 30px;
  padding-right: 40px
}

.modal--contact .vertical-alignment-helper .modal-dialog .modal-content .modal-footer {
  padding-bottom: 0;
  text-align: center
}

.modal--contact .vertical-alignment-helper .modal-dialog .modal-content .modal-header .close {
  margin-top: -20px;
  font-weight: 400;
  color: #222;
  background-color: transparent
}

.modal--contact .modal-close {
  position: relative;
  padding: 0;
  background: 0 0;
  border: none;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
  display: inline-block;
  padding: 0 .25em;
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-size: 1.2em;
  color: inherit;
  text-decoration: underline
}

.modal--contact .modal-close:focus,.modal--contact .modal-close:hover {
  text-decoration: none
}

.modal--contact .modal-close:hover {
  color: #ef6c00
}

.modal--contact .modal-close:focus {
  border: 2px solid #03b1ff;
  border-radius: .25em
}

.modal--contact h1 {
  margin-bottom: 0
}

.modal--contact h2 {
  margin-top: 0
}

.modal--contact table {
  width: 100%;
  margin-bottom: 20px
}

.modal--contact td {
  padding: 5px;
  border: 2px solid #9b9b9b
}

.modal--contact td:nth-child(2) {
  min-width: 110px
}

.section-bgOrange .modal {
  color: #444
}

.quick-modal {
  display: none;
  position: fixed;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);
  text-align: center;
  padding: 18px;
  z-index: 2000000040;
  max-height: 84%;
  overflow: auto;
  top: 8%;
  max-width: 44%
}

.quick-modal.email-change {
  max-width: 800px
}

.quick-modal .header {
  position: relative;
  width: 100%
}

.quick-modal .control {
  font-family: "Ubuntu";
  font-size: 20pt;
  font-weight: 700;
  position: absolute;
  top: -12px;
  right: 0
}

.quick-modal a:hover {
  text-decoration: none
}

.quick-modal .btn.btn-primary {
  padding-right: 10px
}

.quick-modal .full-width {
  width: 100%;
  height: auto;
  margin: 8px 0 22px 0
}

.quick-modal__email-input {
  text-align: right
}

.quick-modal__email-input .add-email {
  margin: 10px 0;
  width: 100px;
  text-align: center
}

.quick-modal__email-input input {
  width: 100%;
  height: 60px;
  padding-left: 20px;
  margin: 10px 0;
  border: solid 1px #aaa
}

.quick-modal__email-input label {
  display: block;
  margin-bottom: 0
}

.quick-modal__email-input .modal-error {
  display: none;
  color: #e6231f;
  font-size: 12px;
  text-align: left;
  padding-left: 20px
}

.quick-modal__button {
  border-radius: 5px
}

.quick-modal__button.disabled {
  pointer-events: none;
  cursor: not-allowed;
  background: #9b9b9b;
  border-color: #9b9b9b
}

.quick-modal__buttons {
  padding: 30px 0
}

.quick-modal__buttons a {
  margin: 0 10px
}

.quick-modal__buttons a.secondary {
  background: #4a4a4a;
  border-color: #4a4a4a
}

.quick-modal__buttons a.secondary:active:focus {
  background: #4a4a4a;
  border-color: #4a4a4a
}

.quick-modal__content {
  padding: 30px
}

.quick-modal__update-email-2,.quick-modal__update-email-3 {
  display: none
}

.quick-modal-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,.4);
  z-index: 2000000039
}

.compareTricolour .product {
  margin: 0 0 16px 0;
  padding-bottom: 16px;
  box-shadow: 0 2px 4px rgba(0,0,0,.2)
}

.compareTricolour .overview {
  position: relative;
  background-color: #d2d2d2;
  margin: 0;
  padding: 12px 16px;
  text-align: center
}

.compareTricolour .overview .btn {
  display: none
}

.compareTricolour .overview img {
  margin: 0 0 6px 0;
  width: 28%;
  max-width: 156px
}

.compareTricolour .comp .overview {
  background-color: #4a4a4a
}

.compareTricolour .comp h2,.compareTricolour .comp h3 {
  color: #fff
}

.compareTricolour .comp-plus .overview {
  background-color: #386c87
}

.compareTricolour .comp-plus h2,.compareTricolour .comp-plus h3 {
  color: #fff
}

.compareTricolour h2 {
  font-size: 170%;
  padding: 0 0 4px 0;
  margin: 0
}

.compareTricolour h3 {
  font-size: 310%;
  font-weight: 100;
  margin-bottom: 0;
  margin-top: 0;
  color: #444
}

.compareTricolour h3 span {
  font-size: 50%
}

.compareTricolour h4 {
  margin-top: 10px
}

.compareTricolour .features {
  padding: 0 18px
}

.compareTricolour ul {
  padding: 0
}

.compareTricolour li {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  list-style-type: none;
  border-top: 1px solid #ddd;
  padding: 14px 0 14px 32px;
  position: relative
}

.compareTricolour li:first-child {
  border-top-width: 0
}

.compareTricolour li:before {
  font-family: racicon;
  font-size: 1.4em;
  content: '\f00c';
  color: #1e9771;
  position: absolute;
  left: 2px;
  top: 12px
}

.col-sm-6 .tile h4 {
  text-align: left
}

.tile {
  box-shadow: 0 2px 4px rgba(0,0,0,.2);
  border-radius: 4px;
  padding-bottom: 12px;
  margin-bottom: 12px;
  position: relative
}

.tile h4 {
  font-size: 110%;
  color: #fff;
  background-color: #4a4a4a;
  margin: 10px -1px 22px -1px;
  border-radius: 4px 4px 0 0;
  padding: 5px 11px;
  text-align: center
}

.tile .Info {
  margin-bottom: 1.6em
}

.tile p {
  line-height: 1.4;
  padding: 0 22px;
  margin-bottom: 16px
}

.tile p.long {
  overflow: hidden;
  line-height: 1.4;
  overflow-x: auto
}

.tile p.primary {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-size: 136%
}

.tile p.notice {
  font-size: 15px;
  color: #e74c3c
}

.tile p.car {
  overflow-x: auto;
  padding-bottom: 4px;
  white-space: nowrap;
  font-size: 1.2em
}

.tile p.member-no {
  font-size: 1.64em;
  color: #ef6c00;
  text-align: center
}

.tile p.smallPrint {
  font-size: 76%
}

.tile p .racIconFont {
  font-family: racicon
}

.tile p span {
  font-family: 'Roboto Slab',serif;
  font-size: 80%
}

.tile p span.highlight {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-size: 136%
}

.tile p span.vrm {
  font-family: Arial,sans-serif;
  font-weight: 200;
  font-size: 90%;
  text-align: center;
  color: #000;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 2px 10px 2px 6px;
  margin-right: 8px;
  margin-top: -2px;
  display: inline-block;
  width: 7em;
  background-color: #ffe997;
  position: relative
}

.tile p span.parent-style {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-size: 100%
}

.tile p.info {
  color: #386c87;
  font-weight: 700;
  font-size: 100%;
  text-align: right;
  margin-bottom: 0;
  padding-right: 6px;
  position: absolute;
  bottom: 12px;
  right: 12px
}

.tile p.info span {
  border: 2px solid #386c87;
  border-radius: 50%;
  padding: 0 6px;
  font-weight: 900
}

.tile p.info a {
  color: #386c87
}

.tile p.info a:active,.tile p.info a:hover {
  text-decoration: none
}

.tile .member-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.tile .action {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  color: #ef6c00;
  text-align: right;
  padding: 12px 22px 0 22px;
  font-size: 100%;
  font-weight: 700;
  margin-bottom: 0;
  padding-right: 6px;
  position: absolute;
  bottom: 12px;
  right: 12px
}

.tile .action a:active,.tile .action a:hover {
  text-decoration: none
}

.tile .action.edit a:before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 24px;
  margin-right: 6px;
  margin-bottom: -6px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAYAAAD+vg1LAAAACXBIWXMAAAsSAAALEgHS3X78AAAAvElEQVRIx+XVyw3CMAyA4R/EAGSDjpAVMkrvvXQCxAQVUgZgBDZgBTaADdoRuLhSaBtQ7VwASznk9TmKYgW+LTbajX3DHuik27rIYIYFvQKVDD2AkOJbA+qBExAkQZeu2xlOegQOyfSggidocJFb34DgZxdpV99xBvUydnGRevWr0KAfYS36FragWdiKLsIl0BlcCn2BS6LTkvbSxkRqNFd548nRokt33AuMlGnN30T6KirgbsFc1P9IPxxPJDBmp+iXQaoAAAAASUVORK5CYII=) 50% no-repeat
}

.tile .action.inline {
  position: static;
  margin-left: auto;
  font-size: 75%;
  padding: 0;
  right: 0;
  bottom: 0
}

.tile .split {
  width: 49%;
  float: left
}

.tile .col-xs-6 p {
  padding: 0 12px 12px 4px
}

.tile .registration {
  text-transform: uppercase;
  text-align: right;
  float: right
}

.tile ul.multiple {
  column-count: 2;
  column-gap: 2.2em
}

.tile ul.multiple li {
  -moz-column-break-inside: avoid;
  break-inside: avoid
}

.tile.cover-type h5 {
  color: #4a4a4a;
  font-size: 1.2em;
  margin-left: 76px
}

.tile.cover-type p.desc {
  font-family: 'Roboto Slab',serif;
  font-size: .86em;
  margin-left: 20px;
  padding-left: 0
}

.tile.cover-type p.coverCars {
  margin-left: 20px;
  padding: 0
}

.tile.cover-type p.coverCars span {
  margin-top: 8px
}

.tile.cover-type .col-xs-12 {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/active/vbm.png) no-repeat 32px 0;
  background-size: 48px
}

.tile.cover-type .Vehicle {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/active/vbm.png)
}

.tile.cover-type .Personal {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/active/personal.png)
}

.tile.cover-type .Joint {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/active/joint.png)
}

.tile.cover-type .Family {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/active/family.png)
}

.vehicle h4 {
  margin-bottom: 18px
}

.cover-options {
  padding-bottom: 1px
}

.cover-options.complimentary {
  background-color: #f2f2f2
}

.cover-options.complimentary .row {
  border: 2px solid #4a4a4a;
  border-right-width: 84px
}

.cover-options.complimentary .row .col-xs-12::after {
  position: absolute;
  top: 50%;
  right: -56px;
  margin-top: -13px;
  content: '';
  color: #fff;
  width: 25px;
  height: 25px;
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/active/compTick.png) 0 no-repeat
}

.cover-options h4 {
  margin-bottom: 0
}

.cover-options h5 {
  color: #4a4a4a;
  font-size: 1.2em;
  margin-left: 50px
}

.cover-options p.desc {
  font-family: 'Roboto Slab',serif;
  font-size: .86em;
  margin-left: 0;
  padding-left: 0;
  max-width: 35em
}

.cover-options p.coverCars {
  margin-left: 82px;
  padding: 0
}

.cover-options p.coverCars span {
  margin-top: 8px
}

.cover-options p.buttonHolder {
  padding: 0;
  margin-top: 0
}

.cover-options .row {
  border: 1px solid #4a4a4a;
  border-radius: 4px;
  margin: 8px;
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/active/prodTick.png) no-repeat 8px 0;
  background-size: 48px
}

.cover-options .row.yes {
  border: 2px solid #1e9771;
  border-right-width: 84px
}

.cover-options .row.yes .live::after {
  position: absolute;
  top: 50%;
  right: -56px;
  margin-top: -13px;
  content: '';
  color: #fff;
  width: 25px;
  height: 25px;
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/active/prodTick.png) 0 no-repeat
}

.cover-options .row.yes .live.free::after {
  background: 0 0;
  content: 'FREE';
  font-weight: 700;
  right: -45px
}

.cover-options .key-replace {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/active/keyreplace.png)
}

.cover-options .key-replace.no {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/keyreplace.png)
}

.cover-options .european-rescue {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/active/european.png)
}

.cover-options .european-rescue.no {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/european.png)
}

.cover-options .battery-replace {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/active/battreplace.png)
}

.cover-options .battery-replace.no {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/battreplace.png)
}

.cover-options .garage-parts-labour {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/active/gpl.png)
}

.cover-options .garage-parts-labour.no {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/gpl.png)
}

.cover-options .at-home {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/active/athome.png)
}

.cover-options .at-home.no {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/athome.png)
}

.cover-options .courtesy-car {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/active/courtesy.png)
}

.cover-options .courtesy-car.no {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/courtesy.png)
}

.cover-options .onward-travel {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/active/onward.png)
}

.cover-options .onward-travel.no {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/onward.png)
}

.cover-options .roadside-rescue {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/active/rescue.png)
}

.cover-options .roadside-rescue.no {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/rescue.png)
}

.cover-options .roadside-recovery {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/active/recovery.png)
}

.cover-options .roadside-recovery.no {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/recovery.png)
}

.cover-options .misfuel-rescue {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/active/misfuel.png)
}

.cover-options .misfuel-rescue.no {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/misfuel.png)
}

.cover-options .legal-care-plus {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/active/legalcareplus.png)
}

.cover-options .legal-care-plus.no {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/legalcareplus.png)
}

.cover-options .tyre-replace {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/active/tyre.png)
}

.cover-options .tyre-replace.no {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/tyre.png)
}

.cover-options .tyre-replace-plus {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/active/tyreplus.png)
}

.cover-options .tyre-replace-plus.no {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/tyreplus.png)
}

.cover-options .accident-care {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/active/accidentcare.png)
}

.cover-options .key-return {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/active/keyreturn.png)
}

.cover-options .legal-care {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/product/active/legalcare.png)
}

.cover-options .btn-primary {
  width: 100%;
  font-size: .86em;
  padding: 9px 34px 9px 10px;
  text-transform: capitalize
}

.cover-options .more {
  padding: 0;
  margin: 0 0 14px 0;
  font-size: 1em
}

.cover-options .more a {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-weight: 700;
  text-transform: capitalize
}

.cover-options .btn .racIconFont {
  top: 40%
}

.unknown-welcome {
  margin-bottom: 24px
}

h2 span.beta {
  font-size: 36%;
  text-transform: uppercase
}

.myrac-header {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/welcome/intro.jpg) 50% no-repeat;
  margin: 0 -15px;
  background-size: cover
}

.myrac-welcome {
  margin: 16px;
  background-color: rgba(254,254,254,.85)
}

.myrac-welcome h1 {
  text-align: center;
  margin: 24px 0 32px 0;
  font-weight: 100;
  line-height: 1.02
}

.myrac-welcome .btn-primary {
  width: 100%
}

.myrac-welcome .btn-primary--wrap {
  white-space: normal
}

.myrac-welcome .breakdown ul {
  border-bottom: 1px solid #a9a9a9;
  margin-bottom: 24px;
  padding-bottom: 14px
}

.myrac-welcome ul {
  margin-top: 18px;
  padding-bottom: 24px;
  list-style: none;
  padding-left: 31px
}

.myrac-welcome li {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  position: relative;
  margin: 10px 0
}

.myrac-welcome li:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: -30px;
  width: 23px;
  height: 23px;
  background: transparent url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/welcome/tick.png) 50% no-repeat
}

.callouts h2 {
  text-align: center;
  margin-bottom: 20px
}

.callouts a:hover {
  text-decoration: none
}

.callouts a:hover h3 {
  color: #000
}

.documents-link {
  text-align: right;
  padding-top: 24px
}

.myrac-callout {
  text-align: center;
  box-shadow: 0 2px 4px rgba(0,0,0,.2);
  padding: 22px 28px 16px 28px;
  margin-bottom: 32px
}

.myrac-callout img {
  width: 120px;
  height: 121px
}

.myrac-callout h3 {
  margin-top: 0
}

.myrac-callout p {
  margin-bottom: 0
}

.myrac-callout:hover {
  box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)
}

.myrac-myrac {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/welcome/bdown.jpg) 100% 50% no-repeat
}

.myrac-insurance {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/welcome/insurance.jpg) 0 50% no-repeat
}

.myrac-offers {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/welcome/offers.jpg) 100% 50% no-repeat
}

.myrac-prizedraw {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/welcome/prizedraw.jpg) 0 50% no-repeat
}

.no-log-panel {
  margin: 15px;
  padding: 16px;
  background: rgba(254,254,254,.85)
}

.no-log-panel h2 {
  margin-top: 0
}

.no-log-panel .btn-primary {
  width: 100%;
  padding: 8px 34px 8px 10px
}

.no-log-panel .btn-primary .racIconFont {
  top: 28%
}

.salutation h1 {
  text-align: center;
  font-weight: 100;
  overflow-x: auto;
  margin-bottom: 0
}

.salutation p {
  text-align: center;
  margin-bottom: 20px
}

.salutation h3 {
  color: #ef6c00;
  font-size: 1.66em;
  margin-top: 0
}

.loading-app {
  padding: 28px 18px 128px 18px
}

.loading-app h2,.loading-app p {
  text-align: center
}

.myrac-pwd .error-message {
  color: #e6231f;
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-weight: 700;
  padding-top: 8px;
  font-size: 120%
}

.btf-modal-bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200000;
  background: rgba(0,0,0,.7)
}

.ng-enter {
  transition: .6s;
  opacity: 0
}

.ng-enter-active {
  opacity: 1
}

.subnav.myrac a.active {
  font-weight: 600;
  border-left: 4px solid #ef6c00
}

.subnav.myrac a.active:after {
  display: inline-block;
  font-family: racicon;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  font-size: 12px;
  line-height: 1em;
  text-transform: none;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  content: "";
  text-rendering: auto;
  -ms-transform: translate(0,0);
  transform: translate(0,0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: -6px;
  display: block;
  position: absolute;
  top: 50%;
  right: 10px
}

.prize-draw .copy {
  background-color: #4a4a4a;
  padding: 4px 42px
}

.prize-draw .copy h2,.prize-draw .copy p {
  color: #fff
}

.prize-draw .copy p {
  padding-bottom: 15px
}

.prize-draw .prize {
  background-image: url(/images/tiered-membership/prize-draw-main.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 38px;
  margin-bottom: 34px
}

.prize-draw .prize p {
  text-align: center;
  padding-top: 1em;
  padding-bottom: 5.2em
}

.prize-draw .prize a {
  color: #4a4a4a;
  background-color: #fff;
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-weight: 700;
  font-size: 1.4em;
  margin: 22px;
  padding: 8px 12px;
  border-radius: 2px;
  box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)
}

.prize-draw .prize a:hover {
  text-decoration: none
}

.free-benefits {
  text-align: center;
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/benefits/panel.jpg) 50% no-repeat;
  background-size: cover;
  padding-bottom: 24px;
  margin-bottom: 36px
}

.free-benefits ul {
  margin-bottom: 32px
}

.free-benefits li {
  display: block
}

.free-benefits li:before {
  content: "\2022\00A0"
}

.free-benefits h3 {
  color: #444;
  font-size: 1em;
  margin-top: 0
}

.free-benefits a {
  display: inline-block;
  width: 100%
}

.order-card-panel {
  background: #386c87 url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/cards/all.png) 50% 64px no-repeat;
  background-size: 220px auto;
  border-radius: 2px;
  padding: 8px;
  margin: 28px 0;
  min-height: 100px
}

.order-card-panel h2 {
  color: #fff;
  text-align: center;
  margin-top: 8px;
  padding-left: 0;
  font-size: 1.2em
}

.order-card-panel p {
  margin: 116px auto 12px auto;
  text-align: center
}

.order-card-panel--single-link {
  font-weight: 700;
  background: 0 0;
  text-align: center
}

.order-card-panel p.order-card-panel__align-link-center {
  text-align: center
}

#wo_chat,#wo_online_image {
  z-index: 1000000115
}

#wo_online_image {
  width: auto!important
}

.modal.myrac .modal-header {
  border-bottom: none;
  position: relative
}

.modal.myrac .modal-header h4 {
  color: #444;
  font-size: 1.6em;
  margin-top: 22px;
  text-align: center
}

.modal.myrac .modal-header h4.orange {
  color: #ef6c00
}

.modal.myrac .modal-header h4.green {
  color: #1e9771
}

.modal.myrac .modal-header h4.left {
  text-align: left
}

.modal.myrac .modal-header button {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-size: 23px
}

.modal.myrac .modal-header .ascii-cross {
  font-size: 40px;
  outline: 0
}

.modal.myrac .modal-header .close {
  position: absolute;
  right: 20px;
  top: 20px
}

.modal.myrac .modal-small-header {
  text-align: center;
  padding: 12px 0
}

.modal.myrac .modal-small-header--green {
  color: #1e9771
}

.modal.myrac .modal-body {
  padding: 12px 62px
}

.modal.myrac .modal-footer {
  border-top: none;
  text-align: center;
  padding: 6px 15px 22px 15px
}

.modal.myrac .modal-footer .btn-primary {
  padding: 11px 12px
}

.modal.myrac p {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-size: 1.2em
}

.modal.myrac .smallPrint {
  font-size: .7em
}

.modal.myrac li {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-size: 1em;
  text-align: left
}

.modal.myrac h5 {
  font-size: 1.4em
}

.product-info {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/promo/bg-mob.png) 50% no-repeat;
  background-size: cover;
  margin: 36px 0 48px 0;
  border-radius: 2px
}

.product-info p {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-size: 108%;
  font-weight: 800;
  padding: 16px 0 0 0
}

.product-info div {
  text-align: center;
  margin-top: 38px;
  margin-bottom: 38px
}

.product-info .btn-info {
  padding: 6px 32px 6px 10px;
  font-size: 16px
}

.product-info .btn-info .racIconFont {
  top: 26%
}

.product-info .btn.btn-cta {
  min-width: unset
}

.salutation h2 {
  text-align: center;
  font-size: 1.2em;
  font-weight: 100;
  margin-top: 0
}

.salutation h2 span {
  font-weight: 600
}

.salutation h2 .Orange {
  color: #ef6c00
}

.salutation h2 .Silver {
  color: #ccc
}

.cards {
  position: relative;
  height: 228px
}

.cards .card {
  position: absolute;
  top: 29px;
  width: 228px;
  height: 144px;
  border-radius: 11px;
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/cards/orange_card.png);
  background-color: #ef6c00;
  background-size: contain;
  box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(204,204,204,.23)
}

.cards .card p {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-weight: 600;
  font-size: 10px;
  line-height: 1.04;
  overflow: hidden;
  color: #ccc;
  background: rgba(254,254,254,.8);
  height: 100%;
  padding: 39.2% 5.4% 0 5.4%;
  border-radius: 10.5px
}

.cards .card p span {
  font-size: 94%;
  font-weight: 400
}

.cards .orange {
  left: 0
}

.cards .silver {
  left: 50%;
  margin-left: -114px;
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/cards/silver_card.png);
  background-color: #ccc;
  background-size: contain
}

.cards .black {
  right: 0;
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/cards/black_card.png);
  background-color: #000;
  background-size: contain
}

.cards .black p {
  color: #fff
}

.Orange .orange {
  top: 0;
  width: 300px;
  height: 190px;
  z-index: 4;
  box-shadow: 0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)
}

.Orange .orange p {
  font-size: 14px;
  color: #000;
  background: 0 0
}

.Orange .silver {
  z-index: 2
}

.Silver .silver {
  top: 0;
  width: 300px;
  height: 190px;
  margin-left: -150px;
  z-index: 4;
  box-shadow: 0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)
}

.Silver .silver p {
  font-size: 14px;
  color: #000;
  background: 0 0
}

.Black .black {
  top: 0;
  width: 300px;
  height: 190px;
  z-index: 4;
  box-shadow: 0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)
}

.Black .black p {
  font-size: 14px;
  color: #fff;
  background: 0 0
}

.Black .silver,.Orange .silver {
  top: 18px;
  height: 167px;
  width: 264px;
  margin-left: -132px
}

.Black .silver p,.Orange .silver p {
  font-size: 12px
}

.membership-meter {
  padding-bottom: 24px
}

.membership-meter .track {
  height: 8px;
  width: 100%;
  border-radius: 4px;
  background-color: #ccc
}

.membership-meter .track .fill {
  height: 8px;
  border-radius: 4px;
  background-color: #444
}

.membership-meter .gauge0 p,.membership-meter .gauge1 p,.membership-meter .gauge2 p {
  text-align: center;
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-size: 1.2em;
  color: #ccc;
  padding-top: 8px
}

.membership-meter .gauge0 p {
  text-align: left;
  padding-left: 1em
}

.membership-meter .gauge2 p {
  text-align: right;
  padding-right: 1em
}

.tierOne .gauge0 p {
  font-size: 1.36em;
  color: #444
}

.tierTwo .gauge1 p {
  font-size: 1.36em;
  color: #444
}

.tierThree .gauge2 p {
  font-size: 1.36em;
  color: #444
}

.draw-preamble {
  padding-top: 0;
  padding-bottom: 32px;
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-size: 1.2em;
  text-align: center
}

.tiered-benefits {
  text-align: center
}

.tiered-benefits a {
  color: #4a4a4a
}

.tiered-benefits a:hover {
  color: #8c8c8c;
  text-decoration: none
}

.tiered-benefits a:focus {
  text-decoration: none
}

.tiered-benefits .image {
  height: 160px;
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/benefits/airport.jpg) top center no-repeat
}

.tiered-benefits .car-hire .image {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/benefits/carhire.jpg)
}

.tiered-benefits .shop .image {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/benefits/shop.jpg)
}

.tiered-benefits .bd-extras .image {
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/benefits/extras.jpg)
}

.tiered-benefits h2 {
  font-size: 1.4em
}

.tiered-benefits p {
  padding: 4px 24px 18px 24px
}

.myrac-docs-container {
  background-color: #e6e6e6;
  margin-bottom: 24px
}

.myrac-doc {
  margin-top: 15px;
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0,0,0,.2);
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAATlBMVEUAAABERERERERERERERETueDTueDRERERERERERERERERERERERERERERERERERERERETueDTueDTueDTueDTueDTueDTueDTueDREREQCw4KfAAAAGXRSTlMAQIC/EL9AYO/PMN9QIJ+PcCAQ35+PMHBQVsgwEQAAAPNJREFUOMvd0sGSgyAMgOGEoEERbW23u7z/i66UwTBYaC89tP8pznxjRgS+vWkhIjU+ZdYqRJ4NtelspjhoZbjhlkGvfWib2dffiWaE327rcjkDnGwVkkrT9Roea8u112nsu7CcIM+pGAISwK3fOkeoPeShTVAtsHahnwihgGlBgKkqlKmxmvKPuWWrmSpQjidC4iOUAxcoBy4QQ+7+C+He+gfsDVdgeSnGKAU+vGYeAUQKPFzcYdC7FHjaf+OeFimwyLlC1qBSkMupXB3DCEUyNd8osg13aWefr0bJCQyxcvASbBz4O+DchuWtPEJfZBg+sn80oApcmrIa5AAAAABJRU5ErkJggg==) 16px 8px no-repeat
}

.myrac-doc:last-child {
  margin-bottom: 15px
}

.myrac-doc h5 {
  color: #444;
  font-size: 1.1em;
  margin-bottom: 0;
  margin-top: 50px;
  font-weight: 700
}

.myrac-doc .issue-date {
  font-size: .86em;
  margin-bottom: 14px
}

.myrac-doc .link {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  text-transform: capitalize;
  font-weight: 700;
  position: absolute;
  right: 18px;
  top: 1.2em
}

.myrac-doc .link a {
  margin-left: 24px
}

.myrac-doc .link a:before {
  content: '';
  width: 21px;
  height: 21px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAHlBMVEUAAADvbADvbADvbADvbADvbADvbADvbADvbADvbAD2ebrDAAAACXRSTlMAQGC/769QMBArEuVzAAAAR0lEQVQI12NAB4KCAnD2zJkTaMfmCDaeOXOycQSYUzITCKYUgNlsIPY0qHJNIFsBymaaOXMS3BxNkDBMAibMOBMMJqKwcQIAMTElnaWzw54AAAAASUVORK5CYII=) 0 0 no-repeat;
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0
}

.myrac-doc__efulfilment {
  background-color: #e6e6e6;
  padding-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.myrac-doc__efulfilment--wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
  margin: 15px 0;
  background-color: #fff
}

.myrac-doc__efulfilment--wrapper-saving {
  pointer-events: none;
  color: #828282
}

.myrac-doc__efulfilment--wrapper-saving .myrac-doc__efulfilment--checkbox span {
  border: 3px solid #bfbfbf
}

.myrac-doc__efulfilment--wrapper-saving .myrac-doc__efulfilment--checkbox span:before {
  color: #bfbfbf;
  opacity: .2
}

.myrac-doc__efulfilment--checkbox {
  margin-right: 20px
}

.myrac-doc__efulfilment--checkbox input {
  display: none
}

.myrac-doc__efulfilment--checkbox span {
  display: inline-block;
  position: relative;
  height: 30px;
  width: 30px;
  border-radius: 2px;
  border: 3px solid #1e9771;
  cursor: pointer
}

.myrac-doc__efulfilment--checkbox span.grey {
  border: 2px solid #828282
}

.myrac-doc__efulfilment--checkbox [type=checkbox]:checked+span:before {
  content: '';
  background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/efulfilment/tick.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  font-size: 2em;
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  color: #1e9771
}

.myrac-doc__efulfilment__button-wrapper {
  text-align: right
}

.myrac-doc__efulfilment--text {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-weight: 700;
  line-height: 1.1
}

.myrac-doc__efulfilment--button-saving {
  pointer-events: none
}

.myrac-doc__efulfilment--button {
  position: relative;
  margin-left: auto;
  padding: 10px;
  height: 47px;
  text-align: center;
  border: 0 none
}

.myrac-doc__efulfilment--button .saved,.myrac-doc__efulfilment--button .submit {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  opacity: 0;
  transition: opacity .5s
}

.myrac-doc__efulfilment--button .saved--visible,.myrac-doc__efulfilment--button .submit--visible {
  opacity: 1
}

.Efulfilled .myrac-doc__efulfilment--wrapper,.EfulfilledModal.modal.myrac .myrac-doc__efulfilment--wrapper {
  -ms-flex-align: start;
  align-items: flex-start;
  padding-left: 0;
  padding-bottom: 18px
}

.Efulfilled .myrac-doc__efulfilment--radio,.EfulfilledModal.modal.myrac .myrac-doc__efulfilment--radio {
  position: relative;
  padding: 10px 35px;
  margin: 0;
  box-shadow: inset -1px 1px 2px 0 #9e9b9b;
  background-color: #fff;
  cursor: pointer
}

.Efulfilled .myrac-doc__efulfilment--radio.selected,.EfulfilledModal.modal.myrac .myrac-doc__efulfilment--radio.selected {
  border: 0 none;
  background-color: #e0e0e0;
  box-shadow: none
}

.Efulfilled .myrac-doc__efulfilment--radio.selected span,.EfulfilledModal.modal.myrac .myrac-doc__efulfilment--radio.selected span {
  color: #000
}

.Efulfilled .myrac-doc__efulfilment--radio span,.EfulfilledModal.modal.myrac .myrac-doc__efulfilment--radio span {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #9e9e9e;
  pointer-events: none
}

.Efulfilled .myrac-doc__efulfilment--radio input,.EfulfilledModal.modal.myrac .myrac-doc__efulfilment--radio input {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%
}

.Efulfilled .paperless-env,.EfulfilledModal.modal.myrac .paperless-env {
  padding-bottom: 18px
}

.Efulfilled .paperless-env span,.EfulfilledModal.modal.myrac .paperless-env span {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: 700
}

.Efulfilled .paperless-env img,.EfulfilledModal.modal.myrac .paperless-env img {
  height: 18px;
  width: auto;
  padding-right: 10px
}

.Efulfilled .myrac-doc__efulfilment--text,.EfulfilledModal.modal.myrac .myrac-doc__efulfilment--text {
  font-weight: 400
}

.Efulfilled .modal-body,.EfulfilledModal.modal.myrac .modal-body {
  padding: 0 30px;
  margin: 0 20px;
  background-color: #fff
}

.Efulfilled .modal-footer,.EfulfilledModal.modal.myrac .modal-footer {
  text-align: right;
  border-top: 1px solid #dadada;
  margin: 0 20px;
  padding: 20px 0
}

.single-card {
  position: relative;
  height: 228px
}

.single-card .card {
  position: absolute;
  top: 0;
  left: 50%;
  width: 300px;
  height: 190px;
  margin-left: -150px;
  border-radius: 11px;
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/cards/orange_card.png);
  background-size: contain;
  box-shadow: 0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)
}

.single-card .card p {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.04;
  overflow: hidden;
  color: #000;
  height: 100%;
  padding: 39.2% 5.4% 0 5.4%;
  border-radius: 8px
}

.single-card .card p span {
  font-size: 94%;
  font-weight: 400
}

.single-card .card.athome {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/cards/orangeathome.png);
  background-size: contain
}

.single-card .card.batteryrescue {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/cards/orangebatteryrescue.png);
  background-size: contain
}

.single-card .card.keyreplace {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/cards/orangekeyreplace.png);
  background-size: contain
}

.single-card .card.legalcare {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/cards/orangelegalcare.png);
  background-size: contain
}

.single-card .card.onwardtravel {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/cards/orangeonwardtravel.png);
  background-size: contain
}

.single-card .card.recovery {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/cards/orangerecovery.png);
  background-size: contain
}

.single-card.Silver .card {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/cards/silver_card.png);
  background-size: contain
}

.single-card.Silver .card.athome {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/cards/silverathome.png);
  background-size: contain
}

.single-card.Silver .card.batteryrescue {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/cards/silverbatteryrescue.png);
  background-size: contain
}

.single-card.Silver .card.keyreplace {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/cards/silverkeyreplace.png);
  background-size: contain
}

.single-card.Silver .card.legalcare {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/cards/silverlegalcare.png);
  background-size: contain
}

.single-card.Silver .card.onwardtravel {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/cards/silveronwardtravel.png);
  background-size: contain
}

.single-card.Silver .card.recovery {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/cards/silverrecovery.png);
  background-size: contain
}

.single-card.Black .card {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/cards/black_card.png);
  background-size: contain
}

.single-card.Black .card p {
  color: #fff
}

.single-card.Black .card.athome {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/cards/blackathome.png);
  background-size: contain
}

.single-card.Black .card.batteryrescue {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/cards/blackbatteryrescue.png);
  background-size: contain
}

.single-card.Black .card.keyreplace {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/cards/blackkeyreplace.png);
  background-size: contain
}

.single-card.Black .card.legalcare {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/cards/blacklegalcare.png);
  background-size: contain
}

.single-card.Black .card.onwardtravel {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/cards/blackonwardtravel.png);
  background-size: contain
}

.single-card.Black .card.recovery {
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/cards/blackrecovery.png);
  background-size: contain
}

.myrac__checkbox--wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
  margin: 15px 0;
  background-color: #fff
}

.myrac__checkbox--input {
  display: none
}

.myrac__checkbox--input:checked+.myrac__checkbox--span {
  background-color: #1e9771;
  border: 2px solid #1e9771
}

.myrac__checkbox--input:checked+.myrac__checkbox--span:before {
  content: '';
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/tick-white.svg) no-repeat;
  position: absolute;
  width: 17px;
  height: 17px;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.myrac__checkbox--span {
  display: inline-block;
  position: relative;
  height: 25px;
  width: 25px;
  border-radius: 2px;
  border: 2px solid #4a4a4a;
  cursor: pointer
}

.myrac__checkbox--text {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-weight: 700;
  line-height: 1.1;
  padding-left: 10px
}

.myrac__radio--wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  margin: 10px 0;
  background-color: #fff
}

.myrac__radio--input {
  display: none
}

.myrac__radio--input:checked+.myrac__radio--span:before {
  content: '';
  background: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/orange-circle.svg) no-repeat;
  position: absolute;
  background-size: 99%;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.myrac__radio--span {
  display: inline-block;
  position: relative;
  height: 26px;
  width: 26px;
  border: 2px solid #4a4a4a;
  border-radius: 100%;
  cursor: pointer
}

.myrac__radio--text {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-weight: 700;
  line-height: 1.1;
  padding-left: 10px
}

.MyRacForm {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 35px;
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif
}

.MyRacForm__form-element {
  width: 100%;
  border: solid 1px #aaa;
  border-radius: 0;
  outline: 0;
  padding-left: 20px
}

.MyRacForm__form-element[disabled] {
  background-color: #e2e2e2
}

.MyRacForm__form-element.form-control:focus {
  border: solid 1px #aaa
}

.MyRacForm__form-element::-ms-clear {
  display: none
}

.MyRacForm__label {
  display: block
}

.MyRacForm__input-half-width {
  width: 50%
}

.MyRacForm__input-third-width {
  width: 33.333%
}

.MyRacForm__input-default-height {
  height: 40px
}

.MyRacForm__input-extra-height {
  height: 55px
}

.MyRacForm label {
  padding: 10px 0
}

.MyRacForm__error-msg {
  font-size: 13px;
  color: #e6231f
}

.MyRacForm__input-wrapper {
  position: relative
}

.MyRacForm__postCode {
  font-size: 16px;
  font-weight: 700
}

.MyRacForm__postcode-button-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 20px
}

.MyRacForm__enter-address-manual {
  margin-right: auto
}

.MyRacForm__input-edit {
  position: absolute;
  right: 20px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 0 none;
  border-bottom: 1px solid #222;
  background-color: inherit;
  color: #222;
  text-align: center;
  padding: 0 2px;
  outline: 0
}

.MyRacForm__button {
  padding: 10px;
  border: 0 none;
  border-radius: 4px;
  color: #fff;
  background-color: #ef6c00;
  outline: 0
}

.MyRacForm__button--green {
  background-color: #1e9771
}

.MyRacForm__button--align-right {
  margin-left: auto
}

.MyRacForm__button--vertical-spacing {
  margin-top: 30px;
  margin-bottom: 10px
}

.MyRacForm__button--left-margin {
  margin-left: 10px
}

.MyRacForm__button[disabled] {
  background-color: #ccc;
  color: #222
}

.MyRacForm__button--wide {
  min-width: 150px
}

.MyRacForm__button--grey {
  background-color: #4a4a4a
}

.MyRacForm__button--set-width {
  width: 108px
}

.MyRacForm__button-link {
  border: 0 none;
  text-decoration: underline;
  background-color: inherit;
  color: #222;
  text-align: center;
  padding: 0 2px;
  outline: 0
}

.MyRacForm__button-wrapper {
  text-align: right
}

.MyRacForm__button-wrapper--center {
  text-align: center
}

.MyRacForm__button-wrapper--left {
  text-align: left
}

.AddressList__wrapper {
  max-height: 300px;
  overflow-y: scroll;
  background-color: #edeced
}

.AddressList__address {
  width: 100%;
  text-align: left;
  padding: 10px 20px;
  font-weight: 700;
  border: 0 none;
  outline: 0;
  color: #222;
  background-color: #edeced;
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif
}

.AddressList__address:hover {
  background-color: #ef6c00;
  color: #fff
}

.myrac-self-serve label {
  display: block;
  padding-top: 1em;
  margin-bottom: 0
}

.myrac-self-serve label.form-field-invalid {
  padding-top: 0;
  color: #f95108
}

.myrac-self-serve .form-label-inline {
  display: inline
}

.myrac-self-serve .input-checkbox input {
  display: inline
}

.myrac-self-serve input {
  display: block;
  width: 100%;
  height: 55px;
  padding: 13px 10px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #444;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.myrac-self-serve input:focus {
  border-color: #ef6c00;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(239,108,0,.6)
}

.myrac-self-serve input[type=checkbox] {
  width: auto;
  height: auto;
  margin-bottom: 1em
}

.myrac-self-serve input.aspNetDisabled {
  background-color: #f1f0ef
}

.myrac-self-serve select {
  background: 0 0!important
}

.myrac-self-serve .button-right a,.myrac-self-serve .buttonHolderLarge a,.myrac-self-serve .buttonTextBrown a {
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-weight: 900;
  text-align: left;
  padding-right: 34px;
  margin: 6px 0 0 0;
  font-size: 19px;
  position: relative;
  transition: all .15s ease;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 7px 12px;
  font-size: 16px;
  line-height: 1.42857143;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-color: #ea6a00;
  color: #fff;
  background: #ef6c00;
  background: -o-linear-gradient(#ff8119,#ef6c00)
}

.myrac-self-serve .button-right a:active,.myrac-self-serve .button-right a:focus,.myrac-self-serve .button-right a:hover,.myrac-self-serve .buttonHolderLarge a:active,.myrac-self-serve .buttonHolderLarge a:focus,.myrac-self-serve .buttonHolderLarge a:hover,.myrac-self-serve .buttonTextBrown a:active,.myrac-self-serve .buttonTextBrown a:focus,.myrac-self-serve .buttonTextBrown a:hover {
  text-decoration: none
}

.myrac-self-serve .button-right a.btn-info,.myrac-self-serve .buttonHolderLarge a.btn-info,.myrac-self-serve .buttonTextBrown a.btn-info {
  border-color: #555;
  background: #444;
  background: linear-gradient(#444,#585858)
}

.myrac-self-serve .button-right {
  margin-top: 2em;
  margin-bottom: 2em
}

.myrac-self-serve .accordion-heading {
  border-top: 1px solid #ccc
}

.myrac-self-serve .accordion-heading h2 {
  cursor: pointer
}

.breakdown-change-details .expand-button {
  margin: -32px 10px 0 0;
  float: right;
  display: inline;
  width: 20px;
  height: 16px;
  background: url(/RAC/Assets/images/sprites/sprite2.png) no-repeat -954px -2px;
  cursor: pointer
}

.ui-selectmenu {
  display: block;
  display: inline-block;
  position: relative;
  height: 2.2em;
  vertical-align: middle;
  text-decoration: none;
  overflow: hidden;
  zoom:1}

.ui-selectmenu-icon {
  position: absolute;
  right: 6px;
  margin-top: -8px;
  top: 50%
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 779px;
  display: none;
  z-index: 1005
}

.ui-selectmenu-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden
}

.ui-selectmenu-open {
  display: block;
  background-color: #fff;
  border: 1px solid #e6e6e6
}

.ui-selectmenu-menu-popup {
  margin-top: -1px
}

.ui-selectmenu-menu li {
  padding: 0;
  margin: 0;
  display: block;
  border-top: 1px dotted transparent;
  border-bottom: 1px dotted transparent;
  border-right-width: 0!important;
  border-left-width: 0!important;
  font-weight: 400!important
}

.ui-selectmenu-menu li a,.ui-selectmenu-status {
  line-height: 1.4em;
  display: block;
  padding: .405em 2.1em .405em 1em;
  outline: 0;
  text-decoration: none
}

.ui-selectmenu-menu li.ui-state-disabled a,.ui-state-disabled {
  cursor: default
}

.ui-selectmenu-hasIcon .ui-selectmenu-status,.ui-selectmenu-menu li.ui-selectmenu-hasIcon a {
  padding-left: 20px;
  position: relative;
  margin-left: 5px
}

.ui-selectmenu-menu li .ui-icon,.ui-selectmenu-status .ui-icon {
  position: absolute;
  top: 1em;
  margin-top: -8px;
  left: 0
}

.ui-selectmenu-status {
  line-height: 1.4em
}

.ui-selectmenu-menu li span,.ui-selectmenu-status span {
  display: block;
  margin-bottom: .2em
}

.ui-selectmenu-menu li .ui-selectmenu-item-header {
  font-weight: 700
}

.ui-selectmenu-menu li .ui-selectmenu-item-footer {
  opacity: .8
}

.ui-selectmenu-menu .ui-selectmenu-group {
  font-size: 1em
}

.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
  line-height: 1.4em;
  display: block;
  padding: .6em .5em 0;
  font-weight: 700
}

.ui-selectmenu-menu .ui-selectmenu-group ul {
  margin: 0;
  padding: 0
}

* html .ui-selectmenu-menu li {
  border-color: pink;
  width: 100%
}

* html .ui-selectmenu-menu li a {
  position: relative
}

.ui-datepicker {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);
  width: 17em;
  padding: 0;
  display: none;
  border-color: #ddd
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .35em 0;
  border: none;
  border-bottom: 1px solid #b6b6b6
}

.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev {
  position: absolute;
  top: 6px;
  width: 1.8em;
  height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover {
  border: 1px none
}

.ui-datepicker .ui-datepicker-next-hover span {
  background-position: -16px -48px!important
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px
}

.ui-datepicker .ui-datepicker-prev span {
  background-position: 0 -32px!important;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
  background: url(/CMSScripts/jquery/jQueryUI/icon_sprite.png) no-repeat
}

.ui-datepicker .ui-datepicker-next {
  right: 2px
}

.ui-datepicker .ui-datepicker-next span {
  background-position: -16px -32px!important;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
  background: url(/CMSScripts/jquery/jQueryUI/icon_sprite.png) no-repeat
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
  font-size: 12px
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
  width: 49%
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: 700;
  border: 0
}

.ui-datepicker td {
  border: 0;
  padding: 1px
}

.ui-datepicker td a,.ui-datepicker td span {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left
}

.ui-datepicker .ui-state-default {
  background: 0 0;
  border-color: #fff
}

.ui-datepicker .ui-state-active {
  background: #5f83b9;
  border-color: #5f83b9;
  color: #fff;
  font-weight: 700
}

.ui-datepicker.ui-datepicker-multi {
  width: auto
}

.ui-datepicker .ui-datepicker-multi .ui-datepicker-group {
  float: left
}

.ui-datepicker .ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em
}

.ui-datepicker .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0
}

.ui-datepicker .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0
}

.ui-datepicker .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-buttonpane {
  clear: left
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%
}

.ui-datepicker-rtl {
  direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-prev::hover {
  right: 1px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-next::hover {
  left: 1px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px
}

.ui-datepicker-cover {
  display: none;
  display: block;
  position: absolute;
  z-index: -1;
  filter: mask();
  top: -4px;
  left: -4px;
  width: 200px;
  height: 200px
}

.account-preferences {
  padding-top: 30px
}

.account-preferences .salutation {
  padding-bottom: 10px
}

.account-preferences__wrapper {
  border: 1px solid #dadada;
  padding: 20px;
  margin-top: 20px
}

.account-preferences__wrapper--no-top-margin {
  margin-top: 0
}

.account-preferences__icon {
  margin-top: 30px;
  padding: 0;
  text-align: right
}

.account-preferences__icon img {
  width: 30px;
  height: auto
}

.account-preferences__button-wrapper {
  text-align: right
}

.account-preferences__prefs-title {
  margin-bottom: 0
}

.account-preferences__marketing-wrapper {
  display: -ms-flexbox;
  display: flex
}

.account-preferences__marketing-wrapper .myrac__checkbox--wrapper:first-child {
  padding-left: 0
}

.account-preferences p.edit {
  font-size: .9em;
  padding-bottom: 10px
}

.account-preferences p.edit a:before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 24px;
  margin-right: 6px;
  margin-bottom: -6px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAYAAAD+vg1LAAAACXBIWXMAAAsSAAALEgHS3X78AAAAvElEQVRIx+XVyw3CMAyA4R/EAGSDjpAVMkrvvXQCxAQVUgZgBDZgBTaADdoRuLhSaBtQ7VwASznk9TmKYgW+LTbajX3DHuik27rIYIYFvQKVDD2AkOJbA+qBExAkQZeu2xlOegQOyfSggidocJFb34DgZxdpV99xBvUydnGRevWr0KAfYS36FragWdiKLsIl0BlcCn2BS6LTkvbSxkRqNFd548nRokt33AuMlGnN30T6KirgbsFc1P9IPxxPJDBmp+iXQaoAAAAASUVORK5CYII=) 50% no-repeat
}

.more4more__banner {
  text-align: center;
  width: 100%
}

.more4more__banner button {
  border: 0 none;
  outline: 0;
  background-color: inherit;
  width: 100%
}

.more4more__banner img {
  width: 100%
}

.more4more__banner img.mobile {
  display: none
}

.more4more__banner-success {
  height: 60px;
  background-color: #1e9771;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px
}

.more4more__banner-success h4 {
  font-size: 1.2em;
  margin: 10px;
  color: #fff
}

.more4more__banner-wrapper {
  padding: 0 0 30px 0;
  box-shadow: 0 5px 5px -3px rgba(0,0,0,.2);
  margin-bottom: 30px
}

.more4more__product {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border: 2px solid #1e9771;
  margin-bottom: 15px;
  border-radius: 5px
}

.more4more__product-icon {
  position: absolute;
  top: 50%;
  left: 10px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.more4more__product-details {
  padding: 10px 110px 10px 100px
}

.more4more__product-extra-details {
  padding: 10px 0;
  font-size: 14px
}

.more4more__product-tell-me:active,.more4more__product-tell-me:hover {
  text-decoration: none
}

.more4more__product-tell-me img {
  width: 10px;
  -ms-transform: rotate(0);
  transform: rotateZ(0);
  margin-left: 2px
}

.more4more__product-tell-me--active img {
  -ms-transform: rotate(-180deg);
  transform: rotateZ(-180deg)
}

.more4more__product-select-icon {
  cursor: pointer;
  position: absolute;
  right: -2px;
  top: 0;
  height: 100%;
  width: 90px;
  background-color: #1e9771;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.more4more__product-select-icon .tick {
  display: none;
  height: 40px;
  width: auto
}

.more4more__product-select-icon .plus {
  display: block;
  height: 44px;
  width: auto
}

.more4more__product-select-icon--selected .tick {
  display: block
}

.more4more__product-select-icon--selected .plus {
  display: none
}

.more4more__terms {
  font-size: 14px
}

.more4more__terms ol {
  padding-left: 16px
}

.more4more__success {
  text-align: center;
  padding: 0 0 40px 0
}

.more4more__success img {
  height: 130px;
  width: auto
}

/*! KENTICO OVERRIDES ================================================================================ */
.EditMode .EditableTextEdit input {
  background-color: transparent;
  text-align: inherit
}

.DesignMode header,.EditMode header {
  position: relative!important;
  top: auto!important
}

.DesignMode header+main,.EditMode header+main {
  padding-top: 0
}

.DesignMode header>.siteRibbon,.EditMode header>.siteRibbon {
  height: auto;
  min-height: 40px
}

.DesignMode .row .LayoutTable,.DesignMode section>.LayoutTable,.EditMode .row .LayoutTable,.EditMode section>.LayoutTable {
  width: 100%
}

/*! ================================================================================================== */
.thumbnails>.col-sm-6:first-child+.col-sm-6+.col-sm-6,.thumbnails>.col-sm-6:first-child+.col-sm-6+.col-sm-6+.col-sm-6+.col-sm-6 {
  clear: both
}

.thumbnails>.col-sm-4:first-child+.col-sm-4+.col-sm-4+.col-sm-4 {
  clear: both
}

.thumbnails>.col-sm-3:first-child+.col-sm-3+.col-sm-3+.col-sm-3+.col-sm-3 {
  clear: both
}

.basic-thumbnail {
  border: none;
  box-shadow: none;
  margin-bottom: 0
}

.basic-thumbnail img {
  margin-bottom: 10px
}

.basic-thumbnail .caption {
  text-align: center
}

.cta-button {
  display: inline-block;
  position: relative;
  padding: 0;
  background: 0 0;
  border: none;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
  padding: 1.15em 1em;
  background: #4a4a4a;
  color: #fff!important;
  border-radius: .25em;
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2em;
  text-align: center;
  transition: background-color 325ms ease,color 325ms ease
}

.cta-button:focus,.cta-button:hover {
  text-decoration: none
}

.cta-button:after,.cta-button:before {
  position: absolute;
  top: 50%;
  transform: translate3d(0,-50%,0);
  transition: transform .325s ease;
  font-family: racicon;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.cta-button:after {
  content: '\e810';
  left: 50%;
  transform: translate3d(-50%,-50%,0);
  transition: opacity .325s;
  opacity: 0;
  pointer-events: none;
  color: #fff;
  font-size: 1.4em;
  animation: spin 1.2s linear infinite
}

.cta-button--arrow-down,.cta-button--arrow-right {
  padding-right: 2.5em;
  text-align: left
}

.cta-button--arrow-down:before,.cta-button--arrow-right:before {
  content: '\e60e';
  right: 1em
}

.cta-button--arrow-down:before {
  transform: translate3d(0,-35%,0) rotate(90deg)
}

.cta-button--arrow-left {
  padding-left: 3em;
  text-align: left
}

.cta-button--arrow-left:before {
  content: '\e60f';
  left: 1em
}

.cta-button--arrow-large:before {
  font-size: 1.3em
}

.cta-button--arrow-large.cta-button--arrow-left {
  padding-left: 3.5em
}

.cta-button--narrow-padding {
  padding-top: .8em;
  padding-bottom: .8em
}

.cta-button--orange {
  background: #ef6c00
}

.cta-button--loading:before {
  opacity: 0
}

.cta-button--edit,.cta-button--please-wait {
  min-width: 9.5em
}

.cta-button--full-width {
  width: 100%
}

.cta-button--back {
  min-width: 100px
}

.cta-button:disabled:not(.cta-button--loading) {
  background: #9b9b9b;
  color: #686868!important;
  cursor: not-allowed
}

.cta-button--small {
  padding-top: 7px;
  padding-bottom: 9px
}

.tabbing .cta-button:focus {
  box-shadow: 0 0 0 2px #03b1ff
}

.has-hover .cta-button:hover:not(:disabled) {
  background: #575757
}

.has-hover .cta-button--orange:hover:not(:disabled) {
  background: #ff780a
}

.has-hover .cta-button--arrow-right:hover:not(:disabled):before {
  transform: translate3d(35%,-50%,0)
}

.has-hover .cta-button--arrow-left:hover:not(:disabled):before {
  transform: translate3d(-35%,-50%,0)
}

.has-hover .cta-button--arrow-down:hover:not(:disabled):before {
  transform: translate3d(0,-25%,0) rotate(90deg)
}

.BannerHTML {
  background: #fff
}

.BannerHTML__inner {
  padding: 20px
}

.BannerHTML__img {
  max-width: 100%;
  margin-bottom: 20px
}

.BannerHTML__button {
  margin-top: 20px
}

.ReviewStrip {
  background-repeat: no-repeat;
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-size: 1.4em;
  overflow: hidden
}

.ReviewStrip__outer {
  margin: -40px
}

.ReviewStrip__inner {
  display: table;
  width: 100%;
  border-spacing: 40px
}

.ReviewStrip__col {
  display: table-cell;
  vertical-align: middle;
  padding: 20px 0
}

.ReviewStrip__col--text {
  width: 100%
}

.ReviewStrip__img {
  height: 3em
}

.ReviewStrip--bg-right {
  background-position-x: right
}

.ButtonGroup {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 50px
}

.ButtonGroup__wrapper {
  text-align: center
}

.ButtonGroup__button {
  margin-right: 6px;
  padding: 6px 18px;
  border: 1px solid #4a4a4a;
  background-color: transparent;
  border-radius: 3px;
  transition: border-color .25s ease,color .25s ease,background-color .25s ease
}

.ButtonGroup__button:last-child {
  margin-right: 0
}

.ButtonGroup__button--active,.ButtonGroup__button:focus,.has-hover .ButtonGroup__button:hover {
  border-color: #1e9771;
  color: #fff;
  background-color: #1e9771
}

.VoucherConversionTable {
  display: block;
  margin-right: 15px;
  margin-left: 15px;
  padding: 0 10px 10px;
  background-color: #fff
}

.VoucherConversionTable__header {
  display: none
}

.VoucherConversionTable__body {
  display: block;
  margin-bottom: 15px
}

.VoucherConversionTable__footer {
  display: block
}

.VoucherConversionTable__row {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5
}

.VoucherConversionTable__footer .VoucherConversionTable__row {
  padding-bottom: 0;
  border-bottom: none
}

.VoucherConversionTable__header-cell {
  display: none;
  padding: 0 0 10px;
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-size: 18px;
  text-align: left;
  vertical-align: bottom
}

.VoucherConversionTable__cell {
  display: inline-block;
  vertical-align: top;
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  transition: opacity .25s ease
}

.VoucherConversionTable__cell--hidden {
  opacity: 0
}

.VoucherConversionTable__cell:before {
  display: block;
  font-size: 16px;
  content: attr(data-th)
}

.VoucherConversionTable__cell:first-child {
  display: block;
  padding-bottom: 10px;
  font-size: 20px
}

.VoucherConversionTable__footer .VoucherConversionTable__cell:first-child {
  padding: 0
}

.VoucherConversionTable__cell:nth-child(2) {
  width: 45%;
  font-size: 24px
}

.VoucherConversionTable__cell:nth-child(3) {
  width: 55%;
  margin-left: -4px;
  font-size: 30px;
  line-height: 31px;
  font-weight: 700
}

.VoucherConversionTable__cell:nth-child(3):before {
  font-weight: 400;
  line-height: 1.42857143
}

.VoucherConversionTable__button {
  display: block;
  margin-bottom: 15px
}

.VoucherConversionTable__margin-helper {
  margin-right: 15px;
  margin-left: 15px
}

.VoucherConversionWidget {
  margin-right: 15px;
  margin-bottom: 20px;
  margin-left: 15px;
  padding: 0 20px;
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  font-size: 16px;
  background-color: #fff
}

.VoucherConversionWidget__title {
  display: inline-block;
  width: 60%;
  padding: 15px 0
}

.VoucherConversionWidget__definition+.VoucherConversionWidget__title {
  border-top: 1px solid #e5e5e5
}

.VoucherConversionWidget__title--equals {
  position: relative
}

.VoucherConversionWidget__title--equals:after {
  position: absolute;
  top: calc(50% - 10px);
  right: 20px;
  font-size: 40px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '='
}

.VoucherConversionWidget__definition {
  display: inline-block;
  width: 40%;
  margin-left: -5px;
  padding: 15px 0
}

.VoucherConversionWidget__title+.VoucherConversionWidget__definition {
  border-top: 1px solid #e5e5e5
}

.VoucherConversionWidget__title:first-child+.VoucherConversionWidget__definition {
  border-top: none
}

.VoucherConversionWidget__definition--green {
  color: #1e9771
}

.VoucherConversionWidget__emphasis {
  display: block;
  font-size: 30px;
  line-height: 1
}

.ProcessColumn img {
  width: 60px;
  margin-right: 20px;
  float: left;
  clear: left
}

.ProcessColumn .thumbnail {
  margin-bottom: 40px;
  float: left;
  clear: both;
  width: 100%
}

.ProcessColumn .caption,.ProcessColumn .thumbnail {
  padding: 0
}

.ProcessColumn h3 {
  width: calc(100% - 80px);
  min-height: 60px;
  margin-top: 0;
  float: left;
  text-align: left;
  color: #000
}

.ProcessColumn p {
  float: left;
  text-align: left;
  font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
  color: #4a4a4a
}

.ResponsiveTable {
  min-width: 520px
}

.ResponsiveTable--container {
  overflow-y: auto
}

.Loader {
  position: relative;
  height: 1em;
  opacity: 0;
  transition: opacity 325ms ease
}

.Loader--set-width {
  width: 9em
}

.Loader--dots {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: auto
}

.Loader__chevron {
  display: inline;
  position: absolute;
  left: .2em;
  width: 100%;
  height: 1em;
  background-image: url(/App_Themes/Components/PageTemplates/Web2Master/images/chevron-right-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0
}

.Loader--grey .Loader__chevron {
  background-image: url(/App_Themes/Components/PageTemplates/Web2Master/images/chevron-right-grey.svg)
}

.Loader--loading {
  opacity: 1
}

.Loader--loading .Loader__chevron {
  animation: chevron-load 2s infinite cubic-bezier(.1,.5,.9,.5)
}

.Loader--loading .Loader__chevron:nth-child(2) {
  left: 0;
  animation-delay: .25s
}

.Loader--loading .Loader__chevron:nth-child(3) {
  left: -.2em;
  animation-delay: .5s
}

.iframe-wrapper {
  position: relative;
  padding-bottom: 36.25%;
  padding-top: 25px;
  border: 0
}

.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0
}

/* @font-face {
  font-family: 'Ubuntu';
  src: url(../fonts/dinroundot-light.eot);
  src: url(../fonts/dinroundot-light.eot#iefix) format('embedded-opentype'),url(/fonts/DINRoundOTW05-Light.woff2) format('woff2'),url(../fonts/dinroundot-light.woff) format('woff'),url(../fonts/dinroundot-light.ttf) format('truetype'),url(../fonts/dinroundot-light.svg#DINRoundOTLight) format('svg');
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: 'Ubuntu';
  src: url(../fonts/dinroundot.eot);
  src: url(../fonts/dinroundot.eot#iefix) format('embedded-opentype'),url(/fonts/DINRoundW05-Regular.woff2) format('woff2'),url(../fonts/dinroundot.woff) format('woff'),url(../fonts/dinroundot.ttf) format('truetype'),url(../fonts/dinroundot.svg#DINRoundOTRegular) format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'Ubuntu';
  src: url(../fonts/dinroundot-medium.eot);
  src: url(../fonts/dinroundot-medium.eot#iefix) format('embedded-opentype'),url(/fonts/DINRoundOTW05-Medium.woff2) format('woff2'),url(../fonts/dinroundot-medium.woff) format('woff'),url(../fonts/dinroundot-medium.ttf) format('truetype'),url(../fonts/dinroundot-medium.svg#DINRoundOTMedium) format('svg');
  font-weight: 600;
  font-style: normal
} */

/* @font-face {
  font-family: roboto_slab;
  src: url(../fonts/RobotoSlab-Thin-webfont.eot);
  src: url(../fonts/RobotoSlab-Thin-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/RobotoSlab-Thin-webfont.woff) format('woff'),url(../fonts/RobotoSlab-Thin-webfont.ttf) format('truetype'),url(../fonts/RobotoSlab-Thin-webfont.svg#roboto_slabthin) format('svg');
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: roboto_slab;
  src: url(../fonts/RobotoSlab-Light-webfont.eot);
  src: url(../fonts/RobotoSlab-Light-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/RobotoSlab-Light-webfont.woff) format('woff'),url(../fonts/RobotoSlab-Light-webfont.ttf) format('truetype'),url(../fonts/RobotoSlab-Light-webfont.svg#roboto_slablight) format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: roboto_slab;
  src: url(../fonts/RobotoSlab-Regular-webfont.eot);
  src: url(../fonts/RobotoSlab-Regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/RobotoSlab-Regular-webfont.woff) format('woff'),url(../fonts/RobotoSlab-Regular-webfont.ttf) format('truetype'),url(../fonts/RobotoSlab-Regular-webfont.svg#roboto_slabbold) format('svg');
  font-weight: 600;
  font-style: normal
} */

@media \0screen {
  .panel-default {
      border-width: 1px 1px 1px
  }

  .panel-primary {
      border-width: 10px 1px 1px
  }

  .panel-success {
      border-width: 10px 1px 1px
  }

  .panel-info {
      border-width: 10px 1px 1px
  }

  .panel-warning {
      border-width: 10px 1px 1px
  }

  .panel-danger {
      border-width: 10px 1px 1px
  }

  .panel-group>.panel>.panel-heading[aria-expanded=true]:after {
      content: '\f106'
  }

  .img-thumbnail,.thumbnail {
      border-width: 1px
  }

  a.thumbnail:hover {
      border-color: #ef6c00
  }

  a.thumbnail:active {
      box-shadow: 0 2px 4px rgba(0,0,0,.2)
  }

  header>.siteRibbon ul>li>a,header>.siteRibbon ul>li>span {
      padding: 10px 5px
  }

  .siteNav>ul>li {
      font-size: 90%
  }

  .bodyText .numberListBlocks>ol>li:first-child+li+li+li,.bodyText .numberListBlocks>ol>li:first-child+li+li+li+li+li+li,.bodyText .numberListBlocks>ol>li:first-child+li+li+li+li+li+li+li+li+li,.bodyText .numberListBlocks>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li,.bodyText .numberListBlocks>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,.bodyText .numberListBlocks>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,.bodyText .numberListBlocks>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,body.cke_editable .numberListBlocks>ol>li:first-child+li+li+li,body.cke_editable .numberListBlocks>ol>li:first-child+li+li+li+li+li+li,body.cke_editable .numberListBlocks>ol>li:first-child+li+li+li+li+li+li+li+li+li,body.cke_editable .numberListBlocks>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li,body.cke_editable .numberListBlocks>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,body.cke_editable .numberListBlocks>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,body.cke_editable .numberListBlocks>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,body.cke_show_borders .numberListBlocks>ol>li:first-child+li+li+li,body.cke_show_borders .numberListBlocks>ol>li:first-child+li+li+li+li+li+li,body.cke_show_borders .numberListBlocks>ol>li:first-child+li+li+li+li+li+li+li+li+li,body.cke_show_borders .numberListBlocks>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li,body.cke_show_borders .numberListBlocks>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,body.cke_show_borders .numberListBlocks>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,body.cke_show_borders .numberListBlocks>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li {
      clear: both
  }

  .bodyText .numberListBlocks.numberListBlocks-4>ol>li:first-child+li+li+li+li,.bodyText .numberListBlocks.numberListBlocks-4>ol>li:first-child+li+li+li+li+li+li+li+li,.bodyText .numberListBlocks.numberListBlocks-4>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li,.bodyText .numberListBlocks.numberListBlocks-4>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,.bodyText .numberListBlocks.numberListBlocks-4>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,.bodyText .numberListBlocks.numberListBlocks-4>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,.bodyText .numberListBlocks.numberListBlocks-4>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,body.cke_editable .numberListBlocks.numberListBlocks-4>ol>li:first-child+li+li+li+li,body.cke_editable .numberListBlocks.numberListBlocks-4>ol>li:first-child+li+li+li+li+li+li+li+li,body.cke_editable .numberListBlocks.numberListBlocks-4>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li,body.cke_editable .numberListBlocks.numberListBlocks-4>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,body.cke_editable .numberListBlocks.numberListBlocks-4>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,body.cke_editable .numberListBlocks.numberListBlocks-4>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,body.cke_editable .numberListBlocks.numberListBlocks-4>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,body.cke_show_borders .numberListBlocks.numberListBlocks-4>ol>li:first-child+li+li+li+li,body.cke_show_borders .numberListBlocks.numberListBlocks-4>ol>li:first-child+li+li+li+li+li+li+li+li,body.cke_show_borders .numberListBlocks.numberListBlocks-4>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li,body.cke_show_borders .numberListBlocks.numberListBlocks-4>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,body.cke_show_borders .numberListBlocks.numberListBlocks-4>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,body.cke_show_borders .numberListBlocks.numberListBlocks-4>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,body.cke_show_borders .numberListBlocks.numberListBlocks-4>ol>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li {
      clear: both
  }

  .car-search {
      background: #fff
  }

  .social-embed {
      display: none
  }

  .pageCurl {
      border: 1px solid #eee
  }
}

@media all and (device-width: 768px) and (device-height:1024px) and (orientation:portrait) {
  header>.siteRibbon ul>li:hover:before {
      display:none
  }
}

@media all and (device-width: 768px) and (device-height:1024px) and (orientation:landscape) {
  header>.siteRibbon ul>li:hover:before {
      display:none
  }
}

@media (min-width: 361px) and (max-width:440px) {
  .touchReveal .feature {
      width:126px;
      margin: 8px
  }

  .touchReveal .feature>div {
      background-color: #fff;
      height: 122px
  }

  .touchReveal .feature>div span {
      font-size: 4em;
      margin-top: 18px
  }

  .touchReveal .feature:focus>div span,.touchReveal .feature:hover>div span {
      font-size: 1.6em
  }

  .touchReveal .feature:focus>div p,.touchReveal .feature:hover>div p {
      font-size: .7em
  }
}

@media (min-width: 375px) {
  .ButtonGroup__button {
      padding:6px 23px
  }
}

@media (min-width: 400px) and (max-width:767px) {
  footer .siteFooter .footerSignUp {
      width:50%;
      float: left
  }

  footer .siteFooter .socialLinks {
      width: 50%;
      margin-top: -20px!important;
      padding-left: 15px;
      float: left;
      text-align: left!important
  }

  footer .siteFooter .socialLinks ul li {
      margin-bottom: 10px
  }
}

@media only screen and (min-width: 401px) and (max-width:768px) {
  section.section-featureStrip {
      font-size:76%;
      text-align: left
  }

  section.section-featureStrip .col-sm-8 {
      width: 60%;
      float: left
  }

  section.section-featureStrip .col-sm-4 {
      width: 40%;
      float: left
  }

  .featureImage span.reg:before {
      width: 34px
  }
}

@media (min-width: 441px) and (max-width:610px) {
  .touchReveal .feature {
      width:140px;
      margin: 8px
  }

  .touchReveal .feature>div {
      background-color: #fff;
      height: 128px
  }

  .touchReveal .feature>div span {
      font-size: 4em;
      margin-top: 18px
  }

  .touchReveal .feature:focus>div span,.touchReveal .feature:hover>div span {
      font-size: 1.7em
  }

  .touchReveal .feature:focus>div p,.touchReveal .feature:hover>div p {
      font-size: .8em
  }
}

@media only screen and (min-width: 480px) {
  .compareFour,.compareThree {
      margin-left:11%;
      margin-right: 11%
  }

  .compareFour .coverLevel .detail .feature p {
      display: block;
      margin-top: -4px;
      font-size: .8em;
      line-height: 1.2em
  }

  .compareTicks .coverLevel {
      margin: 15px 11%
  }

  .carPassQ {
      padding-top: 35px
  }

  .carPassQ h2 {
      background-position: 0 0;
      padding: 4px 18px 14px 98px;
      max-width: 16em;
      text-align: left;
      font-size: 1.8em
  }

  .spotlight .col-sm-4 .btn-primary {
      padding-top: 7px;
      padding-bottom: 7px;
      width: 90%;
      min-width: initial
  }

  .spotlight .col-sm-4 .btn-info {
      width: 82%;
      min-width: initial
  }

  .spotlight .btn-primary {
      width: 60%
  }

  .spotlight .btn-info {
      width: 50%
  }

  .product-callout .btn-primary {
      width: 60%
  }

  .product-callout .btn-info {
      width: 50%
  }

  .myrac-header {
      margin: 0
  }

  .myrac-welcome .btn-primary {
      font-size: 16px
  }

  .myrac-myrac {
      margin-top: 24px
  }

  .myrac-myrac .no-log-panel {
      margin: 0;
      padding: 16px;
      width: 50%;
      background-color: #fff
  }

  .myrac-insurance .no-log-panel {
      margin: 0;
      padding: 16px;
      width: 50%;
      float: right;
      background-color: #fff
  }

  .myrac-offers .no-log-panel {
      margin: 0;
      padding: 16px;
      width: 50%;
      background-color: #fff
  }

  .myrac-prizedraw .no-log-panel {
      margin: 0;
      padding: 16px;
      width: 50%;
      float: right;
      background-color: #fff
  }

  .myrac-doc {
      padding-left: 72px;
      padding-right: 112px
  }

  .myrac-doc h5 {
      margin-top: 10px
  }
}

@media only screen and (min-width: 480px) and (max-width:768px) {
  .compareTwo .productNames img {
      left:40%
  }
}

@media (min-width: 611px) and (max-width:700px) {
  .touchReveal .feature {
      width:160px;
      margin: 8px
  }

  .touchReveal .feature>div {
      background-color: #fff;
      height: 135px
  }

  .touchReveal .feature>div span {
      font-size: 4em;
      margin-top: 22px
  }

  .touchReveal .feature:focus>div span,.touchReveal .feature:hover>div span {
      font-size: 1.7em
  }

  .touchReveal .feature:focus>div p,.touchReveal .feature:hover>div p {
      font-size: .8em
  }
}

@media (min-width: 701px) and (max-width:767px) {
  .touchReveal .feature {
      width:180px;
      margin: 8px
  }

  .touchReveal .feature>div {
      background-color: #fff;
      height: 138px
  }

  .touchReveal .feature>div span {
      font-size: 4em;
      margin-top: 22px
  }

  .touchReveal .feature:focus>div span,.touchReveal .feature:hover>div span {
      font-size: 1.7em
  }

  .touchReveal .feature:focus>div p,.touchReveal .feature:hover>div p {
      font-size: .8em
  }
}

@media (min-width: 768px) {
  .panel--grey {
      margin-right:0;
      margin-left: 0
  }

  .banner {
      position: relative;
      overflow: auto
  }

  .banner li {
      list-style: none
  }

  .banner ul li {
      float: left
  }

  .next-slide,.prev-slide {
      display: none;
      position: absolute;
      width: 90px;
      top: 40%;
      background-color: rgba(47,47,47,.86);
      color: #fff;
      z-index: 1;
      height: 90px;
      font-size: 2em;
      padding: 22px 0 0 0;
      text-align: center;
      cursor: pointer
  }

  .next-slide {
      right: 5px
  }

  .next-slide i {
      transition: all 5 ease-in;
      margin-left: 0
  }

  .prev-slide {
      left: 5px
  }

  .prev-slide i {
      transition: all 5 ease-in;
      margin-right: 0
  }

  .prev-slide:hover i {
      margin-right: 5px
  }

  .next-slide:hover i {
      margin-left: 5px
  }

  .sm-3 .item-contents {
      bottom: 24px;
      left: 0
  }

  .home-grid-carousel .slick-dots {
      display: none!important
  }

  .banner-carousel-container {
      margin-bottom: -1px
  }

  .home-grid-carousel .mobile-slide.col-height-2 {
      padding: .5% .5% .25% .5%
  }

  .home-grid-carousel .mobile-slide.col-height-1.col-sm-6 {
      padding: .5% .5% .25% .5%
  }

  .home-grid-carousel .mobile-slide.col-height-1.col-sm-3 {
      padding: .5% .5% .5% .5%
  }

  .home-grid-carousel .half-slide-component {
      padding: 0 .25%
  }

  .country-zone {
      font-size: 15px;
      padding: 5px 5px 5px 45px
  }

  .ie8 .country-container>div {
      min-height: 90px;
      font-size: 14px;
      padding: 5px 5px 5px 37px
  }

  .redirectPrompt {
      margin-top: -58px
  }

  .home-banner-carousel #mainBanner div:first-child {
      display: block
  }

  .home-banner-carousel #mainBanner div:first-child div {
      display: block
  }

  .home-banner-carousel #mainBanner div {
      display: none
  }

  .modal .modal-dialog--wide {
      width: 800px;
      max-width: 100%
  }

  .modal--contact .modal-content {
      padding: 20px
  }

  .modal--contact .vertical-alignment-helper .modal-dialog .modal-content .modal-header .close {
      margin-top: -40px
  }

  .modal--contact td:nth-child(2) {
      min-width: 140px
  }

  .modal--contact td {
      padding: 15px
  }

  .Efulfilled .modal-dialog,.EfulfilledModal.modal.myrac .modal-dialog {
      width: 750px
  }

  .ButtonGroup {
      margin-bottom: 0
  }

  .VoucherConversionTable {
      margin: 50px 0 20px;
      padding: 0;
      background-color: transparent
  }

  .VoucherConversionTable__header {
      display: table-row-group
  }

  .VoucherConversionTable__body {
      display: table-row-group;
      background-color: #fff
  }

  .VoucherConversionTable__footer {
      display: table-row-group;
      text-align: center;
      background-color: #fff
  }

  .VoucherConversionTable__footer .VoucherConversionTable__row {
      padding: 20px
  }

  .VoucherConversionTable__row {
      display: table-row;
      border-bottom: none
  }

  .VoucherConversionTable__header-cell {
      display: table-cell
  }

  .VoucherConversionTable__cell {
      display: table-cell;
      width: 25%;
      padding: 20px 0
  }

  .VoucherConversionTable__cell:before {
      display: none;
      content: none
  }

  .VoucherConversionTable__cell:first-child {
      display: table-cell;
      width: 50%;
      padding-right: 20px;
      padding-left: 20px
  }

  .VoucherConversionTable__footer .VoucherConversionTable__cell:first-child {
      padding: 20px 20px 30px
  }

  .VoucherConversionTable__cell:nth-child(2) {
      width: 25%
  }

  .VoucherConversionTable__cell:nth-child(3) {
      width: 25%
  }

  .VoucherConversionTable__button {
      display: inline-block;
      min-width: 180px;
      margin-bottom: 0
  }

  .VoucherConversionTable__margin-helper {
      margin-right: 0;
      margin-left: 0
  }

  .VoucherConversionWidget {
      margin-top: 25px;
      margin-right: 0;
      margin-left: 0
  }

  .ProcessColumn:after {
      position: absolute;
      top: 65px;
      right: -23px;
      z-index: 1;
      width: 46px;
      height: 56px;
      background: transparent url(../images/process-arrow.png) no-repeat center center;
      background-size: cover;
      content: ""
  }

  .ProcessColumn:last-child:after {
      content: none
  }

  .ProcessColumn img {
      width: 100%;
      max-width: 170px;
      margin-right: auto;
      margin-left: auto;
      float: none;
      clear: none
  }

  .ProcessColumn h3 {
      width: 100%;
      min-height: 0;
      margin-top: 35px;
      margin-bottom: 20px;
      float: none;
      font-size: 1.6em;
      text-align: center
  }

  .ProcessColumn p {
      float: none;
      text-align: center;
      font-size: 1.2em
  }
}

@media all and (min-width: 768px) {
  .panel--double-pad .panel-heading {
      padding:30px 30px 0
  }

  .panel--double-pad .panel-body {
      padding: 0 30px 30px
  }
}

@media only screen and (min-width: 768px) and (max-width:992px) {
  .panel-icon {
      font-size:18px
  }

  .panel-icon span+span {
      font-size: 9px
  }

  header>.siteHeader .siteLogo {
      height: 30px;
      margin: 27.5px 0
  }

  .siteNav>ul>li>a {
      padding: 0 8px;
      font-size: .86em
  }

  .siteNav>ul>li>.navSub>div {
      width: 770px
  }

  .siteNav>ul>li>.navSub>div>.navSub-menu ul>li.mobileOnlyLink {
      display: none
  }

  .siteNav>ul>li>.navSub>div>.navSub-promo img {
      height: 67px
  }

  .siteNav li>.navSub ul li a {
      font-size: .76em
  }

  .bodyText .numberListBlocks>ol>li,body.cke_editable .numberListBlocks>ol>li,body.cke_show_borders .numberListBlocks>ol>li {
      width: 50%
  }

  .bodyText .numberListBlocks>ol>li:nth-of-type(2n+1),body.cke_editable .numberListBlocks>ol>li:nth-of-type(2n+1),body.cke_show_borders .numberListBlocks>ol>li:nth-of-type(2n+1) {
      clear: both
  }

  .bodyText .numberListBlocks>ol>li:nth-of-type(3n+1),body.cke_editable .numberListBlocks>ol>li:nth-of-type(3n+1),body.cke_show_borders .numberListBlocks>ol>li:nth-of-type(3n+1) {
      clear: none
  }

  .bodyText .numberListBlocks.numberListBlocks-4>ol>li,body.cke_editable .numberListBlocks.numberListBlocks-4>ol>li,body.cke_show_borders .numberListBlocks.numberListBlocks-4>ol>li {
      width: 50%
  }

  .bodyText .numberListBlocks.numberListBlocks-4>ol>li:nth-of-type(2n+1),body.cke_editable .numberListBlocks.numberListBlocks-4>ol>li:nth-of-type(2n+1),body.cke_show_borders .numberListBlocks.numberListBlocks-4>ol>li:nth-of-type(2n+1) {
      clear: both
  }

  .bodyText .numberListBlocks.numberListBlocks-4>ol>li:nth-of-type(3n+1),body.cke_editable .numberListBlocks.numberListBlocks-4>ol>li:nth-of-type(3n+1),body.cke_show_borders .numberListBlocks.numberListBlocks-4>ol>li:nth-of-type(3n+1) {
      clear: none
  }

  .bodyText .numberListBlocks.numberListBlocks-4>ol>li:nth-of-type(4n+1),body.cke_editable .numberListBlocks.numberListBlocks-4>ol>li:nth-of-type(4n+1),body.cke_show_borders .numberListBlocks.numberListBlocks-4>ol>li:nth-of-type(4n+1) {
      clear: none
  }

  .home-grid-carousel .main-grid {
      min-height: 440px!important;
      overflow: hidden
  }

  .featureImage {
      min-height: 380px
  }

  .main-promo-inner .main-promo-cta {
      text-align: center
  }

  .compareTicks-three .coverLevel.featured {
      margin: 15px auto;
      float: none;
      clear: both
  }

  .compareTicks .icon-atHome {
      margin-top: 20px!important
  }

  .compareTicks .icon-onwardTravel2 {
      margin-top: 8px!important
  }

  .compareTicks .coverLevel h3,.compareTicks .coverLevel h4 {
      text-align: left
  }

  .compareTicks .coverLevel h3 {
      font-size: 1.2em
  }

  .compareTicks .coverLevel.featured .overview,.compareTicks .coverLevel.highlight .overview {
      padding-top: 1px!important;
      margin-top: -1px
  }

  .compareTicks .coverLevel.featured .overview img,.compareTicks .coverLevel.highlight .overview img {
      float: right;
      margin: 0;
      padding: 16px 10px
  }

  .compareTicks .coverLevel.featured .overview h4,.compareTicks .coverLevel.highlight .overview h4 {
      margin-top: 16px
  }

  .featureImage .btn.carPass {
      padding-right: 36px!important
  }

  .featureImage .carReg {
      width: 9em!important
  }

  .featureImage span.reg:before {
      width: 44px!important
  }

  .home-banner-carousel .banner-control .slick-next-btn i,.home-banner-carousel .banner-control .slick-prev-btn i {
      font-size: 24px
  }

  .route-planner-form .route-input {
      left: -15px
  }

  .route-planner-form .route-btn {
      left: -15px;
      padding-right: 0
  }

  .numbered-list-alt {
      padding-top: 0
  }

  .numbered-list-alt .devices {
      margin-top: 51px
  }

  .numbered-list-alt .looks {
      margin-top: 10px
  }

  .numbered-list-alt .wifi-diagram {
      margin: 0
  }

  .social-embed .twitter .outer-wrapper {
      margin-left: auto;
      margin-right: auto;
      width: 90%;
      text-align: center
  }

  .social-gallery .gallery-grid .gallery-item,.social-gallery .gallery-grid .gallery-title {
      height: 123px
  }

  .tabsToAccordion.verticalTabs .tab-content {
      width: 64%
  }

  .tabsToAccordion.verticalTabs ul.tab-to-accordion {
      width: 36%
  }

  .icon-list-alt.horizontal-strip .dongle {
      position: absolute;
      right: 20px
  }

  .compareTwo .productNames h2 {
      font-size: 1.2em
  }

  .compareTwo .productNames img {
      left: 30px
  }

  .iframe-wrapper {
      height: 41vh
  }
}

@media only screen and (min-width: 768px) {
  .siteNav>ul>li>a {
      padding:0 16px 0 10px;
      font-size: .9em
  }

  .siteNav>ul>li>.navSub>div>.navSub-menu ul>li.mobileOnlyLink {
      display: none
  }

  .home-grid-carousel .main-grid {
      background: url(/App_Themes/Components/PageTemplates/Web2Master/images/ajax-loader.gif) center no-repeat;
      height: 300px
  }

  .home-grid-carousel .main-grid .slick-list {
      opacity: 0;
      position: absolute
  }

  .home-grid-carousel .main-grid.slick-initialized {
      background: 0 0;
      height: initial;
      overflow: visible
  }

  .home-grid-carousel .main-grid.slick-initialized .slick-list {
      opacity: 1;
      position: relative;
      transition: opacity .1s ease;
      -webkit-backface-visibility: hidden
  }

  .touch .home-grid-carousel .main-grid.slick-initialized .slick-track {
      -webkit-backface-visibility: hidden
  }

  .touch .home-grid-carousel .main-grid.slick-initialized .slick-track .desktop-slide {
      -webkit-backface-visibility: hidden
  }

  .touch .home-grid-carousel .main-grid.slick-initialized .slick-track .desktop-slide .mobile-slide {
      -webkit-backface-visibility: hidden
  }

  .touch .home-grid-carousel .main-grid.slick-initialized .slick-track .desktop-slide .mobile-slide a {
      -webkit-backface-visibility: hidden
  }

  .no-touch .home-grid-carousel a.gridBlockLink:hover img {
      -ms-transform: scale(1.04);
      transform: scale(1.04)
  }

  .country-container>div:nth-child(3n)+div {
      clear: left
  }

  blockquote {
      padding: 8px 26px
  }

  blockquote:before {
      left: -16px
  }

  blockquote:after {
      right: -16px;
      bottom: 8px
  }

  .slider-quotes .slick-prev-btn {
      left: -60px;
      top: 27%
  }

  .slider-quotes .slick-next-btn {
      right: -60px;
      top: 27%
  }

  .ie10 blockquote,.ie8 blockquote,.ie9 blockquote {
      padding: 8px 108px
  }

  .ie10 blockquote:before,.ie8 blockquote:before,.ie9 blockquote:before {
      left: 52px
  }

  .ie10 blockquote:after,.ie8 blockquote:after,.ie9 blockquote:after {
      right: 52px
  }

  .compareFour,.compareThree {
      margin-left: 15px;
      margin-right: 15px
  }

  .compareFour .coverLevel {
      width: 44%;
      float: left
  }

  .compareThree {
      margin-left: 15px;
      margin-right: 15px;
      padding-left: 6%;
      padding-top: 18px
  }

  .compareThree .coverLevel {
      padding: 4px;
      float: left;
      width: 30%;
      margin: 0 2% 15px 0
  }

  .compareThree .coverLevel .fa p {
      font-family: 'Roboto Slab',serif
  }

  .compareThree .smallPrint {
      margin: 12px 35.4% 0 -15px
  }

  .coverLevel .overview {
      text-align: center;
      padding-bottom: 1px
  }

  .coverLevel .overview h4 {
      line-height: .7;
      margin-bottom: 16px
  }

  .coverLevel .overview .btn-primary {
      display: block;
      margin-bottom: 12px
  }

  .coverLevel .overview img {
      float: none;
      display: block;
      margin: 8px auto 6px auto;
      padding: 0
  }

  .coverLevel.featured .overview,.coverLevel.highlight .overview,.coverLevel.highlight-featured .overview {
      padding-bottom: 1px
  }

  .coverLevel.featured .overview h4,.coverLevel.highlight .overview h4,.coverLevel.highlight-featured .overview h4 {
      line-height: .7;
      margin: 16px 0
  }

  .coverLevel.featured .overview .button,.coverLevel.highlight .overview .button,.coverLevel.highlight-featured .overview .button {
      margin-left: 12px;
      margin-right: 12px
  }

  .coverLevel:hover {
      box-shadow: 0 3px 6px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)
  }

  .coverLevel .detail {
      margin-bottom: 44px
  }

  .coverLevel .detail h5 {
      display: none
  }

  .coverLevel .detail .btn-primary {
      display: none
  }

  .coverLevel .detail .feature {
      border-top: 1px solid #ddd;
      margin-top: 16px;
      margin-bottom: 16px;
      padding-top: 16px
  }

  .coverLevel .detail .feature.fa:before {
      top: 4px
  }

  .coverLevel .detail .feature:first-of-type {
      border-top: none
  }

  .coverLevel .detail .feature.placehold {
      border-top: none
  }

  .coverLevel .detail .feature:before {
      top: 8px
  }

  .coverLevel .detail .feature[class*=icon-]:before {
      left: 0;
      top: 2px;
      font-size: 1.8em
  }

  .coverLevel .detail .feature.icon-tick:before {
      left: 6px
  }

  .sansBorder .detail .feature {
      border-width: 0
  }

  .compareTicks {
      margin-left: 2%
  }

  .compareTicks .coverLevel {
      float: left;
      width: 44%;
      margin: 15px
  }

  .compareTicks .coverLevel .overview h4 {
      margin-bottom: .3em
  }

  .compareTicks .detail {
      margin-bottom: 0
  }

  .compareTicks .detail .btn-primary {
      display: block
  }

  .tab-content .iconList.list-checked ul {
      margin-left: 2%
  }

  .tab-content .iconList.list-checked ul li {
      width: 30%;
      font-size: .76em
  }

  .home-banner-carousel .banner-control {
      background: rgba(47,47,47,.65);
      color: #fff;
      position: absolute;
      bottom: 0;
      padding: 0
  }

  .home-banner-carousel .banner-control div {
      padding: 0
  }

  .home-banner-carousel .banner-control div .panel {
      margin-bottom: 0;
      background-color: transparent;
      border: none;
      border-radius: 0
  }

  .home-banner-carousel .banner-control div .panel-primary {
      border-width: 0;
      border-color: initial;
      box-shadow: none
  }

  .home-banner-carousel .banner-control div .panel-body {
      padding: 0
  }

  .home-banner-carousel .banner-control div a {
      color: #fff
  }

  .home-banner-carousel .banner-control div a .racIconFont {
      color: #fff;
      font-size: 3.5em
  }

  .home-banner-carousel .banner-control div a.active,.home-banner-carousel .banner-control div a.active:hover {
      background: #fff;
      color: #ef6c00
  }

  .home-banner-carousel .banner-control div a.active .racIconFont,.home-banner-carousel .banner-control div a.active:hover .racIconFont {
      color: #ef6c00
  }

  .home-banner-carousel .banner-control div a:hover {
      background: rgba(255,255,255,.075)
  }

  .banner-wrapper {
      min-height: 500px;
      background-size: 100% 100%
  }

  .banner-wrapper .ctaPanel {
      width: 32em
  }

  .banner-wrapper .ctaPanel h2 {
      font-size: 2.9em
  }

  .banner-wrapper .ctaPanel h3 {
      font-size: 2.2em
  }

  .home-banner-carousel .slick-slide .ctaPanel {
      opacity: 0;
      -ms-transform: translateX(50px);
      transform: translateX(50px);
      transition: all .8s .4s ease
  }

  .home-banner-carousel .slick-current.slick-active .ctaPanel {
      opacity: 1;
      -ms-transform: translateX(0);
      transform: translateX(0)
  }

  .route-planner-form .route-title h3 {
      text-align: left;
      font-size: 16px;
      padding: 16px 0 0 0
  }

  .route-planner-form .route-input {
      margin-bottom: 0
  }

  .route-planner-form .route-input .fa-map-marker {
      width: auto
  }

  .route-planner-form .route-input input {
      width: 85%
  }

  .route-planner-form .route-btn {
      padding-left: 0
  }

  .route-planner-form .route-btn a {
      width: 100%;
      margin-left: 0;
      margin-right: 0
  }

  .twitter-timeline {
      height: 450px!important;
      margin-left: auto;
      margin-right: auto
  }

  .tab-to-accordion.nav-tabs>li {
      max-width: 10em
  }

  .js-tabcollapse-panel-heading:after {
      display: none
  }

  .tabsToAccordion.verticalTabs h2 {
      margin-bottom: 1em
  }

  .tabsToAccordion.verticalTabs ul.tab-to-accordion {
      float: left;
      width: 30%;
      border-bottom-width: 0
  }

  .tabsToAccordion.verticalTabs ul.tab-to-accordion li {
      max-width: none;
      width: 100%;
      text-align: left;
      font-size: 17px;
      font-family: 'Roboto Slab',serif;
      font-weight: 600;
      padding-right: 20px
  }

  .tabsToAccordion.verticalTabs ul.tab-to-accordion li a {
      padding: 24px 28px 24px 15px;
      background-color: #fff;
      border-top: 1px solid #8a8a8a;
      border-bottom: 1px solid #8a8a8a;
      border-left-width: 0;
      border-right-width: 0;
      border-radius: 0;
      max-width: 16em
  }

  .tabsToAccordion.verticalTabs ul.tab-to-accordion li a span {
      margin-top: .4em;
      font-size: 15px;
      display: block;
      margin: .4em 18px 0 0;
      font-weight: 400
  }

  .tabsToAccordion.verticalTabs ul.tab-to-accordion li a span+span {
      font-size: 12px;
      margin-top: 0
  }

  .tabsToAccordion.verticalTabs ul.tab-to-accordion li.active a {
      border-left: 4px solid #ef6c00
  }

  .tabsToAccordion.verticalTabs ul.tab-to-accordion li.active a:after {
      width: auto;
      height: auto;
      line-height: normal;
      -webkit-font-smoothing: antialiased;
      text-rendering: auto;
      content: '\f105';
      font: normal normal normal 30px/1 racicon;
      position: absolute;
      top: 50%;
      margin-top: -15px;
      right: 15px
  }

  .tabsToAccordion.verticalTabs .tab-content {
      float: left;
      width: 70%;
      background-color: #fbfbfb;
      padding: 20px 5px
  }

  .icon-list-alt.horizontal-strip .dongle {
      left: 0
  }

  .panel-package .collapse {
      display: block;
      height: auto!important
  }

  .compareTwo .productNames>div {
      width: 30%;
      border-width: 0
  }

  .compareTwo .productNames h2 {
      font-size: 1.33em
  }

  .compareTwo .productNames .productA {
      margin-left: 40%
  }

  .compareTwo .productNames .productA h2 {
      border-bottom: 4px solid #fdfdfd
  }

  .compareTwo .productNames .productB h2 {
      border-bottom: 4px solid #ffe5d0
  }

  .compareTwo .productNames img {
      left: 45px
  }

  .compareTwo .description {
      width: 40%;
      border-width: 0;
      background-color: #fcfcfc;
      border-bottom: 4px solid #fdfdfd;
      text-align: left;
      font-weight: 400;
      font-size: 1.06em
  }

  .compareTwo .feature .productA,.compareTwo .feature .productB {
      width: 30%;
      border-width: 0;
      border-bottom: 4px solid #fdfdfd;
      background-color: #f8f8f8
  }

  .compareTwo .feature .productA p,.compareTwo .feature .productB p {
      font-size: 1em;
      font-weight: 400
  }

  .compareTwo .feature .productB {
      border-bottom: 4px solid #ffe5d0;
      background-color: #f9dbc0
  }

  .compareTwo .feature:last-child .description,.compareTwo .feature:last-child .productA,.compareTwo .feature:last-child .productB {
      border-bottom: none
  }

  .product-callout-wrapper {
      padding-top: 0;
      padding-bottom: 0
  }

  .product-callout-wrapper .container {
      width: auto;
      padding-left: 0;
      padding-right: 0
  }

  .product-callout {
      position: relative;
      margin-left: 0;
      margin-right: 0;
      overflow: hidden
  }

  .product-callout .product-callout-container {
      height: 370px;
      overflow-y: hidden;
      margin-left: -15px;
      margin-right: -15px
  }

  .product-callout .callout-chevron-wrapper {
      position: absolute;
      top: 0;
      background: url(/images/responsive/background-images/chevron.png) no-repeat left center;
      height: 100%;
      width: 672px
  }

  .product-callout .callout-chevron-wrapper.position-left {
      left: -155px
  }

  .product-callout .callout-chevron-wrapper.position-left .chevron-content {
      left: 25%
  }

  .product-callout .callout-chevron-wrapper.position-right {
      right: -125px
  }

  .product-callout .callout-chevron-wrapper.position-right .chevron-content {
      right: -25%
  }

  .product-callout .callout-chevron-wrapper .chevron-content {
      width: 55%;
      height: auto;
      position: relative;
      top: 45%;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%)
  }

  .product-callout div[class^=col-]>div {
      padding: 0;
      margin-top: 0;
      box-shadow: none
  }

  .compareTricolour .product {
      margin-top: 136px
  }

  .compareTricolour .product.no-product-has-defaqto {
      margin-top: 0
  }

  .compareTricolour .overview {
      padding-bottom: 16px
  }

  .compareTricolour .overview .btn {
      display: inline-block;
      margin-top: 12px
  }

  .compareTricolour .overview img {
      position: absolute;
      top: -128px;
      left: 50%;
      width: 156px;
      margin-left: -78px
  }

  .compareTricolour h4 {
      display: none
  }

  .compareTricolour .features .btn {
      display: none
  }

  .cover-options p.buttonHolder {
      margin-top: 24px
  }

  .myrac-welcome {
      margin-left: 8.33333333%;
      width: 83.33333333%;
      padding-bottom: 12px
  }

  .myrac-welcome .breakdown ul {
      border-bottom: none
  }

  .myrac-welcome .breakdown {
      border-right: 1px solid #a9a9a9
  }

  .myrac-welcome .breakdown,.myrac-welcome .insurance {
      padding: 7%;
      padding-top: 0;
      padding-bottom: 0
  }

  .myrac-welcome .breakdown ul,.myrac-welcome .insurance ul {
      padding-bottom: 0;
      margin-bottom: 0
  }

  .prize-draw {
      background-image: url(/images/tiered-membership/prize-draw-main.jpg);
      background-position: top right;
      background-repeat: no-repeat;
      background-size: auto 100%;
      margin-bottom: 40px
  }

  .prize-draw .prize {
      padding-top: 20px;
      background-image: none
  }

  .prize-draw .prize p {
      text-align: left
  }

  .order-card-panel {
      background-position: 24px 10px
  }

  .order-card-panel h2 {
      text-align: right;
      margin-top: 22px;
      padding-left: 234px
  }

  .order-card-panel p {
      margin-top: 12px;
      text-align: right
  }

  .product-info {
      background-image: url(/app_themes/components/pagetemplates/bs3master/assets/scripts/myrac/img/promo/bg.png)
  }

  .tiered-benefits .offers .col-sm-6:first-child {
      padding-left: 0
  }

  .tiered-benefits .offers .col-sm-6:last-child {
      padding-right: 0
  }
}

@media (min-width: 768px) and (max-width:991px) {
  .home-grid-carousel .grid-carousel-container {
      width:720px
  }

  .home-grid-carousel .col-height-1 .image {
      height: 199px
  }

  .home-grid-carousel .col-height-1.col-sm-3 .image {
      height: 199px
  }

  .home-grid-carousel .col-height-1.col-sm-3 .image img {
      height: initial
  }

  .home-grid-carousel .col-height-2 .image {
      height: 413px
  }

  .home-banner-carousel .banner-control div a {
      min-height: 140px
  }

  .home-banner-carousel .banner-control div a {
      padding: 5% 0;
      font-size: 1em;
      width: 98%
  }

  .modal .vertical-alignment-helper .modal-dialog .modal-content.modal-background-image {
      background-image: none!important
  }
}

@media (min-width: 768px) and (max-width:992px) {
  .home-grid-carousel a.gridBlockLink>span>span {
      font-size:11px
  }
}

@media only screen and (min-width: 992px) {
  .siteNav>ul>li>a {
      padding:0 17px 0 10px;
      font-size: 1em
  }

  .siteNav>ul>li>.navSub>div>.navSub-menu ul>li.mobileOnlyLink {
      display: none
  }

  .home-grid-carousel .main-grid {
      min-height: 570px!important;
      overflow: hidden
  }

  .slider-quotes .slick-prev-btn {
      left: -85px
  }

  .slider-quotes .slick-next-btn {
      right: -85px
  }

  .compareFour {
      margin-left: 15px;
      margin-right: 15px;
      padding-left: .5%;
      padding-top: 18px
  }

  .compareFour .coverLevel {
      padding: 4px;
      width: 23.5%;
      margin-right: 1.5%;
      margin-bottom: 15px;
      margin-left: 0
  }

  .compareFour .smallPrint {
      margin: 12px 25% 0 -15px
  }

  .compareTicks-three .coverDescription {
      width: 28%!important
  }

  .compareTicks-three .coverLevel {
      width: 22%!important
  }

  .compareTicks {
      margin-top: 48px
  }

  .compareTicks .coverDescription {
      display: block;
      float: left;
      width: 25%
  }

  .compareTicks .coverDescription h5 {
      padding: 12px 12px 18px 12px;
      color: #222;
      font-weight: 600
  }

  .compareTicks .coverDescription .feature {
      font-family: 'Roboto Slab',serif;
      margin: 0 0 6px 12px;
      position: relative;
      display: block;
      padding: 14px 8px 14px 86px
  }

  .compareTicks .coverDescription .feature p {
      padding-bottom: 0!important;
      margin-bottom: 0;
      font-size: .9em;
      line-height: 1.25
  }

  .compareTicks .coverDescription .feature.fa:before {
      font-family: FontAwesome;
      font-size: 2em;
      top: -12px
  }

  .compareTicks .coverDescription .feature:before {
      font-family: racicon;
      font-size: 1.2em;
      position: absolute;
      top: 4px;
      left: 20px
  }

  .compareTicks .coverDescription .feature[class*=icon-]:before {
      left: 15px;
      top: 8px;
      font-size: 2.2em
  }

  .compareTicks .coverDescription .feature.icon-atHome:before {
      content: "\e600"
  }

  .compareTicks .coverDescription .feature.icon-battery:before {
      content: "\e601"
  }

  .compareTicks .coverDescription .feature.icon-european:before {
      content: "\e602"
  }

  .compareTicks .coverDescription .feature.icon-garage:before {
      content: "\e603"
  }

  .compareTicks .coverDescription .feature.icon-keyReplace:before {
      content: "\e604"
  }

  .compareTicks .coverDescription .feature.icon-legalCare:before {
      content: "\e605"
  }

  .compareTicks .coverDescription .feature.icon-misfuel:before {
      content: "\e606"
  }

  .compareTicks .coverDescription .feature.icon-onwardTravel:before {
      content: "\e607"
  }

  .compareTicks .coverDescription .feature.icon-onwardTravel2:before {
      content: "\e608"
  }

  .compareTicks .coverDescription .feature.icon-personal:before {
      content: "\e609"
  }

  .compareTicks .coverDescription .feature.icon-recovery:before {
      content: "\e60a"
  }

  .compareTicks .coverDescription .feature.icon-roadside:before {
      content: "\e60b"
  }

  .compareTicks .coverDescription .feature.icon-tyreRescue:before {
      content: "\e60c"
  }

  .compareTicks .coverDescription .feature.icon-vehicle:before {
      content: "\e60d"
  }

  .compareTicks .coverDescription .feature.icon-tick:before {
      font-family: racicon;
      content: "\f00c";
      left: 6px
  }

  .compareTicks .coverDescription .feature h6 {
      color: #222;
      font-size: 1.1em;
      font-weight: 600;
      margin-top: 0
  }

  .compareTicks .coverDescription .feature.placehold {
      border-width: 0
  }

  .compareTicks .coverDescription .feature.placehold:before {
      content: ''
  }

  .compareTicks .coverLevel {
      float: left;
      width: 18%;
      margin: 15px .5% 15px 0;
      box-shadow: none;
      box-sizing: border-box;
      border: 4px solid #eaeaea;
      padding: 0
  }

  .compareTicks .coverLevel .overview {
      background-color: #f4f4f4;
      position: relative
  }

  .compareTicks .coverLevel .overview h3 {
      position: absolute;
      top: 0;
      width: 100%;
      font-weight: 700;
      padding-top: 12px;
      padding-bottom: 12px;
      margin: 0 -12px 16px -12px;
      background-color: #eaeaea
  }

  .compareTicks .coverLevel .overview h3 span {
      display: none
  }

  .compareTicks .coverLevel .overview h4 {
      position: absolute;
      top: 2em;
      width: 100%;
      font-weight: 100;
      margin-left: -15px;
      margin-top: 10px
  }

  .compareTicks .coverLevel .overview img {
      margin-top: -76px;
      margin-bottom: 30px;
      position: absolute;
      left: 0;
      right: 0
  }

  .compareTicks .coverLevel .overview .button {
      display: block
  }

  .compareTicks .coverLevel .overview .btn-primary {
      margin-top: 5.6em;
      padding-top: 5px;
      padding-bottom: 7px
  }

  .compareTicks .coverLevel .overview .btn-primary span {
      top: 30%;
      font-size: 16px
  }

  .compareTicks .coverLevel.featured {
      border-color: #386c87
  }

  .compareTicks .coverLevel.featured .overview {
      background-color: #5d889e
  }

  .compareTicks .coverLevel.featured .overview h3 {
      background-color: #386c87;
      margin-left: 0;
      margin-right: 0
  }

  .compareTicks .coverLevel.featured .overview h4 {
      margin-top: 10px;
      margin-left: 0
  }

  .compareTicks .coverLevel.featured .overview .button {
      padding-top: 4px
  }

  .compareTicks .coverLevel.highlight {
      border-color: #c1c1c1
  }

  .compareTicks .coverLevel.highlight .overview {
      background-color: #dbdbdb
  }

  .compareTicks .coverLevel.highlight .overview h3 {
      background-color: #c1c1c1;
      margin-left: 0;
      margin-right: 0
  }

  .compareTicks .coverLevel.highlight .overview h4 {
      margin-top: 10px;
      margin-left: 0
  }

  .compareTicks .coverLevel.highlight .overview .button {
      padding-top: 4px
  }

  .compareTicks .coverLevel .detail {
      margin-bottom: 0
  }

  .compareTicks .coverLevel .detail .btn-primary {
      display: none
  }

  .compareTicks .coverLevel .detail .feature {
      border-width: 0;
      margin: 6px 0;
      height: 100px;
      display: block
  }

  .compareTicks .coverLevel .detail .feature[class*=icon-] {
      display: block
  }

  .compareTicks .coverLevel .detail .feature[class*=icon-]:before {
      font-family: racicon;
      content: "\f00c";
      font-size: 28px;
      color: #1e9771;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      width: 1em
  }

  .compareTicks .coverLevel .detail .feature.icon-atHome.rowHighlight:after {
      content: "Free";
      position: absolute;
      top: 60%;
      left: 50%;
      margin-left: -15px;
      font-family: 'Roboto Slab',serif
  }

  .compareTicks .coverLevel .detail .feature h6,.compareTicks .coverLevel .detail .feature p {
      display: none
  }

  .compareTicks .coverDescription .feature,.compareTicks .detail .feature {
      background-color: #f4f4f4;
      border-width: 0
  }

  .compareTicks .coverDescription .feature p,.compareTicks .detail .feature p {
      font-weight: 700;
      padding: 0 8px 8px 0
  }

  .compareTicks .coverDescription .rowHighlight:after {
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAO3SURBVFiFzdZtTFtVGMDxP5NuziWjk9AgEOQDCcUFF91CYMOgGx/MFjQTx4K6lyymdeJisiXQ3rExpxtVY9VgMZlvgCjGmS3GDCULH7rM2DYSGYprk4mDNGGhca2QRWLnPX4ANsbu7Rt9e77de85zzy/n5bkno+KVNkGahizkpmWpRqiFLOQml+3w22kJnMcBpB1wIQ4gM36f1mDYXUdN7n1AgLOdZ+idjBIni2ZXx21cXIHbntuJ/mo/9d0+0FVx/tAO3M2n+SUqnPTW4vdxW+KyNdf5/IIPyMO6t4gv3lk6Lq7A6zdXU1WQh6VpM+4ve+icBMjDVL82dKLApIZbMvCRh9eyt7IQLXDqvJf65ufxdfZwyjvbXrKlglKmQ+IcNvObocbIiK1Qr+JQ43aK/Vf5/Z/7eax0BV99fBpXbjXWuiJGh/4gsPIBytZM0Gi7SCBGHMR6SPQbKPZdYP/X44CW/NKnyV8O3mE79cM/s62yiBX+37C4FWkR42IGluRno5m6BORglbbyZ3cX7V7g3lVoZ25w7qcR1VwhC7OzQ4oIB1HuQYPxBUx6DZ4fR9A8+iTtjY/jnscBB4zPskunnj+Hs0QzZsRAbVYhuf5fsbiDMOOh+3Im+qwp+uYPROVWKqaHaFcpzrHgIMQSG4wGajOH2WVzsGn7M7xUUUTQ03+rfeBsD97xak5I+8i8+R9T10Zo/PRSXHGgcooNxj3oL/fxjeYhHvTY+X4aAn9rsUgN0N+NafBGxAMIgeS0mdtiwSkCDcY96K/0cXDAp9Bdi/VoA/+eiwy5VBws2oMHXt1P+ZVv78TpCtmo08w9BDh4vBe27OTDfU9hWq9NKO4OYMn6KnQTY6zetJmNt3Dr6HpxAyunggtSAnzmCJCtGcMyqFznZCEOxwMHSntQX813Ddm895GHht0l9J48w8CipAKdFu+kOs5lk07GAwdKZcZtp7brL1qaa7hovRsHJA2nDAQYtfPEu0PUmXfcXu4wkQgcwD0F5TXHFFv8Y/Rey+F9wzqyludQljHBkF9W+06LMwE4CPcncdv5xJtLbfE0naNBtV4tjg/MJ+Ium4swlwUNMyM/UDs4rtYhoTgI+y8OMpBCHMR6oxbiSDJwEAtQiCMOm/RGAiyKER0wyTiI4kYtZI46O5KLgwhncBZnfj3RGKUIC0wlDsIAU42DEEAhRGuqcaACFEK0Om3S8WRjlOIuYDrhYFGZkWWOuTrSBwcLZnAWZ34tlRilWAbpiwOg/OW21lQbQsX/seixOs5EsGgAAAAASUVORK5CYII=) no-repeat center center;
      height: 40px;
      width: 40px;
      content: "";
      position: absolute;
      left: 0;
      top: 0
  }

  .tab-content .iconList.list-checked ul {
      margin-left: 4%
  }

  .carPassQ h2 {
      margin-bottom: 0
  }

  .route-planner-form .route-title h3 {
      font-size: 20px;
      padding: 14px 0 0 0
  }

  .numbered-list-alt {
      padding-top: 0;
      padding-bottom: 100px
  }

  .numbered-list-alt .devices {
      margin-top: 140px
  }

  .numbered-list-alt .looks {
      margin-top: 157px
  }

  .three-block-images .section {
      margin-bottom: 0;
      border-bottom: 0
  }

  .social-embed h2 {
      text-align: left
  }

  .social-embed.ee-wifi .video {
      margin-top: 0
  }

  .twitter-timeline {
      height: 344px!important
  }

  .social-gallery .gallery-grid .gallery-item,.social-gallery .gallery-grid .gallery-title {
      height: 160px
  }

  .icon-list-alt.horizontal-strip .dongle {
      position: absolute;
      left: 190px;
      bottom: -130px
  }

  .product-callout .callout-chevron-wrapper.position-left {
      left: -64px
  }

  .product-callout .callout-chevron-wrapper.position-right {
      right: 1px
  }

  .tile.cover-type h5 {
      margin-left: 108px
  }

  .tile.cover-type p.desc {
      margin-left: 108px
  }

  .tile.cover-type .col-xs-12 {
      background-size: 80px
  }

  .cover-options h5 {
      margin-left: 82px
  }

  .cover-options p.desc {
      margin-left: 82px
  }

  .cover-options .row {
      background-size: 80px
  }

  .cover-options .more {
      margin-left: 82px
  }

  .myrac-welcome {
      margin-left: 16.66666667%;
      width: 66.66666667%
  }

  .no-log-panel .btn-primary {
      width: 60%
  }
}

@media (min-width: 992px) and (max-width:1199px) {
  .home-grid-carousel .grid-carousel-container {
      width:940px
  }

  .home-grid-carousel .col-height-1 .image {
      height: 261px
  }

  .home-grid-carousel .col-height-1.col-sm-3 .image {
      height: 261px
  }

  .home-grid-carousel .col-height-1.col-sm-3 .image img {
      height: initial
  }

  .home-grid-carousel .col-height-2 .image {
      height: 541px
  }

  .home-banner-carousel .banner-control div a {
      padding: 5% 10%;
      font-size: 1em
  }
}

@media (min-width: 992px) and (max-width:1200px) {
  .home-grid-carousel a.gridBlockLink>span>span {
      font-size:12px
  }
}

@media (min-width: 992px) {
  .country-zone {
      font-size:17px
  }

  .ie8 .country-container>div {
      min-height: 50px;
      font-size: 14px
  }

  .redirectPrompt {
      margin-top: -58px
  }

  .col-sm-3 .panel-package,.col-sm-6 .panel-package {
      margin: auto -8px
  }

  .modal .vertical-alignment-helper .modal-dialog {
      min-width: 900px;
      max-width: 1000px
  }

  .modal .vertical-alignment-helper .modal-dialog .modal-content.modal-background-image {
      background-color: #fff;
      background-position: right center;
      background-repeat: no-repeat
  }

  .modal .vertical-alignment-helper .modal-dialog .modal-content.modal-background-image .modal-header {
      width: 500px
  }

  .modal .vertical-alignment-helper .modal-dialog .modal-content.modal-background-image .modal-body {
      width: 500px
  }

  .ProcessColumn:after {
      top: 100px
  }

  .ProcessColumn img {
      max-width: 250px
  }
}

@media only screen and (min-width: 992px) and \0screen {
  .compareTicks .coverLevel .detail .feature[class*=icon-]:before {
      top:30%
  }

  .compareTicks .coverLevel .detail .feature.icon-atHome.rowHighlight:after {
      margin-left: -2px
  }
}

@media only screen and (min-width: 1200px) {
  .siteNav>ul>li>a {
      padding:0 20px 0 15px;
      font-size: 1.2em
  }

  .siteNav>ul>li>.navSub>div {
      width: 1190px
  }

  .siteNav>ul>li>.navSub>div>.navSub-menu ul>li.mobileOnlyLink {
      display: none
  }

  .siteNav>ul>li>.navSub>div>.navSub-promo img {
      height: 110px
  }

  .home-grid-carousel .main-grid {
      min-height: 690px!important;
      overflow: hidden
  }

  .slider-quotes .slick-prev-btn {
      left: -120px
  }

  .slider-quotes .slick-next-btn {
      right: -120px
  }

  .home-banner-carousel .slick-prev-btn {
      left: 2.8%
  }

  .home-banner-carousel .slick-next-btn {
      right: 2.8%
  }

  .route-planner-form .route-title h3 {
      font-size: 22px;
      padding: 12px 0 0 0
  }

  .numbered-list-alt .looks {
      margin-top: 150px
  }

  .twitter-timeline {
      height: 419px!important
  }

  .social-gallery .gallery-grid .gallery-item,.social-gallery .gallery-grid .gallery-title {
      height: 193px
  }

  .product-callout .callout-chevron-container {
      width: 1190px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 15px;
      padding-right: 15px
  }

  .product-callout .callout-chevron-wrapper.position-left {
      left: auto;
      margin-left: -67px
  }

  .product-callout .callout-chevron-wrapper.position-right {
      right: auto;
      margin-left: 487px
  }
}

@media (min-width: 1200px) {
  .home-grid-carousel .grid-carousel-container {
      width:1140px
  }

  .home-grid-carousel .col-height-1 .image {
      height: 319px
  }

  .home-grid-carousel .col-height-1.col-sm-3 .image {
      height: 319px
  }

  .home-grid-carousel .col-height-1.col-sm-3 .image img {
      height: initial
  }

  .home-grid-carousel .col-height-2 .image {
      height: 660px
  }

  .country-zonet {
      font-size: 18px
  }

  .redirectPrompt {
      margin-top: -58px
  }

  .more4more__banner img {
      max-width: 870px
  }

  .VoucherConversionWidget {
      font-size: 18px
  }

  .VoucherConversionWidget__title {
      width: 65%
  }

  .VoucherConversionWidget__definition {
      width: 35%
  }
}

@media (min-width: 1550px) {
  .banner-wrapper .slide-image {
      width:100%;
      height: auto
  }
}

@media only screen and (max-width: 991px) {
  .compareTicks .rowHighlight {
      margin:6px 0 0 0!important;
      padding: 11px 0 3px 68px!important
  }

  .compareTicks .rowHighlight:before {
      top: 2px!important;
      left: 10px!important
  }

  .modal .vertical-alignment-helper .modal-dialog {
      width: 100%
  }

  .modal .vertical-alignment-helper .modal-dialog .modal-content.modal-background-image {
      background: 0 0;
      background-image: none!important;
      background-color: #fff
  }
}

@media all and (max-width: 990px) {
  .ReviewStrip {
      background-position-x:calc(100vw - 70%)!important
  }
}

@media (max-width: 768px) {
  .compressed-text {
      padding:3%
  }

  .quick-modal__content {
      padding: 15px
  }

  .more4more__banner img.mobile {
      display: block
  }

  .more4more__banner img.desktop {
      display: none
  }
}

@media only screen and (max-width: 768px) {
  .carPassQ .carReg {
      font-size:16px;
      border-left: 28px solid #12358d;
      padding: 11px 8px;
      width: 8.4em;
      margin-right: 8px
  }

  .carPassQ .btn.btn-cta {
      min-width: initial;
      font-size: 1em;
      padding: 11px 30px 11px 10px;
      border: 0 none
  }

  .carPassQ .btn.btn-cta span {
      font-size: 70%;
      top: 37%
  }

  .carPassQ span.reg:before {
      font-size: 1.4em;
      top: 6px;
      width: 28px
  }

  .home-banner-carousel .banner-control .col-sm-3:nth-child(2n+1) {
      padding-right: 8px
  }

  .home-banner-carousel .banner-control .col-sm-3:nth-child(2n) {
      padding-left: 8px
  }

  .home-banner-carousel .banner-control div a {
      padding: 5% 0;
      font-size: 1em
  }

  .home-banner-carousel .banner-control div a .racIconFont {
      font-size: 4.8em
  }

  .home-banner-carousel .banner-control div a .racIconFont.icon-raccars {
      font-size: 3.8em;
      margin-bottom: 15px
  }

  .touchReveal {
      white-space: nowrap;
      overflow: auto
  }

  .touchReveal .feature {
      width: 152px;
      margin: 8px
  }

  .touchReveal .feature>div {
      background-color: #fff;
      height: 142px
  }

  .touchReveal .feature>div span {
      font-size: 5.2em;
      margin-top: 24px
  }

  ol.icon-list li {
      width: 100%;
      text-align: center
  }
}

@media screen and (max-width: 768px) {
  .quick-modal {
      max-width:96%
  }
}

@media only screen and (max-width: 767px) {
  h1 {
      font-size:2em
  }

  blockquote {
      padding-left: 1.3em;
      padding-right: 1.3em;
      font-size: 1.15em
  }

  blockquote:after,blockquote:before {
      font-size: 1.1em
  }

  .lead {
      font-size: 1.3em
  }

  main section:nth-of-type(2) {
      padding: 12px 0 0 0
  }

  .panel-group>.panel {
      padding: 0 5px
  }

  .panel-group>.panel>.panel-heading {
      padding-top: 15px;
      padding-bottom: 15px;
      font-size: 1.3em
  }

  .panel-group>.panel>.panel-heading+.panel-collapse>.panel-body {
      padding-bottom: 15px
  }

  .panel-action .panel-collapse>.panel-body>.row {
      margin-left: -5px;
      margin-right: -5px
  }

  .panel-action .panel-collapse>.panel-body>.row>div {
      padding-left: 5px;
      padding-right: 5px
  }

  .panel-action .panel-collapse>.panel-body>.row>div.col-xs-6:nth-child(2n)+div {
      clear: both
  }

  .panel-action.panel-info {
      margin-bottom: 10px!important;
      text-align: center
  }

  .panel-action.panel-info .panel-body,.panel-action.panel-info .panel-heading {
      padding-left: 10px;
      padding-right: 10px
  }

  .panel-action.panel-info .panel-heading {
      min-height: 55px;
      font-size: 3.4vw
  }

  .panel-action.panel-info .panel-heading a {
      color: #ef6c00
  }

  .panel-action.panel-info .panel-body p {
      display: none
  }

  body .rac-diff {
      font-size: 1.4em
  }

  .table-holder {
      overflow-x: scroll
  }

  .table-holder table {
      width: 190%
  }

  .table-holder table th:first-child {
      width: 20%
  }

  .verticalAlign {
      min-height: 0
  }

  body {
      overflow-x: hidden
  }

  header {
      box-shadow: none!important
  }

  header:before {
      width: 100%;
      height: 5px;
      display: block;
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 999;
      -moz-opacity: .35;
      -khtml-opacity: .35;
      -webkit-opacity: .35;
      opacity: .35;
      content: '';
      background: linear-gradient(to bottom,#000 0,rgba(0,0,0,0) 100%)
  }

  header+main {
      padding-top: 55px
  }

  header.affix .siteHeader .siteLogo,header>.siteHeader .siteLogo {
      height: 30px;
      margin: 12.5px 0;
      border-bottom: none!important
  }

  .siteNav>ul>li>a:before {
      display: none
  }

  .siteNav>ul>li>.navSub>div {
      width: 100%
  }

  .siteNav>span {
      height: 24px;
      width: 30px;
      display: block;
      position: absolute;
      top: 15.5px;
      right: 15px
  }

  .siteNav>span>span {
      width: 30px;
      height: 4px;
      margin-top: -2px;
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      background: #ef6c00;
      transition: all .2s ease
  }

  .siteNav>span>span:first-child {
      margin: 0;
      top: 0
  }

  .siteNav>span>span:last-child {
      margin: 0;
      top: auto;
      bottom: 0
  }

  .showNav .siteNav>span>span {
      -moz-opacity: 0;
      -khtml-opacity: 0;
      -webkit-opacity: 0;
      opacity: 0
  }

  .showNav .siteNav>span>span:first-child {
      top: 10px;
      -moz-opacity: 1;
      -khtml-opacity: 1;
      -webkit-opacity: 1;
      opacity: 1;
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg)
  }

  .showNav .siteNav>span>span:last-child {
      bottom: 10px;
      -moz-opacity: 1;
      -khtml-opacity: 1;
      -webkit-opacity: 1;
      opacity: 1;
      -ms-transform: rotate(45deg);
      transform: rotate(45deg)
  }

  .siteNav>ul {
      width: 90%;
      display: block;
      position: fixed;
      top: 55px;
      bottom: 0;
      -ms-transform: translate(90%,0);
      transform: translate(90%,0);
      float: none;
      background: #fff;
      border-left: 1px solid #eee;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      transition-duration: .25s
  }

  .showNav .siteNav>ul {
      right: 0;
      -ms-transform: translate(0,0);
      transform: translate(0,0);
      transition-duration: .25s
  }

  .siteNav>ul>li {
      display: block;
      position: relative;
      border-bottom: 1px solid #eee;
      text-align: left;
      -webkit-transform: translate3d(0,0,0);
      transition: initial
  }

  .siteNav>ul>li>a {
      margin-right: 55px;
      padding: 15px;
      display: block
  }

  .siteNav>ul>li>a:after {
      display: none;
      content: none
  }

  .siteNav>ul>li>a>span {
      height: auto!important;
      display: block
  }

  .siteNav>ul>li.active>a {
      padding-left: 11px;
      border-left: 4px solid #ef6c00
  }

  .siteNav>ul>li>span {
      width: 55px;
      height: 55px;
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      border-left: 1px solid #eee;
      transition: all .2s ease
  }

  .siteNav>ul>li>span:after {
      display: block;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      font-size: 40px;
      line-height: 40px;
      text-transform: none;
      text-decoration: inherit;
      text-align: center;
      speak: none;
      content: "\f107";
      text-rendering: auto;
      -ms-transform: translate(0,0);
      transform: translate(0,0);
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transition: all .2s ease;
      width: 55px;
      height: 40px;
      margin-top: -20px;
      position: absolute;
      top: 50%;
      right: 0;
      color: #ef6c00
  }

  .siteNav>ul>li.open>span {
      background: #f8f8f8
  }

  .siteNav>ul>li.open>span:after {
      -ms-transform: rotateX(-180deg);
      transform: rotateX(-180deg);
      opacity: 1
  }

  .siteNav>ul>li:hover,.siteNav>ul>li>a:hover {
      background-color: #fff
  }

  .siteNav>ul>li>.navSub {
      width: auto;
      position: static;
      background: #f8f8f8;
      box-shadow: none;
      transition-delay: 0s
  }

  .siteNav>ul>li>.navSub>div {
      margin: 0
  }

  .siteNav>ul>li>.navSub>div>.navSub-promo {
      display: none
  }

  .siteNav>ul>li>.navSub>div>.navSub-menu {
      width: 100%;
      padding: 0
  }

  .siteNav>ul>li>.navSub>div>.navSub-menu:after,.siteNav>ul>li>.navSub>div>.navSub-menu:before {
      display: none;
      content: none
  }

  .siteNav>ul>li>.navSub>div>.navSub-menu>ul {
      width: auto;
      margin: 0;
      padding: 0;
      float: none
  }

  .siteNav>ul>li>.navSub>div>.navSub-menu>ul li {
      margin: 0;
      border-top: 1px solid #e1e1e1
  }

  .siteNav>ul>li>.navSub>div>.navSub-menu>ul li>a {
      padding: 12px 15px 12px 25px;
      display: block;
      color: #444;
      font-size: .95em
  }

  .siteNav>ul>li>.navSub>div>.navSub-menu>h3 {
      display: none
  }

  .siteNav>ul>li:hover>.navSub {
      max-height: 0;
      transition-duration: .3s;
      transition-delay: 0s
  }

  .siteNav>ul>li.open>.navSub {
      max-height: 1400px;
      opacity: 1;
      height: initial
  }

  .showNav {
      height: 100%;
      overflow: hidden
  }

  .showNav footer,.showNav main {
      -moz-opacity: .2;
      -khtml-opacity: .2;
      -webkit-opacity: .2;
      opacity: .2;
      -ms-transform: translate(-90%,0);
      transform: translate(-90%,0)
  }

  .siteNav>ul>li.mobTel-content {
      padding: 20px 15px 40px 15px;
      border-bottom: 0 none;
      color: #444;
      font-size: 1.14em;
      line-height: 19px
  }

  .siteNav>ul>li.mobTel-content>span.mobTel {
      border-left: 0 none;
      display: inline;
      position: relative;
      right: inherit;
      font-weight: 600
  }

  .siteNav>ul>li.mobTel-content>span.mobTel:after {
      display: none
  }

  footer {
      font-size: 13px
  }

  footer .footerSignUp .btn {
      margin-top: 0!important
  }

  footer .footerLinks ul>li {
      margin-top: 3px
  }

  footer .footerLinks ul>li:first-child {
      margin-top: 0
  }

  footer .siteFooter h5 {
      margin-bottom: 10px
  }

  footer .siteFooter .socialLinks {
      text-align: center
  }

  footer .siteFooterRibbon .footerLinks ul {
      margin: -5px -5px 0
  }

  footer .siteFooterRibbon .footerLinks ul>li {
      width: 50%;
      margin: 0;
      padding: 5px 5px 0
  }

  footer .siteFooterRibbon .col-sm-4.text-right {
      padding-top: 20px;
      text-align: center
  }

  .bodyText .numberListBlocks>ol>li,body.cke_editable .numberListBlocks>ol>li,body.cke_show_borders .numberListBlocks>ol>li {
      width: auto;
      float: none
  }

  .bodyText .numberListBlocks.numberListBlocks-4>ol>li,body.cke_editable .numberListBlocks.numberListBlocks-4>ol>li,body.cke_show_borders .numberListBlocks.numberListBlocks-4>ol>li {
      width: auto;
      float: none
  }

  .country-container>div:nth-child(2n)+div {
      clear: left
  }

  .country-zone {
      font-size: 14px
  }

  .ie8 .country-container>div {
      min-height: 50px;
      font-size: 14px
  }

  .featureImage p,.main-banner p {
      font-size: .63em
  }

  .featureImage {
      background-position: center center;
      min-height: 180px
  }

  .featureImage-text a.btn {
      padding: 13px 44px 13px 13px;
      font-size: 16px;
      min-width: unset
  }

  .featureImage-text a.btn .fa {
      font-size: 14px
  }

  .featureImage-text.doubleCTA h2.h1 {
      font-size: 1.73em
  }

  .featureImage-text.doubleCTA h3 {
      font-size: 1.34em
  }

  .slide-quote[aria-hidden=true] blockquote p {
      font-size: 1px
  }

  .slider-quotes {
      margin-bottom: 24px
  }

  .slide-quote blockquote {
      padding: 8px 26px
  }

  .slide-quote blockquote:before {
      left: -14px
  }

  .slide-quote blockquote:after {
      right: -18px
  }

  .slide-quote blockquote p {
      font-size: .8em
  }

  section.alreadyBD.uk .panel.bdLeader .panel-body .h3 {
      font-size: 2.8em
  }

  .main-promo-inner .main-promo-cta {
      text-align: center
  }

  .compareTicks .icon-onwardTravel2 {
      margin-top: 10px!important
  }

  .redirectPrompt {
      display: none
  }

  .carReg {
      font-size: 16px;
      border-left: 34px solid #12358d;
      padding: 10px 8px;
      width: 9em;
      margin-right: 8px
  }

  .btn.btn-cta.carPass {
      min-width: unset;
      font-size: 1em
  }

  .btn.btn-cta.carPass span {
      font-size: 74%;
      top: 18px
  }

  span.reg:before {
      font-size: 1.8em;
      width: 28px
  }

  .twinPromo .promoBg {
      width: 92%;
      margin-left: 4%;
      margin-bottom: 16px
  }

  .twinPromo .content {
      margin-left: 0;
      margin-top: 68px
  }

  .home-banner-carousel .banner-control div .panel-body {
      padding: 15px 5px
  }

  .home-banner-carousel .banner-control div .panel-primary {
      box-shadow: 0 2px 4px rgba(0,0,0,.2)
  }

  .banner-wrapper .slide-image {
      width: 100%;
      height: auto;
      z-index: -1
  }

  .route-planner-form .route-planner-container {
      padding-bottom: 24px
  }

  .numbered-list-alt {
      text-align: center;
      padding-top: 0
  }

  .numbered-list-alt ul li h3 {
      margin-top: 0
  }

  .social-embed .twitter .outer-wrapper {
      margin-left: auto;
      margin-right: auto;
      width: 90%;
      text-align: center
  }

  .twitter-timeline {
      height: 350px!important;
      margin-left: auto;
      margin-right: auto
  }

  .twinPromoBorder h3 {
      margin-top: 12px
  }

  .tabsToAccordion .panel-group .btn-primary {
      font-size: 16px
  }

  .icon-list-alt.horizontal-strip {
      padding: 70px 30px;
      text-align: center
  }

  .icon-list-alt.horizontal-strip h3 {
      text-align: center
  }

  .icon-list-alt.horizontal-strip h3 .break {
      display: inline-block
  }

  .icon-list-alt.horizontal-strip .dongle {
      display: none
  }

  .icon-list-alt.horizontal-strip .icon {
      border: 0
  }

  .icon-list-alt.horizontal-strip .icon img {
      width: 100%;
      max-width: 100px;
      margin: 0 auto
  }

  .icon-list-alt.horizontal-strip .icon .caption {
      text-align: center;
      display: block;
      clear: both
  }

  .icon-list-alt.horizontal-strip .icon .caption span {
      display: inline-block
  }

  .defaqto {
      background-position: center top;
      text-align: center;
      background-size: 135px auto
  }

  .defaqto h2 {
      margin-right: 0;
      margin-top: 120px;
      font-size: 26px
  }

  .defaqto p {
      margin-right: 0
  }

  .product-callout .btn-primary {
      display: block
  }

  .product-callout .btn-info {
      width: auto;
      display: block
  }

  .modal .vertical-alignment-helper .modal-dialog .modal-content.modal-background-image {
      background-image: none!important
  }

  .modal .vertical-alignment-helper .modal-dialog .modal-content .modal-footer {
      padding: 10px 20px
  }

  .modal .vertical-alignment-helper .modal-dialog .modal-content .modal-footer .btn {
      width: 100%
  }

  .modal .vertical-alignment-helper .modal-dialog .modal-content .modal-footer .btn+.btn {
      width: 110px;
      margin: 15px 0
  }

  .modal.myrac .modal-body {
      padding: 12px 15px
  }

  .Efulfilled .myrac-doc__efulfilment--radio,.EfulfilledModal.modal.myrac .myrac-doc__efulfilment--radio {
      padding: 10px 25px
  }

  .MyRacForm__button--vertical-spacing {
      margin-top: 0
  }

  .MyRacForm__button--left-margin {
      margin-left: 0
  }

  .account-preferences__prefs-title {
      font-size: 18px
  }

  .account-preferences__marketing-wrapper {
      display: block
  }

  .account-preferences__marketing-wrapper .myrac__checkbox--wrapper:first-child {
      padding-left: 15px
  }

  .account-preferences p.edit {
      font-size: .7em
  }

  .thumbnails .basic-thumbnail {
      max-width: 300px;
      margin: 0 auto
  }

  .iframe-wrapper {
      height: 650px
  }
}

@media only screen and (max-width: 767px) and \0screen {
  .siteNav>ul {
      right:-90%
  }

  .showNav .siteNav>ul {
      right: 0
  }
}

@media (max-width: 767px) {
  .home-grid-carousel .mobileButton {
      display:block;
      padding: 12px 20px 15px 20px;
      border-top: 1px solid #ddd;
      font-size: 1.4em;
      font-weight: 600;
      position: relative
  }

  .home-grid-carousel .mobileButton:hover {
      cursor: pointer
  }

  .home-grid-carousel .mobileButton i {
      position: absolute;
      right: 15px;
      top: 17px
  }

  .slick-dots {
      margin: 15px auto 2px auto;
      text-align: center;
      display: inline-block;
      width: 100%;
      padding: 0
  }

  .slick-dots li {
      clear: none;
      list-style: none;
      margin: 0 4px;
      display: inline-block
  }

  .slick-dots li button {
      border: none;
      width: 12px;
      height: 12px;
      background-color: #444;
      border-radius: 100%;
      text-indent: -999px;
      overflow: hidden;
      padding: 0
  }

  .slick-dots .slick-active button {
      background-color: #ef6c00
  }

  .mobile-slide-wrapper .slick-arrow {
      display: none!important
  }

  .next-slide,.prev-slide {
      display: none
  }

  .mobile-slide-container.opened-accordion {
      display: block!important
  }

  .mobile-slide-container.opened-accordion .mobile-slide-wrapper.mobile-slider-active {
      visibility: visible
  }

  .mobile-slide-container.closed-accordion {
      display: none!important
  }

  .mobile-slide-container.closed-accordion .mobile-slide-wrapper.mobile-slider-active {
      visibility: visible
  }

  .home-grid-carousel .grid-control {
      display: none
  }

  .home-grid-carousel .grid-carousel-container {
      width: auto;
      padding: 0
  }

  .home-grid-carousel .main-grid {
      border-bottom: 1px solid #ddd
  }

  .home-grid-carousel a.gridBlockLink>span {
      width: 100%;
      display: block;
      clear: left;
      position: relative
  }

  .home-grid-carousel a.gridBlockLink:active,.home-grid-carousel a.gridBlockLink:focus,.home-grid-carousel a.gridBlockLink:hover,.home-grid-carousel a.gridBlockLink:link,.home-grid-carousel a.gridBlockLink:visited {
      text-decoration: none
  }

  .home-grid-carousel .mobile-slide>div {
      box-shadow: 0 1px 3px rgba(0,0,0,.12)
  }

  .home-grid-carousel .mobile-slide>div:hover {
      box-shadow: 0 1px 3px rgba(0,0,0,.12)
  }

  .home-grid-carousel .col-sm-6.col-height-1 a.gridBlockLink>span,.home-grid-carousel .col-sm-6.col-height-2 a.gridBlockLink>span {
      width: 100%
  }

  .home-grid-carousel .col-sm-6.col-height-2 a.gridBlockLink>span>span .blockTitle {
      font-size: 1.4em
  }

  .home-grid-carousel .col-sm-3 a.gridBlockLink>span>span .blockLink,.home-grid-carousel .col-sm-6.col-height-1 a.gridBlockLink>span>span .blockLink,.home-grid-carousel .col-sm-6.col-height-2 a.gridBlockLink>span>span .blockLink,.home-grid-carousel .col-sm-6.col-height-2 a.gridBlockLink>span>span .blockText {
      font-size: 1.1em
  }

  .home-grid-carousel .col-xs-12.col-height-2 a.gridBlockLink>span {
      width: 100%;
      left: 0;
      bottom: 0
  }

  .home-grid-carousel .col-xs-12.col-height-1 a.gridBlockLink>span {
      width: 100%;
      left: 0;
      bottom: 0
  }

  .home-grid-carousel .col-xs-12.col-height-2 a.gridBlockLink .image {
      height: auto
  }

  .home-grid-carousel .col-xs-12.col-height-2 a.gridBlockLink .image img {
      float: none
  }

  .home-grid-carousel .col-xs-12.col-height-1 a.gridBlockLink .image {
      height: auto
  }

  .home-grid-carousel .col-xs-12.col-height-1 a.gridBlockLink .image img {
      float: none
  }

  .gridBlockLink .image {
      display: block;
      position: relative;
      height: 0
  }

  .mobile-slide .gridBlockLink .image {
      padding-bottom: 54.4%
  }

  .gridBlockLink .image img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%
  }

  .home-banner-carousel #mainBanner div:first-child {
      display: block
  }

  .home-banner-carousel #mainBanner div:first-child div {
      display: block
  }

  .home-banner-carousel #mainBanner div {
      display: none
  }
}

@media all and (max-width: 767px) {
  .ReviewStrip {
      background-image:none!important
  }

  .ReviewStrip__outer {
      margin: 10px 0
  }

  .ReviewStrip__col,.ReviewStrip__inner {
      display: block
  }

  .ReviewStrip__col {
      padding: 10px 0;
      text-align: center
  }
}

@media only screen and (max-width: 614px) {
  .featureImage-text h2 {
      font-size:1.8em
  }

  .featureImage-text h3 {
      font-size: 1.2em
  }
}

@media (max-width: 600px) {
  .quick-modal__email-input .add-email {
      width:100%;
      margin: 20px 0
  }

  .quick-modal__button {
      display: block;
      text-align: center
  }

  .quick-modal__buttons a {
      margin: 20px 0
  }
}

@media only screen and (max-width: 544px) {
  .featureImage-text h2 {
      font-size:1.4em
  }

  .featureImage-text h3 {
      font-size: 1em
  }
}

@media only screen and (max-width: 480px) {
  .compareTwo .productNames h2 {
      font-size:1em
  }

  .compareTwo .productNames img {
      left: 30%
  }

  .compareTwo .productNames img {
      left: 30%
  }
}

@media screen and (max-width: 468px) {
  header>.siteRibbon ul>li>span a {
      font-size:68%
  }
}

@media only screen and (max-width: 400px) {
  section.section-featureStrip {
      font-size:74%;
      text-align: center
  }

  section.section-featureStrip .col-sm-4 {
      padding: 0 20%
  }

  .featureImage .btn.carPass {
      padding-right: 30px
  }

  .featureImage .carReg {
      width: 8.4em!important
  }

  .carReg {
      font-size: 16px;
      border-left: 28px solid #12358d;
      padding: 10px 8px;
      width: 9em;
      margin-right: 8px
  }

  .btn.btn-cta.carPass {
      min-width: unset;
      font-size: .78em
  }

  .btn.btn-cta.carPass span {
      font-size: 70%;
      top: 46%
  }

  span.reg:before {
      font-size: 1.4em;
      top: 6px
  }

  .pageCurl .btn {
      width: 100%;
      margin: 10px 0 0 0!important
  }

  .pageCurl p {
      margin-right: 0!important
  }
}

@media (max-width: 400px) {
  .more4more__product-icon img {
      width:20px
  }

  .more4more__product-details {
      padding: 10px 90px 10px 40px
  }
}

@media (max-width: 360px) {
  .touchReveal .feature {
      width:110px;
      margin: 8px
  }

  .touchReveal .feature>div {
      background-color: #fff;
      height: 122px
  }

  .touchReveal .feature>div span {
      font-size: 3.8em;
      margin-top: 18px
  }

  .touchReveal .feature:focus>div span,.touchReveal .feature:hover>div span {
      font-size: 1.4em
  }

  .touchReveal .feature:focus>div p,.touchReveal .feature:hover>div p {
      font-size: .7em
  }
}

@media (max-width: 350px) {
  .home-grid-carousel a.gridBlockLink .item-contents {
      min-height:170px
  }
}

@media \0screen and only screen and (max-width: 767px) {
  .siteNav>span>span+span {
      background:#ef6c00
  }

  .siteNav>span>span+span+span {
      margin: 0;
      top: auto;
      bottom: 0;
      background: #ef6c00
  }

  .showNav .siteNav>span>span+span {
      -moz-opacity: 1;
      -khtml-opacity: 1;
      -webkit-opacity: 1;
      opacity: 1;
      top: 50%
  }

  .showNav .siteNav>span>span+span+span {
      -moz-opacity: 1;
      -khtml-opacity: 1;
      -webkit-opacity: 1;
      opacity: 1;
      margin: 0;
      top: auto;
      bottom: 0
  }

  .showNav .siteNav>span>span:first-child {
      margin: 0;
      top: 0
  }
}

@media print {
  a[href]:after {
      content: ""
  }

  .siteHeader {
      display: none
  }

  .siteContent {
      padding: 0
  }

  .siteFooter {
      display: none
  }

  .btn-block {
      display: none
  }
}

@keyframes site_ribbon {
  0% {
      -ms-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
      margin-top: 0;
      visibility: visible
  }

  100% {
      -ms-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
      margin-top: -41px;
      visibility: hidden
  }
}

@keyframes chevron-load {
  0%,20% {
      transform: translateX(-2.10526316em);
      opacity: 0
  }

  35% {
      opacity: 1
  }

  65% {
      opacity: 1
  }

  100%,80% {
      transform: translateX(2.10526316em);
      opacity: 0
  }
}