.sprite-trust {
  background-size: 157.5px 3015px;
  width: 116.25px;
  height: 115.5px;
}
.sprite-retrieve {
  background-size: 210px 4020px;
  width: 52px;
  height: 51px;
}
.sprite-alert {
  background-size: 210px 4020px;
  width: 52px;
  height: 51px;
}
.sprite-response {
  background-size: 210px 4020px;
  width: 52px;
  height: 51px;
}
.sprite-review {
  background-size: 210px 4020px;
  width: 52px;
  height: 51px;
}
.sprite-share {
  background-size: 210px 4020px;
  width: 52px;
  height: 51px;
}
.sprite-dash {
  background-size: 210px 4020px;
  width: 52px;
  height: 51px;
}
.sprite-book {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.sprite-mail {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.sprite-search {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.sprite-check {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.sprite-with-ipad {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.sprite-with-ipad-checked {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.sprite-with-dock {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.sprite-with-dock-checked {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.sprite-hotel-checked {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.sprite-hotel {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.sprite-chambre-checked {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.sprite-chambre {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.sprite-camping-checked {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.sprite-camping {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.sprite-restaurant-checked {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.sprite-restaurant {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.sprite-other-checked {
  background-size: 118.5px 231px;
  width: 114px;
  height: 113.25px;
}
.sprite-other {
  background-size: 118.5px 231px;
  width: 114px;
  height: 113.25px;
}
.sprite-livredor {
  background-size: 157.5px 3015px;
  width: 119.25px;
  height: 131.25px;
}
.sprite-ereputation {
  background-size: 157.5px 3015px;
  width: 120px;
  height: 131.25px;
}
.sprite-ereputation-premium {
  background-size: 157.5px 3015px;
  width: 148.5px;
  height: 136.5px;
}
.sprite-none {
  background-size: 120px 232.5px;
  width: 114px;
  height: 113.25px;
}
.sprite-none-checked {
  background-size: 120px 232.5px;
  width: 114px;
  height: 113.25px;
}
.sprite-date-any {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.sprite-date-any-checked {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.sprite-date-morning {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.sprite-date-morning-checked {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.sprite-date-morning-end {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.sprite-date-morning-end-checked {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.sprite-date-noon {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.sprite-date-noon-checked {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.sprite-date-afternoon {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.sprite-date-afternoon-checked {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.sprite-date-afternoon-end {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.sprite-date-afternoon-end-checked {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.sprite-date-dawn {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.sprite-date-dawn-checked {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
/*===================================================================================
/* GENERAL
/*===================================================================================*/
.html-full-page {
  height: 100%;
  overflow: hidden;
}
.row {
  /* For some reason, bootstrap believes that a row should take up 100% width of the page.
	Hint : it shouldn't. Limit the width & center it. */
  max-width: 62.5em !important;
  margin: 0 auto !important;
  padding-left: 10px;
  padding-right: 10px;
}
h3.emphasis {
  color: #da3768;
}
.rgo h3.emphasis {
  color: #01548b;
}
.row.fullwidth {
  width: 100%;
  margin: auto;
  max-width: initial;
}
.row.fullwidth.separator {
  padding-top: 60px;
  height: 1px;
  border-bottom: 1px solid #E8E8E8;
  width: 100%;
  max-width: 100% !important;
}
.row.fullwidth .row {
  /* Row emulation hack. Allows us to have normal size rows inside full width rows */
  max-width: 62.5em;
}
.negative {
  color: #E8E8E8;
}
.trust-features i {
  line-height: 120px;
  font-size: 36px;
  padding-left: 18px;
}
/*===================================================================================
/* UI Elements
/*===================================================================================*/
.site-logo {
  position: relative;
  z-index: 100;
  max-width: 200px;
}
.feature-list td {
  border-left: 1px solid #E8E8E8;
}
.feature-list td:first-child {
  background-color: #FAFAFA;
}
.feature-list .livredor {
  background-size: 157.5px 3015px;
  width: 119.25px;
  height: 131.25px;
}
.feature-list .ereputation {
  background-size: 157.5px 3015px;
  width: 120px;
  height: 131.25px;
}
.feature-list .ereputation-premium {
  background-size: 157.5px 3015px;
  width: 148.5px;
  height: 136.5px;
}
#features-tabs .feat-alert,
.features-icons .feat-alert {
  background-size: 210px 4020px;
  width: 52px;
  height: 51px;
}
#features-tabs .feat-retrieve,
.features-icons .feat-retrieve {
  background-size: 210px 4020px;
  width: 52px;
  height: 51px;
}
#features-tabs .feat-response,
.features-icons .feat-response {
  background-size: 210px 4020px;
  width: 52px;
  height: 51px;
}
#features-tabs .feat-review,
.features-icons .feat-review {
  background-size: 210px 4020px;
  width: 52px;
  height: 51px;
}
#features-tabs .feat-share,
.features-icons .feat-share {
  background-size: 210px 4020px;
  width: 52px;
  height: 51px;
}
#features-tabs .feat-dash,
.features-icons .feat-dash {
  background-size: 210px 4020px;
  width: 52px;
  height: 51px;
}
.person-presenter {
  display: inline-block;
  padding: 20px;
}
.person-presenter img {
  box-shadow: inset 0px 0px 5px #444;
  width: 200px;
  height: 200px;
}
.page {
  padding-bottom: 80px;
}
.features-icons {
  min-height: 120px;
  padding-top: 22px;
}
.features-icons .sprite {
  margin: 0 auto;
}
#features-tabs li {
  padding-left: 0;
  padding-right: 0;
}
#features-tabs {
  margin-top: -10px;
}
.feature {
  padding-top: 60px;
}
.features .nav > li > a {
  padding: 0;
  padding-top: 9px;
  padding-bottom: 10px;
  color: #444;
}
.features .nav > li > a:hover {
  font-weight: 200;
}
.features .mobile-wrapper:after {
  right: 44px;
  top: 50%;
}
.button {
  display: inline-block;
  font-size: 16px;
  border-radius: 6px;
  font-weight: bold;
  background-color: #276674;
  transition: background-color 0.2s linear;
  height: 45px;
  margin: 20px;
  text-align: center;
  width: 200px;
  line-height: 42px;
  color: white;
}
.button:hover {
  background-color: #0d2328;
  color: white;
}
.button.demo {
  text-transform: uppercase;
}
.important {
  font-weight: 600 !important;
}
.important * {
  font-weight: 600 !important;
}
.positive {
  color: #32CF5F;
  font-size: 28px;
}
.feature-section {
  padding-bottom: 40px;
  padding-top: 20px;
}
.feature-image {
  text-align: center;
}
.feature-image .mobile-wrapper img {
  width: 400px;
}
.feature-image img {
  width: 520px;
}
.feature-image .noscale {
  width: auto;
}
.bump-down {
  margin-top: 60px;
}
#features-tabs > li > a {
  height: 107px;
}
.nav-tabs > li {
  margin-bottom: 0px;
}
.modal-link {
  color: #da3768;
  cursor: pointer;
}
.rgo .modal-link {
  color: #01548b;
  cursor: pointer;
}
.mobile-wrapper {
  border-left: 60px solid #F4F4F4;
  border-right: 60px solid #F4F4F4;
  border-top: 50px solid #F4F4F4;
  border-bottom: 50px solid #F4F4F4;
  border-radius: 20px;
  box-shadow: -3px 4px 1px 2px #D4D0D3;
  width: auto;
  padding: 0;
  margin: 0 0 24px 0;
  display: inline-block;
  background-color: white;
}
.mobile-wrapper iframe {
  border: 1px solid #000;
  border-radius: 3px;
}
.mobile-wrapper > img {
  border: 1px solid #000;
  border-radius: 3px;
}
.mobile-wrapper:before {
  position: absolute;
  top: 50%;
  left: 32px;
  padding-left: 0px;
  content: ' ';
  height: 29px;
  width: 29px;
  border: #E2E2E2 solid 2px;
  border-radius: 9999px;
  pointer-events: none;
  line-height: 20px;
  color: #F5F5F5;
  font-size: 30px;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eaeaea));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0);
  /* IE6-9 */
}
.rounded {
  border-radius: 9999px;
}
.centered {
  text-align: center;
  margin: 0 auto;
  display: block;
}
.centered div {
  margin: 0 auto;
}
.centered p {
  text-align: center;
}
/*===================================================================================
/* HTML ELEMENTS
/*===================================================================================*/
body {
  font-family: 'Roboto';
  font-weight: 200;
  font-size: 18px;
}
h1 {
  font-size: 50px;
  color: #404040;
  font-weight: 200;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 60px;
}
h2 {
  font-weight: 200;
  padding: 30px;
  text-align: center;
}
h3 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 5px;
}
h4 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0;
  color: #da3768;
}
.rgo h4 {
  color: #01548b;
}
h5 {
  font-size: 16px;
  font-weight: bold;
  color: #da3768;
}
.rgo h5 {
  color: #01548b;
}
label {
  cursor: pointer;
}
a {
  color: #da3768;
}
a:hover {
  color: #da3768;
  text-decoration: underline;
}
.rgo a {
  color: #01548b;
}
.rgo a:hover {
  color: #01548b;
  text-decoration: underline;
}
body {
  margin: 0;
  padding: 0;
}
p {
  text-align: justify;
  /* Most of the text present in p tags is a real paragraph, not just a single line */
  /* It makes sense to justify that. Other elements should be overriden independently */
}
label {
  font-weight: 400;
  display: block;
  padding-top: 10px;
}
textarea {
  width: 100%;
  border-radius: 0;
  border: 1px solid #CFCFCF;
  padding: 5px;
  font-weight: 400;
  min-height: 200px;
  transition: border-color 200ms ease-out;
  -webkit-transition: border-color 200ms ease-out;
  -moz-transition: border-color 200ms ease-out;
  -o-transition: border-color 200ms ease-out;
}
textarea:focus {
  outline: none;
}
em {
  font-size: 12px;
  font-weight: normal;
}
input,
textarea {
  font-size: 14px;
}
input[type="date"],
input[type="text"],
input[type="password"],
input[type="email"] {
  height: 40px;
  width: 100%;
  border-radius: 0;
  border: 1px solid #CFCFCF;
  padding: 5px;
  font-weight: 400;
  transition: border-color 200ms ease-out;
  -webkit-transition: border-color 200ms ease-out;
  -moz-transition: border-color 200ms ease-out;
  -o-transition: border-color 200ms ease-out;
}
input[type="checkbox"] {
  display: inline;
  width: 50px;
  height: auto;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus {
  border: 1px solid #da3768;
  outline: none;
}
.rgo textarea:focus,
input[type="text"]:focus,
.rgo input[type="password"]:focus,
.rgo input[type="email"]:focus {
  border: 1px solid #01548b;
  outline: none;
}
/* Le logo n'était pas aligné verticalement. */
.press-jdp {
  margin-top: 10px;
}
/* Maintenant il l'est */
.partner-logos .partner-symbiose {
  margin-top: 20px;
}
/* Lui aussi */
.slider-selection {
  background-color: #da3768;
  background-image: none;
}
.rgo .slider-selection {
  background-color: #01548b;
  background-image: none;
}
.slider-handle {
  background-color: #eee;
  background-image: none;
  opacity: 1;
  box-shadow: 0 0 2px 2px #666;
}
.tick-marks {
  padding: 0;
  margin: 0;
}
.tab-pane h4 {
  padding-bottom: 15px;
}
.tab-pane .schema {
  width: 520px;
  padding-top: 35px;
}
.mark {
  display: inline-block;
  color: #da3768;
  font-weight: bold;
  font-size: 10px;
  width: 108px;
}
.mark:last-child {
  width: 0px;
}
.mark .mark-value {
  display: block;
  margin-left: -3px;
  font-weight: bold;
  font-size: 14px;
}
.rgo .mark {
  color: #01548b;
}
/*===================================================================================
/* HEADER
/*===================================================================================*/
.navbar-default .container-fluid {
  text-align: center;
}
.header-container {
  display: inline-block;
}
.header-container .header-links {
  float: left;
}
.navbar-default {
  background: none;
  border: none;
}
.container-fluid {
  margin: 0;
  padding: 0;
}
.navbar-collapse {
  line-height: 100px;
}
.navbar-default .navbar-nav > li > a {
  line-height: 70px;
}
.navbar-nav {
  background-color: white;
}
.alerts .alert {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.header-links.collapsing,
.header-links.collapse.in {
  border: none;
  text-align: center;
  position: relative;
  z-index: 50;
}
.header-links.collapsing li,
.header-links.collapse.in li {
  height: 40px;
  line-height: 40px;
}
.header-links.collapsing li:hover,
.header-links.collapse.in li:hover,
.header-links.collapsing li:focus,
.header-links.collapse.in li:focus {
  background-color: #e9e9e9;
}
.header-links.collapsing .navbar-nav.nav > li > a,
.header-links.collapse.in .navbar-nav.nav > li > a {
  line-height: 20px;
}
.connect {
  font-weight: bold;
  padding-left: 20px;
  padding-right: 20px;
}
.connect:hover {
  cursor: pointer;
}
#connect-modal {
  font-weight: normal;
  line-height: 22px;
}
#connect-modal form input {
  margin: 5px;
}
#connect-modal p {
  padding-top: 10px;
  line-height: 28px;
}
#connect-modal a {
  color: #da3768;
}
.rgo #connect-modal a {
  color: #01548b;
}
.navbar-toggle {
  margin-top: 30px;
  margin-right: 60px;
}
header {
  height: 100px;
  font-size: 16px;
  color: #353535;
}
header a {
  display: inline-block;
  color: #353535;
}
header a:hover {
  color: #da3768;
}
header .header-logo {
  padding-top: 15px;
}
header .header-phone {
  padding-left: 20px;
}
header .header-phone a {
  font-weight: 600 !important;
}
header .header-phone .fa {
  color: #da3768;
}
header .header-link {
  font-weight: 200;
  display: inline-block;
  padding-left: 7px;
  padding-right: 7px;
  -webkit-transition: color;
  transition: color;
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
header .header-link:hover {
  opacity: 0.7;
}
header .header-link.active {
  color: #da3768;
}
.rgo header a:hover {
  color: #01548b;
}
.rgo header .header-phone .fa {
  color: #01548b;
}
.rgo header .header-link.active {
  color: #01548b;
}
.modal-slider {
  margin-top: 200px;
}
.slider-horizontal {
  width: 100% !important;
}
/*===================================================================================
/* CONTACT
/*===================================================================================*/
/*===================================================================================
/* ABOUT US
/*===================================================================================*/
.demo form select {
  margin: 7px;
}
.demo .date-selector {
  margin: 0 auto;
  text-align: center;
}
.demo .date-selector .input-holder {
  display: inline-block;
  width: 150px;
}
.demo .date-selector .input-holder input[type="checkbox"] {
  display: none;
}
.demo .date-selector .input-holder input[type="checkbox"] + label {
  display: inline-block;
  padding-top: 50px;
  cursor: pointer;
  word-break: break-all;
}
.demo .date-selector .input-holder .image-holder {
  margin: 0 auto;
}
.demo .date-selector .input-holder input[type="checkbox"][value="all"] + label .image-holder {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
  margin: 0 auto;
}
.demo .date-selector .input-holder input[type="checkbox"][value="all"]:checked + label .image-holder {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.demo .date-selector .input-holder input[type="checkbox"][value="morning"] + label .image-holder {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.demo .date-selector .input-holder input[type="checkbox"][value="morning"]:checked + label .image-holder {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.demo .date-selector .input-holder input[type="checkbox"][value="morning_end"] + label .image-holder {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.demo .date-selector .input-holder input[type="checkbox"][value="morning_end"]:checked + label .image-holder {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.demo .date-selector .input-holder input[type="checkbox"][value="noon"] + label .image-holder {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.demo .date-selector .input-holder input[type="checkbox"][value="noon"]:checked + label .image-holder {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.demo .date-selector .input-holder input[type="checkbox"][value="afternoon"] + label .image-holder {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.demo .date-selector .input-holder input[type="checkbox"][value="afternoon"]:checked + label .image-holder {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.demo .date-selector .input-holder input[type="checkbox"][value="afternoon_end"] + label .image-holder {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.demo .date-selector .input-holder input[type="checkbox"][value="afternoon_end"]:checked + label .image-holder {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.demo .date-selector .input-holder input[type="checkbox"][value="evening"] + label .image-holder {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.demo .date-selector .input-holder input[type="checkbox"][value="evening"]:checked + label .image-holder {
  background-size: 210px 4020px;
  width: 62px;
  height: 59px;
}
.about .partner-logos img {
  max-width: 100%;
}
/*===================================================================================
/* GROUPS
/*===================================================================================*/
/*===================================================================================
/* HEADBAND
/*===================================================================================*/
.headband.short {
  text-align: center;
  color: white;
  background-size: cover;
  background-position: 50% 79%;
  /*background-color: @guestapppink;*/
  height: 300px;
}
.headband.short h1 {
  color: white;
  margin-top: 0;
  line-height: 300px;
  text-shadow: 0 0 10px #444;
}
.headband.short.v2 {
  background-position: 50% 64%;
}
.headband.short.v3 {
  background-position: 50% 74%;
}
.headband.short.v4 {
  background-position: 50% 56%;
}
.headband.short.v5 {
  background-position: 50% 74%;
}
.headband.short.v6 {
  background-position: 50% 60%;
}
.headband.short.demo {
  background-size: cover;
  background-position: 0 74%;
}
.headband.short.demo h1 {
  z-index: 3;
  position: relative;
}
.headband.short .ipad-bg-holder {
  background-size: 508px 250px;
  background-position: 25px 50px;
  background-color: transparent;
  background-repeat: no-repeat;
}
.headband.main {
  background-size: cover;
  background-position: 0% 50%;
  min-height: 600px;
  color: white;
  text-shadow: 0 0 25px rgba(0, 0, 0, 0.75);
}
.headband.main .info-video {
  margin-top: 40px;
  width: 600px;
  height: 410px;
  box-shadow: 0px 0px 0px 2px #C7D2D6, 0 0 0px 3px #A5A5A5;
}
.headband.main .info-video:after {
  /* Positionning */
  top: 60%;
}
.headband.main .info-video:before {
  /* Positionning */
  top: 50%;
}
.headband.main .info-text {
  margin-top: 60px;
}
.headband.main h1 .headband.short {
  line-height: 1.5em;
  margin: 32px 0 0 0;
}
.headband.main h2 {
  padding: 0 0 12px 0;
  margin: 0 0 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
  color: white;
  text-align: left;
  font-family: Roboto;
  font-weight: 400;
  line-height: 1.1em;
  font-size: 30px;
}
.headband.main h3 {
  text-transform: uppercase;
  color: white;
  font-size: 17px;
  font-weight: bold;
  padding-top: 25px;
  margin-top: 0;
}
.headband.main p {
  font-size: 19px;
  color: white;
  line-height: 1.8em;
  margin-bottom: 0;
}
.headband.main .button {
  background-color: #7FBF39;
  margin-top: 36px;
  margin-left: 80px;
}
.headband.main .button:hover {
  background-color: #8FD941;
}
/*===================================================================================
/* SPECIAL
/*===================================================================================*/
.special {
  background-color: #EEE;
  border-bottom: 1px solid #DCDCDC;
  text-align: center;
}
.special #headline-slider-wrapper {
  width: 100% !important;
  max-width: none !important;
}
.special #headline-slider-wrapper .panel {
  background-color: #F5F5F5;
  margin: 0;
  border-bottom: 1px solid #DCDCDC;
}
.special #headline-slider-wrapper .panel-wrapper {
  padding: 0 !important;
}
.special p {
  text-align: center;
}
/*===================================================================================
/* EXPLANATION
/*===================================================================================*/
.explanation {
  margin-bottom: 60px;
}
.explanation h1 {
  font-size: 50px;
  color: #404040;
  font-weight: 200;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 90px;
}
.explanation p {
  font-size: 20px;
  color: #404040;
  font-weight: 200;
  text-align: center;
  font-style: italic;
  border-bottom: 1px solid #a0a0a0;
  padding-bottom: 10px;
  margin-left: 20px;
  margin-right: 20px;
}
/*===================================================================================
/* TESTIMONIAL
/*===================================================================================*/
.testimonial {
  background-position: 0% 70%;
  background-size: cover;
  height: 350px;
}
.testimonial img {
  margin-top: 75px;
  height: 200px;
  width: 200px;
  border-radius: 9999px;
  box-shadow: inset 0px 0px 5px #444;
}
.testimonial .client-testimonial {
  position: relative;
  margin-top: 55px;
  background: #ffffff !important;
  /* IE8 Fallback */
  background: rgba(255, 255, 255, 0.75) !important;
  border-radius: 8px;
}
.testimonial .client-testimonial:after {
  right: 100%;
  top: 55%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: #ffffff;
  border-top-color: #ffffff;
  border-width: 20px;
}
.testimonial .client-testimonial .client-text {
  border: none;
  color: #404040;
  line-height: 30px;
  font-size: 20px;
  font-style: italic;
  text-shadow: 1px 1px 0 #ffffff;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
}
.testimonial .client-testimonial .name {
  color: #da3768;
  font-weight: bold;
}
.testimonial .client-testimonial .establishment {
  font-weight: 600;
  font-size: 16px;
  text-shadow: 1px 1px 0 #ffffff;
  padding-left: 20px;
}
/*===================================================================================
/* PRESS
/*===================================================================================*/
.press h1 {
  text-align: center;
}
.press .press-outlet {
  height: 50px;
  border-right: 1px solid #a0a0a0;
  text-align: center;
  margin-bottom: 30px;
}
.press .press-outlet img {
  max-width: 100%;
}
.press .press-outlet:last-child {
  border-right: none;
}
/*===================================================================================
/* FOOTER
/*===================================================================================*/
footer {
  background-color: #404040;
  border-top: 3px solid #303030;
  color: #909090;
  font-weight: 400;
  padding-top: 30px;
  padding-bottom: 30px;
}
footer a,
footer a:hover {
  color: #909090;
  cursor: pointer;
}
footer ul {
  list-style-type: none;
  font-size: 15px;
  padding: 0;
  margin: 0;
}
footer .footer-section {
  border-right: 1px solid #303030;
}
footer .footer-section:last-child {
  border-right: none;
}
footer .footer-section .fa {
  display: inline-block;
}
footer .social-icons {
  line-height: 60px;
  float: left;
  padding-right: 8px;
}
footer .social-icons a {
  color: #909090;
}
footer .social-icons .fa {
  text-align: center;
  line-height: 40px;
  width: 40px;
  height: 40px;
  background-color: #303030;
  border-radius: 9999px;
  transition: background-color 0.5s linear, color 0.5s linear;
}
footer .social-icons .fa:hover {
  color: white;
}
footer .social-icons .fa.fa-facebook:hover {
  background-color: #4c66a4;
}
footer .social-icons .fa.fa-twitter:hover {
  background-color: #55ACEE;
}
footer .social-icons .fa.fa-google-plus:hover {
  background-color: #DD4B39;
}
footer .social-icons .fa.fa-envelope:hover {
  background-color: #da3768;
}
footer .social-icons .fa.fa-linkedin:hover {
  background-color: #0073B2;
}
footer .social-icons .fa.fa-viadeo {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  margin-bottom: -15px;
}
footer .social-icons .fa.fa-viadeo:hover {
  background-color: #91704a;
}
/*===================================================================================
/* TRUST
/*===================================================================================*/
.trust p {
  font-size: 18px;
  padding-top: 20px;
}
.trust .sprite {
  display: block;
  margin: 0 auto;
}
.trust .trust-book {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.trust .trust-mail {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.trust .trust-check {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.trust .trust-search {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.trust .trust-checklist {
  padding-top: 80px;
  padding-bottom: 80px;
}
.trust .fa {
  padding-right: 10px;
}
/*===================================================================================
/* PRICING
/*===================================================================================*/
.pricing input[type="radio"][value="dock"]:checked + label .image-holder {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.pricing input[type="radio"][value="dock"] + label .image-holder {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.pricing input[type="radio"][value="ipad"]:checked + label .image-holder {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.pricing input[type="radio"][value="ipad"] + label .image-holder {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.pricing input[type="radio"][value="none"]:checked + label .image-holder {
  background-size: 120px 232.5px;
  width: 114px;
  height: 113.25px;
}
.pricing input[type="radio"][value="none"] + label .image-holder {
  background-size: 120px 232.5px;
  width: 114px;
  height: 113.25px;
}
.pricing .button.visible {
  background-color: #da3768;
}
.pricing .feature-list td {
  font-weight: 200 !important;
  height: 60px;
}
.pricing input[type="radio"] {
  display: none;
}
.pricing input[type="radio"] + label {
  display: inline-block;
  padding-top: 112.5px;
  margin-bottom: 100px;
  cursor: pointer;
  line-height: 1.1em;
  text-transform: uppercase;
}
.pricing #radio-hotel:checked + label {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.pricing #radio-hotel + label {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.pricing #radio-chambre:checked + label {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.pricing #radio-chambre + label {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.pricing #radio-camping:checked + label {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.pricing #radio-camping + label {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.pricing #radio-restaurant:checked + label {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.pricing #radio-restaurant + label {
  background-size: 157.5px 3015px;
  width: 114px;
  height: 113.25px;
}
.pricing #radio-other:checked + label {
  background-size: 118.5px 231px;
  width: 114px;
  height: 113.25px;
}
.pricing #radio-other + label {
  background-size: 118.5px 231px;
  width: 114px;
  height: 113.25px;
}
.pricing .range-holder {
  max-width: 200px;
}
.pricing .range-holder .slider-track {
  background: #F1DEDE;
}
.pricing .range-holder .slider-selection {
  background: #C53652;
}
.pricing .range-holder .slider-handle {
  opacity: 1;
}
.pricing input[name="plan-type"]:checked + a {
  background: #da3768;
  color: white;
}
.pricing .plan-checker-button:hover,
.pricing .plan-checker-button:active,
.pricing .plan-checker-button:focus {
  color: white;
  text-decoration: none;
}
/*===================================================================================
/* FEATURES
/*===================================================================================*/
.features .feature-section {
  margin-bottom: 50px;
  border-bottom: 1px solid #a0a0a0;
}
.features .headband {
  background-position: 0 70%;
}
.home .special {
  text-align: center;
  height: 75px;
}
.home .special p {
  line-height: 75px;
  font-size: 18px;
}
/*===================================================================================
/* PARTNERS
/*===================================================================================*/
.partners .partner {
  border-bottom: 1px solid #c0c0c0;
  padding-top: 40px;
  padding-bottom: 40px;
}
.partners .partner:last-child {
  border: none;
}
.partners .partner-logo {
  width: 200px;
  margin-top: 40px;
}
.partners .partner-info {
  padding-top: 50px;
}
.home-trust {
  background-size: 157.5px 3015px;
  width: 116.25px;
  height: 115.5px;
}
.trust-features {
  margin-top: 100px;
  text-align: center;
}
.nav-hamburger {
  display: none;
  font-size: 24px;
  cursor: pointer;
}
/*===================================================================================
/* PRESS
/*===================================================================================*/
.press .article-press {
  border-bottom: 1px solid #c0c0c0;
  padding-top: 40px;
  padding-bottom: 40px;
}
.press .article-press:last-child {
  border: none;
}
.press .article-press img {
  width: 100%;
  margin-top: 40px;
}
.press .article-press-logo {
  margin-top: 25px;
}
.press .article-press-info {
  padding-top: 50px;
}
/*===================================================================================
/* COACHING E-REPUTATION
/*===================================================================================*/
.coaching-ereputation .desc p,
.coaching-ereputation .desc li {
  font-size: 16px;
}
/*===================================================================================
/* FAQ
/*===================================================================================*/
.faq .faq-answer {
  padding: 20px;
  display: none;
  background-color: #f0f0f0;
  border-left-style: solid;
  border-left-width: 4px;
  border-left-color: #ddd;
}
.faq .faq-question {
  color: #666;
}
.faq .faq-question h5 {
  color: black;
  cursor: pointer;
  padding-bottom: 10px;
}
.faq .faq-question h5.faq-question-selected {
  color: #da3768;
}
/*===================================================================================
/* THANKS
/*===================================================================================*/
.thanks .special-address {
  display: none;
}
.thanks .options {
  padding-bottom: 150px;
}
.thanks .button {
  margin: 0 auto;
  background-color: #276674;
  display: block;
}
.thanks .subtext {
  font-size: 12px;
}
.thanks .headband h1 {
  line-height: 24px;
  padding-top: 100px;
  margin-bottom: 10px;
  padding-bottom: 20px;
}
.thanks .headband h2 {
  font-weight: normal;
  line-height: 22px;
  margin: 0;
  padding: 0 !important;
}
.thanks input[type="radio"] {
  display: none;
}
.thanks input[type="radio"] + label {
  display: inline-block;
  padding-top: 112.5px;
  margin-bottom: 100px;
}
.range-slider {
  text-align: center;
}
.slider-track {
  margin: 0 auto;
}
.connect-li {
  margin-top: -31px;
  border: 1px solid #EAEAEA;
  height: 72px;
  margin-left: 7px;
}
@media screen and (min-width: 825px) {
  .container {
    width: 1100px;
  }
}
@media screen and (max-width: 824px) {
  .header-container .navbar-header .navbar-toggle {
    position: absolute;
    right: 0;
  }
  .header-container {
    width: 100%;
  }
  .navbar-collapse.collapse.header-links {
    margin-top: 40px;
    max-height: none;
  }
}
/*===================================================================================
/* MEDIA QUERY (768px)
/*===================================================================================*/
@media screen and (max-width: 825px) {
  .headband.short h1 {
    font-size: 36px !important;
    line-height: 36px;
    padding-top: 150px;
    height: 100%;
  }
  .header-links {
    width: 100%;
  }
  .navbar-header .navbar-brand.site-logo-link {
    text-align: center;
    display: block;
    float: none;
  }
  .navbar-header .navbar-toggle {
    margin-top: -17px;
  }
  .navbar-collapse {
    padding: 0;
  }
  .partner-logos img {
    width: 210px;
  }
  .testimonial {
    height: 475px !important;
  }
  header {
    height: 100px !important;
  }
  header .nav.navbar-nav {
    display: block !important;
  }
  header .container {
    padding: 0;
  }
  header .navbar-brand.site-logo-link {
    float: left;
  }
}
header .modal-content {
  margin-top: 60px !important;
}
.inline-label {
  display: inline-block;
}
.forgot_link {
  display: block;
}
@media screen and (min-width: 651px) and (max-width: 1110px) {
  .headband.main .info-video {
    margin-top: 0;
    width: 600px;
    height: 410px;
  }
}
@media screen and (min-width: 481px) and (max-width: 650px) {
  .headband.main .info-video {
    width: 400px;
    height: 288px;
    border-width: 40px;
  }
  .headband.main .info-video:before {
    left: 24px;
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 480px) {
  .info-video {
    border: none !important;
    background-color: transparent !important;
    width: 300px !important;
    height: 200px !important;
    box-shadow: none !important;
  }
  .info-video:before,
  .info-video:after {
    display: none !important;
  }
  .feature-image img {
    width: 90% !important;
  }
  .client-testimonial {
    margin-left: 8px;
    width: 95%;
  }
}
/*===================================================================================
/* MEDIA QUERY (950px)
/*===================================================================================*/
@media screen and (max-width: 1110px) {
  .home .info-text {
    width: 100%;
  }
  .home .info-text p {
    text-align: center;
  }
  .home .info-text a .button {
    display: inline-block;
    width: 200px;
  }
  .home .info-video-wrapper {
    display: inline-block;
    float: none;
    margin: 0 auto;
  }
  .container {
    width: auto;
  }
  .trust-features .fa-holder {
    padding-left: 0;
    padding-right: 0;
    margin-left: 20px;
    margin-right: -80px;
  }
  .testimonial {
    height: auto !important;
    margin-bottom: 20px;
  }
  header {
    height: 165px;
  }
  header .navbar-header {
    width: 100%;
  }
  header .connect-li {
    margin-top: 0;
    border: none;
    height: 100px;
    margin-left: 0;
  }
  header .navbar-brand {
    float: none;
  }
  header .navbar {
    margin-bottom: 0;
  }
  header .nav.navbar-nav {
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    float: none;
  }
  header ul li {
    font-size: 14px;
  }
  .modal-dialog {
    z-index: 300;
  }
  .features .nav > li > a {
    padding: 3px 0 0 0;
    height: 118px;
  }
  .features h4 {
    margin-bottom: 10px;
  }
  .features-icons {
    text-align: center;
  }
  .features-icons .row {
    width: 100%;
  }
  .features-icons .col-md-2 {
    float: left;
  }
  .demo .date-selector .input-holder {
    width: 130px;
  }
  a .header-link,
  header .header-phone a {
    font-size: 14px;
    padding: 0;
  }
  .headband.main {
    display: block;
    min-height: 730px;
    text-align: center;
  }
  .headband.main .info-text {
    margin-top: 20px;
  }
  .headband.main h1 {
    text-align: center;
    margin-top: 20px;
  }
  .headband.main .button {
    margin: 20px auto;
  }
  .testimonial {
    height: 425px;
  }
  .special {
    display: block;
  }
  .special .panel-wrapper {
    font-size: 14px;
  }
  .client-photo img {
    height: 125px;
    width: 125px;
    margin-top: 20px;
  }
  .testimonial .client-testimonial {
    margin-top: 35px;
    margin-left: 60px;
    /* DEBUG */
    width: 80%;
  }
  .testimonial .client-testimonial .client-text,
  .testimonial .client-testimonial .establishment {
    font-size: 16px;
  }
  .testimonial .client-testimonial:after {
    right: 45%;
    top: -38px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #ffffff;
    border-width: 20px;
  }
  .schema-home {
    width: 100%;
  }
  .special .liquid-slider p {
    line-height: 40px;
  }
  .footer-section.site-logo {
    text-align: center;
  }
  .container-fluid > .navbar-header {
    margin-right: 0px;
  }
  .button {
    width: 90%;
  }
}
x-slider .slider-progress {
  background: #da3768;
}
x-slider .slider-track {
  height: 8px;
}
x-slider input[type=range]::-moz-range-progress {
  background: #da3768;
}
.error h1 {
  font-size: 48pt;
  font-weight: lighter;
  color: #0094ff;
  padding-top: 100px;
  margin: 0;
}
/*===================================================================
* AVANTAGES
*====================================================================*/
.advantages .advantage {
  padding-top: 40px;
}
.btn-guestapp {
  color: #FFF;
  background-color: #da3768;
  border: none;
}
.btn-guestapp.btn-large {
  font-size: 18px;
}
.btn-guestapp:hover {
  background-color: #bb2351;
  color: white;
  font-weight: normal;
}
.rgo .btn-guestapp {
  color: #FFF;
  background-color: #01548b;
  border: none;
}
.rgo .btn-guestapp.btn-large {
  font-size: 18px;
}
.rgo .btn-guestapp:hover {
  background-color: #013558;
  color: white;
  font-weight: normal;
}
.btn-ga {
  color: grey;
  background-color: #e5e5e5;
  border: none;
}
.btn-ga.btn-large {
  font-size: 18px;
  border-bottom: 5px solid #b8b8b8;
}
.btn-ga:hover {
  background-color: #bb2351;
  color: white;
  font-weight: normal;
  border-color: #901b3e;
}
.rgo .btn-ga {
  color: grey;
  background-color: #e5e5e5;
  border: none;
}
.rgo .btn-ga.btn-large {
  font-size: 18px;
  border-bottom: 5px solid #b8b8b8;
}
.rgo .btn-ga:hover {
  background-color: #013558;
  color: white;
  font-weight: normal;
  border-color: #001726;
}
/*===================================================================
* Accessoires
*====================================================================*/
.badge-new-sup {
  background-color: #23BE8F;
  font-size: 9px;
  position: absolute;
  top: -14px;
  right: -25px;
  font-weight: 100;
}
@media screen and (min-width: 825px) {
  .badge-new-sup {
    top: 11px;
    right: -25px;
  }
}
.new-cat {
  color: #23BE8F;
}
header .header-link {
  position: relative;
}
@media (max-width: 825px) {
  header .navbar-header {
    float: none;
  }
  header .navbar-left,
  header .navbar-right {
    float: none !important;
  }
  header .navbar-toggle {
    display: block;
  }
  header .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  header .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  header .navbar-collapse.collapse {
    display: none!important;
  }
  header .navbar-nav {
    float: none!important;
    margin-top: 7.5px;
  }
  header .navbar-nav > li {
    float: none;
  }
  header .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  header .collapse.in {
    display: block !important;
  }
}
header .header-container .header-links {
  float: none;
}
@media screen and (min-width: 1110px) {
  header .header-container .header-links {
    float: left;
  }
}
/*===================================================================
* 404
*====================================================================*/
.e404 {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  color: white;
}
.e404 h1 {
  color: white;
  font-size: 160px;
  text-shadow: 0px 0px 5px #000;
}
.e404 h3 {
  text-shadow: 0px 0px 5px #000;
  margin-bottom: 50px;
}
/* ========================
 * Resetting
 */
.ga-message {
  background: #262F34;
  opacity: 0.9;
  padding: 20px;
  border-radius: 8px;
}
/* ==========================
 * Authenticity
 * ========================== */
.authenticity {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  color: white;
}
.authenticity p {
  color: white;
  font-size: 14px;
}