@charset "UTF-8";
/* ############################################################ */
/* HTML Tag base */
/* ############################################################ */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
* {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
address,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
figure,
table {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
ul,
ol {
  list-style: none;
}
/* a rajouter*/
img {
  max-width: 100%;
  height: auto;
}
a,
button {
  outline: 0 none;
}
input,
textarea {
  outline: 0 none;
  /*&:placeholder,
	&:-moz-placeholder,
	&::-moz-placeholder  { color:#666 !important; font-style: italic; }
	&::-webkit-input-placeholder  { color:#666; font-style: italic; }
	&:-ms-input-placeholder  { color:#666; font-style: italic; }*/
}
input[type="search"],
input[type="date"],
input[type="time"],
input[type="month"],
input[type="number"] {
  /*-moz-appearance:none; */
  -webkit-appearance: none;
  /*appearance:textfield;*/
  box-shadow: none;
}
/*::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-outer-spin-button,
::-webkit-inner-spin-button,
::-webkit-clear-button,
::-webkit-calendar-picker-indicator { -webkit-appearance:none; margin:0; display: none;  }
::-webkit-textfield-decoration-container { }
input[type="date"],
input[type="time"] { -webkit-appearance:none; text-transforme:uppercase;
	&::-webkit-datetime-edit { }
	&::-webkit-datetime-edit-fields-wrapper { }
	&::-webkit-datetime-edit-month-field { text-transforme:uppercase; }
	&::-webkit-datetime-edit-day-field { text-transforme:uppercase; }
	&::-webkit-datetime-edit-year-field { text-transforme:uppercase; }
	&::-webkit-clear-button { }
	&::-webkit-inner-spin-button { }
	&::-webkit-calendar-picker-indicator {  
		&:hover { }
		&:active { }
	}
}*/
iframe {
  width: 100%;
  border: 0 none;
}
address {
  font-style: normal;
}
html {
  line-height: 1.2;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 * 3. Remove default underline.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
  text-decoration: none;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari. +  Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: bolder;
  font-weight: inherit;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  /*line-height: 1.15; /* 1  -- Commenter car pose problème sur les bouton éditeur  */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 1. Remove the inheritance of text transform in Firefox.
  */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted inherit;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* ############################################################ */
/* Paths */
/* ############################################################ */
/* ############################################################ */
/* Screen sizes and Devices class */
/* ############################################################ */
/* = 1296 */
/* ############################################################ */
/* Inner block common padding */
/* ############################################################ */
/* ############################################################ */
/* Fonts */
/* ############################################################ */
/* ############################################################ */
/* Default radius */
/* ############################################################ */
/* ############################################################ */
/* Shadows */
/* ############################################################ */
/* ############################################################ */
/* Couleurs Charte */
/* ############################################################ */
/*#z() {
  progress-bar: 999;
  header: 99;
}*/
/* ############################################################ */
/* Burger */
/* ############################################################ */
/* ############################################################ */
/* Progress bar */
/* ############################################################ */
/* To use */
/* New */
/* Old evol ! */
/* Disabled compatibility < IE-10 */
/*.background-clip(@argument: padding-box) {
	-moz-background-clip: @argument;
	-webkit-background-clip: @argument;
	background-clip: @argument;
}
.transition-duration(@duration: 0.2s) {
	-moz-transition-duration: @duration;
	-webkit-transition-duration: @duration;
	-o-transition-duration: @duration;
	transition-duration: @duration;
}
.transition(@duration:0.2s, @ease:ease-out) {
	-webkit-transition: all @duration @ease;
	-moz-transition: all @duration @ease;
	-o-transition: all @duration @ease;
	transition: all @duration @ease;
}*/
/* Devices : Screen groups */
@media only screen and (max-width: 767px) {
  .is-mobile-hidden {
    display: none!important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
  .is-tablet-hidden {
    display: none!important;
  }
}
@media only screen and (max-width: 960px) {
  .is-mobile-tablet-hidden {
    display: none!important;
  }
}
@media only screen and (min-width: 768px) {
  .is-tablet-desktop-hidden {
    display: none!important;
  }
}
@media only screen and (min-width: 961px) {
  .is-desktop-hidden {
    display: none!important;
  }
}
/* Outputed */
.hidden {
  display: none;
}
.invisible {
  visibility: hidden;
}
.relative {
  position: relative;
}
.nowrap {
  white-space: nowrap;
}
/* A eviter => Utiliser mixin de preference ! */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* En dernier recours */
.text-left {
  text-align: left ;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right ;
}
.text-justify {
  text-align: justify ;
}
.uppercase {
  text-transform: uppercase;
}
/* RAZ hack */
.no-border {
  border: 0 none !important;
}
.no-bg {
  background: none !important;
}
/* Generics */
/* Utils */
/* Titles */
/*.title-head() { font-family:@knockout28; .font-size-rems(19,28); font-weight:normal; }*/
/* other utils */
/* ############################################################ */
/* REBases */
/* ############################################################ */
html {
  background: #2D2D2D;
}
body {
  color: #333;
  font-family: 'Roboto', sans-serif;
}
body.panel-opened {
  overflow: hidden;
  -webkit-overflow-scrolling: auto;
  height: 100vh;
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 0.875rem;
    line-height: 1.429em;
  }
}
@media only screen and (min-width: 768px) {
  body {
    font-size: 1rem;
    line-height: 1.375em;
  }
}
a {
  text-decoration: none;
  color: inherit;
}
/* ############################################################ */
/* Template vars */
/* ############################################################ */
/* ############################################################ */
/* Zonings */
/* ############################################################ */
.zo-page {
  background: #FFF;
  position: relative;
  overflow: hidden;
}
.zo-page .zo-wrapper {
  margin: 0 auto;
  max-width: 1296px;
  min-width: 320px;
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 0 16px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.zo-page .zo-bg {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.zo-page .zo-bg canvas {
  position: fixed;
  z-index: 98;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-width: 100vw !important;
  width: 100vw !important;
  /*=> Pour standalone */
  min-height: 100vh;
  background: linear-gradient(0deg, rgba(238, 119, 82, 0.3), rgba(231, 60, 126, 0.3), rgba(35, 166, 213, 0.3), rgba(35, 213, 171, 0.3));
  background-size: 400% 200%;
  animation: gradient 15s ease infinite;
}
.zo-page .zo-bg video,
.zo-page .zo-bg img {
  width: auto;
  height: auto;
  max-width: none;
  min-width: 1000%;
  min-height: 1000%;
  position: fixed;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform-origin: center center;
  transform: translateX(-50%) translateY(-50%) scale(0.1);
}
.zo-page .zo-bg + .zo-wrapper {
  z-index: 2;
}
@keyframes gradient {
  0% {
    background-position: 50% 0%;
  }
  50% {
    background-position: 50% 100%;
  }
  100% {
    background-position: 50% 0%;
  }
}
.zo-header {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  transition: all 0.2s ease-in-out;
  display: flex;
  -webkit-box-shadow: 0 5px 20px -2px rgba(128, 128, 128, 0.2);
  -moz-box-shadow: 0 5px 20px -2px rgba(128, 128, 128, 0.2);
  box-shadow: 0 5px 20px -2px rgba(128, 128, 128, 0.2);
  background: #FFF;
  color: #666;
}
.zo-header .zo-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}
.zo-header .tp-progress-bar + .zo-wrapper {
  margin-top: 4px;
}
.zo-header.on-dark-bg {
  background: #333;
  color: #FFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.zo-header.on-dark-bg .tp-progress-bar {
  background-color: transparent !important;
}
@media only screen and (max-width: 767px) {
  .zo-header {
    height: 72px;
  }
}
@media only screen and (min-width: 768px) {
  .zo-header {
    height: 72px;
  }
}
.zo-content {
  clear: both;
  overflow: hidden;
  min-height: calc(100vh - 72px);
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  background: #FFF;
  /*@media @mobile { margin-top:@mobile-header-height; }
  @media @tablet-desktop { margin-top:@tablet-desktop-header-height; }*/
}
.zo-content .zo-wrapper {
  padding: 32px 16px;
}
.zo-content.sp-dark-bg {
  background: #333;
  color: #FFF;
  min-height: 100vh !important;
}
.zo-content.sp-light-bg {
  background: #EEE;
}
.zo-footer {
  clear: both;
  overflow: hidden;
  background: #333;
  color: #FFF;
  padding: 16px 0;
  display: flex;
  position: relative;
  z-index: 99;
}
.zo-footer .zo-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}
@media only screen and (max-width: 767px) {
  .zo-footer {
    height: 72px;
  }
}
@media only screen and (min-width: 768px) {
  .zo-footer {
    height: 72px;
  }
}
/* ############################################################ */
/* Template modules */
/* ############################################################ */
.tp-logo {
  /*flex:1;*/
}
.tp-logo a,
.tp-logo img {
  display: block;
}
.tp-logo svg {
  transition: all 0.2s ease-in-out;
  display: block;
}
.tp-logo svg .co-light-grey {
  fill: #999;
}
.tp-logo svg .co-orange {
  fill: #EA6722;
}
.tp-logo svg .co-medium-grey {
  fill: #666;
}
.on-dark-bg .tp-logo svg .co-medium-grey {
  fill: #FFF;
}
.tp-footer-logo img {
  display: block;
  height: 8px;
  width: auto;
}
.tp-scroll-top {
  display: block;
  height: 32px;
  width: 32px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: #FFF;
  -moz-opacity: 0.25;
  -khtml-opacity: 0.25;
  -webkit-opacity: 0.25;
  opacity: 0.25;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
  filter: alpha(opacity=25);
  position: relative;
}
.tp-scroll-top:before {
  content: "";
  border: solid #000;
  border-width: 0 3px 3px 0;
  padding: 4px;
  position: absolute;
  z-index: 1;
  top: 13px;
  left: 11px;
  transform: rotate(-135deg);
}
.tp-scroll-top:hover {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
.tp-navigation-links {
  font-size: 1.125rem;
  line-height: 1em;
}
.tp-navigation-links > li a {
  display: inline-block;
  padding: 16px;
  transition: all 0.2s ease-in-out;
  position: relative;
}
.tp-navigation-links > li a:after {
  content: "";
  height: 0;
  position: absolute;
  z-index: z("default");
  bottom: 10px;
  left: 50%;
  right: 50%;
  border-bottom: 2px solid;
  transition: all 0.2s ease-in-out;
}
.tp-navigation-links > li a.is-active:after,
.tp-navigation-links > li a:hover:after {
  right: 16px;
  left: 16px;
}
.tp-navigation-links > li a.is-active:after {
  color: #EA6722;
}
@media only screen and (min-width: 768px) {
  .tp-navigation-links {
    display: flex;
    align-items: center;
    margin-right: -16px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-navigation-links {
    text-align: center;
    color: #333;
    background: rgba(255, 255, 255, 0.85);
    position: fixed;
    z-index: 200;
    top: 72px;
    bottom: 100%;
    left: 0;
    right: 0;
    overflow: hidden;
    transition: bottom 0.5s ease-in-out;
  }
  .tp-navigation-links > li:first-child {
    margin-top: 16px;
  }
  .tp-navigation-links.opened {
    bottom: 0;
  }
}
.tp-navigation-toggle {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
  display: block;
  width: 32px;
  height: 28px;
  position: relative;
  z-index: 99;
  margin: 0 0 0 16px;
}
@media only screen and (min-width: 768px) {
  .tp-navigation-toggle {
    display: none;
  }
}
.tp-navigation-toggle span {
  display: block;
  position: absolute;
  z-index: 100;
  top: 12px;
  left: 8px;
  right: 0px;
  border-bottom: 4px solid;
  transition-property: left border-color;
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0s, 0.3s;
}
.tp-navigation-toggle span:before,
.tp-navigation-toggle span:after {
  content: "";
  position: absolute;
  z-index: 101;
  display: block;
  left: -8px;
  right: 0px;
  transition-duration: 0.3s, 0.3s, 0.3s, 0.3s;
  transition-delay: 0.3s, 0s, 0s, 0s;
}
.tp-navigation-toggle span:before {
  top: -12px;
  transition-property: top, transform, left, right;
  border-bottom: 4px solid;
}
.tp-navigation-toggle span:after {
  bottom: -16px;
  transition-property: bottom, transform, left, right;
  border-bottom: 4px solid;
}
.tp-navigation-toggle:hover {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
.tp-navigation-toggle:hover span {
  left: 0px;
  right: 0px;
}
.tp-navigation-toggle:hover span:before,
.tp-navigation-toggle:hover span:after {
  left: 0px;
  right: 0px;
}
.tp-navigation-toggle.opened span {
  border-color: transparent;
  left: 0px;
  right: 0px;
}
.tp-navigation-toggle.opened span:before,
.tp-navigation-toggle.opened span:after {
  transition-delay: 0s, 0.3s;
  left: 0px;
  right: 0px;
}
.tp-navigation-toggle.opened span:before {
  top: 0;
  transform: rotate(45deg) translateX(-1px) translateY(-2px);
}
.tp-navigation-toggle.opened span:after {
  bottom: 0;
  transform: rotate(-45deg) translateX(-1px) translateY(2px);
}
/* ############################################ */
/* Variables */
/* ############################################ */
/*@progress-color: @cowemo-orange;
@progress-bg-color: @cowemo-grey-light;
@progress-height: @padder/2;*/
/* ############################################ */
/* Progress (scroll)s bar */
/* ############################################ */
.tp-progress-bar {
  /* Positioning */
  position: fixed;
  left: 0 /*@padder*/;
  width: 100% /*~'calc(100% - @{padder})'*/;
  top: 0;
  z-index: 999 /*#z[progress-bar]*/;
  /* Dimensions */
  height: 4px;
  /* Reset the appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Get rid of the default border in Firefox/Opera. */
  border: none;
  /* Progress bar container for Firefox/IE10+ */
  background-color: #EEE;
  /* Progress bar value for IE10+ */
  color: #EA6722;
  /* Vendors prefix */
}
.tp-progress-bar::-webkit-progress-bar {
  background-color: #EEE;
}
.tp-progress-bar::-webkit-progress-value {
  background-color: #EA6722;
}
.tp-progress-bar::-moz-progress-bar {
  background-color: #EA6722;
}
/* CSS Document */
/* Slider */
.slick-loading .slick-list {
  background: #fff url('/img/plugins/slick-ajax-loader.gif') center center no-repeat;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  z-index: 3;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: #333;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Icons */
}
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url('/font/slick.eot');
  src: url('/font/slick.eot?#iefix') format('embedded-opentype'), url('/font/slick.woff') format('woff'), url('/font/slick.ttf') format('truetype'), url('/font/slick.svg#slick') format('svg');
}
.slick-prev {
  left: 16px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: 16px;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: 16px;
}
[dir="rtl"] .slick-next {
  left: 16px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}
/* Dots */
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: 16px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #333;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #333;
  opacity: 0.75;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* CSS Document */
body.compensate-for-scrollbar {
  overflow: hidden;
}
.fancybox-active {
  height: auto;
}
.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}
.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}
.fancybox-container * {
  box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
  opacity: .9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity .25s ease, visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity .25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}
.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  user-select: none;
}
.fancybox-toolbar {
  right: 0;
  top: 0;
}
.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}
.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}
.fancybox-slide::before {
  content: '';
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}
.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}
.fancybox-slide--image::before {
  display: none;
}
.fancybox-slide--html {
  padding: 6px;
}
.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transition-property: transform, opacity;
  user-select: none;
  z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
  cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
  cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  user-select: none;
  width: 100%;
}
.fancybox-spaceball {
  z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}
.fancybox-slide--video .fancybox-content {
  background: #000;
}
.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}
.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}
.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}
.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}
.fancybox-button:hover {
  color: #fff;
}
.fancybox-button:focus {
  outline: none;
}
.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}
/* Fix IE11 */
.fancybox-button div {
  height: 100%;
}
.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}
.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}
.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}
/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}
.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}
/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(0%);
  width: 70px;
}
.fancybox-navigation .fancybox-button div {
  padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}
/* Caption */
.fancybox-caption {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}
@supports (padding: max(0px)) {
  .fancybox-caption {
    padding: 75px 44px 25px 44px;
  }
}
.fancybox-caption--separate {
  margin-top: -50px;
}
.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}
.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}
/* Loading indicator */
.fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}
@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}
/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}
/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  transform: rotate(0deg);
}
/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}
/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .fancybox-slide--image {
    padding: 6px 0;
  }
  .fancybox-close-small {
    right: -6px;
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
  @supports (padding: max(0px)) {
    .fancybox-caption {
      padding-left: 12px;
      padding-right: 12px;
    }
  }
}
.popin {
  padding: 16px 16px 0;
  max-width: 768px;
}
/* A mettre dans un _popin.less */
/* ############################################################ */
/* Global */
/* ############################################################ */
.form-legend {
  text-align: right;
  margin: 0 !important;
}
label {
  display: inline-block;
  padding: 6px 0;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
  font-size: 0.875rem;
  line-height: 1.286em;
  vertical-align: middle;
}
label[for] {
  cursor: pointer;
}
label a {
  text-decoration: underline;
}
label.required:before {
  content: "*";
  display: inline;
  padding-right: 5px;
  font-weight: normal;
  color: red;
  line-height: 0;
}
input[type="file"] {
  display: inline-block;
  padding: 3px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  font-family: 'Roboto', sans-serif;
  font-size: 0.875rem;
  line-height: 1.286em;
  border: 1px solid #666;
  color: #333;
  background: #FFF;
  max-width: 100%;
  vertical-align: middle;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  /*width:100%;*/
}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="time"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="url"],
input[type="search"],
textarea,
.custom-select {
  display: inline-block;
  padding: 6px 8px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  font-family: 'Roboto', sans-serif;
  font-size: 0.875rem;
  line-height: 1.286em;
  border: 1px solid #666;
  color: #333;
  background: #FFF;
  max-width: 100%;
  vertical-align: middle;
  font-weight: normal;
  -webkit-box-shadow: initial;
  -moz-box-shadow: initial;
  box-shadow: initial;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="time"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
textarea:focus,
.custom-select:focus {
  outline: none;
}
input[type="text"].error,
input[type="password"].error,
input[type="tel"].error,
input[type="email"].error,
input[type="time"].error,
input[type="date"].error,
input[type="datetime"].error,
input[type="datetime-local"].error,
input[type="month"].error,
input[type="number"].error,
input[type="url"].error,
input[type="search"].error,
textarea.error,
.custom-select.error {
  border: 1px solid red;
  color: red;
}
input[type="text"].valid,
input[type="password"].valid,
input[type="tel"].valid,
input[type="email"].valid,
input[type="time"].valid,
input[type="date"].valid,
input[type="datetime"].valid,
input[type="datetime-local"].valid,
input[type="month"].valid,
input[type="number"].valid,
input[type="url"].valid,
input[type="search"].valid,
textarea.valid,
.custom-select.valid {
  border: 1px solid green;
}
input[type="text"].disabled,
input[type="password"].disabled,
input[type="tel"].disabled,
input[type="email"].disabled,
input[type="time"].disabled,
input[type="date"].disabled,
input[type="datetime"].disabled,
input[type="datetime-local"].disabled,
input[type="month"].disabled,
input[type="number"].disabled,
input[type="url"].disabled,
input[type="search"].disabled,
textarea.disabled,
.custom-select.disabled,
input[type="text"][disabled],
input[type="password"][disabled],
input[type="tel"][disabled],
input[type="email"][disabled],
input[type="time"][disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="url"][disabled],
input[type="search"][disabled],
textarea[disabled],
.custom-select[disabled] {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
input[type="text"][readonly],
input[type="password"][readonly],
input[type="tel"][readonly],
input[type="email"][readonly],
input[type="time"][readonly],
input[type="date"][readonly],
input[type="datetime"][readonly],
input[type="datetime-local"][readonly],
input[type="month"][readonly],
input[type="number"][readonly],
input[type="url"][readonly],
input[type="search"][readonly],
textarea[readonly],
.custom-select[readonly] {
  background: none;
  padding: 7 px 0;
  width: 100%;
  border: 0 none;
}
input[type="submit"],
input[type="button"],
input[type="reset"],
button {
  outline: 0 none;
  border: 0 none;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*input[type="checkbox"],
input[type="radio"] { display:inline-block; margin:3px 0 2px 0; vertical-align:bottom;
	&.custom-checkbox {
		&:not(:checked) { display:none;
			& + label { position:relative; padding-left:18+6px; padding-right:@padder/2; margin-bottom:2px;
				&:before { content:""; display:block; width:18px; height:18px; position:absolute; z-index:1; top:7px; left:0; background:@grey-light;
					.sp-bg & { background:#FFF; }
				}
			}
		}
		&:checked { display:none; 
			& + label { position:relative; padding-left:18+6px; padding-right:@padder/2; margin-bottom:2px;
				&:before { content:""; display:block; width:18px; height:18px; position:absolute; z-index:1; top:7px; left:0; background:@virbac-orange; }
				&:after { content:""; display:block; .bg-icon-matrix(@ic-checked-white); position:absolute; z-index:2; top:12px; left:4px; }
			}
		}
	}
	&.custom-radio {
		&:not(:checked) { display:none;
			& + label { position:relative; padding-left:18+6px; padding-right:@padder/2; margin-bottom:2px;
				&:before { content:""; display:block; width:18px; height:18px; position:absolute; z-index:1; top:7px; left:0; background:@grey-light; .rounded(100%);
					.sp-bg & { background:#FFF; }
				}
			}
		}
		&:checked { display:none; 
			& + label { position:relative; padding-left:18+6px; padding-right:@padder/2; margin-bottom:2px;
				&:before { content:""; display:block; width:18px; height:18px; position:absolute; z-index:1; top:7px; left:0; background:@virbac-orange; .rounded(100%); }
				&:after { content:""; display:block; width:8px; height:8px; background:#FFF; position:absolute; z-index:2; top:12px; left:5px; .rounded(100%); }
			}
		}
	}
  &.checkbox-button {
		&:not(:checked) { display:none;
			& + label { background:#FFF; color:@virbac-blue; .rounded(@padder); display:inline-block; text-align:center; padding:5px -1+@padder*0.75; font-family:@arial; .font-size-rems(12,14); border:1px solid @virbac-blue; .box-sizing();
        &:hover { background:@virbac-brown; color:#FFF; border-color:@virbac-brown; }
			}
		}
		&:checked { display:none; 
			& + label { background:@virbac-blue; color:#FFF; .rounded(@padder); display:inline-block; text-align:center; padding:6px @padder*0.75; font-family:@arial; .font-size-rems(12,14); border:0 none; .box-sizing();
        &:hover  { background:@virbac-orange; }
			}
		}
	}
}

.checkbox-buttons-list { display:flex; flex-wrap:wrap;
  > li { margin:0 @padder/2 @padder/2 0; }
}*/
.custom-select {
  display: inline-block;
  position: relative;
  padding: 6px 24px 6px 8px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  /*border:1px solid;*/
  max-width: 100%;
}
.custom-select select {
  display: inline-block;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  cursor: pointer;
  border: 0 none;
}
.custom-select:after {
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #333 transparent transparent;
}
.custom-select span.select-label {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.286em;
}
.custom-select.disabled {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
.custom-select.error {
  padding-right: 48px;
}
.custom-select.error:after {
  right: 32px;
  border-color: red transparent transparent;
}
textarea {
  min-width: 100%;
  max-width: 100%;
}
.recaptcha {
  display: block;
  max-width: 100%;
  margin: 0;
  text-align: center;
}
.recaptcha > div {
  margin: auto;
}
.recaptcha .field-wrap.error:after {
  right: 0;
}
/* ############################################################ */
/* Errors */
/* ############################################################ */
/*.field-wrap { display:inline-block; white-space:nowrap; position:relative;
	.field-error { color:@error-color; display:block; position:absolute; bottom:100%; left:0; right:0; z-index:1; .font-size-rems(11,11); padding:3px 0; }
	&.error {
		&:after { content:"!"; display:block; width:16px; height:16px; position:absolute; z-index:2; right:@padder/2; top:50%; margin-top:-8px; .rounded(100%); color:#FFF; background:@error-color; text-align:center; font-weight:bold; .font-size-rems(14,16); }
		&.group { padding-right:@padder; .box-sizing();
			.field-error { padding:6px 0 0; }
			label { color:@error-color; padding-right:16+8px; }
			&:after { right:0; }
		}
	}
} */
/* ############################################################ */
/* Specific forms */
/* ############################################################ */
.newsletter-form label {
  padding: 0 8px 0 0;
}
.newsletter-form input[type="checkbox"] {
  display: inline-block;
  margin: 3px 0 2px 0;
  vertical-align: bottom;
}
.newsletter-form input[type="checkbox"].custom-checkbox:not(:checked) + label:before,
.newsletter-form input[type="checkbox"].custom-radio:not(:checked) + label:before {
  top: 1px;
}
.newsletter-form input[type="checkbox"].custom-checkbox:checked,
.newsletter-form input[type="checkbox"].custom-radio:checked {
  display: none;
}
.newsletter-form input[type="checkbox"].custom-checkbox:checked + label:before,
.newsletter-form input[type="checkbox"].custom-radio:checked + label:before {
  top: 1px;
}
.newsletter-form input[type="checkbox"].custom-checkbox:checked + label:after,
.newsletter-form input[type="checkbox"].custom-radio:checked + label:after {
  top: 6px;
}
.newsletter-form input[type="text"],
.newsletter-form input[type="email"],
.newsletter-form input[type="number"],
.newsletter-form .field-wrap {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .newsletter-form .group {
    white-space: nowrap;
    font-size: 0;
    line-height: 0;
  }
  .newsletter-form .group p {
    width: 48.5%;
    display: inline-block;
  }
  .newsletter-form .group p + p {
    margin-left: 3%;
  }
  .newsletter-form .group + .group p {
    width: 81%;
  }
  .newsletter-form .group + .group p + p {
    width: 16%;
    margin-left: 3%;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter-form .group input[type="number"] {
    width: 20%;
  }
}
.newsletter-form .recaptcha {
  margin: 0 0 16px;
}
.newsletter-form .recaptcha .field-wrap {
  text-align: center;
}
.newsletter-form .recaptcha .field-wrap > div {
  margin: auto;
}
.contact-form {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form .field-wrap {
  width: 100%;
}
.contact-form input,
.contact-form textarea {
  border-color: #999;
  background: #999;
}
@media only screen and (min-width: 768px) {
  .contact-form .group {
    white-space: nowrap;
    font-size: 0;
    line-height: 0;
  }
  .contact-form .group p {
    width: 48.5%;
    display: inline-block;
  }
  .contact-form .group p + p {
    margin-left: 3%;
  }
  .contact-form .group + .group + .group p {
    width: 100%;
  }
}
.contact-form .recaptcha {
  margin: 0 0 16px;
}
.contact-form .recaptcha .field-wrap {
  text-align: center;
}
.contact-form .recaptcha .field-wrap > div {
  margin: auto;
}
/* ############################################################ */
/* Forms */
/* ############################################################ */
.block.form {
  overflow: visible;
  margin-left: auto;
  /*margin-right:auto; max-width:620+@padder*2;
		fieldset { border:0 none; .box-shadow(@shadow);
			legend { display:block; float:left; width:100%; padding:0; margin:0; }
		}*/
}
.form fieldset {
  padding: 16px 16px 0;
  overflow: hidden;
  margin: 0 0 16px;
  border: 1px solid #999;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*float:left;width:100%; /*->KO*/
  /*& + dl  { margin-top:-@padder; }*/
}
.form fieldset legend {
  background: #FFF;
  display: inline-block;
  padding: 0 8px;
  margin: 0;
}
.form.sp-light-form fieldset {
  border: 0 none;
}
.form.sp-light-form legend {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 0 16px;
}
.form .help {
  color: #666;
  /*display:inline-block; */
  vertical-align: middle;
  font-size: 0.75rem;
  line-height: 1.5em;
  font-style: italic;
}
.form dl {
  clear: both;
  display: inline-block;
  display: block;
  *zoom: 1;
  /*dt { padding:@padder 0 0; }
		dd { padding:@padder 0 0; }*/
}
.form dl:before,
.form dl:after {
  content: "";
  display: table;
}
.form dl:after {
  clear: both;
}
.form dd.buttons-group.full,
.form div.buttons-group {
  text-align: center;
}
.form dd.buttons-group.full .button,
.form div.buttons-group .button {
  margin: 0 8px 16px;
}
@media only screen and (min-width: 768px) {
  .form dl {
    overflow: hidden;
    margin: -16px 0 16px;
  }
  .form dl dt {
    float: left;
    width: 40%;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 8px 0 0;
    clear: left;
    text-align: right;
  }
  .form dl dt.full {
    width: 100%;
    padding-right: 0;
    text-align: left;
  }
  .form dl dd {
    float: left;
    width: 60%;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 0 0 8px;
  }
  .form dl dd.full {
    width: 100%;
    padding-left: 0;
  }
  .form dl dd .help {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .form dl {
    margin: -8px 0 16px;
    text-align: center;
  }
  .form dl dt {
    padding: 8px 0 0;
  }
  .form dl dd {
    padding: 8px 0 0 0;
  }
  .form dl dt.buttons-group,
  .form dl dd.buttons-group {
    text-align: center;
  }
  .form dl dt .help,
  .form dl dd .help {
    display: block;
    margin: 4px 0 0;
    text-align: center;
  }
  .form .align-group {
    display: inline-block;
    text-align: left;
  }
}
/* CSS Document */
.section-title {
  text-align: center;
  margin: 0 0 32px;
}
@media only screen and (max-width: 767px) {
  .section-title {
    font-size: 2rem;
    line-height: 1.25em;
  }
}
@media only screen and (min-width: 768px) {
  .section-title {
    font-size: 3rem;
    line-height: 1.25em;
  }
}
.sp-dark-bg .section-title {
  -webkit-text-shadow: 0 5px 8px rgba(0, 0, 0, 0.5);
  -moz-text-shadow: 0 5px 8px rgba(0, 0, 0, 0.5);
  text-shadow: 0 5px 8px rgba(0, 0, 0, 0.5);
}
.section-title + .section-content {
  padding-top: 48px;
  position: relative;
}
.section-title + .section-content:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  width: 48px;
  border-bottom: 1px solid #999;
  transform: translateX(-24px);
}
.text-note {
  color: #666;
  font-size: 0.75rem;
  line-height: 1.333em;
  font-style: italic;
}
.section-content {
  text-align: center;
  max-width: 768px;
  margin: auto;
}
.section-content p {
  margin: 0 0 16px;
}
.section-content p a.link {
  text-decoration: underline;
}
.section-content strong {
  font-weight: 500;
}
.section-content blockquote {
  margin: 16px 0 32px;
  color: #999;
  position: relative;
  display: inline-block;
  padding: 0 64px;
}
.section-content blockquote strong {
  color: #EA6722;
}
@media only screen and (max-width: 767px) {
  .section-content blockquote {
    font-size: 1.25rem;
    line-height: 1.3em;
  }
}
@media only screen and (min-width: 768px) {
  .section-content blockquote {
    font-size: 1.625rem;
    line-height: 1.231em;
  }
}
.section-content blockquote:before,
.section-content blockquote:after {
  display: block;
  color: #999;
  font-size: 10rem;
  line-height: 0;
  position: absolute;
  z-index: 1;
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  filter: alpha(opacity=40);
}
.section-content blockquote:before {
  content: '\201C';
  top: 2.8rem;
  left: 0;
}
.section-content blockquote:after {
  content: '\201D';
  bottom: -2.4rem;
  right: 0;
}
.button {
  display: inline-block;
  vertical-align: middle;
  padding: 7px 15px;
  background: #EA6722;
  color: #FFF;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  font-size: 0.75rem;
  line-height: 1.333em;
  transition: all 0.2s ease-in-out;
  letter-spacing: 2px;
  text-transform: uppercase;
  position: relative;
  border: 1px solid transparent;
  font-weight: 500;
}
.button.is-active,
.button:hover {
  /*background-image: linear-gradient(to right, #FF512F 0%, #F09819 51%, #FF512F 100%);*/
  border-color: #FFF;
  /*.box-shadow(@shadow-dark);*/
}
.sp-dark-bg .button {
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.25);
}
.buttons-group {
  text-align: center;
}
.buttons-group .button {
  margin: 16px;
}
ul.contacts-list {
  margin: 32px 0 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
ul.contacts-list > li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
ul.contacts-list > li .group,
ul.contacts-list > li > a {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  background: #EEE;
  transition: all 0.2s ease-in-out;
}
ul.contacts-list > li .group strong,
ul.contacts-list > li > a strong {
  display: block;
  margin: 0 0 8px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #999;
  font-weight: 500;
}
ul.contacts-list > li .group i,
ul.contacts-list > li > a i {
  display: block;
  margin: 0 0 8px;
}
ul.contacts-list > li .group i svg,
ul.contacts-list > li > a i svg {
  width: 32px;
  height: 32px;
  fill: #999;
}
ul.contacts-list > li > a:hover {
  /*background:@cowemo-grey-xlight; .box-shadow(@shadow-dark);*/
}
ul.contacts-list > li > a:hover svg {
  fill: #EA6722;
}
ul.contacts-list > li > a.email i {
  transform: translateY(3px);
}
ul.contacts-list > li .group address {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  ul.contacts-list > li .group address {
    font-size: 0.813rem;
    line-height: 1.538em;
  }
}
@media only screen and (min-width: 768px) {
  ul.contacts-list > li .group address {
    font-size: 0.875rem;
    line-height: 1.571em;
  }
}
@media only screen and (max-width: 767px) {
  ul.contacts-list {
    flex-wrap: wrap;
  }
  ul.contacts-list > li {
    width: 100%;
    margin: 0 0 16px;
  }
  ul.contacts-list > li .group,
  ul.contacts-list > li > a {
    padding: 32px;
  }
}
@media only screen and (min-width: 768px) {
  ul.contacts-list > li {
    width: calc(33.33% - 16px);
  }
  ul.contacts-list > li .group,
  ul.contacts-list > li > a {
    padding: 48px 16px;
  }
}
ul.solutions-list {
  margin: 32px 0 0;
}
ul.solutions-list > li a.solution-name {
  display: inline-block;
  /*font-weight:bold;*/
  margin: 0 0 16px;
  font-size: 1.125rem;
  line-height: 1.333em;
  letter-spacing: 2px;
  /*text-transform:uppercase;*/
  /*position:relative; padding:0 @padder*2;*/
  color: #666;
}
ul.solutions-list > li a.solution-name:after {
  content: "";
  /*position:absolute; right:8px; top:50%; margin-top:-2px;*/
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #666 transparent transparent;
  transition: transform 0.5s ease-out;
}
ul.solutions-list > li a.solution-name:hover {
  color: #EA6722;
}
ul.solutions-list > li .solution-description {
  overflow: hidden;
  margin: 0 0 16px;
}
ul.solutions-list > li.opened {
  /*.solution-description { display:block; }*/
}
ul.solutions-list > li.opened a.solution-name {
  color: #EA6722;
}
ul.solutions-list > li.opened a.solution-name:after {
  transform: rotate(180deg);
}
.logos-list {
  margin: 0 auto 16px;
  position: relative;
}
.logos-list .logo {
  float: left;
  margin: 16px;
}
.logos-list .logo img {
  display: block;
  width: auto;
  height: 100px;
}
@media only screen and (min-width: 768px) {
  .logos-list:before,
  .logos-list:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    width: 32px;
  }
  .logos-list:before {
    left: 0;
    background: linear-gradient(to left, rgba(238, 238, 238, 0), #EEE);
  }
  .logos-list:after {
    right: 0;
    background: linear-gradient(to right, rgba(238, 238, 238, 0), #EEE);
  }
}
.key-cards-list {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  margin: 32px 0 16px;
}
.key-cards-list > dl {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 16px;
}
.key-cards-list > dl dt {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 8px;
  /*padding:@padder; border:1px solid @cowemo-grey-light;*/
}
.key-cards-list > dl dt span {
  display: block;
  color: #666;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.167em;
}
.key-cards-list > dl dt strong {
  display: block;
  font-weight: normal;
  color: #EA6722;
  font-size: 1rem;
  line-height: 1.125em;
}
.key-cards-list > dl dd {
  color: #666;
  font-size: 0.75rem;
  line-height: 1.333em;
}
@media only screen and (max-width: 767px) {
  .key-cards-list {
    flex-wrap: wrap;
  }
  .key-cards-list > dl {
    width: 100%;
    margin: 0 0 16px;
  }
}
@media only screen and (min-width: 768px) {
  .key-cards-list > dl {
    width: calc(33.33% - 16px);
  }
}
.key-cards-list > p {
  width: 100%;
}

/*# sourceMappingURL=all.css.map */