/************************************************************************
*                             MODULES                                   *
* Reserved for Sass code that doesn't cause Sass to actually output CSS *
*                 Varibles, mixins declarations...                      *
************************************************************************/
/*************************
 *          Path         *
 *************************/
/*************************
 *     Media queries     *
 *************************/
/*************************
*          Images        *
 *************************/
/*************************
*           Font         *
 *************************/
@import url("https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,200,300,300italic,400italic,500,500italic,600,700,700italic,800,900,900italic");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin-ext");
@font-face {
  font-family: "Agencyr";
  src: url("/fonts/agencyr.ttf") format("truetype");
}
@font-face {
  font-family: "Arista";
  src: url("/fonts/Arista.ttf") format("truetype");
}
@font-face {
  font-family: "BernardMt";
  src: url("/fonts/bernardMtCondensed.ttf") format("truetype");
}
@font-face {
  font-family: "ClaireHand";
  src: url("/fonts/ClaireHandRegular.ttf") format("truetype");
}
@font-face {
  font-family: "Blackjar";
  src: url("/fonts/blackjar.ttf") format("truetype");
}
@font-face {
  font-family: "EuroStyle";
  src: url("/fonts/EuroStyle.ttf") format("truetype");
}
@font-face {
  font-family: "FinelinerScript";
  src: url("/fonts/FinelinerScript.otf") format("opentype");
}
@font-face {
  font-family: "GrandHotel";
  src: url("/fonts/GrandHotel-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Plane";
  src: url("/fonts/plane.ttf") format("truetype");
}
@font-face {
  font-family: "DecathlonCube";
  src: url("/fonts/DecathlonCube.eot");
  src: url("/fonts/DecathlonCube.eot?#iefix") format("eot"), url("/fonts/DecathlonCube.woff") format("woff"), url("../fonts/DecathlonCube.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*************************
*           shadows         *
 *************************/
/*************************
*          Colors        *
 *************************/
/*************************
*         Length         *
**************************/
/*************************
 *       Bootstrap       *
 *************************/
/***********************
 * Media queries *
 ***********************/
/********************
 * transition *
 *******************/
/************************************************************************
*                              PARTIAL                                  *
*               Where the meat of my CSS is constructed                 *
************************************************************************/
/* line 1, ../../front/main/css/_main.scss */
.page-header {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  height: 180px;
  background-image: url(/img/background/bg_2018.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  /* line 1, ../../front/main/css/_main.scss */
  .page-header {
    background-image: none;
    background-color: #00cdea;
    font-size: 35px;
    padding: 15px 3px;
    height: inherit;
  }
}
/* line 29, ../../front/main/css/_main.scss */
.page-header .image-header {
  display: none;
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  /* line 29, ../../front/main/css/_main.scss */
  .page-header .image-header {
    margin-top: 0;
  }
}
/* line 38, ../../front/main/css/_main.scss */
.page-header .header-title {
  display: block;
  color: white;
  margin-top: 80px;
  font-size: 35px;
  text-transform: uppercase;
  font-weight: bolder;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 38, ../../front/main/css/_main.scss */
  .page-header .header-title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 38, ../../front/main/css/_main.scss */
  .page-header .header-title {
    font-size: 25px;
    margin-top: -25px;
  }
}
/* line 56, ../../front/main/css/_main.scss */
.page-header .header-sub-title {
  display: block;
  color: wite;
  font-size: 20px;
  color: white;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 56, ../../front/main/css/_main.scss */
  .page-header .header-sub-title {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 56, ../../front/main/css/_main.scss */
  .page-header .header-sub-title {
    font-size: 15px;
  }
}

/* line 73, ../../front/main/css/_main.scss */
.cookie-notify {
  bottom: 0;
  width: 100%;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.75);
  display: block;
  padding: 10px 0 5px;
  color: #FCFAFA;
  z-index: 1000;
  position: fixed;
}
/* line 85, ../../front/main/css/_main.scss */
.cookie-notify span {
  float: left;
  width: 95%;
}
/* line 90, ../../front/main/css/_main.scss */
.cookie-notify .wrapper {
  position: relative;
  margin: 0 15px;
}
/* line 95, ../../front/main/css/_main.scss */
.cookie-notify .close-notice {
  color: #444444;
  float: right;
  cursor: pointer;
  padding: 2px;
  top: -3px;
  position: relative;
}

/* line 106, ../../front/main/css/_main.scss */
.maintenant-bg {
  position: relative;
  background: url("/img/page-maintenance.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* line 115, ../../front/main/css/_main.scss */
.maintenance-message {
  text-align: center;
  margin-top: 100px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-size: 35px;
}

/* line 124, ../../front/main/css/_main.scss */
.maintenance-description {
  background: rgba(255, 255, 255, 0.7);
  text-align: center;
  margin-top: 25px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

/* line 133, ../../front/main/css/_main.scss */
.maintenance-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
/* line 139, ../../front/main/css/_main.scss */
.maintenance-footer .footer {
  color: #eee;
}
/* line 142, ../../front/main/css/_main.scss */
.maintenance-footer .footer a {
  color: #eee;
}
/* line 145, ../../front/main/css/_main.scss */
.maintenance-footer .footer a:hover {
  color: #ccc;
}

/* utils */
/* line 154, ../../front/main/css/_main.scss */
.no-padding {
  padding: 0 !important;
}

/* line 158, ../../front/main/css/_main.scss */
.no-margin {
  margin: 0 !important;
}

/* line 162, ../../front/main/css/_main.scss */
.img-responsive {
  display: none;
  width: 100%;
}

@media only screen and (min-width: 993px) {
  /* line 167, ../../front/main/css/_main.scss */
  .img-responsive--md {
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 172, ../../front/main/css/_main.scss */
  .img-responsive--sm {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  /* line 177, ../../front/main/css/_main.scss */
  .img-responsive--xs {
    display: block;
  }
}
/* line 1, ../../front/home/css/_home.scss */
.home-header-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 0;
  background-image: url("/img/background/1920/bg_1_1920x680.jpg");
  background-repeat: no-repeat;
  background-position: bottom center;
}
@media only screen and (min-width: 1389px) {
  /* line 1, ../../front/home/css/_home.scss */
  .home-header-background {
    height: 600px;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1388px) {
  /* line 1, ../../front/home/css/_home.scss */
  .home-header-background {
    height: 570px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 1, ../../front/home/css/_home.scss */
  .home-header-background {
    height: 620px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 1, ../../front/home/css/_home.scss */
  .home-header-background {
    display: none;
  }
}

/* line 34, ../../front/home/css/_home.scss */
.home-header {
  background-image: url("/img/background/1920/bg_1_1920x680.jpg");
  background-repeat: no-repeat;
  background-position: bottom center;
}
@media only screen and (min-width: 993px) {
  /* line 34, ../../front/home/css/_home.scss */
  .home-header {
    background: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 34, ../../front/home/css/_home.scss */
  .home-header {
    background-image: url("/img/background/768/1.jpg");
  }
}
@media only screen and (max-width: 767px) {
  /* line 34, ../../front/home/css/_home.scss */
  .home-header {
    background-image: url("/img/background/768/1.jpg");
    background-position: bottom right;
  }
}
@media only screen and (min-width: 1389px) {
  /* line 34, ../../front/home/css/_home.scss */
  .home-header {
    height: 489px;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1388px) {
  /* line 34, ../../front/home/css/_home.scss */
  .home-header {
    height: 459px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 34, ../../front/home/css/_home.scss */
  .home-header {
    height: 549px;
  }
}
/* line 70, ../../front/home/css/_home.scss */
.home-header .title {
  width: 100%;
  font-size: 30px;
  line-height: 50px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  padding: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 70, ../../front/home/css/_home.scss */
  .home-header .title {
    padding: 10px 30px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 70, ../../front/home/css/_home.scss */
  .home-header .title {
    font-size: 20px;
    line-height: 35px;
  }
}
/* line 89, ../../front/home/css/_home.scss */
.home-header .title img {
  margin-top: -5px;
}
/* line 94, ../../front/home/css/_home.scss */
.home-header .cards {
  text-align: center;
}
/* line 97, ../../front/home/css/_home.scss */
.home-header .cards img {
  max-height: 224px;
  max-width: 100%;
  width: auto;
  margin: auto;
}
/* line 105, ../../front/home/css/_home.scss */
.home-header .offer-button {
  text-align: center;
}
/* line 109, ../../front/home/css/_home.scss */
.home-header .info-link {
  text-align: center;
  margin-bottom: 5px;
}
/* line 113, ../../front/home/css/_home.scss */
.home-header .info-link a {
  text-decoration: none;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
}
/* line 119, ../../front/home/css/_home.scss */
.home-header .info-link a:hover {
  color: #000000;
}
/* line 125, ../../front/home/css/_home.scss */
.home-header .chevron-bottom {
  text-align: center;
  margin: 20px 0 30px 0;
}

/* line 132, ../../front/home/css/_home.scss */
.card-info-container {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  /* line 132, ../../front/home/css/_home.scss */
  .card-info-container {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
/* line 141, ../../front/home/css/_home.scss */
.card-info-container .cards-info {
  margin: auto;
  padding: 15px 15px 0 15px;
  position: relative;
  height: 100%;
}
/* line 147, ../../front/home/css/_home.scss */
.card-info-container .cards-info .icon {
  position: absolute;
  top: 40%;
  height: 22px;
}
/* line 152, ../../front/home/css/_home.scss */
.card-info-container .cards-info .icon img {
  height: 100%;
}
/* line 157, ../../front/home/css/_home.scss */
.card-info-container .cards-info .cards-info-content {
  margin-left: 30px;
  padding: 0 0 0 5px;
  border-left: 1px solid white;
  color: white;
  font-size: 14px;
}
@media only screen and (min-width: 1389px) {
  /* line 157, ../../front/home/css/_home.scss */
  .card-info-container .cards-info .cards-info-content {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 157, ../../front/home/css/_home.scss */
  .card-info-container .cards-info .cards-info-content {
    padding: 0;
    border: none;
    width: 100%;
    margin-left: 0;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

/* line 182, ../../front/home/css/_home.scss */
.how-to {
  margin-top: 30px;
  padding-bottom: 20px;
  width: 100%;
  text-align: center;
}
/* line 188, ../../front/home/css/_home.scss */
.how-to .title {
  margin-bottom: 30px;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 44px;
  font-weight: bold;
  color: black;
}
/* line 197, ../../front/home/css/_home.scss */
.how-to .way {
  text-align: center;
  font-size: 16px;
}
/* line 201, ../../front/home/css/_home.scss */
.how-to .way .way-title {
  margin-top: 10px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
}
/* line 208, ../../front/home/css/_home.scss */
.how-to .way .way-img {
  margin-left: -20px;
}
/* line 213, ../../front/home/css/_home.scss */
.how-to .how-to-button {
  margin-top: 20px;
  text-align: center;
}
/* line 218, ../../front/home/css/_home.scss */
.how-to .arrow-separator {
  margin-top: 30px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  /* line 218, ../../front/home/css/_home.scss */
  .how-to .arrow-separator {
    margin-top: 10px;
    margin-bottom: 10px;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

/* line 231, ../../front/home/css/_home.scss */
.beneficiary {
  background-image: url("/img/background/1920/bg_3_1920x710.jpg");
  background-repeat: no-repeat;
  background-position: bottom center;
  margin-top: 20px;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 231, ../../front/home/css/_home.scss */
  .beneficiary {
    background-image: url("/img/background/768/3.jpg");
  }
}
@media only screen and (max-width: 767px) {
  /* line 231, ../../front/home/css/_home.scss */
  .beneficiary {
    background-image: url("/img/background/768/3.jpg");
  }
}
/* line 249, ../../front/home/css/_home.scss */
.beneficiary .about-logo {
  margin: 40px 0 60px 0;
}
@media only screen and (max-width: 992px) {
  /* line 249, ../../front/home/css/_home.scss */
  .beneficiary .about-logo {
    margin: 18px 0 60px 0;
  }
}
@media only screen and (max-width: 767px) {
  /* line 249, ../../front/home/css/_home.scss */
  .beneficiary .about-logo {
    margin: 18px 0 40px 0;
  }
}
/* line 261, ../../front/home/css/_home.scss */
.beneficiary .about-title {
  color: white;
  font-size: 46px;
  line-height: 44px;
  font-weight: bold;
  padding: 10px 0 20px 0;
}
@media only screen and (max-width: 767px) {
  /* line 261, ../../front/home/css/_home.scss */
  .beneficiary .about-title {
    font-size: 26px;
    line-height: 35px;
  }
}
/* line 273, ../../front/home/css/_home.scss */
.beneficiary .about-title span {
  text-transform: uppercase;
  font-size: 46px;
  line-height: auto;
  display: block;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  /* line 273, ../../front/home/css/_home.scss */
  .beneficiary .about-title span {
    font-size: 31px;
  }
}
/* line 285, ../../front/home/css/_home.scss */
.beneficiary .about-title .about-sub-title {
  font-size: 15px;
}
@media only screen and (max-width: 767px) {
  /* line 285, ../../front/home/css/_home.scss */
  .beneficiary .about-title .about-sub-title {
    line-height: 15px;
  }
}
/* line 294, ../../front/home/css/_home.scss */
.beneficiary .about-button {
  margin-top: 20px;
  text-align: center;
}

/* line 302, ../../front/home/css/_home.scss */
.beneficiary {
  margin-top: 0;
}
/* line 305, ../../front/home/css/_home.scss */
.beneficiary .about-button {
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  /* line 310, ../../front/home/css/_home.scss */
  .beneficiary .btn-grey {
    width: 100%;
  }
}

/* line 319, ../../front/home/css/_home.scss */
.back-to-top {
  text-align: center;
  margin-top: 40px;
}

@media only screen and (max-width: 767px) {
  /* line 325, ../../front/home/css/_home.scss */
  .gift-card, .how-to, .beneficiary {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* line 333, ../../front/home/css/_home.scss */
#custom-block {
  margin-top: 15px;
}
@media only screen and (min-width: 767px) {
  /* line 336, ../../front/home/css/_home.scss */
  #custom-block .custom-block:first-child {
    padding-left: 0px;
  }
  /* line 339, ../../front/home/css/_home.scss */
  #custom-block .custom-block:last-child {
    padding-right: 0px;
  }
  /* line 343, ../../front/home/css/_home.scss */
  #custom-block .custom-block:not(:first-child):not(:last-child) {
    padding-right: 7.5px;
    padding-left: 7.5px;
  }
}
/* line 348, ../../front/home/css/_home.scss */
#custom-block .custom-block {
  margin-bottom: 15px;
}
/* line 350, ../../front/home/css/_home.scss */
#custom-block .custom-block img {
  width: 100%;
}

/* line 5, ../../front/gift_card/css/gift_card.scss */
.card-design-pictures {
  height: 100%;
  padding: 5px;
  display: inline-block;
}
/* line 10, ../../front/gift_card/css/gift_card.scss */
.card-design-pictures img {
  float: left;
  background-color: #ffffff;
  border-radius: 10px;
  height: 50px;
  margin: auto;
  padding: 5px;
}

/* line 21, ../../front/gift_card/css/gift_card.scss */
.section-number {
  border-radius: 20px;
  width: 35px;
  text-align: center;
}
/* line 27, ../../front/gift_card/css/gift_card.scss */
.section-number::after {
  content: none !important;
}

/* line 37, ../../front/gift_card/css/gift_card.scss */
.gift-cards .template-link {
  margin-top: 20px;
  border-radius: 10px;
}
/* line 41, ../../front/gift_card/css/gift_card.scss */
.gift-cards .template-link .template-link-content {
  background-image: url(/img/order/perso-light.png);
  background-repeat: no-repeat;
  background-position: top center;
  color: #f89214;
  text-align: center;
  font-size: 18px;
  margin-top: 30px;
  border-radius: 10px;
  padding: 10px;
  border: 2px solid #f89214;
}
/* line 53, ../../front/gift_card/css/gift_card.scss */
.gift-cards .template-link .template-link-content .bold {
  font-weight: bold;
  color: #000000;
}
/* line 58, ../../front/gift_card/css/gift_card.scss */
.gift-cards .template-link .template-link-content img {
  margin: 20px auto;
  display: block;
  height: 30px;
}
/* line 67, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design {
  margin-top: 20px;
  border-radius: 10px;
  background: #f89214;
}
/* line 74, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .designer-title {
  background-image: url(/img/order/perso.png);
  background-repeat: no-repeat;
  background-position: top center;
  color: #ffffff;
  text-align: center;
  font-size: 18px;
  margin-top: 30px;
  border-radius: 10px;
}
/* line 84, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .designer-title .design-link {
  padding: 10px;
}
/* line 87, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .designer-title .design-link .bold {
  font-weight: bold;
}
/* line 91, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .designer-title .design-link img {
  margin: 20px auto;
  display: block;
  height: 30px;
}
/* line 99, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .designer-upload {
  margin-top: 15px;
  text-align: center;
  font-size: 15px;
}
/* line 104, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .designer-upload .upload-row, .gift-cards .card-design .card-designer .designer-upload .color-picker-row {
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 104, ../../front/gift_card/css/gift_card.scss */
  .gift-cards .card-design .card-designer .designer-upload .upload-row, .gift-cards .card-design .card-designer .designer-upload .color-picker-row {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  /* line 104, ../../front/gift_card/css/gift_card.scss */
  .gift-cards .card-design .card-designer .designer-upload .upload-row, .gift-cards .card-design .card-designer .designer-upload .color-picker-row {
    display: block;
  }
}
/* line 116, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .designer-upload .glyphicon {
  font-size: 20px;
}
/* line 119, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .designer-upload .glyphicon:hover {
  color: #e6e6e6;
}
/* line 125, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .designer {
  padding: 0 20px 20px 20px;
}
/* line 128, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .designer .orientation {
  font-size: 17px;
  text-align: center;
  color: #e6e6e6;
}
/* line 133, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .designer .orientation .glyphicon {
  padding-top: 20px;
  display: block;
  font-size: 50px;
  color: #e6e6e6;
}
/* line 140, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .designer .orientation .selected {
  background-color: #e6e6e6;
  color: #444444;
  border-radius: 10px;
  width: auto;
}
/* line 146, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .designer .orientation .selected .glyphicon {
  color: #444444;
}
/* line 152, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .designer .white-board, .gift-cards .card-design .card-designer .designer .white-board2 {
  width: 100%;
  border-radius: 20px;
  background-color: white;
}
/* line 157, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .designer .white-board #gift-card-designer, .gift-cards .card-design .card-designer .designer .white-board2 #gift-card-designer {
  width: 100%;
  border-radius: 20px;
}
/* line 162, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .designer .white-board .img-loader, .gift-cards .card-design .card-designer .designer .white-board2 .img-loader {
  text-align: center;
  position: relative;
  z-index: 100000;
}
/* line 169, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .designer .optimise {
  text-align: center;
}
/* line 172, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .designer .optimise .opt-title {
  font-size: 15px;
  text-transform: uppercase;
  padding-bottom: 30px;
}
/* line 178, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .designer .optimise .opt-item {
  text-align: left;
  padding-left: 5%;
  padding-bottom: 40px;
  margin-top: 10px;
  font-size: 15px;
  border-bottom: 1px dotted #000000;
  width: 100%;
  vertical-align: middle;
  height: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 178, ../../front/gift_card/css/gift_card.scss */
  .gift-cards .card-design .card-designer .designer .optimise .opt-item {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  /* line 178, ../../front/gift_card/css/gift_card.scss */
  .gift-cards .card-design .card-designer .designer .optimise .opt-item {
    text-align: center;
  }
}
/* line 197, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .designer .optimise .opt-item .opt-item-img {
  width: 35px;
  height: 35px;
  background-color: #f89214;
  border: 1px solid #444444;
  border-radius: 50%;
  padding: 6px;
  display: inline-block;
  margin-bottom: 10px;
}
/* line 207, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .designer .optimise .opt-item .opt-item-img:hover, .gift-cards .card-design .card-designer .designer .optimise .opt-item .opt-item-img.selected {
  background-color: #ffffff;
}
/* line 211, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .designer .optimise .opt-item .opt-item-img img {
  width: 20px;
  height: 20px;
}
/* line 222, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .card-message .nav-tabs {
  margin-top: 20px;
  border-bottom-color: #b36d0b;
}
/* line 226, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .card-message .nav-tabs .active a {
  background-color: #f5ab40;
  color: #444444;
}
/* line 231, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .card-message .nav-tabs li a {
  color: #b36d0b;
  font-size: 15px;
  font-weight: bold;
  border-color: #b36d0b;
  border-bottom-color: transparent;
}
/* line 238, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .card-message .nav-tabs li a:hover {
  background-color: #f5ab40;
  color: #444444;
}
/* line 245, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .card-message .tab-pane {
  background-color: #f5ab40;
  padding: 10px;
  border-left: 1px solid #b36d0b;
  border-bottom: 1px solid #b36d0b;
  border-right: 1px solid #b36d0b;
}
/* line 247, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .card-message .tab-pane .card-design-tab {
  position: relative;
}
/* line 256, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .card-message .tab-pane .text-card {
  padding-left: 15px;
  padding-right: 15px;
}
/* line 263, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .card-message .tab-pane .card-design-nav {
  height: 100%;
  width: 100px;
  background-color: #f5ab40;
}
/* line 268, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .card-message .tab-pane .card-design-nav .left-arrow, .gift-cards .card-design .card-designer .card-message .tab-pane .card-design-nav .right-arrow {
  background-color: #f5ab40;
  height: 80px;
}
/* line 273, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .card-message .tab-pane .card-design-nav.left-arrow {
  position: absolute;
  top: 0;
  left: 5px;
  z-index: 1000;
  padding: 20px;
}
/* line 281, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .card-message .tab-pane .card-design-nav.right-arrow {
  text-align: right;
  position: absolute;
  top: 0;
  right: 5px;
  padding: 20px;
  z-index: 1000;
}
/* line 291, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .card-message .tab-pane .card-design-pictures-container {
  padding-right: 100px;
  padding-left: 100px;
  margin: 0 10px;
  height: 120px;
  overflow: hidden;
}
/* line 298, ../../front/gift_card/css/gift_card.scss */
.gift-cards .card-design .card-designer .card-message .tab-pane .card-design-pictures-container #slider {
  text-align: left;
  position: relative;
  width: 1000000px;
}
/* line 309, ../../front/gift_card/css/gift_card.scss */
.gift-cards .send {
  text-align: center;
}
/* line 312, ../../front/gift_card/css/gift_card.scss */
.gift-cards .send .send-method .top-form {
  margin-top: 30px;
  text-align: center;
}
/* line 316, ../../front/gift_card/css/gift_card.scss */
.gift-cards .send .send-method .top-form img {
  height: 70px;
  margin-bottom: 20px;
}
/* line 321, ../../front/gift_card/css/gift_card.scss */
.gift-cards .send .send-method .top-form input, .gift-cards .send .send-method .top-form .send-text > b, .gift-cards .send .send-method .top-form .send-text {
  margin-bottom: 20px;
  display: block;
  margin: auto;
  font-size: 16px;
}
/* line 329, ../../front/gift_card/css/gift_card.scss */
.gift-cards .send .btn {
  padding: 10px 30px;
}
/* line 335, ../../front/gift_card/css/gift_card.scss */
.gift-cards .state {
  text-align: left;
  font-weight: bold;
  font-size: 18px;
  color: #000000;
  margin-top: 20px;
}
/* line 342, ../../front/gift_card/css/gift_card.scss */
.gift-cards .state img {
  height: 40px;
  margin-top: -20px;
}
/* line 346, ../../front/gift_card/css/gift_card.scss */
.gift-cards .state img.small {
  height: 35px;
  margin-top: -12px;
}

/* line 364, ../../front/gift_card/css/gift_card.scss */
.gift-form input.invalid-field, .gift-form select.invalid-field {
  border-color: red;
}
/* line 369, ../../front/gift_card/css/gift_card.scss */
.gift-form .error-message {
  color: red;
  font-size: 13px;
  margin-top: 20px;
}
/* line 375, ../../front/gift_card/css/gift_card.scss */
.gift-form .num-card-selector {
  display: inline-block;
  width: 110px;
}
/* line 380, ../../front/gift_card/css/gift_card.scss */
.gift-form .num-card-selector .input-group .btn {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 3px;
  padding-bottom: 4px;
}
/* line 388, ../../front/gift_card/css/gift_card.scss */
.gift-form .num-card-selector + .gift-card-text {
  vertical-align: top;
}
/* line 393, ../../front/gift_card/css/gift_card.scss */
.gift-form .btn-amount, .gift-form .btn-template {
  font-size: 16px;
  margin: 0px;
  padding: 5px 15px;
  margin-top: -2px;
}
/* line 399, ../../front/gift_card/css/gift_card.scss */
.gift-form .amount-value {
  display: inline-block;
  width: 150px;
  margin-bottom: -10px;
}
@media only screen and (max-width: 767px) {
  /* line 399, ../../front/gift_card/css/gift_card.scss */
  .gift-form .amount-value {
    margin-left: 0;
  }
}
/* line 409, ../../front/gift_card/css/gift_card.scss */
.gift-form .amount-text {
  display: inline-block;
}
/* line 413, ../../front/gift_card/css/gift_card.scss */
.gift-form .offer-row {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  /* line 413, ../../front/gift_card/css/gift_card.scss */
  .gift-form .offer-row {
    display: block;
  }
}
/* line 421, ../../front/gift_card/css/gift_card.scss */
.gift-form .gift-card-text, .gift-form .currency-text {
  margin-left: 10px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  /* line 421, ../../front/gift_card/css/gift_card.scss */
  .gift-form .gift-card-text, .gift-form .currency-text {
    margin-left: 0;
  }
}
/* line 430, ../../front/gift_card/css/gift_card.scss */
.gift-form .gift-form-title {
  font-size: 18px;
  color: #000000;
  text-align: center;
  padding: 20px 0 20px 0;
}
/* line 437, ../../front/gift_card/css/gift_card.scss */
.gift-form .form-label {
  font-size: 16px;
}
/* line 440, ../../front/gift_card/css/gift_card.scss */
.gift-form .label-col, .gift-form .content-col {
  text-align: right;
  padding-top: 12px;
}
/* line 444, ../../front/gift_card/css/gift_card.scss */
.gift-form .label-col.left, .gift-form .content-col.left {
  text-align: left;
}
/* line 448, ../../front/gift_card/css/gift_card.scss */
.gift-form .label-col.right, .gift-form .content-col.right {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  /* line 440, ../../front/gift_card/css/gift_card.scss */
  .gift-form .label-col, .gift-form .content-col {
    text-align: left;
  }
}
/* line 456, ../../front/gift_card/css/gift_card.scss */
.gift-form .label-col .form-text, .gift-form .content-col .form-text {
  height: 34px;
  padding-top: 4px;
}
/* line 467, ../../front/gift_card/css/gift_card.scss */
.gift-form .send-method .bottom-form {
  text-align: left;
}
/* line 470, ../../front/gift_card/css/gift_card.scss */
.gift-form .send-method .bottom-form .label-col {
  text-align: left;
}
/* line 478, ../../front/gift_card/css/gift_card.scss */
.gift-form .form-radios label {
  margin-top: 8px;
}
/* line 483, ../../front/gift_card/css/gift_card.scss */
.gift-form .templates {
  margin-top: 10px;
  text-align: center;
}
/* line 487, ../../front/gift_card/css/gift_card.scss */
.gift-form .templates .template {
  text-align: center;
}
/* line 491, ../../front/gift_card/css/gift_card.scss */
.gift-form .templates .template, .gift-form .templates .template > canvas, .gift-form .templates .template-list {
  margin: 0 auto;
}
/* line 495, ../../front/gift_card/css/gift_card.scss */
.gift-form .templates .template .canvas-container, .gift-form .templates .template > canvas .canvas-container, .gift-form .templates .template-list .canvas-container {
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  /* line 491, ../../front/gift_card/css/gift_card.scss */
  .gift-form .templates .template, .gift-form .templates .template > canvas, .gift-form .templates .template-list {
    width: 100%;
    max-width: 320px;
  }
}
@media only screen and (max-width: 321px) {
  /* line 491, ../../front/gift_card/css/gift_card.scss */
  .gift-form .templates .template, .gift-form .templates .template > canvas, .gift-form .templates .template-list {
    width: 100%;
    max-width: 180px;
  }
}
/* line 510, ../../front/gift_card/css/gift_card.scss */
.gift-form .templates .nav {
  position: absolute;
  top: 130px;
}
@media only screen and (min-width: 1389px) {
  /* line 514, ../../front/gift_card/css/gift_card.scss */
  .gift-form .templates .nav.left {
    left: 240px;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1388px) {
  /* line 514, ../../front/gift_card/css/gift_card.scss */
  .gift-form .templates .nav.left {
    left: 140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 514, ../../front/gift_card/css/gift_card.scss */
  .gift-form .templates .nav.left {
    left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 514, ../../front/gift_card/css/gift_card.scss */
  .gift-form .templates .nav.left {
    left: 80px;
    top: 100px;
  }
}
@media only screen and (max-width: 321px) {
  /* line 514, ../../front/gift_card/css/gift_card.scss */
  .gift-form .templates .nav.left {
    left: 30px;
    top: 30px;
  }
}
@media only screen and (min-width: 1389px) {
  /* line 539, ../../front/gift_card/css/gift_card.scss */
  .gift-form .templates .nav.right {
    right: 240px;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1388px) {
  /* line 539, ../../front/gift_card/css/gift_card.scss */
  .gift-form .templates .nav.right {
    right: 140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 539, ../../front/gift_card/css/gift_card.scss */
  .gift-form .templates .nav.right {
    right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 539, ../../front/gift_card/css/gift_card.scss */
  .gift-form .templates .nav.right {
    right: 80px;
    top: 100px;
  }
}
@media only screen and (max-width: 321px) {
  /* line 539, ../../front/gift_card/css/gift_card.scss */
  .gift-form .templates .nav.right {
    right: 30px;
    top: 30px;
  }
}
/* line 565, ../../front/gift_card/css/gift_card.scss */
.gift-form .templates .image-zoom {
  height: 35px;
  width: 35px;
  position: absolute;
  top: 250px;
  right: 410px;
}
@media only screen and (min-width: 993px) and (max-width: 1388px) {
  /* line 565, ../../front/gift_card/css/gift_card.scss */
  .gift-form .templates .image-zoom {
    right: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 565, ../../front/gift_card/css/gift_card.scss */
  .gift-form .templates .image-zoom {
    right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 565, ../../front/gift_card/css/gift_card.scss */
  .gift-form .templates .image-zoom {
    right: 60px;
    top: 145px;
  }
}
@media only screen and (max-width: 321px) {
  /* line 565, ../../front/gift_card/css/gift_card.scss */
  .gift-form .templates .image-zoom {
    right: 0px;
    top: 75px;
    height: 25px;
    width: 25px;
  }
}
/* line 595, ../../front/gift_card/css/gift_card.scss */
.gift-form .templates .template-list .template-item {
  max-width: 160px;
  background-color: #ffffff;
  padding: 3px;
  display: inline-block;
}
/* line 601, ../../front/gift_card/css/gift_card.scss */
.gift-form .templates .template-list .template-item:hover, .gift-form .templates .template-list .template-item.selected {
  background-color: #f89214;
}
/* line 605, ../../front/gift_card/css/gift_card.scss */
.gift-form .templates .template-list .template-item img {
  width: 100%;
}
/* line 612, ../../front/gift_card/css/gift_card.scss */
.gift-form .card-message {
  padding-bottom: 10px;
}
/* line 615, ../../front/gift_card/css/gift_card.scss */
.gift-form .card-message .card-text {
  padding-bottom: 10px;
}
/* line 620, ../../front/gift_card/css/gift_card.scss */
.gift-form .canvas-card-designer-display-phone {
  display: none;
}
@media only screen and (max-width: 1013px) {
  /* line 625, ../../front/gift_card/css/gift_card.scss */
  .gift-form .canvas-card-designer-display {
    display: none;
  }
  /* line 629, ../../front/gift_card/css/gift_card.scss */
  .gift-form .canvas-card-designer-display-phone {
    display: block;
  }
  /* line 633, ../../front/gift_card/css/gift_card.scss */
  .gift-form #gift-card-designer {
    width: 1555px !important;
  }
}
/* line 638, ../../front/gift_card/css/gift_card.scss */
.gift-form .occasion-help {
  font-size: 20px;
}
/* line 642, ../../front/gift_card/css/gift_card.scss */
.gift-form .occasion-help-message {
  font-size: 12px;
  margin-bottom: 10px;
}

/* line 649, ../../front/gift_card/css/gift_card.scss */
.color-picker-custom {
  display: inline-block;
  vertical-align: top;
}
/* line 654, ../../front/gift_card/css/gift_card.scss */
.color-picker-custom .color-picker-custom__selected {
  height: 36px;
  width: 36px;
  border-radius: 2px;
  border: 2px solid #444444;
  position: relative;
}
/* line 661, ../../front/gift_card/css/gift_card.scss */
.color-picker-custom .color-picker-custom__selected::after {
  content: url("/img/order/color-picker.png");
  position: absolute;
  bottom: -4px;
  right: 0px;
  font-size: 5px;
}
/* line 670, ../../front/gift_card/css/gift_card.scss */
.color-picker-custom .color-picker-extended {
  position: absolute;
  z-index: 100;
}
/* line 674, ../../front/gift_card/css/gift_card.scss */
.color-picker-custom .color-picker-extended .color-picker-custom__color {
  height: 30px;
  width: 30px;
  border: 2px solid #000000;
  bottom: auto;
}

/* line 684, ../../front/gift_card/css/gift_card.scss */
.legals {
  margin-top: 30px;
  color: #444444;
}

/* line 690, ../../front/gift_card/css/gift_card.scss */
#btn-preview-template-choice, #btn-preview-template-choice2, #btn-preview-custom-card-maker {
  margin-top: 10px;
  text-align: center;
}

/* line 697, ../../front/gift_card/css/gift_card.scss */
.preview-container {
  height: 804px;
  width: 568px;
  position: relative;
  background-size: contain;
  background-position: center center;
}
/* line 705, ../../front/gift_card/css/gift_card.scss */
.preview-image {
  position: absolute;
  top: 134px;
  left: 26px;
  width: 242px;
  height: 152px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 9px;
}
/* line 717, ../../front/gift_card/css/gift_card.scss */
.preview-amount {
  position: absolute;
  top: 165px;
  left: 305px;
  width: 75px;
  text-align: right;
  color: #ff5a01;
  font: 27px "Roboto Condensed", sans-serif;
}
/* line 727, ../../front/gift_card/css/gift_card.scss */
.preview-pin {
  position: absolute;
  top: 204px;
  left: 443px;
}
/* line 733, ../../front/gift_card/css/gift_card.scss */
.preview-from {
  position: absolute;
  top: 295px;
  left: 27px;
  width: 242px;
  padding: 10px 0;
  font: 11px "Roboto", sans-serif;
  font-weight: bold;
  color: #5a5858;
  text-align: center;
  word-wrap: break-word;
}
/* line 745, ../../front/gift_card/css/gift_card.scss */
.preview-from p {
  margin: 0;
}
/* line 750, ../../front/gift_card/css/gift_card.scss */
.preview-text {
  position: absolute;
  background: #FFF;
  top: 295px;
  left: 284px;
  width: 284px;
  height: 91px;
  padding: 10px 20px;
  font: 11px "Roboto", sans-serif;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* line 764, ../../front/gift_card/css/gift_card.scss */
.delete-btn {
  color: red;
  font-size: 16px;
  font-weight: bolder;
}

/* line 771, ../../front/gift_card/css/gift_card.scss */
.form-error {
  color: red;
}

/* line 776, ../../front/gift_card/css/gift_card.scss */
.zoom-template {
  width: 100%;
  height: auto;
}

/* line 782, ../../front/gift_card/css/gift_card.scss */
.card-remaining-characters {
  margin-top: 5px;
  color: #b0aaaa;
  text-align: right;
}

/* line 789, ../../front/gift_card/css/gift_card.scss */
.card-message-too-much-lines {
  color: red;
}

/* line 793, ../../front/gift_card/css/gift_card.scss */
.gdpr-giftcard {
  text-align: left;
  padding: 15px;
  margin-top: 10px;
  border: 1px solid #0082C3;
  font-size: 12px;
  padding-top: 10px;
  font-family: "Roboto Condensed", sans-serif;
}
/* line 801, ../../front/gift_card/css/gift_card.scss */
.gdpr-giftcard .gdpr-giftcard-title {
  color: #0082C3;
  font-weight: bold;
}
/* line 805, ../../front/gift_card/css/gift_card.scss */
.gdpr-giftcard .gdpr-giftcard-p {
  color: #636363;
}

/* line 1, ../../front/footer/css/footer.scss */
.footer {
  margin: 10px;
  color: #6b6c6d;
  font-size: 14px;
}
/* line 6, ../../front/footer/css/footer.scss */
.footer a, .footer a:hover {
  color: #6b6c6d;
}

/* line 12, ../../front/footer/css/footer.scss */
.copyright {
  margin: 10px;
  color: #ada8a8;
}

/* line 4, ../../front/gabarit/css/_gabarit.scss */
.gabarit .gabarit-header {
  padding: 60px 10px;
  height: 180px;
  background-image: url(/img/background/gabaritTitle.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  color: white;
  text-transform: uppercase;
}
@media only screen and (min-width: 1389px) {
  /* line 4, ../../front/gabarit/css/_gabarit.scss */
  .gabarit .gabarit-header {
    background-image: url(/img/background/gabaritTitle-small.jpg);
    background-size: cover;
    padding: 65px 10px;
    height: 300px;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1388px) {
  /* line 4, ../../front/gabarit/css/_gabarit.scss */
  .gabarit .gabarit-header {
    background-image: url(/img/background/gabaritTitle-small.jpg);
    padding: 125px 10px;
    height: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 4, ../../front/gabarit/css/_gabarit.scss */
  .gabarit .gabarit-header {
    background-image: url(/img/background/gabaritTitle-xsmall.jpg);
    padding: 75px 10px;
    height: 200px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 4, ../../front/gabarit/css/_gabarit.scss */
  .gabarit .gabarit-header {
    background-image: none;
    background-color: #009ddc;
    font-size: 35px;
    padding: 50px 10px;
    height: auto;
  }
}
/* line 48, ../../front/gabarit/css/_gabarit.scss */
.gabarit .gabarit-format {
  text-align: justify;
  margin-bottom: 40px;
}
/* line 52, ../../front/gabarit/css/_gabarit.scss */
.gabarit .gabarit-format .gabarit-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  margin: 25px 0;
  font-weight: bolder;
}
/* line 60, ../../front/gabarit/css/_gabarit.scss */
.gabarit .gabarit-format .gabarit-subtitle {
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  margin: 25px 0;
  font-weight: bolder;
}
/* line 70, ../../front/gabarit/css/_gabarit.scss */
.gabarit .gabarit-format .gabarit-content .row {
  padding-left: 10px;
  padding-right: 10px;
}
/* line 75, ../../front/gabarit/css/_gabarit.scss */
.gabarit .gabarit-format .gabarit-content h1 {
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 0;
  padding-top: 0;
  font-size: 16px;
}
/* line 83, ../../front/gabarit/css/_gabarit.scss */
.gabarit .gabarit-format .gabarit-content h2 {
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 0;
  padding-top: 0;
  font-size: 12px;
}
/* line 91, ../../front/gabarit/css/_gabarit.scss */
.gabarit .gabarit-format .gabarit-content img.responsive {
  width: 100%;
}
/* line 96, ../../front/gabarit/css/_gabarit.scss */
.gabarit .gabarit-format .gabarit-content a.inline {
  display: inline;
}
/* line 103, ../../front/gabarit/css/_gabarit.scss */
.gabarit .gabarit-format .gabarit-btn .btn {
  text-align: center;
}
/* line 107, ../../front/gabarit/css/_gabarit.scss */
.gabarit .gabarit-format .gabarit-btn a {
  text-align: center;
  display: block;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.42857;
  color: #444444;
}
/* line 116, ../../front/gabarit/css/_gabarit.scss */
.gabarit .gabarit-format .gabarit-btn .btn-block {
  display: inline-block;
}
/* line 123, ../../front/gabarit/css/_gabarit.scss */
.gabarit .gabarit-format.gabarit-image-text .image-wrap {
  float: right;
  margin-left: 10px;
}
/* line 127, ../../front/gabarit/css/_gabarit.scss */
.gabarit .gabarit-format.gabarit-image-text .image-wrap.responsive {
  width: 66%;
}
@media only screen and (max-width: 767px) {
  /* line 127, ../../front/gabarit/css/_gabarit.scss */
  .gabarit .gabarit-format.gabarit-image-text .image-wrap.responsive {
    width: 100%;
  }
}
/* line 139, ../../front/gabarit/css/_gabarit.scss */
.gabarit .gabarit-format .gabarit-list li {
  margin-bottom: 10px;
  clear: both;
  display: inline-block;
}
/* line 145, ../../front/gabarit/css/_gabarit.scss */
.gabarit .gabarit-format .gabarit-list li img {
  float: left;
  max-height: 40px;
  margin: 6px 15px 0 0;
}

/* line 158, ../../front/gabarit/css/_gabarit.scss */
#how-it-works .gabarit-header {
  height: 300px;
  padding: 0;
  background-image: url(/img/background/gabaritTitle.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  color: white;
  text-transform: uppercase;
}
@media only screen and (min-width: 993px) and (max-width: 1388px) {
  /* line 158, ../../front/gabarit/css/_gabarit.scss */
  #how-it-works .gabarit-header {
    background-image: url(/img/background/gabaritTitle-small.jpg);
    height: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 158, ../../front/gabarit/css/_gabarit.scss */
  #how-it-works .gabarit-header {
    background-image: url(/img/background/gabaritTitle-xsmall.jpg);
    height: 200px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 158, ../../front/gabarit/css/_gabarit.scss */
  #how-it-works .gabarit-header {
    background-image: none;
    background-color: #00cdea;
    font-size: 35px;
    padding: 50px 10px;
    height: auto;
  }
}
/* line 190, ../../front/gabarit/css/_gabarit.scss */
#how-it-works .gabarit-header-title {
  margin: 0;
  padding: 125px 10px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 190, ../../front/gabarit/css/_gabarit.scss */
  #how-it-works .gabarit-header-title {
    padding: 85px 10px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 190, ../../front/gabarit/css/_gabarit.scss */
  #how-it-works .gabarit-header-title {
    font-size: 35px;
    padding: 50px 10px;
  }
}
/* line 206, ../../front/gabarit/css/_gabarit.scss */
#how-it-works .picto-container {
  margin: 70px 0 20px;
}
/* line 210, ../../front/gabarit/css/_gabarit.scss */
#how-it-works .picto-container .picto {
  margin: 20px 0;
}
/* line 217, ../../front/gabarit/css/_gabarit.scss */
#how-it-works .picto-container .picto .picto-title {
  padding: 1em 0 0;
}
/* line 228, ../../front/gabarit/css/_gabarit.scss */
#how-it-works .app-download {
  background-image: url("/img/gabarit/how-it-works/background-desktop.jpg");
  background-position: bottom;
  padding: 40px 0;
}
@media only screen and (max-width: 767px) {
  /* line 228, ../../front/gabarit/css/_gabarit.scss */
  #how-it-works .app-download {
    background-image: url("/img/gabarit/how-it-works/background-mobile.jpg");
  }
}
/* line 239, ../../front/gabarit/css/_gabarit.scss */
#how-it-works .app-download .app-download-title, #how-it-works .app-download .app-download-description {
  color: #ffffff;
}
/* line 243, ../../front/gabarit/css/_gabarit.scss */
#how-it-works .app-download .app-download-description {
  font-size: 16px;
  font-weight: bold;
  padding: 0 30px;
}
/* line 249, ../../front/gabarit/css/_gabarit.scss */
#how-it-works .app-download .app-download-title {
  font-weight: bold;
}
/* line 252, ../../front/gabarit/css/_gabarit.scss */
#how-it-works .app-download .app-download-title.one {
  font-size: 30px;
}
/* line 256, ../../front/gabarit/css/_gabarit.scss */
#how-it-works .app-download .app-download-title.two {
  font-size: 50px;
  line-height: 20px;
  margin-bottom: 20px;
}
/* line 264, ../../front/gabarit/css/_gabarit.scss */
#how-it-works .app-download .button-left-container {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  /* line 264, ../../front/gabarit/css/_gabarit.scss */
  #how-it-works .app-download .button-left-container {
    text-align: center;
  }
}
/* line 273, ../../front/gabarit/css/_gabarit.scss */
#how-it-works .app-download .button-right-container {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  /* line 273, ../../front/gabarit/css/_gabarit.scss */
  #how-it-works .app-download .button-right-container {
    text-align: center;
  }
}
/* line 282, ../../front/gabarit/css/_gabarit.scss */
#how-it-works .app-download .app-store-button {
  display: inline-block;
  height: 80px;
  width: 260px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #026fb0;
  background-repeat: no-repeat;
  background-position: 15px 50%;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 993px) {
  /* line 282, ../../front/gabarit/css/_gabarit.scss */
  #how-it-works .app-download .app-store-button {
    margin-left: 10px;
    margin-right: 10px;
  }
}
/* line 303, ../../front/gabarit/css/_gabarit.scss */
#how-it-works .app-download .app-store-button.ios {
  background-image: url("/img/gabarit/how-it-works/apple.png");
}
/* line 308, ../../front/gabarit/css/_gabarit.scss */
#how-it-works .app-download .app-store-button.android {
  background-image: url("/img/gabarit/how-it-works/android.png");
}
/* line 313, ../../front/gabarit/css/_gabarit.scss */
#how-it-works .app-download .app-store-button a {
  color: white;
  text-decoration: none;
}
/* line 319, ../../front/gabarit/css/_gabarit.scss */
#how-it-works .app-download .app-store-button p {
  font-family: "Roboto Condensed", sans-serif;
  text-align: left;
  color: white;
  margin: 15px 0 0 80px;
  width: 180px;
  font-size: 27px;
  font-weight: bold;
  line-height: 28px;
}
/* line 330, ../../front/gabarit/css/_gabarit.scss */
#how-it-works .app-download .app-store-button p small {
  font-size: 16px;
  font-weight: normal;
  line-height: normal;
  display: block;
}

/* line 342, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro {
  /* Why */
}
/* line 344, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .current-text {
  font-size: 16px;
}
/* line 348, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .current-text + .content-title {
  margin-top: 30px;
}
/* line 352, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .content-title {
  margin: 0 0 16px;
  color: #009ddc;
}
@media only screen and (min-width: 993px) {
  /* line 352, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .content-title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 992px) {
  /* line 352, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .content-title {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 352, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .content-title {
    font-size: 24px;
  }
}
/* line 368, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .content-title span {
  display: block;
  font-size: 20px;
  font-weight: 200;
}
@media only screen and (max-width: 767px) {
  /* line 375, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .buy-button {
    width: 100%;
  }
}
/* line 381, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .gabarit-header {
  text-align: left;
}
@media only screen and (min-width: 993px) {
  /* line 381, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .gabarit-header {
    padding: 30px 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 381, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .gabarit-header {
    height: 210px;
    padding: 10px;
    background-position: top right;
    background-size: cover;
  }
}
@media only screen and (max-width: 767px) {
  /* line 381, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .gabarit-header {
    padding: 20px 10px;
  }
}
/* line 400, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .gabarit-header-title {
  font-size: 32px;
  font-weight: 600;
}
/* line 404, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .gabarit-header-title span {
  display: block;
  font-size: 20px;
  font-weight: 200;
}
@media only screen and (min-width: 1389px) {
  /* line 411, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .who-are-we .row {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1388px) {
  /* line 411, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .who-are-we .row {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 411, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .who-are-we .row {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 767px) {
  /* line 411, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .who-are-we .row {
    padding: 20px 0;
  }
}
/* line 428, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .who-are-we--image img {
  width: 100%;
}
@media only screen and (min-width: 1389px) {
  /* line 433, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .who-are-we--text {
    padding: 0 40px;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1388px) {
  /* line 433, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .who-are-we--text {
    padding: 0 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 433, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .who-are-we--text {
    padding: 0 24px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 433, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .who-are-we--text {
    padding: 0 16px;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 993px) {
  /* line 450, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .accordeon-image {
    float: right;
    margin-right: 8.33333%;
  }
  /* line 454, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .accordeon-image .img--md {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 450, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .accordeon-image {
    float: right;
  }
  /* line 460, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .accordeon-image .img--sm {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 450, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .accordeon-image {
    padding: 0 0 15px;
  }
}
/* line 469, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .advantage {
  padding-bottom: 0 !important;
}
/* line 472, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .advantage + .advantage {
  padding: 0 0 40px !important;
}
/* line 477, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .advantage__title {
  color: #f89214;
  font-weight: 600;
  text-align: center;
}
@media only screen and (min-width: 993px) {
  /* line 477, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .advantage__title {
    padding-bottom: 20px;
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 477, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .advantage__title {
    padding-bottom: 20px;
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 477, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .advantage__title {
    padding-bottom: 26px;
    font-size: 26px;
  }
}
/* line 497, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .advantage__container {
  background-color: #f89214;
}
/* line 501, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .advantage__list {
  list-style: none;
}
/* line 505, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .advantage__item {
  display: inline-block;
  padding-top: 60px;
  vertical-align: top;
  color: white;
  text-align: center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 993px) {
  /* line 505, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .advantage__item {
    width: 13%;
    margin: 30px 1.5%;
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 505, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .advantage__item {
    width: 28%;
    margin: 30px 1.5%;
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 505, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .advantage__item {
    width: 100%;
    margin: 20px auto;
    font-size: 14px;
  }
}
/* line 529, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .advantage__item.advantage--mail {
  background-position: center 13px;
  background-image: url("/img/gabarit/iam-a-pro/picto-email.png");
}
/* line 534, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .advantage__item.advantage--money {
  background-position: center 7px;
  background-image: url("/img/gabarit/iam-a-pro/picto-argent.png");
}
/* line 539, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .advantage__item.advantage--time {
  background-position: center 10px;
  background-image: url("/img/gabarit/iam-a-pro/picto-duree.png");
}
/* line 544, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .advantage__item.advantage--pen {
  background-position: center 7px;
  background-image: url("/img/gabarit/iam-a-pro/picto-message.png");
}
/* line 549, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .advantage__item.advantage--fast {
  background-position: center 7px;
  background-image: url("/img/gabarit/iam-a-pro/picto-rapidite.png");
}
/* line 554, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .advantage__item.advantage--reduction {
  background-position: center 11px;
  background-image: url("/img/gabarit/iam-a-pro/picto-remise.png");
}
/* line 560, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .row.advantage-users {
  padding: 0 !important;
}
/* line 564, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .advantage-users__item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 150px;
}
@media only screen and (min-width: 993px) {
  /* line 564, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .advantage-users__item {
    width: 29%;
    margin: 30px 1.5%;
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 564, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .advantage-users__item {
    width: 26%;
    margin: 20px 3%;
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 564, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .advantage-users__item {
    width: 100%;
    margin: 40px auto;
    font-size: 14px;
  }
}
/* line 588, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .advantage-users__item.advantage-users--shop {
  background-image: url("/img/gabarit/iam-a-pro/picto-magasin.png");
}
/* line 592, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .advantage-users__item.advantage-users--order {
  background-image: url("/img/gabarit/iam-a-pro/picto-achat.png");
}
/* line 596, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .advantage-users__item.advantage-users--mobile {
  background-image: url("/img/gabarit/iam-a-pro/picto-appli.png");
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 605, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .why__image {
    float: right;
  }
}
@media only screen and (min-width: 993px) {
  /* line 605, ../../front/gabarit/css/_gabarit.scss */
  #iam-a-pro .why__image {
    float: right;
    margin-right: 8.33333%;
  }
}
/* line 615, ../../front/gabarit/css/_gabarit.scss */
#iam-a-pro .button-container {
  text-align: center;
}

/* accordeon */
/* line 627, ../../front/gabarit/css/_gabarit.scss */
.accordeon-row {
  padding: 8px 0;
  border-bottom: 1px solid #009ddc;
}
/* line 631, ../../front/gabarit/css/_gabarit.scss */
.accordeon-row:first-child {
  border-top: 1px solid #009ddc;
}
/* line 635, ../../front/gabarit/css/_gabarit.scss */
.accordeon-row > .accordeon__title {
  position: relative;
  margin: 0 !important;
  padding-right: 40px;
  font-weight: 200;
  cursor: pointer;
}
/* line 641, ../../front/gabarit/css/_gabarit.scss */
.accordeon-row > .accordeon__title:before, .accordeon-row > .accordeon__title:after {
  content: "";
  position: absolute;
  top: 8px;
  right: 0px;
  display: inline-block;
  width: 35px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 654, ../../front/gabarit/css/_gabarit.scss */
.accordeon-row > .accordeon__title:before {
  background-image: url("/img/gabarit/fleche-bas-vide.png");
}
/* line 658, ../../front/gabarit/css/_gabarit.scss */
.accordeon-row > .accordeon__title:after {
  background-image: url("/img/gabarit/fleche-bas.png");
  opacity: 0;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}
/* line 665, ../../front/gabarit/css/_gabarit.scss */
.accordeon-row .accordeon__content {
  position: relative;
  width: 100%;
  max-height: 0px;
  overflow: hidden;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}
/* line 674, ../../front/gabarit/css/_gabarit.scss */
.accordeon-row.accordeon-row--open .accordeon__title, .accordeon-row:hover .accordeon__title {
  font-weight: 600;
}
/* line 676, ../../front/gabarit/css/_gabarit.scss */
.accordeon-row.accordeon-row--open .accordeon__title:after, .accordeon-row:hover .accordeon__title:after {
  opacity: 1;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}
/* line 684, ../../front/gabarit/css/_gabarit.scss */
.accordeon-row.accordeon-row--open .accordeon__content {
  padding: 4px 40px 4px 0;
  max-height: 600px;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}

/* line 3, ../../front/history/css/history.scss */
.history .empty {
  text-align: center;
  font-size: 18px;
  padding: 20px;
}
/* line 9, ../../front/history/css/history.scss */
.history .history-header {
  font-size: 32px;
  padding-top: 25px;
  width: 350px;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  /* line 9, ../../front/history/css/history.scss */
  .history .history-header {
    padding-top: 20px;
  }
}
/* line 22, ../../front/history/css/history.scss */
.history .history-form .label-col, .history .history-form .content-col {
  text-align: right;
  font-size: 18px;
  padding-top: 15px;
}
/* line 27, ../../front/history/css/history.scss */
.history .history-form .label-col.left, .history .history-form .content-col.left {
  text-align: left;
}
/* line 31, ../../front/history/css/history.scss */
.history .history-form .label-col.right, .history .history-form .content-col.right {
  text-align: right;
}
/* line 35, ../../front/history/css/history.scss */
.history .history-form .label-col .to-row, .history .history-form .content-col .to-row {
  padding-top: 10px;
}
@media only screen and (max-width: 767px) {
  /* line 22, ../../front/history/css/history.scss */
  .history .history-form .label-col, .history .history-form .content-col {
    text-align: left;
  }
}
/* line 43, ../../front/history/css/history.scss */
.history .history-form .label-col .form-text, .history .history-form .content-col .form-text {
  height: 34px;
  padding-top: 4px;
}
/* line 50, ../../front/history/css/history.scss */
.history .history-form .label-col input.invalid-field, .history .history-form .label-col select.invalid-field, .history .history-form .label-col textarea.invalid-field, .history .history-form .content-col input.invalid-field, .history .history-form .content-col select.invalid-field, .history .history-form .content-col textarea.invalid-field {
  border-color: red;
}
/* line 56, ../../front/history/css/history.scss */
.history .history-form .content-col {
  font-size: 14px;
}
/* line 59, ../../front/history/css/history.scss */
.history .history-form .content-col .big {
  font-size: 18px;
}
/* line 63, ../../front/history/css/history.scss */
.history .history-form .content-col .padding {
  padding-top: 5px;
}
/* line 69, ../../front/history/css/history.scss */
.history .send-method {
  color: #f89214;
  font-weight: bold;
  border-top: 1px dotted #000000;
  border-bottom: 1px dotted #000000;
  text-align: center;
  padding: 10px;
  margin: 10px 0;
  font-size: 14px;
}
/* line 80, ../../front/history/css/history.scss */
.history .history-card-list {
  background-color: #e6e6e6;
  padding: 30px 0 10px 0;
  margin-top: 10px;
}
/* line 87, ../../front/history/css/history.scss */
.history .history-card-list .table select {
  width: 70px;
}
/* line 91, ../../front/history/css/history.scss */
.history .history-card-list .table .card-image {
  padding-left: 0;
}
/* line 94, ../../front/history/css/history.scss */
.history .history-card-list .table .card-image img.card {
  float: left;
  width: 300px;
  border-radius: 7px;
}
/* line 100, ../../front/history/css/history.scss */
.history .history-card-list .table .card-image .card-name {
  margin-left: 270px;
  margin-top: 60px;
  display: block;
}
/* line 108, ../../front/history/css/history.scss */
.history .history-card-list .table .card-image .preview .btn {
  margin-left: 5px;
}
/* line 112, ../../front/history/css/history.scss */
.history .history-card-list .table .card-image .preview .btn img {
  margin-right: 3px;
}
/* line 119, ../../front/history/css/history.scss */
.history .history-card-list .table .center {
  padding-top: 60px;
}
/* line 123, ../../front/history/css/history.scss */
.history .history-card-list .table .center-select {
  padding-top: 53px;
}
/* line 127, ../../front/history/css/history.scss */
.history .history-card-list .table .delete-card {
  color: red;
  font-size: 18px;
  font-weight: bold;
  padding-top: 56px;
}
/* line 134, ../../front/history/css/history.scss */
.history .history-card-list .table .message {
  height: 40px;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 10px;
}
/* line 143, ../../front/history/css/history.scss */
.history .payement-method {
  margin: 20px 0;
  padding-top: 15px;
}
/* line 147, ../../front/history/css/history.scss */
.history .payement-method .payement-title {
  text-align: right;
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px;
}
@media only screen and (max-width: 767px) {
  /* line 147, ../../front/history/css/history.scss */
  .history .payement-method .payement-title {
    text-align: left;
  }
}
/* line 158, ../../front/history/css/history.scss */
.history .payement-method .radio {
  font-size: 14px;
}
/* line 161, ../../front/history/css/history.scss */
.history .payement-method .radio label {
  display: block;
}
/* line 164, ../../front/history/css/history.scss */
.history .payement-method .radio label span {
  display: inline-block;
  width: 20%;
}
@media only screen and (max-width: 767px) {
  /* line 164, ../../front/history/css/history.scss */
  .history .payement-method .radio label span {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* line 164, ../../front/history/css/history.scss */
  .history .payement-method .radio label span {
    width: 40%;
  }
}
/* line 177, ../../front/history/css/history.scss */
.history .payement-method .radio label img {
  max-height: 22px;
}
/* line 183, ../../front/history/css/history.scss */
.history .payement-method .bank-variant {
  margin-top: 5px;
}
/* line 188, ../../front/history/css/history.scss */
.history .promo-code {
  font-size: 16px;
  margin: 20px 0;
  border-top: 1px dotted #444444;
  padding-top: 15px;
}
/* line 194, ../../front/history/css/history.scss */
.history .promo-code .error {
  border-color: red;
}
/* line 198, ../../front/history/css/history.scss */
.history .promo-code .error-message {
  color: red;
}
/* line 202, ../../front/history/css/history.scss */
.history .promo-code .ok-message {
  color: green;
}
/* line 206, ../../front/history/css/history.scss */
.history .promo-code .title {
  padding-top: 5px;
}
/* line 210, ../../front/history/css/history.scss */
.history .promo-code .input-group-addon {
  background-color: #f89214;
  color: #ffffff;
}
/* line 216, ../../front/history/css/history.scss */
.history .other-cgv {
  font-weight: bold;
  border-top: 1px dotted #444444;
  border-bottom: 1px dotted #444444;
  padding: 10px;
}
/* line 223, ../../front/history/css/history.scss */
.history .checkout {
  padding: 15px 0;
  background-color: #e6e6e6;
}
/* line 227, ../../front/history/css/history.scss */
.history .checkout .history-basket {
  border-top: 1px solid #444444;
  background-color: #ffffff;
  padding: 10px;
  border-radius: 5px;
}
/* line 233, ../../front/history/css/history.scss */
.history .checkout .history-basket .basket-title {
  font-size: 20px;
  text-transform: uppercase;
  color: #000000;
  text-align: center;
  font-weight: bolder;
}
/* line 241, ../../front/history/css/history.scss */
.history .checkout .history-basket .sub-total, .history .checkout .history-basket .promo, .history .checkout .history-basket .vat, .history .checkout .history-basket .total {
  width: 100%;
  padding-top: 10px;
}
/* line 245, ../../front/history/css/history.scss */
.history .checkout .history-basket .sub-total .title, .history .checkout .history-basket .promo .title, .history .checkout .history-basket .vat .title, .history .checkout .history-basket .total .title {
  text-align: left;
  display: inline-block;
  width: 49%;
}
/* line 251, ../../front/history/css/history.scss */
.history .checkout .history-basket .sub-total .content, .history .checkout .history-basket .promo .content, .history .checkout .history-basket .vat .content, .history .checkout .history-basket .total .content {
  text-align: right;
  display: inline-block;
  width: 49%;
}
/* line 258, ../../front/history/css/history.scss */
.history .checkout .history-basket .promo {
  color: #f89214;
  padding-top: 0;
}
/* line 263, ../../front/history/css/history.scss */
.history .checkout .history-basket .total {
  font-size: 18px;
  color: #f89214;
  border-top: 1px dotted #000000;
  border-bottom: 1px dotted #000000;
  padding-bottom: 10px;
  margin-top: 10px;
  font-weight: bold;
}
/* line 274, ../../front/history/css/history.scss */
.history .checkout .cgv {
  margin: 10px 50px;
  font-size: 15px;
}
/* line 279, ../../front/history/css/history.scss */
.history .checkout .checkout-button, .history .checkout .user-text-invoice {
  margin: 10px;
}
/* line 282, ../../front/history/css/history.scss */
.history .checkout .checkout-button a, .history .checkout .user-text-invoice a {
  text-align: center;
  display: block;
  font-size: 14px;
  line-height: 1.42857;
  color: #444444;
  margin-top: 20px;
}
/* line 292, ../../front/history/css/history.scss */
.history .checkout .user-text-invoice textarea {
  margin-top: 10px;
}
/* line 296, ../../front/history/css/history.scss */
.history .checkout .checkout-error {
  margin: 10px;
}
/* line 301, ../../front/history/css/history.scss */
.history .commitments {
  width: 720px;
  margin: 0 auto;
}
/* line 308, ../../front/history/css/history.scss */
.history .commitments .item img {
  margin-top: 27px;
  margin-right: 12px;
  float: left;
  display: block;
}
/* line 316, ../../front/history/css/history.scss */
.history .commitments .item .item-texts {
  overflow: hidden;
  padding: 20px 0;
  font-size: 16px;
}
/* line 322, ../../front/history/css/history.scss */
.history .commitments .item .item-texts .item-text {
  border-left: 1px solid #000000;
  padding-left: 10px;
}

/* line 332, ../../front/history/css/history.scss */
#button-validate {
  width: 100%;
  height: 36px;
}

/* line 338, ../../front/history/css/history.scss */
.gdpr-basket {
  padding: 15px;
  border: 1px solid #0082C3;
  font-size: 12px;
  font-family: "Roboto Condensed", sans-serif;
}
/* line 343, ../../front/history/css/history.scss */
.gdpr-basket .gdpr-basket-title {
  color: #0082C3;
  font-weight: bold;
}
/* line 347, ../../front/history/css/history.scss */
.gdpr-basket .gdpr-basket-p {
  color: #636363;
}

/* line 1, ../../front/account/css/_account.scss */
.account {
  margin-bottom: 100px;
}
/* line 4, ../../front/account/css/_account.scss */
.account .account-header {
  font-size: 30px;
  padding-top: 25px;
  margin: auto;
}
/* line 10, ../../front/account/css/_account.scss */
.account .account-tab {
  width: 100%;
  margin-top: -70px;
  text-align: center;
}
/* line 15, ../../front/account/css/_account.scss */
.account .account-tab .tab-item {
  margin: 0;
  margin-bottom: 10px;
  display: inline-block;
  text-align: center;
  padding: 15px 10px 12px 10px;
  background-color: #007bc0;
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  color: #62baeb;
  font-weight: bold;
  font-size: 16px;
  border: none;
}
/* line 29, ../../front/account/css/_account.scss */
.account .account-tab .tab-item.selected {
  color: #f39800;
  background-color: #ffffff;
  padding-bottom: 13px;
}
/* line 39, ../../front/account/css/_account.scss */
.account .personal-info .row {
  margin-top: 20px;
  font-size: 20px;
}
/* line 43, ../../front/account/css/_account.scss */
.account .personal-info .row .form-label, .account .personal-info .row .form-field {
  padding-top: 3px;
}
/* line 48, ../../front/account/css/_account.scss */
.account .personal-info .row input[type=text], .account .personal-info .row input[type=password] {
  width: 40%;
}
@media only screen and (max-width: 767px) {
  /* line 55, ../../front/account/css/_account.scss */
  .account .personal-info .row .form-label {
    text-align: center;
  }
  /* line 59, ../../front/account/css/_account.scss */
  .account .personal-info .row input[type=text], .account .personal-info .row input[type=password] {
    width: 100%;
  }
}
/* line 65, ../../front/account/css/_account.scss */
.account .personal-info .error-message {
  color: red;
  text-align: center;
}
/* line 73, ../../front/account/css/_account.scss */
.account .order-history .spinner {
  margin-top: 50px;
}
/* line 81, ../../front/account/css/_account.scss */
.account .order-history .order-container .table th {
  text-align: center;
  color: #444444;
  border: none;
  padding-bottom: 2px;
}
/* line 87, ../../front/account/css/_account.scss */
.account .order-history .order-container .table th:first-child {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  /* line 87, ../../front/account/css/_account.scss */
  .account .order-history .order-container .table th:first-child {
    text-align: center;
  }
}
/* line 96, ../../front/account/css/_account.scss */
.account .order-history .order-container .table .table-content {
  background-color: #444444;
  color: #e6e6e6;
  border-bottom: 1px solid #ffffff;
}
/* line 101, ../../front/account/css/_account.scss */
.account .order-history .order-container .table .table-content td {
  padding: 12px 5px;
  text-align: center;
}
/* line 105, ../../front/account/css/_account.scss */
.account .order-history .order-container .table .table-content td span {
  float: right;
}
/* line 109, ../../front/account/css/_account.scss */
.account .order-history .order-container .table .table-content td .row-content {
  padding-right: 8px;
  border-right: 1px solid #f89214;
}
/* line 114, ../../front/account/css/_account.scss */
.account .order-history .order-container .table .table-content td:first-child {
  text-align: left;
}
/* line 118, ../../front/account/css/_account.scss */
.account .order-history .order-container .table .table-content td:nth-last-child(2), .account .order-history .order-container .table .table-content td:last-child {
  padding-bottom: 7px;
}
/* line 121, ../../front/account/css/_account.scss */
.account .order-history .order-container .table .table-content td:nth-last-child(2) .row-content, .account .order-history .order-container .table .table-content td:last-child .row-content {
  border: none;
}
/* line 126, ../../front/account/css/_account.scss */
.account .order-history .order-container .table .table-content td img {
  margin-top: -7px;
}
/* line 132, ../../front/account/css/_account.scss */
.account .order-history .order-container .table .card-detail {
  border: none;
}
/* line 135, ../../front/account/css/_account.scss */
.account .order-history .order-container .table .card-detail td {
  padding-left: 5px;
  padding-right: 5px;
  border: none;
  border-bottom: 1px dotted #444444;
}
/* line 141, ../../front/account/css/_account.scss */
.account .order-history .order-container .table .card-detail td.large-cell {
  padding-top: 20px;
  text-align: center;
}
/* line 146, ../../front/account/css/_account.scss */
.account .order-history .order-container .table .card-detail td span {
  float: right;
}
/* line 151, ../../front/account/css/_account.scss */
.account .order-history .order-container .table .card-detail td img.send-method {
  max-height: 35px;
  margin-top: 5px;
  margin-left: -2px;
}
/* line 161, ../../front/account/css/_account.scss */
.account .order-history .order-container a span.glyphicon-save {
  color: #e6e6e6;
}

/* line 169, ../../front/account/css/_account.scss */
.payment-message {
  text-align: center;
  font-weight: bold;
  padding: 20px;
}
/* line 175, ../../front/account/css/_account.scss */
.payment-message .spam-warning {
  margin-top: 10px;
  color: red;
}

/* line 182, ../../front/account/css/_account.scss */
.new-link {
  margin-top: 20px;
  font-size: 14px;
  color: #f89214;
}

/* line 191, ../../front/account/css/_account.scss */
input.invalid {
  border-color: red;
}

/* line 197, ../../front/account/css/_account.scss */
.generate-password-text {
  margin: 25px;
}

/* line 202, ../../front/account/css/_account.scss */
.password-error-message {
  color: red;
}

/* line 1, ../../front/contact_form/css/_contact_form.scss */
.contact-form-thanks {
  padding: 3em;
  font-size: 1.5em;
}

/* line 5, ../../front/contact_form/css/_contact_form.scss */
.contact-form .header-title {
  margin-top: 1em;
}

/* line 3, ../../front/gift_card_balance/css/balance.scss */
.balance .error {
  color: red;
  font-weight: bold;
}
/* line 8, ../../front/gift_card_balance/css/balance.scss */
.balance .header-title {
  padding-top: 40px;
}
/* line 14, ../../front/gift_card_balance/css/balance.scss */
.balance .balance-content .balance-form {
  border: 1px solid #e6e6e6;
  padding: 20px;
}
/* line 18, ../../front/gift_card_balance/css/balance.scss */
.balance .balance-content .balance-form .form-title {
  font-size: 20px;
  margin-bottom: 15px;
}
/* line 22, ../../front/gift_card_balance/css/balance.scss */
.balance .balance-content .balance-form .form-title label {
  font-weight: normal;
}
/* line 27, ../../front/gift_card_balance/css/balance.scss */
.balance .balance-content .balance-form .form-content {
  margin-bottom: 10px;
  font-size: 16px;
}
/* line 31, ../../front/gift_card_balance/css/balance.scss */
.balance .balance-content .balance-form .form-content label {
  font-weight: normal;
}
/* line 38, ../../front/gift_card_balance/css/balance.scss */
.balance .balance-content .balance-form label.large {
  font-size: 20px;
  margin-bottom: 0;
  font-weight: bold;
}
/* line 46, ../../front/gift_card_balance/css/balance.scss */
.balance .balance-content .balance-form .captcha > div > div {
  margin: auto;
}
/* line 53, ../../front/gift_card_balance/css/balance.scss */
.balance .balance-content .balance-container .table {
  margin-top: 30px;
}
/* line 56, ../../front/gift_card_balance/css/balance.scss */
.balance .balance-content .balance-container .table th {
  text-align: center;
  color: #444444;
  border: none;
  padding-bottom: 2px;
}
/* line 62, ../../front/gift_card_balance/css/balance.scss */
.balance .balance-content .balance-container .table th:first-child {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  /* line 62, ../../front/gift_card_balance/css/balance.scss */
  .balance .balance-content .balance-container .table th:first-child {
    text-align: center;
  }
}
/* line 71, ../../front/gift_card_balance/css/balance.scss */
.balance .balance-content .balance-container .table .table-content {
  background-color: #444444;
  color: #e6e6e6;
  border-bottom: 1px solid #ffffff;
}
/* line 76, ../../front/gift_card_balance/css/balance.scss */
.balance .balance-content .balance-container .table .table-content td {
  padding: 12px 5px;
  text-align: center;
}
/* line 80, ../../front/gift_card_balance/css/balance.scss */
.balance .balance-content .balance-container .table .table-content td span {
  float: right;
}
/* line 84, ../../front/gift_card_balance/css/balance.scss */
.balance .balance-content .balance-container .table .table-content td .row-content {
  padding-right: 8px;
  border-right: 1px solid #f89214;
}
/* line 89, ../../front/gift_card_balance/css/balance.scss */
.balance .balance-content .balance-container .table .table-content td:first-child {
  text-align: left;
}
/* line 93, ../../front/gift_card_balance/css/balance.scss */
.balance .balance-content .balance-container .table .table-content td:last-child {
  padding-bottom: 7px;
}
/* line 96, ../../front/gift_card_balance/css/balance.scss */
.balance .balance-content .balance-container .table .table-content td:last-child .row-content {
  border: none;
}
/* line 101, ../../front/gift_card_balance/css/balance.scss */
.balance .balance-content .balance-container .table .table-content td img {
  margin-top: -7px;
}

/* line 1, ../../back/country/css/_country.scss */
.countries {
  margin-top: 20px;
}

/* line 6, ../../back/country/css/_country.scss */
.orders {
  margin-top: 20px;
}

/* line 15, ../../back/country/css/_country.scss */
.account .order-history .order-container table .card-detail td .edit-send-date span {
  float: none;
}
/* line 21, ../../back/country/css/_country.scss */
.account .order-history .order-container table .table-content td .disable-user, .account .order-history .order-container table .table-content td .cancel-order {
  float: none;
  margin-left: 5px;
}

/* line 30, ../../back/country/css/_country.scss */
.admin.order-history .spinner {
  margin: 10px auto;
}

/* line 36, ../../back/country/css/_country.scss */
.country-list {
  padding-right: 30px;
  height: 500px;
  overflow-y: auto;
}
/* line 43, ../../back/country/css/_country.scss */
.country-list a:hover {
  background-color: #e6e6e6;
  color: #f89214;
}
/* line 48, ../../back/country/css/_country.scss */
.country-list a.active, .country-list a.active:hover {
  background-color: #444444;
  color: #f89214;
}
/* line 53, ../../back/country/css/_country.scss */
.country-list a.unselectable:hover {
  background-color: #ffffff;
  color: #555555;
}
/* line 61, ../../back/country/css/_country.scss */
.country-list .country-name .glyphicon-trash {
  visibility: hidden;
  float: right;
  color: #444444;
}
/* line 67, ../../back/country/css/_country.scss */
.country-list .country-name.active .glyphicon-trash {
  color: #f89214;
  visibility: visible;
}
/* line 73, ../../back/country/css/_country.scss */
.country-list .country-name:hover .glyphicon-trash {
  visibility: visible;
}

/* line 79, ../../back/country/css/_country.scss */
.country-edition {
  border-left: 1px solid #f89214;
}
/* line 84, ../../back/country/css/_country.scss */
.country-edition .country-form .promo-group {
  padding: 0;
  margin-bottom: 5px;
}
/* line 89, ../../back/country/css/_country.scss */
.country-edition .country-form .error {
  border-color: red;
}
/* line 93, ../../back/country/css/_country.scss */
.country-edition .country-form .homepage-image-preview img {
  max-width: 100%;
  max-height: 100px;
}
/* line 98, ../../back/country/css/_country.scss */
.country-edition .country-form .remove-homepage-image .glyphicon {
  position: absolute;
  top: 50%;
}

/* line 106, ../../back/country/css/_country.scss */
.btn-sm {
  font-size: inherit;
}

/* line 113, ../../back/country/css/_country.scss */
table.templates .template-row .template-thumbnail {
  max-width: 100px;
}

/* line 119, ../../back/country/css/_country.scss */
.templates {
  margin-left: 0px;
}
/* line 121, ../../back/country/css/_country.scss */
.templates li {
  list-style: none;
  margin-top: 10px;
}
/* line 127, ../../back/country/css/_country.scss */
.templates + li {
  padding-top: 10px;
  border-top: 1px dotted #b0aaaa;
  vertical-align: middle;
}
/* line 134, ../../back/country/css/_country.scss */
.templates img {
  width: 100%;
  height: auto;
}
/* line 140, ../../back/country/css/_country.scss */
.templates .template-row {
  position: relative;
}
/* line 143, ../../back/country/css/_country.scss */
.templates .template-row > * {
  float: left;
  padding: 8px;
}
/* line 147, ../../back/country/css/_country.scss */
.templates .template-row .template-thumbnail {
  max-width: 125px;
}
/* line 151, ../../back/country/css/_country.scss */
.templates .template-row .template-name-input input {
  width: 250px;
}

/* line 157, ../../back/country/css/_country.scss */
.country-edit-title {
  font-size: 30px;
  font-weight: bold;
}

/* line 163, ../../back/country/css/_country.scss */
.no-order {
  text-align: center;
  font-size: 14px;
}
/* line 167, ../../back/country/css/_country.scss */
.no-order.red {
  color: red;
  font-weight: bold;
}

/* line 174, ../../back/country/css/_country.scss */
.search-btn {
  padding-bottom: 3px;
  padding-top: 4px;
}

/* line 180, ../../back/country/css/_country.scss */
.admin-list {
  padding-right: 30px;
  height: 500px;
  overflow-y: auto;
}
/* line 185, ../../back/country/css/_country.scss */
.admin-list .table {
  margin-bottom: 0;
}
/* line 188, ../../back/country/css/_country.scss */
.admin-list .table th {
  text-align: center;
  color: #444444;
  border: none;
  padding-bottom: 2px;
}
/* line 194, ../../back/country/css/_country.scss */
.admin-list .table th:first-child {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  /* line 194, ../../back/country/css/_country.scss */
  .admin-list .table th:first-child {
    text-align: center;
  }
}
/* line 203, ../../back/country/css/_country.scss */
.admin-list .table .table-content {
  background-color: #444444;
  color: #e6e6e6;
  border-bottom: 1px solid #ffffff;
}
/* line 208, ../../back/country/css/_country.scss */
.admin-list .table .table-content td {
  padding: 12px 5px;
  text-align: center;
}
/* line 212, ../../back/country/css/_country.scss */
.admin-list .table .table-content td .row-content {
  padding-right: 8px;
  border-right: 1px solid #f89214;
}
/* line 217, ../../back/country/css/_country.scss */
.admin-list .table .table-content td:first-child {
  text-align: left;
}
/* line 221, ../../back/country/css/_country.scss */
.admin-list .table .table-content td:last-child {
  padding-bottom: 7px;
}
/* line 224, ../../back/country/css/_country.scss */
.admin-list .table .table-content td:last-child .row-content {
  border: none;
}
/* line 229, ../../back/country/css/_country.scss */
.admin-list .table .table-content td:last-child .row-content span:first-child {
  margin-right: 20px;
}
/* line 236, ../../back/country/css/_country.scss */
.admin-list .table .table-content td img {
  margin-top: -7px;
}
/* line 241, ../../back/country/css/_country.scss */
.admin-list .table .table-content.icon {
  width: 20px;
  text-align: right;
}

/* line 254, ../../back/country/css/_country.scss */
.admin-country-list:last-child .separator-admin {
  display: none;
}

/* line 261, ../../back/country/css/_country.scss */
.new-admin {
  background: #444444;
  color: #f89214;
  padding: 10px;
}

/* line 268, ../../back/country/css/_country.scss */
.promo-label, .country-admin-label {
  margin-bottom: 15px;
  width: 100%;
  overflow: hidden;
}
/* line 273, ../../back/country/css/_country.scss */
.promo-label .promo, .promo-label .country-admin, .country-admin-label .promo, .country-admin-label .country-admin {
  padding: 5px;
  background-color: #00cdea;
  margin-right: 5px;
  width: auto;
  display: inline-block;
  color: #ffffff;
  font-weight: bold;
  border-radius: 5px;
  position: relative;
}
/* line 286, ../../back/country/css/_country.scss */
.promo-label .promo:hover .remove-promo, .promo-label .promo:hover .remove-country-admin, .promo-label .country-admin:hover .remove-promo, .promo-label .country-admin:hover .remove-country-admin, .country-admin-label .promo:hover .remove-promo, .country-admin-label .promo:hover .remove-country-admin, .country-admin-label .country-admin:hover .remove-promo, .country-admin-label .country-admin:hover .remove-country-admin {
  display: block;
}
/* line 291, ../../back/country/css/_country.scss */
.promo-label .promo .remove-promo, .promo-label .promo .remove-country-admin, .promo-label .country-admin .remove-promo, .promo-label .country-admin .remove-country-admin, .country-admin-label .promo .remove-promo, .country-admin-label .promo .remove-country-admin, .country-admin-label .country-admin .remove-promo, .country-admin-label .country-admin .remove-country-admin {
  display: none;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  padding: 7% 45%;
  color: red;
  font-weight: bolder;
  width: 100%;
  height: 100%;
}

/* line 309, ../../back/country/css/_country.scss */
#order-cancel-modal form {
  margin-top: 20px;
}

/* line 315, ../../back/country/css/_country.scss */
.order-info-container .tooltip-inner {
  text-align: left;
}

/* line 320, ../../back/country/css/_country.scss */
#date-end, #date-start {
  max-width: 130px;
}

/* line 325, ../../back/country/css/_country.scss */
.custom-block-image-preview img {
  max-width: 150px;
}

/* line 7, ../../back/menu/css/_menu.scss */
.menu-border .menu .menu-right .flag-mobile.back {
  right: 10px;
}
/* line 11, ../../back/menu/css/_menu.scss */
.menu-border .menu .menu-right .menu-icon.menu-user.back {
  margin-right: 10px;
}