/**
 *  frontkit IO
 *  layout definitions
 */


/**
 *  Basic layout
 *  ---------------------------------------------------
 */


/**
 *  Flex attributes and values
 *  ---------------------------------------------------
 */


/**
 *  Child alignment
 *  ---------------------------------------------------
 */

a.button {
  width: 180px;
  height: 50px;
  border-radius: 8px;
  background: #bed000;
  border: none;
  text-decoration: none;
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
  font-size: 16px;
  color: white;
  padding: 10px;
}

[layout-align],
[layout-align="start stretch"] {
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}

[layout-align="start"],
[layout-align="start start"],
[layout-align="start center"],
[layout-align="start end"],
[layout-align="start stretch"] {
  justify-content: flex-start;
}

[layout-align="center"],
[layout-align="center start"],
[layout-align="center center"],
[layout-align="center end"],
[layout-align="center stretch"] {
  justify-content: center;
}

[layout-align="end"],
[layout-align="end start"],
[layout-align="end center"],
[layout-align="end end"],
[layout-align="end stretch"] {
  justify-content: flex-end;
}

[layout-align="space-around"],
[layout-align="space-around center"],
[layout-align="space-around start"],
[layout-align="space-around end"],
[layout-align="space-around stretch"] {
  justify-content: space-around;
}

[layout-align="space-between"],
[layout-align="space-between center"],
[layout-align="space-between start"],
[layout-align="space-between end"],
[layout-align="space-between stretch"] {
  justify-content: space-between;
}

[layout-align="start start"],
[layout-align="center start"],
[layout-align="end start"],
[layout-align="space-between start"],
[layout-align="space-around start"] {
  align-items: flex-start;
  align-content: flex-start;
}

[layout-align="start center"],
[layout-align="center center"],
[layout-align="end center"],
[layout-align="space-between center"],
[layout-align="space-around center"] {
  align-items: center;
  align-content: center;
  max-width: 100%;
}

[layout-align="start center"]>*,
[layout-align="center center"]>*,
[layout-align="end center"]>*,
[layout-align="space-between center"]>*,
[layout-align="space-around center"]>* {
  max-width: 100%;
  box-sizing: border-box;
}

[layout-align="start end"],
[layout-align="center end"],
[layout-align="end end"],
[layout-align="space-between end"],
[layout-align="space-around end"] {
  align-items: flex-end;
  align-content: flex-end;
}

[layout-align="start stretch"],
[layout-align="center stretch"],
[layout-align="end stretch"],
[layout-align="space-between stretch"],
[layout-align="space-around stretch"] {
  align-items: stretch;
  align-content: stretch;
}


/**
 *  Building layout order
 *  ---------------------------------------------------
 */


/**
 *  Building layout mixin
 *  ---------------------------------------------------
 */


/**
 *  Building the layout
 *  ---------------------------------------------------
 */

[layout-align],
[layout-align="start stretch"] {
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}

[layout-align="start"],
[layout-align="start start"],
[layout-align="start center"],
[layout-align="start end"],
[layout-align="start stretch"] {
  justify-content: flex-start;
}

[layout-align="center"],
[layout-align="center start"],
[layout-align="center center"],
[layout-align="center end"],
[layout-align="center stretch"] {
  justify-content: center;
}

[layout-align="end"],
[layout-align="end start"],
[layout-align="end center"],
[layout-align="end end"],
[layout-align="end stretch"] {
  justify-content: flex-end;
}

[layout-align="space-around"],
[layout-align="space-around center"],
[layout-align="space-around start"],
[layout-align="space-around end"],
[layout-align="space-around stretch"] {
  justify-content: space-around;
}

[layout-align="space-between"],
[layout-align="space-between center"],
[layout-align="space-between start"],
[layout-align="space-between end"],
[layout-align="space-between stretch"] {
  justify-content: space-between;
}

[layout-align="start start"],
[layout-align="center start"],
[layout-align="end start"],
[layout-align="space-between start"],
[layout-align="space-around start"] {
  align-items: flex-start;
  align-content: flex-start;
}

[layout-align="start center"],
[layout-align="center center"],
[layout-align="end center"],
[layout-align="space-between center"],
[layout-align="space-around center"] {
  align-items: center;
  align-content: center;
  max-width: 100%;
}

[layout-align="start center"]>*,
[layout-align="center center"]>*,
[layout-align="end center"]>*,
[layout-align="space-between center"]>*,
[layout-align="space-around center"]>* {
  max-width: 100%;
  box-sizing: border-box;
}

[layout-align="start end"],
[layout-align="center end"],
[layout-align="end end"],
[layout-align="space-between end"],
[layout-align="space-around end"] {
  align-items: flex-end;
  align-content: flex-end;
}

[layout-align="start stretch"],
[layout-align="center stretch"],
[layout-align="end stretch"],
[layout-align="space-between stretch"],
[layout-align="space-around stretch"] {
  align-items: stretch;
  align-content: stretch;
}

[flex] {
  box-sizing: border-box;
  flex: 1;
}

[flex="0"] {
  flex: 0 0 0%;
}

[layout="row"]>[flex="0"],
footer .links>[flex="0"] {
  max-width: 0%;
}

[layout="column"]>[flex="0"] {
  max-height: 0%;
}

[flex="5"] {
  flex: 0 0 5%;
}

[layout="row"]>[flex="5"],
footer .links>[flex="5"] {
  max-width: 5%;
}

[layout="column"]>[flex="5"] {
  max-height: 5%;
}

[flex="10"] {
  flex: 0 0 10%;
}

[layout="row"]>[flex="10"],
footer .links>[flex="10"] {
  max-width: 10%;
}

[layout="column"]>[flex="10"] {
  max-height: 10%;
}

[flex="15"] {
  flex: 0 0 15%;
}

[layout="row"]>[flex="15"],
footer .links>[flex="15"] {
  max-width: 15%;
}

[layout="column"]>[flex="15"] {
  max-height: 15%;
}

[flex="20"] {
  flex: 0 0 20%;
}

[layout="row"]>[flex="20"],
footer .links>[flex="20"] {
  max-width: 20%;
}

[layout="column"]>[flex="20"] {
  max-height: 20%;
}

[flex="25"] {
  flex: 0 0 25%;
}

[layout="row"]>[flex="25"],
footer .links>[flex="25"] {
  max-width: 25%;
}

[layout="column"]>[flex="25"] {
  max-height: 25%;
}

[flex="30"] {
  flex: 0 0 30%;
}

[layout="row"]>[flex="30"],
footer .links>[flex="30"] {
  max-width: 30%;
}

[layout="column"]>[flex="30"] {
  max-height: 30%;
}

[flex="35"] {
  flex: 0 0 35%;
}

[layout="row"]>[flex="35"],
footer .links>[flex="35"] {
  max-width: 35%;
}

[layout="column"]>[flex="35"] {
  max-height: 35%;
}

[flex="40"] {
  flex: 0 0 40%;
}

[layout="row"]>[flex="40"],
footer .links>[flex="40"] {
  max-width: 40%;
}

[layout="column"]>[flex="40"] {
  max-height: 40%;
}

[flex="45"] {
  flex: 0 0 45%;
}

[layout="row"]>[flex="45"],
footer .links>[flex="45"] {
  max-width: 45%;
}

[layout="column"]>[flex="45"] {
  max-height: 45%;
}

[flex="50"] {
  flex: 0 0 50%;
}

[layout="row"]>[flex="50"],
footer .links>[flex="50"] {
  max-width: 50%;
}

[layout="column"]>[flex="50"] {
  max-height: 50%;
}

[flex="55"] {
  flex: 0 0 55%;
}

[layout="row"]>[flex="55"],
footer .links>[flex="55"] {
  max-width: 55%;
}

[layout="column"]>[flex="55"] {
  max-height: 55%;
}

[flex="60"] {
  flex: 0 0 60%;
}

[layout="row"]>[flex="60"],
footer .links>[flex="60"] {
  max-width: 60%;
}

[layout="column"]>[flex="60"] {
  max-height: 60%;
}

[flex="65"] {
  flex: 0 0 65%;
}

[layout="row"]>[flex="65"],
footer .links>[flex="65"] {
  max-width: 65%;
}

[layout="column"]>[flex="65"] {
  max-height: 65%;
}

[flex="70"] {
  flex: 0 0 70%;
}

[layout="row"]>[flex="70"],
footer .links>[flex="70"] {
  max-width: 70%;
}

[layout="column"]>[flex="70"] {
  max-height: 70%;
}

[flex="75"] {
  flex: 0 0 75%;
}

[layout="row"]>[flex="75"],
footer .links>[flex="75"] {
  max-width: 75%;
}

[layout="column"]>[flex="75"] {
  max-height: 75%;
}

[flex="80"] {
  flex: 0 0 80%;
}

[layout="row"]>[flex="80"],
footer .links>[flex="80"] {
  max-width: 80%;
}

[layout="column"]>[flex="80"] {
  max-height: 80%;
}

[flex="85"] {
  flex: 0 0 85%;
}

[layout="row"]>[flex="85"],
footer .links>[flex="85"] {
  max-width: 85%;
}

[layout="column"]>[flex="85"] {
  max-height: 85%;
}

[flex="90"] {
  flex: 0 0 90%;
}

[layout="row"]>[flex="90"],
footer .links>[flex="90"] {
  max-width: 90%;
}

[layout="column"]>[flex="90"] {
  max-height: 90%;
}

[flex="95"] {
  flex: 0 0 95%;
}

[layout="row"]>[flex="95"],
footer .links>[flex="95"] {
  max-width: 95%;
}

[layout="column"]>[flex="95"] {
  max-height: 95%;
}

[flex="100"] {
  flex: 0 0 100%;
}

[layout="row"]>[flex="100"],
footer .links>[flex="100"] {
  max-width: 100%;
}

[layout="column"]>[flex="100"] {
  max-height: 100%;
}

[flex="33"] {
  flex: 0 0 calc(100% / 3);
}

[layout="row"]>[flex="33"],
footer .links>[flex="33"] {
  max-width: calc(100% / 3);
}

[layout="column"]>[flex="33"] {
  max-height: calc(100% / 3);
}

[flex="66"] {
  flex: 0 0 calc(200% / 3);
}

[layout="row"]>[flex="66"],
footer .links>[flex="66"] {
  max-width: calc(200% / 3);
}

[layout="column"]>[flex="66"] {
  max-height: calc(200% / 3);
}

[layout],
footer .links {
  box-sizing: border-box;
  display: flex;
}

[layout=row] {
  flex-direction: row;
}

[layout=column] {
  flex-direction: column;
}

[flex-order] {
  order: 0;
}

[flex-order="-20"] {
  order: -20;
}

[flex-order="-19"] {
  order: -19;
}

[flex-order="-18"] {
  order: -18;
}

[flex-order="-17"] {
  order: -17;
}

[flex-order="-16"] {
  order: -16;
}

[flex-order="-15"] {
  order: -15;
}

[flex-order="-14"] {
  order: -14;
}

[flex-order="-13"] {
  order: -13;
}

[flex-order="-12"] {
  order: -12;
}

[flex-order="-11"] {
  order: -11;
}

[flex-order="-10"] {
  order: -10;
}

[flex-order="-9"] {
  order: -9;
}

[flex-order="-8"] {
  order: -8;
}

[flex-order="-7"] {
  order: -7;
}

[flex-order="-6"] {
  order: -6;
}

[flex-order="-5"] {
  order: -5;
}

[flex-order="-4"] {
  order: -4;
}

[flex-order="-3"] {
  order: -3;
}

[flex-order="-2"] {
  order: -2;
}

[flex-order="-1"] {
  order: -1;
}

[flex-order="0"] {
  order: 0;
}

[flex-order="1"] {
  order: 1;
}

[flex-order="2"] {
  order: 2;
}

[flex-order="3"] {
  order: 3;
}

[flex-order="4"] {
  order: 4;
}

[flex-order="5"] {
  order: 5;
}

[flex-order="6"] {
  order: 6;
}

[flex-order="7"] {
  order: 7;
}

[flex-order="8"] {
  order: 8;
}

[flex-order="9"] {
  order: 9;
}

[flex-order="10"] {
  order: 10;
}

[flex-order="11"] {
  order: 11;
}

[flex-order="12"] {
  order: 12;
}

[flex-order="13"] {
  order: 13;
}

[flex-order="14"] {
  order: 14;
}

[flex-order="15"] {
  order: 15;
}

[flex-order="16"] {
  order: 16;
}

[flex-order="17"] {
  order: 17;
}

[flex-order="18"] {
  order: 18;
}

[flex-order="19"] {
  order: 19;
}

[flex-order="20"] {
  order: 20;
}

@media (max-width: 960px) {
  [layout-align-sm],
  [layout-align-sm="start stretch"] {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  [layout-align-sm="start"],
  [layout-align-sm="start start"],
  [layout-align-sm="start center"],
  [layout-align-sm="start end"],
  [layout-align-sm="start stretch"] {
    justify-content: flex-start;
  }
  [layout-align-sm="center"],
  [layout-align-sm="center start"],
  [layout-align-sm="center center"],
  [layout-align-sm="center end"],
  [layout-align-sm="center stretch"] {
    justify-content: center;
  }
  [layout-align-sm="end"],
  [layout-align-sm="end start"],
  [layout-align-sm="end center"],
  [layout-align-sm="end end"],
  [layout-align-sm="end stretch"] {
    justify-content: flex-end;
  }
  [layout-align-sm="space-around"],
  [layout-align-sm="space-around center"],
  [layout-align-sm="space-around start"],
  [layout-align-sm="space-around end"],
  [layout-align-sm="space-around stretch"] {
    justify-content: space-around;
  }
  [layout-align-sm="space-between"],
  [layout-align-sm="space-between center"],
  [layout-align-sm="space-between start"],
  [layout-align-sm="space-between end"],
  [layout-align-sm="space-between stretch"] {
    justify-content: space-between;
  }
  [layout-align-sm="start start"],
  [layout-align-sm="center start"],
  [layout-align-sm="end start"],
  [layout-align-sm="space-between start"],
  [layout-align-sm="space-around start"] {
    align-items: flex-start;
    align-content: flex-start;
  }
  [layout-align-sm="start center"],
  [layout-align-sm="center center"],
  [layout-align-sm="end center"],
  [layout-align-sm="space-between center"],
  [layout-align-sm="space-around center"] {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  [layout-align-sm="start center"]>*,
  [layout-align-sm="center center"]>*,
  [layout-align-sm="end center"]>*,
  [layout-align-sm="space-between center"]>*,
  [layout-align-sm="space-around center"]>* {
    max-width: 100%;
    box-sizing: border-box;
  }
  [layout-align-sm="start end"],
  [layout-align-sm="center end"],
  [layout-align-sm="end end"],
  [layout-align-sm="space-between end"],
  [layout-align-sm="space-around end"] {
    align-items: flex-end;
    align-content: flex-end;
  }
  [layout-align-sm="start stretch"],
  [layout-align-sm="center stretch"],
  [layout-align-sm="end stretch"],
  [layout-align-sm="space-between stretch"],
  [layout-align-sm="space-around stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  [flex-sm] {
    box-sizing: border-box;
    flex: 1;
  }
  [flex-sm="0"] {
    flex: 0 0 0%;
  }
  [layout-sm="row"]>[flex-sm="0"] {
    max-width: 0%;
  }
  [layout-sm="column"]>[flex-sm="0"] {
    max-height: 0%;
  }
  [flex-sm="5"] {
    flex: 0 0 5%;
  }
  [layout-sm="row"]>[flex-sm="5"] {
    max-width: 5%;
  }
  [layout-sm="column"]>[flex-sm="5"] {
    max-height: 5%;
  }
  [flex-sm="10"] {
    flex: 0 0 10%;
  }
  [layout-sm="row"]>[flex-sm="10"] {
    max-width: 10%;
  }
  [layout-sm="column"]>[flex-sm="10"] {
    max-height: 10%;
  }
  [flex-sm="15"] {
    flex: 0 0 15%;
  }
  [layout-sm="row"]>[flex-sm="15"] {
    max-width: 15%;
  }
  [layout-sm="column"]>[flex-sm="15"] {
    max-height: 15%;
  }
  [flex-sm="20"] {
    flex: 0 0 20%;
  }
  [layout-sm="row"]>[flex-sm="20"] {
    max-width: 20%;
  }
  [layout-sm="column"]>[flex-sm="20"] {
    max-height: 20%;
  }
  [flex-sm="25"] {
    flex: 0 0 25%;
  }
  [layout-sm="row"]>[flex-sm="25"] {
    max-width: 25%;
  }
  [layout-sm="column"]>[flex-sm="25"] {
    max-height: 25%;
  }
  [flex-sm="30"] {
    flex: 0 0 30%;
  }
  [layout-sm="row"]>[flex-sm="30"] {
    max-width: 30%;
  }
  [layout-sm="column"]>[flex-sm="30"] {
    max-height: 30%;
  }
  [flex-sm="35"] {
    flex: 0 0 35%;
  }
  [layout-sm="row"]>[flex-sm="35"] {
    max-width: 35%;
  }
  [layout-sm="column"]>[flex-sm="35"] {
    max-height: 35%;
  }
  [flex-sm="40"] {
    flex: 0 0 40%;
  }
  [layout-sm="row"]>[flex-sm="40"] {
    max-width: 40%;
  }
  [layout-sm="column"]>[flex-sm="40"] {
    max-height: 40%;
  }
  [flex-sm="45"] {
    flex: 0 0 45%;
  }
  [layout-sm="row"]>[flex-sm="45"] {
    max-width: 45%;
  }
  [layout-sm="column"]>[flex-sm="45"] {
    max-height: 45%;
  }
  [flex-sm="50"] {
    flex: 0 0 50%;
  }
  [layout-sm="row"]>[flex-sm="50"] {
    max-width: 50%;
  }
  [layout-sm="column"]>[flex-sm="50"] {
    max-height: 50%;
  }
  [flex-sm="55"] {
    flex: 0 0 55%;
  }
  [layout-sm="row"]>[flex-sm="55"] {
    max-width: 55%;
  }
  [layout-sm="column"]>[flex-sm="55"] {
    max-height: 55%;
  }
  [flex-sm="60"] {
    flex: 0 0 60%;
  }
  [layout-sm="row"]>[flex-sm="60"] {
    max-width: 60%;
  }
  [layout-sm="column"]>[flex-sm="60"] {
    max-height: 60%;
  }
  [flex-sm="65"] {
    flex: 0 0 65%;
  }
  [layout-sm="row"]>[flex-sm="65"] {
    max-width: 65%;
  }
  [layout-sm="column"]>[flex-sm="65"] {
    max-height: 65%;
  }
  [flex-sm="70"] {
    flex: 0 0 70%;
  }
  [layout-sm="row"]>[flex-sm="70"] {
    max-width: 70%;
  }
  [layout-sm="column"]>[flex-sm="70"] {
    max-height: 70%;
  }
  [flex-sm="75"] {
    flex: 0 0 75%;
  }
  [layout-sm="row"]>[flex-sm="75"] {
    max-width: 75%;
  }
  [layout-sm="column"]>[flex-sm="75"] {
    max-height: 75%;
  }
  [flex-sm="80"] {
    flex: 0 0 80%;
  }
  [layout-sm="row"]>[flex-sm="80"] {
    max-width: 80%;
  }
  [layout-sm="column"]>[flex-sm="80"] {
    max-height: 80%;
  }
  [flex-sm="85"] {
    flex: 0 0 85%;
  }
  [layout-sm="row"]>[flex-sm="85"] {
    max-width: 85%;
  }
  [layout-sm="column"]>[flex-sm="85"] {
    max-height: 85%;
  }
  [flex-sm="90"] {
    flex: 0 0 90%;
  }
  [layout-sm="row"]>[flex-sm="90"] {
    max-width: 90%;
  }
  [layout-sm="column"]>[flex-sm="90"] {
    max-height: 90%;
  }
  [flex-sm="95"] {
    flex: 0 0 95%;
  }
  [layout-sm="row"]>[flex-sm="95"] {
    max-width: 95%;
  }
  [layout-sm="column"]>[flex-sm="95"] {
    max-height: 95%;
  }
  [flex-sm="100"] {
    flex: 0 0 100%;
  }
  [layout-sm="row"]>[flex-sm="100"] {
    max-width: 100%;
  }
  [layout-sm="column"]>[flex-sm="100"] {
    max-height: 100%;
  }
  [flex-sm="33"] {
    flex-sm: 0 0 calc(100% / 3);
  }
  [layout-sm="row"]>[flex-sm="33"] {
    max-width: calc(100% / 3);
  }
  [layout-sm="column"]>[flex-sm="33"] {
    max-height: calc(100% / 3);
  }
  [flex-sm="66"] {
    flex: 0 0 calc(200% / 3);
  }
  [layout-sm="row"]>[flex-sm="66"] {
    max-width: calc(200% / 3);
  }
  [layout-sm="column"]>[flex-sm="66"] {
    max-height: calc(200% / 3);
  }
  [layout-sm] {
    box-sizing: border-box;
    display: flex;
  }
  [layout-sm=row] {
    flex-direction: row;
  }
  [layout-sm=column] {
    flex-direction: column;
  }
  [flex-order-sm="-20"] {
    order: -20;
  }
  [flex-order-sm="-19"] {
    order: -19;
  }
  [flex-order-sm="-18"] {
    order: -18;
  }
  [flex-order-sm="-17"] {
    order: -17;
  }
  [flex-order-sm="-16"] {
    order: -16;
  }
  [flex-order-sm="-15"] {
    order: -15;
  }
  [flex-order-sm="-14"] {
    order: -14;
  }
  [flex-order-sm="-13"] {
    order: -13;
  }
  [flex-order-sm="-12"] {
    order: -12;
  }
  [flex-order-sm="-11"] {
    order: -11;
  }
  [flex-order-sm="-10"] {
    order: -10;
  }
  [flex-order-sm="-9"] {
    order: -9;
  }
  [flex-order-sm="-8"] {
    order: -8;
  }
  [flex-order-sm="-7"] {
    order: -7;
  }
  [flex-order-sm="-6"] {
    order: -6;
  }
  [flex-order-sm="-5"] {
    order: -5;
  }
  [flex-order-sm="-4"] {
    order: -4;
  }
  [flex-order-sm="-3"] {
    order: -3;
  }
  [flex-order-sm="-2"] {
    order: -2;
  }
  [flex-order-sm="-1"] {
    order: -1;
  }
  [flex-order-sm="0"] {
    order: 0;
  }
  [flex-order-sm="1"] {
    order: 1;
  }
  [flex-order-sm="2"] {
    order: 2;
  }
  [flex-order-sm="3"] {
    order: 3;
  }
  [flex-order-sm="4"] {
    order: 4;
  }
  [flex-order-sm="5"] {
    order: 5;
  }
  [flex-order-sm="6"] {
    order: 6;
  }
  [flex-order-sm="7"] {
    order: 7;
  }
  [flex-order-sm="8"] {
    order: 8;
  }
  [flex-order-sm="9"] {
    order: 9;
  }
  [flex-order-sm="10"] {
    order: 10;
  }
  [flex-order-sm="11"] {
    order: 11;
  }
  [flex-order-sm="12"] {
    order: 12;
  }
  [flex-order-sm="13"] {
    order: 13;
  }
  [flex-order-sm="14"] {
    order: 14;
  }
  [flex-order-sm="15"] {
    order: 15;
  }
  [flex-order-sm="16"] {
    order: 16;
  }
  [flex-order-sm="17"] {
    order: 17;
  }
  [flex-order-sm="18"] {
    order: 18;
  }
  [flex-order-sm="19"] {
    order: 19;
  }
  [flex-order-sm="20"] {
    order: 20;
  }
}


/**
 *  A few extra features
 *  ---------------------------------------------------
 */

[layout-wrap] {
  flex-wrap: wrap;
}

@font-face {
  font-family: avenirBook;
  src: url("https://static.innovorder.fr/fullsite/fonts/Avenir-Book.ttf");
  font-weight: 300;
}

@font-face {
  font-family: avenirHeavy;
  src: url("https://static.innovorder.fr/fullsite/fonts/Avenir-Heavy.ttf");
}

@font-face {
  font-family: avenirBlack;
  src: url("https://static.innovorder.fr/fullsite/fonts/Avenir-Black.ttf");
}

@font-face {
  font-family: dashboardIcons;
  src: url("https://static.innovorder.fr/fullsite/fonts/icomoon.ttf");
}

.avenir-book {
  font-family: 'avenirBook', 'avenir', sans-serif !important;
}

.avenir-heavy {
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
}

.avenir-black {
  font-family: 'avenirBlack', 'avenir', sans-serif !important;
}

.dashbord-icon {
  font-family: 'dashboardIcons' !important;
}


/* base css code */

* {
  outline: none;
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  font-family: avenir, 'avenirBook', sans-serif !important;
  font-weight: lighter !important;
  color: #4c4747;
  background-color: #f8f8f8;
}

html #content,
body #content {
  background-color: #f8f8f8;
}

body.locked {
  overflow: hidden;
}

.block {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.block .content {
  border: 1px solid transparent;
}

button {
  cursor: pointer;
}


/**
 *  Icons
 *  ---------------------------------------------------
 */

.icon {
  font-family: 'dashboardIcons' !important;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  /* font-size: 120%; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook::before {
  content: "\ec58";
}

.icon-gplus::before {
  content: "\ec5b";
}

.icon-instagram::before {
  content: "\ec6e";
}

.icon-twitter::before {
  content: "\ea91";
}

.icon-pinterest::before {
  content: "\ec5d";
}

.icon-linkedin::before {
  content: "\f0e1";
}

.icon-mail::before {
  content: "\eb66";
}

.icon-phone::before {
  content: "\e855";
}

.icon-mail2::before {
  content: "\ea86";
}

.icon-menu::before {
  content: "\e1fc";
}

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

.icon-bicycle::before {
  content: "\f206";
}


/* few utils */

@media (max-width: 960px) {
  .sm-hide {
    display: none !important;
  }
}

.sm-show {
  display: none !important;
}

@media (max-width: 960px) {
  .sm-show {
    display: inherit !important;
  }
}

#legend {
  font-family: Arial, sans-serif;
  background: #fff;
  padding: 10px;
  margin: 10px;
  border: 3px solid #000;
}

#legend h3 {
  margin-top: 0;
}

#legend img {
  vertical-align: middle;
}

#blog {
  padding: 16px 12px 24px 12px;
}

@media (max-width: 960px) {
  #blog .post {
    position: relative;
    top: -80px;
  }
}

#contact p {
  font-size: 16px;
  max-width: 740px;
  margin: auto;
  margin-top: 35px;
  margin-bottom: 35px;
  padding: 0 30px;
}

#contact form {
  max-width: 800px;
  margin: auto;
  padding: 0 30px;
}

#contact form input[type="text"],
#contact form select,
#contact form textarea {
  font-family: avenir, 'avenirBook', sans-serif !important;
  font-weight: lighter !important;
  margin-bottom: 26px;
  border: 1px solid #e9e9e9;
  padding: 10px 30px;
  font-size: 15px;
  border-radius: 8px;
}

#contact form textarea {
  height: 260px;
}

#contact form input[type="text"],
#contact form select {
  height: 30px;
}

#contact form input[type="submit"] {
  width: 260px;
  background-color: #bed000;
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
  height: 40px;
  color: white;
  border-radius: 10px;
  font-size: 16px;
  border: none;
  margin-bottom: 20px;
}

#contact form .captcha {
  width: 350px;
  border: 1px solid lightgray;
  margin-bottom: 20px;
  height: 90px;
  border-radius: 8px;
}

.mail-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(75, 69, 69, 0.8);
}

.mail-overlay>div {
  text-align: center;
  color: #53e593;
}

.mail-overlay>div i {
  font-size: 70px;
}

.mail-overlay>div h2 {
  font-size: 24px;
  margin: 32px;
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
  font-weight: normal;
  letter-spacing: 1.4px;
}

.mail-overlay>div button {
  width: 230px;
  height: 50px;
  background-color: #53e593;
  border-radius: 10px;
  border: none;
  font-size: 18px;
  color: white;
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
  font-weight: normal;
}

@media (max-width: 960px) {
  .mail-overlay .button-wrapper {
    position: fixed;
    bottom: 0;
    width: calc(100% - 50px);
    padding: 25px;
  }
  .mail-overlay .button-wrapper button {
    width: 100%;
  }
}


/* ankka */

.contact-container .block.title {
  background-image: url("https://static.innovorder.fr/fullsite/images/ankka/Fond_sauces.jpg");
}

#engagements {
  max-width: 1080px;
  margin: auto;
  padding-top: 30px;
}

@media (max-width: 960px) {
  #engagements .story {
    position: relative;
    top: -70px;
  }
}


/* ankka */

.engagements-container .block.title {
  background-image: url("https://static.innovorder.fr/fullsite/images/ankka/Fond_wrap.jpg");
}

#histoire {
  max-width: 1000px;
  padding: 40px;
  margin: auto;
}

#histoire h1 {
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
  font-weight: normal;
  font-size: 22px;
  margin-top: 0px;
}

#histoire p {
  font-size: 16px;
}

@media (max-width: 960px) {
  #histoire {
    padding: 30px;
  }
}


/* ankka */

.histoire-container .block.title {
  background-image: url("https://static.innovorder.fr/fullsite/images/ankka/Fond_pates.jpg");
}

#job {
  max-width: 520px;
  margin: auto;
  padding-top: 45px;
}

#job h2 {
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.8px;
  margin: 0;
  text-transform: uppercase;
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
  font-weight: normal;
  margin: 25px 0;
}

#job p {
  line-height: 21px;
  letter-spacing: 0.8px;
}

#job .button-wrapper {
  text-align: center;
  margin: 60px 0 110px 0;
}

#job .button-wrapper button {
  width: 260px;
  height: 50px;
  background-color: #bed000;
  color: white;
  border-radius: 8px;
  margin: auto;
  border: none;
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
  font-weight: normal;
  font-size: 18px;
}

@media (max-width: 960px) {
  #job {
    padding: 30px;
  }
  #job h2,
  #job p {
    font-size: 15px;
  }
  #job .button-wrapper {
    margin: 45px 0;
  }
  #job .button-wrapper button {
    height: 60px;
    width: 100%;
  }
}

#places .map {
  height: 340px;
  width: 100%;
  background-color: rgba(139, 146, 145, 0.35);
}

#places .restaurants {
  padding: 60px;
  padding-bottom: 10px;
}

#places .restaurants .restaurant {
  font-size: 16px;
  letter-spacing: 0.2px;
  line-height: 27px;
  margin-bottom: 50px;
}

#places .restaurants .restaurant h3 {
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
  color: #bed000;
  margin: 0;
  font-size: 16px;
}

#places .restaurants .restaurant .details span {
  margin-right: 50px;
}

#places .restaurants .restaurant .hours span {
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
}

@media (max-width: 960px) {
  #places .title {
    color: white;
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 25px;
  }
  #places .title h2 {
    margin-top: 0;
  }
  #places .map {
    height: 450px;
  }
  #places .restaurants {
    padding: 25px;
    padding-bottom: 10px;
  }
  #places .restaurants .restaurant {
    margin-bottom: 50px;
  }
}

#mediation {
  max-width: 1000px;
  padding: 40px;
  margin: auto;
}

#mediation h1 {
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
  font-weight: normal;
  font-size: 30px;
  margin-top: 0px;
  letter-spacing: 0.4px;
}

#mediation p {
  font-size: 16px;
  letter-spacing: 0.2px;
}

#mediation p a {
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
  text-decoration: none;
  color: #bed000;
}

@media (max-width: 960px) {
  #mediation {
    padding: 30px;
  }
}

#post .image-container {
  background-size: cover;
  background-position: center center;
}

#post .post-content {
  padding: 50px 40px;
}

#post .post-content h3 {
  font-size: 16px;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.8px;
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
  font-weight: normal;
  margin-bottom: 7px;
  color: #bed000;
}

#post .post-content h2 {
  font-size: 28px;
  margin: 0;
  line-height: 36px;
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
  font-weight: normal;
}

#post .post-content p {
  font-size: 14px;
  letter-spacing: 0.8px;
  line-height: 22px;
}

#post .links {
  padding: 40px 60px;
}

#post .links label {
  display: block;
  color: #979797;
  margin-bottom: 20px;
  font-size: 20px;
}

#post .links .articles {
  padding-right: 10px;
}

#post .links .articles .article h3 {
  font-size: 12px;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.8px;
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
  font-weight: normal;
  margin-bottom: 6px;
  color: #bed000;
}

#post .links .articles .article h2 {
  font-size: 20px;
  margin: 0;
  line-height: 26px;
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
  font-weight: normal;
  max-width: 80%;
}

#post .links .categories .category {
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
  font-size: 20px;
  color: #bed000;
  line-height: 36px;
}

#post hr {
  display: none;
}

@media (max-width: 960px) {
  #post .image-container {
    height: 220px;
    max-width: 100%;
  }
  #post .post-content {
    max-width: 100%;
    padding: 25px;
  }
  #post .post-content hr {
    margin-top: 60px;
  }
  #post .links {
    padding: 25px;
  }
  #post .links>div {
    max-width: 100%;
  }
  #post .links .articles>div>div {
    max-width: 100%;
    margin-bottom: 28px;
  }
  #post .links hr {
    margin-bottom: 30px;
  }
  #post hr {
    display: block;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    width: 100%;
  }
}

.block.featured {
  background-color: #2d2828;
  position: relative;
  z-index: 1;
}

.block.featured::after {
  content: "";
  background-image: url("https://static.innovorder.fr/images/placeholder.png");
  background-size: cover;
  opacity: 0.15;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;
}

.block.featured .content {
  padding: 200px 0 180px 0;
  text-align: center;
}

.block.featured .content h2 {
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
  color: #bed000;
  text-transform: uppercase;
  font-size: 26px;
  letter-spacing: 0.8px;
  margin: 0;
  margin-bottom: 12px;
}

.block.featured .content p {
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 1.2px;
  max-width: 700px;
  color: white;
  margin: auto;
  margin-bottom: 26px;
}

.block.featured .content button {
  width: 200px;
  height: 40px;
  background-color: #bed000;
  border-radius: 8px;
  border: none;
  color: white;
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
  font-size: 16px;
}

@media (max-width: 960px) {
  .block.featured .content {
    padding: 220px 15px 180px 15px;
  }
  .block.featured .content h2 {
    font-size: 20px;
  }
  .block.featured .content p {
    font-size: 15px;
  }
  .block.featured .content button {
    width: 100%;
    height: 60px;
    font-size: 20px;
  }
}


/* ankka */

.block.featured {
  background-color: #2d2828;
  position: relative;
  z-index: 1;
}

.block.featured::after {
  background-image: url("https://static.innovorder.fr/fullsite/images/ankka/inthekitchen.png");
  opacity: 1;
}

.block.featured .content-wrapper {
  background: transparent;
}

.block.featured .content {
  position: relative;
  z-index: 2;
}

footer {
  height: 220px;
  padding: 0 80px;
  position: relative;
}

footer * {
  z-index: 1;
}

footer .logo-container {
  height: 145px;
  margin-right: 90px;
}

footer .logo-container img {
  max-width: 145px;
  max-width: 145px;
}

footer .links ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 280px;
}

footer .links ul li {
  line-height: 30px;
}

footer .links ul li a {
  color: #4c4747;
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
}

footer .order-button {
  width: 180px;
  height: 50px;
  border-radius: 8px;
  border: none;
  background-color: #bed000;
  color: white;
  cursor: pointer;
}

footer .order-button span {
  font-size: 18px;
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
}

@media (max-width: 960px) {
  footer {
    padding: 25px;
  }
  footer .logo-container {
    height: 95px;
    margin-right: 65px;
  }
  footer .logo-container img {
    max-width: 95px;
    max-height: 95px;
  }
  footer .mobile-wrapper {
    width: 100%;
  }
  footer .order-button {
    width: 100%;
    height: 60px;
    margin-top: 20px;
  }
}


/* surcouche ankka */

footer {
  height: 140px;
}

footer::after {
  background-image: url("https://static.innovorder.fr/fullsite/images/ankka/footer-watermark.png");
  opacity: 1;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

footer .logo-container {
  height: 75px;
  margin-right: 90px;
}

footer .logo-container img {
  max-width: 75px;
  max-width: 75px;
}

@media (max-width: 960px) {
  footer {
    height: inherit;
  }
  footer .logo-container {
    height: 53px;
    margin-right: 65px;
  }
  footer .logo-container img {
    max-height: 53px;
  }
}

header {
  padding: 0 60px;
  height: 90px;
  box-shadow: inset 0 -1px 0 0 #eaeaea;
}

header .logo-container {
  height: 70px;
  margin-right: 16px;
  cursor: pointer;
}

header .logo-container img {
  max-width: 70px;
  max-height: 70px;
}

header .links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

header .links ul li {
  height: 90px;
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
}

header .links ul li a {
  line-height: 90px;
  color: #4c4747;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  padding: 0 32px;
  letter-spacing: 0.2px;
  color: #838383;
}

header .links ul li a.active {
  color: #bed000;
}

header .links ul li::after {
  content: '|';
  color: #dbdbdb;
  font-size: 12px;
  height: 20px;
}

header .links ul li:last-of-type::after {
  display: none;
}

header .links ul li:last-of-type a {
  padding-right: 0;
}

header .order-button {
  width: 180px;
  height: 50px;
  border-radius: 8px;
  border: none;
  background-color: #bed000;
  color: white;
  cursor: pointer;
}

header .order-button span {
  font-size: 18px;
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
}

@media (max-width: 960px) {
  header {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 310px;
    background: white;
    padding: 45px 0;
  }
  header .logo-container {
    height: 110px;
    margin: auto;
    margin-bottom: 75px;
  }
  header .logo-container img {
    max-width: 110px;
    max-height: 110px;
  }
  header .links {
    padding: 0 38px;
    width: 100%;
    padding-bottom: 13px;
    border-bottom: 1px solid #e9e9e9;
  }
  header .links ul li {
    height: 47px;
  }
  header .links ul li a {
    line-height: 47px;
    font-size: 14px;
    padding: 0;
  }
  header .links ul li::after {
    display: none;
  }
  header .links .mobile-connect-button {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 11px;
  }
  header .links .mobile-connect-button li {
    height: 100%;
    padding-bottom: 11px;
  }
  header .links .mobile-connect-button li a {
    line-height: 1;
    color: #bed000;
  }
  header .links .mobile-order-button {
    border-top: 1px solid #e9e9e9;
    margin-top: 7px;
  }
  header .links .mobile-order-button li {
    height: 100%;
    padding-top: 16px;
  }
  header .links .mobile-order-button li a {
    line-height: 1;
  }
  header ul.footer {
    list-style: none;
    margin: 0;
    margin-top: 20px;
    padding: 0 38px;
  }
  header ul.footer li a {
    font-family: 'avenirHeavy', 'avenir', sans-serif !important;
    font-weight: 500;
    text-decoration: none;
    color: #979797;
    font-size: 13px;
    line-height: 25px;
    letter-spacing: 1px;
  }
}


/* not really in the right place, but i do not know where to put it */

.non-header-wrapper {
  position: relative;
  transition: left .25s ease-in-out;
  left: 0;
}

.non-header-wrapper.slided {
  left: 310px;
  box-shadow: -4px 0px 45px rgba(75, 69, 69, 0.6);
}

#mobile-menu-trigger {
  position: absolute;
  margin: 12px;
  padding: 12px;
}

#mobile-menu-trigger i {
  font-size: 27px;
  color: black;
  margin: 0;
}


/* ankka */

header .logo-container {
  height: 47px;
}

header .logo-container img {
  max-height: 47px;
}

.block.hero {
  background-image: url("https://static.innovorder.fr/images/hero-bg-cropped.jpg");
  color: white;
  text-align: center;
}

.block.hero .content-wrapper {
  background: rgba(75, 69, 69, 0.6);
}

.block.hero .content {
  padding: 130px 0 170px 0;
}

.block.hero .content .logo-container {
  height: 180px;
  margin-bottom: 20px;
}

.block.hero .content .logo-container img {
  max-width: 180px;
  max-height: 180px;
}

.block.hero .content h2 {
  font-size: 20px;
  margin-bottom: 27px;
  margin-top: 0px;
  line-height: 27px;
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
}

.block.hero .content button {
  background-color: #bed000;
  border: none;
  width: 260px;
  height: 40px;
  border-radius: 8px;
}

.block.hero .content button span {
  font-size: 16px;
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
  color: white;
}

@media (max-width: 960px) {
  .block.hero .content {
    padding: 125px 25px 70px 25px;
  }
  .block.hero .content .logo-container {
    height: 222px;
    margin-bottom: 25px;
  }
  .block.hero .content .logo-container img {
    max-height: 222px;
    min-width: 222px;
  }
  .block.hero .content h2 {
    font-size: 21px;
    margin: auto;
    max-width: 275px;
    margin-bottom: 75px;
  }
  .block.hero .content .button-container {
    padding: 0 25px;
  }
  .block.hero .content button {
    width: 100%;
    height: 60px;
  }
  .block.hero .content button span {
    font-size: 20px;
  }
}


/* ankka */

.block.hero {
  background-image: url("https://static.innovorder.fr/fullsite/images/ankka/salade-ankka.jpg");
}

.block.hero .content-wrapper {
  background: transparent;
}

.block.hero .content {
  padding: 100px 0 320px 0;
}

.block.hero .content .logo-container {
  height: 140px;
  margin-bottom: 20px;
}

.block.hero .content .logo-container img {
  max-height: 140px;
}

.block.hero .content h2 {
  color: #4c4747;
  font-weight: 600;
}

.post {
  width: 250px;
  min-width: 250px;
  max-width: 250px;
  height: 620px;
  background: white;
  border-radius: 8px;
  overflow: hidden;
  margin: 12px;
  transition: box-shadow .125s linear;
  cursor: pointer;
}

.post .image-container {
  height: 200px;
  border-bottom: 1px solid #e9e9e9;
  background-color: #3c3c3c;
  background-image: url("https://static.innovorder.fr/images/placeholder.png");
  background-size: cover;
}

.post .image-container img {
  /*width: 100%;*/
  /*height: 200px; */
}

.post .content {
  padding: 30px;
}

.post .content h3 {
  margin: 0;
  font-size: 12px;
  text-transform: uppercase;
}

.post .content h2 {
  margin: 10px 0;
  font-size: 20px;
  line-height: 26px;
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
}

.post .content p {
  margin: 0;
  font-size: 14px;
  letter-spacing: 0.4px;
  line-height: 22px;
}

.post:hover {
  box-shadow: 0px 0px 10px rgba(75, 69, 69, 0.4);
}

@media (max-width: 960px) {
  .post {
    width: 100%;
    margin: 25px;
    min-width: 0%;
    max-width: 100%;
    box-shadow: 0px 0px 10px rgba(75, 69, 69, 0.4);
    height: initial;
  }
}

.slider {
  background: white;
}

.slider .carousel {
  /* page dots */
  /* buttons */
  /* arrow color */
  /* hide disabled button */
}

.slider .carousel .carousel-cell {
  width: 100%;
  height: 540px;
}

.slider .carousel .carousel-cell>div .image-container {
  min-width: 50%;
  max-width: 50%;
  height: 540px;
  background-position: right center;
  background-size: cover;
  margin-right: 25px;
}

.slider .carousel .carousel-cell>div .content {
  max-width: 85%;
}

.slider .carousel .carousel-cell>div .content h3 {
  text-transform: uppercase;
  font-size: 20px;
  margin: 0;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.slider .carousel .carousel-cell>div .content h2 {
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
  font-size: 26px;
  color: #bed000;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.8px;
}

.slider .carousel .carousel-cell>div .content p {
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.8px;
  margin: 3px 0 10px 0;
}

.slider .carousel .carousel-cell>div button {
  width: 130px;
  height: 40px;
  border-radius: 8px;
  background: #bed000;
  border: none;
}

.slider .carousel .carousel-cell>div button span {
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
  font-size: 16px;
  color: white;
}

.slider .carousel .flickity-page-dots {
  bottom: 30px;
}

.slider .carousel .flickity-page-dots .dot {
  width: 15px;
  height: 15px;
  opacity: 1;
  background: #e9e9e9;
  transition: background .08s linear;
}

.slider .carousel .flickity-page-dots .dot.is-selected {
  background: #838383;
}

.slider .carousel .flickity-prev-next-button {
  width: 60px;
  height: 60px;
  background: transparent;
}

.slider .carousel .flickity-prev-next-button:hover {
  background: transparent;
}

.slider .carousel .flickity-prev-next-button .arrow {
  fill: #979797;
}

.slider .carousel .flickity-prev-next-button.no-svg {
  color: #979797;
}

@media (max-width: 960px) {
  .slider .carousel {
    /* page dots */
  }
  .slider .carousel .carousel-cell {
    width: 100%;
    height: 600px;
  }
  .slider .carousel .carousel-cell>div .image-container {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 300px;
    margin-right: 0px;
    background-position: center bottom;
    background-size: cover;
  }
  .slider .carousel .carousel-cell>div .content {
    height: 130px;
    padding: 25px;
    max-width: 100%;
  }
  .slider .carousel .carousel-cell>div .content h3 {
    font-size: 15px;
    margin: 0;
    margin-bottom: 5px;
    letter-spacing: 0.8px;
  }
  .slider .carousel .carousel-cell>div .content h2 {
    font-family: 'avenirHeavy', 'avenir', sans-serif !important;
    font-weight: 500;
    font-size: 20px;
    color: #bed000;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 0.8px;
  }
  .slider .carousel .carousel-cell>div .content p {
    font-size: 15px;
    line-height: 21.5px;
    letter-spacing: 0.8px;
    margin: 3px 0 0px 0;
    height: 63px;
    overflow: hidden;
  }
  .slider .carousel .carousel-cell>div .button-container {
    padding: 0 25px;
  }
  .slider .carousel .carousel-cell>div .button-container button {
    width: 100%;
    height: 60px;
    border-radius: 8px;
    background: #bed000;
    border: none;
  }
  .slider .carousel .carousel-cell>div .button-container button span {
    font-family: 'avenirHeavy', 'avenir', sans-serif !important;
    font-weight: 500;
    font-size: 16px;
    color: white;
  }
  .slider .carousel .flickity-prev-next-button {
    display: none;
  }
  .slider .carousel .flickity-page-dots {
    bottom: 27.5px;
  }
  .slider .carousel .flickity-page-dots .dot {
    width: 10px;
    height: 10px;
    opacity: 1;
    background: #e9e9e9;
  }
  .slider .carousel .flickity-page-dots .dot.is-selected {
    background: #838383;
  }
}


/* ankka */

.slider .carousel .carousel-cell>div .content h3 {
  font-family: avenir, 'avenirBook', sans-serif !important;
  font-weight: lighter !important;
}

.slider .carousel .carousel-cell>div .content p {
  margin: 5px 0 15px 0;
}

.block.social {
  text-align: center;
  background-image: url("https://static.innovorder.fr/images/social-networks-bg.jpg");
  color: white;
}

.block.social .content-wrapper {
  background: rgba(75, 69, 69, 0.6);
}

.block.social .content {
  padding: 100px 0;
}

.block.social p {
  text-transform: uppercase;
  line-height: 40px;
  letter-spacing: 3.2px;
  font-size: 16px;
  margin: 0;
  margin-bottom: 5px;
}

.block.social .social-links {
  font-size: 40px;
}

.block.social .social-links a {
  color: white;
  text-decoration: none;
}

@media (max-width: 960px) {
  .block.social .content {
    padding: 70px 0;
  }
  .block.social p {
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 20px;
    letter-spacing: 3px;
  }
  .block.social .social-links {
    font-size: 33px;
  }
}


/* ankka */

.block.social {
  background-image: url("https://static.innovorder.fr/fullsite/images/ankka/dark-bg.png");
}

.block.social .content-wrapper {
  background: transparent;
}

.story {
  overflow: hidden;
  width: 1080px;
  height: 330px;
  margin-bottom: 30px;
  background: white;
  border-radius: 8px;
}

.story .content {
  min-height: 100%;
}

.story .content .image-container {
  background-size: cover;
  background-position: right center;
  min-width: 50%;
  width: 50%;
  max-width: 50%;
  background-image: url("https://static.innovorder.fr/images/placeholder.png");
  background-size: cover;
}

.story .content .text-container {
  padding: 30px;
  text-align: center;
}

.story .content .text-container h3 {
  margin: 0;
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 1px;
  font-family: avenir, 'avenirBook', sans-serif !important;
  font-weight: lighter !important;
}

.story .content .text-container h2 {
  color: #bed000;
  margin: 0;
  font-size: 26px;
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
  margin-bottom: 15px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.story .content .text-container p {
  font-size: 16px;
  line-height: 23px;
}

@media (max-width: 960px) {
  .story-wrapper {
    padding: 25px;
    padding-top: 0;
  }
  .story-wrapper .story {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
    height: initial;
    width: 100%;
    margin-bottom: 0;
  }
  .story-wrapper .story .content .image-container {
    min-height: 170px;
    height: 170px;
    max-height: 170px;
    min-width: 100%;
    width: 100%;
    max-width: 100%;
  }
  .story-wrapper .story .content .text-container {
    padding: 30px;
    text-align: center;
  }
  .story-wrapper .story .content .text-container h3 {
    font-size: 15px;
  }
  .story-wrapper .story .content .text-container h2 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .story-wrapper .story .content .text-container p {
    font-size: 15px;
    margin: 0;
  }
}


/* ankka */

.story .content .image-container {
  border-radius: 8px 0 0 8px;
  background-image: url("https://static.innovorder.fr/fullsite/images/ankka/bright-bg.png");
}

.block.title {
  background-image: url("https://static.innovorder.fr/images/title-2-bg.jpg");
  color: white;
  text-align: center;
}

.block.title .content-wrapper {
  background: rgba(75, 69, 69, 0.6);
}

.block.title .content {
  padding: 110px 0;
}

.block.title .content h1 {
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
  font-size: 40px;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.2px;
}

@media (max-width: 960px) {
  .block.title .content {
    padding: 70px 0;
  }
  .block.title .content h1 {
    font-size: 20px;
  }
}

#restaurants-list-head {
  text-align: center;
  margin-top: 35px;
}

#restaurants-list-main-action-container {
  text-decoration: none;
}

#restaurants-list-main-action {
  cursor: pointer;
  height: 60px;
  width: 300px;
  display: block;
  margin: auto;
  border-radius: 8px;
  background-color: #bed000;
  font-size: 21px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  border: none;
  margin-top: 50px;
  margin-bottom: 50px;
}

#restaurants-list-head h2 {
  font-size: 20px;
  margin: 0;
}

#restaurants-list-head p {
  font-size: 14px;
  margin: 0;
}

#restaurants-list-head input {
  margin-top: 18px;
  height: 34px;
  width: 145px;
  padding: 0 18px;
  font-size: 14px;
  font-family: avenir;
  font-weight: bold;
  border-radius: 34px;
  background-color: #ffffff;
  border: solid 1px #dcdcdc;
}

#restaurants-list {
  max-width: 800px;
  margin: auto;
  padding: 25px 0;
}

#restaurants-list a {
  color: inherit;
  text-decoration: none;
}

#restaurants-list .restaurant {
  width: 380px;
  height: 256px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.14);
  border: solid 1px #e7e7e7;
  background-image: url("../img/ankka_toiture.png");
  background-size: 170px;
  background-repeat: no-repeat;
  background-position: 30px 17px;
  margin: 8.5px;
  cursor: pointer;
  transition: background-color linear .125s;
}

#restaurants-list .restaurant:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

#restaurants-list .restaurant .content {
  margin-top: 52px;
  margin-left: 90px;
  padding-right: 15px;
}

#restaurants-list .restaurant .actions {
  margin-top: 10px;
  padding: 0 30px;
  margin-bottom: 15px;
}

#restaurants-list .restaurant .actions button {
  height: 30px;
  width: 100%;
  border-radius: 8px;
  background-color: #bed000;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  border: none;
}


#restaurants-list .restaurant .actions[layout] a:nth-child(1) button  {
  margin-right: 5px;
}

#restaurants-list .restaurant .actions[layout] a:nth-child(2) button  {
  margin-left: 5px;
}

#restaurants-list .restaurant .actions a button.dark  {
  background-color: #3b3a3a;
}

#restaurants-list .restaurant .content h3 {
  font-size: 20px;
  margin: 0;
}

#restaurants-list .restaurant .content .address,
#restaurants-list .restaurant .content .mode,
#restaurants-list .restaurant .content .hours {
  font-size: 14px;
  margin: 0;
  line-height: 22px;
}

#restaurants-list .restaurant .content .address i,
#restaurants-list .restaurant .content .mode i,
#restaurants-list .restaurant .content .hours i {
  width: initial;
  margin-left: 0;
}

#restaurants-list .restaurant .content .hours {
  font-weight: bold;
}

.g-recaptcha {
  width: 260px;
  background-color: #bed000;
  font-family: 'avenirHeavy', 'avenir', sans-serif !important;
  font-weight: 500;
  height: 40px;
  color: white;
  border-radius: 10px;
  font-size: 16px;
  border: none;
  margin-bottom: 20px;
}