/* 
	Table of Contents

    01. Vendor ------------------------------------
         Slider -----------------------------------
         Magnific Popup CSS -----------------------
         Main image in popup ----------------------
         The shadow behind the image --------------
    02. Settings ----------------------------------
    03. Sprite ------------------------------------
    04. Generic -----------------------------------
    05. Base --------------------------------------
    06. Fonts -------------------------------------
    07. Helpers -----------------------------------
         Clear ------------------------------------
         Notext -----------------------------------
         Hidden -----------------------------------
         Alignleft --------------------------------
         Alignright -------------------------------
         Disabled ---------------------------------
         Grid -------------------------------------
         Responsive Helpers -----------------------
    08. Reset -------------------------------------
    09. Regions -----------------------------------
    10. Container ---------------------------------
    11. Content -----------------------------------
    12. Footer ------------------------------------
    13. Header ------------------------------------
    14. Main --------------------------------------
    15. Shell -------------------------------------
    16. Sidebar -----------------------------------
    17. Wrapper -----------------------------------
    18. Modules -----------------------------------
    19. Advantages --------------------------------
    20. Advantage ---------------------------------
    21. Advantages  Secondary ---------------------
    22. Article -----------------------------------
    23. Articles ----------------------------------
    24. Button ------------------------------------
         Button Block -----------------------------
    25. Form Elements -----------------------------
    26. Form --------------------------------------
    27. List --------------------------------------
    28. List Dash ---------------------------------
    29. List Partners -----------------------------
    30. List Dots ---------------------------------
    31. List Dash  Alt ----------------------------
    32. Logo --------------------------------------
    33. Map Canvas --------------------------------
    34. Nav ---------------------------------------
    35. Plans -------------------------------------
    36. Popup -------------------------------------
    37. Products ----------------------------------
    38. Section -----------------------------------
    39. Section  Timeline -------------------------
    40. Section  Secondary ------------------------
    41. Section  Concept --------------------------
    42. Section  Services -------------------------
    43. section--products -------------------------
    44. Section  Contacts -------------------------
    45. Section  Contacts -------------------------
    46. Services ----------------------------------
    47. Slider ------------------------------------
    48. Table -------------------------------------
    49. Timeline ----------------------------------
    50. Widget ------------------------------------
    51. Themes ------------------------------------
 */

/* ------------------------------------------------------------ *\
	Vendor
\* ------------------------------------------------------------ */

/* Slider */

.slick-slider
{
    position: relative;

    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus
{
    outline: none;
}

.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}

.slick-track:after
{
    clear: both;
}

.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide
{
    float: right;
}

.slick-slide img
{
    display: block;
}

.slick-slide.slick-loading img
{
    display: none;
}

.slick-slide.dragging img
{
    pointer-events: none;
}

.slick-initialized .slick-slide
{
    display: block;
}

.slick-loading .slick-slide
{
    visibility: hidden;
}

.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* Magnific Popup CSS */

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
    color: #CCC; }

.mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
          box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }

.mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
    margin-top: -54px; }

.mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }

.mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }

.mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */

.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }

.mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
        transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
        transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
        transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/* ------------------------------------------------------------ *\
	Settings
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Sprite
\* ------------------------------------------------------------ */

.brand-afim
{ background: url(../images/sprite/brand-afim.png) no-repeat 0 0; background-size: 100% 100%; width: 61px; height: 33px; display: inline-block; vertical-align: middle; font-size: 0px; }

.brand-preventeo
{ background: url(../images/sprite/brand-preventeo.png) no-repeat 0 0; background-size: 100% 100%; width: 120px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-aide
{ background: url(../images/sprite/ico-aide.png) no-repeat 0 0; background-size: 100% 100%; width: 100px; height: 100px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-building
{ background: url(../images/sprite/ico-building.png) no-repeat 0 0; background-size: 100% 100%; width: 93px; height: 90px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-cloud
{ background: url(../images/sprite/ico-cloud.png) no-repeat 0 0; background-size: 100% 100%; width: 77px; height: 53px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-directions
{ background: url(../images/sprite/ico-directions.png) no-repeat 0 0; background-size: 100% 100%; width: 78px; height: 62px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-document
{ background: url(../images/sprite/ico-document.png) no-repeat 0 0; background-size: 100% 100%; width: 100px; height: 100px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-ger
{ background: url(../images/sprite/ico-ger.png) no-repeat 0 0; background-size: 100% 100%; width: 100px; height: 100px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-hands
{ background: url(../images/sprite/ico-hands.png) no-repeat 0 0; background-size: 100% 100%; width: 73px; height: 63px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-handsake
{ background: url(../images/sprite/ico-handsake.png) no-repeat 0 0; background-size: 100% 100%; width: 77px; height: 78px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-intervation
{ background: url(../images/sprite/ico-intervation.png) no-repeat 0 0; background-size: 100% 100%; width: 92px; height: 90px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-intervention
{ background: url(../images/sprite/ico-intervention.png) no-repeat 0 0; background-size: 100% 100%; width: 99px; height: 100px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-key
{ background: url(../images/sprite/ico-key.png) no-repeat 0 0; background-size: 100% 100%; width: 92px; height: 90px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-maintenance
{ background: url(../images/sprite/ico-maintenance.png) no-repeat 0 0; background-size: 100% 100%; width: 100px; height: 100px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-monitor
{ background: url(../images/sprite/ico-monitor.png) no-repeat 0 0; background-size: 100% 100%; width: 76px; height: 76px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-parametrage
{ background: url(../images/sprite/ico-parametrage.png) no-repeat 0 0; background-size: 100% 100%; width: 100px; height: 100px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-price
{ background: url(../images/sprite/ico-price.png) no-repeat 0 0; background-size: 100% 100%; width: 77px; height: 73px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-project
{ background: url(../images/sprite/ico-project.png) no-repeat 0 0; background-size: 100% 100%; width: 90px; height: 90px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-puzzle
{ background: url(../images/sprite/ico-puzzle.png) no-repeat 0 0; background-size: 100% 100%; width: 67px; height: 59px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-reporting
{ background: url(../images/sprite/ico-reporting.png) no-repeat 0 0; background-size: 100% 100%; width: 100px; height: 100px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-reward
{ background: url(../images/sprite/ico-reward.png) no-repeat 0 0; background-size: 100% 100%; width: 84px; height: 68px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-securite
{ background: url(../images/sprite/ico-securite.png) no-repeat 0 0; background-size: 100% 100%; width: 76px; height: 76px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-settings
{ background: url(../images/sprite/ico-settings.png) no-repeat 0 0; background-size: 100% 100%; width: 53px; height: 67px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-shedule
{ background: url(../images/sprite/ico-shedule.png) no-repeat 0 0; background-size: 100% 100%; width: 87px; height: 66px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-tax
{ background: url(../images/sprite/ico-tax.png) no-repeat 0 0; background-size: 100% 100%; width: 92px; height: 90px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-touch
{ background: url(../images/sprite/ico-touch.png) no-repeat 0 0; background-size: 100% 100%; width: 73px; height: 70px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-travaux
{ background: url(../images/sprite/ico-travaux.png) no-repeat 0 0; background-size: 100% 100%; width: 100px; height: 100px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ico-vide
{ background: url(../images/sprite/ico-vide.png) no-repeat 0 0; background-size: 100% 100%; width: 100px; height: 100px; display: inline-block; vertical-align: middle; font-size: 0px; }

.logo-center
{ background: url(../images/sprite/logo-center.png) no-repeat 0 0; background-size: 100% 100%; width: 235px; height: 127px; display: inline-block; vertical-align: middle; font-size: 0px; }

.logo-corpuscloud
{ background: url(../images/sprite/logo-corpuscloud.png) no-repeat 0 0; background-size: 100% 100%; width: 350px; height: 100px; display: inline-block; vertical-align: middle; font-size: 0px; }

.logo-footer
{ background: url(../images/sprite/logo-footer.png) no-repeat 0 0; background-size: 100% 100%; width: 49px; height: 47px; display: inline-block; vertical-align: middle; font-size: 0px; }

.logo-gesem-small
{ background: url(../images/sprite/logo-gesem-small.png) no-repeat 0 0; background-size: 100% 100%; width: 124px; height: 98px; display: inline-block; vertical-align: middle; font-size: 0px; }

.logo-mobile
{ background: url(../images/sprite/logo-mobile.png) no-repeat 0 0; background-size: 100% 100%; width: 167px; height: 154px; display: inline-block; vertical-align: middle; font-size: 0px; }

.logo
{ background: url(../images/sprite/logo.png) no-repeat 0 0; background-size: 100% 100%; width: 310px; height: 154px; display: inline-block; vertical-align: middle; font-size: 0px; }

@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi)
{
	.brand-afim
{ background: url(../images/sprite/brand-afim@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 61px; height: 33px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.brand-preventeo
{ background: url(../images/sprite/brand-preventeo@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 120px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-aide
{ background: url(../images/sprite/ico-aide@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 99.5px; height: 99px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-building
{ background: url(../images/sprite/ico-building@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 93px; height: 90px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-cloud
{ background: url(../images/sprite/ico-cloud@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 77px; height: 53px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-directions
{ background: url(../images/sprite/ico-directions@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 78px; height: 62px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-document
{ background: url(../images/sprite/ico-document@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 99.5px; height: 99px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-ger
{ background: url(../images/sprite/ico-ger@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 100px; height: 100px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-hands
{ background: url(../images/sprite/ico-hands@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 73px; height: 63px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-handsake
{ background: url(../images/sprite/ico-handsake@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 77px; height: 78px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-intervation
{ background: url(../images/sprite/ico-intervation@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 92px; height: 90px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-intervention
{ background: url(../images/sprite/ico-intervention@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 99px; height: 99px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-key
{ background: url(../images/sprite/ico-key@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 92px; height: 90px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-maintenance
{ background: url(../images/sprite/ico-maintenance@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 99px; height: 99px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-monitor
{ background: url(../images/sprite/ico-monitor@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 76px; height: 76px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-parametrage
{ background: url(../images/sprite/ico-parametrage@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 100px; height: 99.5px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-price
{ background: url(../images/sprite/ico-price@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 77px; height: 73px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-project
{ background: url(../images/sprite/ico-project@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 90px; height: 90px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-puzzle
{ background: url(../images/sprite/ico-puzzle@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 67px; height: 59px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-reporting
{ background: url(../images/sprite/ico-reporting@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 99px; height: 99px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-reward
{ background: url(../images/sprite/ico-reward@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 84px; height: 68px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-securite
{ background: url(../images/sprite/ico-securite@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 76px; height: 76px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-settings
{ background: url(../images/sprite/ico-settings@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 53px; height: 67px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-shedule
{ background: url(../images/sprite/ico-shedule@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 87px; height: 66px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-tax
{ background: url(../images/sprite/ico-tax@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 92px; height: 90px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-touch
{ background: url(../images/sprite/ico-touch@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 73px; height: 70px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.ico-travaux
{ background: url(../images/sprite/ico-travaux@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 100px; height: 100px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.logo-center
{ background: url(../images/sprite/logo-center@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 235px; height: 127px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.logo-footer
{ background: url(../images/sprite/logo-footer@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 49px; height: 47px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.logo-gesem-small
{ background: url(../images/sprite/logo-gesem-small@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 124px; height: 97.5px; display: inline-block; vertical-align: middle; font-size: 0px; }
	.logo
{ background: url(../images/sprite/logo@2x.png) no-repeat 0 0; background-size: 100% 100%; width: 310px; height: 154px; display: inline-block; vertical-align: middle; font-size: 0px; }
}

/* ------------------------------------------------------------ *\
	Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { min-width: 320px; background: #fff; font-family: 'Lato', Helvetica, sans-serif; font-size: 16px; line-height: 1.3; color: #000; }

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

a:hover,
a[href^="tel"] { text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.65em; }

h1 { font-size: 40px; margin-bottom: 25px; }

h2 { font-size: 36px; color: #53095e; }

h3 { font-size: 20px; color: #53095e; }

h4 { font-size: 18px; }

h5 { font-size: 16px; }

h6 { font-size: 14px; }

p,
ul,
ol,
dl,
hr,
table,
blockquote { margin-bottom: 1.3em; }

p {
	line-height:1.75; 
	margin-bottom:26px; 
	letter-spacing: 0.04em; 
}

p + ul { margin-top:-22px; }

/*h1[class],*/

h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
/*h1:last-child,*/
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after {
    content: '';
    display: block;
    clear: both; }

/*  Notext  */

.notext { overflow: hidden; text-indent: 101%; white-space: nowrap; }

/*  Hidden  */

[hidden],
.hidden { display: none !important; }

/*  Alignleft  */

.alignleft { float: left; }

/*  Alignright  */

.alignright { float: right; }

/*  Disabled  */

[disabled],
.disabled { cursor: default; }

/*  Grid  */

.cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }

.col { max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; }

.col--1of2 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }

/*  Responsive Helpers  */

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }

@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
}

@media (min-width: 768px) and (max-width: 1023px) {
	.hidden-sm { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}

@media (min-width: 1024px) and (max-width: 1200px) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}

@media (min-width: 1201px) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}

.mfp-auto-cursor .mfp-content {
	max-width: 652px;
}

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

* { padding: 0; margin: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

*:before,
*:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main { display: block; }

template { display: none; }

html { -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img,
iframe,
video,
audio,
object { max-width: 100%; }

img,
iframe { border: 0 none; }

img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }

textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { font-size:16px; font-weight:700; color: #200025; border-top:1px solid #a4a3a3; }

.footer .footer__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 14px 31px 7px 31px; }

.footer .logo-footer { margin: 0 10px; }

.footer a { text-decoration: none; }

.footer a:hover { text-decoration: underline; }

@media (max-width: 1023px) {
	.footer .footer__inner { padding-left:0; padding-right:0; }
}

@media (max-width: 767px) {
	.footer { text-align:center; }
	.footer .footer__inner { display:block; }
	.footer .copyright { margin: 20px 0; }
	.footer .copyright span { display:block; margin: 10px 0; }
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { background:#fff; height:95px; position: relative; z-index: 99; position: fixed; top:0; width:100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.header .header__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left:84px; }

.header.fixed { background:#9b57a7; }

.header.fixed .nav li:not(.active) a { color: #fff; }

.header .logo-mobile { display:none; width:84px; height:77px; margin-top:10px; }

.header.fixed .logo-mobile { display:block; }

.header.fixed .logo { display:none; }

@media (max-width: 1400px) {
	.header .header__inner { padding-left:0; }
}

@media (max-width: 1023px) {
	.header { height: auto; padding: 10px 0; background: #FFFFFF5A;}

	.header .logo-mobile { margin-top:0; }
	.header .header__inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
	.header.fixed .nav { background:#9b57a7; }
}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1460px; padding-left: 10px; padding-right: 10px; margin: auto; }

.shell--fluid { max-width: none; }

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { min-height: 100vh; }

/* ------------------------------------------------------------ *\
	Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Advantages
\* ------------------------------------------------------------ */

.advantages { padding: 40px 0 46px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 55px; margin-bottom: 37px;}

@media (max-width: 1400px) {
	.advantages { margin: 0; }
}

/* ------------------------------------------------------------ *\
	Advantage
\* ------------------------------------------------------------ */

.advantage { -webkit-box-flex:1; -ms-flex:1 1; flex:1 1; padding: 0 25px; text-align:justify; }

.advantage .advantage__image { text-align:center; margin-bottom:24px; }

.advantage .advantage__title { text-align:center; margin-bottom:6px; }

@media (max-width: 1400px) {
	.advantage { padding: 0 20px; }
}

@media (max-width: 1200px) {
	.advantage { max-width: 33.3%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; }
}

@media (max-width: 767px) {
	.advantages { display:block; }
	.advantage { max-width: 100%; margin-bottom:20px; }
	.advantage .advantage__image { margin-bottom:10px; }
}

/* ------------------------------------------------------------ *\
	Advantages  Secondary
\* ------------------------------------------------------------ */

.advantages--secondary { margin: 0 132px; padding: 6px 0 0 0; }

.advantage--secondary { margin-bottom:37px; }

.advantage--secondary .advantage__image { margin-bottom:15px; }

.advantage--secondary .advantage__title { color: #f88c0c; }

@media (max-width: 1200px) {
	.advantages--secondary { margin: 0; }
}

@media (max-width: 767px) {
	.advantages--secondary { padding-bottom:20px; }
}

/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */

.article-simple { padding: 0 158px; margin-bottom:86px; }

.article-simple h3 { color: #000; text-align:center; margin-bottom:28px; }

@media (max-width: 1023px) {
	.article-simple { padding: 0 50px; }
}

@media (max-width: 767px) {
	.article-simple { padding: 0 0 0 30px; }
}

/* ------------------------------------------------------------ *\
	Articles
\* ------------------------------------------------------------ */

.articles { padding: 0 73px; }

.article { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom:66px; }

.article .article__body { -webkit-box-flex:1; -ms-flex:1 1; flex:1 1; padding-left:60px; }

.article .article__title { margin-bottom:24px; }

.article .list-dash { margin-top:0; padding-top:5px; }

.article:nth-child(odd) .article__image { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; }

.article:nth-child(odd) .article__body { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; padding-right:30px; padding-left:0; }

.articles2 { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}

.article2-logo { display:-webkit-box; display:-ms-flexbox; display:flex; padding-left: 20px;  padding-right: 20px;  height: auto;}

@media (max-width: 1200px) {
	.article .article__image  { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }

}

@media (max-width: 1023px) {
	.articles { padding: 0; }

	.article { display:block; overflow: hidden; }
	.article .article__image { float:left; margin-right:20px; }
	.article .article__body { padding-left:0; }
}

@media (max-width: 767px) {	
	.article .article__image { float:none; max-width: 100%; margin: 0 0 20px 0; }
}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/*  Button Block  */

.btn--block { display: block; padding-left: 0; padding-right: 0; }

.btn-menu { width:40px; }

.btn-menu span { display:block; margin: 5px; height:5px; background:#f7941e; }

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }

textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }

textarea:-ms-input-placeholder { color: inherit; opacity: 1; }

textarea::-ms-input-placeholder { color: inherit; opacity: 1; }

textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.field-error { display: none; margin-top: 5px; margin-bottom: 10px; color: #ff0000; font-size: 14px; text-align: left; }

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form { max-width: 400px; margin: 0 auto; padding: 16px 0 0 0; }

.form .form__row { margin-bottom:24px; }

.form .form__actions { position: relative; overflow: hidden; }

.form .form__btn { margin-top:10px; float: right; background:#f7941e; color: #7a5385; border:none; padding: 0 30px; height:42px; border-radius: 20px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.form .g-recaptcha { float: right; }

.form .form__btn:hover { opacity: .7; }

.form .textarea,
.form .field { display:block; width:100%; border:none; border-bottom:2px solid #70467b; color: #70467b; padding: 12px 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.form .field.error { border-bottom-color: #ff0000 }

.form .textarea { height:182px; }

@media (max-width: 767px) {
.form { max-width: 320px; }
.form .form__actions {-ms-transform:scale(0.90);transform:scale(0.90);-webkit-transform:scale(0.90);-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform-origin:0 0; }
.form .g-recaptcha { float: left; -ms-transform:scale(0.85); transform:scale(0.85);-webkit-transform:scale(0.85);-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform-origin:0 0; }
}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

.list-services { font-size:0; }

.list-services a { display:block; border-radius: 50%;  }

.list-services a i { -webkit-box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.5); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-radius: 50%; }

.list-services a:hover i { -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.7); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.7); }

.list-services li { position: absolute; }

.list-services li:nth-child(1) { top:23.2%; left:28.9%; }

.list-services li:nth-child(2) { top:23.2%; left:66.3%; }

.list-services li:nth-child(3) { top:44%; left:42.6%; }

.list-services li:nth-child(4) { top:44%; left:52%; }

.list-services li:nth-child(5) { top:66%; left:28.9%; }

.list-services li:nth-child(6) { top:66%; left:66.3%; }

.list2-services { font-size:0; }

.list2-services a { display:block; border-radius: 50%;  }

.list2-services a i { -webkit-box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.5); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-radius: 50%; }

.list2-services a:hover i { -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.7); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.7); }

.list2-services li { position: absolute; }

.list2-services li:nth-child(1) { top:25.6%; left:28.9%; }

.list2-services li:nth-child(2) { top: 25.6%; left:66.3%; }

.list-services li i { width:7vw; height:7vw; max-width: 100px; max-height: 100px;}

.list2-services li i { width:7vw; height:7vw; max-width: 100px; max-height: 100px;}

@media (max-width: 767px) {
	.list-services { font-size:16px; font-weight:900; }
	.list-services li { position:static; margin-bottom:20px; }
	.list-services li i { width:12vw; height:12vw; margin-right:10px; }
	.list-services a { text-decoration: none; }
	.list-services a:hover { color: #9b57a7; }
	
	.list2-services { font-size:16px; font-weight:900; list-style: none; }
	.list2-services li { position:static; margin-bottom:20px; }
	.list2-services li i { width:12vw; height:12vw; margin-right:10px; }
	.list2-services a { text-decoration: none; }
	.list2-services a:hover { color: #9b57a7; }

}

/* ------------------------------------------------------------ *\
	List Dash
\* ------------------------------------------------------------ */

.list-dash { padding-left:20px; margin-top:9px; list-style: circle;}

.list-dash li + li { margin-top:9px; }

/* ------------------------------------------------------------ *\
	List Partners
\* ------------------------------------------------------------ */

.list-partners { font-size:12px; text-align:left; padding-right:6px; margin-top: 20px; margin-bottom:50px; margin-left: 70px;}

.list-partners li { display: inline-block; vertical-align: middle; padding-left:0px; }

.list-partners li * { display: inline-block; vertical-align: middle; margin-left:4px; }

@media (max-width: 1023px) {
	.list-partners li:first-child { padding-left: 0; }
}

@media (max-width: 767px) {
	.list-partners { padding: 0; text-align:left; margin-bottom:10px; }
	.list-partners li { padding: 0; margin-bottom:10px; }
}

/* ------------------------------------------------------------ *\
	List Dots
\* ------------------------------------------------------------ */

.list-dots { padding-left:35px; margin-top:9px; }

.list-dots li { margin-bottom:7px; position: relative; letter-spacing: 0.03em; margin-top:9px;}

.list-dots li + li { margin-top:9px; }

.list-dots li:before { content:'•'; position: absolute; top:0; left:-25px; }

/* ------------------------------------------------------------ *\
	List Dash  Alt
\* ------------------------------------------------------------ */

.list-dash--alt li + li { margin-top:33px; }

@media (max-width: 1023px) {
	.list-dash--alt li + li { margin-top:0; }
}

.form__actions { position: relative; }

.lds-hourglass { display: inline-block; position: absolute; width: 44px; top: 64px; bottom: 10px; left: 150px; }

.lds-hourglass { display: none; }

.lds-hourglass:after { content: " "; display: block; border-radius: 50%; width: 0; height: 0; margin: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 26px solid #9b57a7; border-color: #9b57a7 transparent #9b57a7 transparent; -webkit-animation: lds-hourglass 1.2s infinite; animation: lds-hourglass 1.2s infinite; }

@-webkit-keyframes lds-hourglass {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    -webkit-transform: rotate(900deg);
            transform: rotate(900deg);
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    -webkit-transform: rotate(1800deg);
            transform: rotate(1800deg);
  }
}

@keyframes lds-hourglass {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    -webkit-transform: rotate(900deg);
            transform: rotate(900deg);
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    -webkit-transform: rotate(1800deg);
            transform: rotate(1800deg);
  }
}

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo-bas {
	width:155px; height:153px;

}

@media (max-width: 1200px) {
	.logo { width:155px; height:77px; margin-top:10px; }
}

@media (max-width: 1023px) {
	.logo { margin-top:0; }
}

/* ------------------------------------------------------------ *\
	Map Canvas
\* ------------------------------------------------------------ */

.map { position: relative; }

.map .map-canvas { padding-bottom:34vw; position: relative; }

.map .map-canvas iframe { display:block; width:100%; height:100%; position: absolute; }

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav { font-size:20px; color: #53504d; padding-top:48px; font-weight:900; padding-right:16px; }

.nav li { list-style:none; list-style-position: outside; display: inline-block; vertical-align: middle; }

.nav li + li { padding-left:29px; }

.nav li.active a { color: #f7941e; }

.nav a { text-decoration: none; letter-spacing: 0.02em; }

.nav a:hover { text-decoration: underline; }

@media (max-width: 1200px) {
	.nav { font-size:16px; padding-top:37px; }
}

@media (max-width: 1023px) {
	.nav { padding: 20px; position: absolute; top:150%; background:#fff; width:100%; left:0; visibility: hidden; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
	.nav li { display:block; }
	.nav li + li { padding-left:0; margin-top:20px; }

	.nav.open { max-height: 300px; overflow: auto; top:100%; visibility: visible; opacity: 1; }
}

/* ------------------------------------------------------------ *\
	Plans
\* ------------------------------------------------------------ */

.plans { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top:10px; margin-bottom:40px; }

.plan { border:1px solid #a3a3a3; text-align:center; background:#fff; width:348px; min-height: 348px; padding: 20px 30px; margin: 0 28px; }

.plan .plan__title { color: #9b57a7; margin-bottom:36px; }

.plan .plan__content { text-align:left; padding-left: 10px;}

.plan ul { list-style:none; list-style-position: outside; padding-left:4px; }

.plan ul li { margin-bottom:7px; }

@media (max-width: 1200px) {
	.plan { margin: 0 20px; width:280px; }
}

@media (max-width: 1023px) {
	.plans { display:block; }
	.plan { margin: 0 auto 20px auto; width:60%; }
}

@media (max-width: 767px) {
	.plan { width:100%; }
}

/* ------------------------------------------------------------ *\
	Popup
\* ------------------------------------------------------------ */

.popup { margin: 0 auto; background:#eeeeef; border:6px solid #7f5989; text-align:center; padding: 35px 0; }

.popup .popup__image { margin-bottom:68px; }

.popup .popup__body { text-align:left; padding: 0 38px; margin-bottom:100px; }

.popup .popup__head { text-transform: uppercase; color: #f7941e; }

.popup .popup__head h3 { text-transform: uppercase; color: inherit; text-shadow: 0px 1px rgba(0, 0, 0, 0.5);}

.popup .popup__image i { border-radius: 50%; -webkit-box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.5); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.popup .popup__lien { text-align: center; color: #0491f6; }

/* ------------------------------------------------------------ *\
	Products
\* ------------------------------------------------------------ */

.products { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding:8px 0 45px 0; }

.product { border:0px solid #adadad; background:#dededf; padding: 13px; width:350px; margin: 0 27px 48px 27px; position: relative; -webkit-box-shadow: 2px 2px 10px 0px rgba(50, 50, 50, 0.4); box-shadow: 2px 2px 10px 0px rgba(50, 50, 50, 0.4); }

.product .product__title { position:absolute; top:30px; left:0; width:100%; text-align:center; }

.product .product__image { display:block; border:0px solid #f88d0c; }

@media (max-width: 1200px) {
	.product { width:250px; }
}

@media (max-width: 1023px) {
	.product { width:300px; }
}

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section .section__head { text-align:center; margin-bottom:29px; }

.section .section__title { font-weight:900; }

.section .section__subtitle { margin-bottom:20px; margin-top: 29px;}

.section .section__subtitle--center { margin-bottom:20px; margin-top: 29px; text-align: center;}

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

.section .section__image { margin-top: 100px; }

/* ------------------------------------------------------------ *\
	Section  Timeline
\* ------------------------------------------------------------ */

.section--timeline { margin-bottom:73px; }

.section--timeline .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }

.section--timeline .section__body { -webkit-box-flex:1; -ms-flex:1 1; flex:1 1; padding-right:70px; }

.section--timeline .section__aside { width:563px; text-align:center; }

.section--timeline .section__image--center { margin-top:9px; margin-bottom:6px; }

.section--timeline .section__image--center img { margin-left:-45px; }

.section--timeline .section__aside--secondary { padding-top:92px; text-align:center; padding-right:140px; }

.section--timeline .section__inner + .section__inner { margin-top:30px; }

@media (max-width: 1400px) {
	.section--timeline .section__image--center { margin: 30px 0; }
}

@media (max-width: 1200px) {
	.section--timeline .section__aside { width: 427px; padding-left:20px; padding-right:20px; }
}

@media (max-width: 1023px) {
	.section--timeline .section__aside { padding-right:20px; width:310px; padding-left:0; }
	.section--timeline .section__body { padding-right:0; }
}

@media (max-width: 767px) {
	.section--timeline .section__inner { display:block; }
	.section--timeline .section__aside { width:100%; margin: 0 0 20px 0; }
	.section--timeline .section__image--center img { margin: 0; }
}

/* ------------------------------------------------------------ *\
	Section  Secondary
\* ------------------------------------------------------------ */

.section--secondary { background:#eeeeef; padding-top:30px; padding-bottom: 5px;}

/* ------------------------------------------------------------ *\
	Section  Concept
\* ------------------------------------------------------------ */

.section--concept .section__head { font-size:20px; }

.section--concept .section__title { margin-bottom:45px; }

.section--concept .section__subtitle { margin-bottom:35px; }

/* ------------------------------------------------------------ *\
	Section  Services
\* ------------------------------------------------------------ */

.section--services { padding: 24px 0 20px 0; }

.section--services .section__title { margin-bottom:30px; }

.section--services .section__subtitle { margin-bottom:40px; }

.section--services .section__head { padding: 0 25px; margin-bottom:20px; }

.section--services .section__head p { text-align:left; }

.section--services .section__text { padding-left: 50px;}

@media (max-width: 767px) {
	.section--services .section__head { padding: 0; }
}

/* ------------------------------------------------------------ *\
	section--products
\* ------------------------------------------------------------ */

.section--products { padding: 30px 0 0 0; }

/* ------------------------------------------------------------ *\
	Section  Contacts
\* ------------------------------------------------------------ */

.section--contacts { padding: 20px 0 0 0; }

/* ------------------------------------------------------------ *\
	Section  Contacts
\* ------------------------------------------------------------ */

.section--contacts .section__body { padding: 60px 0; }

/* ------------------------------------------------------------ *\
	Services
\* ------------------------------------------------------------ */

.services { position: relative; display: inline-block; }

@media (max-width: 767px) {
	.services { display:block; }
	.services img { display:none; }
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider { margin-bottom:14px; }

.slider .slider__slide-image img { display:block; width:100%; }

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Timeline
\* ------------------------------------------------------------ */

.timeline { padding-top:55px; padding-bottom:10px;  position: relative; margin-top:7px; font-size:16px; margin-left:105px; text-align:left; }

.timeline:before { content:''; position: absolute; top:0; left:62px; width:5px; height:100%; background:#7f5989; }

.timeline .timeline__item { margin-bottom:18px; position: relative; margin-left:62px; list-style:none; list-style-position: outside; max-width: 350px; min-height: 50px; }

.timeline .timeline__item:before { content:attr(data-year); display: inline-block; position: absolute; top:3px; right:109.4%; font-weight:700; color: #f7941e; }

.timeline .timeline__item-content { position: relative; padding-left:28px; padding-top:2px; font-size:14px; font-weight:700; line-height:1.5; }

.timeline .timeline__item-content:before { content:''; width:26px; height:26px; border-radius: 50%; background:#fff; position: absolute; right:100%; top:0; margin-right:-16px; }

.timeline .timeline__item-content:after { content:''; width:20px; height:20px; border-radius: 50%; background:#fff; position: absolute; right:100%; top:3px; margin-right:-13px; border:4px solid #f7941d; }

.timeline .timeline__item { color: #f7941e; }

.timeline .timeline__item { color: #200025; }

.timeline .timeline__item:nth-child(2) { margin-bottom:30px; }

.timeline .timeline__item:nth-child(4) { margin-bottom:40px; }

@media (max-width: 1023px) {
	.timeline { margin-left:10px; }
}

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 55px; }

.widget { background:#fff; -webkit-box-shadow: 2px 2px 10px 0px rgba(50, 50, 50, 0.4); box-shadow: 2px 2px 10px 0px rgba(50, 50, 50, 0.4); -webkit-box-flex:1; -ms-flex:1 1; flex:1 1; margin: 0 15px; text-align:center; padding: 37px 0 45px 0; }

.widget .widget__title { color: #f7941e; margin-bottom:30px; }

.widget .widget__image { margin-bottom:30px; }

.widget .link-phone { display: inline-block; color: #f7941e; font-size:64px; font-weight:900; margin-bottom:31px; }

.widget .address { color: #774f83; font-weight:700; font-size:24px; line-height:2.4; }

.widget .rgpd-txt { text-align:left; }

.widget .rgpd-chk { padding-left: 310px; }

@media (max-width: 1200px) {
	.widgets { margin: 0; }
}

@media (max-width: 1023px) {
	.widgets { display:block; }
	.widget { margin-bottom:30px; }
}

@media (max-width: 767px) {
	.widget { margin: 0 0 20px 0; padding:20px; }
	.widget .link-phone { font-size:34px; }
	.widget .rgpd-chk { padding-left: 235px; }
}

/* ------------------------------------------------------------ *\
	Themes
\* ------------------------------------------------------------ */

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