@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i');


/* WonderWebs-Bootstrap 9.3 Responsive template - Website stylesheet - Copyright 2018 WonderWebs.com */

body,.Normal{font-size: 15px; line-height: 24px;font-family: 'Open Sans', sans-serif;}/* Default font and colour. Use long form CSS */
h1{font-family: 'Open Sans', sans-serif;font-size: 50px;font-weight: 400;line-height: 60px;}
h2{font-family: 'Open Sans', sans-serif;font-size: 30px;line-height: 36px;font-weight: 400;}
h3{font-family: 'Open Sans', sans-serif;font-size: 18px;font-weight: 400;}
h4{font-family: 'Open Sans', sans-serif;}
h5{}
h6{}
hr{}
pre{}
blockquote{}
strong,b,.NormalBold{}
input[type="text"], input[type="file"], input[type="password"], input[type="date"], input[type="email"], select, textarea{}

/* Hyperlinks and buttons */
a,a:link,a:visited{color:rgb(184, 9, 27);}
a:active,a:hover{color: rgb(191, 41, 56);}
.SigninSeparator,.SigninPane a:link,.SigninPane a:visited{}
.SigninPane a:active,.SigninPane a:hover{}
.BreadCrumbSeparator,a.BreadCrumbs:link,a.BreadCrumbs:visited{}
a.BreadCrumbs:active,a.BreadCrumbs:hover{}
.FooterLinks span,.FooterSeparator,.FooterLinks a:link,.FooterLinks a:visited{}
.FooterLinks a span:hover,.FooterLinks a:active,.FooterLinks a:hover{}
.StandardButton,a.StandardButton,a.StandardButton:link{}
.StandardButton:hover,a.StandardButton:hover{}

/* Structure and content */
.Outer{}
.PageID{}
.Page{background: #fff;padding: 0;}/* Website background */
.Above{}
.Paper{display: inherit;border: none; box-shadow: none;}/* Wraps Header and Contents sections. Set display:inherit to disable rubber-banding */
.Header{display: inherit;}/* Wraps AboveLogo down to BelowLogo */
.AboveLogo{}
.LogoSpan{}
.LogoWrapper{padding-top:8.547%;}/* Responsive logo height {padding-top:(height*100/width)%;} Otherwise use px */
.LogoPane{background:url("Logo-1170x100.png") no-repeat scroll 0 0 transparent;background-size:cover}
.LogoLink{}
.Logo{}
.BelowLogo{}
.MenuBar{background: none}/* Menu wrapper includes SigninPane */
.MenuPane{width: 100%;}/* Menu column */
.MenuPaneInner{float: right;margin-top: -100px;}
.SigninPane{display: none}/* Signin column */
.SigninPaneInner{display: none}
.Account{}
.SigninSeparator::after{}
.SigninTop{}
.BelowMenu{}
.Contents{display: inherit;}/* Main page content. Set display:inherit to disable rubber-banding */
.Contents .Span{}/* Website foreground */
.BreadCrumbBar{display: none}
.BreadCrumbs{}/* Use line-height to set BreadCrumbBar height */
.BreadCrumbPane{display: none}/* Breadcrumbs column */
.BreadCrumbSeparator:after{}
.SearchBar{display: none}/* Search column */
.SearchWrapper{}/* Padding and margins */
.SearchPane{display: none;height: 0;}/* Use height:px to set SearchBar height */
.SearchInput{}
a.SearchIcon{}
a.SearchIcon:hover{}
.SearchIcon .far{}
.ContentPane{min-height:420px !important;}
.ContentLeft{}/* Move this min-height into the primary content panel */
.ContentLeftDown{}
.ContentRight{}
.ContentRightUp{}
.Foot{}
.Footer{}/* Wraps all footer rows */
.FooterLinks{}
.SigninBottom{}
.FooterSeparator{}
.FooterSeparator:after{}
.Terms{}
.Privacy{}
.Copyright{}
.Producer{}

/* Containers */
.Container{}/* Padding and margins for all */
.Default.Container{}
.Titled.Container{}
.Featured.Container{}
.NoContainer.Container{}
.NoPadding.Container{}
.NoGaps.Container{}

/* Featured Container. Modify these to suit any container */
.Featured.Container{}
.Featured .ContainerTitle{}
.Featured .ContainerBody{}
.Featured .Normal{}
.Featured a,.Featured a:link,.Featured a:visited{}
.Featured a:active,.Featured a:hover{}

/* Menu and Submenu font. Use long form CSS */
.MenuBar ul.Menu a{font-weight: 700;font-size: 15px;font-family: 'Open Sans', sans-serif;text-transform: uppercase;}
.MenuBar ul.Menu .sub a{}

/* Menu item borders and separators. Set border:none; to remove defaults */
.MenuBar ul.Menu a.first{border: none}
.MenuBar ul.Menu a{border: none}
.MenuBar ul.Menu a.last{border: none}
.MenuBar ul.Menu .sub a.first{border: none}
.MenuBar ul.Menu .sub a{border: none}
.MenuBar ul.Menu .sub a.last{border: none}

/* Menu colours - Every menu item also has a unique ID */
.MenuBar ul.Menu a,.MenuBar ul.Menu a:visited{color: #fff; background: transparent;}/* Menu */
.MenuBar ul.Menu a.branch{color: #fff; background: transparent;}/* Branch */
.MenuBar ul.Menu a.current,.MenuBar ul.Menu a.breadcrumb{color: #fff; background: #C7081B;}/* Active */
.MenuBar ul.Menu a:hover,.MenuBar ul.Menu a:focus{color: #fff; background: #C7081B;}/* Hover */

/* SubMenu colours */
.MenuBar ul.Menu .sub a,.MenuBar ul.Menu .sub a:visited{color: #fff; background: rgba(0, 0, 0, 0.52);}/* Sub Menu */
.MenuBar ul.Menu .sub a.branch{color: #fff; background: rgba(0, 0, 0, 0.52);}/* Branch */
.MenuBar ul.Menu .sub a.current,.MenuBar ul.Menu .sub a.breadcrumb{color: #fff; background: #C7081B;}/* Active */
.MenuBar ul.Menu .sub a:hover,.MenuBar ul.Menu .sub a:focus{color: #fff; background: #C7081B;}/* Hover */

/* Menu item height and padding e.g. {height:40px;line-height:40px;} */
.MenuBar ul.Menu a{height: 100px;line-height: 100px;padding: 12px 18px 20px;}
.MenuBar ul.Menu .sub a{height: 42px;line-height: 18px;}

/* Hamburger menu */
.hamburger .mean-bar,.PreloadImage{background:url("Logo-1982x180.png") no-repeat scroll 0 0 / 991px 90px  rgba(0, 0, 0, 0.8)}/* Logo */
.hamburger a.hamburger-wrapper{}/* Use for full-screen menu */
.hamburger a.hamburger-bun{}/* Hamburger bun */
.hamburger a.hamburger-bun span{}/* Hamburger meat */
.hamburger .mean-nav{}/* Menu background */
.hamburger .mean-nav ul li a{}/* Menu items */
.hamburger .mean-nav ul li a:hover{}
.hamburger a.meanmenu-reveal { background-color: rgba(0, 0, 0, 0);}
.mean-expand {width: 100% !important;text-align: right !important;padding-right: 30px !important;}
.hamburger .mean-nav ul li a.mean-expand {background: rgba(255, 255, 255, 0) none repeat scroll 0 0;}

/* Splash */
.SplashPage{}/* Background */
.SplashPlacement{}/* Content padding */
.SplashContent{}/* Content */

/* Custom Classes - Any uncommented classes here will appear in the word processor menu */
/* .CustomClass01{} */
/* .CustomClass02{} */
/* .CustomClass03{} */
/* .CustomClass04{} */
/* .CustomClass05{} */
/* .CustomClass06{} */
/* .StandardButton{} */

/* Other styles */


/*Default*/
.LogoRow {background: rgba(34, 34, 34, 0.89);}
.Header {position: fixed;top: 0;z-index: 999;left: 0;right: 0;}
.margin-bottom-30, .margin-vertical-30 {margin-bottom: 30px !important;}
.margin-bottom-none {margin-bottom: 0 !important;}
.FootRow .Span {width: 100%;}
.Footer3Column .Span {background: #2D2D2D;padding: 5% 0;}
.Footer3Column.Section {background: #2D2D2D;}
.Footer3Column {color: #fff;}
.Footer3Column h2 {font-size: 30px;font-weight: 400;}
#HorizontalMenu .fa-facebook-f {font-size: 24px;}

.TopContactList li {list-style: none;display: inline-block;	color: rgb(144, 144, 144);	font-size: 12px;	line-height: 24px;}
.TopContactList {text-align: right;margin: 0;padding-left: 0;}
.AboveLogoRow.Section {background: rgba(34, 34, 34, 0.92);border-image-source: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(65, 65, 65), rgba(0, 0, 0, 0));border-image-slice: 20;border-bottom: 1px rgb(65, 65, 65) solid;}

/*maps*/
.map-responsive{overflow:hidden; padding-bottom: 56.25%;position:relative;height:0;}
.map-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute;}


/*Home Icons Strip*/
.Bottom1A h3 {font-weight: 600;margin: 20px 0 14px;letter-spacing: -1px;font-size: 29px;font-family: 'Open Sans',sans-serif,Arial;}
.Bottom1A .row i {display: block;font-size: 84px;color: RGB(45, 45, 45);line-height: 84px;}
.Bottom1A .row > div {text-align: center;margin-bottom: 60px;	color: RGB(45, 45, 45);	padding-top: 60px;margin-top: 0;}
.Bottom1Column.Section, .Bottom1Column .Span {background: #F1F1F1;}
.Bottom1Column.Section {margin-bottom: 1%;}


/*Home*/
.Page7784 .ContentPaneRow .Span {width: 100%;}
.ColMid{max-width: 1170px; margin: auto;}
.HomeText h1 {font-weight: 300;	font-size: 30px;margin-bottom: 0;letter-spacing: -1px;}
#dnn_ctr17600_HtmlModule_lblContent {border-bottom: solid 1px rgb(201, 201, 201);border-top: solid 2px rgb(201, 201, 201);padding: 22px 0;box-shadow: 1px 1px 1px rgb(201, 201, 201);background: #F0F0F0;}


/*Home Card Flipping*/
.flip { -webkit-perspective: 800;perspective: 800;position: relative; text-align: center;-ms-transform: perspective(1000px); -moz-transform: perspective(1000px);  -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d;  margin: 0 auto 30px;}
.flip .card.flipped .back {background: #C7081B;  -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg);}
.flip .card.flipped .front {  -webkit-transform: rotateY(180deg);  -moz-transform: rotateY(180deg);  -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg);   transform: rotateY(180deg);}
.flip .card { width: 270px; height: 178px;-webkit-transition: 0.6s;  -webkit-transform-style: preserve-3d;  -ms-transition: 0.6s;  -moz-transition: 0.6s;  -moz-transform: perspective(1000px);  -moz-transform-style: preserve-3d;  -ms-transform-style: preserve-3d; transition: 0.6s;  transform-style: preserve-3d;  position: relative; }
.flip .card .front, .flip .card .back { -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  -ms-backface-visibility: hidden;  backface-visibility: hidden;  -webkit-transition: 0.6s;  -webkit-transform-style: preserve-3d;  -moz-transition: 0.6s;  -moz-transform-style: preserve-3d;  -o-transition: 0.6s;  -o-transform-style: preserve-3d;  -ms-transition: 0.6s;  -ms-transform-style: preserve-3d;  transition: 0.6s;  transform-style: preserve-3d;  position: absolute;  top: 0;  left: 0;}
.flip .card .face {z-index: 2;}
.flip .card .front {width: 270px;z-index: 2;-webkit-transform: rotateY(0deg);  -ms-transform: rotateY(0deg); }
.flip .card .front img{width: 100%;height: 100%;}
.flip .card .img {position: relaitve;width: 270px;height: 178px;z-index: 1;border: 2px solid #000;}
/*.flip .card .back {  -webkit-transform: rotatey(-180deg); transform: rotatey(-180deg); position: absolute;background: #C7081B;
height: 100%;}*/
.inner{ margin:0px !important; width: 100%;}
.flip, .flip .card, .flip .card .face {height: 200px;width: 370px;}
.inner h3 {padding-top: 1%;color: rgb(255, 255, 255); margin: auto; ext-transform: uppercase;font-weight: 400; margin-top: 40px !important;  margin-bottom: 14px; font-size: 32px;line-height: 50px;}
.FrontLinks h4 {font-size: 24px; font-weight: 400;}
.FrontLinks {margin-top: 5%;margin-bottom: 5%;}
.inner .fas.fa-link {border: 2px solid RGB(255, 255, 255);border-radius: 50%;width: 44px;height: 44px;line-height: 24px;transition-duration: .2s;font-size: 18px;padding-top: 8px;color: #fff;}
.inner .fas.fa-link:hover{color: #C7081B;background: #fff;}
.flip .card .back { -webkit-transform: rotateY(-180deg);  -moz-transform: rotateY(-180deg);  -o-transform: rotateY(-180deg);  -ms-transform: rotateY(-180deg);  transform: rotateY(-180deg);  background-color: #c7081b;}
.flip .card .face { z-index: 2;  font-size: 2.5em;  text-align: center;  line-height: 50px;  outline: 1px solid transparent;}


/*FooterMenu*/
#dnn_ctr17606_PageLinks_UP a {color: rgb(206, 206, 206);}
#dnn_ctr17606_PageLinks_UP li {list-style: none;}
#dnn_ctr17606_PageLinks_UP ul {padding-left: 0;}

/*Footer*/
.footer-contact {position: relative;padding-right: 10px;}
.footer-contact ul {padding: 5px;}
.footer-contact li {position: relative;padding-left: 25px;list-style: none;}
.footer-contact .fa {position: absolute;left: 0;top: 5px;}
.footer-contact ul li p {line-height: 1.3em;}
.footer-contact .far {position: absolute;left: 0;top: 5px;}
.footer-contact a {color: #fff;}
.social li a { width: 32px; height: 32px;display: block; transition: all .3s ease-out;}
ul.social li {padding-left: 0; padding-right: 25px;}
.social li a {text-indent: -9999px;}
.sc-1 {background: url('/Portals/206/social.png') no-repeat;}
.sc-1:hover {background: url('/Portals/206/social.png') 0 -32px no-repeat;}



/*Contact*/
.Page7786 .ContentPane{min-height:100% !important;}
.Page7786 .Above {background: url('/Portals/206/Content/Images/Sitebits/landrover.jpg') no-repeat;height: 350px;background-size: cover;background-position: center;}


/*Services*/
.Page7811 .ContentPane{min-height:100% !important;}
.Page7811 .Above {background: url('/Portals/206/Content/Images/Sitebits/Audi-R8-GT-Spider-Engine-Image.jpg') no-repeat;height: 350px;background-size: cover;background-position: center;}
a.ServiceButton {background: #B8091B;color: #fff;padding: 5px;display: inherit;	text-align: center;text-transform: uppercase;}

/*Performance Tuning*/
.Page7809 .ContentPane{min-height:100% !important;}
.Page7809 .Above {background: url('/Portals/206/Content/Images/Sitebits/black-bmw-335-street-speed-photo-11.jpg') no-repeat;height: 350px;background-size: cover;background-position: center;}

/*Diagnostics*/
.Page7810 .ContentPane{min-height:100% !important;}
.Page7810 .Above {background: url('/Portals/206/Content/Images/Sitebits/rangerover3.jpg') no-repeat;height: 350px;background-size: cover;background-position: center;}

/*Auto Logic*/
.Page7814 .ContentPane{min-height:100% !important;}
.Page7814 .Above {background: url('/Portals/206/Content/Images/Sitebits/rangerover3.jpg') no-repeat;height: 350px;background-size: cover;background-position: center;}

/*Software*/
.Page7815 .ContentPane{min-height:100% !important;}
.Page7815 .Above {background: url('/Portals/206/Content/Images/Sitebits/rangerover3.jpg') no-repeat;height: 350px;background-size: cover;background-position: center;}

/*Parts*/
.Page7816 .ContentPane{min-height:100% !important;}
.Page7816 .Above {background: url('/Portals/206/Content/Images/Sitebits/rangerover3.jpg') no-repeat;height: 350px;background-size: cover;background-position: center;}

/*Amarok*/
.Page7817 .ContentPane{min-height:100% !important;}
.Page7817 .Above {background: url('/Portals/206/Content/Images/Sitebits/rangerover3.jpg') no-repeat;height: 350px;background-size: cover;background-position: center;}

/*Amarok-performance tuning*/
.Page7818 .ContentPane{min-height:100% !important;}
.Page7818 .Above {background: url('/Portals/206/Content/Images/Sitebits/rangerover3.jpg') no-repeat;height: 350px;background-size: cover;background-position: center;}

/*DPF*/
.Page7819 .ContentPane{min-height:100% !important;}
.Page7819 .Above {background: url('/Portals/206/Content/Images/Sitebits/rangerover3.jpg') no-repeat;height: 350px;background-size: cover;background-position: center;}

/*DPF*/
.Page7820 .ContentPane{min-height:100% !important;}
.Page7820 .Above {background: url('/Portals/206/Content/Images/Sitebits/rangerover3.jpg') no-repeat;height: 350px;background-size: cover;background-position: center;}


/*Vehicles*/
.Page7807 .ContentPane{min-height:100% !important;}
.Page7807 .Above {background: url('/Portals/206/Content/Images/Sitebits/rangerover3.jpg') no-repeat;height: 350px;background-size: cover;background-position: center;}

/*About us*/
.Page7785 .ContentPane{min-height:100% !important;}
.Page7785 .Above {background: url('/Portals/206/Content/Images/Sitebits/jag.jpg') no-repeat;height: 350px;background-size: cover;background-position: center;}

/*Secrets*/
.Page7787 div#dnn_ContentPane {  margin-top: 15%;}


/*Login Panel*/
.LoginPanel {margin-top: 200px;}


/* Phone and Tablet */
@media (min-width: 0) and (max-width:991px) {

}

/* Phone */
@media (min-width: 0) and (max-width: 767px) {

.flip, .flip .card, .flip .card .face {height: 200px;width: 100%;}
.inner {margin: 0px !important;	width: 100%;height: 100%;}

.map-responsive {padding-bottom: 70%;}

}

/* Desktop */
@media (min-width: 992px) and (max-width: 1199px) { 
.MenuBar ul.Menu a {padding: 12px 12px 20px;}
}

/* Widescreen */
@media (min-width: 1200px) { 

}