@import 'https://fonts.googleapis.com/css?family=Fira+Sans+Condensed:300,400,500|Oswald:300,400,500';
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

button, input {
  outline: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}

a {
  color: inherit;
  text-decoration: inherit;
}

/* BREAKPOINTS */
/* MEDIA QUERIES */
/*
$lt-smartphone: only screen and (max-device-width: 576px);
*/
.is-xs, .is-s, .is-m, .is-l, .is-xl {
  display: none;
}

@media only screen and (min-width: 576px) {
  .is-xs {
    display: block;
  }
}

@media only screen and (min-width: 768px) {
  .is-s {
    display: block;
  }
}

@media only screen and (min-width: 992px) {
  .is-m {
    display: block;
  }
}

@media only screen and (min-width: 1200px) {
  .is-l {
    display: block;
  }
}

@media only screen and (min-width: 1600px) {
  .is-xl {
    display: block;
  }
}

.only-xs, .only-s, .only-m, .only-l, .only-xl {
  display: none;
}

@media only screen and (min-width: 0px) and (max-width: 576px) {
  .only-xs {
    display: block;
  }
}

@media only screen and (min-width: 577px) and (max-width: 768px) {
  .only-s {
    display: block;
  }
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
  .only-m {
    display: block;
  }
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .only-l {
    display: block;
  }
}

@media only screen and (min-width: 1201px) {
  .only-xl {
    display: block;
  }
}

/* MEDIA QUERIES */
/* The emerging W3C standard
   that is currently Firefox-only
* {
  scrollbar-width: thin;
  scrollbar-color: #aaa #f2f2f2;
}

*::-webkit-scrollbar {
  width: 12px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background-color: #aaa;
  border-radius: 20px;
  border: 3px solid transparent;
}*/
html {
  min-height: 100vh;
  font-size: 100%;
}
@media only screen and (max-width: 640px) {
  html {
    font-size: 15px;
  }
}

body {
  min-height: 100vh;
}
body:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  z-index: 10000;
  opacity: 0;
  transition: opacity 250ms ease-in-out;
  transform: translateY(-100%);
}
body.mobile-navigation-opened {
  overflow: hidden !important;
}
.navigation-opened body {
  overflow: hidden !important;
}

#skip-link {
  display: none;
}

#page {
  min-height: 100vh;
  margin: auto;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}
#page #page-main {
  flex: 1;
}

#page-header {
  order: 2;
  /*
  @include lt-xs {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
  }
  */
}

#navigation-container {
  position: relative;
}

.faq-contact-us {
  background: #f7f7f7;
  padding: 50px;
  text-align: center;
  margin: auto;
  margin-top: 25px;
}
.faq-contact-us h2 {
  font-size: 2rem;
}
.faq-contact-us p {
  margin-bottom: 2em;
}
.warning {
  background: rgb(250.2755905512, 234.5275590551, 209.7244094488);
  border: 1px solid #e79719;
  padding: 10px;
  margin: 10px;
}
.warning em {
  font-weight: bold;
}

#page-main {
  transition: all 200ms ease-in-out;
  order: 5;
}

#page-footer {
  transition: all 200ms ease-in-out;
  order: 10;
}

.wrapper {
  margin: auto;
}

.weebox-shares {
  position: fixed;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
  z-index: 500;
}
@media only screen and (max-width: 640px) {
  .weebox-shares {
    top: 80px;
    transform: none;
    left: 0;
  }
}
.weebox-shares .open {
  padding-left: 10px;
  transform: translateX(0);
  display: none;
  margin-bottom: 4px;
}
.weebox-shares .open i {
  text-align: center;
  line-height: 50px;
  width: 50px;
  height: 50px;
  font-size: 25px;
  display: block;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  border-radius: 50%;
}
.weebox-shares .open:hover i {
  background: rgba(0, 0, 0, 0.9);
}
.weebox-shares .open:hover ~ ul {
  display: block !important;
}
@media only screen and (max-width: 640px) {
  .weebox-shares .open {
    display: block;
  }
}
@media only screen and (max-width: 640px) {
  .weebox-shares ul {
    display: none;
  }
}
.weebox-shares ul li {
  position: relative;
  line-height: 50px;
  text-align: center;
  color: #fff;
  padding-left: 10px;
  transition: all 180ms ease-in-out;
  transform: translateX(0);
  cursor: pointer;
}
.weebox-shares ul li.share-facebook {
  background: #39569c;
}
.weebox-shares ul li.share-instagram {
  background: #DD2A7B;
}
.weebox-shares ul li.share-twitter {
  background: #00acee;
}
.weebox-shares ul li.share-linkedin {
  background: #0e76a8;
}
.weebox-shares ul li.share-facebook a {
  background: #39569c;
}
.weebox-shares ul li.share-instagram a {
  background: #DD2A7B;
}
.weebox-shares ul li.share-twitter a {
  background: #00acee;
}
.weebox-shares ul li.share-linkedin a {
  background: #0e76a8;
}
@media only screen and (max-width: 640px) {
  .weebox-shares ul li {
    background: none !important;
    margin-bottom: 2px;
  }
}
.weebox-shares ul li:hover {
  transform: translateX(10px);
}
.weebox-shares ul li a {
  overflow: hidden;
  width: 50px;
  height: 50px;
  font-size: 16.6666666667px;
  color: inherit;
  display: block;
}
@media only screen and (max-width: 640px) {
  .weebox-shares ul li a {
    border-radius: 50%;
  }
}

.navigation-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  opacity: 0;
  z-index: 10000;
  background: #000;
}

#page-navigation {
  order: 1;
  z-index: 2000;
  transition: none;
}
#page-navigation > div {
  display: flex;
  justify-content: flex-end;
}
#page-navigation > div .spacer {
  flex-grow: 10;
}
body:not(.navigation-minified) #page-navigation .navigation-container {
  display: flex !important;
  align-content: center;
  flex-direction: column;
  opacity: 1 !important;
}
#page-navigation .navigation-mobile {
  display: none;
  position: absolute;
  top: 0;
  z-index: 1000;
  cursor: pointer;
  transition: all 200ms ease-in-out;
}
#page-navigation .navigation-mobile a, #page-navigation .navigation-mobile span {
  display: block;
  text-align: center;
}
#page-navigation .navigation-mobile:hover {
  background: rgba(0, 0, 0, 0.1);
}
#page-navigation .navigation-mobile span {
  position: relative;
  min-width: 60px;
  height: 60px;
  line-height: 60px;
}
#page-navigation .navigation-mobile i {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 28px;
}
#page-navigation .navigation-mobile i.open {
  opacity: 1;
}
#page-navigation .navigation-mobile i.close {
  opacity: 0;
}
.navigation-minified #page-navigation .navigation-mobile {
  display: block;
}
#page-navigation .navigation-lang ul,
#page-navigation .navigation-top ul,
#page-navigation .navigation-main ul {
  display: flex;
  align-content: center;
  justify-content: flex-end;
}
#page-navigation .navigation-lang ul li.menu-minified,
#page-navigation .navigation-top ul li.menu-minified,
#page-navigation .navigation-main ul li.menu-minified {
  display: none !important;
}
#page-navigation .navigation-lang ul li a,
#page-navigation .navigation-top ul li a,
#page-navigation .navigation-main ul li a {
  text-align: left;
  text-decoration: none;
}
.navigation-minified #page-navigation .navigation-lang,
.navigation-minified #page-navigation .navigation-top,
.navigation-minified #page-navigation .navigation-main {
  position: relative;
  float: none;
}
.navigation-minified #page-navigation .navigation-lang ul,
.navigation-minified #page-navigation .navigation-top ul,
.navigation-minified #page-navigation .navigation-main ul {
  float: none !important;
  width: auto;
  display: block;
}
.navigation-minified #page-navigation .navigation-lang ul li,
.navigation-minified #page-navigation .navigation-top ul li,
.navigation-minified #page-navigation .navigation-main ul li {
  display: block;
}
.navigation-minified #page-navigation .navigation-lang ul li:after, .navigation-minified #page-navigation .navigation-lang ul li:before,
.navigation-minified #page-navigation .navigation-top ul li:after,
.navigation-minified #page-navigation .navigation-top ul li:before,
.navigation-minified #page-navigation .navigation-main ul li:after,
.navigation-minified #page-navigation .navigation-main ul li:before {
  display: none;
}
.navigation-minified #page-navigation .navigation-lang ul li.menu-minified,
.navigation-minified #page-navigation .navigation-top ul li.menu-minified,
.navigation-minified #page-navigation .navigation-main ul li.menu-minified {
  display: block !important;
}
.navigation-animate #page-navigation {
  transition: all 180ms ease-in-out;
}
.navigation-fixed #page-navigation {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.navigation-fixed [data-scroll=stick-on-scroll-down]#page-navigation {
  position: fixed;
  left: 0;
  right: 0;
}
.navigation-fixed [data-scroll=stick-on-scroll-up]#page-navigation {
  position: fixed;
  left: 0;
  right: 0;
}
.navigation-fixed.scroll-up [data-scroll=stick-on-scroll-up]#page-navigation, .navigation-fixed.scroll-up [data-scroll=stick-on-scroll-down]#page-navigation {
  transition: all 180ms ease-in-out;
}
[data-mobile=side]#page-navigation .navigation-mobile {
  left: -60px;
}
.navigation-minified [data-mobile=side]#page-navigation {
  background: none;
  position: fixed !important;
  z-index: 20000;
  top: 0 !important;
  right: 0 !important;
  left: inherit !important;
  bottom: 0 !important;
  width: 1px !important;
}
.navigation-minified [data-mobile=side]#page-navigation .wrapper {
  height: 100%;
  width: 240px;
}
.navigation-minified [data-mobile=side]#page-navigation .navigation-container {
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  width: 240px;
  z-index: 10;
  background: #fff;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  transition: all 200ms ease-in-out;
}
.mobile-navigation-opened [data-mobile=side]#page-navigation .navigation-container {
  height: 100%;
  transform: translateX(-240px);
  transition: all 200ms ease-in-out;
}
.mobile-navigation-opened [data-mobile=side]#page-navigation .navigation-mobile {
  transform: translateX(-240px);
}
.mobile-navigation-opened [data-mobile=side]#page-navigation .navigation-mobile i.open {
  opacity: 0;
}
.mobile-navigation-opened [data-mobile=side]#page-navigation .navigation-mobile i.close {
  opacity: 1;
}
[data-mobile=zoom]#page-navigation .navigation-mobile {
  right: 0;
}
.navigation-minified [data-mobile=zoom]#page-navigation {
  background: none;
  position: fixed !important;
  z-index: 20000;
  top: 0 !important;
  right: 0 !important;
  left: inherit !important;
  width: 100%;
  height: 60px;
}
.navigation-minified [data-mobile=zoom]#page-navigation .navigation-container {
  position: absolute !important;
  top: 60px;
  left: 0px;
  right: 0px;
  width: auto;
  display: none;
  z-index: 100;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
}
.navigation-minified [data-mobile=zoom]#page-navigation .navigation-container ul {
  display: block;
}
.navigation-minified [data-mobile=zoom]#page-navigation .navigation-container ul li a {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 2em;
  text-align: center;
}
.mobile-navigation-opened [data-mobile=zoom]#page-navigation .navigation-mobile i.open {
  opacity: 0;
}
.mobile-navigation-opened [data-mobile=zoom]#page-navigation .navigation-mobile i.close {
  opacity: 1;
}

.navigation-minified {
  padding-top: 60px;
}

#page-breadcrumbs ol, #page-breadcrumbs ul, #page-breadcrumbs li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#page-breadcrumbs ol:after, #page-breadcrumbs ul:after {
  content: "";
  display: table;
  clear: both;
}
#page-breadcrumbs ol li, #page-breadcrumbs ul li {
  float: left;
  position: relative;
  margin-right: 25px;
}
#page-breadcrumbs ol li span, #page-breadcrumbs ul li span {
  display: block;
  line-height: 50px;
  font-weight: 400;
}
#page-breadcrumbs ol li:before, #page-breadcrumbs ul li:before {
  position: absolute;
  top: 0;
  right: -25px;
  content: ">";
  width: 25px;
  text-align: center;
  font-size: 0.6em;
  line-height: 50px;
}
#page-breadcrumbs ol li:last-child:before, #page-breadcrumbs ul li:last-child:before {
  display: none;
}
#page-breadcrumbs ol li:last-child span, #page-breadcrumbs ul li:last-child span {
  font-weight: 300;
}

.footer-links > .wrapper > div .footer-logo, .logo {
  display: inline-block;
}
.footer-links > .wrapper > div .footer-logo a, .logo a {
  display: block;
  height: 90%;
  position: relative;
}
.footer-links > .wrapper > div .footer-logo a strong, .logo a strong, .footer-links > .wrapper > div .footer-logo a h1, .logo a h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  text-indent: 99999px;
  overflow: hidden;
}
.footer-links > .wrapper > div .footer-logo a strong:before, .logo a strong:before, .footer-links > .wrapper > div .footer-logo a strong:after, .logo a strong:after, .footer-links > .wrapper > div .footer-logo a h1:before, .logo a h1:before, .footer-links > .wrapper > div .footer-logo a h1:after, .logo a h1:after {
  display: none;
}
.footer-links > .wrapper > div .footer-logo a img, .logo a img {
  height: 100%;
  width: auto;
}

.msg {
  padding: 50px;
  margin-bottom: 50px;
  position: relative;
}
.msg .close {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: block;
  margin: 25px;
  z-index: 10;
  cursor: pointer;
}
.msg .close:hover {
  background: #fff;
}
.msg strong {
  color: #000;
  display: block;
}
.msg strong:after {
  display: none;
}
.msg strong {
  margin-bottom: 25px !important;
}
.msg.success {
  background: rgb(232.8169014085, 244.2253521127, 198.2746478873);
}
.msg.success strong {
  color: #8fb322;
}
.msg.error {
  background: rgb(252.6850393701, 232.8149606299, 238.4094488189);
}

#page-footer .footer-copyright .customer {
  color: rgba(255, 255, 255, 0.3);
}
@media only screen and (max-width: 640px) {
  #page-footer .footer-copyright .customer {
    float: none;
    width: auto;
    text-align: center;
  }
}
#page-footer .footer-copyright .maven {
  text-transform: uppercase;
  font-size: 9px;
  font-size: 0.5625rem;
  color: rgba(255, 255, 255, 0.3);
}
@media only screen and (max-width: 640px) {
  #page-footer .footer-copyright .maven {
    float: none;
    width: auto;
    text-align: center;
    margin-top: 25px;
  }
}
#page-footer .footer-copyright .maven span {
  line-height: 1em;
  display: inline-block;
}
#page-footer .footer-copyright .maven svg {
  height: 18px;
  margin-left: 4px;
  transform: translateY(1px);
}
#page-footer .footer-copyright .maven path {
  fill: #ccc;
}
#page-footer .footer-copyright .maven a {
  display: inline-block;
  text-decoration: none;
}
#page-footer .footer-copyright .maven a:hover path {
  fill: #d60057;
}
#page-footer .footer-links > .wrapper {
  display: flex;
}
#page-footer .footer-links > .wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#page-footer .footer-links > .wrapper ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#page-footer .footer-links > .wrapper ul li a {
  display: block;
}

#header-notice {
  background: #111;
  position: relative;
  z-index: 100;
}
#header-notice > .wrapper {
  padding-top: 12.5px !important;
  padding-bottom: 12.5px !important;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 14px;
  font-weight: 500;
}
@media only screen and (max-width: 900px) {
  #header-notice > .wrapper {
    padding-top: 6.25px !important;
    padding-bottom: 6.25px !important;
    font-size: 14px;
  }
}
#header-notice > .wrapper p {
  margin: 0;
  font-size: inherit;
  font-weight: 500;
}
#header-notice > .wrapper button {
  background: none;
  border: 0px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: #fff;
  font-size: 14px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  cursor: pointer;
}
#header-notice > .wrapper button:hover {
  background: rgba(255, 255, 255, 0.2);
}

.page-blank {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+100 */
  background: #ffffff; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #eeeeee 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #ffffff 0%, #eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$color-main", endColorstr="$color-black",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.page-blank #page {
  display: flex;
  align-items: center;
  text-align: center;
  color: #000;
}
.page-blank #page h1 {
  font-weight: 800;
  font-size: 10vw !important;
  margin-bottom: 0.5em;
}
.page-blank #page .button {
  margin-top: 2em;
  padding: 0 2em;
  line-height: 60px;
  color: #fff;
  border-color: #000;
  background: #000;
}

.bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

/*================ Social share buttons ================*/
.social-sharing {
  font-weight: 400;
  float: left;
  margin-left: -5px;
  /*================ Large Buttons ================*/
}

.social-sharing * {
  box-sizing: border-box;
}

.social-sharing a {
  display: inline-block;
  color: #fff;
  border-radius: 2px;
  margin: 0 5px 0px 0;
  height: 22px;
  line-height: 22px;
  text-decoration: none;
  font-weight: normal;
}

.social-sharing a:hover {
  color: #fff;
}

.social-sharing span {
  display: inline-block;
  vertical-align: top;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
}

.social-sharing .icon {
  padding: 0 5px 0 10px;
}

.social-sharing .icon:before {
  line-height: 22px;
}

.social-sharing.is-large a {
  height: 44px;
  line-height: 44px;
}

.social-sharing.is-large a span {
  height: 44px;
  line-height: 44px;
  font-size: 18px;
}

.social-sharing.is-large a .icon {
  padding: 0 10px 0 18px;
}

.social-sharing.is-large a .icon:before {
  line-height: 44px;
}

.share-title {
  font-weight: 900;
  font-size: 12px;
  padding-right: 10px;
}

.is-large .share-title {
  padding-right: 16px;
}

.share-facebook {
  background-color: #3b5998;
}

.share-facebook:hover {
  background-color: #2d4373;
}

.share-twitter {
  background-color: #00aced;
}

.share-twitter:hover {
  background-color: #0087ba;
}

.share-pinterest {
  background-color: #cb2027;
}

.share-pinterest:hover {
  background-color: #9f191f;
}

.share-fancy {
  background-color: #4999dc;
}

.share-fancy:hover {
  background-color: #2780cb;
}

.share-google {
  background-color: #dd4b39;
}

.share-google:hover {
  background-color: #c23321;
}

.share-reddit {
  background-color: #5f99cf;
}

.share-reddit:hover {
  background-color: #3a80c1;
}

.share-linkedin {
  background-color: #0077b5;
}

.share-linkedin:hover {
  background-color: #005582;
}

.share-skype {
  background-color: #00aff0;
}

.share-skype:hover {
  background-color: #008abd;
}

.share-count {
  position: relative;
  background-color: #fff;
  padding: 0 8px;
  margin-right: -2px;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  border-radius: 0 2px 2px 0;
  border: 1px solid #ececec;
  opacity: 0;
  transition: opacity 0.2s ease-in;
}

.share-count.is-loaded {
  opacity: 1;
}

.share-count:before,
.share-count:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid;
}

.share-count:before {
  left: -6px;
  border-right-color: #ececec;
}

.share-count:after {
  left: -5px;
  border-right-color: #fff;
}

a:hover .share-count {
  background-color: whitesmoke;
}

a:hover .share-count:after {
  border-right-color: whitesmoke;
}

.is-large .share-count {
  font-size: 18px;
  padding: 0 14px;
}

/*================ Clean Buttons ================*/
.social-sharing.is-clean a {
  background-color: #fff;
  border: 1px solid #ececec;
  color: #333;
  height: 30px;
  line-height: 30px;
}

.social-sharing.is-clean a span {
  height: 30px;
  line-height: 30px;
  font-size: 13px;
}

.social-sharing.is-clean a:hover {
  background-color: #ececec;
}

.social-sharing.is-clean a:hover .share-count {
  background-color: #fff;
}

.social-sharing.is-clean a:hover .share-count:after {
  border-right-color: #fff;
}

.social-sharing.is-clean a .share-title {
  font-weight: normal;
}

.social-sharing.is-clean .share-count {
  top: -1px;
}

.social-sharing.is-clean .icon-facebook {
  color: #3b5998;
}

.social-sharing.is-clean .icon-twitter {
  color: #00aced;
}

.social-sharing.is-clean .icon-pinterest {
  color: #cb2027;
}

.social-sharing.is-clean .icon-fancy {
  color: #4999dc;
}

.social-sharing.is-clean .icon-google {
  color: #dd4b39;
}

.social-sharing.is-clean .icon-reddit {
  color: #5f99cf;
}

.social-sharing.is-clean .icon-linkedin {
  color: #0077b5;
}

.social-sharing.is-clean .icon-skype {
  color: #00aff0;
}

@font-face {
  font-family: "icon";
  src: url("../fonts/icons/icon.eot");
  src: url("../fonts/icons/icon.eot?#iefix") format("eot"), url("../fonts/icons/icon.woff2") format("woff2"), url("../fonts/icons/icon.woff") format("woff"), url("../fonts/icons/icon.ttf") format("truetype"), url("../fonts/icons/icon.svg#icon") format("svg");
}
.icon:before {
  font-family: "icon";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
  text-decoration: none;
  text-transform: none;
}

.icon-icon_arrow-down:before {
  content: "\e001";
}

.icon-icon_arrow-left:before {
  content: "\e002";
}

.icon-icon_arrow-right:before {
  content: "\e003";
}

.icon-icon_arrow-up:before {
  content: "\e004";
}

.icon-icon_badge:before {
  content: "\e005";
}

.icon-icon_calendar:before {
  content: "\e006";
}

.icon-icon_chat-circle-exclamation:before {
  content: "\e007";
}

.icon-icon_chat-circle-group:before {
  content: "\e008";
}

.icon-icon_chat-circle-information:before {
  content: "\e009";
}

.icon-icon_chat-circle-question:before {
  content: "\e00a";
}

.icon-icon_chat-circle:before {
  content: "\e00b";
}

.icon-icon_chat-square-exclamation:before {
  content: "\e00c";
}

.icon-icon_chat-square-group:before {
  content: "\e00d";
}

.icon-icon_chat-square-information:before {
  content: "\e00e";
}

.icon-icon_chat-square-question:before {
  content: "\e00f";
}

.icon-icon_chat-square:before {
  content: "\e010";
}

.icon-icon_check-circle:before {
  content: "\e011";
}

.icon-icon_clock:before {
  content: "\e012";
}

.icon-icon_close:before {
  content: "\e013";
}

.icon-icon_cog:before {
  content: "\e014";
}

.icon-icon_company:before {
  content: "\e015";
}

.icon-icon_coupon:before {
  content: "\e016";
}

.icon-icon_crate:before {
  content: "\e017";
}

.icon-icon_credit-card:before {
  content: "\e018";
}

.icon-icon_delete:before {
  content: "\e019";
}

.icon-icon_download:before {
  content: "\e01a";
}

.icon-icon_dropbox:before {
  content: "\e01b";
}

.icon-icon_earth:before {
  content: "\e01c";
}

.icon-icon_eco:before {
  content: "\e01d";
}

.icon-icon_email-check:before {
  content: "\e01e";
}

.icon-icon_email-forward:before {
  content: "\e01f";
}

.icon-icon_email-read:before {
  content: "\e020";
}

.icon-icon_email:before {
  content: "\e021";
}

.icon-icon_expand-circle-plus:before {
  content: "\e022";
}

.icon-icon_expand-plus:before {
  content: "\e023";
}

.icon-icon_expand:before {
  content: "\e024";
}

.icon-icon_facebook-fill:before {
  content: "\e025";
}

.icon-icon_facebook:before {
  content: "\e026";
}

.icon-icon_file-add:before {
  content: "\e027";
}

.icon-icon_file-edit:before {
  content: "\e028";
}

.icon-icon_files:before {
  content: "\e029";
}

.icon-icon_filter:before {
  content: "\e02a";
}

.icon-icon_folder:before {
  content: "\e02b";
}

.icon-icon_graph-pie:before {
  content: "\e02c";
}

.icon-icon_group:before {
  content: "\e02d";
}

.icon-icon_heart:before {
  content: "\e02e";
}

.icon-icon_home:before {
  content: "\e02f";
}

.icon-icon_instagram-fill:before {
  content: "\e030";
}

.icon-icon_instagram:before {
  content: "\e031";
}

.icon-icon_keys:before {
  content: "\e032";
}

.icon-icon_layers:before {
  content: "\e033";
}

.icon-icon_like:before {
  content: "\e034";
}

.icon-icon_linkedin:before {
  content: "\e035";
}

.icon-icon_list:before {
  content: "\e036";
}

.icon-icon_location-direction:before {
  content: "\e037";
}

.icon-icon_location-pin:before {
  content: "\e038";
}

.icon-icon_location:before {
  content: "\e039";
}

.icon-icon_lock-open:before {
  content: "\e03a";
}

.icon-icon_lock:before {
  content: "\e03b";
}

.icon-icon_logout:before {
  content: "\e03c";
}

.icon-icon_money:before {
  content: "\e03d";
}

.icon-icon_navigation:before {
  content: "\e03e";
}

.icon-icon_notification:before {
  content: "\e03f";
}

.icon-icon_paypal:before {
  content: "\e040";
}

.icon-icon_pencil:before {
  content: "\e041";
}

.icon-icon_person-add:before {
  content: "\e042";
}

.icon-icon_person:before {
  content: "\e043";
}

.icon-icon_phone:before {
  content: "\e044";
}

.icon-icon_picture:before {
  content: "\e045";
}

.icon-icon_plus:before {
  content: "\e046";
}

.icon-icon_refresh:before {
  content: "\e047";
}

.icon-icon_search:before {
  content: "\e048";
}

.icon-icon_shopping-bag:before {
  content: "\e049";
}

.icon-icon_shopping-basket:before {
  content: "\e04a";
}

.icon-icon_shopping-cart:before {
  content: "\e04b";
}

.icon-icon_smiley-smile:before {
  content: "\e04c";
}

.icon-icon_star-fill:before {
  content: "\e04d";
}

.icon-icon_star:before {
  content: "\e04e";
}

.icon-icon_tags:before {
  content: "\e04f";
}

.icon-icon_thumbnail:before {
  content: "\e050";
}

.icon-icon_truck-delivery-time:before {
  content: "\e051";
}

.icon-icon_truck:before {
  content: "\e052";
}

.icon-icon_twitter-fill:before {
  content: "\e053";
}

.icon-icon_twitter:before {
  content: "\e054";
}

.icon-icon_video:before {
  content: "\e055";
}

.icon-icon_voucher:before {
  content: "\e056";
}

.icon-icon_whatsapp-fill:before {
  content: "\e057";
}

.icon-icon_whatsapp:before {
  content: "\e058";
}

.icon-icon_youtube-fill:before {
  content: "\e059";
}

.icon-icon_youtube:before {
  content: "\e05a";
}

.form-field .form-input .form-input-wrapper label, #listing-activities > .wrapper article .content p, #listing-tractor-categories > .wrapper article .content p, #page-navigation .navigation-top ul li a, body {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 100;
}

section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate .estimate-details-list > h4, section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box h4, section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box h3, section.tractor-details > .wrapper > header > h4, .form-field .form-input .form-input-wrapper select, .form-field .form-input .form-input-wrapper option, .form-field .form-input .form-input-wrapper input, .form-field .form-input .form-input-wrapper textarea, .form-field .form-input .form-input-wrapper, .form-field .form-label, .page-contact .request-contact > .wrapper h2, .listing-jobs h3,
.listing-secteurs h3, .tractor-listing .vehicule-proposal .form-fieldset h3,
.page-vehicule-details .vehicule-proposal .form-fieldset h3,
.page-activity-details .vehicule-proposal .form-fieldset h3, .tractor-listing .vehicule-proposal p,
.page-vehicule-details .vehicule-proposal p,
.page-activity-details .vehicule-proposal p, .tractor-listing .vehicule-proposal h2,
.page-vehicule-details .vehicule-proposal h2,
.page-activity-details .vehicule-proposal h2, .tractor-listing #vehicule-about > .wrapper > div h2,
.page-vehicule-details #vehicule-about > .wrapper > div h2,
.page-activity-details #vehicule-about > .wrapper > div h2, #listing-activities > .wrapper article .title, #listing-tractor-categories > .wrapper article .title, #listing-vehicules.tractor > .wrapper h4, #listing-vehicules > .wrapper article .title, #listing-vehicules > .wrapper .listing-options div, .page-vehicule-listing.tractor-listing #search > .wrapper h4, .page-location-longue-duree #ask-location > a, .page-location-longue-duree .rental-categories .listing-vehicules article .title, .page-location-longue-duree .rental-categories h2, .page-location-longue-duree .services .list-services > li h3, .page-location-longue-duree .benefits > .wrapper > div.content h3, #page-navigation .navigation-main ul li a, #page-footer .footer-copyright > .wrapper > div.customer, .page-home #page-header > .wrapper strong, .page-home #page-header > .wrapper h1, .tractor-listing .tabs > ul > li,
.page-vehicule-details .tabs > ul > li,
.page-activity-details .tabs > ul > li, .call-us > a, .blog-article .content footer .button-primary span, section.tractor-details > .wrapper div.table-tractor-estimate > div > div > div > button span, section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box .buttons button span, .page-contact .form-fieldset button span, .tractor-listing .vehicule-proposal .form-fieldset button span,
.page-vehicule-details .vehicule-proposal .form-fieldset button span,
.page-activity-details .vehicule-proposal .form-fieldset button span, .tractor-listing #vehicule-about > .wrapper > div .cta a span,
.page-vehicule-details #vehicule-about > .wrapper > div .cta a span,
.page-activity-details #vehicule-about > .wrapper > div .cta a span, #popup-tractor-location > .content div.form p.buttons button span, #listing-activities > .wrapper article footer .cta button span, #listing-tractor-categories > .wrapper article footer .cta button span, #listing-vehicules > .wrapper article .cta button span, #listing-vehicules > .wrapper .link a span, .page-vehicule-listing #search > .wrapper .filters > div #make-estimate span, #why_fraikin > .wrapper > div .cta a span, #why_fraikin > .wrapper > div .cta button span, #long-duration > .wrapper .cta a span, #long-duration > .wrapper .cta button span, .page-location-longue-duree .rental-categories .listing-vehicules article .cta button span, .page-location-longue-duree button span, .page-location-longue-duree .cta a span, .banner > .wrapper .block a span, .faq-contact-us a span, .page-blank #page .button span, .blog-related > .wrapper header h2, .blog-article .content header h2, .blog-main .blog-main-sidebar section h3, .blog-item .blog-main-sidebar section h3, #popup-tractor-location > .content h3, #popup-tractor-details > .content > .popup-details > h3, #listing-activities > .wrapper h1, #listing-activities > .wrapper h2, #listing-activities > .wrapper h3, #listing-tractor-categories > .wrapper h1, #listing-tractor-categories > .wrapper h2, #listing-tractor-categories > .wrapper h3, #listing-vehicules > .wrapper header h2, #listing-vehicules > .wrapper header h3, #why_fraikin > .wrapper > div h2, #long-duration > .wrapper h2, .page-location-longue-duree .benefits > .wrapper > header h2,
.page-location-longue-duree .services > .wrapper > header h2,
.page-location-longue-duree .rental-categories > .wrapper > header h2,
.page-location-longue-duree .testimonials > .wrapper > header h2,
.page-location-longue-duree .request-long-terms-location > .wrapper > header h2, .page-vehicule-details #page-main #content-header > .wrapper h1, .page-interior #page-main #content-header > .wrapper h1, .page-activity-details #page-main #content-header > .wrapper h1,
.page-vehicule-listing #page-main #content-header > .wrapper h1,
.page-activity-listing #page-main #content-header > .wrapper h1,
.page-contact #page-main #content-header > .wrapper h1,
.page-about #page-main #content-header > .wrapper h1,
.page-default #page-main #content-header > .wrapper h1, .page-blank #page h1, #long-duration > .wrapper h3, .page-location-longue-duree .testimonials .swiper-container > h2 {
  font-weight: 100;
  font-family: "Oswald", sans-serif;
}

.page-home #page-header > .wrapper, .wrapper, #page-navigation > div, #header-notice > .wrapper {
  max-width: 1200px;
  width: calc(100% - 50px) !important;
}
@media only screen and (max-width: 640px) {
  .page-home #page-header > .wrapper, .wrapper, #page-navigation > div, #header-notice > .wrapper {
    width: calc(100% - 25px) !important;
  }
}

#popup-tractor-location, #popup-tractor-details {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100000;
  position: fixed;
  display: none;
  align-content: center;
  background-color: rgba(0, 0, 0, 0.8);
}
#popup-tractor-location > .content, #popup-tractor-details > .content {
  width: 60%;
  padding: 2rem;
  margin: auto;
  overflow-y: auto;
  max-height: 90vh;
  position: relative;
  background-color: white;
  padding-top: 4rem;
}
@media only screen and (max-width: 900px) {
  #popup-tractor-location > .content, #popup-tractor-details > .content {
    width: 95vw;
    height: 97vh;
    max-height: 97vh;
    padding: 2rem 1rem;
  }
}
#popup-tractor-location > .content > header, #popup-tractor-details > .content > header {
  width: 100%;
  top: -30px;
  right: 1rem;
  position: relative;
  text-align: right;
}
@media only screen and (max-width: 900px) {
  #popup-tractor-location > .content > header, #popup-tractor-details > .content > header {
    display: flex;
    top: 0;
    right: 0.5rem;
    position: fixed;
  }
}
#popup-tractor-location > .content > header > i.icon, #popup-tractor-details > .content > header > i.icon {
  position: fixed;
}
@media only screen and (max-width: 900px) {
  #popup-tractor-location > .content > header > i.icon, #popup-tractor-details > .content > header > i.icon {
    display: block;
    width: 40px;
    line-height: 40px;
    text-align: center;
    top: 25px;
    top: 1.5625rem;
    right: 20px;
    right: 1.25rem;
    cursor: pointer;
    position: absolute;
    font-size: 24px;
    font-size: 1.5rem;
  }
}

#long-duration > .wrapper h3, .page-location-longue-duree .testimonials .swiper-container > h2 {
  font-size: 20px;
  font-size: 1.25rem;
  width: 100%;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  padding-bottom: calc(25px / 3);
  padding-bottom: calc(25px / 3);
  color: white;
  position: relative;
  font-weight: 400;
}
#long-duration > .wrapper h3:before, .page-location-longue-duree .testimonials .swiper-container > h2:before {
  content: "";
  bottom: 0;
  left: 0;
  height: 2px;
  background: white;
  width: 60px;
  position: absolute;
}

html {
  background: #f7f7f7;
}

body {
  background: none;
  color: #000;
}

#page {
  overflow: hidden;
}

p, li {
  line-height: 1.3em;
}

dl {
  display: flex;
  flex-wrap: wrap;
}
dl > dt, dl > dd {
  width: 50%;
}
dl > dt,
dl > dd {
  padding: 10px;
  padding: 0.625rem;
}
dl > dt:nth-child(4n), dl > dt:nth-child(4n-1),
dl > dd:nth-child(4n),
dl > dd:nth-child(4n-1) {
  background: rgba(0, 0, 0, 0.05);
}
dl > dd {
  font-weight: 400;
}

.logo {
  height: 100px;
  padding: 25px 0;
}

#content-footer {
  order: 9;
}
#content-footer > section + section {
  margin-top: 25px;
  margin-top: 1.5625rem;
}

/***********************

MINIMIZE

***********************/
.tractor-listing .price,
.page-vehicule-details .price,
.page-activity-details .price, #listing-vehicules > .wrapper article .price, .page-location-longue-duree .rental-categories .listing-vehicules article .price {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  color: #fff;
  padding-top: 15px;
  transform: translateX(25%) translateY(-25%) rotate(4deg);
  text-align: center;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fc980c+0,ea690b+100 */
  background: rgb(252, 152, 12); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(252, 152, 12) 0%, rgb(234, 105, 11) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgb(252, 152, 12) 0%, rgb(234, 105, 11) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(252, 152, 12) 0%, rgb(234, 105, 11) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc980c", endColorstr="#ea690b", GradientType=0); /* IE6-9 */
}
.tractor-listing .price span,
.page-vehicule-details .price span,
.page-activity-details .price span, #listing-vehicules > .wrapper article .price span, .page-location-longue-duree .rental-categories .listing-vehicules article .price span {
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  display: block;
}
.tractor-listing .price span.amount,
.page-vehicule-details .price span.amount,
.page-activity-details .price span.amount, #listing-vehicules > .wrapper article .price span.amount, .page-location-longue-duree .rental-categories .listing-vehicules article .price span.amount {
  font-weight: 600;
  font-size: 30px;
  font-size: 1.875rem;
}
.tractor-listing .price span:last-child,
.page-vehicule-details .price span:last-child,
.page-activity-details .price span:last-child, #listing-vehicules > .wrapper article .price span:last-child, .page-location-longue-duree .rental-categories .listing-vehicules article .price span:last-child {
  font-size: 0.6em;
  line-height: 1.6em;
}

.blog-related > .wrapper header h2, .blog-article .content header h2, .blog-main .blog-main-sidebar section h3, .blog-item .blog-main-sidebar section h3, #popup-tractor-location > .content h3, #popup-tractor-details > .content > .popup-details > h3, #listing-activities > .wrapper h1, #listing-activities > .wrapper h2, #listing-activities > .wrapper h3, #listing-tractor-categories > .wrapper h1, #listing-tractor-categories > .wrapper h2, #listing-tractor-categories > .wrapper h3, #listing-vehicules > .wrapper header h2, #listing-vehicules > .wrapper header h3, #why_fraikin > .wrapper > div h2, #long-duration > .wrapper h2, .page-location-longue-duree .benefits > .wrapper > header h2,
.page-location-longue-duree .services > .wrapper > header h2,
.page-location-longue-duree .rental-categories > .wrapper > header h2,
.page-location-longue-duree .testimonials > .wrapper > header h2,
.page-location-longue-duree .request-long-terms-location > .wrapper > header h2, .page-vehicule-details #page-main #content-header > .wrapper h1, .page-interior #page-main #content-header > .wrapper h1, .page-activity-details #page-main #content-header > .wrapper h1,
.page-vehicule-listing #page-main #content-header > .wrapper h1,
.page-activity-listing #page-main #content-header > .wrapper h1,
.page-contact #page-main #content-header > .wrapper h1,
.page-about #page-main #content-header > .wrapper h1,
.page-default #page-main #content-header > .wrapper h1, .page-blank #page h1 {
  font-weight: 400;
  padding: 0 0 25px 0;
  padding: 0 0 1.5625rem 0;
  font-size: 36px;
  font-size: 2.25rem;
  margin: 0;
  line-height: 1em;
  color: #ea690b;
  text-align: center;
}
.blog-related > .wrapper header h2:last-child, .blog-article .content header h2:last-child, .blog-main .blog-main-sidebar section h3:last-child, .blog-item .blog-main-sidebar section h3:last-child, #popup-tractor-location > .content h3:last-child, #popup-tractor-details > .content > .popup-details > h3:last-child, #listing-activities > .wrapper h1:last-child, #listing-activities > .wrapper h2:last-child, #listing-activities > .wrapper h3:last-child, #listing-tractor-categories > .wrapper h1:last-child, #listing-tractor-categories > .wrapper h2:last-child, #listing-tractor-categories > .wrapper h3:last-child, #listing-vehicules > .wrapper header h2:last-child, #listing-vehicules > .wrapper header h3:last-child, #why_fraikin > .wrapper > div h2:last-child, #long-duration > .wrapper h2:last-child, .page-location-longue-duree .benefits > .wrapper > header h2:last-child,
.page-location-longue-duree .services > .wrapper > header h2:last-child,
.page-location-longue-duree .rental-categories > .wrapper > header h2:last-child,
.page-location-longue-duree .testimonials > .wrapper > header h2:last-child,
.page-location-longue-duree .request-long-terms-location > .wrapper > header h2:last-child, .page-vehicule-details #page-main #content-header > .wrapper h1:last-child, .page-interior #page-main #content-header > .wrapper h1:last-child, .page-activity-details #page-main #content-header > .wrapper h1:last-child,
.page-vehicule-listing #page-main #content-header > .wrapper h1:last-child,
.page-activity-listing #page-main #content-header > .wrapper h1:last-child,
.page-contact #page-main #content-header > .wrapper h1:last-child,
.page-about #page-main #content-header > .wrapper h1:last-child,
.page-default #page-main #content-header > .wrapper h1:last-child, .page-blank #page h1:last-child {
  padding-bottom: 0;
  padding-bottom: 0;
}
.blog-related > .wrapper header h2 span, .blog-article .content header h2 span, .blog-main .blog-main-sidebar section h3 span, .blog-item .blog-main-sidebar section h3 span, #popup-tractor-location > .content h3 span, #popup-tractor-details > .content > .popup-details > h3 span, #listing-activities > .wrapper h1 span, #listing-activities > .wrapper h2 span, #listing-activities > .wrapper h3 span, #listing-tractor-categories > .wrapper h1 span, #listing-tractor-categories > .wrapper h2 span, #listing-tractor-categories > .wrapper h3 span, #listing-vehicules > .wrapper header h2 span, #listing-vehicules > .wrapper header h3 span, #why_fraikin > .wrapper > div h2 span, #long-duration > .wrapper h2 span, .page-location-longue-duree .benefits > .wrapper > header h2 span,
.page-location-longue-duree .services > .wrapper > header h2 span,
.page-location-longue-duree .rental-categories > .wrapper > header h2 span,
.page-location-longue-duree .testimonials > .wrapper > header h2 span,
.page-location-longue-duree .request-long-terms-location > .wrapper > header h2 span, .page-vehicule-details #page-main #content-header > .wrapper h1 span, .page-interior #page-main #content-header > .wrapper h1 span, .page-activity-details #page-main #content-header > .wrapper h1 span,
.page-vehicule-listing #page-main #content-header > .wrapper h1 span,
.page-activity-listing #page-main #content-header > .wrapper h1 span,
.page-contact #page-main #content-header > .wrapper h1 span,
.page-about #page-main #content-header > .wrapper h1 span,
.page-default #page-main #content-header > .wrapper h1 span, .page-blank #page h1 span {
  display: block;
  color: #000;
  font-size: 0.7em;
}
.blog-related > .wrapper header h2 + p, .blog-article .content header h2 + p, .blog-main .blog-main-sidebar section h3 + p, .blog-item .blog-main-sidebar section h3 + p, #popup-tractor-location > .content h3 + p, #popup-tractor-details > .content > .popup-details > h3 + p, #listing-activities > .wrapper h1 + p, #listing-activities > .wrapper h2 + p, #listing-activities > .wrapper h3 + p, #listing-tractor-categories > .wrapper h1 + p, #listing-tractor-categories > .wrapper h2 + p, #listing-tractor-categories > .wrapper h3 + p, #listing-vehicules > .wrapper header h2 + p, #listing-vehicules > .wrapper header h3 + p, #why_fraikin > .wrapper > div h2 + p, #long-duration > .wrapper h2 + p, .page-location-longue-duree .benefits > .wrapper > header h2 + p,
.page-location-longue-duree .services > .wrapper > header h2 + p,
.page-location-longue-duree .rental-categories > .wrapper > header h2 + p,
.page-location-longue-duree .testimonials > .wrapper > header h2 + p,
.page-location-longue-duree .request-long-terms-location > .wrapper > header h2 + p, .page-vehicule-details #page-main #content-header > .wrapper h1 + p, .page-interior #page-main #content-header > .wrapper h1 + p, .page-activity-details #page-main #content-header > .wrapper h1 + p,
.page-vehicule-listing #page-main #content-header > .wrapper h1 + p,
.page-activity-listing #page-main #content-header > .wrapper h1 + p,
.page-contact #page-main #content-header > .wrapper h1 + p,
.page-about #page-main #content-header > .wrapper h1 + p,
.page-default #page-main #content-header > .wrapper h1 + p, .page-blank #page h1 + p {
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: calc(25px / 2 * -1);
  margin-top: calc(25px / 2 * -1);
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
  color: #888;
  text-align: center;
  text-wrap: balance;
}
.blog-related > .wrapper header h2 + p:last-child, .blog-article .content header h2 + p:last-child, .blog-main .blog-main-sidebar section h3 + p:last-child, .blog-item .blog-main-sidebar section h3 + p:last-child, #popup-tractor-location > .content h3 + p:last-child, #popup-tractor-details > .content > .popup-details > h3 + p:last-child, #listing-activities > .wrapper h1 + p:last-child, #listing-activities > .wrapper h2 + p:last-child, #listing-activities > .wrapper h3 + p:last-child, #listing-tractor-categories > .wrapper h1 + p:last-child, #listing-tractor-categories > .wrapper h2 + p:last-child, #listing-tractor-categories > .wrapper h3 + p:last-child, #listing-vehicules > .wrapper header h2 + p:last-child, #listing-vehicules > .wrapper header h3 + p:last-child, #why_fraikin > .wrapper > div h2 + p:last-child, #long-duration > .wrapper h2 + p:last-child, .page-location-longue-duree .benefits > .wrapper > header h2 + p:last-child,
.page-location-longue-duree .services > .wrapper > header h2 + p:last-child,
.page-location-longue-duree .rental-categories > .wrapper > header h2 + p:last-child,
.page-location-longue-duree .testimonials > .wrapper > header h2 + p:last-child,
.page-location-longue-duree .request-long-terms-location > .wrapper > header h2 + p:last-child, .page-vehicule-details #page-main #content-header > .wrapper h1 + p:last-child, .page-interior #page-main #content-header > .wrapper h1 + p:last-child, .page-activity-details #page-main #content-header > .wrapper h1 + p:last-child,
.page-vehicule-listing #page-main #content-header > .wrapper h1 + p:last-child,
.page-activity-listing #page-main #content-header > .wrapper h1 + p:last-child,
.page-contact #page-main #content-header > .wrapper h1 + p:last-child,
.page-about #page-main #content-header > .wrapper h1 + p:last-child,
.page-default #page-main #content-header > .wrapper h1 + p:last-child, .page-blank #page h1 + p:last-child {
  margin-bottom: 0;
  margin-bottom: 0;
}

.blog-article .content footer .button-primary, section.tractor-details > .wrapper div.table-tractor-estimate > div > div > div > button, section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box .buttons button, .page-contact .form-fieldset button, .tractor-listing .vehicule-proposal .form-fieldset button,
.page-vehicule-details .vehicule-proposal .form-fieldset button,
.page-activity-details .vehicule-proposal .form-fieldset button, .tractor-listing #vehicule-about > .wrapper > div .cta a,
.page-vehicule-details #vehicule-about > .wrapper > div .cta a,
.page-activity-details #vehicule-about > .wrapper > div .cta a, #popup-tractor-location > .content div.form p.buttons button, #listing-activities > .wrapper article footer .cta button, #listing-tractor-categories > .wrapper article footer .cta button, #listing-vehicules > .wrapper article .cta button, #listing-vehicules > .wrapper .link a, .page-vehicule-listing #search > .wrapper .filters > div #make-estimate, #why_fraikin > .wrapper > div .cta a, #why_fraikin > .wrapper > div .cta button, #long-duration > .wrapper .cta a, #long-duration > .wrapper .cta button, .page-location-longue-duree .rental-categories .listing-vehicules article .cta button, .page-location-longue-duree button, .page-location-longue-duree .cta a, .banner > .wrapper .block a, .faq-contact-us a, .page-blank #page .button {
  outline: 0;
  background: #ea690b;
  color: #fff;
  border: 0;
  position: relative;
  cursor: pointer;
  border-radius: 4px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
  display: inline-block;
  text-decoration: none;
  border: solid 1px #ea690b;
}
.blog-article .content footer .button-primary i, section.tractor-details > .wrapper div.table-tractor-estimate > div > div > div > button i, section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box .buttons button i, .page-contact .form-fieldset button i, .tractor-listing .vehicule-proposal .form-fieldset button i,
.page-vehicule-details .vehicule-proposal .form-fieldset button i,
.page-activity-details .vehicule-proposal .form-fieldset button i, .tractor-listing #vehicule-about > .wrapper > div .cta a i,
.page-vehicule-details #vehicule-about > .wrapper > div .cta a i,
.page-activity-details #vehicule-about > .wrapper > div .cta a i, #popup-tractor-location > .content div.form p.buttons button i, #listing-activities > .wrapper article footer .cta button i, #listing-tractor-categories > .wrapper article footer .cta button i, #listing-vehicules > .wrapper article .cta button i, #listing-vehicules > .wrapper .link a i, .page-vehicule-listing #search > .wrapper .filters > div #make-estimate i, #why_fraikin > .wrapper > div .cta a i, #why_fraikin > .wrapper > div .cta button i, #long-duration > .wrapper .cta a i, #long-duration > .wrapper .cta button i, .page-location-longue-duree .rental-categories .listing-vehicules article .cta button i, .page-location-longue-duree button i, .page-location-longue-duree .cta a i, .banner > .wrapper .block a i, .faq-contact-us a i, .page-blank #page .button i {
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translateY(-45%);
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1em;
}
.blog-article .content footer .button-primary i + span, section.tractor-details > .wrapper div.table-tractor-estimate > div > div > div > button i + span, section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box .buttons button i + span, .page-contact .form-fieldset button i + span, .tractor-listing .vehicule-proposal .form-fieldset button i + span,
.page-vehicule-details .vehicule-proposal .form-fieldset button i + span,
.page-activity-details .vehicule-proposal .form-fieldset button i + span, .tractor-listing #vehicule-about > .wrapper > div .cta a i + span,
.page-vehicule-details #vehicule-about > .wrapper > div .cta a i + span,
.page-activity-details #vehicule-about > .wrapper > div .cta a i + span, #popup-tractor-location > .content div.form p.buttons button i + span, #listing-activities > .wrapper article footer .cta button i + span, #listing-tractor-categories > .wrapper article footer .cta button i + span, #listing-vehicules > .wrapper article .cta button i + span, #listing-vehicules > .wrapper .link a i + span, .page-vehicule-listing #search > .wrapper .filters > div #make-estimate i + span, #why_fraikin > .wrapper > div .cta a i + span, #why_fraikin > .wrapper > div .cta button i + span, #long-duration > .wrapper .cta a i + span, #long-duration > .wrapper .cta button i + span, .page-location-longue-duree .rental-categories .listing-vehicules article .cta button i + span, .page-location-longue-duree button i + span, .page-location-longue-duree .cta a i + span, .banner > .wrapper .block a i + span, .faq-contact-us a i + span, .page-blank #page .button i + span {
  padding-left: 55px;
  padding-left: 3.4375rem;
}
.blog-article .content footer .button-primary span, section.tractor-details > .wrapper div.table-tractor-estimate > div > div > div > button span, section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box .buttons button span, .page-contact .form-fieldset button span, .tractor-listing .vehicule-proposal .form-fieldset button span,
.page-vehicule-details .vehicule-proposal .form-fieldset button span,
.page-activity-details .vehicule-proposal .form-fieldset button span, .tractor-listing #vehicule-about > .wrapper > div .cta a span,
.page-vehicule-details #vehicule-about > .wrapper > div .cta a span,
.page-activity-details #vehicule-about > .wrapper > div .cta a span, #popup-tractor-location > .content div.form p.buttons button span, #listing-activities > .wrapper article footer .cta button span, #listing-tractor-categories > .wrapper article footer .cta button span, #listing-vehicules > .wrapper article .cta button span, #listing-vehicules > .wrapper .link a span, .page-vehicule-listing #search > .wrapper .filters > div #make-estimate span, #why_fraikin > .wrapper > div .cta a span, #why_fraikin > .wrapper > div .cta button span, #long-duration > .wrapper .cta a span, #long-duration > .wrapper .cta button span, .page-location-longue-duree .rental-categories .listing-vehicules article .cta button span, .page-location-longue-duree button span, .page-location-longue-duree .cta a span, .banner > .wrapper .block a span, .faq-contact-us a span, .page-blank #page .button span {
  position: relative;
  z-index: 10;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 0 25px;
  padding: 0 1.5625rem;
  line-height: 2.5em;
  text-transform: uppercase;
  display: block;
}
.blog-article .content footer .button-primary:before, section.tractor-details > .wrapper div.table-tractor-estimate > div > div > div > button:before, section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box .buttons button:before, .page-contact .form-fieldset button:before, .tractor-listing .vehicule-proposal .form-fieldset button:before,
.page-vehicule-details .vehicule-proposal .form-fieldset button:before,
.page-activity-details .vehicule-proposal .form-fieldset button:before, .tractor-listing #vehicule-about > .wrapper > div .cta a:before,
.page-vehicule-details #vehicule-about > .wrapper > div .cta a:before,
.page-activity-details #vehicule-about > .wrapper > div .cta a:before, #popup-tractor-location > .content div.form p.buttons button:before, #listing-activities > .wrapper article footer .cta button:before, #listing-tractor-categories > .wrapper article footer .cta button:before, #listing-vehicules > .wrapper article .cta button:before, #listing-vehicules > .wrapper .link a:before, .page-vehicule-listing #search > .wrapper .filters > div #make-estimate:before, #why_fraikin > .wrapper > div .cta a:before, #why_fraikin > .wrapper > div .cta button:before, #long-duration > .wrapper .cta a:before, #long-duration > .wrapper .cta button:before, .page-location-longue-duree .rental-categories .listing-vehicules article .cta button:before, .page-location-longue-duree button:before, .page-location-longue-duree .cta a:before, .banner > .wrapper .block a:before, .faq-contact-us a:before, .page-blank #page .button:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translateX(-50%) translateY(-50%);
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: all 200ms ease-in-out;
}
.blog-article .content footer .button-primary:hover:before, section.tractor-details > .wrapper div.table-tractor-estimate > div > div > div > button:hover:before, section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box .buttons button:hover:before, .page-contact .form-fieldset button:hover:before, .tractor-listing .vehicule-proposal .form-fieldset button:hover:before,
.page-vehicule-details .vehicule-proposal .form-fieldset button:hover:before,
.page-activity-details .vehicule-proposal .form-fieldset button:hover:before, .tractor-listing #vehicule-about > .wrapper > div .cta a:hover:before,
.page-vehicule-details #vehicule-about > .wrapper > div .cta a:hover:before,
.page-activity-details #vehicule-about > .wrapper > div .cta a:hover:before, #popup-tractor-location > .content div.form p.buttons button:hover:before, #listing-activities > .wrapper article footer .cta button:hover:before, #listing-tractor-categories > .wrapper article footer .cta button:hover:before, #listing-vehicules > .wrapper article .cta button:hover:before, #listing-vehicules > .wrapper .link a:hover:before, .page-vehicule-listing #search > .wrapper .filters > div #make-estimate:hover:before, #why_fraikin > .wrapper > div .cta a:hover:before, #why_fraikin > .wrapper > div .cta button:hover:before, #long-duration > .wrapper .cta a:hover:before, #long-duration > .wrapper .cta button:hover:before, .page-location-longue-duree .rental-categories .listing-vehicules article .cta button:hover:before, .page-location-longue-duree button:hover:before, .page-location-longue-duree .cta a:hover:before, .banner > .wrapper .block a:hover:before, .faq-contact-us a:hover:before, .page-blank #page .button:hover:before {
  opacity: 1;
}

section.tractor-details > .wrapper > header > h4 > .step, .page-categories-tracteur .headline-tractor > .step, #listing-vehicules.tractor > .wrapper h4 > .step, .page-vehicule-listing.tractor-listing #search > .wrapper h4 > .step {
  width: 37.5px;
  display: inline-block;
  padding: 8px 0;
  border-radius: 60%;
  text-align: center;
  border: 1px solid #ea690b;
  margin-right: calc(25px / 4);
}
@media only screen and (max-width: 900px) {
  section.tractor-details > .wrapper > header > h4 > .step, .page-categories-tracteur .headline-tractor > .step, #listing-vehicules.tractor > .wrapper h4 > .step, .page-vehicule-listing.tractor-listing #search > .wrapper h4 > .step {
    position: absolute;
    left: 0;
  }
}

.call-us > a {
  position: relative;
  padding: calc(25px / 2);
  padding: calc(25px / 2);
  padding-left: 50px;
  padding-left: 3.125rem;
  font-size: 13px;
  font-size: 0.8125rem;
  background: #fbeede;
  text-transform: uppercase;
  color: #ea690b;
  text-align: left;
  border-radius: 4px;
  border: 0;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
}
.call-us > a i {
  font-size: 18px;
  font-size: 1.125rem;
  left: calc(25px / 3);
  left: calc(25px / 3);
  position: absolute;
  width: 32px;
  height: 32px;
  line-height: 30px;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #ea690b;
  border-radius: 50%;
  text-align: center;
  z-index: 10;
}
.call-us > a span, .call-us > a strong {
  position: relative;
  z-index: 10;
}
.call-us > a strong {
  font-size: 18px;
  font-size: 1.125rem;
  display: block;
  margin-top: 2px;
  font-weight: 800;
}
.call-us > a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translateX(-50%) translateY(-50%);
  background: rgba(234, 105, 11, 0.2);
  opacity: 0;
  transition: all 200ms ease-in-out;
}
.call-us > a:hover:before {
  opacity: 1;
}

.address {
  font-size: 15px;
  font-size: 0.9375rem;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
.address strong {
  font-weight: 400;
}
.address h2, .address h6 {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: calc(25px / 2);
  margin-bottom: calc(25px / 2);
  color: #ea690b;
  font-weight: 600;
}
.address h2 strong, .address h6 strong {
  font-weight: 600;
}
.address a {
  color: #ea690b;
}
.address span, .address strong {
  display: block;
  line-height: 1.2em;
}
.address .opening {
  display: inline-block;
  font-size: 13px;
  font-size: 0.8125rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: calc(25px / 3);
  margin-top: calc(25px / 3);
  padding-top: calc(25px / 3);
  padding-top: calc(25px / 3);
}

.tractor-listing .tabs,
.page-vehicule-details .tabs,
.page-activity-details .tabs {
  padding: 50px 0;
  padding: 3.125rem 0;
}
.tractor-listing .tabs .tabs-container,
.page-vehicule-details .tabs .tabs-container,
.page-activity-details .tabs .tabs-container {
  padding: 25px 0;
  padding: 1.5625rem 0;
  padding-right: 25px;
  padding-right: 1.5625rem;
}
.tractor-listing .tabs .tabs-container ul li strong,
.page-vehicule-details .tabs .tabs-container ul li strong,
.page-activity-details .tabs .tabs-container ul li strong {
  background: #00438a !important;
  color: #fff !important;
}
.tractor-listing .tabs > ul,
.page-vehicule-details .tabs > ul,
.page-activity-details .tabs > ul {
  display: flex;
  align-content: center;
}
.tractor-listing .tabs > ul > li,
.page-vehicule-details .tabs > ul > li,
.page-activity-details .tabs > ul > li {
  position: relative;
}
.tractor-listing .tabs > ul > li a,
.page-vehicule-details .tabs > ul > li a,
.page-activity-details .tabs > ul > li a {
  color: #00438a;
  text-decoration: none;
  margin-right: 25px;
  margin-right: 1.5625rem;
  line-height: 2em;
  font-size: 22px;
  font-size: 1.375rem;
}
.tractor-listing .tabs > ul > li.active,
.page-vehicule-details .tabs > ul > li.active,
.page-activity-details .tabs > ul > li.active {
  font-weight: 400;
}
.tractor-listing .tabs > ul > li.active:before,
.page-vehicule-details .tabs > ul > li.active:before,
.page-activity-details .tabs > ul > li.active:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 25px;
  right: 1.5625rem;
  height: 2px;
  background: #00438a;
}

.listing-jobs ul li,
.listing-secteurs ul li, .tractor-listing .tabs .tabs-container ul li,
.page-vehicule-details .tabs .tabs-container ul li,
.page-activity-details .tabs .tabs-container ul li {
  display: inline-block;
  vertical-align: top;
  margin-right: calc(25px / 4);
  margin-right: calc(25px / 4);
  margin-bottom: calc(25px / 4);
  margin-bottom: calc(25px / 4);
}
.listing-jobs ul li strong,
.listing-secteurs ul li strong, .tractor-listing .tabs .tabs-container ul li strong,
.page-vehicule-details .tabs .tabs-container ul li strong,
.page-activity-details .tabs .tabs-container ul li strong {
  font-size: 16px;
  font-size: 1rem;
  background: #ea690b;
  color: #fff;
  position: relative;
  border-radius: 4px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
  display: block;
  text-decoration: none;
  padding: calc(25px / 4);
  font-size: 0.8em;
  text-transform: uppercase;
}

/***********************

BREADCRUMBS

***********************/
#page-breadcrumbs {
  order: 10;
  background: #f7f7f7;
  text-align: center;
}
@media only screen and (max-width: 900px) {
  #page-breadcrumbs {
    display: none;
  }
}
#page-breadcrumbs > .wrapper {
  width: calc(100% - 100px) !important;
  max-width: calc(1200px - 50px) !important;
}
#page-breadcrumbs #breadcrumbs {
  line-height: 1em;
  height: auto;
  display: inline-block;
  padding: 25px 0;
  padding: 1.5625rem 0;
}
#page-breadcrumbs #breadcrumbs > li {
  padding-top: calc(25px / 4);
  padding-top: calc(25px / 4);
  padding-bottom: calc(25px / 4);
  padding-bottom: calc(25px / 4);
  font-size: 14px;
  font-size: 0.875rem;
  margin-right: 0;
}
#page-breadcrumbs #breadcrumbs > li:before {
  right: 0;
  width: 18px;
  line-height: 1em;
  top: 8px;
}
#page-breadcrumbs #breadcrumbs > li a, #page-breadcrumbs #breadcrumbs > li span {
  display: block;
  font-weight: 100;
  color: #000;
  opacity: 0.5;
  line-height: 1em;
}
#page-breadcrumbs #breadcrumbs > li i {
  display: none;
}

/***********************

PAGE HEADER

***********************/
#page-header {
  display: none;
}
.page-home #page-header {
  display: block;
  position: relative;
  z-index: 100;
  margin-top: -50px;
  margin-top: -3.125rem;
}
.page-home #page-header > .wrapper {
  position: relative;
  padding: 37.5px;
  padding: 2.34375rem;
  color: #fff;
  text-align: center;
}
.page-home #page-header > .wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(25px / 3);
  left: calc(25px / 3);
  right: calc(25px / 3);
  right: calc(25px / 3);
  height: 100%;
  background: #00438a;
  border-top-left-radius: 40px;
  border-bottom-right-radius: 40px;
  z-index: -1;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0068a0+0,00438a+100 */
  background: rgb(0, 104, 160); /* Old browsers */
  background: -moz-linear-gradient(45deg, rgb(0, 104, 160) 0%, rgb(0, 67, 138) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, rgb(0, 104, 160) 0%, rgb(0, 67, 138) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, rgb(0, 104, 160) 0%, rgb(0, 67, 138) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0068a0", endColorstr="#00438a", GradientType=1); /* IE6-9 fallback on horizontal gradient */
}
.page-home #page-header > .wrapper h1 {
  font-size: 30px;
  font-size: 1.875rem;
  margin-bottom: calc(25px / 4);
  margin-bottom: calc(25px / 4);
}
.page-home #page-header > .wrapper strong {
  font-size: 22px;
  font-size: 1.375rem;
  opacity: 0.8;
  font-weight: 100;
}

/***********************

BANNER

***********************/
.banner {
  order: 2;
  overflow: hidden;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
  background: rgb(255, 168, 76); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(255, 168, 76) 0%, rgb(255, 123, 13) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgb(255, 168, 76) 0%, rgb(255, 123, 13) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(255, 168, 76) 0%, rgb(255, 123, 13) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa84c", endColorstr="#ff7b0d", GradientType=0); /* IE6-9 */
}
.banner > .wrapper {
  padding: 0;
  position: relative;
  display: flex;
  align-content: space-between;
}
.banner > .wrapper .image {
  width: 55vw;
  height: 350px;
}
.banner > .wrapper .image .bg {
  position: absolute;
  top: 0;
  left: 50%;
  height: 350px;
  transform: translateX(-50%);
  width: 100vw;
  background-position: center;
  background-size: cover;
}
@media only screen and (max-width: 900px) {
  .banner > .wrapper .image .bg {
    background-position: 40% center;
  }
}
.banner > .wrapper .image img {
  width: 55vw;
  display: none;
  opacity: 0;
}
.banner > .wrapper .content {
  width: 40%;
  position: relative;
  padding-top: 25px;
  padding-top: 1.5625rem;
  padding-bottom: 75px;
  padding-bottom: 4.6875rem;
  padding-right: calc(25px / 3);
  padding-right: calc(25px / 3);
}
@media only screen and (max-width: 900px) {
  .banner > .wrapper .content {
    display: none;
  }
}
.banner > .wrapper .content {
  align-self: flex-end;
  right: 0;
}
.banner > .wrapper .content:before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  width: 50px;
  height: 100vh;
  background: #ea690b;
  opacity: 0.3;
}
.banner > .wrapper .content:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 50px;
  width: calc(1200px - 25px * 2);
  height: 100vh;
  background: #ea690b;
  opacity: 0.6;
}
.banner > .wrapper .block {
  position: relative;
  border-radius: 4px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  z-index: 20;
  background: #fff;
  padding: 25px;
  padding: 1.5625rem;
  margin-left: 12.5px;
  margin-left: 0.78125rem;
}
@media only screen and (max-width: 900px) {
  .banner > .wrapper .block {
    margin-right: 0;
    margin-right: 0;
  }
}
.banner > .wrapper .block:before {
  position: absolute;
  content: "";
  left: -25px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 25px 0;
  bottom: 50px;
  border-color: transparent #fff transparent transparent;
}
.banner > .wrapper .block p {
  margin-bottom: calc(25px / 3);
  margin-bottom: calc(25px / 3);
}
.banner > .wrapper .block p:last-child {
  margin-bottom: 0;
}
.banner > .wrapper .block p > strong {
  font-weight: 600;
  display: block;
}
.banner > .wrapper .block a {
  padding: calc(25px / 3);
  padding: calc(25px / 3);
  text-transform: uppercase;
}
.banner > .wrapper .block a strong {
  display: block;
  font-weight: 400;
}

/***********************

PAGE FOOTER

***********************/
#page-footer {
  background: #eeeeee;
}
#page-footer .footer-copyright {
  margin-top: 25px;
  margin-top: 1.5625rem;
}
#page-footer .footer-copyright > .wrapper {
  list-style: none;
  margin: 0;
  padding: 0;
}
#page-footer .footer-copyright > .wrapper > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#page-footer .footer-copyright > .wrapper {
  display: flex;
  align-content: center;
  width: 100%;
  margin: auto;
  justify-content: space-between;
}
#page-footer .footer-copyright > .wrapper > * {
  list-style: none !important;
  margin: 0;
  padding: 0;
  flex-grow: 1;
  width: auto;
  margin-bottom: 25px !important;
  margin-bottom: 1.5625rem !important;
  overflow: hidden;
}
#page-footer .footer-copyright > .wrapper {
  flex-wrap: wrap;
}
#page-footer .footer-copyright > .wrapper > * {
  flex-grow: inherit;
  width: calc(100% / 3 - 25px / 3 * (3 - 1));
  width: calc(100% / 3 - 25px / 3 * (3 - 1));
}
@media only screen and (max-width: 900px) {
  #page-footer .footer-copyright > .wrapper > * {
    width: calc(50% - 25px / 3);
    width: calc(50% - 25px / 3);
  }
}
@media only screen and (max-width: 640px) {
  #page-footer .footer-copyright > .wrapper > * {
    width: 100%;
    width: 100%;
  }
}
#page-footer .footer-copyright > .wrapper {
  width: calc(100% - 100px) !important;
  max-width: calc(1200px - 50px) !important;
}
#page-footer .footer-copyright > .wrapper > div {
  color: #333;
}
#page-footer .footer-copyright > .wrapper > div a {
  color: #333;
}
#page-footer .footer-copyright > .wrapper > div.customer {
  font-size: 13px;
  font-size: 0.8125rem;
}

/***********************

FOOTER LINKS

***********************/
.footer-links {
  margin-top: 50px;
  margin-top: 3.125rem;
}
.footer-links > .wrapper {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-links > .wrapper > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-links > .wrapper {
  display: flex;
  align-content: center;
  width: 100%;
  margin: auto;
  justify-content: space-between;
}
.footer-links > .wrapper > * {
  list-style: none !important;
  margin: 0;
  padding: 0;
  flex-grow: 1;
  width: auto;
  margin-bottom: 25px !important;
  margin-bottom: 1.5625rem !important;
  overflow: hidden;
}
.footer-links > .wrapper {
  flex-wrap: wrap;
}
.footer-links > .wrapper > * {
  flex-grow: inherit;
  width: calc(100% / 3 - 25px / 3 * (3 - 1));
  width: calc(100% / 3 - 25px / 3 * (3 - 1));
}
@media only screen and (max-width: 900px) {
  .footer-links > .wrapper > * {
    width: calc(50% - 25px / 3);
    width: calc(50% - 25px / 3);
  }
}
@media only screen and (max-width: 640px) {
  .footer-links > .wrapper > * {
    width: 100%;
    width: 100%;
  }
}
.footer-links > .wrapper {
  width: calc(100% - 100px) !important;
  max-width: calc(1200px - 50px) !important;
  border-bottom: 1px solid #ddd;
}
.footer-links > .wrapper > div .footer-logo {
  height: 40px;
  margin-bottom: calc(25px / 2);
  margin-bottom: calc(25px / 2);
  filter: grayscale(100%);
  opacity: 0.5;
}
.footer-links > .wrapper > div h6 {
  margin-top: 25px;
  margin-top: 1.5625rem;
  margin-bottom: calc(25px / 2);
  margin-bottom: calc(25px / 2);
  color: #ea690b;
  font-weight: 600;
}
.footer-links > .wrapper > div ul li a {
  font-size: 14px;
  font-size: 0.875rem;
  color: #333;
  text-decoration: none;
}
.footer-links > .wrapper > div p {
  font-size: 14px;
  font-size: 0.875rem;
}

/***********************

FOOTER INFORMATION

***********************/
.footer-information {
  margin-top: 25px;
  margin-top: 1.5625rem;
}
.footer-information > .wrapper {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-information > .wrapper > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-information > .wrapper {
  display: flex;
  align-content: center;
  width: 100%;
  margin: auto;
  justify-content: space-between;
}
.footer-information > .wrapper > * {
  list-style: none !important;
  margin: 0;
  padding: 0;
  flex-grow: 1;
  width: auto;
  margin-bottom: 25px !important;
  margin-bottom: 1.5625rem !important;
  overflow: hidden;
}
.footer-information > .wrapper {
  flex-wrap: wrap;
}
.footer-information > .wrapper > * {
  flex-grow: inherit;
  width: calc(100% / 4 - 25px / 4 * (4 - 1));
  width: calc(100% / 4 - 25px / 4 * (4 - 1));
}
@media only screen and (max-width: 900px) {
  .footer-information > .wrapper > * {
    width: calc(50% - 25px / 2);
    width: calc(50% - 25px / 2);
  }
}
@media only screen and (max-width: 640px) {
  .footer-information > .wrapper > * {
    width: 100%;
    width: 100%;
  }
}
.footer-information > .wrapper {
  width: calc(100% - 100px) !important;
  max-width: calc(1200px - 50px) !important;
  border-bottom: 1px solid #ddd;
}
.footer-information > .wrapper p {
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (max-width: 1024px) {
  .footer-information > .wrapper {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .footer-information > .wrapper > li {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .footer-information > .wrapper {
    display: flex;
    align-content: center;
    width: 100%;
    margin: auto;
    justify-content: space-between;
  }
  .footer-information > .wrapper > * {
    list-style: none !important;
    margin: 0;
    padding: 0;
    flex-grow: 1;
    width: auto;
    margin-bottom: 25px !important;
    margin-bottom: 1.5625rem !important;
    overflow: hidden;
  }
  .footer-information > .wrapper {
    flex-wrap: wrap;
  }
  .footer-information > .wrapper > * {
    flex-grow: inherit;
    width: calc(100% / 3 - 25px / 3 * (3 - 1));
    width: calc(100% / 3 - 25px / 3 * (3 - 1));
  }
}
@media only screen and (max-width: 1024px) and (max-width: 900px) {
  .footer-information > .wrapper > * {
    width: calc(50% - 25px / 3);
    width: calc(50% - 25px / 3);
  }
}
@media only screen and (max-width: 1024px) and (max-width: 640px) {
  .footer-information > .wrapper > * {
    width: 100%;
    width: 100%;
  }
}
.footer-information > .wrapper .call-us {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
.footer-information > .wrapper .call-us a {
  background: #fff;
}

/***********************

NAVIGATION

***********************/
#page-navigation {
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%);
}
#page-navigation .navigation-container {
  align-self: center;
  align-items: flex-end;
  padding: 25px 0;
  padding: 1.5625rem 0;
}
#page-navigation .navigation-top {
  margin-bottom: calc(25px / 3);
  margin-right: calc(25px / 4);
  display: flex;
}
.navigation-minified #page-navigation .navigation-top ul.navigation-top-secondary {
  display: none;
}
@media only screen and (max-width: 900px) {
  #page-navigation .navigation-top ul {
    order: 1;
  }
}
#page-navigation .navigation-top ul li a {
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 0 calc(25px / 4);
  padding: 0 calc(25px / 4);
  line-height: 1.6em;
  text-transform: uppercase;
  color: #666;
  font-weight: 100;
  white-space: nowrap;
}
#page-navigation .navigation-top ul li.active a {
  color: #ea690b;
  font-weight: 400;
}
#page-navigation .navigation-top ul.languages {
  padding-left: calc(25px / 3);
  padding-left: calc(25px / 3);
  margin-left: calc(25px / 3);
  margin-left: calc(25px / 3);
  border-left: 1px solid #aaa;
}
#page-navigation .navigation-top ul.languages li a {
  text-transform: uppercase;
}
@media only screen and (max-width: 900px) {
  #page-navigation .navigation-top ul.languages {
    order: 0;
    border: 0;
    display: flex !important;
    flex-direction: row;
  }
}
@media only screen and (max-width: 900px) {
  #page-navigation .navigation-top {
    flex-direction: column;
  }
}
#page-navigation .navigation-main ul li a {
  font-size: 16px;
  font-size: 1rem;
  padding: calc(25px / 4) calc(25px / 3);
  padding: calc(25px / 4) calc(25px / 3);
  font-weight: 100;
  text-transform: uppercase;
  color: #000;
}
#page-navigation .navigation-main ul li.active a {
  color: #ea690b;
  font-weight: 400;
}
.navigation-minified #page-navigation .navigation-main {
  position: relative;
  float: none;
}
.navigation-minified #page-navigation .navigation-main ul {
  float: none !important;
  width: auto;
  display: block;
}
.navigation-minified #page-navigation .navigation-main ul li {
  display: block;
}
.navigation-minified #page-navigation .navigation-main ul li:after, .navigation-minified #page-navigation .navigation-main ul li:before {
  display: none;
}
.navigation-minified #page-navigation .navigation-main ul li a {
  text-align: left;
}
.navigation-fixed #page-navigation {
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%);
}
#page-navigation .call-us {
  align-self: center;
}

.navigation-background {
  background: #fff;
}

.navigation-minified [data-mobile=zoom]#page-navigation {
  background: #fff;
  height: 60px;
}
.navigation-minified [data-mobile=zoom]#page-navigation .call-us {
  margin-right: 50px;
}
.navigation-minified [data-mobile=zoom]#page-navigation .call-us > a {
  height: 60px;
  border-radius: 0;
  background: none;
}
.navigation-minified [data-mobile=zoom]#page-navigation .navigation-container {
  text-align: center;
  top: 60px;
  height: calc(100vh - 60px);
  padding: 25px;
  padding: 1.5625rem;
}
.navigation-minified [data-mobile=zoom]#page-navigation .logo {
  height: 60px;
  padding: 10px 0;
}

#page-main #content-body > .wrapper {
  max-width: 100%;
  width: 100% !important;
  padding: 0;
  position: relative;
}

/***********************

HEADER PAGES

***********************/
#content-header .wrapper:empty {
  display: none;
}

.page-vehicule-details #page-main #content-header > .wrapper, .page-interior #page-main #content-header > .wrapper, .page-activity-details #page-main #content-header > .wrapper,
.page-vehicule-listing #page-main #content-header > .wrapper,
.page-activity-listing #page-main #content-header > .wrapper,
.page-contact #page-main #content-header > .wrapper,
.page-about #page-main #content-header > .wrapper,
.page-default #page-main #content-header > .wrapper {
  padding: 50px;
  padding: 3.125rem;
}
@media only screen and (max-width: 640px) {
  .page-vehicule-details #page-main #content-header > .wrapper, .page-interior #page-main #content-header > .wrapper, .page-activity-details #page-main #content-header > .wrapper,
  .page-vehicule-listing #page-main #content-header > .wrapper,
  .page-activity-listing #page-main #content-header > .wrapper,
  .page-contact #page-main #content-header > .wrapper,
  .page-about #page-main #content-header > .wrapper,
  .page-default #page-main #content-header > .wrapper {
    padding: 25px;
    padding: 1.5625rem;
  }
}
.page-vehicule-details #page-main #content-header > .wrapper, .page-interior #page-main #content-header > .wrapper, .page-activity-details #page-main #content-header > .wrapper,
.page-vehicule-listing #page-main #content-header > .wrapper,
.page-activity-listing #page-main #content-header > .wrapper,
.page-contact #page-main #content-header > .wrapper,
.page-about #page-main #content-header > .wrapper,
.page-default #page-main #content-header > .wrapper {
  position: relative;
  z-index: 100;
}
.page-activity-details #page-main,
.page-vehicule-listing #page-main,
.page-activity-listing #page-main,
.page-contact #page-main,
.page-about #page-main,
.page-default #page-main {
  display: flex;
  flex-direction: column;
}
.page-activity-details #page-main #content-header,
.page-vehicule-listing #page-main #content-header,
.page-activity-listing #page-main #content-header,
.page-contact #page-main #content-header,
.page-about #page-main #content-header,
.page-default #page-main #content-header {
  order: 2;
  margin-top: -100px;
}
.page-activity-details #page-main #content-header > .wrapper,
.page-vehicule-listing #page-main #content-header > .wrapper,
.page-activity-listing #page-main #content-header > .wrapper,
.page-contact #page-main #content-header > .wrapper,
.page-about #page-main #content-header > .wrapper,
.page-default #page-main #content-header > .wrapper {
  background: #fff;
  width: 100%;
}
.page-activity-details #page-main #content-picture,
.page-vehicule-listing #page-main #content-picture,
.page-activity-listing #page-main #content-picture,
.page-contact #page-main #content-picture,
.page-about #page-main #content-picture,
.page-default #page-main #content-picture {
  order: 1;
}
.page-activity-details #page-main #content-picture > .wrapper,
.page-vehicule-listing #page-main #content-picture > .wrapper,
.page-activity-listing #page-main #content-picture > .wrapper,
.page-contact #page-main #content-picture > .wrapper,
.page-about #page-main #content-picture > .wrapper,
.page-default #page-main #content-picture > .wrapper {
  max-width: 100%;
  padding: 0;
  position: relative;
}
.page-activity-details #page-main #content-picture > .wrapper img,
.page-vehicule-listing #page-main #content-picture > .wrapper img,
.page-activity-listing #page-main #content-picture > .wrapper img,
.page-contact #page-main #content-picture > .wrapper img,
.page-about #page-main #content-picture > .wrapper img,
.page-default #page-main #content-picture > .wrapper img {
  height: 40vh;
  width: auto;
  opacity: 0;
}
.page-activity-details #page-main #content-picture > .wrapper .bg,
.page-vehicule-listing #page-main #content-picture > .wrapper .bg,
.page-activity-listing #page-main #content-picture > .wrapper .bg,
.page-contact #page-main #content-picture > .wrapper .bg,
.page-about #page-main #content-picture > .wrapper .bg,
.page-default #page-main #content-picture > .wrapper .bg {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  transform: translateX(-50%);
  width: 100vw;
  background-position: center;
  background-size: cover;
}
.page-activity-details #page-main #content-body,
.page-vehicule-listing #page-main #content-body,
.page-activity-listing #page-main #content-body,
.page-contact #page-main #content-body,
.page-about #page-main #content-body,
.page-default #page-main #content-body {
  order: 3;
}

.page-location-longue-duree #content-header .wrapper {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.page-location-longue-duree .cta {
  top: calc(25px / 2 * -1);
  position: relative;
  text-align: center;
}
.page-location-longue-duree .cta .outline {
  background: none !important;
  color: #ea690b !important;
  border: 1px solid #ea690b !important;
}
.page-location-longue-duree .cta .outline:before {
  background: rgba(234, 105, 11, 0.1) !important;
}
.page-location-longue-duree .benefits > .wrapper,
.page-location-longue-duree .services > .wrapper,
.page-location-longue-duree .rental-categories > .wrapper,
.page-location-longue-duree .testimonials > .wrapper,
.page-location-longue-duree .request-long-terms-location > .wrapper {
  position: relative;
  padding: 50px;
  padding: 3.125rem;
  padding-top: 0;
  padding-top: 0;
  border-radius: 4px;
}
@media only screen and (max-width: 900px) {
  .page-location-longue-duree .benefits > .wrapper,
  .page-location-longue-duree .services > .wrapper,
  .page-location-longue-duree .rental-categories > .wrapper,
  .page-location-longue-duree .testimonials > .wrapper,
  .page-location-longue-duree .request-long-terms-location > .wrapper {
    padding: 25px;
    padding: 1.5625rem;
  }
}
.page-location-longue-duree .benefits > .wrapper > header,
.page-location-longue-duree .services > .wrapper > header,
.page-location-longue-duree .rental-categories > .wrapper > header,
.page-location-longue-duree .testimonials > .wrapper > header,
.page-location-longue-duree .request-long-terms-location > .wrapper > header {
  margin-bottom: 0;
}
.page-location-longue-duree .benefits {
  padding-top: 50px;
}
.page-location-longue-duree .benefits > .wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  padding-bottom: 50px;
  padding-bottom: 3.125rem;
}
@media only screen and (max-width: 900px) {
  .page-location-longue-duree .benefits > .wrapper {
    padding-bottom: 0;
    padding-bottom: 0;
  }
}
.page-location-longue-duree .benefits > .wrapper > div {
  flex: 1;
  box-sizing: border-box;
}
@media only screen and (max-width: 900px) {
  .page-location-longue-duree .benefits > .wrapper > div {
    width: 100%;
  }
}
.page-location-longue-duree .benefits > .wrapper > div.content {
  padding: 50px;
  padding: 3.125rem;
}
@media only screen and (max-width: 900px) {
  .page-location-longue-duree .benefits > .wrapper > div.content {
    order: 2;
  }
}
.page-location-longue-duree .benefits > .wrapper > div.content h3 {
  font-size: 20px;
  font-size: 1.25rem;
  width: 100%;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  padding-bottom: calc(25px / 3);
  padding-bottom: calc(25px / 3);
  position: relative;
  font-weight: 400;
  color: #00438a;
}
.page-location-longue-duree .benefits > .wrapper > div.content h3:before {
  content: "";
  bottom: 0;
  left: 0;
  height: 2px;
  background: #00438a;
  width: 60px;
  position: absolute;
}
.page-location-longue-duree .benefits > .wrapper > div.content > ul li {
  position: relative;
  display: block;
  padding: 6.25px 0;
  text-align: left !important;
  padding-left: 31.25px;
  padding-left: 1.953125rem;
  line-height: 1.4em;
}
.page-location-longue-duree .benefits > .wrapper > div.content > ul li:before {
  content: "\e011";
  font-family: "icon";
  font-size: 20px;
  font-size: 1.25rem;
  border-radius: 50%;
  line-height: 30px;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: auto;
  color: #ea690b;
  left: 0;
  text-align: center;
  margin-right: 12.5px;
  margin-right: 0.78125rem;
  position: absolute;
  top: -2px;
}
.page-location-longue-duree .benefits > .wrapper > div.bg {
  background-size: cover;
  background-position: center;
  height: auto;
  position: relative;
  transform: none;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 900px) {
  .page-location-longue-duree .benefits > .wrapper > div.bg {
    order: 1;
  }
}
.page-location-longue-duree .benefits > .wrapper > div.bg > img {
  width: 100%;
}
.page-location-longue-duree .services .list-services {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  margin-top: 50px;
  margin-top: 3.125rem;
}
.page-location-longue-duree .services .list-services > li {
  width: 25%;
  position: relative;
  cursor: pointer;
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
}
@media only screen and (max-width: 1024px) {
  .page-location-longue-duree .services .list-services > li {
    width: 33.333%;
  }
}
@media only screen and (max-width: 900px) {
  .page-location-longue-duree .services .list-services > li {
    width: 100%;
    margin-top: 25px;
    margin-top: 1.5625rem;
  }
  .page-location-longue-duree .services .list-services > li:first-child {
    margin-top: 0;
    margin-top: 0;
  }
}
.page-location-longue-duree .services .list-services > li .icon {
  margin-bottom: calc(25px / 2);
  margin-bottom: calc(25px / 2);
}
.page-location-longue-duree .services .list-services > li .icon img {
  width: 30%;
  margin: auto;
  display: block;
  transition: all 400ms ease;
}
.page-location-longue-duree .services .list-services > li h3 {
  min-height: 2em;
  color: #000;
  text-align: center;
}
.page-location-longue-duree .services .list-services > li .details {
  bottom: -50%;
  display: none;
  position: absolute;
  z-index: 20;
  opacity: 0.95;
  transition: all 300ms ease;
  transform: translateY(50%);
  padding: calc(25px / 2);
  padding: calc(25px / 2);
  font-size: 10px;
  font-size: 0.625rem;
  background-color: #dbe2ea;
  box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 900px) {
  .page-location-longue-duree .services .list-services > li .details {
    bottom: initial;
    position: relative;
    display: block;
  }
}
.page-location-longue-duree .services .list-services > li .details:before {
  top: -15px;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  display: block;
  border-style: solid;
  position: absolute;
  transform: translateX(-50%);
  border-width: 0 10px 17.3px 10px;
  border-color: transparent transparent #dbe2ea transparent;
}
.page-location-longue-duree .services .list-services > li .details > ul {
  display: block;
  font-size: 0.9rem;
}
.page-location-longue-duree .services .list-services > li .details > ul li {
  width: 100%;
  line-height: 1.3em;
  position: relative;
  color: #00438a;
  margin-bottom: 0.2em;
  padding-left: 25px;
  padding-left: 1.5625rem;
}
.page-location-longue-duree .services .list-services > li .details > ul li:before {
  top: 0;
  left: 0;
  content: "\e011";
  font-family: "icon";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  width: 20px;
  height: 20px;
  display: inline-block;
  color: #00438a;
  position: absolute;
}
.page-location-longue-duree .services .list-services > li:hover .icon img {
  transform: scale(1.1);
}
.page-location-longue-duree .services .list-services > li:hover .details {
  display: block;
  opacity: 1;
}
.page-location-longue-duree .request-long-terms-location {
  top: -25px;
  position: relative;
}
.page-location-longue-duree .request-long-terms-location > .wrapper {
  background-color: #fff;
  border-radius: 0;
  padding-top: 50px;
  padding-top: 3.125rem;
}
.page-location-longue-duree .rental-categories .cta {
  margin-top: 50px;
  margin-top: 3.125rem;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
.page-location-longue-duree .rental-categories > .wrapper {
  padding: 0;
  padding: 0;
}
.page-location-longue-duree .rental-categories h2 {
  text-align: center;
  color: #000;
  font-size: 26px;
  font-size: 1.625rem;
  margin-bottom: 1em;
}
.page-location-longue-duree .rental-categories p {
  text-align: center;
  margin-bottom: 1em;
}
.page-location-longue-duree .rental-categories .listing-vehicules {
  position: relative;
}
.page-location-longue-duree .rental-categories .listing-vehicules > h3 {
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1em;
}
.page-location-longue-duree .rental-categories .listing-vehicules > ul {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.page-location-longue-duree .rental-categories .listing-vehicules > ul li {
  width: 25%;
  position: relative;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
@media only screen and (max-width: 1024px) {
  .page-location-longue-duree .rental-categories .listing-vehicules > ul li {
    width: 50%;
  }
}
@media only screen and (max-width: 900px) {
  .page-location-longue-duree .rental-categories .listing-vehicules > ul li {
    width: 100%;
  }
}
.page-location-longue-duree .rental-categories .listing-vehicules > ul li > i.icon {
  display: none;
  position: absolute;
  top: 15px;
  font-size: 30px;
  left: 10px;
  color: #8fb322;
}
.page-location-longue-duree .rental-categories .listing-vehicules > ul li.selected {
  border: 1px solid #8fb322;
}
.page-location-longue-duree .rental-categories .listing-vehicules > ul li.selected > i.icon {
  display: block;
}
.page-location-longue-duree .rental-categories .listing-vehicules article {
  padding: 0 5%;
  position: relative;
  z-index: 10;
  display: flex;
  height: 100%;
  flex-direction: column;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 4px;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
.page-location-longue-duree .rental-categories .listing-vehicules article > i.icon {
  top: calc(25px / 2);
  left: calc(25px / 2);
  display: none;
  position: absolute;
  color: #8fb322;
  font-size: 20px;
  font-size: 1.25rem;
}
.page-location-longue-duree .rental-categories .listing-vehicules article figure {
  order: 1;
}
.page-location-longue-duree .rental-categories .listing-vehicules article figure img {
  width: 90%;
  transition: all 200ms ease-in-out;
}
.page-location-longue-duree .rental-categories .listing-vehicules article header {
  order: 2;
}
.page-location-longue-duree .rental-categories .listing-vehicules article .title {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: calc(25px / 3);
  margin-bottom: calc(25px / 3);
  padding: 0 25px;
  padding: 0 1.5625rem;
  font-weight: 400;
  line-height: 1.2em;
  min-height: 2.5em;
}
.page-location-longue-duree .rental-categories .listing-vehicules article .title span {
  display: block;
  font-size: 0.8em;
}
.page-location-longue-duree .rental-categories .listing-vehicules article .title a {
  color: #000;
  text-decoration: none;
}
.page-location-longue-duree .rental-categories .listing-vehicules article .title a span {
  color: #00438a;
}
.page-location-longue-duree .rental-categories .listing-vehicules article .description {
  min-height: 70px;
  min-height: 4.375rem;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  padding: 0 25px;
  padding: 0 1.5625rem;
  order: 3;
  color: #00438a;
}
.page-location-longue-duree .rental-categories .listing-vehicules article .description.tractor {
  margin-top: 25px;
  margin-top: 1.5625rem;
}
@media only screen and (max-width: 900px) {
  .page-location-longue-duree .rental-categories .listing-vehicules article .description.tractor {
    margin-top: calc(25px / 2);
    margin-top: calc(25px / 2);
  }
}
.page-location-longue-duree .rental-categories .listing-vehicules article .cta {
  order: 10;
  margin-top: auto;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
@media only screen and (max-width: 900px) {
  .page-location-longue-duree .rental-categories .listing-vehicules article .cta button {
    margin-bottom: 5px;
  }
}
.page-location-longue-duree .rental-categories .listing-vehicules article:hover {
  background: rgba(0, 0, 0, 0.025);
}
.page-location-longue-duree .rental-categories .listing-vehicules article:hover figure img {
  transform: scale(1.1);
}
.page-location-longue-duree .testimonials {
  position: relative;
  background-size: cover;
  background-position: center;
  padding: 0 0 25px 0;
}
.page-location-longue-duree .testimonials:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 42, 87, 0.8);
}
.page-location-longue-duree .testimonials > .wrapper {
  display: flex;
  padding-top: 50px;
  flex-wrap: wrap;
}
.page-location-longue-duree .testimonials .swiper-container {
  width: 100%;
  position: relative;
  background-color: none;
  padding: 50px;
  padding: 3.125rem;
  padding-bottom: 125px;
  padding-bottom: 7.8125rem;
}
@media only screen and (max-width: 900px) {
  .page-location-longue-duree .testimonials .swiper-container {
    overflow: hidden;
    margin-bottom: 25px;
    padding: 25px;
    padding: 1.5625rem;
    padding-bottom: 100px;
    padding-bottom: 6.25rem;
  }
}
.page-location-longue-duree .testimonials .swiper-container > h2 {
  margin: 0 auto;
  color: #fff;
  position: relative;
  font-size: 26px;
  font-size: 1.625rem;
}
.page-location-longue-duree .testimonials .swiper-container > h2:before {
  content: "";
  bottom: 0;
  left: 0;
  height: 2px;
  background: #fff;
  width: 60px;
  position: absolute;
}
.page-location-longue-duree .testimonials .swiper-container .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  padding-top: 25px;
  padding-left: 25px;
  align-items: center;
  align-content: center;
}
@media only screen and (max-width: 900px) {
  .page-location-longue-duree .testimonials .swiper-container .swiper-slide {
    padding-left: 0;
    padding: 0 calc(25px / 2);
  }
}
.page-location-longue-duree .testimonials .swiper-container .swiper-slide .content {
  position: relative;
  padding: 0 50px;
  color: #fff;
}
.page-location-longue-duree .testimonials .swiper-container .swiper-slide .content > span.icon {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -120%);
}
@media only screen and (max-width: 900px) {
  .page-location-longue-duree .testimonials .swiper-container .swiper-slide .content > span.icon {
    transform: translate(-50%, 0);
  }
}
.page-location-longue-duree .testimonials .swiper-container .swiper-slide .content > span.icon > img {
  width: 30px;
}
@media only screen and (max-width: 900px) {
  .page-location-longue-duree .testimonials .swiper-container .swiper-slide .content > span.icon {
    top: calc(-25px + 25px / 2 * -1);
  }
}
@media only screen and (max-width: 900px) {
  .page-location-longue-duree .testimonials .swiper-container .swiper-slide .content {
    padding: 0 0;
    margin-top: calc(25px + 25px / 2);
  }
}
.page-location-longue-duree .testimonials .swiper-container .swiper-slide .name, .page-location-longue-duree .testimonials .swiper-container .swiper-slide .content {
  width: 100%;
  display: block;
  text-align: center;
  line-height: 1.2em;
  color: #fff;
}
.page-location-longue-duree .testimonials .swiper-container .swiper-slide .name {
  margin-top: 1.5em;
}
.page-location-longue-duree .testimonials .swiper-container .swiper-pagination {
  bottom: 50px;
}
.page-location-longue-duree .testimonials .swiper-container .swiper-pagination > * {
  background: #fff;
}
.page-location-longue-duree .testimonials .swiper-container .swiper-pagination > *.swiper-pagination-bullet-active {
  background: #ea690b !important;
}
@media only screen and (max-width: 900px) {
  .page-location-longue-duree .testimonials .swiper-container .swiper-pagination {
    bottom: 25px;
  }
}
.page-location-longue-duree .testimonials .swiper-container .swiper-button-prev, .page-location-longue-duree .testimonials .swiper-container .swiper-button-next {
  display: flex;
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  left: 50px;
  top: initial;
  background: none;
  background-image: none;
  align-items: center;
  align-content: center;
  transition: all 0.3s ease-in-out;
}
.page-location-longue-duree .testimonials .swiper-container .swiper-button-prev:hover, .page-location-longue-duree .testimonials .swiper-container .swiper-button-next:hover {
  opacity: 0.4;
}
@media only screen and (max-width: 900px) {
  .page-location-longue-duree .testimonials .swiper-container .swiper-button-prev, .page-location-longue-duree .testimonials .swiper-container .swiper-button-next {
    bottom: 25px;
    display: none;
  }
}
.page-location-longue-duree .testimonials .swiper-container .swiper-button-prev .icon, .page-location-longue-duree .testimonials .swiper-container .swiper-button-next .icon {
  color: #fff;
  font-size: 30px;
  font-size: 1.875rem;
  display: block;
  text-align: center;
  margin: auto;
}
.page-location-longue-duree .testimonials .swiper-container .swiper-button-prev.swiper-button-next, .page-location-longue-duree .testimonials .swiper-container .swiper-button-next.swiper-button-next {
  left: initial;
  right: 25px;
}
.page-location-longue-duree #listing-activities {
  background-color: transparent;
}
.page-location-longue-duree #listing-activities > .wrapper {
  background-color: transparent;
}
.page-location-longue-duree #listing-activities > .wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-location-longue-duree #listing-activities > .wrapper ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-location-longue-duree #listing-activities > .wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-location-longue-duree #listing-activities > .wrapper ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-location-longue-duree #listing-activities > .wrapper ul {
  display: flex;
  align-content: center;
  width: 100%;
  margin: auto;
  justify-content: space-between;
}
.page-location-longue-duree #listing-activities > .wrapper ul > * {
  list-style: none !important;
  margin: 0;
  padding: 0;
  flex-grow: 1;
  width: auto;
  margin-bottom: 25px !important;
  margin-bottom: 1.5625rem !important;
  overflow: hidden;
}
.page-location-longue-duree #listing-activities > .wrapper ul {
  flex-wrap: wrap;
}
.page-location-longue-duree #listing-activities > .wrapper ul > * {
  flex-grow: inherit;
  width: calc(100% / 2 - 25px / 2 * (2 - 1));
  width: calc(100% / 2 - 25px / 2 * (2 - 1));
}
@media only screen and (max-width: 640px) {
  .page-location-longue-duree #listing-activities > .wrapper ul > * {
    width: 100%;
    width: 100%;
  }
}
.page-location-longue-duree #listing-activities > .wrapper ul li {
  width: calc(50% - 25px / 2 * 1);
  width: calc(50% - 25px / 2 * 1);
}
.page-location-longue-duree #listing-activities > .wrapper ul li:first-child {
  width: 100%;
}
.page-location-longue-duree #listing-activities > .wrapper ul li .featured-bg {
  background-size: cover;
  background-position: center;
}
.page-location-longue-duree #listing-activities > .wrapper ul li .featured-bg > img {
  width: 100%;
}
.page-location-longue-duree #listing-activities > .wrapper ul li article {
  background-color: white;
}
@media only screen and (max-width: 900px) {
  .page-location-longue-duree #listing-activities > .wrapper ul li {
    width: 100%;
  }
}
.page-location-longue-duree #ask-location {
  bottom: calc(25px / 2);
  right: calc(25px / 2);
  position: fixed;
  display: block;
  color: white;
  z-index: 1000;
  font-size: 120%;
  background-color: #ea690b;
  border-radius: 4px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
}
.page-location-longue-duree #ask-location .icon {
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: 2px;
}
.page-location-longue-duree #ask-location.fixed {
  bottom: -67px;
  right: calc(25px / 2);
  position: absolute;
}
@media only screen and (max-width: 900px) {
  .page-location-longue-duree #ask-location {
    width: calc(100% - 25px);
    text-align: center;
  }
  .page-location-longue-duree #ask-location.fixed {
    bottom: calc(25px / 2);
  }
}
.page-location-longue-duree #ask-location > a {
  width: 100%;
  height: 100%;
  display: block;
  color: white;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1rem;
  padding: 0 25px;
  padding: 0 1.5625rem;
  line-height: 2.5em;
  position: relative;
  text-decoration: none;
}
.page-location-longue-duree #ask-location > a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translateX(-50%) translateY(-50%);
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  border-radius: 4px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  transition: all 200ms ease-in-out;
}
.page-location-longue-duree #ask-location > a:hover:before {
  opacity: 1;
}
.page-location-longue-duree #request-devis p.buttons {
  margin-left: auto;
}
.page-location-longue-duree #request-devis {
  padding-top: 25px;
  padding-top: 1.5625rem;
}
@media only screen and (max-width: 900px) {
  .page-location-longue-duree #request-devis {
    margin-top: 25px;
  }
}
.page-location-longue-duree #request-devis .notice {
  margin-top: 0;
}
.page-location-longue-duree #request-devis .form-fieldset {
  display: flex;
  flex-wrap: wrap;
}
.page-location-longue-duree #request-devis .form-fieldset .form-field[rel=firstname], .page-location-longue-duree #request-devis .form-fieldset .form-field[rel=lastname],
.page-location-longue-duree #request-devis .form-fieldset .form-field[rel=phone], .page-location-longue-duree #request-devis .form-fieldset .form-field[rel=email] {
  width: 50%;
  box-sizing: border-box;
}
@media only screen and (max-width: 900px) {
  .page-location-longue-duree #request-devis .form-fieldset .form-field[rel=firstname], .page-location-longue-duree #request-devis .form-fieldset .form-field[rel=lastname],
  .page-location-longue-duree #request-devis .form-fieldset .form-field[rel=phone], .page-location-longue-duree #request-devis .form-fieldset .form-field[rel=email] {
    width: 100%;
  }
}
.page-location-longue-duree #request-devis .form-fieldset .form-field[rel=firstname], .page-location-longue-duree #request-devis .form-fieldset .form-field[rel=phone] {
  padding-right: calc(25px / 2);
}
@media only screen and (max-width: 900px) {
  .page-location-longue-duree #request-devis .form-fieldset .form-field[rel=firstname], .page-location-longue-duree #request-devis .form-fieldset .form-field[rel=phone] {
    padding-right: 0;
  }
}
.page-location-longue-duree #request-devis .form-fieldset .form-field[rel=lastname], .page-location-longue-duree #request-devis .form-fieldset .form-field[rel=email] {
  padding-left: calc(25px / 2);
}
@media only screen and (max-width: 900px) {
  .page-location-longue-duree #request-devis .form-fieldset .form-field[rel=lastname], .page-location-longue-duree #request-devis .form-fieldset .form-field[rel=email] {
    padding-left: 0;
  }
}

/*
section {
  > .wrapper {
    > header {
      @include rem(padding, $gutter * 2);
    }
  }
}
*/
/* **********************

PRE-FOOTER

********************** */
#long-duration {
  background: url("../images/about-us.png") no-repeat center;
  background-size: cover;
  position: relative;
}
#long-duration:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 42.2391304348, 87, 0.8);
}
#long-duration > .wrapper {
  position: relative;
  z-index: 10;
  color: #fff;
  list-style: none;
  margin: 0;
  padding: 0;
}
#long-duration > .wrapper > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#long-duration > .wrapper {
  display: flex;
  align-content: center;
  width: 100%;
  margin: auto;
  justify-content: space-between;
}
#long-duration > .wrapper > * {
  list-style: none !important;
  margin: 0;
  padding: 0;
  flex-grow: 1;
  width: auto;
  margin-bottom: 25px !important;
  margin-bottom: 1.5625rem !important;
  overflow: hidden;
}
#long-duration > .wrapper {
  flex-wrap: wrap;
}
#long-duration > .wrapper > * {
  flex-grow: inherit;
  width: calc(100% / 2 - 25px / 2 * (2 - 1));
  width: calc(100% / 2 - 25px / 2 * (2 - 1));
}
@media only screen and (max-width: 640px) {
  #long-duration > .wrapper > * {
    width: 100%;
    width: 100%;
  }
}
#long-duration > .wrapper {
  justify-content: inherit;
}
#long-duration > .wrapper > * {
  margin: 0 !important;
  width: 50%;
}
@media only screen and (max-width: 640px) {
  #long-duration > .wrapper > * {
    width: 100%;
    width: 100%;
  }
}
#long-duration > .wrapper {
  padding-bottom: 75px !important;
  padding-bottom: 4.6875rem !important;
}
#long-duration > .wrapper > * {
  padding: 50px;
  padding: 3.125rem;
}
@media only screen and (max-width: 640px) {
  #long-duration > .wrapper > * {
    padding: 25px;
    padding: 1.5625rem;
  }
}
#long-duration > .wrapper > * {
  margin: 0 !important;
}
#long-duration > .wrapper > header,
#long-duration > .wrapper > footer {
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 900px) {
  #long-duration > .wrapper > header h2 {
    text-align: left;
  }
  #long-duration > .wrapper > header {
    padding-bottom: 0;
  }
}
#long-duration > .wrapper .advantages .content {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
#long-duration > .wrapper .testimonials {
  background: white;
}
#long-duration > .wrapper .testimonials h3 {
  color: #00438a;
}
#long-duration > .wrapper .testimonials h3:before {
  background: #00438a;
}
#long-duration > .wrapper .comment {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  padding: 25px;
  padding: 1.5625rem;
  padding-left: 30px;
  position: relative;
  color: #00438a;
}
#long-duration > .wrapper .comment .icon {
  position: absolute;
  left: -5px;
  top: 10px;
}
#long-duration > .wrapper .comment .icon img {
  width: 30px;
}
#long-duration > .wrapper .comment .author {
  font-size: 0.7em;
  margin-top: calc(25px / 4);
  margin-top: calc(25px / 4);
  font-style: italic;
}
#long-duration > .wrapper h2 {
  color: white !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 26px;
  font-size: 1.625rem;
  margin-bottom: calc(25px / 3);
  margin-bottom: calc(25px / 3);
  font-weight: 400;
}
#long-duration > .wrapper h2 a {
  color: #fff;
  text-decoration: none;
}
#long-duration > .wrapper h2 + p {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  color: white !important;
}
.steps {
  list-style: none;
  margin: 0;
  padding: 0;
}
.steps > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.steps {
  display: flex;
  width: 100%;
}
.steps li:first-child {
  margin-right: auto;
}
.steps li > i {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #fbeede;
  text-align: center;
  border-radius: 50%;
  margin-left: 5px;
}
.steps li h3 {
  line-height: 40px;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}
.steps li.active > i {
  background: #ea690b;
  color: #fff;
}

.advantages ul,
#why_fraikin ul {
  margin-bottom: 25px !important;
  margin-bottom: 1.5625rem !important;
}
.advantages ul li,
#why_fraikin ul li {
  position: relative;
  display: block;
  padding: calc(25px / 4) 0;
  text-align: left !important;
  padding-left: 31.25px;
  padding-left: 1.953125rem;
}
.advantages ul li:last-of-type,
#why_fraikin ul li:last-of-type {
  border-bottom: none;
}
.advantages ul li i,
#why_fraikin ul li i {
  font-size: 20px;
  font-size: 1.25rem;
  border-radius: 50%;
  line-height: 30px;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: auto;
  color: #ea690b;
  left: 0;
  text-align: center;
  margin-right: calc(25px / 2);
  margin-right: calc(25px / 2);
  position: absolute;
  top: -2px;
}
.advantages ul li strong,
#why_fraikin ul li strong {
  font-weight: 400;
}
.advantages.advantages ul li i,
#why_fraikin.advantages ul li i {
  color: #fff;
}

#why_fraikin > .wrapper {
  list-style: none;
  margin: 0;
  padding: 0;
}
#why_fraikin > .wrapper > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#why_fraikin > .wrapper {
  display: flex;
  align-content: center;
  width: 100%;
  margin: auto;
  justify-content: space-between;
}
#why_fraikin > .wrapper > * {
  list-style: none !important;
  margin: 0;
  padding: 0;
  flex-grow: 1;
  width: auto;
  margin-bottom: 25px !important;
  margin-bottom: 1.5625rem !important;
  overflow: hidden;
}
#why_fraikin > .wrapper {
  flex-wrap: wrap;
}
#why_fraikin > .wrapper > * {
  flex-grow: inherit;
  width: calc(100% / 2 - 25px / 2 * (2 - 1));
  width: calc(100% / 2 - 25px / 2 * (2 - 1));
}
@media only screen and (max-width: 640px) {
  #why_fraikin > .wrapper > * {
    width: 100%;
    width: 100%;
  }
}
#why_fraikin > .wrapper {
  justify-content: inherit;
}
#why_fraikin > .wrapper > * {
  margin: 0 !important;
  width: 50%;
}
@media only screen and (max-width: 640px) {
  #why_fraikin > .wrapper > * {
    width: 100%;
    width: 100%;
  }
}
#why_fraikin > .wrapper {
  z-index: 100;
  position: relative;
  margin-top: -50px;
  margin-top: -3.125rem;
  border-radius: 4px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
#why_fraikin > .wrapper > div {
  background: #fff;
  overflow: hidden;
}
#why_fraikin > .wrapper > div:nth-child(1) {
  padding: 50px;
  padding: 3.125rem;
}
@media only screen and (max-width: 640px) {
  #why_fraikin > .wrapper > div:nth-child(1) {
    padding: 25px;
    padding: 1.5625rem;
  }
}
@media only screen and (max-width: 640px) {
  #why_fraikin > .wrapper > div:nth-child(1) {
    order: 2;
  }
}
#why_fraikin > .wrapper > div:nth-child(2) {
  background-repeat: no-repeat;
  background-size: cover;
}
#why_fraikin > .wrapper > div:nth-child(2) img {
  visibility: hidden;
}
@media only screen and (max-width: 640px) {
  #why_fraikin > .wrapper > div:nth-child(2) img {
    height: 200px;
  }
}
@media only screen and (max-width: 640px) {
  #why_fraikin > .wrapper > div:nth-child(2) {
    order: 1;
  }
}
#why_fraikin > .wrapper > div .cta {
  text-align: right;
}
#why_fraikin > .wrapper > div > header {
  margin-bottom: calc(25px / 2);
  margin-bottom: calc(25px / 2);
}
#why_fraikin > .wrapper > div img {
  width: 100%;
  display: block;
}
#why_fraikin > .wrapper > div h2 {
  text-align: left !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 400;
}
#why_fraikin > .wrapper > div h2 a {
  text-decoration: none;
}
#why_fraikin > .wrapper > div h2 + p {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  text-align: left !important;
}

/***********************

LISTING VEHICULE

***********************/
.page-vehicule-listing #search {
  margin-top: -25px;
  margin-top: -1.5625rem;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
.page-vehicule-listing #search > .wrapper {
  position: relative;
  background: #fff;
  padding: 50px;
  padding: 3.125rem;
  padding-top: 25px;
  padding-top: 1.5625rem;
  border-radius: 4px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 900px) {
  .page-vehicule-listing #search > .wrapper {
    padding: 25px;
    padding: 1.5625rem;
  }
}
.page-vehicule-listing #search > .wrapper .filters {
  display: flex;
  flex-direction: row; /* make main axis horizontal (default setting) */
  justify-content: center; /* center items horizontally, in this case */
  align-items: center;
}
.page-vehicule-listing #search > .wrapper .filters > div {
  align-self: flex-end;
  padding-right: 25px;
  padding-right: 1.5625rem;
}
.page-vehicule-listing #search > .wrapper .filters > div:last-child {
  width: 150px;
  padding-right: 0;
  padding-right: 0;
}
@media only screen and (max-width: 900px) {
  .page-vehicule-listing #search > .wrapper .filters > div:last-child {
    text-align: right;
  }
}
.page-vehicule-listing #search > .wrapper .filters > div .form-field {
  margin: 0;
}
@media only screen and (max-width: 900px) {
  .page-vehicule-listing #search > .wrapper .filters > div #make-estimate span {
    width: 135px !important;
  }
}
.page-vehicule-listing #search > .wrapper .filters > div #make-estimate span {
  white-space: nowrap;
}
@media only screen and (max-width: 900px) {
  .page-vehicule-listing #search > .wrapper .filters > div {
    padding-right: 0;
    padding-right: 0;
    align-self: flex-start;
    width: 100%;
    margin-bottom: 25px;
    margin-bottom: 1.5625rem;
  }
}
@media only screen and (max-width: 900px) {
  .page-vehicule-listing #search > .wrapper .filters {
    flex-direction: column;
  }
}
.page-vehicule-listing.tractor > .wrapper {
  z-index: 90;
}
@media only screen and (max-width: 900px) {
  .page-vehicule-listing.tractor > .wrapper {
    padding: 25px;
    padding: 1.5625rem;
  }
}
.page-vehicule-listing.tractor-listing #search {
  margin-bottom: 0;
}
.page-vehicule-listing.tractor-listing #search > .wrapper {
  padding-bottom: 25px;
  padding-bottom: 1.5625rem;
}
.page-vehicule-listing.tractor-listing #search > .wrapper h4 {
  font-weight: 400;
  padding: 0 0 25px 0;
  padding: 0 0 1.5625rem 0;
  font-size: 20px;
  font-size: 1.25rem;
  margin: 0;
  line-height: 1em;
  color: #ea690b;
}
@media only screen and (max-width: 900px) {
  .page-vehicule-listing.tractor-listing #search > .wrapper h4 {
    position: relative;
    padding-left: 45px;
  }
}
.page-vehicule-listing.tractor-listing #search > .wrapper .filters {
  padding-bottom: 50px;
  padding-bottom: 3.125rem;
}
@media only screen and (max-width: 900px) {
  .page-vehicule-listing.tractor-listing #search > .wrapper .filters {
    padding-bottom: 0;
    padding-bottom: 0;
  }
}
.page-vehicule-listing.tractor-listing #search > .wrapper .filters > div {
  width: 40%;
}
.page-vehicule-listing.tractor-listing #search > .wrapper .filters > div:last-child {
  width: 150px;
}
@media only screen and (max-width: 900px) {
  .page-vehicule-listing.tractor-listing #search > .wrapper .filters > div {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
  }
  .page-vehicule-listing.tractor-listing #search > .wrapper .filters > div:first-child {
    margin-left: 0;
  }
}

#listing-vehicules {
  overflow: hidden;
}
#listing-vehicules > .wrapper {
  padding: 50px;
  padding: 3.125rem;
}
@media only screen and (max-width: 640px) {
  #listing-vehicules > .wrapper {
    padding: 25px;
    padding: 1.5625rem;
  }
}
#listing-vehicules > .wrapper > p:first-child {
  margin-bottom: 25px;
  text-align: center;
}
#listing-vehicules > .wrapper > header {
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
}
@media only screen and (max-width: 900px) {
  #listing-vehicules > .wrapper > header h4 .step {
    top: 0;
  }
}
#listing-vehicules > .wrapper .listing-options {
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
  text-align: right;
}
#listing-vehicules > .wrapper .listing-options div {
  font-size: 20px;
  font-size: 1.25rem;
  width: 100%;
  clear: both;
  color: #ea690b;
  text-align: center;
}
#listing-vehicules > .wrapper .listing-options div span {
  margin-top: calc(25px / 4);
  margin-top: calc(25px / 4);
  display: block;
  color: #000;
  font-size: 0.8em;
  text-align: center;
}
#listing-vehicules > .wrapper .listing-options button {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
             supported by Chrome and Opera */
  outline: 0px;
  cursor: pointer;
  width: 42px;
  height: 42px;
  line-height: 38px;
  text-align: center;
  background: none;
  border: 0px;
  background: #eee;
  font-size: 22px;
  color: #000;
}
#listing-vehicules > .wrapper .listing-options button[data-listing=grid] {
  background: #ea690b;
  color: #fff;
}
@media only screen and (max-width: 900px) {
  #listing-vehicules > .wrapper .listing-options button {
    display: none;
  }
}
#listing-vehicules > .wrapper .link {
  text-align: center;
  margin: 0 auto 50px auto;
  margin: 0 auto 3.125rem auto;
}
#listing-vehicules > .wrapper .link a {
  margin: auto;
  background: #00438a;
}
#listing-vehicules > .wrapper .link a span {
  line-height: 4em;
}
#listing-vehicules > .wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#listing-vehicules > .wrapper ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#listing-vehicules > .wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#listing-vehicules > .wrapper ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#listing-vehicules > .wrapper ul {
  display: flex;
  align-content: center;
  width: 100%;
  margin: auto;
  justify-content: space-between;
}
#listing-vehicules > .wrapper ul > * {
  list-style: none !important;
  margin: 0;
  padding: 0;
  flex-grow: 1;
  width: auto;
  margin-bottom: 25px !important;
  margin-bottom: 1.5625rem !important;
  overflow: hidden;
}
#listing-vehicules > .wrapper ul {
  flex-wrap: wrap;
}
#listing-vehicules > .wrapper ul > * {
  flex-grow: inherit;
  width: calc(100% / 4 - 25px / 4 * (4 - 1));
  width: calc(100% / 4 - 25px / 4 * (4 - 1));
}
@media only screen and (max-width: 900px) {
  #listing-vehicules > .wrapper ul > * {
    width: calc(50% - 25px / 2);
    width: calc(50% - 25px / 2);
  }
}
@media only screen and (max-width: 640px) {
  #listing-vehicules > .wrapper ul > * {
    width: 100%;
    width: 100%;
  }
}
#listing-vehicules > .wrapper ul li {
  position: relative;
  overflow: inherit;
  margin-bottom: 50px !important;
  margin-bottom: 3.125rem !important;
  margin: 0 auto;
}
#listing-vehicules > .wrapper ul li:before {
  content: "";
  position: absolute;
  top: 18%;
  left: 50%;
  width: 100vw;
  height: 100px;
  transform: translateX(-50%);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+30,eeeeee+35,f7f7f7+73 */
  background: rgb(247, 247, 247); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(247, 247, 247) 30%, rgb(238, 238, 238) 35%, rgb(247, 247, 247) 73%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgb(247, 247, 247) 30%, rgb(238, 238, 238) 35%, rgb(247, 247, 247) 73%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(247, 247, 247) 30%, rgb(238, 238, 238) 35%, rgb(247, 247, 247) 73%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f7f7", endColorstr="#f7f7f7", GradientType=0); /* IE6-9 */
}
#listing-vehicules > .wrapper article {
  position: relative;
  z-index: 10;
  display: flex;
  height: 100%;
  flex-direction: column;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
#listing-vehicules > .wrapper article .icon {
  display: none;
}
#listing-vehicules > .wrapper article figure {
  order: 1;
}
#listing-vehicules > .wrapper article figure img {
  width: 90%;
  transition: all 200ms ease-in-out;
}
#listing-vehicules > .wrapper article header {
  order: 2;
}
#listing-vehicules > .wrapper article .title {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: calc(25px / 3);
  margin-bottom: calc(25px / 3);
  padding: 0 25px;
  padding: 0 1.5625rem;
  font-weight: 400;
  line-height: 1.2em;
}
#listing-vehicules > .wrapper article .title span {
  display: block;
  font-size: 0.8em;
}
#listing-vehicules > .wrapper article .title a {
  color: #000;
  text-decoration: none;
}
#listing-vehicules > .wrapper article .title a span {
  color: #00438a;
}
#listing-vehicules > .wrapper article .description {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  padding: 0 25px;
  padding: 0 1.5625rem;
  order: 3;
  color: #00438a;
}
#listing-vehicules > .wrapper article .description.tractor {
  margin-top: 25px;
  margin-top: 1.5625rem;
}
@media only screen and (max-width: 900px) {
  #listing-vehicules > .wrapper article .description.tractor {
    margin-top: calc(25px / 2);
    margin-top: calc(25px / 2);
  }
}
#listing-vehicules > .wrapper article .cta {
  order: 10;
  margin-top: auto;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
@media only screen and (max-width: 900px) {
  #listing-vehicules > .wrapper article .cta button {
    margin-bottom: 5px;
  }
}
#listing-vehicules > .wrapper article:hover {
  background: rgba(0, 0, 0, 0.025);
}
#listing-vehicules > .wrapper article:hover figure img {
  transform: scale(1.1);
}
#listing-vehicules > .wrapper[rel=list] .listing-options button[data-listing=grid] {
  background: #eee;
  color: #000;
}
#listing-vehicules > .wrapper[rel=list] .listing-options button[data-listing=list] {
  background: #ea690b;
  color: #fff;
}
#listing-vehicules > .wrapper[rel=list] ul {
  display: block;
}
#listing-vehicules > .wrapper[rel=list] ul li:after {
  content: "";
  display: table;
  clear: both;
}
#listing-vehicules > .wrapper[rel=list] ul li {
  display: block;
  width: 100%;
  clear: both;
  margin: 0 !important;
}
#listing-vehicules > .wrapper[rel=list] ul li:before {
  display: none;
}
#listing-vehicules > .wrapper[rel=list] article:after {
  content: "";
  display: table;
  clear: both;
}
#listing-vehicules > .wrapper[rel=list] article {
  padding: 0 25px;
  padding: 0 1.5625rem;
  display: block;
  text-align: left;
  border-top: 1px solid #ddd;
  border-radius: 0px;
}
#listing-vehicules > .wrapper[rel=list] article figure {
  margin-right: 100px;
  margin-right: 6.25rem;
  float: left;
}
#listing-vehicules > .wrapper[rel=list] article figure img {
  width: auto;
  height: 140px;
}
#listing-vehicules > .wrapper[rel=list] article .title {
  float: left;
  width: 60%;
  margin-top: 25px;
  margin-top: 1.5625rem;
  font-size: 26px;
  font-size: 1.625rem;
  text-align: left;
}
#listing-vehicules > .wrapper[rel=list] article p {
  float: left;
  max-width: 50%;
  text-align: left;
}
#listing-vehicules > .wrapper[rel=list] article .price {
  right: inherit;
  left: 170px;
}
#listing-vehicules > .wrapper[rel=list] article .cta {
  float: right;
}
#listing-vehicules.tractor > .wrapper {
  z-index: 100;
}
#listing-vehicules.tractor > .wrapper h4 {
  font-weight: 400;
  padding: 0 0 0 0;
  padding: 0 0 0 0;
  font-size: 20px;
  font-size: 1.25rem;
  margin: 0;
  color: #ea690b;
}
@media only screen and (max-width: 900px) {
  #listing-vehicules.tractor > .wrapper h4 {
    position: relative;
    line-height: 1.2em;
    padding: 7px 0;
    padding-left: 45px;
  }
}
@media only screen and (max-width: 900px) {
  #listing-vehicules.tractor > .wrapper h4.title {
    padding-left: 0;
  }
}
#listing-vehicules.tractor > .wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#listing-vehicules.tractor > .wrapper ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#listing-vehicules.tractor > .wrapper ul {
  display: flex;
  align-content: center;
  width: 100%;
  margin: auto;
  justify-content: space-between;
}
#listing-vehicules.tractor > .wrapper ul > * {
  list-style: none !important;
  margin: 0;
  padding: 0;
  flex-grow: 1;
  flex: auto;
  margin-bottom: 25px !important;
  margin-bottom: 1.5625rem !important;
  overflow: hidden;
}

#listing-vehicules.tractor > .wrapper ul li:before {
  content: "";
  display: none;
}

/***********************

LISTING ACTIVITY

***********************/
.page-activity-listing #listing-activities > .wrapper {
  padding: 50px;
  padding: 3.125rem;
}
@media only screen and (max-width: 640px) {
  .page-activity-listing #listing-activities > .wrapper {
    padding: 25px;
    padding: 1.5625rem;
  }
}
.page-activity-listing #listing-activities > .wrapper {
  padding-top: 0;
  padding-bottom: 0;
}

#listing-activities, #listing-tractor-categories {
  padding-bottom: 50px;
  padding-bottom: 3.125rem;
  background-size: cover;
  position: relative;
  background: #fff;
}
.page-activites #listing-activities, .page-activites #listing-tractor-categories {
  background: none;
}
#listing-activities > .wrapper, #listing-tractor-categories > .wrapper {
  position: relative;
  background: #fff;
  z-index: 10;
  padding: 50px;
  padding: 3.125rem;
}
@media only screen and (max-width: 640px) {
  #listing-activities > .wrapper, #listing-tractor-categories > .wrapper {
    padding: 25px;
    padding: 1.5625rem;
  }
}
#listing-activities > .wrapper, #listing-tractor-categories > .wrapper {
  padding-bottom: 0;
}
#listing-activities > .wrapper > header, #listing-tractor-categories > .wrapper > header {
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
}
.page-activites #listing-activities > .wrapper, .page-activites #listing-tractor-categories > .wrapper {
  padding-bottom: 25px;
  padding-bottom: 1.5625rem;
}
#listing-activities > .wrapper ul, #listing-tractor-categories > .wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#listing-activities > .wrapper ul > li, #listing-tractor-categories > .wrapper ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#listing-activities > .wrapper ul, #listing-tractor-categories > .wrapper ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
#listing-activities > .wrapper ul > li, #listing-tractor-categories > .wrapper ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#listing-activities > .wrapper ul, #listing-tractor-categories > .wrapper ul {
  display: flex;
  align-content: center;
  width: 100%;
  margin: auto;
  justify-content: space-between;
}
#listing-activities > .wrapper ul > *, #listing-tractor-categories > .wrapper ul > * {
  list-style: none !important;
  margin: 0;
  padding: 0;
  flex-grow: 1;
  width: auto;
  margin-bottom: 25px !important;
  margin-bottom: 1.5625rem !important;
  overflow: hidden;
}
#listing-activities > .wrapper ul, #listing-tractor-categories > .wrapper ul {
  flex-wrap: wrap;
}
#listing-activities > .wrapper ul > *, #listing-tractor-categories > .wrapper ul > * {
  flex-grow: inherit;
  width: calc(100% / 3 - 25px / 3 * (3 - 1));
  width: calc(100% / 3 - 25px / 3 * (3 - 1));
}
@media only screen and (max-width: 900px) {
  #listing-activities > .wrapper ul > *, #listing-tractor-categories > .wrapper ul > * {
    width: calc(50% - 25px / 3);
    width: calc(50% - 25px / 3);
  }
}
@media only screen and (max-width: 640px) {
  #listing-activities > .wrapper ul > *, #listing-tractor-categories > .wrapper ul > * {
    width: 100%;
    width: 100%;
  }
}
#listing-activities > .wrapper ul li, #listing-tractor-categories > .wrapper ul li {
  position: relative;
  overflow: inherit !important;
  z-index: 10;
  margin: 0 auto;
}
#listing-activities > .wrapper article, #listing-tractor-categories > .wrapper article {
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: left;
  height: 100%;
  cursor: pointer;
  border-radius: 4px;
  background: #f7f7f7;
}
#listing-activities > .wrapper article figure, #listing-tractor-categories > .wrapper article figure {
  order: 1;
}
#listing-activities > .wrapper article figure .bg, #listing-tractor-categories > .wrapper article figure .bg {
  display: none;
  height: 100%;
  width: 100%;
  background-size: cover;
  opacity: 0.3;
}
#listing-activities > .wrapper article figure img, #listing-tractor-categories > .wrapper article figure img {
  width: 100%;
  transition: all 200ms ease-in-out;
}
#listing-activities > .wrapper article header, #listing-tractor-categories > .wrapper article header {
  order: 2;
}
#listing-activities > .wrapper article .title, #listing-tractor-categories > .wrapper article .title {
  font-weight: 400;
  position: relative;
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  margin-top: 25px;
  margin-top: 1.5625rem;
  padding: 0 25px;
  padding: 0 1.5625rem;
}
#listing-activities > .wrapper article .title a, #listing-tractor-categories > .wrapper article .title a {
  color: #000;
  text-decoration: none;
}
#listing-activities > .wrapper article .title a span, #listing-tractor-categories > .wrapper article .title a span {
  color: #00438a;
}
#listing-activities > .wrapper article .content, #listing-tractor-categories > .wrapper article .content {
  order: 3;
}
#listing-activities > .wrapper article .content p, #listing-tractor-categories > .wrapper article .content p {
  position: relative;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  padding: 0 50px;
  padding: 0 3.125rem;
  color: #00438a;
  text-align: center;
}
#listing-activities > .wrapper article footer, #listing-tractor-categories > .wrapper article footer {
  order: 10;
}
#listing-activities > .wrapper article footer .cta, #listing-tractor-categories > .wrapper article footer .cta {
  position: relative;
  margin-top: auto;
  padding: 0 25px;
  padding: 0 1.5625rem;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  text-align: center;
}
#listing-activities#listing-tractor-categories > .wrapper ul, #listing-tractor-categories#listing-tractor-categories > .wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#listing-activities#listing-tractor-categories > .wrapper ul > li, #listing-tractor-categories#listing-tractor-categories > .wrapper ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#listing-activities#listing-tractor-categories > .wrapper ul, #listing-tractor-categories#listing-tractor-categories > .wrapper ul {
  display: flex;
  align-content: center;
  width: 100%;
  margin: auto;
  justify-content: space-between;
}
#listing-activities#listing-tractor-categories > .wrapper ul > *, #listing-tractor-categories#listing-tractor-categories > .wrapper ul > * {
  list-style: none !important;
  margin: 0;
  padding: 0;
  flex-grow: 1;
  width: auto;
  margin-bottom: 25px !important;
  margin-bottom: 1.5625rem !important;
  overflow: hidden;
}
#listing-activities#listing-tractor-categories > .wrapper ul, #listing-tractor-categories#listing-tractor-categories > .wrapper ul {
  flex-wrap: wrap;
}
#listing-activities#listing-tractor-categories > .wrapper ul > *, #listing-tractor-categories#listing-tractor-categories > .wrapper ul > * {
  flex-grow: inherit;
  width: calc(100% / 3 - 25px / 3 * (3 - 1));
  width: calc(100% / 3 - 25px / 3 * (3 - 1));
}
@media only screen and (max-width: 900px) {
  #listing-activities#listing-tractor-categories > .wrapper ul > *, #listing-tractor-categories#listing-tractor-categories > .wrapper ul > * {
    width: calc(50% - 25px / 3);
    width: calc(50% - 25px / 3);
  }
}
@media only screen and (max-width: 640px) {
  #listing-activities#listing-tractor-categories > .wrapper ul > *, #listing-tractor-categories#listing-tractor-categories > .wrapper ul > * {
    width: 100%;
    width: 100%;
  }
}

/***********************

DETAIL VEHICULE / ACTIVITY

***********************/
.page-error #content-header h1 {
  font-size: 4em !important;
}
.page-error .details > .wrapper {
  padding: 50px;
  padding: 3.125rem;
  padding-top: 0;
  background: #fff;
  text-align: center;
}

.page-vehicule-details #content-header {
  background-color: #eee;
}
.page-vehicule-details #content-header > .wrapper {
  padding-bottom: 0 !important;
}
.page-vehicule-details #content-picture {
  display: block;
  position: relative;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,eeeeee+100&0+28,1+70,1+70 */
  background: -moz-radial-gradient(center, ellipse cover, rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 0) 28%, rgb(238, 238, 238) 70%, rgb(238, 238, 238) 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 0) 28%, rgb(238, 238, 238) 70%, rgb(238, 238, 238) 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 0) 28%, rgb(238, 238, 238) 70%, rgb(238, 238, 238) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00eeeeee", endColorstr="#eeeeee", GradientType=1); /* IE6-9 fallback on horizontal gradient */
}
.page-vehicule-details #content-picture .wrapper {
  position: relative;
  text-align: center;
}
.page-vehicule-details #content-picture .wrapper img {
  visibility: visible;
  max-width: 600px;
  margin: auto;
  width: 100%;
  height: auto;
}
.page-vehicule-details #content-picture .wrapper .bg {
  display: none;
}
.page-vehicule-details #content-picture .wrapper:before {
  content: "";
  z-index: -1;
  position: absolute;
  bottom: 30%;
  left: 50%;
  width: 150%;
  height: 100px;
  transform: translateX(-50%);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+30,eeeeee+35,f7f7f7+73 */
  background: rgb(247, 247, 247); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(247, 247, 247) 30%, rgb(238, 238, 238) 35%, rgb(247, 247, 247) 73%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgb(247, 247, 247) 30%, rgb(238, 238, 238) 35%, rgb(247, 247, 247) 73%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(247, 247, 247) 30%, rgb(238, 238, 238) 35%, rgb(247, 247, 247) 73%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f7f7", endColorstr="#f7f7f7", GradientType=0); /* IE6-9 */
}

#popup-tractor-details > .content {
  display: none;
}
#popup-tractor-details > .content > .popup-details .tabs {
  padding-top: 25px;
  padding-top: 1.5625rem;
}
#popup-tractor-details > .content > .popup-details .tabs p {
  margin-bottom: 1rem;
}

#request-devis-error-tractor {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}

#popup-tractor-location > .content #info-estimate {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
@media only screen and (max-width: 900px) {
  #popup-tractor-location > .content #info-estimate {
    margin-top: 25px;
    margin-top: 1.5625rem;
  }
}
#popup-tractor-location > .content div.form div.form-fieldset {
  display: flex;
  flex-wrap: wrap;
}
#popup-tractor-location > .content div.form div.form-fieldset p {
  width: 100%;
  margin-bottom: 1rem;
}
#popup-tractor-location > .content div.form div.form-fieldset div.form-field {
  flex: initial;
}
#popup-tractor-location > .content div.form div.form-fieldset div.form-field[rel=firstname], #popup-tractor-location > .content div.form div.form-fieldset div.form-field[rel=zipcode] {
  width: calc(50% - 0.5rem);
  margin-right: 0.5rem;
}
#popup-tractor-location > .content div.form div.form-fieldset div.form-field[rel=lastname], #popup-tractor-location > .content div.form div.form-fieldset div.form-field[rel=city] {
  width: calc(50% - 0.5rem);
  margin-left: 0.5rem;
}
#popup-tractor-location > .content div.form p.buttons {
  text-align: right;
}
.tractor-listing #listing-vehicules.tractor > .wrapper {
  position: relative;
  background: #fff;
  padding: 50px;
  padding: 3.125rem;
  padding-top: 0;
  padding-top: 0;
  border-radius: 4px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 900px) {
  .tractor-listing #listing-vehicules.tractor > .wrapper {
    padding: 25px;
    padding: 1.5625rem;
  }
}
.tractor-listing #listing-vehicules.tractor > .wrapper > header {
  margin-bottom: 0;
}
.tractor-listing #listing-vehicules.tractor > .wrapper > ul.listing-tractor {
  width: 100%;
}
@media only screen and (max-width: 900px) {
  .tractor-listing #listing-vehicules.tractor > .wrapper > ul.listing-tractor {
    width: 95%;
  }
}
.tractor-listing #listing-vehicules.tractor > .wrapper > ul.listing-tractor > li > article {
  position: relative;
}
.tractor-listing #listing-vehicules.tractor > .wrapper > ul.listing-tractor > li > article > .gaz-tractor {
  top: 10px;
  right: 10px;
  z-index: 10000;
  width: 50px;
  height: 50px;
  position: absolute;
  border-radius: 100%;
  display: flex;
  align-items: center;
}
.tractor-listing #listing-vehicules.tractor > .wrapper > ul.listing-tractor > li > article > .gaz-tractor > img {
  width: 100%;
  max-width: 100%;
}
.tractor-listing #listing-vehicules.tractor > .wrapper > ul.listing-tractor > li > article > i.icon {
  display: none;
  position: absolute;
  top: 15px;
  font-size: 30px;
  left: 10px;
  color: #8fb322;
}
.tractor-listing #listing-vehicules.tractor > .wrapper > ul.listing-tractor > li > article.selected {
  border: 1px solid #8fb322;
}
.tractor-listing #listing-vehicules.tractor > .wrapper > ul.listing-tractor > li > article.selected > i.icon {
  display: block;
}
.tractor-listing #listing-vehicules.tractor > .wrapper > ul.listing-tractor > li > article .cta {
  padding: 0 10px;
  padding: 0 0.625rem;
}
.tractor-listing #listing-vehicules.tractor > .wrapper > ul.listing-tractor > li > article .cta button.btn-tractor-detail {
  color: #ea690b;
  border: 1px solid #ea690b;
  background-color: white;
  margin-bottom: 5px;
}

.page-categories-tracteur .headline-tractor {
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
  font-weight: 400;
  color: #ea690b;
}
@media only screen and (max-width: 900px) {
  .page-categories-tracteur .headline-tractor {
    padding-left: 50px;
    padding-left: 3.125rem;
  }
}
.page-categories-tracteur .headline-tractor > .step {
  padding: 5px;
  padding: 0.3125rem;
}
@media only screen and (max-width: 900px) {
  .page-categories-tracteur .headline-tractor > .step {
    left: 20px;
  }
}
.page-categories-tracteur .wrapper {
  padding-bottom: 0;
}
.page-categories-tracteur .wrapper .categories-tractor-info {
  max-width: 700px;
  text-align: center;
  margin: auto;
  margin-top: 25px;
  margin-top: 1.5625rem;
}
.page-categories-tracteur .wrapper .categories-tractor-info p {
  margin-bottom: 0px;
  margin-bottom: 0rem;
}
.page-categories-tracteur h3 {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
.page-categories-tracteur #listing-tractor-categories .wrapper {
  padding-top: 0;
}
.page-categories-tracteur #listing-tractor-categories .wrapper p.headline-tractor {
  text-align: left;
  margin-top: 0;
  margin-top: 0;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
.page-categories-tracteur #listing-tractor-categories .wrapper ul li article .content {
  padding-bottom: 60px;
  padding-bottom: 3.75rem;
}
.page-categories-tracteur #listing-tractor-categories .wrapper ul li article footer {
  bottom: 0;
  width: 100%;
  position: absolute;
}

.tractor-listing #content-body .details > .wrapper,
.page-vehicule-details #content-body .details > .wrapper,
.page-activity-details #content-body .details > .wrapper {
  position: relative;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.tractor-listing #content-body .details > .wrapper > li,
.page-vehicule-details #content-body .details > .wrapper > li,
.page-activity-details #content-body .details > .wrapper > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tractor-listing #content-body .details > .wrapper,
.page-vehicule-details #content-body .details > .wrapper,
.page-activity-details #content-body .details > .wrapper {
  display: flex;
  align-content: center;
  width: 100%;
  margin: auto;
  justify-content: space-between;
}
.tractor-listing #content-body .details > .wrapper > *,
.page-vehicule-details #content-body .details > .wrapper > *,
.page-activity-details #content-body .details > .wrapper > * {
  list-style: none !important;
  margin: 0;
  padding: 0;
  flex-grow: 1;
  width: auto;
  margin-bottom: 25px !important;
  margin-bottom: 1.5625rem !important;
  overflow: hidden;
}
.tractor-listing #content-body .details > .wrapper,
.page-vehicule-details #content-body .details > .wrapper,
.page-activity-details #content-body .details > .wrapper {
  flex-wrap: wrap;
}
.tractor-listing #content-body .details > .wrapper > *,
.page-vehicule-details #content-body .details > .wrapper > *,
.page-activity-details #content-body .details > .wrapper > * {
  flex-grow: inherit;
  width: calc(100% / 2 - 25px / 2 * (2 - 1));
  width: calc(100% / 2 - 25px / 2 * (2 - 1));
}
@media only screen and (max-width: 640px) {
  .tractor-listing #content-body .details > .wrapper > *,
  .page-vehicule-details #content-body .details > .wrapper > *,
  .page-activity-details #content-body .details > .wrapper > * {
    width: 100%;
    width: 100%;
  }
}
.tractor-listing #content-body .details > .wrapper,
.page-vehicule-details #content-body .details > .wrapper,
.page-activity-details #content-body .details > .wrapper {
  justify-content: inherit;
}
.tractor-listing #content-body .details > .wrapper > *,
.page-vehicule-details #content-body .details > .wrapper > *,
.page-activity-details #content-body .details > .wrapper > * {
  margin: 0 !important;
  width: 50%;
}
@media only screen and (max-width: 640px) {
  .tractor-listing #content-body .details > .wrapper > *,
  .page-vehicule-details #content-body .details > .wrapper > *,
  .page-activity-details #content-body .details > .wrapper > * {
    width: 100%;
    width: 100%;
  }
}
.tractor-listing #content-body .details > .wrapper > div:nth-child(2),
.page-vehicule-details #content-body .details > .wrapper > div:nth-child(2),
.page-activity-details #content-body .details > .wrapper > div:nth-child(2) {
  margin-top: -50px;
  border-top: 4px solid #ea690b;
}
.tractor-listing #content-body .details > .wrapper p,
.page-vehicule-details #content-body .details > .wrapper p,
.page-activity-details #content-body .details > .wrapper p {
  margin-bottom: calc(25px / 3);
  margin-bottom: calc(25px / 3);
  line-height: 1.3em;
}
@media only screen and (max-width: 900px) {
  .tractor-listing .tabs,
  .page-vehicule-details .tabs,
  .page-activity-details .tabs {
    padding: 25px;
    padding: 1.5625rem;
  }
  .tractor-listing .tabs > .tabs-container,
  .page-vehicule-details .tabs > .tabs-container,
  .page-activity-details .tabs > .tabs-container {
    padding: 25px 0 0 0;
  }
}
.tractor-listing #vehicule-about,
.page-vehicule-details #vehicule-about,
.page-activity-details #vehicule-about {
  background: url("../images/about-us.png") no-repeat center;
  background-size: cover;
}
.tractor-listing #vehicule-about > .wrapper,
.page-vehicule-details #vehicule-about > .wrapper,
.page-activity-details #vehicule-about > .wrapper {
  max-width: 100%;
  width: 100% !important;
  list-style: none;
  margin: 0;
  padding: 0;
}
.tractor-listing #vehicule-about > .wrapper > li,
.page-vehicule-details #vehicule-about > .wrapper > li,
.page-activity-details #vehicule-about > .wrapper > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tractor-listing #vehicule-about > .wrapper,
.page-vehicule-details #vehicule-about > .wrapper,
.page-activity-details #vehicule-about > .wrapper {
  display: flex;
  align-content: center;
  width: 100%;
  margin: auto;
  justify-content: space-between;
}
.tractor-listing #vehicule-about > .wrapper > *,
.page-vehicule-details #vehicule-about > .wrapper > *,
.page-activity-details #vehicule-about > .wrapper > * {
  list-style: none !important;
  margin: 0;
  padding: 0;
  flex-grow: 1;
  width: auto;
  margin-bottom: 25px !important;
  margin-bottom: 1.5625rem !important;
  overflow: hidden;
}
.tractor-listing #vehicule-about > .wrapper,
.page-vehicule-details #vehicule-about > .wrapper,
.page-activity-details #vehicule-about > .wrapper {
  flex-wrap: wrap;
}
.tractor-listing #vehicule-about > .wrapper > *,
.page-vehicule-details #vehicule-about > .wrapper > *,
.page-activity-details #vehicule-about > .wrapper > * {
  flex-grow: inherit;
  width: calc(100% / 2 - 25px / 2 * (2 - 1));
  width: calc(100% / 2 - 25px / 2 * (2 - 1));
}
@media only screen and (max-width: 640px) {
  .tractor-listing #vehicule-about > .wrapper > *,
  .page-vehicule-details #vehicule-about > .wrapper > *,
  .page-activity-details #vehicule-about > .wrapper > * {
    width: 100%;
    width: 100%;
  }
}
.tractor-listing #vehicule-about > .wrapper,
.page-vehicule-details #vehicule-about > .wrapper,
.page-activity-details #vehicule-about > .wrapper {
  justify-content: inherit;
}
.tractor-listing #vehicule-about > .wrapper > *,
.page-vehicule-details #vehicule-about > .wrapper > *,
.page-activity-details #vehicule-about > .wrapper > * {
  margin: 0 !important;
  width: 50%;
}
@media only screen and (max-width: 640px) {
  .tractor-listing #vehicule-about > .wrapper > *,
  .page-vehicule-details #vehicule-about > .wrapper > *,
  .page-activity-details #vehicule-about > .wrapper > * {
    width: 100%;
    width: 100%;
  }
}
.tractor-listing #vehicule-about > .wrapper,
.page-vehicule-details #vehicule-about > .wrapper,
.page-activity-details #vehicule-about > .wrapper {
  padding: 0;
}
.tractor-listing #vehicule-about > .wrapper > div,
.page-vehicule-details #vehicule-about > .wrapper > div,
.page-activity-details #vehicule-about > .wrapper > div {
  padding: 100px 0;
  padding: 6.25rem 0;
  position: relative;
  overflow: inherit;
  color: #fff;
}
.tractor-listing #vehicule-about > .wrapper > div:nth-child(1),
.page-vehicule-details #vehicule-about > .wrapper > div:nth-child(1),
.page-activity-details #vehicule-about > .wrapper > div:nth-child(1) {
  background: rgba(0, 42.2391304348, 87, 0.8);
}
.tractor-listing #vehicule-about > .wrapper > div:nth-child(1) > *,
.page-vehicule-details #vehicule-about > .wrapper > div:nth-child(1) > *,
.page-activity-details #vehicule-about > .wrapper > div:nth-child(1) > * {
  float: right;
  display: block;
}
.tractor-listing #vehicule-about > .wrapper > div:nth-child(2),
.page-vehicule-details #vehicule-about > .wrapper > div:nth-child(2),
.page-activity-details #vehicule-about > .wrapper > div:nth-child(2) {
  background: rgba(0, 0, 0, 0.6);
}
.tractor-listing #vehicule-about > .wrapper > div:nth-child(2) > *,
.page-vehicule-details #vehicule-about > .wrapper > div:nth-child(2) > *,
.page-activity-details #vehicule-about > .wrapper > div:nth-child(2) > * {
  float: left;
  display: block;
}
.tractor-listing #vehicule-about > .wrapper > div h2,
.page-vehicule-details #vehicule-about > .wrapper > div h2,
.page-activity-details #vehicule-about > .wrapper > div h2 {
  font-size: 26px;
  font-size: 1.625rem;
  margin-bottom: calc(25px / 3);
  margin-bottom: calc(25px / 3);
  font-weight: 400;
}
.tractor-listing #vehicule-about > .wrapper > div h2 + p,
.page-vehicule-details #vehicule-about > .wrapper > div h2 + p,
.page-activity-details #vehicule-about > .wrapper > div h2 + p {
  margin-bottom: calc(25px / 3);
  margin-bottom: calc(25px / 3);
}
.tractor-listing #vehicule-about > .wrapper > div > *,
.page-vehicule-details #vehicule-about > .wrapper > div > *,
.page-activity-details #vehicule-about > .wrapper > div > * {
  text-align: center;
  width: 100%;
  max-width: calc(1200px / 2);
  padding: 0 25px;
  padding: 0 1.5625rem;
}
.tractor-listing .price,
.page-vehicule-details .price,
.page-activity-details .price {
  transform: translateY(-200%) rotate(5deg) scale(1.4);
  top: 0;
  right: 5%;
  width: 100px;
  height: 100px;
  padding-top: 18px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.tractor-listing .price span,
.page-vehicule-details .price span,
.page-activity-details .price span {
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 900px) {
  .tractor-listing .price,
  .page-vehicule-details .price,
  .page-activity-details .price {
    padding-top: 12px;
    width: 80px;
    height: 80px;
    transform: translateY(-70%) rotate(5deg) scale(1.2);
  }
}
.tractor-listing .vehicule-proposal,
.page-vehicule-details .vehicule-proposal,
.page-activity-details .vehicule-proposal {
  padding: 50px;
  padding: 3.125rem;
  background: #fff;
}
.tractor-listing .vehicule-proposal h2,
.page-vehicule-details .vehicule-proposal h2,
.page-activity-details .vehicule-proposal h2 {
  font-size: 28px;
  font-size: 1.75rem;
  margin-bottom: calc(25px / 3);
  margin-bottom: calc(25px / 3);
  font-weight: 400;
  color: #ea690b;
}
.tractor-listing .vehicule-proposal p,
.page-vehicule-details .vehicule-proposal p,
.page-activity-details .vehicule-proposal p {
  font-size: 16px;
  font-size: 1rem;
  color: #333;
}
.tractor-listing .vehicule-proposal .form-fieldset,
.page-vehicule-details .vehicule-proposal .form-fieldset,
.page-activity-details .vehicule-proposal .form-fieldset {
  margin-top: 25px;
  margin-top: 1.5625rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.tractor-listing .vehicule-proposal .form-fieldset > p,
.page-vehicule-details .vehicule-proposal .form-fieldset > p,
.page-activity-details .vehicule-proposal .form-fieldset > p {
  display: block;
  width: 100%;
}
.tractor-listing .vehicule-proposal .form-fieldset .form,
.page-vehicule-details .vehicule-proposal .form-fieldset .form,
.page-activity-details .vehicule-proposal .form-fieldset .form {
  width: 100%;
}
.tractor-listing .vehicule-proposal .form-fieldset h3,
.page-vehicule-details .vehicule-proposal .form-fieldset h3,
.page-activity-details .vehicule-proposal .form-fieldset h3 {
  font-size: 20px;
  font-size: 1.25rem;
  width: 100%;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  padding-bottom: calc(25px / 3);
  padding-bottom: calc(25px / 3);
  color: #ea690b;
  position: relative;
}
.tractor-listing .vehicule-proposal .form-fieldset h3:before,
.page-vehicule-details .vehicule-proposal .form-fieldset h3:before,
.page-activity-details .vehicule-proposal .form-fieldset h3:before {
  content: "";
  bottom: 0;
  left: 0;
  height: 2px;
  background: #ea690b;
  width: 60px;
  position: absolute;
}
.tractor-listing .vehicule-proposal .form-fieldset p.buttons,
.page-vehicule-details .vehicule-proposal .form-fieldset p.buttons,
.page-activity-details .vehicule-proposal .form-fieldset p.buttons {
  text-align: right;
  width: 100%;
}
.tractor-listing .vehicule-proposal .form-fieldset p.buttons button,
.page-vehicule-details .vehicule-proposal .form-fieldset p.buttons button,
.page-activity-details .vehicule-proposal .form-fieldset p.buttons button {
  float: left;
}
.tractor-listing .vehicule-proposal .form-fieldset p.buttons button:last-child,
.page-vehicule-details .vehicule-proposal .form-fieldset p.buttons button:last-child,
.page-activity-details .vehicule-proposal .form-fieldset p.buttons button:last-child {
  float: right;
}
.tractor-listing .vehicule-proposal .form-fieldset p.buttons button:last-child span,
.page-vehicule-details .vehicule-proposal .form-fieldset p.buttons button:last-child span,
.page-activity-details .vehicule-proposal .form-fieldset p.buttons button:last-child span {
  font-weight: 400;
  font-size: 14px;
}
.tractor-listing .vehicule-proposal .form-fieldset button,
.page-vehicule-details .vehicule-proposal .form-fieldset button,
.page-activity-details .vehicule-proposal .form-fieldset button {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
             supported by Chrome and Opera */
  outline: 0px;
  display: inline-block;
}
.tractor-listing .vehicule-proposal .form-fieldset button.previous,
.page-vehicule-details .vehicule-proposal .form-fieldset button.previous,
.page-activity-details .vehicule-proposal .form-fieldset button.previous {
  background: #aaa;
}
.tractor-listing .vehicule-proposal .form-fieldset .form-field,
.page-vehicule-details .vehicule-proposal .form-fieldset .form-field,
.page-activity-details .vehicule-proposal .form-fieldset .form-field {
  margin-bottom: calc(25px / 3);
  margin-bottom: calc(25px / 3);
}
.tractor-listing .vehicule-proposal .form-fieldset .form-field[rel=duration], .tractor-listing .vehicule-proposal .form-fieldset .form-field[rel=firstname], .tractor-listing .vehicule-proposal .form-fieldset .form-field[rel=zipcode],
.page-vehicule-details .vehicule-proposal .form-fieldset .form-field[rel=duration],
.page-vehicule-details .vehicule-proposal .form-fieldset .form-field[rel=firstname],
.page-vehicule-details .vehicule-proposal .form-fieldset .form-field[rel=zipcode],
.page-activity-details .vehicule-proposal .form-fieldset .form-field[rel=duration],
.page-activity-details .vehicule-proposal .form-fieldset .form-field[rel=firstname],
.page-activity-details .vehicule-proposal .form-fieldset .form-field[rel=zipcode] {
  width: 45%;
}
.tractor-listing .vehicule-proposal .form-fieldset .form-field[rel=km], .tractor-listing .vehicule-proposal .form-fieldset .form-field[rel=lastname], .tractor-listing .vehicule-proposal .form-fieldset .form-field[rel=city],
.page-vehicule-details .vehicule-proposal .form-fieldset .form-field[rel=km],
.page-vehicule-details .vehicule-proposal .form-fieldset .form-field[rel=lastname],
.page-vehicule-details .vehicule-proposal .form-fieldset .form-field[rel=city],
.page-activity-details .vehicule-proposal .form-fieldset .form-field[rel=km],
.page-activity-details .vehicule-proposal .form-fieldset .form-field[rel=lastname],
.page-activity-details .vehicule-proposal .form-fieldset .form-field[rel=city] {
  width: 45%;
  margin-left: 10%;
}
@media only screen and (max-width: 900px) {
  .tractor-listing .vehicule-proposal .form-fieldset .form-field,
  .page-vehicule-details .vehicule-proposal .form-fieldset .form-field,
  .page-activity-details .vehicule-proposal .form-fieldset .form-field {
    width: 100% !important;
    margin-left: 0% !important;
  }
}
@media only screen and (max-width: 900px) {
  .tractor-listing .vehicule-proposal,
  .page-vehicule-details .vehicule-proposal,
  .page-activity-details .vehicule-proposal {
    padding: 25px;
    padding: 1.5625rem;
  }
}

/***********************

PAGE ACTIVITE

***********************/
.page-activity-details #content-body .details .wrapper > div, .page-activity-details #content-body .details .wrapper > aside {
  padding: 50px;
  padding: 3.125rem;
  background-color: #fff;
}
.page-activity-details #content-body .details .wrapper > aside {
  background-color: #fbeede;
}
.page-activity-details #content-body .details .wrapper > aside > *:last-child {
  margin-bottom: 0;
}
.page-activity-details #listing-activities > .wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-activity-details #listing-activities > .wrapper ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-activity-details #listing-activities > .wrapper ul {
  display: flex;
  align-content: center;
  width: 100%;
  margin: auto;
  justify-content: space-between;
}
.page-activity-details #listing-activities > .wrapper ul > * {
  list-style: none !important;
  margin: 0;
  padding: 0;
  flex-grow: 1;
  width: auto;
  margin-bottom: 25px !important;
  margin-bottom: 1.5625rem !important;
  overflow: hidden;
}
.page-activity-details #listing-activities > .wrapper ul {
  flex-wrap: wrap;
}
.page-activity-details #listing-activities > .wrapper ul > * {
  flex-grow: inherit;
  width: calc(100% / 2 - 25px / 2 * (2 - 1));
  width: calc(100% / 2 - 25px / 2 * (2 - 1));
}
@media only screen and (max-width: 640px) {
  .page-activity-details #listing-activities > .wrapper ul > * {
    width: 100%;
    width: 100%;
  }
}

/***********************

LISTING JOB / SECTEUR

***********************/
.listing-jobs,
.listing-secteurs {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
.listing-jobs h3,
.listing-secteurs h3 {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: calc(25px / 3);
  margin-bottom: calc(25px / 3);
  font-weight: 400;
}
/***********************

CG

***********************/
.page-conditions-generales #content-body > .wrapper > section > .wrapper {
  background: #fff;
  padding: 50px;
  padding: 3.125rem;
}

/***********************

CONTACT

***********************/
.page-contact #map {
  height: 300px;
}
.page-contact .request-contact > .wrapper {
  background: #fff;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-contact .request-contact > .wrapper > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-contact .request-contact > .wrapper {
  display: flex;
  align-content: center;
  width: 100%;
  margin: auto;
  justify-content: space-between;
}
.page-contact .request-contact > .wrapper > * {
  list-style: none !important;
  margin: 0;
  padding: 0;
  flex-grow: 1;
  width: auto;
  margin-bottom: 25px !important;
  margin-bottom: 1.5625rem !important;
  overflow: hidden;
}
.page-contact .request-contact > .wrapper {
  flex-wrap: wrap;
}
.page-contact .request-contact > .wrapper > * {
  flex-grow: inherit;
  width: calc(100% / 2 - 25px / 2 * (2 - 1));
  width: calc(100% / 2 - 25px / 2 * (2 - 1));
}
@media only screen and (max-width: 640px) {
  .page-contact .request-contact > .wrapper > * {
    width: 100%;
    width: 100%;
  }
}
.page-contact .request-contact > .wrapper > * {
  padding: 0 50px 50px;
  padding: 0 3.125rem 3.125rem;
}
.page-contact .request-contact > .wrapper h2 {
  font-size: 20px;
  font-size: 1.25rem;
  width: 100%;
  margin-bottom: calc(25px / 2);
  margin-bottom: calc(25px / 2);
  padding-bottom: calc(25px / 2);
  padding-bottom: calc(25px / 2);
  color: #ea690b;
  position: relative;
  font-weight: 400;
}
.page-contact .request-contact > .wrapper h2:before {
  content: "";
  bottom: 0;
  left: 0;
  height: 2px;
  background: #ea690b;
  width: 60px;
  position: absolute;
}
.page-contact .request-contact > .wrapper .address {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
.page-contact .request-contact > .wrapper .address h2 strong {
  font-weight: 400;
}
.page-contact .request-contact > .wrapper .address .call-us {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
.page-contact .form {
  width: 100%;
}
.page-contact .form-fieldset {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.page-contact .form-fieldset p.buttons {
  padding-top: calc(25px / 3);
  padding-top: calc(25px / 3);
  text-align: right;
  width: 100%;
}
.page-contact .form-fieldset p.buttons button {
  float: left;
}
.page-contact .form-fieldset p.buttons button:last-child {
  float: right;
}
.page-contact .form-fieldset button {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
             supported by Chrome and Opera */
  outline: 0px;
  display: inline-block;
}
.page-contact .form-fieldset button.previous {
  background: #aaa;
}
.page-contact .form-fieldset .form-field {
  margin-bottom: calc(25px / 3);
  margin-bottom: calc(25px / 3);
}
.page-contact .form-fieldset .form-field[rel=xfirstname] {
  width: 45%;
}
.page-contact .form-fieldset .form-field[rel=xlastname] {
  width: 45%;
  margin-left: 10%;
}

/***********************

FORM

***********************/
.notice {
  display: block;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  padding: 25px;
  padding: 1.5625rem;
  background: #aed5df;
  display: none;
}
.notice.error {
  color: rgb(185.6299212598, 19.3700787402, 66.1811023622);
  background: rgb(252.6850393701, 232.8149606299, 238.4094488189);
}
.notice.error strong {
  color: rgb(116.3582677165, 12.1417322835, 41.4842519685);
}
.notice.success {
  color: rgb(108.7605633803, 136.1408450704, 25.8591549296);
  background: rgb(232.8169014085, 244.2253521127, 198.2746478873);
}
.notice.success strong {
  color: rgb(57.4014084507, 71.8521126761, 13.6478873239);
}
.notice {
  margin-top: calc(25px / 3);
  margin-top: calc(25px / 3);
  padding: 25px;
  padding: 1.5625rem;
  line-height: 1.3em;
}
.notice strong {
  font-weight: 400;
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: calc(25px / 4);
  margin-bottom: calc(25px / 4);
  display: block;
}
.notice b {
  font-weight: 600;
}

.form-field {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-content: center;
}
.form-field .error-msg {
  display: none;
  font-size: 13px;
  font-size: 0.8125rem;
  margin-top: calc(25px / 4);
  margin-top: calc(25px / 4);
  font-weight: bold;
  color: #e71953;
}
.form-field.form-required label {
  font-weight: 400;
}
.form-field.form-required label:after {
  content: "*";
  margin-left: 5px;
}
.form-field.form-error .error-msg {
  display: block;
}
.form-field.form-error .form-label {
  color: #e71953 !important;
}
.form-field.form-error .form-input .form-input-wrapper {
  border-color: #e71953 !important;
}
.form-field .form-label {
  display: block;
  flex-grow: 1;
  line-height: 2em;
  white-space: nowrap;
}
.form-field .form-input {
  flex-grow: 1;
}
.form-field .form-input .form-input-wrapper {
  border: 1px solid #aaa;
  border-radius: 3px;
  min-width: 150px;
}
.form-field .form-input .form-input-wrapper input[type=text],
.form-field .form-input .form-input-wrapper input[type=password],
.form-field .form-input .form-input-wrapper input[type=number],
.form-field .form-input .form-input-wrapper input[type=phone],
.form-field .form-input .form-input-wrapper input[type=email],
.form-field .form-input .form-input-wrapper select,
.form-field .form-input .form-input-wrapper textarea {
  font-size: 100%;
  font-size: 100%;
  text-align: left;
  border: 0;
  background: none;
  width: 100%;
  padding: 10px;
}
.form-field.form-select, .form-field.form-select-multiple {
  cursor: pointer;
}
.form-field.form-select .form-input .form-input-wrapper, .form-field.form-select-multiple .form-input .form-input-wrapper {
  position: relative;
}
.form-field.form-select .form-input .form-input-wrapper select, .form-field.form-select-multiple .form-input .form-input-wrapper select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.form-field.form-select .form-input .form-input-wrapper > div, .form-field.form-select-multiple .form-input .form-input-wrapper > div {
  transition: all 200ms ease-in-out;
  position: absolute;
  top: 0%;
  left: 0;
  z-index: 1000;
  width: auto;
  background: #fff;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  min-width: 150px;
  display: none;
  margin-top: 1px;
  opacity: 0;
}
.form-field.form-select .form-input .form-input-wrapper > div > input, .form-field.form-select-multiple .form-input .form-input-wrapper > div > input {
  outline: 0;
}
.form-field.form-select .form-input .form-input-wrapper > div > div, .form-field.form-select-multiple .form-input .form-input-wrapper > div > div {
  max-height: 200px;
  overflow: auto;
}
.form-field.form-select .form-input .form-input-wrapper > div label, .form-field.form-select-multiple .form-input .form-input-wrapper > div label {
  display: block;
  white-space: nowrap;
  padding: 10px;
  border-bottom: rgba(0, 0, 0, 0.05) 1px solid;
}
.form-field.form-select .form-input .form-input-wrapper > div label input, .form-field.form-select-multiple .form-input .form-input-wrapper > div label input {
  margin-right: 10px;
}
.form-field.form-select .form-input .form-input-wrapper > div label:hover, .form-field.form-select-multiple .form-input .form-input-wrapper > div label:hover {
  background: rgba(0, 0, 0, 0.05);
}
.form-field.form-select .form-input .form-input-wrapper > span, .form-field.form-select-multiple .form-input .form-input-wrapper > span {
  display: block;
  padding: 10px;
  padding-right: 40px;
}
.form-field.form-select .form-input i, .form-field.form-select-multiple .form-input i {
  position: absolute;
  top: 50%;
  right: 10px;
  color: #555;
  font-size: 12px;
  transform: translateY(-50%);
}
.form-field.form-select .form-input label, .form-field.form-select-multiple .form-input label {
  display: block;
}
.form-field.form-select.active .form-input .form-input-wrapper > div, .form-field.form-select-multiple.active .form-input .form-input-wrapper > div {
  transition: all 200ms ease-in-out;
  display: block;
  top: 100%;
  opacity: 1;
}
.form-field .form-label {
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
  opacity: 0.5;
  padding-left: 10px;
  line-height: 2.5em;
}
.form-field .form-input .form-input-wrapper {
  border: 1px solid #aaa;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,f7f7f7+100 */
  background: rgb(255, 255, 255); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 1%, rgb(247, 247, 247) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 1%, rgb(247, 247, 247) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(255, 255, 255) 1%, rgb(247, 247, 247) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f7f7f7", GradientType=0); /* IE6-9 */
}
.devis-price {
  margin: auto;
  text-align: center;
  margin-bottom: calc(25px / 3) !important;
}
.devis-price .cost {
  color: #ea690b;
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 500;
  display: inline-block;
  background: #fbeede;
  margin: auto;
  padding: 6px 20px;
  border-top-left-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
  margin-bottom: 25px !important;
}
.devis-price .currency,
.devis-price .ht {
  font-size: 0.6em;
}
.devis-price .ht {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #000;
  opacity: 0.7;
  font-weight: 400;
  margin-top: 2px;
}
.devis-price p.mention {
  font-size: 12px;
  font-size: 0.75rem;
  color: #888 !important;
  margin: 25px 0 !important;
}
.devis-price p.offer {
  margin-bottom: 25px !important;
  text-align: center;
  font-weight: 400;
  font-size: 20px !important;
  font-size: 1.25rem !important;
}
.devis-price p.offer span {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 500;
}
.devis-price p.emplacement span {
  color: #00438a;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
}

section.tractor-details > .wrapper {
  position: relative;
  z-index: 100;
  background: #fff;
  padding: 50px;
  padding: 3.125rem;
  padding-top: 25px;
  padding-top: 1.5625rem;
  border-radius: 0;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 900px) {
  section.tractor-details > .wrapper {
    padding: 25px;
    padding: 1.5625rem;
  }
}
section.tractor-details > .wrapper > header > h4 {
  font-weight: 400;
  padding: 0 0 25px 0;
  padding: 0 0 1.5625rem 0;
  font-size: 20px;
  font-size: 1.25rem;
  margin: 0;
  line-height: 1em;
  color: #ea690b;
}
@media only screen and (max-width: 900px) {
  section.tractor-details > .wrapper > header > h4 {
    position: relative;
    padding: 7px 0;
    padding-left: 45px;
  }
}
@media only screen and (max-width: 900px) {
  section.tractor-details > .wrapper > header > h4.title {
    padding-left: 0;
  }
}
section.tractor-details > .wrapper > div.estimate-tractor-pack {
  width: 85%;
  display: flex;
  flex-wrap: wrap;
  margin: 25px auto !important;
  border-top: none !important;
}
@media only screen and (max-width: 900px) {
  section.tractor-details > .wrapper > div.estimate-tractor-pack {
    width: 100%;
  }
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate {
  flex: auto;
  width: calc(50% - 2rem);
  padding: 0 1rem;
}
@media only screen and (max-width: 900px) {
  section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate {
    width: 100%;
    padding: 0;
    margin-bottom: 25px;
  }
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box {
  padding: 25px;
  background-color: #f7f7f7;
  border-radius: 10px;
  border-radius: 0.625rem;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box h3 {
  font-weight: 400;
  padding: 0 0 25px 0;
  padding: 0 0 1.5625rem 0;
  font-size: 30px;
  font-size: 1.875rem;
  margin: 0;
  line-height: 1em;
  color: #ea690b;
  text-align: center;
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box h4 {
  font-weight: 400;
  padding: 0 0 25px 0;
  padding: 0 0 1.5625rem 0;
  font-size: 20px;
  font-size: 1.25rem;
  margin: 0;
  line-height: 1em;
  text-align: center;
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box > p {
  text-align: center;
  margin-bottom: 0.2rem;
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box > p.total-price {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  color: #ea690b;
  font-weight: 400;
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box > p.total-price .amount {
  font-size: 30px;
  font-size: 1.875rem;
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box > p.total-price .information {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  color: black;
  font-weight: 300;
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box > p.resume-estimate {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box > ul.variation {
  text-align: center;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box > ul.variation > li {
  display: inline-block;
  border: 1px solid rgb(221.5, 221.5, 221.5);
  background-color: #f7f7f7;
  padding: 5px;
  margin-right: 10px;
  margin-right: 0.625rem;
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box > ul.variation > li:last-child {
  margin-right: 0;
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box > ul.variation > li label {
  cursor: pointer;
  position: relative;
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box > ul.variation > li label input[type=radio] {
  top: 0;
  left: 0;
  visibility: hidden;
  position: absolute;
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box > ul.variation > li label span {
  width: 100%;
  text-align: center;
  display: block;
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box > ul.variation > li.selected {
  border-color: #ea690b;
  background-color: #fbeede;
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box > ul.variation > li.selected label span {
  font-weight: 300;
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box .buttons a {
  display: none;
  color: black;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 10px;
  margin-top: 0.625rem;
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box .buttons a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 900px) {
  section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box .buttons a {
    display: block;
  }
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate > .box .buttons button {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
             supported by Chrome and Opera */
  outline: 0px;
  display: inline-block;
  margin: auto;
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate .estimate-details-list {
  display: block;
  padding: 25px;
}
@media only screen and (max-width: 900px) {
  section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate .estimate-details-list {
    display: none;
  }
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate .estimate-details-list.visible {
  display: block;
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate .estimate-details-list > h4 {
  font-weight: 400;
  padding: 0 0 calc(25px / 2) 0;
  padding: 0 0 calc(25px / 2) 0;
  font-size: 18px;
  font-size: 1.125rem;
  margin: 0;
  line-height: 1em;
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate .estimate-details-list ul {
  margin-bottom: 25px !important;
  margin-bottom: 1.5625rem !important;
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate .estimate-details-list ul li {
  position: relative;
  display: block;
  padding: calc(25px / 4) 0;
  text-align: left !important;
  padding-left: 31.25px;
  padding-left: 1.953125rem;
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate .estimate-details-list ul li:last-of-type {
  border-bottom: none;
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate .estimate-details-list ul li i {
  font-size: 20px;
  font-size: 1.25rem;
  border-radius: 50%;
  line-height: 30px;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: auto;
  color: #ea690b;
  left: 0;
  text-align: center;
  margin-right: calc(25px / 2);
  margin-right: calc(25px / 2);
  position: absolute;
  top: -2px;
}
section.tractor-details > .wrapper > div.estimate-tractor-pack > div.estimate .estimate-details-list ul li strong {
  font-weight: 400;
}
section.tractor-details > .wrapper div.table-tractor-estimate {
  width: 100% !important;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
section.tractor-details > .wrapper div.table-tractor-estimate > div {
  width: 100%;
}
section.tractor-details > .wrapper div.table-tractor-estimate > div > div {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-color: transparent;
}
section.tractor-details > .wrapper div.table-tractor-estimate > div > div:nth-child(2n) {
  background-color: rgba(0, 0, 0, 0.05);
}
section.tractor-details > .wrapper div.table-tractor-estimate > div > div > div {
  width: 15%;
  flex: inherit;
  padding: calc(25px / 4) 0;
  text-align: center;
}
section.tractor-details > .wrapper div.table-tractor-estimate > div > div > div.label {
  width: calc(70% - 25px / 2);
  text-align: left;
  padding: calc(25px / 4);
  padding: calc(25px / 4);
}
section.tractor-details > .wrapper div.table-tractor-estimate > div > div > div i.icon-icon_check-circle {
  color: #8fb322;
}
section.tractor-details > .wrapper div.table-tractor-estimate > div > div > div i.icon-icon_close {
  color: #e71953;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}

.swiper-button-next {
  right: 0;
  left: initial;
}

.swiper-pagination-bullet-active {
  background-color: #ea690b;
}

.weebox-popin-container h1 {
  font-weight: 700;
  font-size: 1.3em;
  margin-bottom: 0.5em;
  line-height: 1.2em;
}

.selectdiv label:after {
  display: none !important;
}

/***********************

BLOG SECTION

***********************/
.blog-main, .blog-item {
  padding-bottom: 50px;
  padding-bottom: 3.125rem;
}
.blog-main > .wrapper, .blog-item > .wrapper {
  padding: 50px;
  padding: 3.125rem;
}
@media only screen and (max-width: 640px) {
  .blog-main > .wrapper, .blog-item > .wrapper {
    padding: 25px;
    padding: 1.5625rem;
  }
}
.blog-main > .wrapper, .blog-item > .wrapper {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 50px;
}
@media only screen and (max-width: 1024px) {
  .blog-main > .wrapper, .blog-item > .wrapper {
    grid-template-columns: 1fr;
  }
}
.blog-main .blog-main-content, .blog-item .blog-main-content {
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .blog-main .blog-main-sidebar, .blog-item .blog-main-sidebar {
    order: 10;
  }
}
.blog-main .blog-main-sidebar .wrapper, .blog-item .blog-main-sidebar .wrapper {
  position: sticky;
  top: 25px;
}
.blog-main .blog-main-sidebar section, .blog-item .blog-main-sidebar section {
  margin-bottom: 37.5px;
  margin-bottom: 2.34375rem;
}
.blog-main .blog-main-sidebar section h3, .blog-item .blog-main-sidebar section h3 {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
.blog-main .blog-main-sidebar .blog-aside-categories ul,
.blog-main .blog-main-sidebar .blog-aside-taxonomies ul, .blog-item .blog-main-sidebar .blog-aside-categories ul,
.blog-item .blog-main-sidebar .blog-aside-taxonomies ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.blog-main .blog-main-sidebar .blog-aside-categories ul > li,
.blog-main .blog-main-sidebar .blog-aside-taxonomies ul > li, .blog-item .blog-main-sidebar .blog-aside-categories ul > li,
.blog-item .blog-main-sidebar .blog-aside-taxonomies ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.blog-main .blog-main-sidebar .blog-aside-categories ul li,
.blog-main .blog-main-sidebar .blog-aside-taxonomies ul li, .blog-item .blog-main-sidebar .blog-aside-categories ul li,
.blog-item .blog-main-sidebar .blog-aside-taxonomies ul li {
  margin-bottom: calc(25px / 2);
  margin-bottom: calc(25px / 2);
}
.blog-main .blog-main-sidebar .blog-aside-categories ul li a,
.blog-main .blog-main-sidebar .blog-aside-taxonomies ul li a, .blog-item .blog-main-sidebar .blog-aside-categories ul li a,
.blog-item .blog-main-sidebar .blog-aside-taxonomies ul li a {
  display: block;
  padding: calc(25px / 3) calc(25px / 2);
  padding: calc(25px / 3) calc(25px / 2);
  border-radius: 4px;
  background: #f7f7f7;
  color: #333;
  text-decoration: none;
  transition: all 200ms ease-in-out;
}
.blog-main .blog-main-sidebar .blog-aside-categories ul li a:hover,
.blog-main .blog-main-sidebar .blog-aside-taxonomies ul li a:hover, .blog-item .blog-main-sidebar .blog-aside-categories ul li a:hover,
.blog-item .blog-main-sidebar .blog-aside-taxonomies ul li a:hover {
  background: #fbeede;
  color: #ea690b;
}
.blog-main .blog-main-sidebar .blog-aside-categories ul li.active a,
.blog-main .blog-main-sidebar .blog-aside-taxonomies ul li.active a, .blog-item .blog-main-sidebar .blog-aside-categories ul li.active a,
.blog-item .blog-main-sidebar .blog-aside-taxonomies ul li.active a {
  background: #ea690b;
  color: white;
}
.blog-main .blog-main-listing, .blog-item .blog-main-listing {
  list-style: none;
  margin: 0;
  padding: 0;
}
.blog-main .blog-main-listing > li, .blog-item .blog-main-listing > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.blog-main .blog-main-listing, .blog-item .blog-main-listing {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}
@media only screen and (max-width: 1200px) {
  .blog-main .blog-main-listing, .blog-item .blog-main-listing {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 1024px) {
  .blog-main .blog-main-listing, .blog-item .blog-main-listing {
    grid-template-columns: 1fr;
  }
}
.blog-main .blog-main-listing li, .blog-item .blog-main-listing li {
  margin-bottom: 25px;
}
.blog-main .blog-main-listing li.highlightx, .blog-item .blog-main-listing li.highlightx {
  grid-column: 1/-1;
}
.blog-main .blog-main-listing li.highlightx .blog-article, .blog-item .blog-main-listing li.highlightx .blog-article {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
}
.blog-main .blog-main-listing li.highlightx .blog-article figure, .blog-item .blog-main-listing li.highlightx .blog-article figure {
  order: 1;
  height: 100%;
  aspect-ratio: inherit;
}
.blog-main .blog-main-listing li.highlightx .blog-article .content, .blog-item .blog-main-listing li.highlightx .blog-article .content {
  order: 2;
}
@media only screen and (max-width: 1024px) {
  .blog-main .blog-main-listing li.highlightx .blog-article, .blog-item .blog-main-listing li.highlightx .blog-article {
    grid-template-columns: 1fr;
  }
  .blog-main .blog-main-listing li.highlightx .blog-article figure, .blog-item .blog-main-listing li.highlightx .blog-article figure {
    order: 1;
  }
  .blog-main .blog-main-listing li.highlightx .blog-article .content, .blog-item .blog-main-listing li.highlightx .blog-article .content {
    order: 2;
  }
}
.blog-main .blog-main-empty, .blog-item .blog-main-empty {
  text-align: center;
  padding: 50px;
  padding: 3.125rem;
}

.blog-article {
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: left;
  height: 100%;
  cursor: pointer;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
  transition: all 200ms ease-in-out;
}
.blog-article:hover {
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
  transform: translateY(-5px);
}
.blog-article:hover figure img {
  transform: scale(1.05);
}
.blog-article figure {
  order: 1;
  overflow: hidden;
  position: relative;
  aspect-ratio: 16/9;
}
.blog-article figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 200ms ease-in-out;
}
.blog-article .content {
  order: 2;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 25px;
  padding: 1.5625rem;
}
.blog-article .content header {
  order: 1;
  margin-bottom: 1.5em !important;
}
.blog-article .content header time {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  color: #888;
  margin-bottom: calc(25px / 4);
  margin-bottom: calc(25px / 4);
}
.blog-article .content header h2 {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.3em;
  line-height: 1.3em;
  margin: 0;
  text-align: left !important;
}
.blog-article .content header h2 a {
  color: inherit;
  text-decoration: none;
}
.blog-article .content header h2 a:hover {
  color: #ea690b;
}
.blog-article .content main {
  order: 2;
  flex: 1;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
.blog-article .content main p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #333;
}
.blog-article .content footer {
  order: 3;
  margin-top: auto;
}
.blog-article .content footer .button-primary {
  display: inline-block;
}
.blog-article .content .resume {
  display: none;
}

.page-blog-item #content-picture {
  order: 1;
}
.page-blog-item #content-picture > .wrapper {
  max-width: 100%;
  padding: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-blog-item #content-picture > .wrapper img {
  height: auto;
  width: auto;
  max-width: 100%;
}
.page-blog-item #content-picture > .wrapper .bg {
  display: none;
}
.page-blog-item .blog-item {
  background: #fff;
}
.page-blog-item .blog-item > .wrapper {
  padding: 50px;
  padding: 3.125rem;
}
@media only screen and (max-width: 640px) {
  .page-blog-item .blog-item > .wrapper {
    padding: 25px;
    padding: 1.5625rem;
  }
}
.page-blog-item .blog-item > .wrapper {
  padding-top: 50px;
  padding-top: 3.125rem;
  padding-bottom: 50px;
  padding-bottom: 3.125rem;
}
.page-blog-item .blog-item .blog-item-content {
  max-width: 800px;
  margin: 0;
}
.page-blog-item .blog-item .blog-item-content h1 {
  font-size: 40px;
  text-wrap: balance;
}
.page-blog-item .blog-item .blog-item-content time {
  display: block;
  font-size: 16px;
  font-size: 1rem;
  color: #888;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
.page-blog-item .blog-item .blog-item-content .content-wysiwyg {
  text-align: left !important;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5em;
  color: #000;
}
.page-blog-item .blog-item .blog-item-content .content-wysiwyg > * {
  text-align: left !important;
}
.page-blog-item .blog-item .blog-item-content .content-wysiwyg h2, .page-blog-item .blog-item .blog-item-content .content-wysiwyg h3, .page-blog-item .blog-item .blog-item-content .content-wysiwyg h4 {
  font-size: 2em;
  padding: 0;
  margin-top: 37.5px;
  margin-top: 2.34375rem;
  margin-bottom: 1em !important;
  line-height: 1.2em;
  text-wrap: balance;
}
.page-blog-item .blog-item .blog-item-content .content-wysiwyg h2 {
  font-size: 32px;
  font-size: 2rem;
}
.page-blog-item .blog-item .blog-item-content .content-wysiwyg h3 {
  font-size: 26px;
  font-size: 1.625rem;
}
.page-blog-item .blog-item .blog-item-content .content-wysiwyg h4 {
  font-size: 20px;
  font-size: 1.25rem;
}
.page-blog-item .blog-item .blog-item-content .content-wysiwyg p {
  margin-bottom: 1em !important;
  text-align: left;
}
.page-blog-item .blog-item .blog-item-content .content-wysiwyg ul, .page-blog-item .blog-item .blog-item-content .content-wysiwyg ol {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  margin-left: 25px;
  margin-left: 1.5625rem;
  text-align: left;
  list-style: square;
}
.page-blog-item .blog-item .blog-item-content .content-wysiwyg ul > li, .page-blog-item .blog-item .blog-item-content .content-wysiwyg ol > li {
  margin-bottom: 1em;
}
.page-blog-item .blog-item .blog-item-content .content-wysiwyg a {
  color: #ea690b;
  text-decoration: underline;
}
.page-blog-item .blog-item .blog-item-content .content-wysiwyg a:hover {
  color: #e85409;
}
.page-blog-item .blog-item .blog-item-content .content-wysiwyg img {
  max-width: 100%;
  height: auto;
  margin: 25px 0;
  margin: 1.5625rem 0;
  border-radius: 4px;
}

.blog-related {
  background: #f7f7f7;
  padding-top: 50px;
  padding-top: 3.125rem;
  padding-bottom: 50px;
  padding-bottom: 3.125rem;
}
.blog-related > .wrapper {
  padding: 50px;
  padding: 3.125rem;
}
@media only screen and (max-width: 640px) {
  .blog-related > .wrapper {
    padding: 25px;
    padding: 1.5625rem;
  }
}
.blog-related > .wrapper header {
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
}
.blog-related > .wrapper header h2 {
  font-size: 32px;
  font-size: 2rem;
  text-align: center;
}
.blog-related > .wrapper .blog-main-listing {
  list-style: none;
  margin: 0;
  padding: 0;
}
.blog-related > .wrapper .blog-main-listing > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.blog-related > .wrapper .blog-main-listing {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}
@media only screen and (max-width: 1024px) {
  .blog-related > .wrapper .blog-main-listing {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 900px) {
  .blog-related > .wrapper .blog-main-listing {
    grid-template-columns: 1fr;
  }
}

#tabs ul.tab {
  display: flex;
  justify-content: center;
  transform: translateY(50%);
}
@media only screen and (max-width: 1024px) {
  #tabs ul.tab {
    transform: translateY(0);
  }
}
#tabs ul.tab > li {
  width: 100%;
  max-width: 300px;
  flex: auto;
  cursor: pointer;
  display: block;
  background: #dbe2ea;
  color: #00438a;
  text-transform: uppercase;
  transition: all 300ms ease;
  text-align: center;
  padding: calc(25px / 2) 25px;
  padding: calc(25px / 2) 1.5625rem;
  position: relative;
}
#tabs ul.tab > li:first-child {
  border-radius: 5px 0 0 5px;
}
#tabs ul.tab > li:last-child {
  border-radius: 0 5px 5px 0;
}
#tabs ul.tab > li:after {
  bottom: -8px;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  display: none;
  border-style: solid;
  position: absolute;
  transform: translateX(50%, -100%);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0 solid transparent;
  border-top: 8px solid #00438a;
}
#tabs ul.tab > li:hover {
  opacity: 0.9;
  background-color: rgb(186.7894736842, 200.0526315789, 215.2105263158);
}
#tabs ul.tab > li.active {
  color: #fff;
  background-color: #00438a;
}
#tabs ul.tab > li.active:after {
  display: block;
}
#tabs .tab-content {
  display: none;
  padding: 50px;
  padding: 3.125rem;
  background-color: #fff;
}
@media only screen and (max-width: 900px) {
  #tabs .tab-content {
    padding: 25px;
    padding: 1.5625rem;
  }
}
#tabs .tab-content.active {
  display: block;
}
#tabs .tab-content .content {
  width: 60%;
  margin: auto;
  box-sizing: border-box;
}
@media only screen and (max-width: 900px) {
  #tabs .tab-content .content {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  #tabs .tab-content .content .cta > a {
    display: block;
  }
  #tabs .tab-content .content .cta > a:first-child {
    margin-bottom: calc(25px / 2);
  }
}