@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px;
}

/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut 0.7s both ease;
  -moz-animation: fadeOut 0.7s both ease;
  animation: fadeOut 0.7s both ease;
}

.owl-fade-in {
  -webkit-animation: fadeIn 0.7s both ease;
  -moz-animation: fadeIn 0.7s both ease;
  animation: fadeIn 0.7s both ease;
}

/* fade */
.owl-fade3-out {
  z-index: 10;
}
.owl-fade3-out .img-wrapper,
.owl-fade3-out .text-wrapper,
.owl-fade3-out .spacer-wrapper {
  animation: fadeOut 1s both ease;
}
.owl-fade3-out .text-wrapper {
  animation-delay: 0.25s;
}
.owl-fade3-out .spacer-wrapper {
  animation-delay: 0.5s;
}

.owl-fade3-in .img-wrapper,
.owl-fade3-in .text-wrapper,
.owl-fade3-in .spacer-wrapper {
  animation: fadeIn 1s both ease;
}
.owl-fade3-in .text-wrapper {
  animation-delay: 0.25s;
}
.owl-fade3-in .spacer-wrapper {
  animation-delay: 0.5s;
}

/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}

/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade 0.7s ease both;
  -moz-animation: scaleToFade 0.7s ease both;
  animation: scaleToFade 0.7s ease both;
}

.owl-goDown-in {
  -webkit-animation: goDown 0.6s ease both;
  -moz-animation: goDown 0.6s ease both;
  animation: goDown 0.6s ease both;
}

/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom 0.5s ease both;
  -moz-animation: scaleUpFrom 0.5s ease both;
  animation: scaleUpFrom 0.5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo 0.5s ease both;
  -moz-animation: scaleUpTo 0.5s ease both;
  animation: scaleUpTo 0.5s ease both;
}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1;
  }
}
@-moz-keyframes empty {
  0% {
    opacity: 1;
  }
}
@keyframes empty {
  0% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes backSlideOut {
  25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}
@-moz-keyframes backSlideOut {
  25% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
}
@keyframes backSlideOut {
  25% {
    opacity: 0.5;
    transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(-200%);
  }
}
@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}
@-moz-keyframes backSlideIn {
  0%, 25% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0);
  }
}
@keyframes backSlideIn {
  0%, 25% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0);
  }
}
@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
}
@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
  }
}
@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%);
  }
}
@keyframes goDown {
  from {
    transform: translateY(-100%);
  }
}
@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5);
  }
}
@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}
/*@include md(@property; @valSm; @valMd) {
    @{property}: @valSm;
    @media (min-width: 960px) { @{property}: @valMd; }
}*/
/*@include color-hover(@color, @color2) {
    color: @color;
    &:hover {
        color: @color2;
    }
}*/
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html {
  color: #1a1a1a;
  font-size: 15px;
  line-height: 1.4;
  font-family: "Barlow", sans-serif;
  font-style: normal;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

ul.menu li {
  margin: 0;
}

li.expanded, li.collapsed, li.leaf {
  padding: 0;
}

ul li.expanded,
ul li.leaf {
  list-style-image: none;
  list-style-type: none;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ------------ TEXT -------------- */
h1 {
  font-size: 3em;
  font-weight: 900;
  margin: 0.25em 0;
  line-height: 1;
}
@media (min-width: 960px) {
  h1 {
    font-size: 6em;
  }
}
.lt-ie9 h1 {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: normal;
}

h2 {
  font-size: 1.467em;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1.2;
}

h3 {
  font-size: 1.8em;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 1rem;
}
@media (min-width: 960px) {
  h3 {
    font-size: 2.333em;
  }
}
.lt-ie9 h3 {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: normal;
}

h4 {
  font-size: 1.133em;
  font-weight: 900;
}
.lt-ie9 h4 {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: normal;
}

a {
  color: #c20e1a;
  text-decoration: none;
}
a:hover {
  color: #1a1a1a;
}

.btn1, .btn2, .btn3 {
  display: inline-block;
  padding: 1em 2em;
  margin: 0.25em 0;
  border: 2px solid;
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: bold;
  color: #1a1a1a;
}
.btn1:hover, .btn2:hover, .btn3:hover {
  color: #c20e1a;
}

.btn1 {
  border-color: #c20e1a;
  background-color: #c20e1a;
  color: #fff;
}
.btn1:hover {
  color: #fff;
  border-color: #1a1a1a;
  background-color: #1a1a1a;
}

.btn3 {
  border-color: #1a1a1a;
  background-color: #1a1a1a;
  color: #fff;
}
.btn3:hover {
  color: #fff;
  border-color: #c20e1a;
  background-color: #c20e1a;
}

ul {
  list-style: none;
  padding-left: 1em;
}
ul li:before {
  content: "-";
  margin-left: -1em;
  margin-right: 0.5em;
}

.tags span {
  text-transform: uppercase;
  font-size: 0.75em;
  background-color: #f7f7f7;
  color: #737373;
  padding: 0.2em 0.5em;
  border: 1px solid #e1e1e1;
}

svg .cls-1 {
  fill: currentColor;
}

/* ------------ FORM -------------- */
input, textarea, select, button {
  border: 2px solid;
  box-sizing: border-box;
  display: block;
  height: 2.5rem;
  margin: 0.5rem 0;
  padding: 0.5rem 1rem;
  border-radius: 0;
  box-shadow: 0;
}
input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus, button:hover, button:focus {
  border-color: #c20e1a;
}

input[type=text], input[type=email], input[type=search], input[type=password], textarea {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  line-height: 1.25em;
  width: 100%;
}

label {
  display: block;
  font-weight: normal;
  text-transform: uppercase;
  margin: 1rem 0;
}

input[type=checkbox],
input[type=radio] {
  float: left;
  height: auto;
  margin: 0.3em 0.5em 0 0;
}
input[type=checkbox] + label,
input[type=radio] + label {
  margin: 0.5em 2em 0.5em 0;
  width: auto;
}

input[type=submit],
button[type=submit] {
  background-color: #c20e1a;
  border-color: #c20e1a;
  color: #fff;
}
input[type=submit]:hover,
button[type=submit]:hover {
  background-color: #1a1a1a;
}

select {
  font-size: 0.8em;
  text-transform: uppercase;
  background: url(../img/icon-select.svg) no-repeat right;
  background-position: right 0.75em center;
  padding-right: 2em;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
select::-ms-expand {
  display: none;
}
.lt-ie10 select {
  padding-right: 0.5em;
  background-image: none;
}

textarea {
  height: 10em;
}

.btn-form {
  margin: auto;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

/* ------------ LAYOUT -------------- */
.col_xs_1, .col_xs_2, .col_xs_3, .col_xs_4, .col_xs_5, .col_xs_6, .col_xs_7, .col_xs_8, .col_xs_9, .col_xs_10, .col_xs_11, .col_xs_12,
.col_sm_1, .col_sm_2, .col_sm_3, .col_sm_4, .col_sm_5, .col_sm_6, .col_sm_7, .col_sm_8, .col_sm_9, .col_sm_10, .col_sm_11, .col_sm_12,
.col_1, .col_2, .col_2-4, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 {
  padding: 0 1%;
  box-sizing: border-box;
}
.lt-ie8 .col_xs_1, .lt-ie8 .col_xs_2, .lt-ie8 .col_xs_3, .lt-ie8 .col_xs_4, .lt-ie8 .col_xs_5, .lt-ie8 .col_xs_6, .lt-ie8 .col_xs_7, .lt-ie8 .col_xs_8, .lt-ie8 .col_xs_9, .lt-ie8 .col_xs_10, .lt-ie8 .col_xs_11, .lt-ie8 .col_xs_12,
.lt-ie8 .col_sm_1, .lt-ie8 .col_sm_2, .lt-ie8 .col_sm_3, .lt-ie8 .col_sm_4, .lt-ie8 .col_sm_5, .lt-ie8 .col_sm_6, .lt-ie8 .col_sm_7, .lt-ie8 .col_sm_8, .lt-ie8 .col_sm_9, .lt-ie8 .col_sm_10, .lt-ie8 .col_sm_11, .lt-ie8 .col_sm_12,
.lt-ie8 .col_1, .lt-ie8 .col_2, .lt-ie8 .col_2-4, .lt-ie8 .col_3, .lt-ie8 .col_4, .lt-ie8 .col_5, .lt-ie8 .col_6, .lt-ie8 .col_7, .lt-ie8 .col_8, .lt-ie8 .col_9, .lt-ie8 .col_10, .lt-ie8 .col_11, .lt-ie8 .col_12 {
  padding: 0 0.4%;
}
@media (min-width: 960px) {
  .col_xs_1, .col_xs_2, .col_xs_3, .col_xs_4, .col_xs_5, .col_xs_6, .col_xs_7, .col_xs_8, .col_xs_9, .col_xs_10, .col_xs_11, .col_xs_12,
  .col_sm_1, .col_sm_2, .col_sm_3, .col_sm_4, .col_sm_5, .col_sm_6, .col_sm_7, .col_sm_8, .col_sm_9, .col_sm_10, .col_sm_11, .col_sm_12,
  .col_1, .col_2, .col_2-4, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 {
    float: left;
  }
}

.col_xs_1 {
  float: left;
  width: 8.33%;
}

.col_xs_2 {
  float: left;
  width: 16.66%;
}

.col_xs_3 {
  float: left;
  width: 25%;
}

.col_xs_4 {
  float: left;
  width: 33.33%;
}

.col_xs_5 {
  float: left;
  width: 41.66%;
}

.col_xs_6 {
  float: left;
  width: 50%;
}

.col_xs_7 {
  float: left;
  width: 58.33%;
}

.col_xs_8 {
  float: left;
  width: 66.66%;
}

.col_xs_9 {
  float: left;
  width: 75%;
}

.col_xs_10 {
  float: left;
  width: 83.33%;
}

.col_xs_11 {
  float: left;
  width: 91.66%;
}

.col_xs_12 {
  float: left;
  width: 100%;
}

@media (min-width: 700px) {
  .col_sm_1 {
    float: left;
    width: 8.33%;
  }
  .col_sm_2 {
    float: left;
    width: 16.66%;
  }
  .col_sm_3 {
    float: left;
    width: 25%;
  }
  .col_sm_4 {
    float: left;
    width: 33.33%;
  }
  .col_sm_5 {
    float: left;
    width: 41.66%;
  }
  .col_sm_6 {
    float: left;
    width: 50%;
  }
  .col_sm_7 {
    float: left;
    width: 58.33%;
  }
  .col_sm_8 {
    float: left;
    width: 66.66%;
  }
  .col_sm_9 {
    float: left;
    width: 75%;
  }
  .col_sm_10 {
    float: left;
    width: 83.33%;
  }
  .col_sm_11 {
    float: left;
    width: 91.66%;
  }
  .col_sm_12 {
    float: left;
    width: 100%;
  }
}
@media (min-width: 960px) {
  .col_1 {
    width: 8.33%;
  }
  .col_2 {
    width: 16.66%;
  }
  .col_3 {
    width: 25%;
  }
  .col_4 {
    width: 33.33%;
  }
  .col_5 {
    width: 41.66%;
  }
  .col_6 {
    width: 50%;
  }
  .col_7 {
    width: 58.33%;
  }
  .col_8 {
    width: 66.66%;
  }
  .col_9 {
    width: 75%;
  }
  .col_10 {
    width: 83.33%;
  }
  .col_11 {
    width: 91.66%;
  }
  .col_12 {
    width: 100%;
  }
  .col_offset_1 {
    margin-left: 8.33%;
  }
  .col_offset_2 {
    margin-left: 16.66%;
  }
  .col_offset_3 {
    margin-left: 25%;
  }
  .col_offset_4 {
    margin-left: 33.33%;
  }
  .col_offset_5 {
    margin-left: 41.66%;
  }
  .col_offset_6 {
    margin-left: 50%;
  }
  .col_offset_7 {
    margin-left: 58.33%;
  }
  .col_offset_8 {
    margin-left: 66.66%;
  }
  .col_offset_9 {
    margin-left: 75%;
  }
  .col_offset_10 {
    margin-left: 83.33%;
  }
  .col_offset_11 {
    margin-left: 91.66%;
  }
}
.wrapper {
  margin: 0 auto;
  width: 90%;
  max-width: 760px;
}

.wrapper-large {
  margin: 0 auto;
  width: 90%;
  max-width: 1060px;
}

.wrapper-xl {
  margin: 0 auto;
  width: 90%;
  max-width: 1250px;
}

.row {
  margin: 0 -1%;
}

.img-mw100 {
  max-width: 100%;
  height: auto;
}

.img-w100 {
  width: 100%;
  height: auto;
}

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

.bg-grey {
  background-color: #f7f7f7;
}

.text-light p, .text-light ul, .text-light dl {
  color: #9f9f9f;
}

.collapsible {
  max-height: 100em;
  overflow: hidden;
  transition: max-height 0.5s;
}
.collapsible.collapsed {
  max-height: 0;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.clearfix:after,
.row:after {
  clear: both;
}

.clearfix,
.row {
  *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/*@include md(@property; @valSm; @valMd) {
    @{property}: @valSm;
    @media (min-width: 960px) { @{property}: @valMd; }
}*/
/*@include color-hover(@color, @color2) {
    color: @color;
    &:hover {
        color: @color2;
    }
}*/
/* ------------ NAV -------------- */
#loader {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #666;
  pointer-events: none;
  transition: opacity 1s, visibility 0s 1s;
}
.page-loaded #loader, .no-js #loader {
  opacity: 0;
  visibility: hidden;
}
#loader p {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin-top: -2em;
  line-height: 3;
}
@keyframes loader {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
#loader p .logo {
  display: inline-block;
  width: 140px;
  height: 85px;
  background: url(../img/logo-club-des-amis-footer.svg) no-repeat;
  animation-name: loader;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
#loader p .text:before {
  content: "Chargement";
}

#main-nav {
  position: relative;
  background-color: #1a1a1a;
}
#main-nav .logo {
  position: relative;
  z-index: 11;
  float: left;
  width: 112px;
  height: 65px;
  margin: 1em 0;
  background: url(../img/logo-club-des-amis.svg) no-repeat;
  background-size: contain;
}
@media (min-width: 960px) {
  #main-nav .logo {
    width: 212px;
    height: 123px;
    margin: 2em 0 -40px;
  }
}
@media (min-width: 1500px) {
  #main-nav .logo {
    margin-left: -106px;
  }
}
#main-nav #nav-collapser {
  position: relative;
  z-index: 11;
  float: right;
  width: 35px;
  height: 35px;
  margin-top: 1.75em;
  background: url(../img/icon-menu.svg) no-repeat center;
}
@media (min-width: 960px) {
  #main-nav #nav-collapser {
    margin-top: 2.75em;
  }
}
#main-nav #main-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  box-sizing: border-box;
  padding: 5em 0 0;
  background-color: #fff;
  box-shadow: 0 5em 5em rgba(0, 0, 0, 0.25);
}
#main-nav #main-menu a {
	color: #1a1a1a;
	text-transform: uppercase;
	font-size: 2.333em;
	font-weight: 900;
  	line-height: 1.2;
}
#main-nav #main-menu a:hover {
	color:#c20e1a;
}

#main-nav #main-menu:after {
  content: "";
  position: absolute;
  border-top: 6vw solid #fff;
  border-right: 100vw solid transparent;
  bottom: -5.8vw;
}
@media (min-width: 960px) {
  #main-nav #main-menu:after {
    bottom: -5.9vw;
  }
}
@media (min-width: 960px) {
  #main-nav #main-menu {
    min-height: 80vh;
    padding: 12em 0 4em;
  }
}
#main-nav #main-menu ul {
  padding: 0;
  margin: 2.35em 0;
}
#main-nav #main-menu ul li:before {
  content: normal;
}
#main-nav #main-menu ul a:extend(h3) {
  display: block;
  text-transform: uppercase;
  color: #1a1a1a;
}
#main-nav #main-menu ul a:extend(h3):hover {
  color: #c20e1a;
}
#main-nav #main-menu h3 {
  text-transform: uppercase;
}
#main-nav #main-menu .col-engagement {
  display: none;
}
@media (min-width: 960px) {
  #main-nav #main-menu .col-engagement {
    display: block;
  }
}
#main-nav.open .logo {
  background-image: url(../img/logo-club-des-amis-black.svg);
}
#main-nav.open #nav-collapser {
  background-image: url(../img/icon-menu-close.svg);
}
#main-nav.open #main-menu {
  display: block;
}

/*@include md(@property; @valSm; @valMd) {
    @{property}: @valSm;
    @media (min-width: 960px) { @{property}: @valMd; }
}*/
/*@include color-hover(@color, @color2) {
    color: @color;
    &:hover {
        color: @color2;
    }
}*/
.toolbar-tab {
  background-color: #000;
}
.toolbar-tab .toolbar-tray {
  position: absolute;
}
.toolbar-tab .toolbar-tray li:before {
  content: normal;
}
.toolbar-tab:hover .toolbar-tray {
  display: block;
}

#toolbar-administration + h2 + ul {
  float: left;
  margin: 0.75em 1em 0;
  font-weight: bold;
}
#toolbar-administration + h2 + ul li {
  float: left;
  margin-right: 1em;
}

#toolbar-administration + h2 + ul + * {
  clear: both;
}

#main-header {
  background-color: #1a1a1a;
}
#main-header img {
  display: block;
}
#main-header + section:before {
  content: "";
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 6vw solid #fff;
  border-left: 100vw solid transparent;
  border-left: calc(100vw - 20px) solid transparent;
  top: -5.8vw;
}
@media (min-width: 960px) {
  #main-header + section:before {
    top: -5.9vw;
  }
}
#main-header + section.bg-grey:before {
  border-bottom-color: #f7f7f7;
}

section {
  position: relative;
  padding: 2em 0;
}

.events-filter-page {
  margin-top: 1em;
  margin-bottom: 2em;
  width: 80%;
  align-items: start;
}
@media (max-width: 700px) {
  .events-filter-page {
    flex-direction: column;
    align-items: start;
  }
}

.events-filter-teaser {
  width: 80%;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
@media (max-width: 700px) {
  .events-filter-teaser {
    flex-direction: column;
    align-items: start;
  }
  .events-filter-teaser a {
    margin-bottom: 2rem;
  }
}

.events-teaser .events-filter {
  width: 80%;
  margin: auto;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 3rem;
}
.events-teaser .events-filter h3 {
  margin-left: 1rem;
}
.events-teaser .events-filter .btn1 {
  margin-right: 1rem;
}
.events-teaser .events-filter .form-item {
  float: left;
}
.events-teaser .events-filter select {
  display: inline-block;
  margin: 0 1em;
  height: auto;
}
.lt-ie10 .events-teaser .events-filter select {
  padding-right: 1.5em;
}
.events-teaser .events-filter input[type=submit] {
  margin: 0;
}
@media (min-width: 960px) {
  .events-teaser .events-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
}
.events-teaser .events-wrapper article date {
  display: block;
  margin-top: 1em;
  font-weight: bold;
  color: #c20e1a;
  font-size: 0.867em;
}
.events-teaser .events-wrapper article h4 {
  margin-top: 0;
}
@media (min-width: 960px) {
  .events-teaser .events-wrapper article {
    position: relative;
    padding-bottom: 4em;
  }
  .events-teaser .events-wrapper article .btn-wrapper {
    position: absolute;
    bottom: 0;
  }
}
.events-teaser nav ul {
  padding: 0;
  text-align: center;
}
.events-teaser nav ul li {
  display: inline-block;
  margin: 0 0.5em;
}
.events-teaser nav ul li:before {
  content: normal;
}
.events-teaser nav ul a:extend(.btn2) {
  padding: 0;
  font-size: 1em;
  width: 2em;
  height: 2em;
  line-height: 2em;
}
.events-teaser .btn-all-events {
  min-width: 32.33%;
  box-sizing: border-box;
}
@media (min-width: 960px) {
  .events-teaser .btn-all-events {
    margin: 2em 0;
  }
}

.header-home {
  overflow: hidden;
}
.header-home .header-img-homepage {
  background: url(../img/header-test.jpg) lightgray 50%/cover no-repeat;
}
.header-home #home-news-carousel {
  padding: 60% 0 1em;
}
@media (min-width: 960px) {
  .header-home #home-news-carousel {
    padding: 25% 0 6em;
  }
}
.header-home #home-news-carousel article {
  color: #fff;
}
@media (min-width: 960px) {
  .header-home #home-news-carousel article {
    color: #1a1a1a;
    background-color: #fff;
  }
}
.header-home #home-news-carousel article .btn2 {
  color: #fff;
}
.header-home #home-news-carousel article .btn2:hover {
  color: #c20e1a;
}
@media (min-width: 960px) {
  .header-home #home-news-carousel article .btn2 {
    color: #1a1a1a;
  }
  .header-home #home-news-carousel article .btn2:hover {
    color: #c20e1a;
  }
}
@media (min-width: 960px) {
  .header-home #home-news-carousel .owl-controls {
    position: absolute;
    right: -7em;
    top: 34%;
    width: 5em;
    color: #fff;
    font-size: 1.133em;
    text-transform: uppercase;
  }
}
@media (min-width: 1500px) {
  .header-home #home-news-carousel .owl-controls {
    top: 30%;
  }
}
.header-home #home-news-carousel .owl-controls .active {
  color: #c20e1a;
}
.header-home #home-news-carousel .owl-controls .owl-pagination {
  display: none;
  margin-left: -9em;
  width: 7em;
}
@media (min-width: 960px) {
  .header-home #home-news-carousel .owl-controls .owl-pagination {
    display: block;
  }
}
@media (min-width: 1500px) {
  .header-home #home-news-carousel .owl-controls .owl-pagination {
    margin-left: 0;
    width: auto;
  }
}
@media (min-width: 960px) {
  .header-home #home-news-carousel .owl-controls .owl-buttons {
    margin-top: 3em;
    display: flex;
    flex-direction: column-reverse;
  }
}
.header-home #home-news-carousel .owl-controls .owl-buttons div {
  position: absolute;
  bottom: 7em;
  right: -16px;
  width: 15px;
  height: 27px;
  background: url(../img/arrow-next.svg) no-repeat;
  text-indent: -999em;
}
@media (min-width: 960px) {
  .header-home #home-news-carousel .owl-controls .owl-buttons div {
    position: static;
  }
}
.header-home #home-news-carousel .owl-controls .owl-buttons div.owl-prev {
  right: auto;
  left: -16px;
  background-image: url(../img/arrow-prev.svg);
}
@media (min-width: 960px) {
  .header-home #home-news-carousel .owl-controls .owl-buttons div.owl-prev {
    margin: 0.5em 0 0 -1em;
  }
}

section.home-intro-video {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 2rem;
}
@media (max-width: 700px) {
  section.home-intro-video {
    margin: 0;
  }
}
section.home-intro-video video {
  width: 75%;
  margin: auto;
}
@media (max-width: 700px) {
  section.home-intro-video video {
    width: 100%;
  }
}
section.home-intro-video .bg-grey {
  display: flex;
  padding: 3rem 2rem;
  width: 80%;
}
@media (max-width: 700px) {
  section.home-intro-video .bg-grey {
    width: 100%;
    flex-direction: column;
    padding: 3rem;
  }
  section.home-intro-video .bg-grey br {
    display: none;
  }
  section.home-intro-video .bg-grey .col-title {
    width: 80%;
    margin: auto;
  }
  section.home-intro-video .bg-grey .col-text {
    width: 80%;
    margin: auto;
  }
}

section.home-intro-club .outer-wrapper {
  overflow: hidden;
}
section.home-intro-club .intro-homepage {
  width: 80%;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 700px) {
  section.home-intro-club .intro-homepage {
    flex-direction: column;
  }
  section.home-intro-club .intro-homepage br {
    display: none;
  }
  section.home-intro-club .intro-homepage .col-text {
    width: 80%;
  }
}
section.home-intro-club .intro-homepage .img-club {
  object-fit: cover;
}
@media (max-width: 960px) {
  section.home-intro-club .intro-homepage .img-club {
    display: none;
  }
}
@media (min-width: 960px) {
  section.home-intro-club .col-title h1 {
    line-height: 1.1;
  }
}
section.home-intro-club .col-text {
  width: 30%;
}
@media (max-width: 960px) {
  section.home-intro-club .col-text {
    width: 50%;
  }
}

section.membres {
  background: linear-gradient(269deg, rgba(0, 0, 0, 0) 8.4%, rgba(0, 0, 0, 0.4) 52.37%), url(../img/footer.jpg) lightgray 50%/cover no-repeat;
}
section.membres p {
  color: white;
}

@media (max-width: 960px) {
  .next-event .event-card:nth-child(3) {
    display: none;
  }
}
@media (max-width: 700px) {
  .next-event .event-card:nth-child(2) {
    display: none;
  }
}

.next-event, .full-event {
  width: 80%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.next-event .event-card, .full-event .event-card {
  background-color: #F3F2F2;
  width: 32%;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
@media (max-width: 960px) {
  .next-event .event-card, .full-event .event-card {
    width: 48%;
  }
}
@media (max-width: 700px) {
  .next-event .event-card, .full-event .event-card {
    width: 100%;
  }
}
.next-event .event-card .event-type, .full-event .event-card .event-type {
  background-color: #C20E1A;
  color: white;
  width: 75%;
  margin-bottom: 3rem;
  clip-path: polygon(0 0, 100% 0%, 99% 100%, 0% 100%);
}
.next-event .event-card .event-type > p, .full-event .event-card .event-type > p {
  text-align: start;
  margin: 0.5rem 2rem;
  font-weight: bold;
  display: inline-block;
}
.next-event .event-card .event-illu, .full-event .event-card .event-illu {
  display: flex;
  justify-content: space-between;
  margin-inline: 2rem;
}
.next-event .event-card .event-illu img, .full-event .event-card .event-illu img {
  width: 30%;
}
.next-event .event-card .event-illu p, .full-event .event-card .event-illu p {
  color: #C20E1A;
  font-weight: bold;
}
.next-event .event-card .event-info, .full-event .event-card .event-info {
  margin: 0 2rem 1rem 2rem;
}
.next-event .event-card .event-info p, .full-event .event-card .event-info p {
  margin: 0;
  margin-top: 3rem;
}
.next-event .event-card .event-info h4, .full-event .event-card .event-info h4 {
  margin: 0;
  margin-bottom: 1rem;
}
.next-event .extra-murros-event, .full-event .extra-murros-event {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.next-event .extra-murros-event .event-type, .full-event .extra-murros-event .event-type {
  margin-bottom: 1rem;
}
.next-event .extra-murros-event .event-illu, .full-event .extra-murros-event .event-illu {
  height: 30%;
}
.next-event .extra-murros-event .event-illu img, .full-event .extra-murros-event .event-illu img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.next-event .extra-murros-event .event-info > p, .full-event .extra-murros-event .event-info > p {
  margin-top: 0;
}

.full-event {
  width: 100%;
}

.membre-card {
  background-color: #F3F2F2;
  width: 30%;
  margin: 1rem auto;
  padding-bottom: 2rem;
}
@media (max-width: 960px) {
  .membre-card {
    width: 48%;
  }
}
@media (max-width: 700px) {
  .membre-card {
    width: 100%;
  }
}
.membre-card .membre-name {
  background-color: #C20E1A;
  color: white;
  width: 75%;
  margin-bottom: 1rem;
  clip-path: polygon(0 0, 100% 0%, 99% 100%, 0% 100%);
}
.membre-card .membre-name > p {
  text-align: start;
  margin: 0.5rem 2rem;
  font-weight: bold;
  display: inline-block;
}
.membre-card .membre-logo {
  display: flex;
  justify-content: center;
  margin-inline: 2rem;
  height: 60%;
}
.membre-card .membre-logo img {
  height: 100%;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}
.membre-card .membre-logo p {
  color: #C20E1A;
  font-weight: bold;
}

.comite-page {
  width: 80%;
  margin: auto;
}

.membre-comite {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.comite-card {
  background-color: #F3F2F2;
  display: flex;
  flex-direction: column;
  width: 30%;
  margin-bottom: 1rem;
}
@media (max-width: 960px) {
  .comite-card {
    width: 48%;
  }
}
@media (max-width: 700px) {
  .comite-card {
    width: 100%;
  }
}

.comite-name {
  background-color: #C20E1A;
  color: white;
  width: 75%;
  margin-bottom: 1rem;
  clip-path: polygon(0 0, 100% 0%, 99% 100%, 0% 100%);
}

.comite-name > p {
  text-align: start;
  margin: 0.5rem 1rem;
  font-weight: bold;
}

.comite-role {
  background-color: black;
  color: white;
  margin: 0;
  margin-inline: 1rem;
  padding: 0.5rem;
  text-align: start;
  font-weight: bold;
  display: flex;
  align-items: center;
  height: 2rem;
}

.comite-contact {
  display: flex;
  justify-content: space-between;
  margin: 1rem;
}

.comite-card > img {
  margin-inline: 1rem;
}

.list-membres-inline {
  columns: 3;
}
.list-membres-inline > div {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.list-membres-inline h3 {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin: 1em 0 0.5em;
  line-height: 1.6;
  border: 2px solid;
  text-transform: uppercase;
  text-align: center;
}
.list-membres-inline ul {
  list-style: none;
  padding: 0;
  margin: 0 0 1em;
}
.list-membres-inline ul li:before {
  content: normal;
}

section.histoire .row, section.valeurs .row {
  display: flex;
  justify-content: space-between;
}
section.histoire .row p, section.valeurs .row p {
  font-size: 1.133em;
}
section.histoire .row img, section.valeurs .row img {
  width: 48%;
  object-fit: cover;
  object-position: left;
}
section.histoire .row .col_6, section.valeurs .row .col_6 {
  width: 48%;
}
@media (max-width: 700px) {
  section.histoire .row, section.valeurs .row {
    flex-direction: column;
    margin: auto;
  }
  section.histoire .row img, section.valeurs .row img {
    width: 80%;
    margin: auto;
  }
  section.histoire .row .col_6, section.valeurs .row .col_6 {
    width: 80%;
    margin: auto;
  }
}

section.valeurs .row {
  flex-direction: row-reverse;
  margin-top: 2rem;
}
@media (max-width: 700px) {
  section.valeurs .row {
    flex-direction: column;
  }
}
@media (max-width: 700px) {
  section.valeurs {
    padding-top: 0;
  }
}

section.tarifs .row {
  width: 80%;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
section.tarifs .row .p-small {
  font-size: 0.8em;
}
section.tarifs .row .tarifs-card {
  width: 48%;
  padding: 2rem;
}
section.tarifs .row .tarifs-card h3 {
  margin-top: 0;
}
section.tarifs .row .tarifs-card p {
  font-size: 1.133em;
}
section.tarifs .row .tarifs-card ul {
  margin-bottom: 2rem;
  list-style: none;
}
section.tarifs .row .tarifs-card ul li {
  margin: 0.8rem 0;
  position: relative;
}
section.tarifs .row .tarifs-card ul li::before {
  content: "✓ ";
  position: absolute;
  left: 0;
  color: #C20E1A;
}
section.tarifs .row .tarifs-card ul .not-included {
  text-decoration: line-through;
  color: #767676;
}
section.tarifs .row .tarifs-card ul .not-included::before {
  content: "✕ ";
  position: absolute;
  left: 0;
  color: #C20E1A;
}
@media (max-width: 960px) {
  section.tarifs .row {
    flex-direction: column;
  }
  section.tarifs .row .tarifs-card:nth-child(1) {
    margin: 0 auto 2rem auto;
  }
  section.tarifs .row .tarifs-card:nth-child(2) {
    margin: 0 auto;
  }
  section.tarifs .row .tarifs-card {
    width: 80%;
  }
}
section.tarifs .tarifs-card:nth-child(1) {
  margin-right: 1rem;
}
section.tarifs .tarifs-card:nth-child(2) {
  margin-left: 1rem;
}
section.tarifs .info {
  width: 80%;
  margin: auto;
}
section.tarifs .info p {
  margin-bottom: 0;
}
section.tarifs .info ul {
  margin-top: 0;
}
@media (max-width: 960px) {
  section.tarifs .info {
    width: 64%;
  }
}

section.rencontres {
  padding: 3em 0 5em;
}

section.avantages {
  font-size: 1.15em;
  color: #000000;
}
@media (min-width: 960px) {
  section.avantages .row {
    display: flex;
    flex-wrap: wrap;
  }
  section.avantages .row .col_4 {
    margin: 1em 0;
  }
}
section.avantages .img-wrapper {
  height: 3em;
  display: flex;
  align-items: end;
}
section.avantages .img-wrapper img {
  transition: transform 0.5s;
}
section.avantages a {
  color: #000000;
}
section.avantages a:hover img {
  transform: scale(1.2);
}
section.avantages p {
  margin-top: 0.5rem;
}
@media (max-width: 960px) {
  section.avantages .col_4 {
    width: 80%;
  }
  section.avantages .col_4 p {
    margin-bottom: 2.5rem;
  }
}

section.cout .distribution {
  font-weight: bold;
}
section.cout .table-cotisations th, section.cout .table-cotisations td {
  padding-right: 2em;
}
section.cout .table-cotisations th {
  padding-bottom: 1em;
  text-align: left;
}

@media (min-width: 700px) {
  #webform-submission-devenir-membre-form:extend(.row) .form-item,
  #webform-submission-contact-form:extend(.row) .form-item,
  #user-login-form:extend(.row) .form-item {
    float: left;
    margin: 0 1%;
    width: 31.33%;
  }
  #webform-submission-devenir-membre-form:extend(.row) #edit-submit,
  #webform-submission-contact-form:extend(.row) #edit-submit,
  #user-login-form:extend(.row) #edit-submit {
    clear: left;
    margin: 1em auto;
    min-width: 33%;
    text-align: center;
  }
}

body > #user-login-form {
  max-width: 50em;
  margin: 2em auto;
}
@media (min-width: 700px) {
  #user-login-form .form-item-name,
  #user-login-form .form-item-pass {
    width: 48%;
    margin-bottom: 1em;
  }
}
#user-login-form .description {
  font-size: 0.85em;
}

@media (min-width: 700px) {
  #webform-submission-devenir-membre-form .form-item-adresse,
  #webform-submission-contact-form .form-item-adresse {
    width: 48%;
  }
  #webform-submission-devenir-membre-form .form-item-npa,
  #webform-submission-contact-form .form-item-npa {
    width: 14.66%;
  }
  #webform-submission-devenir-membre-form .form-item-message,
  #webform-submission-contact-form .form-item-message {
    width: 98%;
  }
}

/*#inscriptions .form-item, 
#inscriptions input[type="submit"] {
    display: none;
}*/
#galerie-carousel img {
  width: 100%;
}
#galerie-carousel .owl-controls {
  /*@media (min-width: 960px) {
     	position: absolute;
     	right: -7em; top: 34%;
      width: 5em;
      color: #fff;
      font-size: 1.133em;
      text-transform: uppercase;
  }
  @media (min-width: 1500px) {
  	top: 30%;
  }
     .active {
     	color: $red;
     }
  .owl-pagination {
  	@include md(display, none, block);
  	margin-left: -9em;
  	width: 7em;
  	@media (min-width: 1500px) {
  		margin-left: 0;
  		width: auto;
  	}
  }*/
}
#galerie-carousel .owl-controls .owl-pagination {
  margin: 1em 0;
  text-align: center;
}
#galerie-carousel .owl-controls .owl-pagination .owl-page {
  display: inline-block;
  margin: 0.25em;
}
#galerie-carousel .owl-controls .owl-buttons div {
  position: absolute;
  top: 50%;
  right: -1em;
  width: 2em;
  height: 3em;
  margin-top: -1.5em;
  background: #c20e1a url(../img/arrow-next.svg) no-repeat center;
  text-indent: -999em;
}
@media (min-width: 960px) {
  #galerie-carousel .owl-controls .owl-buttons div {
    top: 14em;
    right: -2.5em;
    margin-top: 0;
  }
}
#galerie-carousel .owl-controls .owl-buttons div.owl-prev {
  right: auto;
  left: -1em;
  background-image: url(../img/arrow-prev.svg);
}
@media (min-width: 960px) {
  #galerie-carousel .owl-controls .owl-buttons div.owl-prev {
    left: -2.5em;
  }
}

/*#galerie-thumbs {
	text-align: center;
	img {
	    margin: .5em .35em;
	}
}*/
.table-bets {
  width: 100%;
  text-align: center;
}
.table-bets td {
  padding: 0.5em;
}
.table-bets td:first-child {
  text-align: left;
  padding-left: 1em;
}
.table-bets .bets-title td {
  text-transform: uppercase;
  border-bottom: 2px solid;
}
.table-bets .pari td {
  border-bottom: 1px solid;
}
.table-bets .icon-win {
  width: 1.5em;
  display: inline-block;
  margin: -0.5em 0.5em -0.25em 0;
}

#webform-submission-inscription-pari-form {
  max-width: 30em;
  background-color: #fff;
  padding: 2em;
  border: 1px solid #f1f1f1;
}
#webform-submission-inscription-pari-form select, #webform-submission-inscription-pari-form input[type=number] {
  width: 100%;
}
#webform-submission-inscription-pari-form .form-item-score-xamax,
#webform-submission-inscription-pari-form .form-item-score-adv {
  float: left;
  width: 48%;
  padding-bottom: 1em;
}
#webform-submission-inscription-pari-form .form-item-score-xamax {
  margin-right: 4%;
}
#webform-submission-inscription-pari-form #edit-submit {
  margin: 1em auto;
}

.header-img {
  object-fit: cover;
  width: 100%;
}

form {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
form .col-2-form {
  display: flex;
  justify-content: space-between;
}
form .col-2-form label {
  width: 49%;
}
form .col-2-form label select {
  width: 100%;
  margin-top: 0;
}
@media (max-width: 700px) {
  form .col-2-form {
    flex-direction: column;
  }
  form .col-2-form label {
    width: 100%;
  }
}
form a {
  margin: auto;
  margin-top: 2rem;
}
form input {
  margin: 0;
}

.col-engagement {
  height: 100%;
  margin: 2.35em 0;
}
.col-engagement img {
  width: 100%;
}

/*@include md(@property; @valSm; @valMd) {
    @{property}: @valSm;
    @media (min-width: 960px) { @{property}: @valMd; }
}*/
/*@include color-hover(@color, @color2) {
    color: @color;
    &:hover {
        color: @color2;
    }
}*/
/* ------------ FOOTER -------------- */
#main-footer {
  background-color: #1a1a1a;
  padding-top: 2rem;
  padding-bottom: 1rem;
}
#main-footer .nav-footer {
  width: 90%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#main-footer .nav-footer .logo {
  width: 20%;
}
#main-footer .nav-footer .logo img {
  width: 100%;
}
#main-footer .nav-footer ul {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 700px) {
  #main-footer .nav-footer ul {
    flex-direction: column;
    text-align: center;
    margin-bottom: 2rem;
  }
}
#main-footer .nav-footer ul li {
  display: inline-block;
}
#main-footer .nav-footer ul li:before {
  content: normal;
}
#main-footer .nav-footer ul a {
  display: block;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  padding-inline: 1rem;
}
#main-footer .nav-footer ul a:hover {
  color: #c20e1a;
}
@media (max-width: 700px) {
  #main-footer .nav-footer ul a {
    margin: 0.2rem auto;
  }
}
#main-footer .nav-footer .social-media a {
  padding-inline: 1rem;
}
@media (max-width: 960px) {
  #main-footer .nav-footer {
    flex-direction: column;
  }
  #main-footer .nav-footer .logo {
    width: 40%;
    margin-bottom: 1rem;
  }
}
#main-footer hr {
  width: 90%;
  margin: auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-top: 1px solid #767676;
}
#main-footer .copyright {
  color: #767676;
  margin: auto;
  text-align: center;
}
/*# sourceMappingURL=main.css.map */