/*
Theme Name: WP Bootstrap Starter
Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/
Author: Afterimage Designs
Author URI: https://afterimagedesigns.com/
Description:  The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0-beta.2 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Version: 3.0.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  /*min-width:1200px;*/
  /* max-width: 100%; */
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 2.5rem;
}

hr {
  box-sizing: content-box;
  height: 0;
  color: #808183;
  background: #808183;
  border-color: #808183;
  margin-bottom: 30px;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

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

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

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

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body {
  /* background: #fff; */
  /* Fallback for when there is no custom background color defined. */
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

h2 p {
  display: none;
}

header#masthead {
  margin-bottom: 0;
  /* background-color: #4cbbeb; */
  background: url('inc/assets/img/_backgroung.png') no-repeat left top;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
  padding: .74rem 1rem;
  border-bottom: 1px solid #9175bb;
  height: 720px;
  background-size: cover;
}

.navbar-brand > a {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.1rem;
  outline: medium none;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  font-size: 1.2em;
}

.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
  /* font-size: 6em !important; */
}

#page-sub-header {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 5rem;
  text-align: center;
  font-size: 1.25rem;
  background-size: cover !important;
}

#sub-header button {
  font-size: 0.9em;
}

#sub-header h1 {
  line-height: 1;
  font-size: 4rem;
  color: #fff;
  margin-bottom: 1rem !important;
  text-transform: uppercase;
  margin-top: 120Px;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 1.2;
  margin-bottom: 100px !important;
  text-align: left;
}

#sub-header hr {
  width: 50px;
  height: 3px;
  background: #fff;
  text-align: left;
  margin-left: 0;
}

#page-sub-header p {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 300;
  color: #212529;
}
a.page-scroller {
  color: #333;
  font-size: 2.6rem;
  display: inline-block;
  margin-top: 2rem;
}

@media screen and (min-width: 768px) {
  #page-sub-header h1 {
    font-size: 3.750rem;
    line-height: 1;
  }

  #page-sub-header {
    padding-top: 5rem;
    padding-bottom: 5rem;
    font-size: 1.25rem;
    color: transparent !important;
  }
}
@media screen and (min-width: 992px) {
  #page-sub-header p {
    max-width: 50rem;
    margin: 0 auto;
  }
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead nav {
  padding-left: 0;
  padding-right: 0;
}

#masthead .navbar-nav > li > a {
  color: #fff;
  padding: 0.5rem;
  font-weight: 700;
}

#masthead .navbar-nav > li > a:first-letter {
  text-transform: uppercase;
}

#masthead .navbar-nav > li > a:hover {
  color: #fff;
  font-weight: 700;
  /*background: #f9f9f9;*/
}

.knowmore {
  color: #FDB007;
  text-transform: uppercase;
  font-weight: 700;
  padding-top:  20Px;
  display: block;
}

.knowmore:hover {
  text-decoration: underline;
  color: #FDB007;


}

#menu-top-menu {
  margin-top: 15px;
}

.navbar-brand {
  height: auto;
}

.navbar-toggle .icon-bar {
  background: #000 none repeat scroll 0 0;
}

.dropdown-menu .dropdown-toggle::after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.wpml-ls-item.menu-item-has-children, .wpml-ls-item.menu-item-has-children > a {
    background-color: transparent !important;
    position: absolute;
    right: 20px;
    top: -4.4px;
    width: 60px;
}

.wpml-ls-item.menu-item-has-children ul {
 margin-top: 30px;
 min-width: 70px;
 margin-left: -20px;
 box-shadow: none;
}

.wpml-ls-item.menu-item-has-children ul li {
    background: #fff;
}
.wpml-ls-item.menu-item-has-children ul li a {
    background: #fff !important;
}

.dropdown-item {
  line-height: 1.2;
  padding-bottom: 0.313rem;
  padding-top: 0.313rem;
}

.dropdown-menu {
  min-width: 12.500rem;
  background: #fff;
  border: none;
  margin-left: -14px;
  margin-top: 0px;
  width: 20px;
  border-radius: 0;
  padding: 7px 0;
  box-shadow: 3px 3px 7px #777;
}

.dropdown .open .dropdown-menu {
  display: block;
  left: 12.250em;
  top: 0;
}

.dropdown-menu .dropdown-item {
  white-space: normal;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .dropdown-menu li > .dropdown-menu {
    right: -9.875rem;
    top: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  .dropdown-menu {
    border: medium none;
    margin-left: 1.250rem;
    padding: 0;
  }

  .dropdown-menu li a {
    padding: 0;
  }

  #masthead .navbar-nav > li > a {
    padding-bottom: 0.625rem;
    padding-top: 0.313rem;
  }

  .navbar-light .navbar-toggler {
    border: medium none;
    outline: none;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-next a::after {
  content: " \2192";
}

.post-navigation .nav-previous a::before {
  content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
  display: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background-color: #eee;
  text-decoration: none;
}
.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#content.site-content {
  /* padding-bottom: 3.75rem; */
  /* padding-top: 4.125rem; */
}

.sticky .entry-title::before {
  content: '\f08d';
  font-family: fontawesome;
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
}

.sticky .entry-title {
  position: relative;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}

.post.hentry {
  margin-bottom: 4rem;
}

.posted-on, .byline, .comments-link {
  color: #9a9a9a;
}

.entry-title > a {
  color: inherit;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 0.313rem 0.313rem 0;
  text-align: center;
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text {
  font-size: 0.688rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-item .gallery-columns-2 {
  max-width: 50%;
}
.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
  max-width: 25%;
}
.gallery-item .gallery-columns-5 {
  max-width: 20%;
}
.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugin Compatibility
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/
.woocommerce-cart-form .shop_table .coupon .input-text {
  width: 8.313rem !important;
}

.variations_form .variations .value > select {
  margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/
.elementor-page article .entry-footer {
  display: none;
}

.elementor-page.page-template-fullwidth #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.elementor-page .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/
.vc_desktop article .entry-footer {
  display: none;
}

.vc_desktop #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.vc_desktop .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer#colophon {
  background-color: #292a2f;
  font-size: 85%;
  height: 380px;
  color: #808183;
  vertical-align: text-bottom;
  padding-top: 55px;
}

footer .pin {
    display: inline-block;
    margin-right: 10px;
    margin-top: -2px;
}

#colophon .site-title {
  outline: medium none;
  text-decoration: none;
  color: #1ac0f8;
  font-weight: 700;
  font-size: 2.5em;
  /* margin-left: 15px; */
}


#colophon .info {
  /* margin-bottom: 30px; */
}

#colophon .info ul {

margin-left: 0;

padding-left: 0;
}

#colophon li h3 {
  font-size: 1.25em;
}

#colophon .info li {
  float: left;
  list-style: none;
  width: 110px;
  display: block;
  font-size: 0.85em;
  /* visibility: hidden; */
  line-height: 1.7;
  width: 245px;
}

#colophon .info li b {
  color: #fff;
}

.bureau_usa {margin-top: 26px;}

#colophon .info li:last-of-type {
  width: 189px;
  visibility: visible;
}

#colophon h3 {
  color: #fff;
  font-size: 1.1em;
  font-weight: 500;
  color: #fff;
  /* font-size: 1.1em; */
  /* font-weight: 500; */
}

 #colophon .credit {
  margin-top: 20px;
  color: #808183;
  font-size: 0.7em;
}

.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}

.copyright a, footer#colophon a {
  color: inherit;
}


#colophon .menu-item {
  color: #fff;
  font-size: 1.2em !important;
  font-weight: 500;
  padding: 0;
  margin: 0;
}

#colophon .menu-item a {
  padding: 0;
}

.btn-warning, .wpcf7-submit {
	background: url('inc/assets/img/bg-gradient.svg');
	background-size: 100%;
}

.home {}

.home #revolution h1 {text-transform: uppercase;color: #313339;text-align: left;font-weight: 700;margin-top: 50Px;letter-spacing: 1px;margin-bottom: 40px;}
.home #revolution h1 span {color: #1ac0f8;}
.home #revolution p {
  font-weight: 200;
  text-align: left;
  margin: 30px auto;
  line-height: 1.8;
  font-size: 1em;
  width: 410px;
  margin-left: 0;
  color: #6E7074;
  /* text-align: justify; */
}


.home_video {background-image: url('inc/assets/img/video-png.png'); height: 450px; background-position: cover; position: relative;}
.home_video a {position: absolute; top: 50%; left: 50%; margin-top: -75px; margin-left: -75px;}

.home #revolution .schema {position: absolute;text-align: center;}
.home #revolution .schema h3 {text-align: center;color: #1ac0f8;line-height: 1;font-size: 1.3em;letter-spacing: 1px;text-transform: uppercase;margin-bottom: 0;/* font-weight: 700; */}
.home #revolution .schema h3 span {color: #000;font-size: 0.8em;letter-spacing: 0px;}
.home #revolution .schema p {
    line-height: 1.5;
    font-size: 0.9em;
    text-align: center;
    color: #888;
    margin-top: 6px;
    letter-spacing: -1Px;
    font-weight: 500;
}
.home #revolution .top {
    top: 37px;
    margin-left: -22px;
    letter-spacing: 0px;
}
.home #revolution .right {
    right: -49px;
    top: 292px;
    width: 210px;
}
.home #revolution .right h3 {
    text-align: left;
}
.home #revolution .right p {
    text-align: left;
    width: 180px;
}
.home #revolution .center {
    top: 327px;
    margin-left: 82px;
}
.home #revolution .center p {
  width: 200px;
}
.home #revolution .bottom {
    bottom: -5px;
    margin-left: -25px;
}
.contact-us header#masthead, .opt-out-us header#masthead {
  background: #292a2f;
  height: 90px;
}
.contact header#masthead, .opt-out header#masthead {
  background: #292a2f;
  height: 90px;
}
.contact #map_canvas {
  width: 57%;
  height: 735px;
  float: left;
  /* height: 550px; */
  }

.contact .infowindow-fdz {
	background: url('inc/assets/img/map_arrow.svg') no-repeat left;
	background-position: left 58px;
}

.contact .infowindow-fdz .content {
	height: 142px;
	width: 236px;
	background: #1ac0f8;
	margin-left: 23px;
	padding-left: 33px;
	padding-top: 19px;
	color: white;
	font-family: arial;
	font-size: 13px;
}
.contact .infowindow-fdz p {
	margin-bottom: 1.2em;
}

.contact .infowindow-fdz .content strong {
	font-size: 16px;
}

.contact .infowindow-left {
	background-position: right 58px;
}
.contact .infowindow-left .content {
	margin-left: 0;
	margin-right: 23px;
}

.contact #contact {padding: 4%;width: 43%;float: left;padding-bottom: 0;}
.contact #contact h1 {
  text-transform: uppercase;
  color: #1AC0F8;
  text-align: left;
  font-weight: 700;
  margin-top: 0;
  font-size: 2em;
  letter-spacing: 1px;
  margin-bottom: 60px;
  margin-top: -22px;
  }

/*style the box which holds the text of the information window*/
.gm-style .gm-style-iw {
  background-color: #00b7fa !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 120px !important;
  padding-top: 10px;
  display: block !important;
}

/*style the paragraph tag*/
.gm-style .gm-style-iw #google-popup p{
  padding: 10px;
}


/*style the annoying little arrow at the bottom*/
.gm-style div div div div div div div div {
  background-color: #00b7fa !important;
  padding: 0;
  margin: 0;
  padding: 0;
  top: 0;
  color: #fff;
  font-size: 16px;
  margin-right: -22px;
  margin-top: -20px;
  text-align: center;
}

/*style the link*/
.gm-style div div div div div div div div a {
  color: #fff;
  font-weight: bold;
}

.contact form input[type=text],  .contact form input[type=email] {width: 45%;float: left;margin-bottom: 20px;border: none;border-radius: 0;border-bottom: 1px solid #8c8c8c94;font-size: 0.9em;padding: 10px 0;outline: none;}
.contact form p {clear: both;width: 100%;margin-bottom: 21px;line-height: 3;text-align: right;}
.contact form p input[type=text]:first-of-type, .contact form p input[type=email]:first-of-type {
  margin-right: 5%;
}
*:focus {
  outline: none;
  outline-style:none;
  box-shadow:none;
}

textarea:focus, input:focus{
  outline-style:none !important;
  box-shadow:none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-color: #00b7fa !important;

}

.contact form textarea {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #8c8c8c94;
  font-size: 0.9em;
  padding: 10px 0;
  width: 96%;
}

#g-recaptcha-response, .form-control {border :none;}

.g-recaptcha {
  margin-left: -15px;
  margin-bottom: 12px;
}

.wpcf7-submit {
  color: #111;
  background-color: #ffc107;
  border-color: #ffc107;
  border-radius: 46px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  padding: 10px 30px;
  font-weight: 500;
}

.mandatory {
  font-size: 0.8em;
  color: #808183;
  font-style: italic;
  position: absolute;
  bottom: -70px;
}

input[placeholder], [placeholder], *[placeholder] {
  font-style: italic;
}

.home #revolution {background: #f5f9fa url('inc/assets/img/home_intro_pin.svg');padding-top: 10Px;text-align: center;background-size: contain;background-position-y: 110px;background-repeat: no-repeat;background-position-x: 30%;}
.home #revolution img {margin-bottom: 40px;margin-top: 138px;width: 375px;margin-left: -180px;}
.home #our-product {background:  url('inc/assets/img/product-background.svg');height: 466px;/* box-shadow: 1px 1px 1px #999; */position: relative;overflow: hidden;background-size: cover;}

.home #our-product h1 {text-transform: uppercase;color: #889fd0;text-align: left;font-weight: 700;margin-top: 50px;font-size: 3em;letter-spacing: 1px;}
.home #our-product h1 span {color: #fff;}
.home #our-product h1 hr {width: 69px;background: #fff;height: 3px;text-align: left;margin-right: 100%;margin-top: 10px;position: absolute;/* display: inline-block; */}
.home #our-product .list-products {list-style: none;position: absolute;top: 300px;left: 240px;background: url('inc/assets/img/our_product_list.svg') no-repeat 208px 9px;padding-bottom: 0;margin-bottom: 0;}
.home #our-product .list-products a {color: #88aed9;}
.home #our-product .list-products a:hover, .home #our-product .list-products li.actif a {color: orange; text-decoration: none;}
.home #our-product .list-products li {width: 200px;margin-bottom: 56px;font-size: 1.1em;text-align: right;margin-left: -20px}
.home #our-product .list-products img {float: right;margin-top: 2px;margin-left: 10px;}

.home #our-product .buttons {
	display: none;
}

.home #our-product .about-product {width: 300px;height: 350px;border: 1px solid #fff;border-radius: 5px;position: absolute;left: 640Px;margin-top: -50px;}

.home #our-product .about-product ul a {
    font-size: 0.7em;
    text-align: center;
    margin-left: 40px;
    padding: 7px 15px;
    margin-top: -8px;
    position: absolute;
    bottom: 29px;
}

.home #our-product .about-product h2 {
    font-size: 1.1em;
    color: #fff;
    line-height: 2;
    display: block;
    /* vertical-align: 10em; */
    /* display: inline-block; */
    /* width: 100%; */
    padding-top: 17px;
    font-weight: 700;
    /* text-align: center; */
}
.home #our-product .about-product h2 img {
    margin-left: 0px;
    margin-top: -2px;
    margin-right: 20px;
    /* margin-left: -60px; */
}
.home #our-product .about-product ul {
  list-style-image: url('inc/assets/img/fleche.svg');
  margin-top: 30px;
  margin-left: 4px;
}
.home #our-product .about-product ul li {
    color: #fff;
    font-size: 0.8em;
    margin-bottom: 21px;
    vertical-align: bottom;
    padding-left: 10Px;
    margin-left: 7px;
    width: 89%;
}

#success-stories {
	background: url('inc/assets/img/home_successstories_background.svg');
	position: relative;
	overflow: hidden;
	background-size: cover;
}

#success-stories h1 {
	text-transform: uppercase;
	color: #889fd0;
	text-align: left;
	font-weight: 700;
	margin-top: 50px;
	font-size: 3em;
	letter-spacing: 1px;
	margin-bottom: 70px;
}

#success-stories h1 span {
	color: #fff;
}

#success-stories h1 hr {
	width: 69px;
	background: #fff;
	height: 3px;
	text-align: left;
	margin-right: 100%;
	margin-top: 10px;
	/* display: inline-block; */
	position: absolute;
}

#success-stories .header
{
	position: relative;
	height: 50px;
}
	#success-stories .header div
	{
		text-align: center;
	}
	#success-stories .header .logo
	{
		position: absolute;
		width: 220px;
		right: 515px;
		text-align: center;
	}
		#success-stories .header .logo img
		{
			display: none;
		}
		#success-stories .header .logo img.active
		{
			display: inline;
			max-height: 40px;
		}
	#success-stories .header .buttons
	{
		position: absolute;
		width: 80px;
		right: 435px;
		text-align: center;
	}
		#success-stories .header .buttons .button
		{
			cursor: pointer;
		}

#success-stories .col-7 {
	margin-top: 0px;
	height: 373px;
}

#success-stories .iphone
{
	position: absolute;
	top: 0;
	right: 0;
}

#success-stories .maskslide
{
	top: 53px;
	width: 1400px;
	height: 320px;
	position: absolute;
	right: 46px;
	overflow: hidden;

}

#success-stories .slider
{
	position: absolute;
	top: 0;
	right: 0;
}

#success-stories .slider img
{
	height: 320px;
	margin-left: 20px;
	float: right;
}

#success-stories .slider img:nth-child(4n+1) { opacity: 1; }
#success-stories .slider img:nth-child(4n+2) { opacity: 0.75; }
#success-stories .slider img:nth-child(4n+3) { opacity: 0.5; }
#success-stories .slider img:nth-child(4n+4) { opacity: 0.25; }

#success-stories .slider.state1 img:nth-child(4n+1) { opacity: 0.75; }
#success-stories .slider.state1 img:nth-child(4n+2) { opacity: 1; }
#success-stories .slider.state1 img:nth-child(4n+3) { opacity: 0.75; }
#success-stories .slider.state1 img:nth-child(4n+4) { opacity: 0.50; }

#success-stories .slider.state2 img:nth-child(4n+1) { opacity: 0.5; }
#success-stories .slider.state2 img:nth-child(4n+2) { opacity: 0.75; }
#success-stories .slider.state2 img:nth-child(4n+3) { opacity: 1; }
#success-stories .slider.state2 img:nth-child(4n+4) { opacity: 0.75; }

#success-stories .slider.state3 img:nth-child(4n+1) { opacity: 0.25; }
#success-stories .slider.state3 img:nth-child(4n+2) { opacity: 0.5; }
#success-stories .slider.state3 img:nth-child(4n+3) { opacity: 0.75; }
#success-stories .slider.state3 img:nth-child(4n+4) { opacity: 1; }

#success-stories .col-4 {
  border-left: 1px solid #fff;
  padding-left: 29px;
  padding-top: 20px;
}

#success-stories .success-story {
	display: none;
}
#success-stories .success-story.active {
	display: block;
}

#success-stories .col-4 .about {
  height: 90px;
  padding-top: 3px;
  margin-bottom: 20px;
}
#success-stories .col-4 .about img {
	float: left;
	margin-right: 25px;
}
#success-stories .col-4 .about h5
{
	clear: none;
	color: #fff;
}

#success-stories .col-4 p {color: #fff;font-size: 0.8em;/* font-style: italic; */}
#success-stories .col-4 .title {
    margin-bottom: 0;
}
#success-stories .col-4 .brand {
    /* display: inline-block; */
}
#success-stories .col-4 .testimony {
    font-style: italic;
    line-height: 1.8;
}

#where {height: 622px;position: relative; overflow: hidden}
#where .cents {float: left;width: 50%;height: 100%;position: relative;background: #f6f9fa;}
#where .picture {
  /* background: url(inc/assets/img/photo_connectauto.png) no-repeat top left; */
  /* background-size: cover; */
  /* filter: brightness(50%); */
  background-size: cover, cover !important;
}

.fleche_top {position: absolute;right: 20px;bottom: 50px;}
.fleche_bottom {position: absolute;right: 20px;bottom: 15px;}

#where .mask {position: absolute;z-index: 9;bottom: 0;cursor: pointer;background: url('inc/assets/img/trait.svg') 29px 198px no-repeat;/* opacity: 0.5; */}

#where .about {height: 200px;position: absolute;left: 70px;}

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

#where h1 {
  text-transform: uppercase;
  color: #383a41;
  text-align: left;
  font-weight: 700;
  /* margin-top: 30px; */
  font-size: 3em;
  letter-spacing: 1px;
  position: absolute;
  /* right: 30%; */
  left: 290px;
  background: #f6f9fa;
  height: 210px;
  width: 430px;
  padding-top: 40px;
  z-index: 999;
}

#where h1 hr {
  width: 69px;
  background: #383a41;
  height: 3px;
  text-align: left;
  margin-right: 100%;
  margin-top: 10px;
  position: absolute;
}

#where .about .logo {margin-top: 220px;/* filter: brightness(50%); */}

#where .about .stand {
    background: #FDB007;
    padding: 9px 10px;
    display: inline-block;
    width: auto;
    color: #fff;
    text-align: center;
    margin: 25px 0;
    font-weight: bold;
    /* border-radius: 15px; */
}

#where .more {color: #FDB007; font-weight: bold;
    text-transform: uppercase;}

#where .about h4 {color: #fff;}

#where .about p {color: #fff;width: 320px;}

#where .list-products {list-style: none;position: absolute;top: 39px;left: 290px;background: url('inc/assets/img/where_rectangle.svg') no-repeat 49px 9px;padding-bottom: 0;margin-bottom: 0;margin-left: -20px;transition-property: all;transition-duration: 0.5s;transition-delay: 0.1s;/* height: 3000000px; */}
#where .list-products a {color: #000;font-weight: bold;}
#where.list-products a:hover #where.list-products li.actif a {color: orange; text-decoration: none;}
#where .list-products a span {font-weight: 200;font-size: 0.8em;margin-left: 40px;}
#where .list-products li {width: 330px;/* margin-bottom: 25px; */font-size: 1.3em;text-align: left;margin: 5px 0;}
#where .list-products img {float: left;margin-top: 2px;margin-left: 0px;margin-right: 20px;}

.home #clients {
  height: 225px;
  padding-top: 0;
}

.home #clients .row {
    margin-bottom:  -20px;
}

.home #clients img {height: 120Px;filter: grayscale(100%);opacity: 0.5;}
.home #clients img:hover {filter: grayscale(0); opacity: 1;}

/*
 * OPT-OUT
 */

.page-template-opt-out  .title,.page-template-opt-out-us .title  {
	text-align: center;
	margin: 0 0 50px 0;
	padding: 0;
	font-family: arial;
}
.page-template-opt-out .title p, .page-template-opt-out .title h1,.page-template-opt-out-us  .title p, .page-template-opt-out-us  .title h1  {
		margin: 0;
		padding: 0;
		font-family: arial;
	}
.page-template-opt-out .title .icon,.page-template-opt-out-us .title .icon  {
		margin-top: 86px;
		margin-bottom: 44px;
	}
.page-template-opt-out .title h1,.page-template-opt-out-us .title h1  {
		color: #54BFF4;
		font-size: 50px;
		font-weight: bold;
		text-transform: uppercase;
	}
.page-template-opt-out .title .subtext1,.page-template-opt-out-us .title .subtext1 {
		color: #1AC0F8;
		font-size: 30px;
		font-weight: bold;
		opacity: 0.5;
		text-transform: uppercase;
	}
.page-template-opt-out .title .subtext2,.page-template-opt-out-us .title .subtext2  {
		margin-top: 20px;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 0.5px;
	}

.page-template-opt-out .form-container,.page-template-opt-out-us .form-container  {
	margin: 0;
	padding: 50px 0 50px 0;
	background: #F5F9FA;
}
.page-template-opt-out .form-container .row,.page-template-opt-out-us .form-container .row  {
		margin: 0 100px 0 100px;
	}
.page-template-opt-out  .form-container .description,.page-template-opt-out-us .form-container .description {
		border-left: 3px #1AC0F8 solid;
		padding-top: 5px;
		padding-bottom: 5px;
	}
.page-template-opt-out  .form-container p,.page-template-opt-out-us .form-container p  {
			padding: 0;
			margin: 0;
			line-height: 2em;
		}
.page-template-opt-out .form-container p.notes,.page-template-opt-out-us .form-container p.notes {
			margin-top: 30px;
			font-size: 12px;
			color: #6E7074;
		}
.page-template-opt-out .form-container .form,.page-template-opt-out-us .form-container .form  {
		text-align: right;
		margin-top: 50px;
	}
.page-template-opt-out  .form-container .form form,.page-template-opt-out-us .form-container .form form {
			border: 1px solid #000000;
			margin: 0;
			padding: 0;
			border-radius: 10px;
			float: right;
			overflow: hidden;
		}
.page-template-opt-out .form-container .form input,.page-template-opt-out-us .form-container .form input  {
			border: 0;
			margin: 0;
			padding: 0;
			box-shadow: none;
			height: 50px;
		}
.page-template-opt-out .form-container .form input[type="text"],.page-template-opt-out-us .form-container .form input[type="text"] {
			width: 300px;
			background: none;
			padding-left: 20px;
		}
.page-template-opt-out .form-container .form input[type="submit"],.page-template-opt-out-us .form-container .form input[type="submit"] {
			color: white;
			font-weight: bold;
			background: url('inc/assets/img/bg-gradient.svg') right no-repeat;
			background-size: 100%;
			padding-left: 20px;
			padding-right: 20px;
		}
.page-template-opt-out  .form-container .form span,.page-template-opt-out-us .form-container .form span  {
			background: #f4ca38;
		}
.page-template-opt-out  .whatismac,.page-template-opt-out-us .whatismac  {
	color: #6E7074;
	font-family: arial;
	font-size: 14px;
	letter-spacing: 0.5px;
}
.page-template-opt-out  .whatismac h2,.page-template-opt-out-us .whatismac h2 {
		margin-top: 60px;
		margin-bottom: 30px;
		font-weight: bold;
		color: black;
		font-size: 16px;
		letter-spacing: 0.5px;
	}
.page-template-opt-out  .whatismac h3,.page-template-opt-out-us .whatismac h3 {
		margin: 15px 0 15px 0;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 0.5px;
	}

/*--------------------------------------------------------------
# NOS RESSOURCES
--------------------------------------------------------------*/

.page-template-ressources header,.page-template-ressources-us header {height: 450px !important;box-shadow: none !important;background: url('inc/assets/img/header_ressources.jpg') no-repeat !important;background-size: cover !important;}
#videos {background: #f5f9fa;padding: 70px 0;}
#videos h2 {
  text-transform: uppercase;
  color: #1AC0F8;
  text-align: left;
  font-weight: 700;
  margin-top: 50px;
  font-size: 3em;
  letter-spacing: 1px;
  margin-top: 20px;
  margin-bottom: 80px;
}
#videos .video {
  float: left;
}
.videos_buttons {position: absolute;margin-left: 650px;}
#videos li {
  display: none;
  transition: opacity 1s ease-out;
  opacity: 0;
}
#videos li.active {display: block;opacity: 1;/* display: block; *//* position: relative; *//* height: 500px; */}
#videos h2 hr {
  width: 69px;
  background: #1AC0F8;
  height: 3px;
  text-align: left;
  margin-right: 100%;
  margin-top: 10px;
  position: absolute;
}
#videos h4 {
    font-size: 1.8em;
}
#videos h5 {
    color: #6E7074;
    font-size: 0.8em;
    margin: -2px 0;
}
#videos .text_video {
    float: right;
    width: 310px;
    margin-left: 90px;
    margin-top: 50px;
}
#videos p {
    color: #313339;
    font-size: 0.9em;
    margin-top: 30px;
}
#videos .videoCar {
    padding: 0;
    list-style: none;
}
#ytplayer {box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.52);}

#videos h2 span {color: #1AC0F8;opacity: 0.5;}

#parutions {height: 760px;overflow: hidden;position: relative;}
#parutions h2 {
  text-transform: uppercase;
  color: #1AC0F8;
  text-align: left;
  font-weight: 700;
  margin-top: 50px;
  font-size: 3em;
  letter-spacing: 1px;
  margin-top: 50px;
  margin-bottom: 110px;
  }

#parutions .left {position:absolute;/* margin-top: -50px; */display: block;bottom: 25px;}
#parutions .right {position:absolute;margin-left: 60px;bottom: 25px;}

.page-template-ressources #sub-header h1, .page-template-ressources-us #sub-header h1  {margin-top: 110px;}
#parutions h2 span {color: #1AC0F8;opacity: 0.5;}
#parutions .picture {height: 140px;width: 240px;text-align: center;vetical-align: c;display: block;}
#parutions .picture img {margin-top: 50px;width: 85%;max-height: 90px;}
#parutions h2 hr {
  width: 69px;
  background: #1AC0F8;
  height: 3px;
  text-align: left;
  margin-right: 100%;
  margin-top: 10px;
  position: absolute;
  }

#parutions ul {margin-left: 0;padding: 0;margin-bottom: 130px;width: 3000px;position: absolute;transition-property: all;transition-duration: 0.5s;transition-delay: 0.1s;/* overflow-x:  scroll; */}
#parutions ul li {
  display: inline-block;
  margin-right: 0;
  background: #fff;
  width: 242px;
  height:330px;
  margin-right: 30px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
  clear: both;
  position: relative;
  overflow: hidden;
  vertical-align: top;
  }

#parutions li p {
  margin: 0 20px;
  font-size: 0.8em;
  /* margin-bottom: 40px; */
}

#parutions h4 {margin: 15px 20px;font-size: 1.1em;}

#parutions a {margin: 0 20px;position: absolute;bottom: 12px;font-size: 0.8em;color: #FDB007;font-weight: bold;text-transform: uppercase;}

/*--------------------------------------------------------------
#  A PROPOS
--------------------------------------------------------------*/

.page-template-a-propos header,.page-template-a-propos-us header {height: 450px !important;box-shadow: none !important;background: url('inc/assets/img/header_aboutus.jpg') no-repeat left top !important;background-size: cover !important;}
.page-template-a-propos #sub-header,.page-template-a-propos-us #sub-header {margin-top: -10px;}
.row_val {
  position: relative;
  width: 918px;
  display: block !important;
  flex-wrap: nowrap !important;
  height: 1380px;
  left: 50%;
  margin-left: -459px !important;
}
#valeurs h2 {
  text-transform: uppercase;
  color: #1AC0F8;
  text-align: left;
  font-weight: 700;
  font-size: 3em;
  letter-spacing: 1px;
  margin-top: 80px;
  margin-bottom: 110px;
}
#valeurs h2 span {color: #8cdffb;}
#valeurs h2 hr {
  width: 69px;
  background: #1AC0F8;
  height: 3px;
  text-align: left;
  margin-right: 100%;
  margin-top: 10px;
  position: absolute;
  }

#valeurs {height: 900px;position: relative;}

#valeurs .row > div {text-align: center; color: #fff;}
#valeurs .row > div h3 {text-transform: uppercase;margin-top: 25px;font-weight: 700;}
#valeurs .row > div p {
    font-size: 0.8em;
    padding: 0 32px;
    line-height: 2;
}

#valeurs .valeur1 {
  background:  url('inc/assets/img/valeur1.svg');
  display: block;
  height: 445px;
  width: 300px;
  position: absolute;
  text-align: center;
  margin-left: -10px;
  }

#valeurs .valeur1 h3 {
    margin-top: 169px !important;
}
#valeurs .valeur1 p {margin-top: 20px;}
#valeurs .valeur2 {background: url('inc/assets/img/valeur2.svg') repeat;height: 219Px;width: 378px;margin-top: -4Px;position: absolute;left: 310px;}
#valeurs .valeur3 {background:  url('inc/assets/img/valeur3.svg');width: 220px;height: 215px;position: absolute;left: 707px;}
.valeur3 p {/* line-height: 1.4 !important; */}
#valeurs .valeur4 {background:  url('inc/assets/img/valeur4.svg');width: 220px;height: 212px;position: absolute;left: 310px;margin-top: 233px;}
#valeurs .valeur5 {background:  url('inc/assets/img/valeur5.svg');width: 380px;height: 213px;position: absolute;margin-top: 232px;left: 548px;}
#founders {
  height: 700px;
  background:url('inc/assets/img/fondateurs.svg');
  background-size: cover;
}

#founders h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: left;
  font-weight: 700;
  margin-top: 50px;
  font-size: 3em;
  letter-spacing: 1px;
  margin-top: 130px;
  margin-bottom: 90px;
}
#founders h2 span {color: #8ce1fb;}
#founders h2 hr {
  width: 69px;
  background: #fff;
  height: 3px;
  border:none;
  text-align: left;
  margin-right: 100%;
  margin-top: 10px;
  position: absolute;
  }


#founders h3 {color: #fff;font-size: 1.4em;font-weight: 700;}
#founders p {color: #fff;}
#founders .col-4 {text-align: center;}
#founders .col-4 img {margin-bottom: 10px;}
#founders .col-4 p {font-size: 0.9em;/* width: 110%; *//* margin-left: -5%; */line-break: initial;margin-top: 10px;text-align: justify;}
#founders .olivier {text-align: right;}
#founders .anh-vu {text-align: left;}

#board {background: #f5f9fa;}

#board h2 {
  text-transform: uppercase;
  color: #1AC0F8;
  text-align: left;
  font-weight: 700;
  margin-top: 50px;
  font-size: 3em;
  letter-spacing: 1px;
  margin-top: 130px;
  margin-bottom: 80px;
}
#board h2 span {color: #8cdffb;}
#board h2 hr {
  width: 69px;
  background: #1AC0F8;
  height: 3px;
  text-align: left;
  margin-right: 100%;
  margin-top: 10px;
  position: absolute;
  }

#board h3 {
  color: #313339;
  text-align: center;
  font-size: 1em;
  margin-top: 20px;
  }
#board img {}
#board p {color: #6E7074;text-align: center;font-size: 0.8em;margin-bottom: 50px;}

#logo_board {margin: 50px 0;}

#logo_board .col-2 {
    text-align: center;
}
#logo_board .col-2 img {
    height: 30px;
}

#management {
  background: url('inc/assets/img/management.svg');
  height: 570px;
  background-repeat: no-repeat;
  background-size: cover;
  clear: both;
  }

#management h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: left;
  font-weight: 700;
  margin-top: 50px;
  font-size: 3em;
  letter-spacing: 1px;
  margin-top: 50px;
  margin-bottom: 110px;
}
#management h2 span {color: #8ce1fb;}
#management h2 hr {
  width: 69px;
  background: #fff;
  height: 3px;
  border:none;
  text-align: left;
  margin-right: 100%;
  margin-top: 10px;
  position: absolute;
  }

.manage {display: none;}
.manage.active {display: block;}

.manage {color: #fff;}
.change_manage {position: absolute;margin-left: 50px;margin-top: 80px;z-index: 9999;z-index: 99;}

#jobs {background: #F5F9FA;clear: both;padding-bottom: 60px;}
#jobs h2 {
  text-align: center;
  text-transform: uppercase;
  color: #808183;
  padding-top: 50px;
  margin-bottom: 60px;
  font-size: 3em;
  /* clear: both; */
  }
#jobs ul {list-style: none; margin: 0; padding: 0;}
#jobs li {width: 260px;height: 137px;background: #fff;border-radius: 7px;display: block;float: left;box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.19);text-align: center;}
#jobs li h3 {text-align: center;margin-top: 25Px;font-size: 1.25em;text-transform: uppercase;color: #313339;margin-bottom: 25px;}
#jobs li a {text-align: center;/* display: inherit; */font-size: 0.7em;/* padding: 10px 10px; */}
#jobs .col-3 p {
    padding-right: 70px;
    color: #6E7074;
    font-size: 0.9em;
    text-align: justify;
}

.modal-dialog {
  top: 20%;
}

.modal-dialog img {
  float: left;
  margin-top: -60px;
}

.modal-header {
  border-bottom: none;
}
.modal-dialog form {
  float: left;
  width: 450px;
  margin-top: -45px;
  padding-left: 40px;
}

.modal-dialog h4 {
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 1Px;
    margin-bottom: 40px;
}

.modal-body {
  padding: 0;
}

.modal-dialog input {

}

.modal-content {overflow: hidden}
.modal-dialog  form input[type=text],  .modal-dialog  form input[type=email] {width: 95%;float: left;margin-bottom: 10px;border: none;border-radius: 0;border-bottom: 1px solid #8c8c8c94;font-size: 0.9em;padding: 10px 0;outline: none;}
.modal-dialog form p {clear: both;width: 100%;margin-bottom: 21px;line-height: 3;text-align: right;}
.modal-dialog form p input[type=text]:first-of-type, .modal-dialog  form p input[type=email]:first-of-type {
  margin-right: 5%;
}
.modal-dialog form p:last-of-type {text-align: center}
*:focus {
  outline: none;
  outline-style:none;
  box-shadow:none;
}

.ebd_results {float: right;text-align: center;
  width: 470px;
}
.ebd_link {    color: #111;
  background-color: #ffc107;
  border-color: #ffc107;
  border-radius: 46px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  padding: 10px 30px;
  font-weight: 500;}
.ebd_link:hover {text-decoration: none;}
.wpcf7-response-output {border:none; margin: 0; text-align: center}

  /* How it works */

.page-template-howitworks {}
.page-template-howitworks header#masthead,.page-template-how-it-works-us header#masthead {
    background: url('inc/assets/img/howitworks_header.jpg') no-repeat left top;
    height: 445px;
    background-size: cover;
}

.page-template-howitworks header#masthead h1, .page-template-how-it-works-us header#masthead h1 {
margin-top: 40px;
width: 360px;
}

.hiw {/* background: #000; */}

.hiw #revolution img {
  margin-left: 0;
  margin-top: 47px !important;
  width: 400px;
  margin-right: 100px;
  }
.hiw .schema {}
.hiw .schema h3 {color: #000 !important;font-size: 1.1em !important;font-weight: 700;letter-spacing: -1px !important;line-height: 1.3 !important;}
.hiw .schema p {
    font-size: 1.1em !important;
    margin-top: 1px !important;
    text-transform: capitalize;
}
.hiw #revolution .schema.first {
  top: 155px;
  left: -100px;
  }
.hiw #revolution .schema.second {
  top: 156px;
  left: 163px;
  }
.hiw #revolution .schema.third {
  top: 305px;
  right: -77px;
  line-height: 2;
  }
.hiw #revolution .schema.fourth {
  top: 424px;
  right: -89px;
  }
.hiw #revolution .schema.fifth {
    left: -128px;
    top: 656px;
}
.hiw #revolution .schema.sixth {
    top: 655px;
    left: 33px;
}
.hiw #revolution .schema.seventh {
    top: 655px;
    left: 190px;
}

.page-template-howitworks #revolution, .page-template-how-it-works-us #revolution {

background: url('inc/assets/img/howitworks_intro_background.svg');

height: 800px;

background-size: cover;
}
.page-template-howitworks #revolution p, .page-template-how-it-works-us #revolution p{
  text-align: justify;
  margin-top: 40px;
}
.page-template-howitworks #revolution p b, .page-template-how-it-works-us #revolution p b{
  font-weight: bold;
}
.page-template-howitworks #revolution span, .page-template-how-it-works-us #revolution span {
  color: #1AC0F8;
  font-weight: bold;
  border-left: 3px solid #1AC0F8;
  display: block;
  margin: 20px 0;
  padding-left: 20px;
  margin-left: 20px;
  line-height: 2;
}

#ciblage {padding-bottom: 50px;}
#ciblage h2 {color: #1AC0F8;text-transform: uppercase;margin-top: 50px;font-size: 3em;font-weight: 700;margin-bottom: 30px;}
#ciblage h2::first-letter {color: #8cdffb;}
#ciblage p {
    line-height: 2;
    color: #6E7074;
}
#ciblage .col-1 {max-width:5%;}
#ciblage p b {color: #313339}
#ciblage ul {padding: 0;margin: 0;list-style: none;margin-top: -26px;}
#ciblage ul li {
    margin: 30px 9px;
}
#ciblage ul li:before {content: "•"; color: #fdb007;  display: inline-block; width: 1em;  margin-left: -1em}
#ciblage ul li span {font-size: 0.8em; }
.manage p {font-size: 0.9em;margin-top: 25px;}
.manage p:first-of-type {font-size: 1em;/* text-transform: uppercase; */font-weight: 500;}
.manage h3 {margin-bottom: -20px;}
#diffusion {background: url('inc/assets/img/howitworks_diffusion_background.svg');height: 775px;background-size: cover;}
#diffusion h2 {color: #fff;text-transform: uppercase;margin-top: 50px;font-size: 3em;font-weight: 700;margin-bottom: 30px;}
#diffusion h2::first-letter {color: #8cdffb;}
#diffusion p {color: #FFFFFF;margin: 33px 0;}
#diffusion p.center {
  text-align: center;
  margin-top: 15Px;
  }

#diffusion .schema {position: absolute;}
#diffusion .schema h3 {color: #fff !important; text-transform: uppercase;}
#diffusion .schema p {color: #fff !important;}
#diffusion .schema h4 {color: orange;font-size: 1.1em;font-weight: 700;letter-spacing: -1px;margin-top: 5px;}
#diffusion .first {
    top: 432px;
    margin-left: 80px;
}
#diffusion .second {
    top: 610px;
    text-align: center;
    margin-left: 70px;
    line-height: 0.5;
}
#diffusion .third {
    top: 365px;
    margin-left: 292px;
    /* font-size: 60%; */
    background: #fff;
    border-radius: 30px;
    padding: 3px 14px;
    height: 40px;
}
.diffusion_schema {
    margin-top: 35px;
    width: 890px;
}
#diffusion .schema h4 {}
#diffusion .fourth {
    top: 534px;
    margin-left: 298px;
    background: #fff;
    border-radius: 30px;
    padding: 4px 14px;
    height: 40px;
}
#diffusion .fifth {
    top: 565px;
    margin-left: 723px;
    text-align: center;
}
#diffusion .sixth {
    margin-left: 910px;
    text-align: center;
    top: 515px;
}

#media {
    position: relative;
    height: 395px;
    overflow: hidden;
}
#media h2 {color: #1AC0F8;text-transform: uppercase;margin-top: 100px;font-size: 3em;font-weight: 700;margin-bottom: 30px;}
#media h2::first-letter {color: #8cdffb;}
#media .list-products {list-style: none;position: absolute;top: 168px;/* left: 240px; */background: url('inc/assets/img/where_rectangle.svg') no-repeat 208px 9px;padding-bottom: 0;margin-bottom: 0;margin-left: -110px;}
#media .list-products a {color: #313339;margin-top: 60px;}
#media .list-products a span {
    font-size: 0.8em;
  color: #6E7074;
}
#media .list-products a:hover, #media .list-products li.actif a {color: orange; text-decoration: none;}
#media .list-products li {width: 180px;margin-bottom: 45px;font-size: 0.9em;text-align: right;margin-top: -11Px;}
#media .list-products li b, #media .list-products li strong {
    margin-right: 30px;
    /* margin-top: 70px; */
    /* padding-top: 40px; */
}
#media .list-products li img {
    margin-left: 10px;
    margin-top: -46px;
}

#media.list-products img {float: right;margin-top: 2px;margin-left: 10px;}
#media .media_type {margin-left: 270px;background: url('inc/assets/img/howitworks_media_iphone.png') 0px 9px no-repeat;width: 300px;position: absolute;bottom: -126px;}
#media .media_type img {
  width: 211px;
  margin: 69px 14px;
}
.page-template-howitworks #contact, .page-template-how-it-works-us #contact {background: #F5F9FA;padding: 70px 70px 40px 70px;}
.align-right {text-align: right;}
#contact p b {font-weight: 700;color: #1AC0F8;margin-bottom: 15px;display: inline-block;}
.page-template-howitworks #contact p, .page-template-how-it-works-us #contact p,{color: #6E7074;}
.page-template-howitworks #contact a,.page-template-how-it-works-us #contact a {margin-top: 25px;}
.page-template-howitworks #revolution img,.page-template-how-it-works-us #revolution img {margin-top: 30px;}
.page-template-products #revolution img,..page-template-product-us #revolution img {margin-top: -14px;}
/* products */

.page-template-products #revolution {}
.page-template-products {}
.page-template-products header#masthead,.page-template-product-us header#masthead {
  background: url('inc/assets/img/Produits_header.jpg') no-repeat left top;
  height: 445px;
  background-size: cover;
}
.page-template-products header#masthead h1,.page-template-product-us header#masthead h1 {
  margin-top: 40px;
  width: 360px;
  word-spacing: 999px;
}

.page-template-products #revolution,.page-template-product-us #revolution  {
  background: url('inc/assets/img/products_bg.svg');
  height: 710px;
  background-size: cover;
  margin-top: -20px;
}
.page-template-products #revolution h1,.page-template-product-us #revolution h1 {color: #bbf6fd;margin-bottom: 70px;margin-top: 70px;}
.page-template-products #revolution h1 span,.page-template-product-us #revolution h1 span {color: #fff;}
.page-template-products #revolution p,.page-template-product-us #revolution p {color: #fff;font-size: 1.2em;font-weight: 500;line-height: 1.7;margin-top: -20px;}
.page-template-products .col-1,.page-template-product-us .col-1 {max-width: 7%;}


.prod {/* background: #000; */}

.prod #revolution img {
  margin-left: 0;
  margin-top: 65px !important;
  width: 190px;
  margin-right: 89px;
}
.prod .schema {}
.prod .schema h3 {color: #000 !important;font-size: 1.1em !important;font-weight: 700;letter-spacing: -1px !important;line-height: 1.3 !important;color: #fff !important;}
.prod .schema p {color: #113fa1 !important;}
.prod .schema p {
  font-size: 1.1em !important;
  margin-top: 1px !important;
  text-transform: capitalize;
}
.prod #revolution .schema.first {
  top: 135px;
  left: -138px;
}
.prod #revolution .schema.second {
  top: 146px;
  left: 366px;
  font-size: 90%;
}
.prod #revolution .schema.second h3, .prod #revolution .schema.second p {text-align: left; color: #fff !important;}
.prod #revolution .schema.third {
  top: 317px;
  right: 301px;
  line-height: 2;
}
.prod #revolution .schema.fourth {
  top: 276px;
  right: -206px;
  font-size: 90%;
}
.prod #revolution .schema.fourth h3, .prod #revolution .schema.fourth p {text-align: left; color: #fff!important;}
.prod #revolution .schema.fifth {
  left: -135px;
  top: 503px;
}
.prod #revolution .schema.sixth {
  top: 508px;
  left: 368px;
  font-size: 90%;
}
.prod #revolution .schema.sixth h3, .prod #revolution .schema.sixth p {text-align: left; color: #fff !important;}




#dts {background: url('inc/assets/img/produits_drive-to-store_background.svg') 0 175px no-repeat;height: 1270px;background-size: cover;padding-top: 20px;position: relative;z-index: 0;}
#dts h2 {font-size: 3em;color: #1AC0F8;text-transform: uppercase;text-align: center;margin-top: 65px;font-weight: 700;}
#dts ul {padding: 0;margin: 0;list-style: none;margin-top: 40px;display: block;}
#dts ul li {
  margin: 21px 10px;
}
#dts ul li:before {content: "•"; color: #fdb007;  display: inline-block; width: 1em;  margin-left: -1em}

#dts h3 {color: #313339;text-transform: uppercase;margin-top: 160px;margin-bottom: 50px;font-weight: 700;letter-spacing: 1px;}
#dts h3 span {color: #113fa1;}
#dts ul li b {}
#dts ul li i {}
#dts .col-5 ul li {
    margin: 33px 10px;
}
#dts .col-10 p {margin-left: 50px;}
#dts .col-5 ul {margin-left: 40px;}
#dts .illustration {position: absolute;right: 0;top: 360px;}
#dts p {color: #313339;text-align: justify;margin-right: 60px;margin-top: 50px;}
.page-template-products #revolution img,.page-template-product-us #revolution img {margin-top: 80px;}

#custom h2 {text-transform: uppercase;margin-bottom: 70px;color: #fff;font-size: 3em;font-weight: 700;}
#custom {background: #f5f9fa url('inc/assets/img/produits_customresearch_background.svg');/* margin-top: -50px; */z-index: 999;padding-top: 100px;background-size: cover;height: 563px;overflow: hidden;}
#custom p {
    color: #fff;
    line-height: 2;
    font-weight: 5;
    padding: 0 20px;
}
#custom img {/* position: absolute; */margin-left: 660px;margin-top: -380px;}

#custom p b {font-weight: 700;}

.page-template-products #contact,.page-template-product-us #contact {background: #F5F9FA;padding: 70px;}
.page-template-products #contact p,.page-template-product-us #contact p {color: #6E7074;}
.page-template-products #contact a,.page-template-product-us #contact a {margin-top: 25px;}
.contact_nav {
    position: absolute;
    right: 0;
    /* margin-top: -24px; */
    margin-right: 10px;
    top: -3px;
}

.social_links {
    display: inline-block;
    float: left;
    /* margin-left: 7px; */
    height: 30px;
    width: 30px;
    text-align: center;
    vertical-align: baseline;
    line-height: 30px;
    margin-top: -5px;
}

.social_links img {height: 17px;}

.newsletter {text-align: center;margin: -10px auto 20px;}

.newsletter h2, .newsletter form {display: inline;clear: none;margin: 0 12px;color: #fff;margin-top: -2p;}

.newsletter .form_ok {display: none;}

.newsletter .btn-warning {display: inline;padding: 6px 28px;margin-left: 20px;}
.newsletter input[type=text] {
  width: 280px;
  border: none;
  background: none;
  border-radius: 0;
  border-bottom: 1px solid #8c8c8c94;
  font-size: 1.2em;
  padding: 5px 6px;
  outline: none;
  color: #fff;
  /* margin-top: -55px; */
  }
.newsletter h2 {text-transform: uppercase;font-weight: 700;letter-spacing: 1px;}
.newsletter hr {}

.error404 header#masthead {
    background: #292a2f;
    height: 90px;
}
p.form_ok {
  color: #fff;
  font-weight: 600;
  font-size: 1.3em;
  margin-bottom: -20px;
}

.footer-en {
  height: 200px;
}
.error404 #main {
	text-align: center;
}
	.error404 #main .container {
		margin-top: 120px;
		margin-bottom: 120px;
	}
		.error404 #main .container img {
			margin-bottom: 40px;
		}
		.error404 #main .container h1 {
			font-family: arial;
			font-size: 24px;
			font-weight: bold;
			letter-spacing: 1px;
			color: black;
		}
		.error404 #main .container p {
			font-family: arial;
			font-size: 14px;
			letter-spacing: 1px;
			color: #6E7074;
		}
		.error404 #main .container .btn-back {
			margin-top: 40px;
		}


@media screen and (max-width: 767px) {
  #masthead .navbar-nav > li > a {
    padding-bottom: 0.938rem;
    padding-top: 0.938rem;
  }
}
/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
  html {
    font-size: 95%;
  }
}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  html {
    font-size: 93%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  html {
    font-size: 90%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  html {
    font-size: 88%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  html {
    font-size: 86%;
  }
  /*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
  header#masthead {
	height: 435px;
	background-position-x: -200px;
}

.navbar .navbar-collapse #menu-top-menu {
	margin-top: 40px;
}

.navbar .navbar-collapse a.nav-link {
	font-family: arial;
	font-size: 22px;
	text-align: center;
	letter-spacing: 1.2px;
}

.navbar .navbar-collapse .dropdown-toggle.nav-link {
	display: none;
}

#menu-item-wpml-ls-2-fr, #menu-item-wpml-ls-2-en {
	width: 100%;
	right: 0;
	left: 0;
	top: 0;
}

.navbar .navbar-collapse .dropdown-menu {
	display: block;
	margin: 0;
	width: 100%;
	background: none;
}
	.navbar .navbar-collapse .dropdown-menu li {
		background: none;
	}
	.navbar .navbar-collapse .dropdown-menu li a {
		background: none !important;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}

  .navbar-brand > a {

  }

  .navbar-brand > a:visited, .navbar-brand > a:hover {

  }

  #page-sub-header {

  }

  #sub-header button {
    font-size: 0.9em;
  }

  #sub-header h1 {

margin-top: 40px;

margin-bottom: 50px !important;

font-size: 2.8em;

}

  #sub-header hr {

  }

	.collapse {
		position: absolute !important;
		background: rgba(0,0,0, 0.8);
		width: 100%;
		top: 60px;
		z-index: 99;
	}
	.navbar-collapse.collapsing {
		position: absolute !important;
		background: rgba(0,0,0, 0.8);
		width: 100%;
		top: 60px;
		z-index: 99;
	}


  /*--------------------------------------------------------------
  ## Links
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  ## Menus
  --------------------------------------------------------------*/
  #masthead nav {

  }

  #masthead .navbar-nav > li > a {

  }

  #masthead .navbar-nav > li > a:hover {

  }

  .knowmore {

  }

  .knowmore:hover {

  }

  #menu-top-menu {
  }

  .navbar-brand {
  }

  .navbar-toggle .icon-bar {
  }

  /* HOME */
  .page-template-home, .page-template-page {
    overflow-x: hidden;
    max-width: 100%;
}
  .page-template-home #revolution,.page-template-page #revolution,.page-template-home-us #revolution {
    background-position-x: 50%;
    overflow: hidden;
    max-width: 100%;
}
  .page-template-home #revolution .col-6:last-of-type,.page-template-page #revolution .col-6:last-of-type,.page-template-home-us #revolution .col-6:last-of-type   {
    display: none;
}
  .page-template-home #revolution .col-6,.page-template-home-us #revolution .col-6,.page-template-page #revolution .col-6  {
    max-width: 100%;
    /* text-align: center; */
    padding: 0 0px;
    flex: 0 0 100%;
}

  .page-template-home #revolution img,.page-template-home-us #revolution img,.page-template-page #revolution img {
    display: none;
  }

  .page-template-home #revolution h1, .page-template-home #revolution p,.page-template-page #revolution h1, .page-template-page #revolution p,.page-template-home-us #revolution h1, .page-template-home-us #revolution p   {
    text-align: center;
    margin-top: 30px;
    padding: 0 35px;
    margin-left: 0;
    width: 100%;
  }

  .page-template-home #revolution p,.page-template-page #revolution p,.page-template-us #revolution p {
    padding: 0 55px;
  }
  #our-product {

height: 580px !important;

}
  #our-product h1 {
    text-align: center !important;
  }
  #our-product h1 hr {
    /* display: inline; */
    left: 50%;
    margin-left: -35px;
  }

  #our-product .list-products {
    display: none;}

	.home #our-product .buttons {
		display: block;
		text-align: center;
	}
		.home #our-product .buttons img {
			cursor: pointer;
		}

  #our-product .about-product {
    left: 50% !important;
    margin-left: -150px;
    margin-top: 30px !important;
    overflow: hidden;
    border-bottom: none !important;
}

  .about-product h2 hr {
    width: 130%;
  }
  .home #clients {
    height: 150px;
}
  .home #clients .col-2 {
    max-width: 25%;
    flex: 0 0 35%;
}
  .home #clients .col-2 img {
    width: 150px;
    height: auto;
}
  .home #clients .row .col-2:nth-of-type(5),   .home #clients .row .col-2:nth-of-type(6) {background: #000; display: none;}

  #success-stories {
    height: 650px;
}

  #success-stories h1 {text-align: center !important;width: 100%;}

  #success-stories h1 hr {    left: 50%;
    margin-left: -35px;}

  #success-stories .col-7{
    display: none;
  }

  #success-stories .col-4 {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    border-left: 0;
}

  #success-stories .header .buttons {

right: 50%;

margin-right: -40px;

margin-top: -30px;
  }

  #success-stories .success-story {
    text-align: center;
  }

  #success-stories .col-4 .about img {

clear: both;

display: block;

margin-left: 39%;

margin-right: 50%;

margin-top: -50px;

margin-bottom: 10px;
  }
  #success-stories .col-4 .about h5 {
    /* width: 100%; */
}
  #success-stories .testimony {
    padding: 0 26px;
    margin-top: 20px;
    font-size: 1.3em !important;
    font-weight: 300;
    line-height: 1.5 !important;
  }

  #where {
    max-width: 100%;
}

  #where h1 {background: transparent;text-align: center;color: #fff;width: 100%;}
  #where h1 hr {
    left: 50%;
    margin-left: -35px;
    border-top: 0;
    color: #fff;
    background: #fff;
}

  #where .cents:first-of-type {width: 100%;}
  #where .cents:first-of-type ul {display: none;}
  #where .cents:last-of-type {
    left: 0;
    width: 100%;
    position: absolute;
}
  #where .mask {display: none;}
  #where .about {left: 20px;}


  footer .row:first-of-type {/* display:none */}
  footer .row:last-of-type {text-align: center;}
  #where .fleche_top {
    right: 67%;
    bottom: auto;
    top: 180px;
    z-index: 999999;
    margin-right: -50px;
    transform: rotate(-90deg);
    filter: brightness(0) invert(1);
}
  #where .fleche_bottom {
    right: 33%;
    bottom: auto;
    top: 180px;
    z-index: 999999;
    margin-right: 20px;
    transform: rotate(-90deg);
    filter: brightness(0) invert(1);
}

  .page-template-ressources header, .page-template-ressources-us header  {
    height: 240px !important;
    background-position-x: -180px !important;
    background-position-y: 0px !important;
  }

  .page-template-ressources header h1,.page-template-ressources-us header h1  {
    margin-top: 30px !important;
  }
  .page-template-ressources h2,.page-template-ressources-us h2 {
    margin: 20Px 0 80px !important;
    padding: 0;
    margin-top: 0;
    width: 100%;
    text-align: center !important;
}
  .page-template-ressources h2 hr,.page-template-ressources-us h2 hr {
    left: 50%;
    margin-left: -35px;
}
  #parutions ul {
    left: 70px;
}
  #parutions {height: 580px;}
  #parutions .left {top: 150px;left: 50%;margin-left: -40px;}
  #parutions .right {
    top: 150px;
    left: 50%;
    margin-left: 10px;
}

  .page-template-contact #map_canvas,.page-template-contact-us #map_canvas  {
    display:none;
  }
  .page-template-contact #contact,.page-template-contact-us #contact {
    width: 100%;
    margin-top: 24px;
    text-align: center;
  }
  .contact #contact h1 {text-align: center;z-index: 99;}

  .page-template-opt-out {}

  .page-template-opt-out .col-6, .page-template-opt-out-us .col-6 {

flex: 0 0 100%;

max-width: 100%;
  }

  .page-template-opt-out .form-container .row,.page-template-opt-out-us .form-container .row {margin: 0;}

  .page-template-opt-out .description,.page-template-opt-out-us .description {
    margin: 0;
    padding: 0;
    border-left: initial !important;
}
  .page-template-opt-out .notes {}

  .page-template-opt-out .form-container .form input[type="text"],.page-template-opt-out-us .form-container .form input[type="text"] {width: 240px;}

  .page-template-opt-out .whatismac h2,.page-template-opt-out-us .whatismac h2 {margin-top: 20px;}

  #content {overflow: hidden}

  .page-template-a-propos h1,  .page-template-a-propos-us h1 {

margin-top: 60px !important;

width: 300px;
  }

  .page-template-a-propos header#masthead, .page-template-a-propos-us header#masthead {
    height: 315px !important;
  }

  #valeurs {
    height: 1350px;
  }

  #valeurs h2 {
    text-align: center;
    margin: 30px 0;
    width: 100%;
  }
  h2 hr {left: 50%; margin-left: -35px;}
  .row_val {
    width: 100%;
    margin-left: 0;
    left: 0;
}
  #valeurs .valeur1{
    left: 8%;
    width: 90%;
    background-size: cover;
    font-size: 130%;
    height: 278px;
}
  #valeurs .valeur2{
    left: 5%;
    width: 90%;
    top: 300px;
    background-size: cover;
    font-size: 120%;
    }
  #valeurs .valeur3{
    left: 5%;
    width: 90%;
    top: 540px;
    background-size: cover;
    font-size: 130%;
    }
  #valeurs .valeur4{
    left: 5%;
    width: 90%;
    top: 545px;
    background-size: cover;
    font-size: 130%;
    }
  #valeurs .valeur5 {
    left: 5%;
    width: 90%;
    top: 783px;
    background-size: cover;
    font-size: 130%;
    }

  #founders h2 {text-align: center; width: 100%;}

  .olivier, .anh-vu, .col-4 {max-width: 100%;flex: 0 0 100%;text-align: center !important;}
  .olivier {margin-top: 158px;position: absolute;text-align: left !important;}
  .mobile_only {display: block !important;}
  .no_mobile {display: none;}
  #founders {height: 740px;background-size: initial;}
  #board {}
  #board h2 {width: 100%;text-align: center !important;margin-top: 40px;margin-bottom: 50Px;}
  #board .col-2 {max-width: 100%;flex: 0 0 100%;text-align: center;font-size: 150%;margin-bottom: -30px;}
  #logo_board {height: 140px;}
  #logo_board .col-2 {max-width: 50%; flex: 0 0 50%; margin-bottom: 50px;}
  #logo_board .col-2:first-of-type {display: none;}
  #management h2 {text-align: center;width: 100%;margin-bottom: 80px;}

  .page-template-howitworks header#masthead,.page-template-how-it-works-us header#masthead {
    height: 300px;
  }
  .page-template-howitworks #revolution,.page-template-how-it-works-us #revolution  {
    height: 700px;
}
  .page-template-howitworks #revolution img,.page-template-how-it-works-us #revolution img {display: none;}
  .page-template-howitworks #revolution .col-6,.page-template-how-it-works-us #revolution .col-6  {max-width: 100%; flex: 0 0 100%;}
  .page-template-howitworks #revolution p,.page-template-how-it-works-us #revolution p  {
    width: auto;
    padding: 10px;
    margin-top: 10px;
}
  #ciblage {margin-bottom: 0;padding-bottom: 0;}
  #ciblage .col-5, #ciblage .col-3 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  #diffusion {font-size: 120%;}
  #media {height: 470px;}
  #media h2 {margin-top: 0;}
  #media .col-4, #media .col-5 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  #media .col-5 .media_type {

position: absolute;

right: 30px;

bottom: -345px;

background-size: contain;

width: 170px;

height: 349px;
  }

  .page-template-howitworks #contact .col-5,.page-template-how-it-works-us #contact .col-5  {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .page-template-howitworks #contact .align-right,.page-template-how-it-works-us #contact .align-right  {
    text-align: center;
  }


  .page-template-products h2,.page-template-product-us h2  {width: 100%; text-align: center;}
  .page-template-products header#masthead,.page-template-product-us header#masthead  {height: 300px !important;}
  .page-template-products .col-5, .page-template-products .col-6, .page-template-products .col-4,
  .page-template-product-us .col-5, .page-template-product-us .col-6, .page-template-product-us .col-4, .page-template-products .col-10,.page-template-product-us .col-10 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .page-template-products #revolution h1,.page-template-product-us #revolution h1 {text-align: center}

  .contact_nav img {
    display: none;
  }
  .page-template-products #revolution,.page-template-product-us #revolution {
    height: 1000px;
  }
  .page-template-products #revolution img,.page-template-product-us #revolution img { margin-top: -10px; }
  #dts h2 {margin-top: 20px;}
  #dts .illustration {display: none;}
  #dts .col-5 ul li {margin-bottom: 10px;margin-top: 10px;}
  #dts h3 {text-align: center; margin-top: 60px;}
  #dts .col-10 p {margin: 20px 15px;}
  #dts {height: 1130px;}
  .page-template-products  #contact .col-5,.page-template-product-us  #contact .col-5 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .page-template-products  #contact .align-right,.page-template-product-us  #contact .align-right {
    text-align: center;
  }
  .page-template-products #revolution p,.page-template-product-us #revolution p  {

width: auto;

text-align: center;

margin: -50px 10Px 35Px;
  }
  #custom {
    padding-top: 40px;
    height: 400px;
  }
  #custom h2 {margin-bottom: 20px;}

  .contact form input[type=text], .contact form input[type=email] {
    width: 95%;
  }

  #colophon .info, #colophon .col-m2-2 {
    display: none;
  }

  .social_nav {border-bottom: 1px solid rgba(151,151,151, 0.30);padding: 10px 10px 30px 110px;margin: -30px 30px 30px;text-align: center;}

  #colophon .col-md-2 h3 {
    display: none;
  }

  #colophon .credit {
    font-size: 1.1em;
}
  #ciblage h2 {margin: 10px;}
  #ciblage h2, #ciblage p, #ciblage ul, #diffusion h2, #diffusion p {padding: 0 20px;}
  #media .list-products {
    top: 60px;
}
  #media .col-5 .media_type img {
    width: 143px;
    margin: 53px 14px;
}
  #media .col-4 p {padding: 0 20px;}
  .page-template-home .home #revolution,.page-template-home-us .home #revolution {background: #f5f9fa url('inc/assets/img/home_intro_pin.svg');padding-top: 10Px;text-align: center;background-size: 80%;background-position-y: 110px;background-repeat: no-repeat;background-position-x: 30%;}

  .page-template-howitworks #contact,.page-template-how-it-works-us #contact  {background: #F5F9FA;padding: 50px;}
  .page-template-products #contact,.page-template-products-us #contact  {padding: 50px;}
  .contact form p {padding: 0 20px;}
  .wpcf7-submit {
    /* margin-left: -70px; */
    width: 100%;
}

  .page-template-products, .page-template-product-us {
    width: 105%;
  }

  .mandatory {bottom: -210px;}
  .button.left {
    margin-left: 0px;
}
  .button.right {
    margin-left: 20px;
}

  #diffusion {height: 630px;}

#our-product .buttons {
	display: block;
	text-align: center;
	margin-top: 40px;
}

  .g-recaptcha {
    margin: 0 auto;
    /* width: 100%; */
    margin-left: 10px;
    margin-bottom: 10px;
}

  #valeurs .valeur1 h3 {
    margin-top: 21px !important;
}

  #founders .col-4 img {
    margin-top: -40px;
  }

  .anh-vu {
    position: absolute;
    right: 0;
    /* top: 0; */
    text-align: right !important;
    margin-top: 158px;
  }

  #founders .col-4 p {

margin-top: 110px;
  }

  .manage img {
    position: absolute;
    top: -120px;
    left: 12vh;
    width: 120%;
    /* height: 110%; */
    max-width: 150%;
}
  .manage {
    margin-top: 100px;
  }

  #management {
    height: 620px;
    background-size: initial;
  }

  .change_manage {

margin-top: 179px;
  }

  .home #our-product .about-product ul a {

margin-top: -8px;

bottom: 50px;
  }

  .prod #revolution img {
    margin-left: 0;
    margin-top: -25px !important;
    width: 150px;
    margin-right: 29px;
  }
  .prod .schema {}
  .prod .schema h3 {color: #000 !important;font-size: 1.1em !important;font-weight: 700;letter-spacing: -1px !important;line-height: 1.3 !important;color: #fff !important;}
  .prod .schema p {color: #113fa1 !important;}
  .prod .schema p {
    font-size: 1.1em !important;
    margin-top: 1px !important;
    text-transform: capitalize;
  }
  .prod #revolution .schema.first {
    top: 15px;
    left: 12px;
  }
  .prod #revolution .schema.second {
    top: 13px;
    left: 261px;
    font-size: 90%;
  }
  .prod #revolution .schema.second h3, .prod #revolution .schema.second p {text-align: left; color: #fff !important;}
  .prod #revolution .schema.third {
    top: 167px;
    right: 304px;
    line-height: 2;
  }
  .prod #revolution .schema.fourth {
    top: 176px;
    right: -66px;
    font-size: 90%;
  }
  .prod #revolution .schema.fourth h3, .prod #revolution .schema.fourth p {text-align: left; color: #fff!important;}
  .prod #revolution .schema.fifth {
    left: 10px;
    top: 333px;
  }
  .prod #revolution .schema.sixth {
    top: 328px;
    left: 261px;
    font-size: 90%;
  }
  .prod #revolution .schema.sixth h3, .prod #revolution .schema.sixth p {text-align: left; color: #fff !important;}


}