/* Follows own grid system */
/* Developed for 1440px by 900px as default */

#FMT_1985742775EFD05634602, #Customer_floatDiv, #p1_GRP_99CAA8B86A51FB4C69361, #FMT_12746118192FD76C87970, #p1_GRP_DA23F00477651AE969317 {
	display: none;
}

:root {
	--green1: #98C11D;
	--green2: #82b424;
	--orange: #ff7800;
	--grey1: #f3f4f4;
	--grey2: #eaebeb;
	--grey3: #999999;
	--grey4: #616161;
	--grey5: #333333;
}

.textGreen1 {
	color: var(--green1);
}

.column, .columns {}
  .column:first-child, .columns:first-child {
    margin-left: 0;
  }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 33%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 49%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

.container {
    padding: 0;
    max-width: 100%;
    margin: 0 auto;
	font-family: Roboto-Light, "arial";
	display: block;
}

.subContainer {
	margin: 0;
}

.mobileOnly {
	display: none;
}

  .paddingtop175 {
	padding-top: 1.75rem;
}
.marginright1 {
	margin-right: 1rem;
}
.marginright2 {
	margin-right: 2rem;
}
.marginBottom1 {
	margin-bottom: 1rem;
}

.HeaderRow {
	margin-bottom: 1rem;
	padding-left: 3rem;
}

.LogoWrapper {
	margin-left: 0;
}

.Logo {
	background: transparent url(../../../images/OI/original-insurance-logo.svg) no-repeat left center;
	width: 15rem;
	height: 6rem;
	display: block;
	border: 0 none;
}
.LogoIcon {
    background: transparent url(../../../images/JA/jaguar-logo.png) no-repeat;
    border: none;
    width: 115px;
    height: 52px;
    background-size: contain;
}

.headerContactInfo {
	display: block;
}

.HeaderText1 {
	font: 27.5pt Roboto-Bold,"arial";
	color: #616161;
	color: var(--grey4);
}

.CallMe {
	font: 38.5pt Roboto-Bold, arial;
	color: #ff7800;
	color: var(--orange);
}

.OpeningHours {
	font: 16pt Roboto-Regular, "arial";
	color: #616161;
	color: var(--grey4);
}

.fa, .fas, .far, .fal, .fab, .icon {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-caret-right:before {
	font-family: Roboto-Regular, "arial";
    content: "\f0da";
}

.home:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
    content: "\f015";
}

.callus__opentimes {
    background: #522367;
    color: #fff;
    display: none;
    margin-top: 0.5em;
    padding: 1em;
    position: absolute;
    text-align: left;
    right: 0;
    z-index: 999;
}

.callus__viewtimes:hover+.callus__opentimes {
    display: block;
}

.home {
	color: #98C11D;
	color: var(--green1);
    font-size: 1.7rem;
}

.menuwrapper {
	background-color: #eaebeb;
	background-color: var(--grey2);
}

.menuwrapper .top-menu-wrapper > div {
	display: flex;
    align-items: center;
    justify-content: flex-start;
}

.topmenuhorizcol {
	padding: 0.5em;
	width: auto;
}

.topmenuhoriz {
	margin: 0;
}
.topmenuhoriz a {
	font: 13pt Roboto-Regular, "arial";
    color: #333333;
    color: var(--grey5);
    text-align: center;
    text-decoration: none;
    height: auto;
    padding: 0;
}
.topmenuhorizcol:first-child {
	width: auto;
	border-right: 1px solid #999999;
	border-right: 1px solid var(--grey3);
}
.topmenuhorizcol:nth-child(2) {
	width: auto;
	border-right: 1px solid #999999;
	border-right: 1px solid var(--grey3);
}
.topmenuhorizcol:nth-child(3) {
	width: auto;
	border-right: 1px solid #999999;
	border-right: 1px solid var(--grey3);
}
.topmenuhorizcol:nth-child(4) {
	width: auto;
	border-right: 1px solid #999999;
	border-right: 1px solid var(--grey3);
}
.topmenuhorizcol:nth-child(5) {
	width: auto;
	border-right: 1px solid #999999;
	border-right: 1px solid var(--grey3);
}
.topmenuhorizcol:nth-child(6) {
	width: auto;
	margin-left: auto;
}
.topmenuhorizcol:nth-child(7) {
	width: auto;
	margin-left: auto;
}
.topmenuhorizcol:nth-child(8) {
}

.topMenuQuoteButton {
	background: #98C11D;
	background: var(--green1);
	font: 20pt Roboto-Bold, "arial";
	color: #FFF;
	padding: 0.27rem 1.5rem;
	border: 0  none;
	vertical-align: middle;
}

.HeroImage {
	width: 100%;
    height: auto;
    overflow: hidden;
}

.HeroOverlay {
	position: absolute;
	top: 4rem;
	left: 4rem;
	background: rgba(255,255,255,1);
	padding: 1.5rem;
	width: 34rem;
}

.HeroOverlayHeading {
	font: 44pt Roboto-Light, "arial";
	color: #333333;
	color: var(--grey5);
	margin-bottom: 1rem;
}

.HeroQuoteButton {
	background: #98C11D;
	background: var(--green1);
    font: 20pt Roboto-Bold, "arial";
    color: #FFF;
    padding: 0.3rem;
	border: 1px solid #98C11D;
    border: 1px solid var(--green1);
    vertical-align: middle;
    border-radius: 3px;
	display: block;
	width: 100%;
}

.HeroQuoteButton:hover, .topMenuQuoteButton:hover {
	background: #82b424;
	background: var(--green2);
}

.feefologo {
	background: transparent url(../../../images/OI/feefo.svg) no-repeat left center;
	height: 10rem;
	background-size: contain;
	margin-top: 1rem;
}

.brandstmntwrapper {
	padding: 1rem 0;
    width: 100%;
    margin: 0 auto;
}

.brandstmntheader {
	font: 48pt Roboto-Regular,"arial";
	color: #616161;
	color: var(--grey4);
}

.brandstmnttext {
	font: 27pt/32pt Roboto-Light, "arial";
	color: #333333;
	color: var(--grey5);
	margin: 0.5rem 15rem;
}

.brandstmntleadtext {
	font: 16pt Roboto-Bold,"arial";
	color: #98C11D;
	color: var(--green1);
	margin: 0.5rem 0;
    /*text-decoration: underline dotted #98C11D;
    text-decoration: underline dotted var(--green1);*/
}

.brandstatswrapper {
	background: #f3f4f4;
	background: var(--grey1);
	padding: 2rem 0;
}
.brandstatscontent {
	background: #eaebeb;
	background: var(--grey2);
    width: 75rem;
    margin: 0 auto;
    padding: 1rem;
}
.whitecard {
	padding: 2rem;
    background: #FFF;
    margin: 1rem;
}

.whiteCardFixedHeight {
	height: auto;
}

.whitecardheader {
	font: 38pt/38pt Roboto-Bold, "arial";
	color: #98C11D;
	color: var(--green1);
	margin-bottom: 1rem;
}

.whitecardtext {
	font: 16pt/18pt Roboto-Regular, "arial";
	color: #333333;
	color: var(--grey5);
}

.whitecard .feefologo {
    height: 9.7rem;
}

.brandstatscontenttext1 {
	font: 27pt/32pt Roboto-Light, "arial";
	color: #333333;
	color: var(--grey5);
	margin-bottom: 1rem;
	padding: 0 4rem;
}

.feefocarouselwrapper {
	background: #98C11D;
	background: var(--green1);
	height: auto;
}

.feefocarouselcontent {
	width: 72rem;
	margin: 0 auto;
}

.feefowidget-carousel-summary.feefowidget-carousel-summary-average-customer-rating .feefowidget-average-customer-rating, .feefowidget-carousel-summary.feefowidget-carousel-summary-media-integration .feefowidget-average-customer-rating {
	color: #FFF !important;
}

.feefowidget-carousel-single-slide-content .feefowidget-content-row, .feefowidget-carousel-single-slide-content .feefowidget-meta-row, .feefowidget-carousel-single-slide-content .feefowidget-title-row, .feefowidget-carousel-summary.feefowidget-carousel-summary-average-customer-rating .feefowidget-bottom-row .feefowidget-review-summary-text, .feefowidget-carousel-summary.feefowidget-carousel-summary-media-integration .feefowidget-bottom-row .feefowidget-review-summary-text, .feefowidget-carousel-summary a {
	color: #FFF !important;
}

.stdcoverswrapper {
	background: #f3f4f4;
	background: var(--grey1);
}

.stdcoversubwrapper {
	width: 68rem;
	margin: 0 auto;
	padding-bottom: 3rem;
}

.stdcoversheading {
	font: 40pt/48pt Roboto-Regular,"arial";
	color: #616161;
	color: var(--grey4);
	margin: 2rem 0;
	text-align: center;
}

.stdcoversoptions {
	margin: 0;
}

.optionstickwrapper {
	border-bottom: 1px solid #999999;
	border-bottom: 1px solid var(--grey3);
    padding: 1rem 0;
}

.optionstickwrapper:last-child {
	border: 0 none;
}

.stdcoverstext {
	width: 100%;
	height: auto;
	padding-left: 3rem;
	font: 18pt/22pt Roboto-Regular,"arial";
	color: #616161;
	color: var(--grey4);
	background: transparent url(../../../images/OI/original-tick.svg) no-repeat left center;
}

.panel-logos {
	padding: 2rem 0 2rem 3rem;
}
.panel-logo-heading {
	font: 40pt/48pt Roboto-Regular, "arial";
	margin: 0;
	color: #616161;
	color: var(--grey4);
}

.panel-logo-img-wrapper {
	width: auto;
	margin: 0;
}

.panel-logo-img-wrapper:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.panelLogoGutter {
	width: 4.7rem;
}
.abcLogo {
	width: 7rem;
	height: 4rem;
	margin-top: 0.5rem;
}

.ageasLogo {
	width: 5rem;
	height: 5rem;
}

.lvLogo {
	width: 8rem;
	height: 3rem;
	margin-top: 1rem;
}

.markerLogo {
	width: 11rem;
	height: 3rem;
	margin-top: 1rem;
}

.highwayLogo {
	width: 10rem;
	height: 3rem;
	margin-top: 1rem;
}

.azurLogo {
	width: 9rem;
	height: 3rem;
	margin-top: 0.75rem;
}

.zenithLogo {
	width: 9rem;
	height: 3rem;
	margin-top: 1rem;
}

img {    
    vertical-align: middle;
}

.panel-logo-img {
	width: 8rem;
	height: 5rem;
}

.Footer {
	background: #222222;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #222222, #363636);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #222222, #363636); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	padding: 2rem 3rem;
	margin-top: 1rem;
}

.footerlogocol {
	width: 22%;
}

.footerlogoheadercol {
	width: 76%;
}

.footerLinkWrapper {
	padding: 2rem 0 2rem 2rem;
}

.footerLinkSection {
	width: 33%;
	display: inline-block;
	padding-bottom: 1rem;
}

.contactnocol, .footerlinks {
	width: 49%;
}

.footerLogoHeading {
	font: 35pt Roboto-Regular, "arial";
	color: #f3f4f4;
	color: var(--grey1);
	padding-top: 1rem;
}

.footercontactinfo {
	background:#333333;
	background: var(--grey5);
	padding: 2rem 1rem;
}

.contactinfotext1 {
	font: 29pt Roboto-Bold, "arial";
	color: #FFF;
}

.contactinfotext2 {
	font: 45pt Roboto-Bold, "arial";
	color: #ff7800;
	color: var(--orange);
}

.openingtimesheading {
	font: 16pt Roboto-Bold, "arial";
	color: #FFF;
	padding: 0.75rem 0;
}

.openingtimestext {
	font: 16pt/29pt Roboto-Regular, "arial";
	color: #FFF;
}

.footerLinks {
	font: 16pt Roboto-Regular, "arial";
	color: #FFF;
	padding-right: 0;
}

.footerunderwriter {
	font: 16pt/18pt Roboto-Light, "arial";
	color: #FFF;
	margin-top: 1rem;
}

.HelpBox, .FEAturesCurrentIndicatorStyle, .DealerLoginButton, .PostcodeLookupButton, .RegistrationFindButton, .RedButton, .PaymentFindPostCodeButton, .SummaryDetailsDoneButton, .QuoteProtectionAddButton, .QuoteProtectionClaimsButton {
	background-color: #98C11D;
	background-color: var(--green1);
}
.NeedHelpHeading, .NeedHelpContentText2 {
	color: #FFF;
}

.HelpContentBox {
	background-color: #333333;
	background-color: var(--grey5);
}

.menuhoriz {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: 0 none;
	width: 100%;
	height: auto;
}

.menuhoriz li {
    float: left;
	border-right: 1pt solid #999999;
	border-right: 1pt solid var(--grey3);
	height: 4rem;
	width: auto;
	margin: 0;
}

li:first-child {
	padding: 0;
}

.menuhoriz li a {
    display: block;
    font: 15pt arial;
    color: #333333;
    color: var(--grey5);
    text-align: center;
    text-decoration: none;
    height: auto;
    padding: 0 2rem;
    padding-top: 1.3rem;
}

.menuhoriz li a:hover {
}

/* swiper carousel styles */

.swiper-container {
	width: 100%;
	height: 100%;
	background: #98C11D;
}
.swiper-wrapper {
	margin: 2rem 0;
}
.swiper-slide {
	text-align: center;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	height: auto;
	
}
.swiper-pagination {
}

.swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    border-radius: 100%;
    background: #FFF;
    opacity: 0.2;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #FFF;
}

.swiper-content-column {
	width: 50%;
	margin: 0 25%;
}

.carouselText {
	font: 27pt/32pt Roboto-Light, "arial";
	color: #FFF;
	text-align: center;
	padding-bottom: 1rem;
}

.rating {
	text-align: center;
	padding-bottom: 1rem;
}

.fa-star {
	color: #f5dd0b;
	font: 1.7rem "Font Awesome 5 Free";
}
.fa-star:before {
	font-weight: 900;
    content: "\f005";
}

.swiper-reviewer {
	font: 16pt/18pt Roboto-Regular, "arial";
	color: #FFF;
	margin-bottom: 1rem;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 40%;
    z-index: 10;
    cursor: pointer;
    background: 0 none;
	width: auto;
    height: auto;
    margin-top: 0;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    color: #FFF;
	font: 5rem "Font Awesome 5 Free";
    right: 5rem;
    left: auto;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    color: #FFF;
	font: 5rem "Font Awesome 5 Free";
    left: 5rem;
    right: auto;
}

.swiper-button-prev:before {
	font-weight: 900;
    content: "\f104";
}
.swiper-button-next:before {
	font-weight: 900;
    content: "\f105";
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    opacity: 0.65;
    cursor: auto;
    pointer-events: none;
}

.HideCoreProtectPackage {
	display: none;
}
.HidePeaceOfMindPackage {
	display: none;
}
.HideKeyCover {
	display: none;
}
.HideLegalCover {
	display: none;
}
.HideCourtesyCar {
	display: none;
}
.HideBreakdown {
	display: none;
}


@media only screen and (max-device-width: 640px) and  (min-device-width: 100px), only screen and (min-width: 100px) and (max-width: 640px) {
	.HeaderRow {
		padding-left: 1rem;
		margin-bottom: 0;
	}
	.Logo {
		width: 8rem;
		height: 5rem;
	}
	.HeaderText1 {
		font: 12.5pt Roboto-Bold,"arial";
	}
	.CallMe {
		font: 20.5pt Roboto-Bold, arial;
	}
	.HamburgerIconSection {
		margin-top: 0 !important;
		cursor: hand;
	}
	.SlideoutSection {
		background-color: var(--green1);
	}
	.HeroOverlay {
		position: absolute;
		top: 1rem;
		left: 1rem;
		padding: 1rem;
		width: 16rem;
	}
	
	.HeroQuoteButton {
		font: 13pt Roboto-Bold, "arial";
		padding: 0.1rem;
	}
	.feefologo {
		height: 4rem;
		margin-left: 0;
	}
	
	.brandstmntheader {
		font: 25pt Roboto-Regular,"arial";
		width: 20rem;
		margin: 0 auto;
	}
	.brandstmnttext {
		font: 15pt/18pt Roboto-Light, "arial";
		margin: 0.5rem 2rem;
	}
	.brandstatscontent {
		width: 20.5rem;
		margin: 0 auto;
		padding: 1rem 1rem 2rem 1rem;
	}
	.brandstatscontenttext1 {
		font: 13pt/18pt Roboto-Light, "arial";
		margin-bottom: 1rem;
		padding: 0 1rem;
	}	
	.whitecard .feefologo {
		width: 14rem;
		height: 7.65rem;
	}
	.whitecardheader {
		font: 30pt/30pt Roboto-Bold, "arial";
	}
	.stdcoversubwrapper {
		width: 22rem;
		margin: 0 auto;
		padding-bottom: 2rem;
	}
	.stdcoversheading {
		font: 28pt/35pt Roboto-Regular,"arial";
		margin: 2rem 0;
	}
	.stdcoverstext {
		font: 13pt/16pt Roboto-Regular,"arial";
	}
	
	.optionstickwrapper:last-child {
		border-bottom: 1px solid #999999;
		border-bottom: 1px solid var(--grey3);
	}
	
	.panel-logos {
		padding: 2rem 0 2rem 2rem;
		width: 100%;
	}
	.panel-logo-heading {
		font: 35pt/40pt Roboto-Regular, "arial";
	}
	.abcLogo {
		width: 7rem;
		height: 4rem;
	}
	.panelLogoGutter:nth-child(2) {
		width: 6.3rem;
	}
	.lvLogo {
		width: 7rem;
		height: 3rem;
	}
	.panelLogoGutter:nth-child(4) {
		width: 1rem;
	}
	.markerLogo {
		width: 8rem;
		height: 3rem;
	}
	.panelLogoGutter:nth-child(6) {
		width: 5rem;
	}
	.highwayLogo {
		width: 7rem;
		height: 2rem;
	}
	.panelLogoGutter:nth-child(8) {
		width: 0;
	}
	.azurLogo {
		width: 8rem;
		height: 2rem;
	}
	.panelLogoGutter:nth-child(10) {
		width: 5rem;
	}
	.zenithLogo {
		width: 9rem;
		height: 3rem;
		margin-left: -2rem;
	}
	.panelLogoGutter:nth-child(12) {
		width: 6.5rem;
	}
	.footerLinkSection {
		width: 50%;
	}
}

@media (min-width: 320px) and (max-width: 767px) {
	.container {
		width: 100%;
		display: block;
	}
	.mobileOnly {
		display: block;
	}
	.BrandStatsMobile, .one-half.column {
		width: 100% !important;
	}
	.TabletMobileHelpBox {
		background: var(--green1);
	}
	
	#osticky {
		display: none;
	}
  
	.headerContactInfo, .OpeningHours {
		display: none;
	}
	.HeaderRow {
		padding-left: 1rem;
		margin-bottom: 0;
	}
	.Logo {
		width: 8rem;
		height: 5rem;
	}
	.HeaderText1 {
		font: 12.5pt Roboto-Bold,"arial";
	}
	.CallMe {
		font: 20.5pt Roboto-Bold, arial;
	}
	.HeroOverlay {
		position: absolute;
		top: 3rem;
		left: 2rem;
		padding: 1rem;
		width: 16rem;
	}
	.feefologo {
		height: 4rem;
		margin-left: 0;
	}
	.topmenuhorizcol:nth-child(2), .topmenuhorizcol:nth-child(3), .topmenuhorizcol:nth-child(4), .topmenuhorizcol:nth-child(5), .topmenuhorizcol:nth-child(6) {
		display: none;
	}
	.topmenuhorizcol:first-child {
		padding-top: 5px;
		width: 51%;
		border-right: 0 none;
		padding-left: 2%;
	}
	.topmenuhorizcol:nth-child(7) {
		width: 23%;
	}
	.topmenuhoriz a {
		padding: 0 0.5rem;
	}
	.HamburgerIconSection {
		margin-top: 0 !important;
		cursor: hand;
	}
	.HeroOverlayHeading {
		font: 17pt Roboto-Light, "arial";
		margin-bottom: 1rem;
	}
	.PhaseHeaderStyle {
		font: 15pt Roboto-Bold, "arial";
		padding: 0.5em;
	}
	.SlideoutSection {
		background-color: var(--green1);
	}
	.SlideoutMenuItemSection {
		border-bottom: 1px solid rgb(255, 255, 255);
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.SlideOutMenuItem {
		font: 13pt Roboto-Regular, "arial";
		color: #FFF;
		padding: 0 0 0 2rem;
		vertical-align: middle;
	}
	.SlideoutCloseButton {
		font: 13pt Roboto-Regular, "arial";
		color: #FFF;
		background-color: var(--green2);
		border-color: 0 none;
		margin: 1rem 1.5rem;
	}
	.brandstmntheader {
		font: 25pt Roboto-Regular,"arial";
		width: 20rem;
		margin: 0 auto;
	}
	.brandstmnttext {
		font: 15pt/18pt Roboto-Light, "arial";
		margin: 0.5rem 2rem;
	}
	.brandstatscontent {
		width: 22rem;
		margin: 0 auto;
		padding: 1rem 1rem 2rem 1rem;
	}
	.brandstatscontenttext1 {
		font: 13pt/18pt Roboto-Light, "arial";
		margin-bottom: 1rem;
		padding: 0 1rem;
	}	
	.whitecard .feefologo {
		width: 14rem;
		height: 7.65rem;
	}
	.whitecardheader {
		font: 30pt/30pt Roboto-Bold, "arial";
	}
	.stdcoversubwrapper {
		width: 22rem;
		margin: 0 auto;
		padding-bottom: 2rem;
	}
	.stdcoversheading {
		font: 28pt/35pt Roboto-Regular,"arial";
		margin: 2rem 0;
	}
	.stdcoverstext {
		font: 13pt/16pt Roboto-Regular,"arial";
	}
	
	.optionstickwrapper:last-child {
		border-bottom: 1px solid #999999;
		border-bottom: 1px solid var(--grey3);
	}
	
	.footerlogocol, .footerlogoheadercol {
		width: 100%;
	}
	.Footer {
		padding: 1rem;
	}
	.footerLogoHeading {
		font: 26pt Roboto-Regular, "arial";
		padding: 0 0 1rem 0;
	}
	.contactnocol, .footerlinks {
		width: 100%;
	}
	.footerLinkCol {
		width: 50% !important;
	}
	.contactinfotext2 {
		font: 35pt Roboto-Bold, "arial";
	}
	.footerLinkWrapper {
		padding: 2rem 0 0 1rem;
	}
	.footerunderwriter {
		margin: 1rem 0 0 1rem;
	}
	.swiper-button-next, .swiper-button-prev {
		display: none;
	}
	.swiper-content-column {
		width: 95%;
		margin: 0 2.5%;
	}
}

@media only screen and (min-width: 320px) and (max-width: 360px), only screen and (max-device-width: 360px) and  (min-device-width: 320px) {
	
	.topmenuhorizcol:first-child {
		padding-top: 5px;
		width: 12%;
		border-right: 0 none;
	}
	.topmenuhorizcol:nth-child(7) {
		width: 44%;
	}
	.topmenuhoriz {
		margin: 0.35rem 0;
	}
	.topmenuhoriz a {
		font: 13pt Roboto-Regular, "arial";
	}
	.topMenuQuoteButton {
		font: 14pt Roboto-Bold, "arial";
		padding: 0.37rem 1.5rem;
	}
	.HeroOverlay {
		position: absolute;
		top: 0.5rem;
		left: 1rem;
		padding: 0.5rem 1rem;
		width: 12rem;
	}
		
	.HeroOverlayHeading {
		font: 12pt Roboto-Light, "arial";
		margin-bottom: 0.55rem;
	}
	.feefologo {
		height: 3.75rem;
		margin-top: 0.5rem;
	}
	.brandstmntheader {
		font: 21pt Roboto-Regular,"arial";
		width: 20rem;
	}
	
	.brandstatscontent {
		width: 20rem;
	}
	.stdcoversubwrapper {
		width: 18rem;
	}
	.stdcoversheading {
		font: 22pt/26pt Roboto-Regular,"arial";
		margin: 1rem 0;
	}
	.stdcoverstext {
		font: 10pt/14pt Roboto-Regular,"arial";
		padding-left: 2rem;
	}
	.panel-logos {
		padding: 1rem 0 1rem 1.5rem;
	}
	.panelLogoGutter:nth-child(2) {
		width: 3.3rem;
	}
	.panelLogoGutter:nth-child(4) {
		width: 1rem;
	}
	.panelLogoGutter:nth-child(6) {
		width: 2rem;
	}
	.panelLogoGutter:nth-child(8) {
		width: 1rem;
	}
	.panelLogoGutter:nth-child(10) {
		width: 2rem;
	}
	.Logo {
		width: 6rem;
		height: 3rem;
	}
	.footerLogoHeading {
		font: 20pt Roboto-Regular, "arial";
		padding: 0 0 1rem 0;
	}
	.contactinfotext2 {
		font: 29pt Roboto-Bold, "arial";
	}
	.footerunderwriter {
		font: 14pt/18pt Roboto-Light, "arial";
	}
}

@media only screen and (min-width: 361px) and (max-width: 415px), only screen and (max-device-width: 415px) and  (min-device-width: 361px)  {
	.HeroOverlay {
		position: absolute;
		top: 1rem;
		left: 1rem;
		padding: 0.75rem 1rem;
		width: 13rem;
	}
		
	.HeroOverlayHeading {
		font: 14pt Roboto-Light, "arial";
		margin-bottom: 0.55rem;
	}
	.feefologo {
		height: 4rem;
	}
	.topmenuhorizcol:first-child {
		padding-top: 0.5rem;
		width: 9%;
		border-right: 0 none;
	}
	.topmenuhorizcol:nth-child(7) {
		width: 43%;
	}
	.topmenuhoriz a {
	}
}

@media only screen 
  and (min-device-width: 360px) 
  and (max-device-width: 640px) and (orientation: landscape) {
	  
	.HeroOverlay {
		top: 2rem;
		left: 2rem;
		width: 17rem;
	}
	.HeroOverlayHeading {
		font: 20pt Roboto-Light, "arial";
	}
	.feefologo {
		height: 5rem;
	}
	.brandstmnttext {
		margin: 0.5rem 9rem;
	}
	.topmenuhorizcol:first-child {
		padding-top: 0.5rem;
		width: 7%;
		border-right: 0 none;
	}
	.topmenuhorizcol:nth-child(7) {
		width: 60%;
	}
	.topmenuhoriz a {
	}
}

@media only screen 
  and (min-device-width: 667px) 
  and (max-device-width: 742px) and (orientation: landscape), only screen and (max-width: 742px) and  (min-width: 667px) and (orientation: landscape) {
	.HeroOverlay {
		top: 2rem;
		left: 2rem;
		width: 17rem;
	}
	.HeroOverlayHeading {
		font: 20pt Roboto-Light, "arial";
	}
	.feefologo {
		height: 5rem;
	}
	.brandstmnttext {
		margin: 0.5rem 9rem;
	}
	.topmenuhorizcol:first-child {
		padding-top: 0.5rem;
		width: 6%;
		border-right: 0 none;
	}
	.topmenuhorizcol:nth-child(7) {
		width: 66%;
	}
	.topmenuhoriz a {
	}
	
	.panelLogoGutter:nth-child(2) {
		width: 3.3rem;
	}
	.panelLogoGutter:nth-child(4) {
		width: 1rem;
	}
	.panelLogoGutter:nth-child(6) {
		width: 2rem;
	}
	.panelLogoGutter:nth-child(8) {
		width: 1rem;
	}
	.panelLogoGutter:nth-child(10) {
		width: 2rem;
	}
}

@media only screen and (max-device-width: 1025px) and  (min-device-width: 768px), only screen and (max-width: 1025px) and  (min-width: 768px) {
	.HeaderRow {
		padding-left: 1rem;
	}
	
	.HeaderText1 {
		font-size: 20pt;
	}

	.CallMe {
		font-size: 30pt;
	}
	
	.OpeningHours {
		font-size: 12pt;
	}
	
	.home {
		font-size: 1.8rem;
	}
	
	.topmenuhoriz {
		margin: 0.65rem 0;
	}
	
	/* .topmenuhorizcol:first-child {
		width: 6%;
	}
	.topmenuhorizcol:nth-child(2) {
		width: 15.5%;
	}
	.topmenuhorizcol:nth-child(3) {
		width: 11%;
	}
	.topmenuhorizcol:nth-child(4) {
		width: 13%;
	}
	.topmenuhorizcol:nth-child(5) {
		width: 15%;
		border-right: 0 none;
	}
	.topmenuhorizcol:nth-child(6) {
		width: 2%;
		border-right: 0 none;
	}
	.topmenuhorizcol:nth-child(7) {
		width: 19%;
	}
	.topmenuhorizcol:nth-child(8) {
	} */
	
	.topmenuhoriz a {
		font: 14pt Roboto-Regular, "arial";
	}

	.topMenuQuoteButton {
		font: 17.5pt Roboto-Bold, "arial";
		padding: 0.47rem 0.5rem;
	}
	
	.HeroOverlay {
		position: absolute;
		top: 2rem;
		left: 1.5rem;
		padding: 1rem;
		width: 21rem;
	}
	
	.HeroOverlayHeading {
		font: 25pt Roboto-Light, "arial";
	}
	
	.feefologo {
		height: 7rem;
	}
	
	.brandstmntheader {
		font: 40pt Roboto-Regular,"arial";
		width: 36rem;
		margin: 0 auto;
	}
	.brandstmnttext {
		font: 22.5pt/32pt Roboto-Light, "arial";
		margin: 0.5rem 1rem;
	}
	.brandstatscontent {
		width: 45rem;
	}
	.whiteCardFixedHeight {
		height: 12.5rem;
	}
	.whitecard {
		padding: 1rem;
		margin: 1rem 0.5rem;
	}
	.whitecard .feefologo {
		width: auto;
		height: 7.65rem;
	}
	.whitecardheader {
		font: 25pt/30pt Roboto-Bold, "arial";
		margin-bottom: 1rem;
	}
	.whitecardtext {
		font: 16pt/18pt Roboto-Regular, "arial";
	}
	.brandstatscontenttext1 {
		font: 18.5pt/24pt Roboto-Light, "arial";
		margin-bottom: 1rem;
		padding: 0 2rem;
	}
	.stdcoversubwrapper {
		width: 45rem;
		padding-bottom: 2rem;
	}
	.stdcoversheading {
		font: 35pt/40pt Roboto-Regular,"arial";
		margin: 1rem 0;
	}
	.one-half.column {
		width: 48%;
	}
	.stdcoverstext {
		font: 12pt/18pt Roboto-Regular,"arial";
	}
	.panel-logos {
		padding: 2rem 0 2rem 1rem;
	}
	.panel-logo-heading {
		font: 35pt/40pt Roboto-Regular, "arial";
	}
	.panelLogoGutter {
		width: 2.5rem;
	}
	.abcLogo {
		width: 4rem;
		height: 3rem;
		margin-top: 0.5rem;
	}
	.ageasLogo {
		width: 4rem;
		height: 4rem;
	}
	.lvLogo {
		width: 5rem;
		height: 2rem;
		margin-top: 1rem;
	}
	.markerLogo {
		width: 9rem;
		height: 2rem;
		margin-top: 1rem;
	}
	.highwayLogo {
		width: 6rem;
		height: 2rem;
		margin-top: 1rem;
	}
	.azurLogo {
		width: 6rem;
		height: 2rem;
		margin-top: 0.75rem;
	}
	.zenithLogo {
		width: 6rem;
		height: 2rem;
		margin-top: 1rem;
	}
	.Footer {
		padding: 2rem;
	}
	.footerlogocol, .footerlogoheadercol {
		width: 100%;
	}
	.contactnocol, .footerlinks {
		width: 100%;
	}
	.footerLogoHeading {
		font: 33pt Roboto-Regular, "arial";
		padding-bottom: 2rem;
	}
	.footerLinkWrapper {
		padding: 2rem 0 0 1rem;
	}
	.footerunderwriter {
		margin: 1rem 0 0 1rem;
	}
		.SlideoutMenuItemSection {
		border-bottom: 1px solid rgb(255, 255, 255);
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.SlideOutMenuItem {
		font: 13pt Roboto-Regular, "arial";
		color: #FFF;
		padding: 0 0 0 2rem;
		vertical-align: middle;
	}
	
	.swiper-content-column {
		width: 70%;
		margin: 0 15%;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
		right: 2rem;
	}

	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		left: 2rem;
	}
}

@media only screen and (max-device-width: 1025px) and  (min-device-width: 825px) and (orientation: landscape), only screen and (max-width: 1025px) and  (min-width: 825px) and (orientation: landscape) {
	.topmenuhorizcol:nth-child(6) {
		width: 6%;
	}
	
	.panelLogoGutter {
		width: 5.5rem;
	}
}

@media (min-width: 1026px) and (max-width: 1279px) {
	.panel-logo-img-wrapper {
		width: 10.5rem;
	}
	.panelLogoGutter {
		width: 2.3rem;
	}
	.brandstmnttext {
		margin: 0.5rem 15rem;
	}
	.topmenuhoriz {
		margin: 0.65rem 0;
	}
	
	/* .topmenuhorizcol:first-child {
		padding-top: 1.75rem;
		width: 2%;
		border-right: 0 none;
	}
	.topmenuhorizcol:nth-child(2) {
		width: 15.5%;
	}
	.topmenuhorizcol:nth-child(3) {
		width: 11%;
	}
	.topmenuhorizcol:nth-child(4) {
		width: 13%;
	}
	.topmenuhorizcol:nth-child(5) {
		width: 15%;
		border-right: 0 none;
	}
	.topmenuhorizcol:nth-child(6) {
		width: 12.5%;
		border-right: 0 none;
	}
	.topmenuhorizcol:nth-child(7) {
		width: 19%;
	}
	.topmenuhorizcol:nth-child(8) {
	}
	 */
	.topmenuhoriz a {
		font: 14pt Roboto-Regular, "arial";
		padding: 0 0.5rem;
	}

	.topMenuQuoteButton {
		font: 17.5pt Roboto-Bold, "arial";
		padding: 0.47rem 0.5rem;
	}
	
	.HeroOverlay {
		position: absolute;
		top: 2rem;
		left: 1.5rem;
		padding: 1rem;
		width: 21rem;
	}
	
	.HeroOverlayHeading {
		font: 25pt Roboto-Light, "arial";
	}
	
	.feefologo {
		height: 5rem;
		margin-top: 0;
	}
	
}

@media (min-width: 1366px) {
	/*.panel-logo-img-wrapper {
		width: 11.5rem;
	}*/
	.topmenuhoriz a {
		padding: 0 1.5rem;
	}
	.panelLogoGutter {
		width: 5.5rem;
	}
	.brandstmnttext {
		margin: 0.5rem 17rem;
	}
	/* .topmenuhorizcol:nth-child(2) {
		width: 12.5%;
	}
	.topmenuhorizcol:nth-child(5) {
		width: 12%;
	}
	.topmenuhorizcol:nth-child(6) {
		width: 20%;
	} */
	.feefologo {
		
	}
}


@media (min-width: 1440px) {
	/*.panel-logo-img-wrapper {
		width: 10.5rem;
	}*/
	.panelLogoGutter {
		width: 6.5rem;
	}
	.brandstmnttext {
		margin: 0.5rem 20rem;
	}
	/* .topmenuhorizcol:nth-child(2) {
		width: 11.5%;
	}
	.topmenuhorizcol:nth-child(3) {
		width: 9%;
	}
	.topmenuhorizcol:nth-child(4) {
		width: 10%;
	}
	.topmenuhorizcol:nth-child(5) {
		width: 11%;
	}
	.topmenuhorizcol:nth-child(6) {
		width: 26.5%;
	}
	.topmenuhorizcol:nth-child(7) {
		width: 14%;
	} */
	.feefologo {
	}
	
}

@media (min-width: 1600px) {
	/*.panel-logo-img-wrapper {
		width: 13rem;
	}
	.panel-logo-img {
		width: 10rem;
	}*/
	.panelLogoGutter {
		width: 6.3rem;
	}
	.brandstmnttext {
		margin: 0.5rem 24rem;
	}
	.footerlogocol {
		width: 18%;
	}
}

@media (min-width: 1900px) {
	/*.panel-logo-img-wrapper {
		width: 16rem;
	}
	.panel-logo-img {
		width: 12rem;
	}*/
	.topmenuhoriz a {
		padding: 0 1.5rem;
	}
	.panelLogoGutter {
		width: 12.2rem;
	}
	.brandstmnttext {
		margin: 0.5rem 35rem;
	}
	/* .topmenuhorizcol:first-child {
		padding-left: 1rem;
	}
	.topmenuhorizcol:nth-child(2) {
		width: 8.5%;
	}
	.topmenuhorizcol:nth-child(3) {
		width: 7%;
	}
	.topmenuhorizcol:nth-child(4) {
		width: 8%;
	}
	.topmenuhorizcol:nth-child(5) {
		width: 8%;
	}
	.topmenuhorizcol:nth-child(6) {
		width: 43.5%;
	}
	.topmenuhorizcol:nth-child(7) {
		width: 10%;
	} */
	.footerlogocol {
		width: 15%;
	}
}