/*$grid-width: 114rem;
$gutter-vertical: 8rem;
$gutter-vertical-small: 6rem;
$gutter-horizontal: 6rem;*/
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

/* in base file because it defines what 1rem is and therefore layout for rest of site */
/*root font size set here, so can use rem on all other elements*/
/*REMs NOT SUPPORTED BELOW IE 9*/
html {
  /*font-size: 10px;*/
  /*using 10px - makes it easier - 1rem is 10px |  BUT now user cant change font size in browser - overriding it */
  /* THEREFORE we change it to a percentage - which is a percentage of the browser default font size - usually 16px */
  font-size: 62.5%;
  /*if browser default is 16px, then this is now 10px*/
  /*1rem is 10px*/ }

/*ADMIN*/
/* button submit */
/*Feedback remove button */
/*Button Black General link button*/
a.buttonLogout {
  display: inline-block;
  font-size: 1.2rem;
  font-family: "open_sansbold", Arial, sans-serif;
  color: #fff;
  text-decoration: none;
  background-color: #2F2F2F;
  border-radius: 2rem;
  padding: .6rem 1rem;
  transition: all .4s; }

a.buttonLogout:link {
  color: #fff;
  text-decoration: none; }

a.buttonLogout:visited {
  color: #fff;
  text-decoration: none; }

a.buttonLogout:active {
  color: #fff;
  text-decoration: none; }

a.buttonLogout:hover {
  color: #fff;
  text-decoration: none;
  background-color: #eeb000;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); }

/*Button Black General link button*/
a.buttonBlk {
  display: inline-block;
  font-size: 1.4rem;
  font-family: "open_sansbold", Arial, sans-serif;
  color: #fff;
  text-decoration: none;
  background-color: #000;
  border-radius: 2.2rem;
  padding: 1.2rem 3rem;
  transition: all .4s; }

a.buttonBlk:link {
  color: #fff;
  text-decoration: none; }

a.buttonBlk:visited {
  color: #fff;
  text-decoration: none; }

a.buttonBlk:active {
  color: #fff;
  text-decoration: none; }

a.buttonBlk:hover {
  color: #fff;
  text-decoration: none;
  background-color: #eeb000;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); }

/*Button Black General link button*/
a.buttonYellow {
  display: inline-block;
  font-size: 1.5rem;
  font-family: "open_sansbold", Arial, sans-serif;
  color: #000;
  text-decoration: none;
  background-color: #eeb000;
  border-radius: 2.2rem;
  padding: 1.2rem 3rem;
  transition: all .4s; }

a.buttonYellow:link {
  color: #000;
  text-decoration: none; }

a.buttonYellow:visited {
  color: #000;
  text-decoration: none; }

a.buttonYellow:active {
  color: #000;
  text-decoration: none; }

a.buttonYellow:hover {
  color: #eeb000;
  text-decoration: none;
  background-color: #000;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); }

/*Button Black General link button - 100%width*/
a.buttonYellow2 {
  display: block;
  font-size: 1.5rem;
  font-family: "open_sansbold", Arial, sans-serif;
  color: #000;
  text-align: center;
  text-decoration: none;
  background-color: #eeb000;
  border-radius: 2.2rem;
  padding: 1.2rem 3rem;
  transition: all .4s; }

a.buttonYellow2:link {
  color: #000;
  text-decoration: none; }

a.buttonYellow2:visited {
  color: #000;
  text-decoration: none; }

a.buttonYellow2:active {
  color: #000;
  text-decoration: none; }

a.buttonYellow2:hover {
  color: #eeb000;
  text-decoration: none;
  background-color: #000;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); }

/*Button Black General link button*/
a.buttonYellowIcon {
  display: inline-block;
  font-size: 1.5rem;
  font-family: "open_sansbold", Arial, sans-serif;
  color: #000;
  text-decoration: none;
  background-color: #eeb000;
  border-radius: 2.2rem;
  padding: 1.2rem 3rem 1.2rem 4.5rem;
  background-repeat: no-repeat;
  background-position: 1.5rem center;
  transition: all .4s; }

a.buttonYellowIcon:link {
  color: #000;
  text-decoration: none; }

a.buttonYellowIcon:visited {
  color: #000;
  text-decoration: none; }

a.buttonYellowIcon:active {
  color: #000;
  text-decoration: none; }

a.buttonYellowIcon:hover {
  color: #000;
  text-decoration: none;
  background-color: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); }

/*Button Black General link button - 100%width*/
a.buttonYellowSmall {
  display: block;
  font-size: 1.5rem;
  font-family: "open_sansbold", Arial, sans-serif;
  color: #000;
  text-align: center;
  text-decoration: none;
  background-color: #eeb000;
  border-radius: 1.5rem;
  padding: .8rem 1.5rem;
  transition: all .4s; }

a.buttonYellowSmall:link {
  color: #000;
  text-decoration: none; }

a.buttonYellowSmall:visited {
  color: #000;
  text-decoration: none; }

a.buttonYellowSmall:active {
  color: #000;
  text-decoration: none; }

a.buttonYellowSmall:hover {
  color: #eeb000;
  text-decoration: none;
  background-color: #000;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); }

/*Button Black General link button*/
.buttonSubmit {
  display: inline-block;
  font-size: 1.4rem;
  font-family: "open_sansbold", Arial, sans-serif;
  color: #fff;
  text-decoration: none;
  background-color: #000;
  border-radius: 2.2rem;
  margin: 3rem 0rem;
  padding: 1.2rem 3rem;
  transition: all .4s; }

.buttonSubmit:hover {
  color: #fff;
  text-decoration: none;
  background-color: #eeb000;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  cursor: pointer; }

/*Button Charcoal General link button*/
/* FORM */
fieldset {
  border-style: none;
  margin-bottom: 1.5rem;
  border-style: dotted;
  border-width: 0px 0px 2px 0px;
  border-color: #202020;
  padding-bottom: 1.5rem; }

fieldset:last-child {
  border-style: none; }

.fField {
  margin-top: 1rem; }

label {
  font-size: 1.5rem;
  margin-top: 15px;
  color: #2F2F2F; }

textarea, input[type="text"], input[type="password"], input[type="number"], select, option {
  color: #696969;
  font-size: 1.5rem;
  width: 100%;
  box-sizing: border-box;
  padding: .8rem;
  margin: .5rem 0rem .5rem 0rem;
  border-style: solid;
  border-color: #696969;
  border-width: 1px;
  border-radius: 6px;
  background-color: #FFFFFF;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); }

textarea:focus, input:focus, option:focus {
  box-shadow: 0 0 5px rgba(0, 137, 207, 0.3);
  padding: .8rem;
  border: 1px solid rgba(0, 137, 207, 0.85);
  outline: none; }

input.countdown {
  width: 60px;
  font-size: 1rem; }

input.small {
  font-size: 1rem; }

#refresh {
  color: #0089cf;
  text-align: left;
  font-size: 12px;
  cursor: pointer;
  cursor: hand; }

#refresh:hover {
  color: #000; }

.submitTyre {
  margin: 1rem 0rem;
  padding: .5rem .8rem;
  border-radius: .8rem;
  background-color: #2F2F2F;
  color: #FFFFFF;
  border-style: solid;
  border-color: #696969;
  border-width: 1px;
  font-weight: 700;
  font-size: 1.2rem;
  text-transform: uppercase;
  transition: background-color 0.5s ease;
  cursor: pointer;
  cursor: hand; }

.submitTyre:hover {
  background-color: #696969; }

.submitTyre:active {
  background-color: #202020;
  transform: translateX(2px); }

/* FORM - FRONTEND - SEARCH*/
#blog_Search input {
  width: auto;
  float: right; }

/*Errors - Feedback*/
/*form label errors*/
.error {
  font-size: 1.2rem;
  color: #be1820; }

/*field required*/
/*Feedback Div*/
#errorADiv {
  position: absolute;
  top: 150;
  right: 2rem;
  min-width: 26.3rem;
  max-width: 26.3rem;
  margin: 1rem;
  background-color: #FFFFFF;
  border-style: solid;
  border-color: #696969;
  border-width: .1rem;
  padding: .8rem;
  border-radius: .8rem;
  z-index: 200; }

.errorA_p {
  font-size: 1.2rem;
  margin: 0rem 0rem .5rem 0rem;
  text-align: left; }

/*form feedback errors*/
.throw_error {
  font-size: 1.2rem;
  color: #be1820;
  margin: 0rem 0rem .5rem 0rem;
  text-align: left; }

/*form feedback error*/
#message {
  text-align: left;
  color: #2F2F2F;
  font-size: 1.7rem; }

/*form feedback error*/
.successMsg {
  /* background-image: url("../images/icon_Check.png");
	background-repeat: no-repeat;
	background-position: .3rem center; */
  background-color: #e0ffad;
  border-style: dotted;
  border-color: #80b641;
  border-width: 2px;
  border-radius: 5px;
  padding: 12px 15px;
  /* padding: 1rem 1rem 1rem 3.5rem;  */ }

.errorMsg {
  /* background-image: url("../images/icon_Cross.png");
	background-repeat: no-repeat;
	background-position: .3rem center; */
  background-color: #ffc3c3;
  border-style: dotted;
  border-color: #ff0000;
  border-width: 2px;
  border-radius: 5px;
  padding: 12px 15px;
  /*padding: 1rem 1rem 1rem 3.5rem; */ }

#message p {
  margin: 0px;
  font-size: 1.2rem;
  text-align: left;
  color: #2F2F2F; }

/*for update images forms */
.messages {
  font-size: 1.2rem;
  line-height: 120%; }

.messageP {
  margin-top: 3px;
  font-size: 1.2rem;
  line-height: 120%; }

/*for update images forms */
/* COMMENT FORM */
#commentFormDrop {
  display: none; }

#termsDrop {
  display: none;
  background-color: #EEEEEE;
  padding: 10px; }

#termsDrop p {
  font-size: 1.3rem; }

#termsDrop li {
  font-size: 1.3rem; }

span.termsLink {
  font-size: 1.6rem;
  color: #2F2F2F; }

span.termsLink:hover {
  color: #202020;
  text-decoration: underline;
  cursor: pointer;
  cursor: hand; }

/* GENERAL */
/*input icons */
input.inputName {
  background-image: url("../images/inputicon_user.png");
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 40px; }

input.inputEmail {
  background-image: url("../images/inputicon_email.png");
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 40px; }

input.inputPass {
  background-image: url("../images/inputicon_pass.png");
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 40px; }

* {
  margin: 0rem;
  padding: 0rem;
  box-sizing: border-box; }

/* FONT - Generated by Font Squirrel (http://www.fontsquirrel.com) America/New_York */
@font-face {
  font-family: 'open_sansregular';
  src: url("../Fonts/OpenSans-Regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'open_sansbold';
  src: url("../Fonts/OpenSans-Bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'open_sanssemi';
  src: url("../Fonts/OpenSans-Semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

html {
  background-color: #202020; }

html, body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  color: #000;
  font-family: "open_sansregular", Arial, sans-serif;
  letter-spacing: .2px; }

/* CONTENT LINKS */
a {
  color: #2F2F2F;
  font-size: 1.6rem;
  font-family: "open_sansregular", Arial, sans-serif;
  line-height: 160%;
  text-decoration: underline;
  font-weight: normal;
  transition: .2s; }

a:link {
  color: #2F2F2F;
  text-decoration: underline; }

a:visited {
  color: #2F2F2F;
  text-decoration: underline; }

a:active {
  color: #2F2F2F;
  text-decoration: underline; }

a:hover {
  color: #eeb000;
  text-decoration: underline; }

a.yellow {
  color: #eeb000;
  font-family: "open_sansregular", Arial, sans-serif;
  text-decoration: none;
  font-weight: bold; }

a.yellow:link {
  color: #eeb000;
  text-decoration: none; }

a.yellow:visited {
  color: #eeb000;
  text-decoration: none; }

a.yellow:active {
  color: #eeb000;
  text-decoration: none; }

a.yellow:hover {
  color: #ffd403;
  text-decoration: none; }

a.white {
  color: #fff;
  font-family: "open_sansregular", Arial, sans-serif;
  text-decoration: none;
  font-weight: normal; }

a.white:link {
  color: #fff;
  text-decoration: none; }

a.white:visited {
  color: #fff;
  text-decoration: none; }

a.white:active {
  color: #fff;
  text-decoration: none; }

a.white:hover {
  color: #ffd403;
  text-decoration: none; }

a.dark {
  color: #2F2F2F;
  font-size: 1.6rem;
  font-family: "open_sansregular", Arial, sans-serif;
  line-height: 160%;
  text-decoration: underline;
  font-weight: normal;
  transition: .2s; }

a.dark:link {
  color: #2F2F2F;
  text-decoration: underline; }

a.dark:visited {
  color: #2F2F2F;
  text-decoration: underline; }

a.dark:active {
  color: #2F2F2F;
  text-decoration: underline; }

a.dark:hover {
  color: #000;
  text-decoration: underline; }

/*MAIN STRUCTURAL DIVS*/
header {
  width: 100%;
  background-color: #0089cf; }

header .innerPadding {
  padding: 0rem 0rem 0rem 0rem; }

#logo {
  display: block; }

#headContact {
  float: right;
  width: 18rem;
  margin-top: 2rem; }

#headContact p {
  color: #fff;
  font-family: "open_sanssemi", Arial, sans-serif;
  font-size: 1.7rem;
  line-height: 150%;
  text-align: left;
  padding-left: 2.5rem;
  margin: 0px 0px 1.5rem 0px;
  background-repeat: no-repeat;
  background-position: left center; }

p.headContact-phone {
  background-image: url("../images/icon_Phone.png"); }

p.headContact-location {
  background-image: url("../images/icon_Location.png");
  margin-bottom: .5rem; }

.innerWrapper {
  width: 1160px;
  margin-left: auto;
  margin-right: auto; }

.innerPadding {
  padding: 3rem 0rem 3rem 0rem; }

.innerPadding2 {
  padding: 3rem 1rem 3rem 1rem; }

#pagePic {
  height: 22.5rem;
  width: 100%;
  background-image: url("images/p_RoadSpeed.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

#pagePic p {
  padding-top: 5rem;
  font-family: "open_sansbold", Arial, sans-serif;
  font-size: 3.5rem;
  font-style: italic;
  color: #FEFEFE;
  line-height: 120%; }

.sectionWhite {
  width: 100%;
  background-color: #FFFFFF; }

.sectionBlue {
  width: 100%;
  background-image: radial-gradient(#0089cf, #0f4ba6); }

.sectionBlue h1 {
  text-align: center; }

.sectionYellowDull {
  width: 100%;
  background: radial-gradient(#ffd403, #ffde3e); }

.sectionYellow {
  width: 100%;
  background: radial-gradient(#ffde40, #eeb000); }

.sectionBlack2 {
  width: 100%;
  background-image: radial-gradient(#696969, #000); }

.sectionBlack {
  width: 100%;
  background-image: radial-gradient(#696969, #202020); }

.sectionGrey {
  width: 100%;
  background: radial-gradient(#CCCCCC, #696969); }

.sectionGrey2 {
  width: 100%;
  background-color: #CCCCCC; }

.colWrapper {
  width: 100%;
  overflow: hidden; }

.colThirdsOne {
  float: right;
  width: 37%; }

.colThirdsTwo {
  float: left;
  width: 57%; }

/* NAVIGATION */
nav {
  width: 100%;
  min-height: 5.1rem;
  background-color: #fff; }

#menuWrapper {
  position: relative; }

#menuPadding {
  padding: 1.5rem; }

#menuIcon {
  display: none;
  float: right;
  margin-top: .5rem;
  margin-right: 1.5rem;
  height: 5rem;
  width: 5rem;
  cursor: pointer; }

#navDiv {
  position: relative; }

/* CONTENT LINKS main nav links */
a.main {
  position: relative;
  display: block;
  float: left;
  padding: 1px 12px 12px 8px;
  color: #2F2F2F;
  font-size: 1.6rem;
  font-family: "open_sansbold", Arial, sans-serif;
  text-decoration: none;
  transition: 0.3s;
  line-height: 120%; }

a.main:link {
  color: #2F2F2F;
  text-decoration: none; }

a.main:visited {
  color: #2F2F2F;
  text-decoration: none; }

a.main:active {
  color: #2F2F2F;
  text-decoration: none; }

a.main:hover {
  color: #2F2F2F;
  text-decoration: none; }

a.main::after, div.main:after {
  position: absolute;
  bottom: 5px;
  content: '';
  height: 2px;
  width: 0%;
  background-color: #ffd403;
  margin: 0 auto;
  left: 0;
  right: 0;
  transition: .3s; }

a.main:hover:after, div.main:hover:after {
  width: 100%; }

a.mainLive {
  display: block;
  float: left;
  padding: 1px 15px 15px 10px;
  color: #eeb000;
  font-size: 1.6rem;
  font-family: open_sansbold;
  text-decoration: none;
  transition: 0.3s;
  background-image: url("../images/nav_Pointer.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  line-height: 120%; }

a.mainLive:link {
  color: #eeb000;
  text-decoration: none; }

a.mainLive:visited {
  color: #eeb000;
  text-decoration: none; }

a.mainLive:active {
  color: #eeb000;
  text-decoration: none; }

a.mainLive:hover {
  color: #eeb000;
  text-decoration: none; }

div.main {
  position: relative;
  display: block;
  float: left;
  padding: 1px 15px 15px 10px;
  color: #2F2F2F;
  font-size: 1.6rem;
  font-family: open_sansbold;
  text-decoration: none;
  line-height: 120%;
  cursor: pointer;
  cursor: hand; }

.mainLive2 {
  position: relative;
  display: block;
  float: left;
  padding: 1px 15px 15px 10px;
  color: #eeb000;
  font-size: 1.6rem;
  font-family: open_sansbold;
  text-decoration: none;
  line-height: 120%;
  cursor: pointer;
  cursor: hand; }

/* CONTENT LINKS sub links  */
a.sub {
  display: block;
  color: #EBEBEB;
  font-size: 1.5rem;
  font-family: "open_sanssemi", Arial, sans-serif;
  font-weight: normal;
  line-height: 120%;
  padding: 10px 10px;
  border-style: solid;
  border-color: #fff;
  border-width: 0px 0px 1px 0px;
  text-decoration: none;
  transition: 0.2s; }

a.sub:link {
  color: #EBEBEB;
  text-decoration: none; }

a.sub:visited {
  color: #EBEBEB;
  text-decoration: none; }

a.sub:active {
  color: #EBEBEB;
  text-decoration: none; }

a.sub:hover {
  color: #eeb000;
  text-decoration: none;
  background-color: #2F2F2F; }

.dropDown {
  position: absolute;
  display: none;
  top: 3.8rem;
  margin: 0px 0px 0px -30rem;
  padding: 1rem;
  width: 48rem;
  overflow: hidden;
  background-color: #2F2F2F;
  z-index: 1010; }

.dropLeft {
  width: 47%;
  float: left; }

.dropRight {
  width: 47%;
  float: right; }

.dropDownServices {
  position: absolute;
  display: none;
  top: 3.5rem;
  margin: 0px 0px 0px -10px;
  width: inherit;
  background-color: #2F2F2F;
  z-index: 1010; }

/*#mobileMenu{display: none; float: right; padding: 15px; opacity: 1; cursor: pointer; cursor: hand; transition: opacity .3s;}
#mobileMenu:hover{opacity: 0.5;}*/
#navClose {
  display: none;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #333333;
  cursor: pointer;
  cursor: hand;
  transition: background-color .4s; }

#navClose p {
  margin-top: 50%;
  transform: translateY(-50%);
  color: #666666;
  font-size: 20px;
  text-align: center;
  line-height: 1; }

#navClose:hover {
  background-color: #efe5d3; }

/*GENERAL*/
h1 {
  margin: 0rem 0rem 2rem 0rem;
  font-size: 3rem;
  color: #0089cf;
  font-family: "open_sansbold", Arial, sans-serif;
  font-weight: normal;
  line-height: 120%; }

h1.content {
  margin: 4rem 0rem 2rem 0rem; }

h1.black {
  color: #202020; }

h2 {
  font-family: "open_sansregular", Arial, sans-serif;
  font-size: 2.4rem;
  font-weight: normal;
  color: #0089cf;
  background-color: #fff;
  text-align: center;
  padding: 1.5rem 2rem;
  margin: 0rem; }

h2.left {
  text-align: left;
  padding: 0px;
  margin-top: 3rem;
  margin-bottom: 1rem; }

h2.blk {
  color: #2194cf;
  background-color: #202020;
  text-align: center;
  border-style: solid;
  border-color: #FFFFFF;
  border-width: 1px 0px 0px 0px; }

h3 {
  font-family: "open_sansbold", Arial, sans-serif;
  font-weight: normal;
  font-size: 2rem;
  color: #0089cf;
  text-align: center;
  padding: 1.5rem 2rem;
  margin: 3.5rem 0rem 2rem 0rem; }

h3.left {
  text-align: left; }

h3.blk {
  font-family: "open_sansbold", Arial, sans-serif;
  font-weight: normal;
  font-size: 2rem;
  color: #2F2F2F;
  text-align: center;
  padding: 1.5rem 2rem;
  margin: 3.5rem 0rem 2rem 0rem; }

h3.leftblack {
  color: #2F2F2F;
  text-align: left;
  padding: 0px; }

p {
  padding: 0;
  margin: 0rem 0rem 15px 0rem;
  font-size: 1.6rem;
  color: #202020;
  font-family: "open_sansregular", Arial, sans-serif;
  line-height: 160%;
  text-align: justify; }

p.indent {
  padding-left: 2rem; }

p.breadcrumb {
  padding-left: 3.5rem;
  background-image: url("../images/arrowBack.png");
  background-repeat: no-repeat;
  background-position: left center;
  font-family: "open_sansregular", Arial, sans-serif; }

p.bold {
  font-family: "open_sansbold", Arial, sans-serif; }

div.indent {
  padding-left: 2rem; }

div.break {
  clear: both;
  height: .1rem; }

div.center {
  text-align: center; }

div.center p {
  text-align: center; }

div.center h1 {
  text-align: center; }

.center {
  text-align: center; }

div.centerNarrow {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

div.centerNarrow p {
  text-align: center;
  color: #000; }

div.centerNarrow h1 {
  text-align: center; }

p.inline {
  display: inline; }

a img {
  outline: none;
  border-style: none; }

img.contentImg {
  width: 100%;
  margin: 4.5rem 0rem; }

img.contentImg2 {
  width: 100%;
  margin: 0rem; }

img.contentImgCaption {
  width: 100%;
  margin: 4.5rem 0rem 0rem 0rem; }

p.caption {
  font-size: 1.3rem;
  margin: 0rem 0rem 4.5rem 0rem;
  text-align: center; }

.imageThirdsWrapper {
  overflow: hidden; }

.imageOneThird {
  width: 33%;
  float: right; }

.imageTwoThird {
  width: 66%;
  float: left; }

.text-nowrap {
  white-space: nowrap; }

.text-2col {
  column-width: 30rem;
  column-gap: 5rem; }

.icon {
  vertical-align: middle; }

.small {
  font-size: 1rem;
  line-height: 50%; }

ul.indent {
  padding-left: 2rem; }

li {
  font-size: 1.6rem;
  margin-left: 15px;
  margin-bottom: 8px; }

/*PROMOTION */
.sectionPromotion {
  min-height: 20rem;
  width: 100%;
  background-image: url("../images/bg_Promotion.jpg");
  background-size: cover;
  overflow: hidden; }

.promotionDiv {
  float: right;
  min-width: 30rem;
  background-color: #FFFFFF; }

.promotionDiv-head {
  padding: 1rem;
  margin: 0rem;
  background-color: #0089cf; }

.promotionDiv-head p {
  margin: 0px;
  color: #FFFFFF;
  line-height: 100%;
  text-align: center; }

.promotionDiv-head p.head {
  font-family: "open_sansbold", Arial, sans-serif;
  font-size: 5rem; }

.promotionDiv-head p.sub {
  font-size: 1.6rem;
  font-family: "open_sansregular", Arial, sans-serif; }

.promotionDiv-body {
  padding: 1rem;
  background-image: url("../images/promotion_gradient.jpg");
  background-repeat: repeat-x;
  background-position: bottom;
  text-align: center; }

.promotionDiv-body p {
  margin: 0px;
  text-align: center; }

.promotionDiv-body p.free {
  font-family: "open_sansbold", Arial, sans-serif;
  font-size: 2.4rem;
  line-height: 100%; }

.promotionDiv-body p.free span {
  color: #e01d1d; }

.promotionDiv-body p.tools {
  margin-top: 10px;
  font-family: "open_sanssemi", Arial, sans-serif;
  font-size: 1.5rem;
  color: #eeb000;
  line-height: 100%; }

.promotionDiv-body p.tc {
  margin-top: 8px;
  font-family: "open_sansregular", Arial, sans-serif;
  font-size: 1.1rem;
  line-height: 100%; }

.promotionDiv-body img {
  margin-top: 5px; }

/* HOME */
/*service blocs*/
.servicesFlex {
  width: 100%;
  display: flex;
  margin: 2rem auto;
  justify-content: center;
  flex-direction: row; }

.servicesFlex-bloc {
  position: relative;
  flex-basis: 0;
  flex-grow: 1;
  margin: 0px 10px;
  padding-bottom: 3rem;
  text-align: center; }

.servicesFlex-bloc:hover > .servicesBloc-img img {
  transform: scale(1.08);
  cursor: pointer; }

.servicesBloc-img {
  background-color: #cccccc;
  border-style: solid;
  border-color: #FFFFFF;
  border-width: .3rem;
  overflow: hidden; }

.servicesBloc-img img {
  display: block;
  width: 100%;
  transition: all .3s ease-in-out; }

.servicesBloc-link {
  overflow: hidden; }

.servicesBloc-linkInner {
  margin-left: -12px;
  margin-right: 12px;
  background-color: #202020;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -o-transform: skew(-20deg);
  border-style: solid;
  border-width: 0rem .3rem 0rem 0rem;
  border-color: #eeb000; }

.servicesBloc-linkInner p {
  padding: 1rem 2rem 1rem 3rem;
  margin: 0rem;
  text-align: left;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -o-transform: skew(20deg); }

a.services {
  color: #eeb000;
  font-size: 1.6rem;
  font-family: "open_sansbold", Arial, sans-serif;
  line-height: 140%;
  text-decoration: none;
  font-weight: normal;
  transition: .2s; }

a.services:link {
  color: #eeb000;
  text-decoration: none; }

a.services:visited {
  color: #eeb000;
  text-decoration: none; }

a.services:active {
  color: #eeb000;
  text-decoration: none; }

a.services:hover {
  color: #ffd403;
  text-decoration: none; }

/* TYRES - PASSENGER*/
.tyreBlocWrapper {
  margin-top: 3rem; }

.tyreBloc {
  position: relative;
  padding: 2rem;
  margin-bottom: 2.5rem;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: #202020;
  overflow: hidden; }

.tyreBloc-classify {
  position: absolute;
  display: inline-block;
  top: 0px;
  right: 15px;
  background-color: #202020;
  font-family: "open_sansbold", Arial, sans-serif;
  color: #2194cf;
  font-size: 1.4rem;
  border-radius: 0px 0px 5px 5px;
  padding: 8px;
  text-align: center; }

.tyreBloc-img {
  float: left;
  width: 25rem; }

.tyreBloc h3 {
  margin-top: 0rem;
  margin-bottom: 3rem;
  text-align: left; }

.tyreBloc h3 img {
  vertical-align: center; }

.tyreBloc ul {
  margin-left: 25rem; }

.tyreBloc li {
  margin-left: 2rem;
  padding-left: 2rem; }

.tyreIntro {
  margin-top: 30px; }

.tyreIntroWhite {
  margin-top: 30px;
  color: #FFFFFF; }

.tyreIntroWhiteDotted {
  margin-top: 30px;
  padding: 20px;
  color: #FFFFFF;
  border-style: dotted;
  border-width: 2px;
  border-color: #FFFFFF;
  border-radius: 5px; }

.tyreIntroWhiteDotted img {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle; }

/*SHOCKS BATTERIES EXHAUSTS */
.sbeFlex {
  width: 100%;
  display: flex;
  margin: 3rem auto;
  justify-content: center;
  flex-direction: row; }

.sbeFlex-bloc {
  position: relative;
  flex-basis: 0;
  flex-grow: 1;
  margin: 0px 10px;
  text-align: center;
  border-style: solid;
  border-width: 1px;
  border-color: #CCCCCC;
  border-radius: 2rem;
  background-color: #fff;
  overflow: hidden; }

.sbeBloc-img {
  background-color: #cccccc;
  border-style: solid;
  border-color: #FFFFFF;
  border-width: .3rem;
  overflow: hidden; }

.sbeBloc-img img {
  display: block;
  width: 100%;
  transition: all .3s ease-in-out; }

.sbeBloc-header {
  margin: 0rem;
  background-color: #0089cf;
  color: #fff;
  padding: 1rem;
  text-align: center;
  font-size: 2rem; }

.sbeBloc-descInner {
  padding: 2rem; }

.sbeBloc-desc {
  text-align: center; }

.sbeBloc-desc p {
  text-align: center; }

/* TYRE MANAGEMENT */
.tmFlex {
  width: 100%;
  display: flex;
  margin: 3rem auto;
  justify-content: center;
  flex-direction: row; }

.tmFlex-bloc {
  position: relative;
  flex-basis: 0;
  flex-grow: 1;
  margin: 0px 10px;
  text-align: center;
  border-style: solid;
  border-width: 1px;
  border-color: #CCCCCC;
  border-radius: 2rem;
  background-color: #fff;
  overflow: hidden; }

.tmBloc-img {
  background-color: #cccccc;
  border-style: solid;
  border-color: #FFFFFF;
  border-width: .3rem;
  overflow: hidden; }

.tmBloc-img img {
  display: block;
  width: 100%;
  transition: all .3s ease-in-out; }

.tmBloc-header {
  margin: 0rem;
  background-color: #0089cf;
  color: #fff;
  padding: 1rem;
  text-align: center;
  font-size: 2rem; }

.tmBloc-descInner {
  padding: 2rem; }

.tmBloc-desc {
  text-align: center; }

.tmBloc-desc p {
  text-align: center; }

/*WHEEL ALIGNMENT*/
.wheelAlign-bloc {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  margin: 0px 10px;
  background-color: #fff;
  overflow: hidden; }

.wheelAlign-blocImg {
  flex: 1; }

.wheelAlign-blocImg img {
  width: 95%; }

.wheelAlign-blocDesc {
  flex: 1; }

.wheelAlign-Pad {
  padding: 2rem 0rem; }

/*CONTACT*/
.speech-bubble-Wrapper {
  padding-left: 40rem; }

.speech-bubble {
  position: relative;
  margin-top: 2rem;
  background: #fff;
  border-radius: 3rem; }

.speech-bubble:after {
  content: '';
  position: absolute;
  left: 0;
  top: 10%;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-right-color: #fff;
  border-left: 0;
  border-bottom: 0;
  margin-top: -10px;
  margin-left: -20px; }

.speech-bubble-padding {
  padding: 4rem; }

.speech-bubble p {
  color: #202020; }

.speech-bubble-intro {
  font-size: 2rem; }

#Contact {
  margin-top: 2rem; }

.Contact-img {
  float: left;
  margin-top: 2rem; }

#Contact p {
  color: #202020;
  font-family: "open_sanssemi", Arial, sans-serif;
  font-size: 1.7rem;
  line-height: 160%;
  text-align: left;
  padding-left: 4rem;
  margin: 0px 0px 1.5rem 0px;
  background-repeat: no-repeat;
  background-position: left center; }

p.Contact-phone {
  background-image: url("../images/icon_PhoneBlue.png"); }

p.Contact-mail {
  background-image: url("../images/icon_MailBlue.png"); }

p.Contact-location {
  background-image: url("../images/icon_LocationBlue.png");
  margin-bottom: .5rem; }

/* Google maps */
.googleMaps {
  position: relative;
  /*float: right;*/
  margin-top: 0px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 80%;
  /*This is the aspect ratio 56.25*/
  height: 0;
  overflow: hidden; }

.googleMaps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 90%; }

/* QUOTE FORM */
#tyreDiagram {
  width: 100%;
  text-align: center; }

/* VACANCIES*/
table.tbl_Vacancies {
  margin-top: 4rem;
  width: 100%;
  border-style: solid;
  border-color: #CCCCCC;
  border-width: 1px 1px 0px 0px;
  padding: 0px; }

table.tbl_Vacancies td {
  padding: 1rem;
  border-style: solid;
  border-color: #CCCCCC;
  border-width: 0px 0px 1px 1px; }

/* SLICK SLIDER - BRANDS */
.brandSlider {
  display: block;
  background-color: #fff;
  width: 90%;
  height: 10rem;
  margin: 3rem auto;
  padding: 0px; }

.brandSlider div {
  height: 100%;
  text-align: center;
  border-width: 1px;
  padding-right: 4rem; }

/* padding-right: 2rem;*/
.brandSlider div img {
  margin: 0px auto;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.brandSlider .slick-prev:before, .brandSlider .slick-next:before {
  color: black; }

.brandSlider .slick-prev {
  left: -5% !important;
  z-index: 200; }

.brandSlider .slick-next {
  right: -5% !important; }

.imgSlide {
  width: 100%; }

/* SLICK SLIDER */
.slickSlider {
  display: block;
  background-color: white;
  width: 100%;
  height: 50rem;
  margin: 0px;
  padding: 0px; }

.slick-dotted.slick-slider {
  margin-bottom: 0px !important; }

/* added the following to give the background color of the arrows as red for visibility, the default which can be found in the slick-theme.css was white */
.slick-prev:before,
.slick-next:before {
  color: white; }

.slick-dots {
  bottom: 5px !important; }

.slick-prev {
  left: 5px !important;
  z-index: 200; }

.slick-next {
  right: 5px !important; }

/*SLIDE 1*/
.slide1-wrapper {
  position: relative;
  width: 100%;
  height: 50rem !important;
  background-image: url("../images/pic_Offroad.jpg");
  background-repeat: no-repeat;
  background-size: cover; }

.slide1-tyre {
  position: absolute;
  width: 100%;
  height: 47rem;
  bottom: 0px;
  pointer-events: none;
  z-index: 110; }

.slide1-tyrePic {
  position: absolute;
  width: 50%;
  height: 47rem;
  bottom: 0px;
  pointer-events: none;
  z-index: 110;
  background-image: url("../images/tyreShop.png");
  background-repeat: no-repeat;
  background-position: bottom left; }

#picTyre {
  width: 37.7rem;
  transition: all .2s; }

.slide1-text {
  width: 50rem;
  margin: 3rem 1rem 1rem 45rem;
  text-shadow: 1px 1px 1px #000; }

.slide1-head {
  font-family: "open_sansbold", Arial, sans-serif;
  font-size: 6rem;
  text-align: left;
  line-height: 100%;
  color: #202020; }

.slide1-content {
  font-family: "open_sanssemi", Arial, sans-serif;
  color: #fff;
  font-size: 2rem;
  text-align: left; }

.slide1-content span.TBSE {
  font-family: "open_sansbold", Arial, sans-serif;
  color: #ffd403;
  font-size: 2.4rem; }

.slide1-phone {
  background-image: url("../images/icon_Phone2.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 3.5rem;
  font-family: "open_sanssemi", Arial, sans-serif;
  color: #fff;
  font-size: 1.8rem; }

.slide1-phone span {
  font-family: "open_sansbold", Arial, sans-serif; }

.slide1-bottomBar {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 10rem;
  background-image: url("../images/trans_Charcoal50.png");
  z-index: 100; }

.slide1-buttons {
  margin: 2rem .5rem .5rem 46rem; }

/*SLIDE 2*/
.slide2-wrapper {
  position: relative;
  width: 100%;
  height: 50rem !important;
  background-repeat: no-repeat;
  background: radial-gradient(#ffde40, #eeb000);
  background-position: top right; }

/*background-image: url('../images/bg_tyreTrack2.png'); */
.slide2-wrapper2 {
  position: relative;
  width: 100%;
  height: 50rem !important;
  background: radial-gradient(#FF0000, #D10000); }

.slide2-robot {
  float: left;
  margin-top: 5rem;
  margin-left: 10rem; }

.slide2-content {
  padding-left: 48rem;
  margin-top: 4rem;
  width: 89%; }

.slide2-head {
  font-family: "open_sansbold", Arial, sans-serif;
  color: #2F2F2F;
  font-size: 5rem; }

.slide2-service {
  background-color: #fff;
  padding: 1rem 3rem;
  border-radius: 3rem;
  margin: 2rem 0rem;
  transition: all .3s; }

.slide2-service:hover {
  transform: scale(1.05);
  cursor: pointer; }

.slide2-service p {
  color: #2F2F2F;
  font-size: 2.2rem;
  text-align: left;
  margin: 0rem; }

.slide2-phone {
  background-image: url("../images/icon_Phone2_Blk.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 3.5rem;
  margin-top: 3.5rem;
  font-family: "open_sanssemi", Arial, sans-serif;
  color: #2F2F2F;
  font-size: 1.8rem; }

.slide2-phone span.number {
  font-family: "open_sansbold", Arial, sans-serif; }

/*FOOTER*/
footer {
  padding-bottom: 6rem;
  border-style: solid;
  border-color: #0089cf;
  border-width: 2px 0px 0px 0px; }

.footerDiv {
  float: left;
  width: 25%;
  margin: 0rem 2rem 2rem 0rem; }

.footerHead {
  margin: 0px;
  font-family: "open_sansbold", Arial, sans-serif;
  color: #eeb000; }

.footerContent {
  color: #fff; }

.footerCopyright {
  clear: both;
  margin-top: 25rem;
  text-align: center;
  color: #909090;
  font-size: 1.4rem; }

/* COOKIE BANNER */
#cookieBanner {
  position: fixed;
  bottom: 0px;
  width: 100%;
  padding: 10px 14px 5px 16px;
  background-image: url("../images/trans_Charcoal70.png");
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
  z-index: 1001; }

#cookieBanner p {
  margin: 0px;
  padding: 15px;
  color: #FFFFFF; }

#cookieBanner p.cookieButtons {
  margin: 0px;
  padding: 0px 15px;
  color: #FFFFFF; }

#cookieBanner button {
  margin: 0px;
  padding: 5px 15px 8px 15px;
  border-radius: 8px;
  cursor: pointer;
  cursor: hand;
  background-color: #0089cf;
  font-size: 16px;
  color: #FFFFFF;
  border-width: 0px;
  transition: all .3s; }

#cookieBanner button:hover {
  background-color: #2194cf; }

#cookieBanner button.accept {
  margin: 0px;
  padding: 5px 15px 8px 42px;
  color: #FFFFFF;
  border-width: 0px;
  background-image: url("../images/icon_Cookie.png");
  background-repeat: no-repeat;
  background-position: 12px center; }

/*bf934e*/
button.accept {
  margin: 0px;
  padding: 5px 15px 8px 42px;
  border-radius: 8px;
  cursor: pointer;
  cursor: hand;
  background-color: #000000;
  font-size: 16px;
  color: #FFFFFF;
  border-width: 0px;
  background-image: url("../images/icon_Cookie.png");
  background-repeat: no-repeat;
  background-position: 12px center;
  transition: all .3s; }

#cookieBanner button.block {
  background-color: #2F2F2F; }

#cookieBanner button.block:hover {
  background-color: #202020; }

button.accept:hover {
  background-color: #2194cf; }

.cookieHide {
  display: none; }

.cookieShow {
  display: block; }

button.cookieChange {
  margin: 0px;
  padding: 5px 15px 8px 15px;
  border-radius: 8px;
  cursor: pointer;
  cursor: hand;
  background-color: transparent;
  font-size: 14px;
  color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: #FFFFFF;
  transition: all .3s; }

button.cookieChange:hover {
  background-color: #202020; }

/*SCROLL TO TOP */
.scrollToTop {
  display: none;
  width: 5rem;
  position: fixed;
  right: 0rem;
  bottom: 0rem;
  background-color: #000000;
  font-size: 1.4rem;
  color: #FFFFFF;
  padding: .6rem;
  border-style: solid;
  cursor: pointer;
  cursor: hand;
  z-index: 100; }

.scrollToTop:hover {
  background-color: #eeb000; }

/*$grid-width: 114rem;
$gutter-vertical: 8rem;
$gutter-vertical-small: 6rem;
$gutter-horizontal: 6rem;*/
/* MEDIA QUERIES ****************************************************************************/
@media (max-width: 1160px) {
  /*Main Structural*/
  .innerWrapper {
    width: 100%; }
  .innerPadding {
    padding: 3rem 2.5rem 3rem 2.5rem; }
  /* NAVIGATION */
  #menuWrapper {
    margin-right: 1rem; }
  /*PROMOTION */
  .sectionPromotion {
    background-image: url("../images/bg_Promotion_m.jpg"); } }

@media only screen and (max-width: 1050px) {
  /*SLIDE 1*/
  .slide1-wrapper {
    position: relative;
    width: 100%;
    height: 50rem !important; }
  .slide1-tyre {
    position: absolute;
    width: 100%;
    bottom: 0px;
    pointer-events: none;
    z-index: 110; }
  .slide1-text {
    width: 50rem;
    margin: 3rem 1rem 1rem 40rem; }
  .slide1-head {
    font-size: 5.5rem; }
  .slide1-buttons {
    margin: 2rem .5rem .5rem 40rem; }
  /*FOOTER*/
  .footerDiv {
    width: 30%; } }

@media only screen and (max-width: 960px) {
  /*MAIN STRUCTURAL DIVS*/
  .innerPadding {
    padding: 2rem 2rem 2rem 2rem; }
  .colThirdsOne {
    float: none;
    width: 100%; }
  .colThirdsTwo {
    float: none;
    width: 100%; }
  /* QUOTE FORM */
  #tyreDiagram {
    width: 50%;
    margin: 0rem auto 2rem auto; }
  /*SLIDE 1*/
  .slide1-text {
    margin: 3rem 1rem 1rem 38rem; }
  /*SLIDE 2*/
  .slide2-robot {
    margin-left: 6rem;
    margin-top: 4rem; }
  .slide2-content {
    padding-left: 41rem;
    margin-top: 2rem;
    width: 93%; }
  /* HOME */
  /*service blocs*/
  .servicesFlex {
    width: 60%;
    display: flex;
    flex-wrap: wrap; }
  .servicesFlex-bloc {
    position: relative;
    flex-basis: 45%; }
  /*SHOCKS BATTERIES EXHAUSTS */
  .sbeFlex {
    width: 70%;
    margin: 3rem auto;
    display: flex;
    flex-wrap: wrap; }
  .sbeFlex-bloc {
    position: relative;
    flex-basis: 100%;
    margin: 10px 0px; }
  /*TYRE MANAGEMENT */
  .tmFlex {
    width: 70%;
    margin: 3rem auto;
    display: flex;
    flex-wrap: wrap; }
  .tmFlex-bloc {
    position: relative;
    flex-basis: 100%;
    margin: 10px 0px; }
  /*WHEEL ALIGNMENT*/
  .wheelAlign-bloc {
    display: flex;
    flex-direction: column; } }

@media only screen and (max-width: 900px) {
  /* QUOTE FORM */
  #tyreDiagram {
    width: 60%;
    margin: 0rem auto 2rem auto; }
  /*MAIN STRUCTURAL DIVS*/
  #headContact {
    display: none; }
  #pagePic p {
    text-align: center; }
  /* NAVIGATION */
  #menuIcon {
    display: block; }
  #navClose {
    display: block; }
  nav {
    position: absolute;
    margin-top: 0px;
    top: 0rem;
    width: 0px;
    height: 100%;
    background-image: url("../images/trans_Charcoal90.png");
    overflow-x: hidden;
    transition: 0.5s;
    /* 0.5 second transition effect to slide in the sidenav */
    z-index: 1010;
    min-height: none;
    background-color: transparent; }
  #menuWrapper {
    width: 100%; }
  #navDiv {
    position: relative;
    width: 100%;
    margin-top: 50px; }
  a.main {
    display: block;
    float: none;
    padding: 1px 10px 10px 10px;
    margin-bottom: 2rem;
    font-family: "open_sanssemi", Arial, sans-serif;
    color: #fff;
    text-align: center; }
  a.main:link {
    color: #fff; }
  a.main:visited {
    color: #fff; }
  a.main:active {
    color: #fff; }
  a.main:hover {
    color: #fff; }
  div.main {
    display: block;
    float: none;
    padding: 1px 10px 10px 10px;
    margin-bottom: 2rem;
    color: #fff;
    text-align: center; }
  div.main:hover {
    color: #fff; }
  a.main:hover:after, div.main:hover:after {
    width: 60%; }
  a.mainLive {
    display: block;
    float: none;
    padding: 1px 10px 10px 10px;
    margin-bottom: 2rem;
    text-align: center; }
  div.mainLive2 {
    display: block;
    float: none;
    padding: 1px 10px 10px 10px;
    margin-bottom: 2rem;
    text-align: center; }
  .dropDown {
    position: relative;
    display: none;
    top: 0rem;
    margin: 0px 0px 0px 0rem;
    padding: 0rem;
    width: inherit;
    overflow: hidden;
    background-color: transparent;
    background-image: none;
    z-index: 100; }
  .dropLeft {
    width: auto;
    float: none; }
  .dropRight {
    width: auto;
    float: none; }
  .dropDownServices {
    position: relative;
    display: none;
    top: 0px;
    margin: 0px 0px 0px 0px;
    padding-top: 10px;
    width: inherit;
    background-color: transparent;
    background-image: none;
    z-index: 100; }
  a.sub {
    display: block;
    color: #ffd403;
    font-size: 1.5rem;
    padding: 8px 10px;
    border-style: none; }
  a.sub:link {
    color: #ffd403; }
  a.sub:visited {
    color: #ffd403; }
  a.sub:active {
    color: #ffd403; }
  a.sub:hover {
    color: #fff;
    font-size: 1.6rem;
    background-color: transparent; }
  /*SLIDE 1*/
  .slide1-wrapper {
    position: relative;
    width: 100%;
    height: 50rem !important; }
  .slide1-tyrePic {
    width: 228px;
    background-image: url("../images/tyreShop_m.png"); }
  .slide1-text {
    width: 90%;
    margin: 5rem auto 1rem auto; }
  .slide1-text p {
    text-align: center; }
  .slide1-head {
    font-size: 5.5rem; }
  .slide1-phone {
    background-image: none;
    padding-left: 0rem;
    font-family: "open_sanssemi", Arial, sans-serif;
    color: #fff;
    font-size: 2rem; }
  .slide1-buttons {
    margin: 2rem .5rem .5rem .5rem;
    text-align: center; }
  /*FOOTER*/
  footer {
    padding-bottom: 8rem; }
  .footerDiv {
    float: none;
    width: 100%;
    text-align: center; }
  .footerHead {
    text-align: center; }
  .footerContent {
    text-align: center; }
  .footerCopyright {
    margin-top: 10rem; } }

@media only screen and (max-width: 820px) {
  /* HOME */
  /*service blocs*/
  .servicesFlex {
    width: 70%; }
  /* TYRES - PASSENGER*/
  .tyreBloc-img {
    float: none;
    width: 100%;
    text-align: center; }
  .tyreBloc h3 {
    margin-top: 1rem;
    text-align: center; }
  .tyreBloc ul {
    margin-left: 5rem; }
  .tyreBloc li {
    margin-left: 2rem;
    padding-left: 2rem; } }

@media only screen and (max-width: 800px) {
  /* QUOTE FORM */
  #tyreDiagram {
    width: 70%; }
  /*GENERAL*/
  div.centerNarrow {
    width: 90%; }
  /* SLICK SLIDER */
  .slickSlider {
    display: block;
    background-color: red;
    width: 100%;
    height: 44rem;
    margin: 0px;
    padding: 0px; }
  /*SLIDE 1*/
  .slide1-wrapper {
    position: relative;
    width: 100%;
    height: 44rem !important; }
  /*SLIDE 2*/
  .slide2-wrapper {
    position: relative;
    width: 100%;
    height: 44rem !important; }
  .slide2-robot {
    float: left;
    width: 20rem;
    margin-top: 3.5rem;
    margin-left: 3.5rem; }
  .slide2-content {
    padding-left: 25rem;
    margin-top: 1.5rem;
    width: 93%; }
  .slide2-head {
    font-size: 4rem; }
  .slide2-service {
    padding: 1rem 1.5rem;
    border-radius: 2rem;
    margin: 1rem 0rem; }
  .slide2-service p {
    font-size: 1.8rem;
    margin: 0rem; }
  .slide2-phone {
    padding-left: 3rem;
    margin-top: 2rem;
    font-family: "open_sanssemi", Arial, sans-serif;
    font-size: 1.8rem; }
  .slide1-text {
    margin: 2rem auto 1rem auto; }
  .slide1-head {
    font-size: 4.6rem; }
  .slide1-bottomBar {
    height: 8rem; }
  .slide1-buttons {
    margin: 1.5rem .5rem .5rem .5rem;
    text-align: center; }
  #buttonLocation {
    display: none; } }

@media only screen and (max-width: 760px) {
  /*MAIN STRUCTURAL DIVS*/
  #logo {
    width: 85%; }
  /*CONTACT*/
  .speech-bubble-Wrapper {
    padding-left: 0rem; }
  .speech-bubble:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-bottom-color: #fff;
    border-top: 0;
    border-left: 0;
    margin-left: -10px;
    margin-top: -20px; }
  .speech-bubble-padding {
    padding: 3rem; }
  .speech-bubble-intro {
    font-size: 1.8rem; }
  #Contact {
    margin-top: 2rem; }
  .Contact-img {
    display: none; } }

@media only screen and (max-width: 720px) {
  /*MAIN STRUCTURAL DIVS*/
  .innerPadding {
    padding: 2rem 2rem 2rem 2rem; }
  /* HOME */
  /*service blocs*/
  .servicesFlex {
    width: 80%; }
  /*PROMOTION */
  .sectionPromotion {
    min-height: 20rem;
    padding-bottom: 20rem;
    width: 100%;
    background-image: url("../images/bg_Promotion_s.jpg");
    background-size: cover;
    background-position: center bottom;
    overflow: hidden; }
  .promotionDiv {
    float: none;
    margin-right: auto;
    margin-left: auto;
    min-width: 30rem;
    background-color: #FFFFFF; } }

@media only screen and (max-width: 650px) {
  /*SLIDE 1 */
  .slide1-wrapper {
    background-image: url("../images/pic_Offroad_m.jpg"); }
  .slide1-tyrePic {
    width: 228px;
    background-image: url("../images/tyreShop_s.png"); }
  /*SLIDE 2*/
  .slide2-robot {
    float: left;
    width: 10rem;
    margin-top: 3.5rem;
    margin-left: 3.5rem; }
  .slide2-content {
    padding-left: 15rem;
    margin-top: 1.5rem;
    width: 93%; }
  .slide2-head {
    font-size: 4rem; }
  .slide2-service {
    padding: 1rem 1.5rem;
    border-radius: 2rem;
    margin: 1rem 0rem; }
  .slide2-service p {
    font-size: 1.7rem;
    margin: 0rem; }
  .slide2-phone {
    padding-left: 3rem;
    margin-top: 2rem;
    font-family: "open_sanssemi", Arial, sans-serif;
    font-size: 1.7rem; }
  /* TYRES - PASSENGER*/
  .tyreBloc ul {
    margin-left: 0rem;
    list-style-position: inside; }
  .tyreBloc li {
    margin-left: 0rem;
    padding-left: 0rem;
    text-align: center; }
  /*SHOCKS BATTERIES EXHAUSTS */
  .sbeFlex {
    width: 90%; }
  /*TYRE MANAGEMENT */
  .tmFlex {
    width: 90%; } }

@media only screen and (max-width: 550px) {
  /*GENERAL*/
  .imageOneThird {
    width: 100%;
    float: none; }
  .imageTwoThird {
    width: 100%;
    float: none; }
  /* QUOTE FORM */
  #tyreDiagram {
    width: 90%; }
  /*SLIDE 1*/
  .slide1-text {
    margin: 2rem auto 1rem auto; }
  .slide1-head {
    font-size: 4.5rem; }
  /*3.5*/
  .slide1-content {
    font-size: 1.8rem; }
  .slide1-content span.TBSE {
    font-size: 3rem; }
  .slide1-content span.Quick {
    display: none; }
  /* HOME */
  /*service blocs*/
  .servicesFlex {
    width: 85%; }
  /* TYRES - PASSENGER*/
  .tyreBloc {
    position: relative;
    padding: 0rem 2rem 2rem 2rem;
    text-align: center; }
  .tyreBloc-classify {
    position: relative;
    display: inline-block;
    width: 50%;
    top: 0px;
    right: 0px;
    margin: 0rem auto 3rem auto; }
  /*WHEEL ALIGNMENT*/
  .wheelAlign-blocImg img {
    width: 100%; } }

@media only screen and (max-width: 500px) {
  /*MAIN STRUCTURAL DIVS*/
  header .innerPadding {
    padding: 4rem 0rem 1rem 0rem; }
  #logo {
    width: 95%; }
  #pagePic p {
    padding-top: 6rem;
    font-size: 3rem; }
  /* NAVIGATION */
  #menuIcon {
    position: absolute;
    height: auto;
    margin-top: 0rem;
    margin-right: 0rem;
    top: .5rem;
    right: .5rem; }
  /*GENERAL*/
  h1 {
    font-size: 2.8rem; }
  /* HOME */
  /*service blocs*/
  a.services {
    font-size: 1.5rem;
    line-height: 120%; }
  /*SHOCKS BATTERIES EXHAUSTS */
  .sbeFlex {
    width: 100%; }
  /*TYRE MANAGEMENT */
  .tmFlex {
    width: 100%; }
  /* VACANCIES*/
  table.tbl_Vacancies td {
    display: block;
    width: 100%; }
  /* SLICK SLIDER - BRANDS */
  .brandSlider {
    width: 80%; }
  .brandSlider .slick-prev {
    left: -12% !important;
    z-index: 200; }
  .brandSlider .slick-next {
    right: -12% !important; }
  /*FOOTER*/
  .footerHead {
    font-size: 1.5rem; }
  .footerContent {
    font-size: 1.5rem; }
  .footerCopyright {
    font-size: 1.3rem; }
  /*PROMOTION */
  .sectionPromotion {
    min-height: 20rem;
    padding-bottom: 20rem;
    width: 100%;
    background-image: url("../images/bg_Promotion_s.jpg");
    background-size: cover;
    background-position: center bottom;
    overflow: hidden; }
  .promotionDiv-head p.head {
    font-size: 4rem; }
  .promotionDiv-head p.sub {
    font-size: 1.4rem; }
  .promotionDiv-body p.free {
    font-size: 2rem; }
  .promotionDiv-body p.tools {
    font-size: 1.4rem; }
  .promotionDiv-body p.tc {
    margin-top: 4px;
    font-size: 1rem; }
  .promotionDiv-body img {
    width: 90%; } }

@media only screen and (max-width: 480px) {
  /* QUOTE FORM */
  #tyreDiagram {
    width: 100%; }
  /*SLIDE 1*/
  .slide1-tyrePic {
    width: 120px;
    background-image: url("../images/tyreShop_ss.png"); }
  .slide1-head {
    font-size: 4.2rem; }
  /*3.5*/
  .slide1-content span.TBSE {
    font-size: 2.5rem; }
  /*SLIDE 2*/
  .slide2-wrapper {
    text-align: center; }
  .slide2-robot {
    float: none;
    display: inline-block !important;
    width: 8rem;
    margin: 1rem auto 0rem auto; }
  .slide2-content {
    clear: both;
    padding-left: 0rem;
    margin-top: 0rem;
    width: 100%; }
  .slide2-head {
    font-size: 3.5rem;
    text-align: center; }
  .slide2-service {
    width: 80%;
    padding: .5rem 1rem;
    border-radius: 1.5rem;
    margin: 1rem auto; }
  .slide2-service p {
    font-size: 1.6rem;
    margin: 0rem;
    text-align: center; }
  .slide2-phone {
    padding-left: 0rem;
    margin-top: 1.5rem;
    font-size: 1.7rem;
    text-align: center;
    background-image: none; }
  .slide2-phone span.phone {
    display: none; }
  /* HOME */
  /*service blocs*/
  .servicesBloc-linkInner {
    margin-left: -12px;
    margin-right: 16px; }
  .servicesBloc-linkInner p {
    padding: 1rem 1.5rem 1rem 2rem; }
  /* TYRES - PASSENGER*/
  .tyreBloc-classify {
    width: 70%; } }

@media only screen and (max-width: 420px) {
  /* HOME */
  /*service blocs*/
  .servicesFlex {
    width: 70%;
    display: flex;
    flex-wrap: wrap; }
  .servicesFlex-bloc {
    position: relative;
    flex-basis: 90%; } }

@media only screen and (max-width: 350px) {
  /*MAIN STRUCTURAL DIVS*/
  .innerPadding {
    padding: 2rem 1rem 2rem 1rem; }
  /*SLIDE 1*/
  .slide1-head {
    font-size: 4rem; }
  /*3.5*/
  .slide1-content span.TBSE {
    font-size: 2.4rem; }
  .slide1-phone {
    font-size: 1.6rem; }
  /* HOME */
  /*service blocs*/
  .servicesFlex {
    width: 80%; }
  /*CONTACT*/
  .speech-bubble-padding {
    padding: 2.5rem; }
  .speech-bubble-intro {
    font-size: 1.6rem; }
  #Contact p {
    font-size: 1.6rem;
    text-align: center;
    padding-top: 3rem;
    padding-left: 0rem;
    background-position: top center; } }

@media only screen and (max-width: 320px) {
  /*MAIN STRUCTURAL DIVS*/
  /* NAVIGATION */
  #menuIcon {
    margin-right: .5rem; }
  /*SLIDE 1*/
  .slide1-tyre {
    display: none; }
  /* HOME */
  /*service blocs*/
  .servicesFlex {
    width: 80%; } }