:root {
  --default-color: #0d155a;
  --link-default-color: #FFFFFF;
  --color-active-link: #E65523;
  --color-white: #FFFFFF;
  --color-black: #0E0E10;
  --color-blue: #0098f1;
  --color-blue-dark: #122f68;
  --color-brown: #BB543D;
  --color-brown-dark: #562d1f;
  --color-gray: #978A7E;
  --color-gray-dark: #000000;
  --color-green: #87b854;
  --color-green-dark: #1a3c27;
  --color-pink: #f9d4d1;
  --color-red: #d0513b;
  --color-gray-light: #eeeeee;
}

html {
	scroll-behavior: smooth;
}
body {
	color: var(--default-color);
	font-family: 'Lato',Arial,Helvetica,sans-serif;
	font-size: 16px;
	line-height: 1.7;
	font-weight: 400;
	text-rendering: optimizeLegibility;
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	background-color: var(--color-pink);
	position: relative;
  transition: background-color 0.5s;
	/*background-image:
    linear-gradient(
      rgba(244,246,252,1),
	  rgba(252,254,255,1)
    );
	background-size: 100% 400px;
	background-repeat: no-repeat;*/
}

a {
	opacity: 1;
}
a:hover,
a:focus,
a:active {
  /*color: var(--color-white);*/
  text-decoration: underline;
/*   opacity: 0.8; */
}

.w-auto {
	width: auto!important;
}

strong { font-weight: 700; }

.font-playfair-display {
  font-family: 'Playfair Display', serif;
  font-weight: 700!important;
}
.font-playfair-display strong, strong.font-playfair-display {
  font-weight: 700!important;
}

h1, .h1, h2, .h2, h3, .h3 {
  font-family: 'Playfair Display', serif;
  font-weight: 700!important;
}

.size-64 {
  line-height: 1.1;
}
.size-48 {
  line-height: 1.2;
}

.region-sidebar-first, .region-sidebar-second, .region-footer, .region-content {
    padding: 0;
}

header, footer {
	z-index: 100;
}
.navbar-brand img {
  width: 120px;
  height: auto;
}
.footer-column {
	height: 70px;
}
footer .navbar-nav {
	flex-direction: row;
}
footer .navbar-nav .nav-link {
  font-size: 12px;
	color: var(--color-white);
}
body.theme-color-pink footer .navbar-nav .nav-link {
  color: var(--color-brown-dark);
}
body.theme-color-gray footer .navbar-nav .nav-link {
  color: var(--color-brown-dark);
}
.footer-column.right {
	padding-left: 60px;
}

.escape-header-footer {
	padding: 90px 60px 130px 80px;
	min-height: 0; /* SLICK ISSUE WITH FLEX */
	min-width: 0; /* SLICK ISSUE WITH FLEX */
	margin: auto; /* FIX FLEX CENTER OVERFLOW SCROLL ISSUE */
	width: 100%;
}
.escape-header-footer-nowidth {
	padding: 90px 60px 130px 80px;
	min-height: 0; /* SLICK ISSUE WITH FLEX */
	min-width: 0; /* SLICK ISSUE WITH FLEX */
	margin: auto; /* FIX FLEX CENTER OVERFLOW SCROLL ISSUE */
	/*width: 100%;*/
}
.extra-top-padding {
	padding-top: 150px;
}

.scrollable {
	overflow: auto;
	max-height: 100%;
}

/* @group COLORS */

.bg-color-blue {
	background-color: var(--color-blue);
}
.bg-color-blue-dark {
	background-color: var(--color-blue-dark);
}
.bg-color-brown {
	background-color: var(--color-brown);
}
.bg-color-brown-dark {
	background-color: var(--color-brown-dark);
}
.bg-color-gray {
	background-color: var(--color-gray);
}
.bg-color-gray-dark {
	background-color: var(--color-gray-dark);
}
.bg-color-green {
	background-color: var(--color-green);
}
.bg-color-green-dark {
	background-color: var(--color-green-dark);
}
.bg-color-pink {
  background-color: var(--color-pink);
}
.bg-color-red {
  background-color: var(--color-red);
}
.bg-color-gray-light {
  background-color: var(--color-gray-light);
}
.text-color-white {
	color: var(--color-white);
}
.text-color-blue {
  color: var(--color-blue);
}
.text-color-blue-dark {
  color: var(--color-blue-dark);
}
.text-color-brown {
  color: var(--color-brown);
}
.text-color-brown-dark {
  color: var(--color-brown-dark);
}
.text-color-gray {
  color: var(--color-gray);
}
.text-color-gray-dark {
  color: var(--color-gray-dark);
}
.text-color-green {
  color: var(--color-green);
}
.text-color-green-dark {
  color: var(--color-green-dark);
}
.text-color-pink {
  color: var(--color-pink);
}
.text-color-red {
  color: var(--color-red);
}
.text-color-gray-light {
  color: var(--color-gray-light);
}

/* @end */

/* @group BUTTONS */

.button {
	background-color: var(--color-blue-dark)!important;
	color: var(--color-white)!important;
	border-radius: 0px!important;
	padding-left: 50px!important;
	padding-right: 50px!important;
  border-color: var(--color-blue-dark)!important;
}
.button.outline {
	background-color: transparent!important;
	border-color: var(--color-white)!important;
	color: var(--color-white)!important;
}
.button:hover, .button:focus {
	background-color: var(--color-black)!important;
	color: var(--color-white)!important;
  border-color: var(--color-black)!important;
}
.button.outline:hover, .button.outline:focus {
	background-color: transparent!important;
	border-color: var(--color-blue-dark)!important;
	color: var(--color-blue-dark)!important;
}
.btn-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5);
}

/* @end */

#block-renaultgroupzdz-main-navigation .navbar-nav {
    flex-direction: column-reverse!important;
	text-align: right!important;
}

#block-renaultgroupzdz-local-tasks {
	z-index: 1000;
}

.slick-slide img {
    display: inline-block;
}
.item.slick-slide > p {
	line-height: 50px;
}

/* @group FORM */

body.path-webform footer {
	display: none;
}

form.webform-submission-form {
	position: relative;
}

form.webform-submission-form .form-actions, .webform-submission-quiz-add-form .form-actions {
	position: absolute;
	right: 100px;
	/*bottom: 120px;*/
	bottom: 7%;
	z-index: 100;
}
.webform-submission-quiz-add-form #edit-actions-01.form-actions, .theme-layout-full .webform-submission-quiz-add-form .form-actions {
  position: absolute;
  right: 0;
  bottom: 120px;
  bottom: calc(50% - 380px);
  z-index: 100;
  width: 100%;
  text-align: center;
}
#edit-wizard-next, .form-actions .button.webform-button--next, .form-actions .webform-button--submit {
	background-color: var(--color-brown)!important;
	color: var(--color-white)!important;
  text-transform: uppercase;
}
.theme-color-gray #edit-wizard-next, .theme-color-gray .form-actions .button.webform-button--next, .theme-color-gray .form-actions .webform-button--submit {
  background-color: var(--color-brown-dark)!important;
}
.theme-color-pink #edit-wizard-next, .theme-color-pink .form-actions .button.webform-button--next, .theme-color-pink .form-actions .webform-button--submit {
  background-color: var(--color-brown-dark)!important;
}
.theme-color-green #edit-wizard-next, .theme-color-green .form-actions .button.webform-button--next, .theme-color-green .form-actions .webform-button--submit {
  background-color: var(--color-green)!important;
  color: var(--color-green-dark)!important;
}
.theme-color-green.theme-layout-full #edit-wizard-next, .theme-color-green.theme-layout-full .form-actions .button.webform-button--next, .theme-color-green.theme-layout-full .form-actions .webform-button--submit {
  background-color: var(--color-green-dark)!important;
  color: var(--color-green)!important;
}
.theme-color-blue #edit-wizard-next, .theme-color-blue .form-actions .button.webform-button--next, .theme-color-blue .form-actions .webform-button--submit {
  background-color: var(--color-blue)!important;
  color: var(--color-blue-dark)!important;
}
.theme-color-blue.theme-layout-full #edit-wizard-next, .theme-color-blue.theme-layout-full .form-actions .button.webform-button--next, .theme-color-blue.theme-layout-full .form-actions .webform-button--submit {
  background-color: var(--color-blue-dark)!important;
  color: var(--color-blue)!important;
}
.theme-color-red #edit-wizard-next, .theme-color-red .form-actions .button.webform-button--next, .theme-color-red .form-actions .webform-button--submit {
  background-color: var(--color-red)!important;
  color: var(--color-pink)!important;
}
.theme-color-red.theme-layout-full #edit-wizard-next, .theme-color-red.theme-layout-full .form-actions .button.webform-button--next, .theme-color-red.theme-layout-full .form-actions .webform-button--submit {
  background-color: var(--color-pink)!important;
  color: var(--color-red)!important;
}
.theme-color-brown #edit-wizard-next, .theme-color-brown .form-actions .button.webform-button--next, .theme-color-brown .form-actions .webform-button--submit {
  background-color: var(--color-brown-dark)!important;
  color: var(--color-pink)!important;
}
.theme-color-brown.theme-layout-full #edit-wizard-next, .theme-color-brown.theme-layout-full .form-actions .button.webform-button--next, .theme-color-brown.theme-layout-full .form-actions .webform-button--submit {
  background-color: var(--color-pink)!important;
  color: var(--color-brown-dark)!important;
}
.webform-submission-quiz-add-form .form-type-radio {
	font-size: 20px;
	padding-left: 40px;
	position: relative;
	margin-bottom: 0.8em;
}
.webform-submission-quiz-add-form .smaller .form-type-radio {
	font-size: 16px;
	padding-left: 40px;
}
.webform-submission-quiz-add-form .question-title legend {
	font-size: 42px;
	line-height: 50px;
  font-family: 'Playfair Display', serif;
  font-weight: 700!important;
}
.webform-submission-quiz-add-form .form-composite > legend {
	font-weight: normal;
}
.form-required::after {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0.3em;
    content: "*";
    vertical-align: super;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 6px 6px;
    font-size: 20px;
}
.webform-submission-quiz-add-form .question-title .form-required::after {
	display: none;
}
.webform-submission-quiz-add-form .form-type-radio label.error {
	position: absolute;
	top: -22px; /*-55px*/
	left: 0;
	color: red;
	font-size: 16px;
  min-width: calc(40vw);
  max-width: 90%;
}
.webform-submission-quiz-add-form label.error::before {
	display: none!important;
}
form.webform-submission-form select.form-select.form-control  {
	max-width: 90%;
	width: calc(100% - 250px);
}
.webform-side-right {
	z-index: 100;
}

.webform-side-left, .webform-side-right { transition: background-color 0.5s; }

/* @group STYLE CHECKBOX RADIO */

/* COMMON RADIO AND CHECKBOX STYLES  */

input[type=radio],
input[type=checkbox]{
  /* hide original inputs */
  visibility: hidden;
  position: absolute;
}
input[type=radio] ~ label,
input[type=checkbox] ~ label{
  cursor:pointer;
  position: relative;
}
input[type=radio] ~ label:before,
input[type=checkbox] ~ label:before {
  height:26px;
  margin-right: 15px;
  content: " ";
  display:inline-block;
  vertical-align: text-bottom;
  transition: 0.3s;
  border:3px solid #FFFFFF;
  border-radius:10px;
  box-shadow: none;
  transition: 0.3s;
  position: absolute;
	top: 3px;
	left: -40px;
}
.smaller input[type=radio] ~ label:before,
.smaller input[type=checkbox] ~ label:before {
  height:20px;
  margin-right: 15px;
  border-width: 2px;
  border-radius:10px;
	top: 0px;
	left: -30px;
}

/* CUSTOM RADIO AND CHECKBOX STYLES */
/* DEFAULT */
input[type=radio] ~ label:before{
  border-radius:50%;
  width:26px;
}
input[type=checkbox] ~ label:before{
  border-radius:2px;
  width:26px;
}
.smaller input[type=radio] ~ label:before{
  width:20px;
}
.smaller input[type=checkbox] ~ label:before{
  border-radius:2px;
  width:20px;
}
.theme-color-gray input[type=radio] ~ label:before, .theme-color-gray input[type=checkbox] ~ label:before { border-color: var(--color-brown-dark); }
.theme-color-pink input[type=radio] ~ label:before, .theme-color-pink input[type=checkbox] ~ label:before { border-color: var(--color-brown-dark); }
/* .theme-color-green input[type=radio] ~ label:before, .theme-color-green input[type=checkbox] ~ label:before { border-color: var(--color-white); } */
/* .theme-color-blue input[type=radio] ~ label:before, .theme-color-pink input[type=checkbox] ~ label:before { border-color: var(--color-white); } */
.theme-color-red input[type=radio] ~ label:before, .theme-color-red input[type=checkbox] ~ label:before { border-color: var(--color-brown-dark); }
.theme-color-brown input[type=radio] ~ label:before, .theme-color-brown input[type=checkbox] ~ label:before { border-color: var(--color-brown-dark); }

/* CHECKED */
input[type=radio]:checked ~ label:before {
	box-shadow: inset 0 -1px 3px #fff, inset 0 0 1px #fff, inset 0 0 0 3px #fff;
	background-color: #FFFFFF;
}
input[type=checkbox]:checked ~ label:before {
	box-shadow: inset 0 -1px 3px #fff, inset 0 0 1px #fff, inset 0 0 0 3px #fff;
	background-color: #FFFFFF;
}

.theme-color-gray input[type=radio]:checked ~ label:before, .theme-color-gray input[type=checkbox]:checked ~ label:before { box-shadow: none; background-color: var(--color-brown-dark); }
.theme-color-pink input[type=radio]:checked ~ label:before, .theme-color-pink input[type=checkbox]:checked ~ label:before { box-shadow: none; background-color: var(--color-brown-dark); }
.theme-color-green input[type=radio]:checked ~ label:before, .theme-color-green input[type=checkbox]:checked ~ label:before { box-shadow: none; background-color: var(--color-white); }
.theme-color-blue input[type=radio]:checked ~ label:before, .theme-color-blue input[type=checkbox]:checked ~ label:before { box-shadow: none; background-color: var(--color-white); }
.theme-color-red input[type=radio]:checked ~ label:before, .theme-color-red input[type=checkbox]:checked ~ label:before { box-shadow: none; background-color: var(--color-brown-dark); }
.theme-color-brown input[type=radio]:checked ~ label:before, .theme-color-brown input[type=checkbox]:checked ~ label:before { box-shadow: none; background-color: var(--color-brown-dark); }

/* OTHER FORM ELEMENTS */

.form-control.form-text, .form-control.form-email, .form-control.form-tel, .form-control.form-textarea {
  margin-top: 0;
  font-size: 1em;
  color: var(--color-brown-dark);
  border-radius: 0;
  border: solid 3px var(--color-brown-dark);
}

.special-h100-middle {
  display: flex;
  z-index: 1;
  position: relative;
  align-items: safe center;
  flex-direction: row;
  height: calc(100vh - 200px);
}
.special-h100-middle > div {
  width: 100%;
  text-align: center;
}
/* OTHER FORM ELEMENTS */

/* @end */

/* @end */

.alert-dismissible {
	width: 380px;
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 1000;
	max-width: 80%;
}

.theme-color-blue footer-DISABLED, .theme-color-blue .footer-column.left, body.theme-color-blue, .theme-color-blue.theme-layout-full .footer-column.right {
	background-color: var(--color-blue);
}
.theme-color-blue .footer-column.right, .footer-column.right {
	background-color: var(--color-blue-dark);
}
.theme-color-green footer-DISABLED, .theme-color-green .footer-column.left, body.theme-color-green, .theme-color-green.theme-layout-full .footer-column.right {
	background-color: var(--color-green);
}
.theme-color-green .footer-column.right {
	background-color: var(--color-green-dark);
}
.theme-color-gray footer-DISABLED, .theme-color-gray .footer-column.left, body.theme-color-gray, .theme-color-gray.theme-layout-full .footer-column.right {
	background-color: var(--color-gray-dark);
}
.theme-color-gray .footer-column.right {
	background-color: var(--color-gray);
}
.theme-color-brown footer-DISABLED, .theme-color-brown .footer-column.left, body.theme-color-brown, .theme-color-brown.theme-layout-full .footer-column.right {
	background-color: var(--color-brown-dark);
}
.theme-color-brown .footer-column.right {
	background-color: var(--color-pink);
}
.theme-color-pink footer-DISABLED, .theme-color-pink .footer-column.left, body.theme-color-pink, .theme-color-pink.theme-layout-full .footer-column.right {
  background-color: var(--color-pink);
  color: var(--color-brown-dark);
}
.theme-color-pink .footer-column.right {
  background-color: var(--color-pink);
}
.theme-color-pink a {
  color: var(--color-blue-dark);
}
.theme-color-gray footer-DISABLED, .theme-color-gray .footer-column.left, body.theme-color-gray, .theme-color-gray.theme-layout-full .footer-column.right {
  background-color: var(--color-gray-light);
}
.theme-color-gray .footer-column.right {
  background-color: var(--color-pink);
}
.theme-color-red footer-DISABLED, .theme-color-red .footer-column.left, body.theme-color-red, .theme-color-red.theme-layout-full .footer-column.right {
  background-color: var(--color-red);
}
.theme-color-red .footer-column.right {
  background-color: var(--color-pink);
}

.theme-color-gray .webform-side-left {
  background-color: var(--color-gray-light)!important;
  color: var(--color-brown-dark)!important;
}
.theme-color-gray .webform-side-right {
  background-color: var(--color-pink)!important;
  color: var(--color-brown-dark)!important;
}
.theme-color-green .webform-side-left {
  background-color: var(--color-green)!important;
  color: var(--color-green-dark)!important;
}
.theme-color-green .webform-side-right {
  background-color: var(--color-green-dark)!important;
  color: var(--color-white)!important;
}
.theme-color-blue .webform-side-left {
  background-color: var(--color-blue)!important;
  color: var(--color-blue-dark)!important;
}
.theme-color-blue .webform-side-right {
  background-color: var(--color-blue-dark)!important;
  color: var(--color-white)!important;
}
.theme-color-brown .webform-side-left {
  background-color: var(--color-brown-dark)!important;
  color: var(--color-white)!important;
}
.theme-color-brown .webform-side-right {
  background-color: var(--color-pink)!important;
  color: var(--color-brown-dark)!important;
}
.theme-color-pink .webform-side-left {
  background-color: var(--color-pink)!important;
  color: var(--color-blue-dark)!important;
}
.theme-color-pink .webform-side-right {
  background-color: var(--color-pink)!important;
  color: var(--color-blue-dark)!important;
}
.theme-color-red .webform-side-left {
  background-color: var(--color-red)!important;
  color: var(--color-white)!important;
}
.theme-color-red .webform-side-right {
  background-color: var(--color-pink)!important;
  color: var(--color-brown-dark)!important;
}

.form-actions .ajax-progress { position: fixed; bottom: 20px; right: 100px; width: 50%; }

.reduce-opacity {
	opacity: 0.7;
}

@media (min-width: 1100px) and (max-height: 900px) {
  form.webform-submission-form .form-actions, .webform-submission-quiz-add-form .form-actions {
    position: absolute;
    right: 10px;
    bottom: 120px;
    bottom: 0;
    z-index: 1000;
  }
  .button.webform-button--submit, .button.webform-button--next {
    padding: 0 25px !important;
  }

  .webform-submission-quiz-add-form .question-title legend {
    font-size: 30px;
    line-height: 40px;
  }

  body.path-webform footer .footer-column.right { display: none; }

  .webform-submission-quiz-add-form .form-type-radio {
    font-size: 17px;
    line-height: 1.5;
  }

  input[type="radio"] ~ label::before {
    width: 20px;
  }
  input[type="radio"] ~ label::before, input[type="checkbox"] ~ label::before {
    height: 20px;
  }
/*   .webform-submission-quiz-add-form .form-type-radio {
    margin-bottom: 0;
  } */
}

/* @group COUNTDOWN */
.base-timer {
  position: relative;
  width: 100px;
  height: 100px;
}

.base-timer__svg {
  transform: scaleX(-1);
}

.base-timer__circle {
  fill: none;
  stroke: none;
}

.base-timer__path-elapsed {
  stroke-width: 7px;
  stroke: grey;
}

.base-timer__path-remaining {
  stroke-width: 7px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
}

.base-timer__path-remaining.green {
  color: rgb(65, 184, 131);
}

.base-timer__path-remaining.orange {
  color: orange;
}

.base-timer__path-remaining.red {
  color: red;
}

.base-timer__label {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
/* @end */

@media (max-width: 767px) {

.display-4 {
    font-size: 2.5rem;
}
header.theme-color-blue {
	background-color: var(--color-blue);
}
header.theme-color-green {
	background-color: var(--color-green);
}
header.theme-color-gray {
	background-color: var(--color-gray-light);
}
header.theme-color-brown {
	background-color: var(--color-brown);
}
header.theme-color-pink {
  background-color: var(--color-pink);
}
header.theme-color-red {
  background-color: var(--color-red);
}

header .navbar {
    padding: 0px 10px 0px 25px;
}
header {
	/*display: none;*/
}

#block-slogan p span {
	font-size: 14px!important;
}

.escape-header-footer {
    padding: 30px 10px;
}
.full-height {
	height: auto !important;
}
footer.position-fixed, header.position-fixed {
	position: relative!important;
	bottom: 0!important;
	left: 0!important;
	top: 0!important;
	right: 0!important;
}
footer .footer-column.right { display: none; }
.scrollable {
    overflow: unset;
    max-height: unset;
}

.webform-submission-quiz-add-form .form-actions {
    position: relative!important;
    right: 0!important;
    bottom: 0!important;
    z-index: 1!important;
    text-align: right;
    padding: 20px;
    background-color: var(--color-brown-dark);
    margin: 0;
}
.theme-color-pink .webform-submission-quiz-add-form .form-actions { background-color: var(--color-brown-dark); }
.theme-color-green .webform-submission-quiz-add-form .form-actions { background-color: var(--color-green-dark); }
.theme-color-blue .webform-submission-quiz-add-form .form-actions { background-color: var(--color-blue-dark); }
.theme-color-red .webform-submission-quiz-add-form .form-actions { background-color: var(--color-pink); }
.theme-color-brown .webform-submission-quiz-add-form .form-actions { background-color: var(--color-pink); }
.theme-color-gray .webform-submission-quiz-add-form .form-actions { background-color: var(--color-pink); }

.theme-color-pink .footer-column.right { background-color: var(--color-pink); }
.theme-color-green .footer-column.right { background-color: var(--color-green); }
.theme-color-blue .footer-column.right { background-color: var(--color-blue); }
.theme-color-red .footer-column.right { background-color: var(--color-red); }
.theme-color-brown .footer-column.right { background-color: var(--color-brown-dark); }
.theme-color-gray .footer-column.right { background-color: var(--color-gray-light); }

.webform-submission-quiz-add-form .form-type-radio label.error {
    /*top: -35px;*/
    font-size: 13px;
}
.webform-submission-quiz-add-form .question-title legend {
    font-size: 24px;
    line-height: 28px;
}
.webform-submission-quiz-add-form .form-type-radio {
	font-size: 16px;
	padding-left: 45px;
  line-height: 30px;
}
form.webform-submission-form select.form-select.form-control  {
	max-width: 90%;
	width: 100%;
}

.size-64 { font-size: 45px!important; }

input[type="radio"] ~ label::before, input[type="checkbox"] ~ label::before {
  left: -35px;
}

.escape-header-footer-nowidth {
  padding: 30px 60px 40px 60px;
}

}