/*@import url(https://fonts.googleapis.com/css?family=Lato:400,300,400italic,700,700italic,300italic,900);*/
	/*@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);*/
	
	/*@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800,900);*/
	/*@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);*/
	
	/* @import url('http://example.com/example_style.css'); */
	/***********************************************/
	/* CSS @imports must be at the top of the file */
	/* Add them above this section                 */
	/***********************************************/
	
	/****************************************/
	/* HubSpot Style Boilerplate            */
	/****************************************/
	
	/* These includes are optional, but helpful. */
	/*/* Images */

img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

/* Videos */

video {
    max-width: 100%;
    height: auto;
}

/* Embed Container (iFrame, Object, Embed) */

.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0;
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%;
}

.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}

.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}

.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}

iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}

/* Forms */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
    padding: 6px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Menus */

.hs-menu-wrapper ul {
    padding: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 180px;
    top: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
    margin-bottom: 20px;
    min-height: 7em;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
    padding: 10px 20px;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 180px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
    min-width: 140px;
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
    max-width: 100%;
    overflow: hidden;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
    padding-left: 4em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
    padding-left: 6em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
    padding-left: 8em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
    padding-left: 140px;
}

.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}

@media (max-width: 568px) {
    .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: none;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
        display: block;
        max-width: 100%;
        width: 100%;
    }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
}

/* Space Module */

.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */

.hs-author-listing-header {
    margin: 0 0 .75em 0;
}

.hs-author-social-links {
    display: inline-block;
}

.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}

.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Wrapper */
.hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden
}

/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus  {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }



/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
  .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}

.hs_cos_flex-slider .caption {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.hs_cos_flex-slider .superimpose .caption {
    color: white;
    font-size: 3em;
    line-height: 1.1em;
    position: absolute;
    padding: 0px 5% 0px 5%;
    width: 90%;
    top: 40%;
    text-align: center;
    background-color: transparent;
}

@media all and (max-width: 400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background-color: black;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white;
        width: 90%;
        padding: 0px 5% 0px 5%;
        top: 40%;
        text-align: center;
    }

    /* beat recaptcha into being responsive, !importants and specificity are necessary */
    #recaptcha_area table#recaptcha_table {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;}
    #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;}
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
    color: white;
}

/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

table pre {
    white-space: pre-wrap;
}

/* adding minimal spacing for blog comments */
.comment {
    margin: 10px 0 10px 0;
}

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
    word-wrap: break-word;
}
	/* HTML 5 Reset */

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

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

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

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}*/
	
	
	
	
	/*****************************************/
	/* Start your style declarations here    */
	/*****************************************/
	
	
	/* ==========================================================================
	   Typography
	   ========================================================================== */
	/* Fonts */
	
	/* Typography */
	            /*  */
	 /*  */
	
	
	   
	
	/* Colors */
	    /*  */
	   
	 
	  
	 
	 
	 
	  
	  
	  
	  
	 
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* ==========================================================================
		BASE STYLES                                             
	   ========================================================================== */
	body{
	margin: 0px;
	padding:0px;
	}
	html body{margin:0 !important;
	   float:none;
	   padding:0px;
	   font-family: proxima-nova,Sans-serif;
	   line-height:25px;
	   color:#4b4234;
	   font-weight:400;
	  -webkit-font-smoothing: antialiased;}
	
	
	h1,h2,h3,h4,h5{margin:0px;}
	
	h1{font-size:45px;
	  line-height:55px;
	  margin-top: 0;
	  margin-bottom: 0;}
	
	h2{font-size:25px;
	  line-height:35px;
	  margin-top: 0;
	  margin-bottom: 0;
	 /*color: #E0303B;*/
	  
	  }
	
	h3{font-size:25px;
	  line-height:35px;
	  margin-top: 0;
	  margin-bottom:0;}
	  
	h4{font-size:18px;
	  line-height:30px;
	  margin-top: 0;
	  margin-bottom: 0;
	  font-weight: 500;}
	  
	  
	/*::selection {
	  color:#FFFFFF;
	  background:#E0303B;
	  text-shadow: none;
	}  
	  */
	  
	  
	
	li{margin-bottom:0px;}
	
	.wrapper, .row-fluid .wrapper[class*="span"]{
	
	  max-width: 1540px;
	  margin: 0 auto;
	  display: block;
	  padding-top: 0;
	  float: none;
	}
	
	img{
	    height: auto;
	}
	.pb-50{padding-bottom:50px;}
	
	.responsive_br{
		display: none;
	}
	.responsive_br_970{
		display: none;
	}
	.row-fluid [class*="span"]{
		min-height:0 !important;
	}
	/* One Line Inputs */
    .body-container input[type="text"],
    .body-container input[type="password"], 
    .body-container input[type="datetime"], 
    .body-container input[type="datetime-local"], 
    .body-container input[type="date"], 
    .body-container input[type="month"], 
    .body-container input[type="time"], 
    .body-container input[type="week"], 
    .body-container input[type="number"], 
    .body-container input[type="email"], 
    .body-container input[type="url"], 
    .body-container input[type="search"], 
    .body-container input[type="tel"], 
    .body-container input[type="color"],
    .body-container input[type="file"],
    .body-container textarea,
    .body-container select {
        width: 100%;
        border: 1px solid #d4d4d5;
        background: #ffffff;
        font-family:"proxima-nova",sans-serif;
        font-size:14px;
       /* color:#4f4f4f;*/
        color: black;
        line-height:17px;
        padding:10px;
        margin:0 0 15px;
        display:block;
    }
	/* ==========================================================================
		 Section Commune à plusieurs sections                                        
	   ========================================================================== */
	   
	.section.clients_logos .title h2, .section.testimonial .title h2{
		color: #FFFFFF;
		font-family: proxima-nova,Sans-serif;
		font-size: 40px;
		text-transform: uppercase;
		margin-bottom: 80px;
		margin-top: 30px;
		font-weight: 700;
		text-align: center;
	}
	  
	
	/* ==========================================================================
		 Section Header  Style                                           
	   ========================================================================== */
	   
	   
	.logo{}
	
	.header-container-wrapper{position:absolute;width:100%}
	   
	.header_cta{text-align:right}
	   
	   
	 /* ==========================================================================
	   Section About us                                           
	   ========================================================================== */
	   
	   .section.about_us .wrapper{
		   padding-top:46px; padding-bottom:23px;
	   }
	
	
		.about-us img.hs-image-widget {
			height: 122px !important;
			width: auto !important;
		}
	 /* ==========================================================================
	   Section Heading Style                                            
	   ========================================================================== */
	   
	.no-nav-header .spiria-link img {
        width: 180px !important;
    }
    .no-nav-header .spiria-link{
        position: absolute;
        z-index: 9999;
        margin-top: 90px;
        
    }
    @media(max-width:767px){
        .no-nav-header .spiria-link img{
            width: 130px !important;
        }
        .no-nav-header .spiria-link{
            margin-top: 50px;
        }
    }
	.section.hero{
	   padding:280px 0 70px 0;
	   background-size: cover;
	   background-position:top center;
	   position: relative;
	  }
	   
	.section.hero:after{
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		display: block;
		background: rgba(0,0,0,0.85);
		
	}
.hs-content-id-6614834403 .section.hero:after, .hs-content-id-6618475175 .section.hero:after{
  background: transparent;
}
.hs-content-id-6614834403 .download-e-book .left-col, .hs-content-id-6618475175 .download-e-book .left-col{
	margin-left: -20px;
  width: 370px !important;
}
@media(max-width: 1200px){
.hs-content-id-6614834403 .download-e-book .left-col, .hs-content-id-6618475175 .download-e-book .left-col{
  width: 300px !important;
  }
}
	  .section.hero.v-2018-white-form-header:after{
	      background: transparent;
	  }
	.section.hero .wrapper{position:relative;z-index:1;}
	
	
	  
	.section.hero h2{
		color: #FFFFFF;
		font-family: proxima-nova,Sans-serif;
		font-size: 25px;
		font-weight: 700;
		padding-bottom: 80px;
	
	}
		
	.section.hero .logo{text-align:center;}
	  
	
	  
		
	 /* ==========================================================================
		Section- About Us                                    
	   ========================================================================== */
	   
	.section.about-us {
		padding:100px 0px;
		color: #4b4234;
	}
	
	.section.about-us .col{
		padding:0 50px 0 0;
		display: table;
	}
	.section.about-us .col h2{
		padding:20px 0 20px;
		font-family: Roboto Slab, serif;
	}
	   
	.section.about-us .fa{color:#E0303B;font-size: 80px;}
	   
	.section.about-us .widget-type-raw_html{text-align:center;}
	
	.section.about-us h2{
		font-weight: 300;
		letter-spacing: .25px;
		font-size:33px;
		color: #4b4234;
	}
	.section.about-us p{
		font-size: 20px;
		line-height: 30px;
		margin-top: 5px;
		letter-spacing: .25px;
		letter-spacing: inherit;
		font-weight: 300;
		font-family:proxima-nova,Sans-serif;
	
		}
	 /* ==========================================================================
		section case-study                               
	   ========================================================================== */
	   .container {
	
	  position: relative;
	  background-color: #f3f3f3;
	
	}
	.container .slider{
		position: relative;
		display: block;
	
	  height: auto;
		overflow: hidden;
	}
	.span12.widget-span.widget-type-cell.bottom-row {
		position: absolute;
		bottom: 0;
		height: 600px;
	}
	
	.section.container .bottom-row .row-fluid{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;  
	  
	  -webkit-flex-flow: row wrap;
	  flex-flow: row wrap;
	  align-items: stretch;
	}
	.section.container .right-btn{
		-ms-transform: rotate(180deg); /* IE 9 */
		-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
		transform: rotate(180deg);
	}
	.section.container .square-content{
		display: block;
		width:150px;
		margin-left: auto;
		margin-right:auto;
	}
	.section.container .square-content .square{
		display: inline-block;
		width:25px;
		height: 25px;
		border: solid 1px #E0303B;
		margin: 0 5px;
	}
	.section.container widget-type-raw_html{
		position: relative;
		min-height: 0 !important;
	}
	.section.container .left-btn, .section.container .right-btn, .section.container .square-content{
		position: absolute;
	}
	.section.container .left-btn{
		top: 430px;
		left: 10px;
	}
	.section.container .right-btn{
		top: 430px;
		right: 10px;
	}
	.section.container .square-content{
		bottom: 10px;
		left:48%;
	}
	.section.container .square-content .square:first-child{
		background-color: #E0303B;
	}
	
	
	
	/* ==========================================================================
		Section Clients Logos                                        
	   ========================================================================== */
	   .widget-type-linked_image #hs_cos_wrapper_module_145695178763415463  { margin-top: 0px !important; }
	  .section.clients_logos{
		background-size: cover;
		background-position: center;
		position: relative;
		padding: 60px 0px 100px;
	}
	.section.clients_logos img{
	   /* margin:30px 0px;*/
		width: 200px !important;
		height: auto;
	}
		
	.section.clients_logos:after{
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		display: block;
		background: rgba(0,0,0,0.8);
	}
	   
	.section.clients_logos .wrapper{position:relative;z-index:1;text-align:center;}
	
	
	/* ==========================================================================
		Section Liste technologies                                     
	   ========================================================================== */
	.section.liste_technologies{
		padding-top: 80px;
	}
	.section.liste_technologies .top_row{
		display: block;
	}
	.section.liste_technologies .top_row .col-left{
		border-right-color: #474747;
		border-right-style: dashed;
		border-right-width: 1px;
		padding-right: 50px;
		width:35%;
		display: inline-block;
	}
	.section.liste_technologies .top_row .col-right{
		padding-left: 60px;
		width:55%;
		display: inline-block;
	}
	
	.section.liste_technologies .top_row .col-left h2{
		font-family: Roboto Slab, serif;
		color: #424242;
		font-size: 45px;
		font-weight: lighter;
		line-height: 120%;
		
	}
	.section.liste_technologies .top_row .col-right p{
		font-family: proxima-nova,Sans-serif;
		color: #424242;
		font-size: 23px;
		font-weight: normal;
		line-height: 35px;
		
	}
	.section.liste_technologies .bottom_row{
		margin:80px 0;
	}
	   
	.section.liste_technologies .bottom_row .techno_logo img{
		display: block;
		width:180px !important;
		height: 180px !important;
		margin:auto; 
	}
	
	/* ==========================================================================
		Section Testimonial                                     
	   ========================================================================== */
	   
	.section.testimonial{
	  padding: 50px 0 70px;
	  position: relative;
	  background-size: cover; 
	  background-position: top center;
	  background-attachment: fixed;
	  background-repeat: no-repeat;
	  
	  }
	  
	.section.testimonial:after{
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		display: block;
		background: rgba(0,0,0,0.7);
	} 
	
	.section.testimonial .row-fluid .wrapper[class*="span"]{position:relative;z-index:1;}
	
	.section.testimonial .image_content{
		width: 100%;
	}
	.section.testimonial .image_content img{
		display: block;
		width: 100px !important;
		height: 100px;
	}
	.section.testimonial .image_content .layout-widget-wrapper{
		height: 100px;
		width: 100px; 
		border-radius: 50%;
		overflow: hidden;
		border: 3px solid #E0303B;
		margin-left: auto;
		margin-right: auto;
	}
	.section.testimonial .testimonial-profile{
		background-color: #E0303B;
		width:45%;
		margin:0 2.5%;
	}
	
	
	.section.testimonial .testimonial-profile-box h2{
		font-size: 16px;
		color:#FFFFFF;
		line-height: 24px;
		font-family:proxima-nova,Sans-serif;
		font-weight:400;
		margin-bottom: 15px;
		margin-top: 0;
	   
	}
	
	.section.testimonial .testimonial-profile-box h3 {
		margin: 0;
		font-size: 16px;
		font-family:proxima-nova,Sans-serif;
		font-weight: 400;
		color:#FFFFFF;
		line-height: 20px;
		padding-bottom: 10px;
	
	   
	}
	
	.section.testimonial p{
		font-size: 15px;
		color:#FFFFFF;
		letter-spacing: .5px;
		line-height: 20px;
		margin: 0;
		font-family:Roboto Slab, serif;
		font-weight:400;
	}
	
	.section.testimonial .widget-type-linked_image{text-align:left;}
	
	.section.testimonial .testimonial-text{
		background: #E0303B;
		margin: 30px 0 0;
		padding: 25px 25px 80px;
		position: relative;
		text-align: left;
	}
	.section.testimonial .testimonial-text:after{
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 15px solid #E0303B;
		height: 0;
		width: 0;
		margin: 0 auto;
		position:absolute;
	
		text-align: center;
		top: -15px;
		left: 47%;
		content: "";
	}
	.testimonial-profile-box h2, h3, p{
		font-family: Roboto Slab, serif;
	}
	
	 /* ==========================================================================
		Section- Bottom Form                                  
	   ========================================================================== */
	   
	.section.bottom_form{
		background-color:#35393f;
		padding: 60px 10px;
	}
	.section.bottom_form .title h2{
		font-family: proxima-nova,Sans-serif;
		font-size: 45px;
		margin: 0;
		padding-bottom: 15px;
		font-weight: bold;
		color:#FFFFFF;
		text-align: center;
		text-transform: uppercase;
	   }
	/* ==========================================================================
		Section Form Style                                            
	   ========================================================================== */
	.section.hero .widget-type-form, .section.bottom_form .widget-type-form{
		max-width: 553px;
		margin: 0 0 0 auto;
		float: none;
		background-color: transparent;
		padding: 0;
		height: auto;
	}   
	.section.bottom_form .widget-type-form{
		margin: 60px auto;
	   
	}
	
	span#hs_cos_wrapper_module_144472557817113567{
		font-family: proxima-nova,Sans-serif;
		font-size: 30px;
		
	}
	.section.hero h3.form-title, .section.bottom_form h3{
		font-family: Roboto Slab, serif;
		margin: 0;
		padding-bottom: 27px;
		font-weight: 300;
		color:#FFFFFF;
		text-align: left;
		font-size: 24px;
		letter-spacing: -1px;
	}
	   
	.section.hero  input, .section.bottom_form input, section.hero textarea{color:#000000;padding:0px 0px 0px 16px;}
	   
	.section.hero select, .section.bottom_form select{color:#12161D;padding-left: 16px;opacity:0.8;}
	   
	 form label{display:block;
	   text-transform: uppercase;
	   font-size: 14px;
	   font-weight: 600;
	   color:#FFFFFF;
	   
	   }
	   
	   .hs-form-required{display:none;}
	   .hs-form fieldset.form-columns-1 .hs-input {width: 100% !important;}
	   .section.hero input, .section.bottom_form input {margin-right:0 !important;}
	   
	   .hs_radio.field.hs-form-field,.hs_check.field.hs-form-field,.hs_upload_file.field.hs-form-field{display:block!important;}
	   
	  form ul li{display:block;margin-right:15px;}
	   
	   .hs_check.field.hs-form-field label,.hs_radio.field.hs-form-field label{display:block;}
	   
	   body .hs_calender label,
	   body .hs_number label{
	   display: block;
	   text-transform: uppercase;
	   font-size: 14px;
	   font-weight: 600;}
	   
	   
	   /*Checkbox,Radio*/
		
	   form ul.inputs-list{list-style-type:none;padding-left:0px;}
	   
	   input[type="radio"],input[type="checkbox"]{margin: 0px 10px 15px 0px;}
	   
	   .section.hero  input[type="file"]{padding:0px;}
	  
	   
	   
	   input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
	   display:block;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	   box-sizing: border-box;
	   height: 50px;
	   border: 1px solid #DDD;
	   margin-bottom:15px;
	   -webkit-appearance: none;
	   font-size:16px;
	 
	   }
	   
	   textarea{height:100px;padding-left:16px;
	   border: 1px solid #DDD;
	   }
	   
	   select {
	   -webkit-appearance: none;
		-moz-appearance: none;
		/*appearance: none;*/
		height: 50px;
		border: 1px solid #DDD;
		font-size:16px;
		font-style: italic;
		border-radius: 5px;
		padding-left: .5em;
		margin-bottom: 25px;
		background: url(//cdn2.hubspot.net/hub/459002/file-2629539462-png/ebook-lp/form-dropdown-arw.png) 100% center no-repeat;}
		
		select#calmonth ,select#calyear{-webkit-appearance: menulist;
		-moz-appearance: menulist;width:100%;max-width:68px;background:none;}
		
		#calroot #caldays{border-bottom:none!important;}
		
		
		body input[type="text"]:focus,
		body input[type="password"]:focus, 
		body input[type="datetime"]:focus, 
		body input[type="datetime-local"]:focus, 
		body input[type="date"]:focus,  
		body input[type="month"]:focus, 
		body input[type="time"]:focus,  
		body input[type="week"]:focus, 
		body input[type="number"]:focus, 
		body input[type="email"]:focus, 
		body input[type="url"]:focus, 
		body input[type="search"]:focus, 
		body input[type="tel"]:focus, 
		body input[type="color"]:focus,
		body input[type="file"]:focus,
		body textarea:focus,
		body select:focus { 
		border: 1px solid #f7751f;
		outline: none;
	}
	.hs-custom-form input ul li{
		
	}
	   
	  
	  
		/* Placeholder Text */
	 
	::-webkit-input-placeholder { /* Webkit Browsers */
		opacity:0.7;
		font-size:14px;
		color:#474747 ;
	}
		  
		  
	:-moz-placeholder { /* Firefox 18- */
	   opacity:0.7;
	   font-size:14px;
	   color:#474747 ;
	}
	  
	::-moz-placeholder { /* Firefox 19+ */
	   opacity:0.7;
	   font-size:14px;
	   color:#474747 ;
	}
	:-ms-input-placeholder { /* IE10 */
	 
	   opacity:0.7;
	   font-size:14px;
	   color:#474747 ;
	}
	 
	 .hs-form-field{position:relative;}
	  .hero-form ul.hs-error-msgs.inputs-list{margin:0;}
	  .hero-form ul.hs-error-msgs.inputs-list label{
		  font-size: 14px;
		  margin: -8px 0 8px 0;
	}
	  .form-columns-2 ul.hs-error-msgs.inputs-list label{bottom:-5px;}
	  .form-columns-1 ul.hs-error-msgs.inputs-list label{bottom:-20px;}
	  
	.hs_cos_wrapper_type_form .hs-button.primary.large {
		height: 50px;
		padding:0px;
		border: none;
		max-width:230px;
		width: 98.5%;
		font-size:18px;
		font-weight:600;
		font-family: proxima-nova,Sans-serif;
		color:#FFFFFF;
		cursor:pointer;
		margin-top: 15px;
		margin-right: 8px;
		-webkit-appearance: none;
		-moz-appearance: none;
		border: solid 2px #e0303b;
		text-transform: none;
		background-color: inherit;
		font-weight: 700;
		font-size: 16px;
		padding: 12px 23px;
		border-radius: 5px;
	}
	.hs_cos_wrapper_type_form .hs-button.primary.large {
		background-color: #E0303B;
	
	}
	  
	.hs_cos_wrapper_type_form .hs-button.primary.large:hover{
		background-color: #E0303B;
		color: #FFFFFF;
	}
	  
	   
	   
	   
	   /* ==========================================================================
		   Section Footer                                            
	   ========================================================================== */


.wrapper_newsletter {
	background-color: #121212;
	padding: 70px 0;
}

.hs-error-msgs.inputs-list label {
	text-transform: none;
}

 .section.hero.footer_form {
   padding:70px 0;
	 background: #191919;
  }

.section.hero.footer_form:after{
	display: none;

}  
 .footer-container-wrapper{
	background:#262626;
	color:#E8E8E2;
	font-weight:normal;
	font-size:15px;
	padding-bottom:0;
	font-family:proxima-nova,Sans-serif;

}   
.section.hero h1{
	color:#FFFFFF;
	font-family: proxima-nova,Sans-serif;
	font-weight: normal;
	font-size: 37px;
	text-transform: uppercase;
	max-width: 630px;
}
.section.hero.v-2018 h1{
    font-size: 45px;
    max-width: 700px;
    font-weight: 300;
}
.section.hero.v-2018 h1.small_title{
    font-weight: 700;
    text-transform: none
}
.section.hero.v-2018 .txt-header span{
    font-family: 'Roboto Slab', serif; font-weight: 400; font-size: 25px; padding-bottom: 10px; display: block;
}

.section.hero.footer_form .hero-left h4 {
	color:#FFFFFF;
	font-family: proxima-nova,Sans-serif;
	font-weight: normal;
	font-size: 30px;
	text-transform: uppercase;
	max-width: 680px;
	line-height: 50px;
}

.txt-header {
	color:#FFFFFF;
	max-width: 690px;
	font-size: 21px;
	font-weight: 100;
	line-height: 1.682;
	padding-top: 60px;

}
.txt-header .txt-intro {
	display: block;
    font-size: 150%;
    line-height: 140%;
    padding-bottom: 60px;
    margin-top: -40px;
}
.txt-header ul{
    padding: 0;
    margin: 0;
}
.txt-header li{
    position: relative;
    padding-left: 20px;
    font-size: 22px;
    font-family: proxima-nova,Sans-serif;
    font-weight: 400;
    list-style: none;
}
.txt-header li:before{
    content: " ";
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #E0303B;
    position: absolute;
    left: 0;
    top: 14px;
}
.txt-footer.txt-header {
    max-width: initial;
	padding: 0;
}
.section_wrapper {
	padding-top:100px;
	padding-bottom:100px;	
}
.txt-center {
	text-align:center !important;	
}
.website_tit h2 {
	max-width: 860px;
	margin: 0 auto 50px;
}
.large_tit h2 {
	color:#000000;
	font-size: 50px;
	font-weight: 200;
	line-height: 110%;
}
.section_multiplatform h3 {

}
.hidden-img {
	display:none !important;
}
.hidden-block {
	display:none !important;
}
.negative_margin {
    margin-bottom: -120px;
}
.section_portfolio,
.wrapper-multiplateform {
	background-size: contain;
	background-position: top right;
	background-repeat: no-repeat;
}
.section_new_portfolio {
	background-size: 50%;
	background-position: center right;
}
.section_quality {
	background-size: cover;
	background-position:top center;
	background-repeat:no-repeat;
}
.wrapper_temoin {
	max-width: 1300px;
	padding: 160px 0;
	margin: 0 auto;
	color:#FFFFFF;
}
.txt-quality .cell-wrapper {
	display:table;
	width:100%;
	min-height: 543px;
}
.txt-quality .cell-wrapper > span  {
	display:table-cell;
	vertical-align:middle;
	text-align: center;
}
.txt-quality h3  {
	font-size:45px;
	text-transform:uppercase;
	line-height: 120%;
	font-family: proxima-nova,Sans-serif;
	color:#FFFFFF;
	margin-bottom: 20px;
}
.txt-quality h3:after {
	content: "";
	display: block;
	width: 27px;
	height: 2px;
	background-color: #FFFFFF;
	margin: 10px auto 0;
}
.txt-quality p.txttem  {
	font-size: 21px;
	line-height: 180%;
	max-width: 1020px;
	margin: 0 auto 30px;
}
.txt-quality p.nametem  {
	font-size: 20px;
	margin-bottom: 0;
}
.txt-quality p.functem  {
	color: #9e9e9e;
	font-size: 11px;
	margin-top: 0;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: proxima-nova,Sans-serif;
}
/* new temoin 2018 */

.section_quality_2018 .wrapper_temoin {
	max-width: 1540px;
	padding: 150px 0 0;
	margin: 0 auto;
	color:#000000;
}
.section_quality_2018 .txt-quality{
    text-align: center;
}
.section_quality_2018 .txt-quality h3  {
	font-size:45px;
	text-transform:uppercase;
	line-height: 120%;
	font-family: proxima-nova,Sans-serif;
	color:#000000;
	margin-bottom: 20px;
	position: relative;
	font-weight: 400;
	letter-spacing: 4px;
}

.section_quality_2018 .txt-quality h3:after {
	content: "";
	display: block;
	width: 22px;
	height: 2px;
	background-color: #000000;
	margin: 14px auto 116px;
}
.section_quality_2018 .txt-quality .col-wrapper{
    display: flex;
    flex-wrap: nowrap;
}
.section_quality_2018 .txt-quality .col{
    flex-grow: 1;
    padding: 0 3%;
}
.section_quality_2018 .txt-quality .col-wrapper img{
    width: 115px;
    height: auto;
    position: relative;
    margin-bottom: 30px;
}
.section_quality_2018 .txt-quality .col-wrapper .pict-wrapper:after {
	content: "";
	display: block;
	width: 22px;
	height: 2px;
	background-color: #000000;
	margin: 0 auto 15px;
}
.section_quality_2018 .txt-quality p.txttem  {
	font-size: 19px;
	line-height: 180%;
	margin: 22px auto 30px;
	font-weight: 300;
}
.section_quality_2018 .txt-quality p.nametem  {
	font-size: 20px;
	margin-bottom: 0;
	margin-top: 18px;
}
.section_quality_2018 .txt-quality p.functem  {
	color: #464646;
	font-size: 10.8px;
	margin-top: 0;
	letter-spacing: 0;
	text-transform: uppercase;
	font-family: proxima-nova,Sans-serif;
	font-weight: 800;
}
.section_quality_2018 .logostem {
    max-width: 1289px;
    margin: 40px auto 0;
    position:relative;
    z-index:9;
}

.section_quality_2018 .logostem .pict-wrapper {
    display: inline;
}
.section_quality_2018 .logostem .pict-wrapper:first-child {
    margin-left: 79px;
}
.section_quality_2018 .logostem.logosretail .pict-wrapper:first-child {
    margin-left: 0;
}
.section_quality_2018 .logostem img{
    margin: 19px 25px 0;
    height: 80px !important;
    max-height: 80px !important;
}
@media(max-width: 1450px){
    .section_quality_2018 .wrapper_temoin {
        padding: 100px 0 0;
    }
    .section_quality_2018 .txt-quality h3  {
    	font-size:37px;
    	letter-spacing: 2px;
    }
    .section_quality_2018 .txt-quality h3:after {
    	margin: 14px auto 66px;
    }
    .section_quality_2018 .logostem .pict-wrapper:first-child {
        margin-left: 0;
    }
    .section.hero.v-2018 .txt-header li{
        font-size: 18px;
    }
}
@media(max-width: 1200px){
    .section_quality_2018 .txt-quality .col-wrapper {
        display: block;
    }
    .section_quality_2018 .txt-quality .col {
        max-width: 670px;
        margin: 0 auto 60px;
}
    .section_quality_2018 br{
        display: none;
    }
    .section_quality_2018.negative_margin br{
        display: inline;
    }
}
@media(max-width: 1000px){
    .section_quality_2018 br{
        display: none;
    }
}
@media(max-width: 970px){
    .section_new_portfolio.v-2018 .txt_portfolio {
        max-width: inherit;
    }
}
@media(max-width: 760px){
    .section_quality_2018 .logostem {
        display: flex;
        flex-wrap: wrap;
    }
    .section_quality_2018 .logostem .pict-wrapper {
        flex: 1;
        flex-basis: 50%;
    }
}
@media(max-width: 640px){
    .section_quality_2018 .txt-quality h3  {
    	font-size: 26px;
        letter-spacing: 01px;
    }
}
@media(max-width: 575px){
    .section_quality_2018 .txt-quality h3  {
    	font-size: 26px;
        letter-spacing: 01px;
    }
}
@media(max-width: 520px){
    .section_quality_2018 .logostem {
        display: block;
      
    }
    .section_quality_2018 .logostem .pict-wrapper {
        display: inline-block;
        width: 49%;
    }
    .section_quality_2018 .logostem .pict-wrapper img{
        height: 50px !important;
        margin: 15px 10px 0;
    }
}
/* end new temoin 2018 */

/* new portfolio 2018 */

.section_new_portfolio.v-2018 .txt_portfolio {
    padding: 36px 50px 0 0;
    max-width: 44%;
}
.section_new_portfolio.v-2018 .img_logos img {
    margin-right: 36px;
}
@media(max-width: 970px){
    .section_new_portfolio.v-2018 .txt_portfolio {
        max-width: inherit;
    }
}
/* end new portfolio 2018 */

.logostem {
	max-width: 980px;
	margin: 70px auto 0;
}
.logostem img {
	margin: 0 40px 30px 0;
}

.section_padding {
	padding: 100px 0 !important;
}
.txt_portfolio {
    padding: 120px 50px 120px  0;
    max-width: 44%;
}
.txt_portfolio h3 {
	font-family: proxima-nova,Sans-serif;
	color: #000000;
    font-size: 40px;
    margin: 0 0 65px 0;
    text-transform: uppercase;
	line-height: 115%;
}
.txt_portfolio h3:after {
	content: "";
	display: block;
	width: 27px;
	height: 2px;
	background-color: #e0303b;
	margin: 25px 0 0 0;
}
.txt_portfolio h4 {
	font-size: 25px;
    margin: 0 0 10px 0;
}
.txt_portfolio p {
	font-family: proxima-nova,Sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 180%;
    margin: 0 0 40px 0;
}
.img_logos {
	margin-left:-15px;
	margin-top: 30px;
}
.img_logos img {
	margin-left:15px;
	margin-right:15px;
	max-width: 27%;
    height: auto;
}
.img_logos .last  {
	margin-right:0;
}


.footer-left h3 {
	color:#FFFFFF;
	font-weight:200;
	font-size:60px;
	line-height:55px;
}
.footer-left .widget-type-form {
	margin-top: 50px;
}
.footer-left h3  span {
	text-transform:uppercase;

	font-family: proxima-nova,Sans-serif;
	color:#908f90;
	display: block;
	font-size: 12px;
	font-weight: 500;
	line-height: 37px;
	letter-spacing: 1px;
}

.footer-left .title h3:after {
	content: "";
	display: block;
	width: 27px;
	height: 2px;
	background-color: #e0303b;
	margin: 33px 0 0 0;
}
.footer-right h3 {
    font-size: 40px;
    line-height: 120%;
}
.header-table > .row-fluid-wrapper > .row-fluid {
	display:table;
	width:100%;
}
.header-table > .row-fluid-wrapper > .row-fluid:before {
	display:none;
}
.header-table > .row-fluid-wrapper > .row-fluid > .widget-span {
	display:table-cell;
	float: none;
	vertical-align: top;
	width: auto;
}
.header-table > .row-fluid-wrapper > .row-fluid > .widget-span.hero-form {
	width: 553px;
	color: #FFF;
}
.footer_form .header-table > .row-fluid-wrapper > .row-fluid > .widget-span.hero-left {
	vertical-align: middle;
}
.header-table .hero-left {
	vertical-align:middle;
	position:relative;
	padding-right: 40px;
}	
.form_bottom {
	font-size:15px;
	color: #ababab;
	margin-top: 40px !important;
}
.form_bottom h4 {
	color:#FFFFFF;
	font-size: 25px;
}
	
/* ==========================================================================
   Section Newsletter                                            
========================================================================== */
.wrapper_newsletter .wrapper > .row-fluid-wrapper > .row-fluid .right_newsletter {
	width: 785px;
}	
	
.right_newsletter .hs_email > label {
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: 300;
	line-height: 23px;
	width: 420px;
	float: left;
	margin-top: -7px;
}
.right_newsletter .hs-form-field .input input {
	padding: 0 0 2px 0 !important;
    width: 212px;
    background-color: transparent !important;
    border-radius: inherit !important;
    border: 0 !important;
    border-bottom: 1px solid #474747 !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    margin: 0;
	height: 38px;
	color: #474747;
}
.right_newsletter .hs_cos_wrapper_type_form .hs-button.primary.large {
	background: none;
    width: auto;
    margin: 0;
    padding: 2px 23px;
    height: 38px;
    border-radius: 5px;
    text-transform: none;
    color: #E0303B;
}
.right_newsletter  .hs_cos_wrapper.form-title {
	display: none !important;
}

.right_newsletter ::-webkit-input-placeholder { /* Webkit Browsers */
	opacity:1;
	font-size:16px;
	color:#474747 ;
}


.right_newsletter  :-moz-placeholder { /* Firefox 18- */
   opacity:1;
   font-size:16px;
   color:#474747 ;
}

.right_newsletter  ::-moz-placeholder { /* Firefox 19+ */
   opacity:1;
   font-size:16px;
   color:#474747 ;
}
.right_newsletter  :-ms-input-placeholder { /* IE10 */

   opacity:1;
   font-size:16px;
   color:#474747 ;
}
.wrapper_newsletter .wrapper > .row-fluid-wrapper > .row-fluid .wrapper_policy {
	font-size: 18px;
	color:#828282;
    font-weight: 300;
    letter-spacing: 0.5px;
}	
.wrapper_newsletter .wrapper > .row-fluid-wrapper > .row-fluid .wrapper_policy  a {
	color:#828282; 
    text-decoration:none;
}
.wrapper_newsletter .wrapper > .row-fluid-wrapper > .row-fluid .wrapper_policy  a:hover,
.wrapper_newsletter .wrapper > .row-fluid-wrapper > .row-fluid .wrapper_policy a:focus { 
	color:#FFF;
    text-decoration:none;
}	   
	   
	   /* ==========================================================================
		 Responsive Style
	   ========================================================================== */
	@media(max-width:1775px){ 
		.span12.widget-span.widget-type-cell.bottom-row{
			 height: 525px;

		 }
		 .section.container .left-btn, .section.container .right-btn{
			top: 320px;
		}
	}

	@media(max-width:1650px){    
		.span12.widget-span.widget-type-cell.bottom-row {
			height: 475px;
		}
	}
	@media (max-width: 1620px) {
		.wrapper, 
		.row-fluid .wrapper[class*="span"],
		.section.hero .wrapper,
		.container-fluid .row-fluid .page-center {
			padding-left: 40px !important;
			padding-right: 40px !important;
			max-width: 100%;
			width: 100% !important;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
	}
	@media(max-width:1600px){   
		.txt_portfolio {
			padding: 60px 40px 60px 0;
			max-width: 50%;
		}	
	}
	@media(min-width:1436px){
		.section.hero h1.small_tit{
			font-size: 32px;
		}
	}
	@media(max-width:1535px){ 
	    .section.hero.v-2018 h1 {
			font-size: 35px;
			line-height: 140%;
		}
	}
	@media(max-width:1435px){ 
		.txt-header .txt-intro {
			font-size: 120%;
			line-height: 120%;
			padding-bottom: 30px;
			margin-top: -40px;
		}
		.txt_portfolio h3 {
			font-size: 30px;
			margin: 0 0 45px 0;
		}
		.txt_portfolio h3:after {
			margin: 15px 0 0 0;
		} 
		.txt_portfolio h4 {
			font-size: 22px;
			margin: 0 0 5px 0;
		}
		.txt_portfolio p {
			font-size: 16px;
			margin: 0 0 25px 0;
		}
		.txt-quality h3 {
			font-size: 35px;
		}
		.txt-quality p.txttem {
			font-size: 18px;
		}
		.section.container .square-content .square {
			width: 20px;
			height: 20px;
		}
		.section.container .square-content {
			width: 100px;
		}
		.section.hero.v-2018 h1 {
			font-size: 30px;
			line-height: 140%;
		}
		.txt-header {
			font-size: 17px;
		}
		.form_bottom {
			font-size: 14px;
			margin-top: 30px !important;
		}
		.form_bottom h4 {
			font-size: 24px;
		}
		.section.hero {
			padding: 220px 0 50px 0;
		}
	}
	
	@media(max-width:1360px){   
		.wrapper,
		 .section.about-us, .section.liste_technologies{
			 padding-left:40px !important;
			 padding-right: 40px !important;
		 } 
		.section.about-us .wrapper {
			 padding-left:0 !important;
			 padding-right: 0 !important;
		 }
		 .section.bottom_form .title h2{
			 font-size: 35px;
		}
		.section.container .left-btn, .section.container .right-btn{
			top: 300px;
		}
	
		.row-fluid .span10 {
			width: 75%;
		}
	
		 .span12.widget-span.widget-type-cell.bottom-row {
	
			height: 420px;
		}
	}
	@media(max-width:1270px){
		.section.hero .logo img.hs-image-widget {
			width:130px !important;
			height: auto;
		}
		/*.section.hero h2{*/
		/*	font-size: 20px;*/
		/*}*/
		.section.clients_logos .title h2{
			font-size: 34px;
		}
		.section.liste_technologies .top_row .col-left{
			width:30%;
		}
		.section.liste_technologies .top_row .col-left h2{
			font-size:38px;
			padding-right:20px;
		}
		.section.liste_technologies .top_row .col-right p{
			font-size: 18px;
		}
		 .section.bottom_form .title h2{
			 font-size: 30px;
		 }
	
		 .span12.widget-span.widget-type-cell.bottom-row {
	
			height: 420px;
		}
		.section.about-us h2 {
			font-size: 26px;
		}
		.section.about-us .col h2 {
			padding: 15px 0;
		}
		.about-us img.hs-image-widget {
			height: 115px !important;
		}
		.section.about-us .col {
			padding: 0 20px 0 0;
		}
		.section.about-us p {
			font-size: 18px;
			line-height: 150%;
		}
		.wrapper_newsletter .wrapper > .row-fluid-wrapper > .row-fluid .right_newsletter {
			width: 680px;
		}
		.right_newsletter .hs_email > label {
			font-size: 14px;
			width: 340px;
			line-height: 20px;
			margin: 0;
		}
		.wrapper_newsletter .wrapper > .row-fluid-wrapper > .row-fluid .wrapper_policy {
			font-size: 16px;
		}
		.logostem img {
			margin: 0 30px 10px 0;
			max-height: 75px;
			width: auto;
		}
		.logostem {
			margin: 50px auto 0;
		}
		.wrapper_temoin {
			padding: 120px 0 80px 0;
		}
		.section.hero.v-2018 h1 {
			font-size: 24px;
			line-height: 140%;
		}
	}
	@media(max-width:1200px){
		
		.header-table > .row-fluid-wrapper > .row-fluid > .widget-span.hero-left,
		.header-table > .row-fluid-wrapper > .row-fluid > .widget-span.hero-form {
			width:50%;
		}
		.footer-left h3 {
			font-size: 50px;
		}
		.large_tit h2 {
			font-size: 45px;
		}
		.footer-right h3 {
			font-size: 35px;
		}
		.section_wrapper {
			padding-top: 80px;
			padding-bottom: 80px;
		}
		.section.about-us {
			padding: 80px 0;
		}
		.section_padding {
		padding: 80px 0 !important;
		}
		.section_padding_top {
			padding-top: 80px !important;
		}
		.section_padding_bottom {
			padding-bottom: 80px !important;
		}
		.img_logos img {
			margin-left: 10px;
			margin-right: 10px;
		}
		.img_logos {
			margin-left: -10px;
		}
	}
	@media(max-width:1100px){
		.txt-quality .cell-wrapper {
			min-height: 450px;
		}
	}
	@media(max-width:1050px){
	    .section.hero.v-2018 h1.small_title {
	        font-size: 23px;
	    }
	    .section.hero.v-2018 h1.small_title.store_tit span {
	        max-width:290px;
	    }
	    .section.hero.v-2018 .txt-header span {
            font-size: 18px;
            line-height: 140%;
        }
        .section.hero.v-2018 .txt-header li {
            font-size: 16px;
        }
		.br_respon {
			display: none;
		}
		.footer-right h3 {
			font-size: 30px;
		}
		.large_tit h2 {
			font-size: 40px;
		}
		.wrapper-multiplateform {
			margin:60px 0;
		}
		.section.container .square-content {
			left: 45%;
		}
		.widget-span.widget-type-linked_image{
			margin-left:0 !important;
		}
	
		.about-us .row-fluid .span4 {
			width: 31.491712705% !important;
		}
		.span12.widget-span.widget-type-cell.bottom-row {
			height: 360px;
		}
		 .span12.widget-span.widget-type-cell.bottom-row {
			position: relative;
		 }
		 .bottom-row .horizontal-spacer{
			 display: none;
		 }
		 .row-fluid .span4 {
			width: 100%;
		}
		.row-fluid .span10 {
			width: 100%;
		}
		.row-fluid .span10 {
			float: left;
		}
		.row-fluid .span10 {
			margin: 0;
			width: 100%;
		}
		
		.row-fluid .span10 {
		   width: 75%;
		   margin-left: auto;
		   margin-right: auto;
		   text-align: left;
		}
		.span3.widget-span.widget-type-linked_image.techno_logo {
			width: 47%;
			display: inline-block;
			margin-bottom: 60px;
		}
		.section.hero.footer_form .hero-left h4,
		.section.hero h1, .section.hero.v-2018 h1 {
			font-size: 20px;
			line-height: 160%;
		}
		.section.hero h1 {
			max-width: 90%;
		}
		.section.hero.footer_form .hero-left h4 {
			max-width: 100%;
			font-size: 21px;
			line-height: 180%;
		}
		.footer-v-2018 .txt-footer.txt-header li {
            font-size: 18px;
        }
		.form_bottom h4 {
			font-size: 20px;
		}
		.form_bottom p {
			margin: 5px 0 0 0 !important;
		}
	}
	@media(max-width:970px) {
		.section_new_portfolio .hidden-img.img-portfolio {
			display: block !important;
			width: 60%;
			margin: 0 -40px 0 auto !important;
			float: none;
			max-width: 100%;
		}
		.section_new_portfolio {
			background-image:none !important;
		}
		.txt_portfolio {
			padding: 60px 0 60px 0;
			max-width: 100%;
		}
		.txt_portfolio h3 {
			font-size: 25px;
			margin: 0 0 35px 0;
		}
		.txt_portfolio h4 {
			font-size: 18px;
			margin: 0 0 2px 0;
		}	
		.txt_portfolio p {
			font-size: 14px;
			margin: 0 0 15px 0;
			line-height: 150%;
		}
		.img_logos img {
			max-width: 16%;
		}
		.footer-left h3:after,
		.section.hero h1:after {
			margin: 23px 0 0 0;
		}
		.footer-left h3 {
			font-size: 45px;
			line-height: 110%;
		}
		.section.about-us .col{
			width:45% !important;
		}
		.section.about-us .col:last-child{
			margin-left:0 !important;
		}
		.responsive_br_970{
			display: block;
		}
		.section.container .square-content {
			left: 44%;
		}
		.section.hero h3.form-title, .section.bottom_form h3 {
			font-size: 20px;
			line-height: 120%;
		}
		.large_tit h2 {
			font-size: 35px;
			max-width: 600px;
		}
		.txt-quality h3 {
			font-size: 30px;
		}
		.txt-quality p.txttem {
			font-size: 16px;
		}
		.logostem img {
			margin: 0 25px 0 0;
			max-height: 65px;
		}
		.txt-quality .cell-wrapper {
			min-height: 400px;
		}
		.section_wrapper {
			padding-top: 60px;
			padding-bottom: 60px;
		}
		.section.about-us {
			padding: 60px 0;
		}
		.section_padding {
		padding: 60px 0 !important;
		}
		.section_padding_top {
			padding-top: 60px !important;
		}
		.section_padding_bottom {
			padding-bottom: 60px !important;
		}
		.wrapper_newsletter .wrapper > .row-fluid-wrapper > .row-fluid .wrapper_policy,
		.wrapper_newsletter .wrapper > .row-fluid-wrapper > .row-fluid .right_newsletter {
			width: 100%;
			float: none;
		}
		.wrapper_newsletter .wrapper > .row-fluid-wrapper > .row-fluid .right_newsletter {
			max-width: 680px;
			margin: 20px 0 0 0;
		}
		.right_newsletter .hs_email > label {
			width: 328px;
		}
		.section.hero.footer_form .hero-left .footer-v-2018 h4 {
            font-size: 18px;
            line-height: 160%;
        }
        .footer-v-2018 .txt-footer.txt-header li {
            font-size: 16px;
        }
		
	}  
	@media(max-width:900px){
	    .section_quality_2018.negative_margin .txt-quality h3 {
            font-size: 30px;
            letter-spacing: 2px;
        }
		.section.liste_technologies .top_row .col-left, .section.liste_technologies .top_row .col-right{
			width: 100%;
			padding-left:0;
			border: 0;
		}
		.footer-left h3 {
			font-size: 40px;
		}
	   
	}
	@media(max-width:834px){
		.about-us .col-sec, .about-us .col-third{
			margin-left:0 !important;
		}
	}
	@media(max-width:767px) {
	    .section_quality_2018.negative_margin .txt-quality h3 {
            font-size: 24px;
        }
		.txt-header .txt-intro {
			font-size: 115%;
			padding-bottom: 20px;
			margin-top: 0;
		}
		.img_logos img {
			max-width: 120px;
		}
		.section_new_portfolio .hidden-img.img-portfolio {
			width: 70%;
		}
		
		.header-table > .row-fluid-wrapper > .row-fluid {
			display:block;
		}	
		.header-table > .row-fluid-wrapper > .row-fluid > .widget-span.hero-left,
		.header-table > .row-fluid-wrapper > .row-fluid > .widget-span.hero-form {
			display: block;
			width: 100%;
			position: initial;
			padding: 0 0 40px 0;
		}
		.footer_form .header-table > .row-fluid-wrapper > .row-fluid > .widget-span.hero-form {
			padding: 0;
		}
		.section.hero .widget-type-form, .section.bottom_form .widget-type-form {
			max-width: 100%;
			margin: 0 auto 0 0;
		}
		.footer-right .row-number-6 {
			position: relative;
		}
		.footer-right h3 {
			font-size: 20px;
		}
		.footer-multiplateform {
			padding-top: 20px;
			padding-bottom: 20px;
		}
		.section_portfolio, .wrapper-multiplateform {
			background-size: contain;
			background-position: bottom right;
			background-repeat: no-repeat;
		}
		.large_tit h2 {
			font-size: 30px;
			max-width: 100%;
		}
		.large_tit h2  br {
			display:none;
		}
		.wrapper-multiplateform {
			margin: 10px 0 60px 0;
		}
		.section.about-us .col{
			padding: 0;
		}
		.section.about-us {
			padding: 30px 0;
		}

		.responsive_br{
			display: block;
		}
		.section.hero h2{
			font-size: 16px;
			line-height: 20px;
			padding-top: 10px;
		}
		
		
		.logo{text-align:center;margin-bottom:0px;} 
	
		.header_cta{text-align:center;} 
		.section.two-col h2{padding-top:20px;}
		.section.video h2 {font-size: 30px;}
			
		body .mobile-pad{padding-top:45px;}

		.section.cta_mod ul {list-style-type: none;padding: 0 25px;margin: 0;text-align: left;}
		.section.cta_mod ul li{padding-bottom:20px;}
		
		.section.container .row-fluid [class*="span"] {
			float: left;
		}
		.span12.widget-span.widget-type-cell.bottom-row{
			width: 100%;
		}
		.txt-header {
			padding-top: 20px;
		}
		.section.hero h1, .section.hero.v-2018 h1 {
			max-width: 100%;
		}
		.section.hero.footer_form .hero-left h4,
		.section.hero h1, .section.hero.v-2018 h1 {
			font-size: 18px;
    		line-height: 160%;
		}
		.txt_portfolio h4 {
			font-size: 16px;
			margin: 0;
		}
		.txt_portfolio h3 {
			font-size: 20px;
			margin: 0 0 25px 0;
		}
		
		.custom-header-bg {
			padding: 55px 0 0;
		}
		.section.hero {
			padding: 160px 0 20px 0;
		}
		.txt-header {
			font-size: 16px;
		}
		.right_newsletter .hs_email > label {
			width: 282px;
			letter-spacing: 0.5px;
			width: 282px;
			font-size: 13px;
		}
		.txt-quality h3 {
			font-size: 20px;
		}
		.logostem img {
			max-height: 60px;
		}
		.logostem {
			margin: 30px auto 0;
		}
		.wrapper_temoin {
			padding: 80px 0 70px 0;
		}
		.txt_portfolio {
			padding: 60px 0 0 0;
		}
		.section.hero.v-2018 .txt-header li {
            font-size: 16px;
        }
        .txt-header li:before {
            top: 11px;
        }
        .section.hero.v-2018 h1.small_title.store_tit span {
            display:inline;
            max-width:initial;
        }
	}
	@media (max-width: 680px){
		.section_new_portfolio .hidden-img.img-portfolio {
			width: 80%;
		}
		.section_portfolio, .wrapper-multiplateform  {
			 background: none !important;
		}
		.about-us img.hs-image-widget {
			height: 95px !important;
		}
		.section.about-us .col h2 {
			padding: 0 0 5px 0;
		}
		.section.about-us p {
			font-size: 16px;
		}
		.section_wrapper {
			padding-top: 40px;
			padding-bottom: 40px;
		}
		.section.about-us {
			padding: 40px 0;
		}
		.section_padding {
		padding: 40px 0 !important;
		}
		.section_padding_top {
			padding-top: 40px !important;
		}
		.section_padding_bottom {
			padding-bottom: 40px !important;
		}
		.txt-quality .cell-wrapper {
			min-height: 300px;
		}
		.hidden_mobile {
		    display:none !important;
		}
	}
	@media (max-width: 650px){
		.section.container .square-content {
			left: 42%;
		}
	}
	@media (max-width: 580px){
		
.footer-left h3 {
    font-size: 35px;
}		
.section.hero h1 span {
    font-size: 11px;
    line-height: 30px;
    letter-spacing: 1px;
}	
.header-table>.row-fluid-wrapper>.row-fluid>.widget-span {
    padding: 0 0 40px 0;
}		
.section.hero h3.form-title, .section.bottom_form h3 {
    font-size: 16px;
}
.large_tit h2 {
    font-size: 24px;
}
.wrapper-multiplateform {
    margin: 10px 0 60px 0;
}
.wrapper-multiplateform {
    margin: 10px 0 0 0;
}
.footer-left .title h3:after {
    margin: 20px 0 0 0;
}
		.span3.widget-span.widget-type-linked_image.techno_logo {
			width: 100%;
		}   
		.section.bottom_form .title h2{
			 font-size: 25px;
		 }
	
		form.hs-form .form-columns-2 .hs-form-field .hs-input{
			width:100% !important;
		}
		.section.hero h3.form-title, .section.bottom_form h3{
			font-size: 22px;
		}
		textarea{
			height: 80px !important;
		}
		.section.hero .widget-type-form, .section.bottom_form .widget-type-form{
			height: auto;
		}
		.hs-form fieldset.form-columns-2 .hs-form-field{
			width: 100% !important;
		}
		
	}
	
	@media (max-width: 480px){
		.section.about-us .col{
			padding-right:0;
		}
		.section.testimonial{
			 padding-left:40px !important;
			 padding-right: 40px !important;
		 }   
		.section.liste_technologies .top_row .col-left h2 {
			font-size: 30px;
		}
	
		.responsive_br_970 {
			display: none;
		}
		.section.hero .input, .section.bottom_form .input, .section.hero input, .section.bottom_form input {margin-right:0 !important; width:100% !important;}
		.hs_cos_wrapper_type_form .hs-button.primary.large{width: 100% !important;}
		
		.section.container .square-content {
			left: 40%;
		}
		.section.hero h3.form-title, .section.bottom_form h3 {
			font-size: 16px;
		}
		.txt-quality .cell-wrapper {
			min-height: 240px;
		}
		.txt-quality h3 {
			margin-bottom: 30px;
		}
		.footer-right h3 {
			font-size: 16px;
		}
		.txt_portfolio h3 {
			font-size: 18px;
		}
	}
	
	@media (max-width: 400px){
		.form-columns-2 ul.hs-error-msgs.inputs-list label {
			bottom: -20px;
		}
	
		input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{height:32px;}
		.section.hero.footer_form .hero-left h4,
		.section.hero h1, , .section.hero.v-2018 h1 {padding-top:40px;}
		.section.hero h2 {padding-bottom:40px;}
		.section.container .left-btn, .section.container .right-btn {
			top: 190px;
			width: 80%;
			height: auto;
		}
		.ebook-form-wrapper input[type="text"], .ebook-form-wrapper input[type="password"], .ebook-form-wrapper input[type="datetime"], 
		.ebook-form-wrapper input[type="datetime-local"], .ebook-form-wrapper input[type="date"], .ebook-form-wrapper input[type="month"], 
		.ebook-form-wrapper input[type="time"], .ebook-form-wrapper input[type="week"], .ebook-form-wrapper input[type="number"], 
		.ebook-form-wrapper input[type="email"], .ebook-form-wrapper input[type="url"], .ebook-form-wrapper input[type="search"], 
		.ebook-form-wrapper input[type="tel"], .ebook-form-wrapper input[type="color"]{height:50px !important;}
		
		 .section.container .left-btn img, .section.container .right-btn img{
			width: 50px ;
			height: 50px;
		}
	   
		.section.container .square-content {
			left: 37%;
		}
	}



/* ==========================================================================
   Section Newsletter                                            
========================================================================== */
@media (min-width: 971px){
	
	.wrapper_newsletter .wrapper > .row-fluid-wrapper > .row-fluid  {
		display: table;
    	width: 100%;
		table-layout: fixed;
	}
	.wrapper_newsletter .wrapper > .row-fluid-wrapper > .row-fluid .wrapper_policy,
	.wrapper_newsletter .wrapper > .row-fluid-wrapper > .row-fluid .right_newsletter {
		display: table-cell;
		vertical-align: middle;
		float: none;
	}
	.wrapper_newsletter .wrapper > .row-fluid-wrapper > .row-fluid .wrapper_policy {
		width:auto;
		padding-right: 20px;
	}
}
@media (min-width: 721px){
	.right_newsletter form  {
		display: table;
    	width: 100%;
		table-layout: fixed;
	}
	.right_newsletter .hs_submit,
	.right_newsletter .hs-form-field {
		display: table-cell;
		vertical-align: top;
	}
	.right_newsletter .hs_submit {
		width: 120px;
		text-align: right;	
	}
	.right_newsletter .hs-form-field .input {
		float: right;
		clear: right;
	}
	body .right_newsletter form.hs-form .hs-form-field ul.hs-error-msgs.inputs-list {
		padding-top: 50px;
		text-align: right;
	}
	body form.hs-form .hs-form-field ul.hs-error-msgs li {
		margin: 0;
	}
	.wrapper_newsletter .wrapper > .row-fluid-wrapper > .row-fluid:before,
	.wrapper_newsletter .wrapper > .row-fluid-wrapper > .row-fluid:after {
		display: none !important;
	}
}
@media (max-width: 720px){
	.wrapper_newsletter .wrapper > .row-fluid-wrapper > .row-fluid .wrapper_policy,
	.wrapper_newsletter .wrapper > .row-fluid-wrapper > .row-fluid .right_newsletter {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.right_newsletter .hs_email > label {
		width: 100%;
		letter-spacing: 1px;
		float: none;
	}
	.right_newsletter .hs-form-field .input input {
		width: 100%;
		text-align: center;
		margin-top: 10px;
		float: none;
	}
	body form.hs-form .hs-form-field ul.inputs-list {
		margin: 5px 0 0 0;
	}
	.right_newsletter .hs_cos_wrapper_type_form .hs-button.primary.large {
		margin: 20px 0 0 0;
	}
}

/* ==========================================================================
   Specifique aux pages de remerciements                                           
========================================================================== */
.thank-you-page .txt-header {
    padding-top: 20px;
}
.thank-you-page.section.hero{
    padding: 290px 0 70px 0;
}
.thank-you-page.section.hero h1{
    font-size: 45px;
}
.thank-you-page p {
    font-family: proxima-nova,Sans-serif;
    font-size: 22px;
    font-weight: 400;
    max-width: 500px;
    margin-top: 25px;
    margin-bottom: 25px;
    line-height: 1.5;
}
.thank-you-page.section.hero h3.form-title{
    margin-top: 25px !important;
    font-size: 30px;
}
.thank-you-page.section.hero h3.form-title:after{
    margin: 34px 0 0 ;
}
.body-container .thank-you-page input[type="email"]{
    font-size: 16px !important;
    border-radius: 5px;
}
.body-container .thank-you-page input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 16px !important;
  padding-top: 2px;
}
.body-container .thank-you-page input[type="email"]::-moz-placeholder { /* Firefox 19+ */
  font-size: 16px !important;
  padding-top: 2px;
}
.body-container .thank-you-page input[type="email"]:-ms-input-placeholder { /* IE 10+ */
  font-size: 16px !important;
  padding-top: 2px;
}
.body-container .thank-you-page input[type="email"]:-moz-placeholder { /* Firefox 18- */
  font-size: 16px !important;
  padding-top: 2px;
}
.thank-you-page .mobile-br{
        display: none;
    }
.thank-you-page .hs_cos_wrapper_type_form .hs-button.primary.large{
    width: auto;
    padding: 12px 59px;
    font-size: 14.4px;
    margin-top: 24px;
    margin-bottom: 53px;
}
.thank-you-page .form_bottom{
    margin-top: 8px !important;
}
.thank-you-page .form_bottom h4{
    font-size: 31.4px;
    font-weight: 300;
    line-height: 1.2;
}
.thank-you-page .form_bottom p{
    font-size: 15.7px;
    color: #8d8d8d;
    margin-top: 12px;
}
.thank-you-page#hero-background-image {
    background-position: top right !important;
}
 .thank-you-page #hs_cos_wrapper_module_144472557817113567{
        margin-bottom: 30px;
        margin-top: 19px;
        display: block;
    }
    .thank-you-page h1.long-title{
        max-width: 730px;
    }
.header-wrapper{
    position: absolute;
    z-index: 3000;
}
.header-wrapper .site-logo{
    max-width: 1540px;
    margin: 98px auto 0;
    float: none;
    margin-left: auto !important;
}
.header-wrapper .site-logo img{
    width: 130px !important;
}
@media(max-width: 1620px){
    .header-wrapper .site-logo{
       margin-left: 40px !important;
    }
}
@media(max-width: 1320px){
    .thank-you-page.section.hero h1{
        font-size: 37px;
    }
    .thank-you-page.section.hero {
        padding: 180px 0 70px 0;
    }
     .thank-you-page p {
        font-size: 19px;
        max-width: 400px;
        margin-right: 20px;
    }
    .thank-you-page .form_bottom h4 {
        font-size: 25px;
    }
    .thank-you-page.section.hero h3.form-title {
        margin-top: 12px !important;
        font-size: 26px;
    }
    .thank-you-page .form_bottom p{
       max-width: initial;
    }
}
@media (max-width: 880px){
    .thank-you-page .header-table > .row-fluid-wrapper > .row-fluid .hero-left, .thank-you-page .header-table > .row-fluid-wrapper > .row-fluid .hero-form{
        display: block !important;
        width: 100% !important;
        position: initial;
        padding: 0 !important;
        float: left;
        margin-left: 0;
    }
    .thank-you-page.section.hero .widget-type-form, .thank-you-page.section.bottom_form .widget-type-form{
        float: left;
    }
     .thank-you-page p {
        margin-right: 0;
    }
    .thank-you-page.section.hero h3.form-title:after{
        margin: 20px 0 0 ;
    }
    .thank-you-page .form_bottom {
        margin-top: 0 !important;
    }
    .thank-you-page .span12.widget-span.widget-type-rich_text.txt-header {
        padding-top: 0;
    }
    .thank-you-page#hero-background-image {
        background-position-x: 947px !important; 
    }
   
}
@media(max-width: 500px){
     .thank-you-page .mobile-br{
        display: block;
    }
}
@media(max-width: 440px){
     .thank-you-page .mobile-br{
        display: block;
    }
    .header-wrapper .site-logo {
        margin-left: 25px !important;
    }
    .thank-you-page.section.hero {
        padding: 100px 0 70px 0 !important;
    }
    .thank-you-page .wrapper, .row-fluid .wrapper[class*="span"], .thank-you-page .section.hero .wrapper, .thank-you-page .container-fluid .row-fluid .page-center {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .header-wrapper .site-logo {
        margin: 50px auto 0;
    }
    .thank-you-page .hs_cos_wrapper_type_form .hs-button.primary.large{
        max-width: initial;
        width: 100% !important;
    }
}
@media(max-width: 1400px){
    .section_quality_2018 .logostem.logosstore {
        max-width: 900px;
    }
}
@media(max-width: 1000px){
    .section_quality_2018 .logostem.logosstore {
        max-width: 700px;
    }
}
@media(max-width: 840px){
    .section_quality_2018 .logostem.logosstore {
        max-width: 570px;
    }
}
@media(max-width: 700px) {
    .negative_margin {
        margin-bottom: -60px;
    }
}
.section_quality_2018 .txt-quality.wrapper .txt-quality.wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* ==========================================================================
   Specifique aux pages de remerciements pour le telechargement du CMS                                          
========================================================================== */
.hs-content-id-5484567768 .thank-you-page.section.hero h3.form-title {
    margin-top: -16px !important;
}
.hs-content-id-5484567768 .thank-you-page.section.hero h1 {
    font-size: 45px;
    letter-spacing: 2px;
}
@media(max-width: 1300px){
    .hs-content-id-5484567768 .thank-you-page.section.hero h1 {
        font-size: 35px;
    }
}
@media(max-width: 1050px){
    .hs-content-id-5484567768 .section.hero.footer_form .hero-left h4, .section.hero h1 {
        font-size: 20px;
        line-height: 1.2;
    }
}
@media (max-width: 1300px){
    .hs-content-id-5484567768 .thank-you-page.section.hero h1 {
        margin-bottom: 30px;
    }
}
/* ==========================================================================
   Specifique aux pages de téléchargement du CMS                                          
========================================================================== */
#e-book-main-body{
    position: relative;
}

.landing-max-container{
    max-width: 2000px;
    float: inherit !important;
    margin-left: inherit !important;
    margin: 0 auto 0 !important;
}
#ebook-body-wrapper{
    position: relative;
}
.download-e-book.section.hero {
    padding: 232px 0 0px 0;
    max-width: 2000px;
    margin: 0 auto 155px !important;
    float: inherit;
}
.download-e-book#body-content{
    position: absolute;
    bottom: 0;
}
.download-e-book .header-form{
    margin-bottom: -95px;
}
.download-e-book .hero-left .txt-header {
    max-width: initial;
    padding-top: 50px;
}
.download-e-book .hero-left{
    max-width: 60% !important;
    display: block !important;
}
.download-e-book .right-col{
    max-width: 53%;
    display: inline-block;
    margin-left: 30px;
    float: right;
}
.download-e-book .left-col{
    display: inline-block;
    margin-left: -150px;
    float: left;
    width: 500px !important;
    /*margin-top: 65px;*/
}

.download-e-book.section.hero h1{
    font-size: 45px;
    letter-spacing: 1px;
    line-height: 1.2;
    max-width: 650px;
    margin-bottom: 30px;
}
.download-e-book.section.hero h1.v2018 {
    font-weight: 800;
    text-transform: none;
}
.download-e-book.section.hero h2{
    max-width: 600px;
    padding-bottom: 0;
}
.download-e-book.section.hero h2.v2018 {
    text-transform: uppercase;
    font-weight: 300;
}
.download-e-book.section.hero h3{
    line-height: 1.1;
    margin-bottom: 30px;
    font-weight: 400;
}
.ebook-form.hero-form {
    max-width: 1540px;
    width: 100%;
    display: block;
    margin: 0 auto;
    overflow:hidden;
}
.ebook-form-wrapper.form{
    position: absolute;
    right: 0 !important;
    top: 296px;
    z-index: 5000;
    max-width: 40%;
    padding-right: 40px;
}
@media(max-width: 600px){
    .ebook-form-wrapper.form{
        padding-right: 0;
    }
}
.ebook-form-wrapper.form .widget-type-form{
    padding-left: 0;
}
.ebook-form-wrapper.call-us{
    position: absolute;
    right: 0 !important;
    bottom: 23px;
    z-index: 998;
    max-width: 40%;
}
.ebook-form-wrapper.call-us .widget-type-rich_text{
    width: 100% !important;
}


.ebook-form .widget-type-form{
    background: transparent !important;
}
.download-e-book.section.hero h3.form-title{
    font-size: 30px;

}
.ebook-form .form-title{
    color: white !important;
    font-size: 25px;
    font-weight: 300;
    margin: 36px 0 26px;
    max-width: 400px;
    font-family: proxima-nova,Sans-serif;
    text-transform: uppercase;
}
.ebook-form .legal-consent-container p {
  font-size: 14px;
    color: #5d5d5d;
    font-family: proxima-nova,Sans-serif;
    margin: 20px 0 0 0;
}
.download-e-book.section.hero .right-col p{
    font-family: proxima-nova,Sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.2;
}
.download-e-book.section.hero .right-col.v2018  p {
    font-weight: 100;
    line-height: 200%;
    margin-top:0;
}


.download-e-book.section.hero .right-col ul{
    padding: 0;
    margin: 0;
}
.download-e-book.section.hero .right-col li{
    font-weight: 100;
    font-size: 19px;
    line-height: 1.5;
    padding-left: 15px;
  padding-right: 10px;
}
.download-e-book.section.hero .right-col li:before{
    content: " ";
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #E0303B;
    position: absolute;
    left: 0;
    top: 13px;
}
.download-e-book.section.hero .right-col.v2018 li{
    font-weight: 100;
    font-size: 22px;
    line-height: 200%;
}
.download-e-book.section.hero .right-col.v2018  li:before{
    display:none;
}

.ebook-form .header-table>.row-fluid-wrapper>.row-fluid>.widget-span.hero-form {
    padding-top: 100px;
}
.ebook-form input{
    margin-bottom: 10px !important;
    font-size: 16px !important;
    font-family: proxima-nova,Sans-serif;
}
.ebook-form .styledSelect{
    padding: 10px 50px 0 10px !important;
    max-height: 27px;
    height: 27px !important;
    font-size: 14px;
    color: black;
    line-height: 1.2 !important;
    overflow: hidden;
    position: relative;
    background-position: 95% 73%;
    letter-spacing: 0;
    box-sizing: border-box;
}

.ebook-form .styledSelect:after {
    content: '';
    position: absolute;
    right: 39px;
    width: 1em;
    height: 27px;
    margin-top: 0.2em;
    background: #fff;
}
.ebook-form .styledSelect:before {
    content: '...';
    position: absolute;
    right: 39px;
    bottom: 0;
}
.body-container .ebook-form select {
    margin: 0 0 23px;
}
/*.ebook-form .styledSelect{*/
/*     padding: 18px 0 0 20px;*/
/*}   */
/*.ebook-form .styledSelect{*/
/*    line-height: 1 !important;*/
/*}*/
.ebook-form .options li {
    padding: 13px 19px !important;
}

.ebook-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 16px;
  font-family: proxima-nova,Sans-serif;
  color: #888888;
}
.ebook-form input::-moz-placeholder { /* Firefox 19+ */
    font-size: 16px;
  font-family: proxima-nova,Sans-serif;
  color: #888888;
}
.ebook-form input:-ms-input-placeholder { /* IE 10+ */
    font-size: 16px;
    font-family: proxima-nova,Sans-serif;
    color: #888888;
}
.ebook-form input:-moz-placeholder { /* Firefox 18- */
     font-size: 16px;
    font-family: proxima-nova,Sans-serif;
    color: #888888;
}

.ebook-form input[type="text"], .ebook-form input[type="email"]{
    border-radius: 5px !important;

}
/*.ebook-form .hs-error-msgs label{
    color: white;
    margin: -16px 0 0px 0;
}
.ebook-form ul.hs-error-msgs.inputs-list {
    position: absolute;
    bottom: -30px;
}*/
.ebook-form .hs_cos_wrapper_type_form .hs-button.primary.large{
    margin-top: 40px !important;
}
.ebook-form .form_bottom {
   margin-top: 13px !important;
   padding: 0 !important;
   
}
.ebook-form .form_bottom h4 {
    font-size: 28px;
    color: #181818;
    font-weight: 400;
    padding-top: 33px;
    line-height: 1.2;
}
.ebook-form .form_bottom h4 br, .ebook-form .form_bottom h4 br.br-mobile{
    display: none;
}

.ebook-form .form_bottom p {
    font-size: 15.7px;
    color: #4d4d4d;
}
.ebook-form .form_bottom .text-br-control{
    display: none;
}


@media (min-width: 1280px){
    .ebook-form .row-fluid .span10 {
        width: auto;
    }
}
@media(max-width: 1620px){
    .ebook-form-wrapper .large-screen-spacer{
      display: none;
    }
    .ebook-form-wrapper .widget-type-form{
        width: 100%;
        padding-left: 0;
    }
    .ebook-form-wrapper{
        right: 10px;
    }
}
@media(max-width: 1580px){
    .ebook-form .form_bottom h4 br{
        display: block;
    }
    .ebook-form-wrapper.call-us {
        bottom: 12px;
    }
}
@media(max-width: 1510px){
    .download-e-book .hero-left .txt-header {
        padding-top: 60px;
    }
   .download-e-book .left-col, .download-e-book .right-col{
        float: none;
        max-width: 100%;
        display: block;
    }
    .download-e-book .left-col{
        margin-left: -150px;
      
    }
    .download-e-book .right-col{
        margin-left: 0;
        margin-bottom: 40px;
    }
    .download-e-book .right-col p{
        max-width: 700px;
        width: 90%;
    }
    
    .download-e-book.section.hero h1 {
        font-size: 39px;
        max-width: inherit;
    }
    .download-e-book.section.hero {
        padding: 180px 0 0px 0;
     
    }
    .download-e-book.section.hero .right-col .list-wrapper {
        position: absolute;
        left: 380px;
        /*margin-top: 12px;*/
    }
    /*.ebook-form-wrapper.form{*/
    /*    max-width: 37% !important;*/
    /*}*/
}
@media (min-width: 1280px){
    .row-fluid .span10 {
        width: 100%;
    }

}
@media(max-width: 1340px){
    .ebook-form .form_bottom .text-br-control{
        display: block;
    }
    .ebook-form .form_bottom h4 {
        padding-top: 22px;
    }
    .ebook-form-wrapper.call-us{
        bottom: 0;
        top: inherit;
    }
}
@media(max-width: 1200px){
    .download-e-book .header-table > .row-fluid-wrapper > .row-fluid > .widget-span.hero-left, .header-table > .row-fluid-wrapper > .row-fluid > .widget-span.hero-form {
        width: 60%;
    }
    .download-e-book .left-col {
        margin-left: -115px;
        width: 400px !important;
    }
    .download-e-book.section.hero .right-col .list-wrapper {
        position: absolute;
        left: 320px;
        /*margin-top: 12px;*/
    }
    .ebook-form-wrapper.form {
        top: 210px;
    }
}
@media(max-width: 1140px){
        .download-e-book .header-table > .row-fluid-wrapper > .row-fluid > .widget-span.hero-left, .header-table > .row-fluid-wrapper > .row-fluid > .widget-span.hero-form {
        width: 100%;
        max-width: 100% !important;
    }
    .download-e-book.section.hero h1 {
        max-width: 700px;
    }
    .download-e-book .left-col {
        /*margin-left: -149px;*/
        /*width: 500px !important;*/
    }
    .download-e-book.section.hero .right-col .list-wrapper {
        position: absolute;
        /*left: 410px;*/
        /*margin-top: 12px;*/
    }
        .ebook-form-wrapper.form, .ebook-form-wrapper.call-us {
        position: relative;
        right: inherit !important;
        top: 0 !important;
        /*width: 110% !important;*/
        background: #181818;
        margin-left: -31px !important;
        padding-left: 40px;
        max-width: inherit !important;
        margin-top: -1px;
        margin-bottom: -1px;
    }
        .ebook-form input[type="text"], .ebook-form input[type="email"], .ebook-form select, .ebook-form .styledSelect, .ebook-form .options {
        max-width: 500px;
        width: 100%;
    }
}
@media (max-width: 1139px) and (min-width: 768px){
    .ebook-form .row-fluid .span5 {
         width: 100%;
    }
}
@media (max-width: 1050px){
    .ebook-form-wrapper .form_bottom p {
        margin: inherit !important;
    }
}
@media(max-width: 1140px){



    .ebook-form .form_bottom .text-br-control{
        display: none;
    }
    .ebook-form .form_bottom h4, .ebook-form .form_bottom p{
        color: white;
    }
    .ebook-form .form_bottom h4 {
        font-size: 26px;
    }
    .ebook-form .form_bottom p {
        font-size: 14px;
    }
    .ebook-form-wrapper.call-us{
        padding-bottom: 30px;
    }
    .ebook-form-wrapper.form {
        padding-top: 30px;
    }
    .ebook-form-wrapper .row-fluid .span10 {
        width: 93%;
    }
}
@media(max-width: 767px){
    .download-e-book.section.hero {
        margin: 0 auto 80px !important;
    }
        .download-e-book .left-col {
        margin-left: -106px;
        width: 360px !important;
        max-width: inherit;
    }
     .ebook-form-wrapper.form, .ebook-form-wrapper.call-us{
         margin-left: 0 !important;
     }
    /* .ebook-form input[type="text"], .ebook-form input[type="email"], .ebook-form select, .ebook-form .styledSelect, .ebook-form .options {*/
    /*    max-width: 90%;*/
       
    /*}*/
}
@media(max-width: 740px){

    .download-e-book.section.hero .right-col ul {
        position: absolute;
        left: 327px;
        margin-top: 12px;
    }
}
@media(max-width: 580px){
     .download-e-book .header-table > .row-fluid-wrapper > .row-fluid > .widget-span.hero-left, .header-table > .row-fluid-wrapper > .row-fluid > .widget-span.hero-form {
        display: block;
        width: 100%;
        position: initial;
        padding: 0 0 0px 0;
    }
    .section.hero.v-2018 h1.small_title {
        font-size: 18px;
        line-height: 120%;
    }
    .section.hero.v-2018 h1.small_title span {
        font-size: 18px;
        line-height: 120%;
    }
    .section.hero.v-2018 .txt-header {
        padding-top: 15px;
    }
    .section.hero.v-2018 {
        padding: 140px 0 20px 0;
    }
    .section_quality_2018.negative_margin .txt-quality h3 {
        font-size: 18px;
    }
    .section_quality_2018 .wrapper_temoin {
        padding: 50px 0 0;
    }
    .section_quality_2018 .txt-quality h3:after {
        margin: 14px auto 36px;
    }
    .download-e-book img[title="landing-ebook2-3-en-1.png"], .download-e-book img[title="landing-ebook2-3 copie.png"] {
	    margin-bottom: 40px;
	}
}
@media(max-width: 800px){
    /* .download-e-book .left-col {*/
    /*    margin-left: -107px;*/
    /*}*/
    .download-e-book.section.hero .right-col ul {
        position: relative;
        margin-top: 12px;
        left: 0;
    }
}
@media(max-width: 660px){
     .download-e-book.section.hero .right-col .list-wrapper {
        position: relative;
        left: 0;
        /*margin-top: 12px;*/
    }
    .download-e-book.section.hero .left-col{
        width: 100%;
    }
}
@media(max-width: 450px){
    .ebook-form .form_bottom .text-br-control, .ebook-form .form_bottom h4 br.br-mobile{
        display: block;
    }
    .ebook-form .form_bottom p {
        max-width: 250px;
    }
    .download-e-book .right-col p {
        width: 100%;
    }
}
@media(max-width: 440px){
    .container-fluid .row-fluid .page-center {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .download-e-book.section.hero {
        padding: 140px 0 0px 0;
    }
       
    .download-e-book.section.hero h1 {
        font-size: 24px;
    }
    .download-e-book.section.hero .right-col p {
        font-size: 20px;
        line-height: 1.4;
    }
    .ebook-form-wrapper.form, .ebook-form-wrapper.call-us {
        padding-left: 25px !important;
    }
}
.hs-content-id-5782753323 #hs_cos_wrapper_module_144472557817113567 h3,
.hs-content-id-5782753323 #hs_cos_wrapper_module_1507643289083534 h3 {
    font-family: proxima-nova,Sans-serif !important;
    font-weight: 700 !important;
        letter-spacing: 0;
}

/* ==========================================================================
   Long_landing_template_EN_Service_white_form_header_2018                                         
========================================================================== */
/*---------------- v-2018-white-form-header may 2018------------------*/
.v-2-2018.section.hero:after{
    background-color: transparent;
} 
.v-2-2018.section.hero{
    padding: 203px 0 70px 0;
}
.v-2-2018.section.hero .wrapper{
   display: flex;
}
.v-2-2018.section.hero {
   background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
 
}
.v-2-2018.section.hero h1{
    font-family: proxima-nova,Sans-serif;
    color: white;
    font-size: 60px;
    font-weight: 800;
    text-transform: initial;
    max-width: 900px;
    line-height: 1;
}
.v-2-2018.section.hero ul{
    padding: 0 0 0 23px;
    margin: 50px 0 0;
    
}
.v-2-2018.section.hero li, .footer_form.v-2-2018 li{
     font-family: proxima-nova,Sans-serif;
    color: white;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 22px;
    padding-left: 19px;
}
.v-2-2018.section.hero .form-wrapper{
    background: white;
    -webkit-box-shadow: -2px 0px 30px 10px rgba(0,0,0,0.13);
    -moz-box-shadow: -2px 0px 30px 10px rgba(0,0,0,0.13);
    box-shadow: -2px 0px 30px 10px rgba(0,0,0,0.13);
    padding: 56px 40px 19px;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    margin-right: 0;
    }
.v-2-2018.section.hero .row-fluid-wrapper.row-depth-1.row-number-5 {
    flex: 1;
    margin-bottom: -158px;
}
.v-2-2018.section.hero h3.form-title{
    font-family: proxima-nova,Sans-serif;
    color: black;
    font-size: 33px;
    font-weight: 800;
    padding-bottom: 36px;
}
.v-2-2018.section.hero h3.form-title:after{
    display: none;
}
.v-2-2018.section.hero .form-wrapper ul, .footer_form.v-2-2018 ul{
    margin: -15px 0 0;
}
.v-2-2018.section.hero .form-wrapper ul label{
   margin: 0;
   font-size: 12px;
}
.v-2-2018.section.hero .form-wrapper .form_bottom h4{
 font-family: proxima-nova,Sans-serif;
    color: #474747;
    font-size: 24px;
    font-weight: 400;
}
.v-2-2018.section.hero .form-wrapper .form_bottom p{
    font-family: proxima-nova,Sans-serif;
    color: #474747;
    font-size: 15px;
    font-weight: 400;
        margin-top: 7px;
}
.v-2-2018.section.hero .form-wrapper .form_bottom {
    margin-top: 28px !important
}
@media(max-width: 1590px){
    .v-2-2018.section.hero h1 {
        font-size: 50px;
    }
    .v-2-2018.section.hero li, .footer_form.v-2-2018 li {
        padding-left: 3px;
            font-size: 20px;
    }
    .v-2-2018.section.hero .row-fluid-wrapper.row-depth-1.row-number-4 {
        width: 50%; 
    }
}
@media(max-width: 1370px){
    .v-2-2018.section.hero .form-wrapper{
        max-width: 500px;
    }
    .v-2-2018.section.hero h3.form-title {
        font-size: 27px;
        padding-bottom: 29px;
    }
    .v-2-2018.section.hero {
        padding: 203px 0 40px 0;
    }
}
@media(max-width: 1240px){
    .v-2-2018.section.hero ul, .footer_form.v-2-2018 ul {
        max-width: 400px;
    }
    .v-2-2018.section.hero h1 {
        font-size: 36px;
    }
}
@media(max-width: 1050px){
.v-2-2018.section.hero .form-wrapper .form_bottom h4 {
    font-family: proxima-nova,Sans-serif;
    color: #474747;
    font-size: 19px;
    font-weight: 400;
}
}
@media(max-width: 945px){
    .v-2-2018.section.hero .wrapper {
        display: inline-block;
    }
    .v-2-2018.section.hero .form-wrapper {
        width: 100% !important;
        max-width: 100%;
        margin-top: 40px;
    }
    .v-2-2018.section.hero .row-fluid-wrapper.row-depth-1.row-number-4 {
        width: 100%;
    }
    .v-2-2018.section.hero ul {
        max-width: initial;
    }
    .v-2-2018.section.hero .widget-type-form, .v-2-2018.section.bottom_form .widget-type-form {
        margin: 0 auto;
    }
    .v-2-2018.section.hero .row-fluid-wrapper.row-depth-1.row-number-5 {
        margin-bottom: -121px;
    }
}
@media (max-width: 767px){
    #hero-background-image [class*="span"]{
        float: left !important;
    }
}
@media (max-width: 530px){
   .v-2-2018.section.hero .form-wrapper {
        padding: 56px 40px 19px;
    }
    .v-2-2018.section.hero h3.form-title {
    max-width: 229px;
}
}
@media(max-width: 480px){
    .v-2-2018.section.hero h1 {
        font-size: 24px;
    }
    .v-2-2018.section.hero {
        padding: 150px 0 40px 0;
    }
}
   
/*---------------- end v-2018-white-form-header may 2018 ------------------*/
/*---------------- Clients logos list may 2018------------------*/
.v-2-2018.client-list h3,  .v-2-2018.digital-expertise-wrapper h2, .case-studies-title h3{
    font-family: proxima-nova,Sans-serif;
    color: black;
    font-weight: 800;
    font-size: 45px;
    line-height: 1.1;
    text-align: center;
}
.v-2-2018.client-list h3, .case-studies h3{
        margin-top: 180px;
}
.v-2-2018.client-list .txt-client-list-new h4 {
    font-family: proxima-nova,Sans-serif;
    color: black;
    font-weight: 800;
    font-size: 30px;
    line-height: 1.1;
    text-align: center;
    margin: 65px 0 0 0;
}
.v-2-2018 .logostem{
    display: flex;
    flex-wrap: wrap;
    justify-content: center; 
    align-items: center;
    max-width: initial;
    margin: 65px 93px 42px;
}
.v-2-2018 .logostem img{
    margin: 0;
}
.v-2-2018 .logostem .pict-wrapper{
    display: flex;
    justify-content: center; 
    align-items: center;
    padding: 6px 25px;
} 
.v-2-2018 .logostem .pict-wrapper.second {
    padding: 6px 29px;
    margin-top: 30px;
}
.v-2-2018 .logostem .pict-wrapper.space {
    width: 96px;
}
@media(max-width: 1640px){
    .v-2-2018 .logostem .pict-wrapper{
        width: 20%;
    }
}
@media(max-width: 1535px){
    .v-2-2018 .logostem .pict-wrapper.space{
        display: none !important;
    }
}
@media(max-width: 1260px){
    .v-2-2018 .logostem .pict-wrapper{
        margin-bottom: 20px;
    }
}
@media(max-width: 1180px){
    .v-2-2018 .logostem{
         margin: 65px 0 42px;
    }
}
@media(max-width: 1110px){
    .v-2-2018 .logostem .pict-wrapper{
        width: 30%;
    }
}
@media(max-width: 1024px){
    .v-2-2018.client-list h3, .v-2-2018.digital-expertise-wrapper h2, .case-studies-title h3 {
        font-size: 32px;
    }
}
@media(max-width: 750px){
    .v-2-2018 .logostem .pict-wrapper{
        width: 50%;
    }
}
@media(max-width: 550px){
    .v-2-2018 .logostem .pict-wrapper{
        width: 50%;
        margin-bottom: 10px;
    }
    .v-2-2018 .txt-client-list.wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .v-2-2018 .logostem img[src*="labatt"] {
 
        padding-top: 16px;
    }
    .v-2-2018.client-list h3, .v-2-2018.digital-expertise-wrapper h2, .case-studies-title h3 {
    font-size: 24px;
}
}
@media(max-width: 430px){
    .v-2-2018.client-list h3 br, .v-2-2018.digital-expertise-wrapper h2 br{
        display: none;
    }
}
.v-2-2018 .txt-client-list-new .logostem {
    margin-top: 15px;
}
@media (max-width: 1024px) {
  .v-2-2018.client-list .txt-client-list-new h4 {
      font-size: 24px;
      margin: 55px 0 25px 0
  }
}
@media (max-width: 768px) {
  .v-2-2018.client-list .txt-client-list-new h4 {
      font-size: 20px;
      margin: 35px 0 25px 0
  }
}
/*---------------- end Clients logos list may 2018------------------*/
/*---------------- Testimonials_blocks may 2018------------------*/
.v-2-2018 .testimonial_right_pict, .v-2-2018 .testimonial_left_pict .wrapper{
    display: flex;
    flex-wrap: wrap;
    padding: 100px 0;
}
.v-2-2018 .testimonial_left_pict{
    background-color: #eeeeee;
}
.v-2-2018 .testimonial_left_pict .wrapper{
    flex-direction: row-reverse;
    background-color: #eeeeee;
    padding: 50px 0 20px;
}
.v-2-2018.testimonials_blocks .testimonial-content-wrapper, .v-2-2018.testimonials_blocks .project-image-wrapper{
    width: 45%;
}
.v-2-2018.testimonials_blocks .testimonial_right_pict:first-child .project-image-wrapper img{
    margin-left: 40px;
}
.v-2-2018.testimonials_blocks .testimonial-content-wrapper{
    padding-left: 75px;
}
.v-2-2018.testimonials_blocks .testimonial-content-wrapper .logo{
    margin-bottom: 20px;
}
.v-2-2018.testimonials_blocks .testimonial-content-wrapper h3{
    margin-bottom: 20px;
    margin-top: 30px;
    font-family: proxima-nova,Sans-serif;
}
.v-2-2018.testimonials_blocks .testimonial-content-wrapper .logo.acosta{
        width: 110px;
}
.v-2-2018.testimonials_blocks .testimonial-content-wrapper .project-definition {
    max-width: 589px;
    margin-bottom: 67px;
}
.v-2-2018.testimonials_blocks .testimonial-content-wrapper .project-definition p{
    font-family: proxima-nova,Sans-serif;
    color: #474747;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.9;
}
.v-2-2018.testimonials_blocks .testimonial-content-wrapper .client-testimonial{
    font-family: proxima-nova,Sans-serif;
    color: black;
    font-weight: 400;
    font-size: 19px;
    max-width: 600px;
    line-height: 1.6;
    margin-bottom: 22px;
}
.v-2-2018.testimonials_blocks .testimonial-content-wrapper .client-infos-wrapper{
    display: flex;
}
.v-2-2018.testimonials_blocks .testimonial-content-wrapper .client-pict-wrapper{
    width: 84px;
}
.v-2-2018.testimonials_blocks .testimonial-content-wrapper .client-pict-wrapper img{
    border: 1px solid transparent;
    border-radius: 42px;
}
.v-2-2018.testimonials_blocks .testimonial-content-wrapper .client-description-wrapper{
    margin-left: 30px;
}
.v-2-2018.testimonials_blocks .testimonial-content-wrapper .client-name{
     font-family: proxima-nova,Sans-serif;
    color: black;
    font-weight: 800;
    font-size: 23px;
    margin-bottom: 0;
}
.v-2-2018.testimonials_blocks .testimonial-content-wrapper .client-function{
    font-family: proxima-nova,Sans-serif;
    color: #343434;
    font-weight: 500;
    font-size: 17px;
    margin-top: 0;
}

@media(max-width: 950px){
    .v-2-2018 .testimonial_left_pict .wrapper {
        flex-direction: row;
    }
    .v-2-2018 .testimonial_right_pict, .v-2-2018 .testimonial_left_pict .wrapper{
        justify-content: flex-end;
    }
    .v-2-2018.testimonials_blocks .testimonial-content-wrapper{
        width: 100%;
    }
    .v-2-2018.testimonials_blocks .project-image-wrapper{
        width: 100%;
        margin-top: 40px;
    }
    .v-2-2018.testimonials_blocks .testimonial-content-wrapper {
        padding-left: 0;
    }
}
@media(max-width: 767px){

    .v-2-2018.testimonials_blocks .testimonial-content-wrapper .logo {
        text-align: left;
        margin-top: 15px;
    }
    .v-2-2018.testimonials_blocks .testimonial_right_pict:first-child .project-image-wrapper img {
         margin-left: 0; 
    }
}
@media(max-width: 600px){
    .v-2-2018.testimonials_blocks .testimonial-content-wrapper .client-description-wrapper {
        margin-left: 0;
    }
    .v-2-2018.testimonials_blocks .testimonial-content-wrapper .client-infos-wrapper {
        display: block;
    }
}
@media(max-width: 550px){
    .v-2-2018 .testimonial_right_pict, .v-2-2018 .testimonial_left_pict .wrapper {
        padding: 20px 0;
    }
    .v-2-2018 .testimonial_right_pict .pict-wrapper.autodesk-testimonial {
        padding: 50px 0 0;
    }
    .v-2-2018.testimonials_blocks .testimonial-content-wrapper h3{
        font-size: 19px !important;
    }
}

/*---------------- end Testimonials_blocks may 2018------------------*/
/*---------------- Digital_expertise_blocks may 2018------------------*/
 .v-2-2018.digital-expertise-wrapper.wrapper{
     max-width: 1245px !important;
     margin-bottom: 80px;
 }

 .v-2-2018.digital-expertise-wrapper h2{
         margin: 28px 0 113px;
 }
 .v-2-2018.digital-expertise-wrapper .col-left, .v-2-2018.digital-expertise-wrapper .col-right{
     width: 49%;
     display: inline-block;
     vertical-align: top;
 }
 .v-2-2018.digital-expertise-wrapper .digital-expertise-item{
         display: flex;
             margin-bottom: 29px;
              height: 112px;
 }
 
 .v-2-2018.digital-expertise-wrapper .description-wrapper{
     display: flex;
     flex-direction: column;
     padding-right: 30px;
    
 }
 .v-2-2018.digital-expertise-wrapper .image-wrapper{
    width: 65px;
    min-width: 65px;
    display: flex;
    vertical-align: top;
    margin-right: 40px;
    margin-top: 11px;
     align-items: top;
  justify-content: center;
 }
 .v-2-2018.digital-expertise-wrapper img{
    width: 54px;
    align-self: flex-start;
 }
 .v-2-2018.digital-expertise-wrapper img[alt="quality"]{
    width: 48px;
    margin-left: 4px;
 }

 .v-2-2018.digital-expertise-wrapper img[alt="trust"], .v-2-2018.digital-expertise-wrapper img[alt="international"]{
    margin-top: -11px;
    width: 65px;
 }
 .v-2-2018.digital-expertise-wrapper img[alt="know-how"]{
     margin-top: -11px;
 }
 .v-2-2018.digital-expertise-wrapper img[alt="skills"]{
     margin-top: -5px;
 }


 .v-2-2018.digital-expertise-wrapper .description-wrapper h3{
     color: #474747;
     font-family: proxima-nova,Sans-serif;
     text-transform: uppercase;
     font-size: 23px;
     font-weight: 400;
 }
 .v-2-2018.digital-expertise-wrapper .description-wrapper p{
      color: #474747;
      font-family: proxima-nova,Sans-serif;
      font-size: 18px;
      margin-top: 9px;
 }
 @media(max-width: 725px){
     .v-2-2018.digital-expertise-wrapper .col-left, .v-2-2018.digital-expertise-wrapper .col-right{
         width: 100%;
    
     }
     
     .v-2-2018.digital-expertise-wrapper .digital-expertise-item {
        height: auto;
        display: none;
    }
    .v-2-2018.digital-expertise-wrapper .digital-expertise-item.mobile-display {
        display: block;
    }
    .v-2-2018.digital-expertise-wrapper .description-wrapper {
        padding-right: 0;
        
    }
 }
 @media(max-width: 550px){
     .v-2-2018.digital-expertise-wrapper h2 {
        margin: 48px 0 50px;
    }
 }
 @media(max-width: 440px){
     .v-2-2018.digital-expertise-wrapper .image-wrapper {
        margin-right: 10px;
        
    }
 }
/*---------------- end Digital_expertise_blocks may 2018------------------*/
/*---------------- footer may 2018------------------*/
.v-2-2018.wrapper_newsletter.bottom-form .row-fluid .span5 {
    width: auto;
    float: left;
}
.bottom-form .global-module-form form{
    max-width: 552px;
    float: right;
    width: 100%;
}
 .footer_form.v-2-2018.bottom-form .hero-text {
    padding-top: 50px;
}
.footer_form.v-2-2018.bottom-form h3{
      color: white;
      font-family: proxima-nova,Sans-serif;
      font-size: 33px;
      font-weight: 700;
        max-width: 561px;
    line-height: 1.3;
}
.v-2-2018.section.hero.bottom-form h3.form-title {
    font-family: proxima-nova,Sans-serif;
    color: black;
    font-size: 33px;
    font-weight: 800;
    padding-bottom: 26px;
}
.footer_form.v-2-2018.bottom-form .header-table > .row-fluid-wrapper > .row-fluid > .widget-span.hero-left {
    vertical-align: top;
    padding-top: 59px;
}
.v-2-2018.section.hero.bottom-form {
    padding: 94px 0 70px 0;
}
.v-2-2018.section.hero.bottom-form  h3.form-title {
    color: white;
}
.v-2-2018.section.hero.bottom-form ul {
    max-width: 660px;
}
.v-2-2018.section.hero.bottom-form .span12.widget-span.widget-type-cell.footer-form-wrapper {
    display: block;
  
}
.v-2-2018.section.hero.bottom-form .v-2-2018.section.hero .wrapper {
    /* display: flex; */
    flex: 1 100%;
    width: 49%;
}
.v-2-2018.section.hero.bottom-form .row-fluid-wrapper.row-depth-1.row-number-5 {
     margin-bottom: 0;
}
.v-2-2018.section.hero.bottom-form ul.hs-error-msgs {

    margin: 0 0 0;
}
.v-2-2018.wrapper_newsletter .span5 {
   width: 100% !important;
   
}
.wrapper_newsletter.v-2-2018 {
    border-top: 1px solid white;
}
@media (max-width: 1590px){
.v-2-2018.section.hero.footer_form.bottom-form .row-fluid-wrapper.row-depth-1.row-number-4 {
    width: 100%;
}
}
@media(max-width: 767px){
    .v-2-2018.section.hero.bottom-form {
        padding: 44px 0 70px 0;
    }
    .v-2-2018.bottom-form .hero-form {
        margin-top: 50px;
    }
}
/*---------------- end Footer may 2018------------------*/
/* ==========================================================================
   End Long_landing_template_EN_Service_white_form_header_2018                                         
========================================================================== */

/*---------------- end Footer may 2018------------------*/
/* ==========================================================================
   Modification of select list in forms header and footer                                        
========================================================================== */
    .hs_submit {
        padding-right: 10px;
    }
    .hs_budget_new {
      width: 300px;
      margin: auto;
    }
    .hs_budget_new span {
        font-family: $fontSerif;
        font-size: 22px;
        font-weight: 400;
        color: white;
        display: block;
        margin-top: 10px;
        margin-bottom: 22px;
      }
    .s-hidden {
      padding-right: 10px;
    }
    .select {
      cursor: pointer;
      display: inline-block;
      position: relative;
      width: 100%;
    }
    .styledSelect {
      position: relative;
      background-color: white;
      height: 53px;
      padding: 13px 0 0 20px;
      font-family: $fontSansSerif;
      font-size: 14px;
      text-align: left;
      letter-spacing: 1px;
      color: #666;
      border-radius: 4px;
      margin-top: -66px;
     
      background: url(https://1959681.fs1.hubspotusercontent-na1.net/hubfs/1959681/categories-arrow.png) white no-repeat 95% 50%;
    }
    .styledSelect:active, .styledSelect.active {
      background-color: #eee;
    }
    .options {
      display: none;
      position: absolute;
      text-align: left;
      top: -1px !important;
      right: 0;
      left: 0;
      z-index: 999;
      margin: 0;
      padding: 0 0;
      list-style: none;
      border: 1px solid #ccc;
      background-color: white;
      border-radius: 4px;
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    }
    .options li {
      margin: 0 0;
      padding: 12px 19px !important;
      color: #6c6c6c;
      font-size: 14px;
      letter-spacing: 1px;
    }
    .options li:hover {
      background-color: #f0f0f0;
    }
    .hs-form{
      margin-bottom: 0 !important;
    }
    fieldset{
      margin: 7px 0 0 !important;
    }
    .hs_budget label {
        color: #FFF;
      }
      .hs_budget > label {
        font-family: $fontSerif;
        font-size: 18px;
        font-weight: 500;
        margin-top: 20px;
        margin-bottom: 10px;
        color: #e0303b;
      }
      .hs_budget .inputs-list {
        padding-left: 0;
    
      }
       @media (min-width: 500px) {
          .hs_budget .inputs-list > li {
            width: 49%;
            display: inline-block;
            vertical-align: top;
          }
        }
      .hs_budget .inputs-list label {
          font-size: 16px;
          margin-bottom: 7px;
        }
        /* ==========================================================================
   End Modification of select list in forms header and footer                                        
========================================================================== */
/* ==========================================================================
   Landing Paris 2018                                            
========================================================================== */
@media (min-width: 1280px){
.spiria-paris-18-wrapper .row-fluid [class*="span"]:first-child {
    margin-left: auto !important;
}
}
@media (max-width: 1590px){
.v-2-2018.section.hero.paris-18 .row-fluid-wrapper.row-depth-1.row-number-4 {
    width: 100%;
}
}

.paris-18-wrapper{
}
.basic-banner.paris-18 h1{
    text-align: left;
  max-width: inherit !important;
    line-height: 1.1;
    margin: auto;
}
.jobs-section{    padding-top: 70px !important;
    padding-bottom: 30px;}
.v-2-2018.section.hero.basic-banner.paris-18 {
    padding: 429px 0 93px 0;
}
.jobs-list {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 50px;
}
.jobs-list .job{}
.jobs-list .title{
    padding: 45px 0;
    border-top: 1px solid rgba(0,0,0,0.1);
  cursor: pointer;
}
.jobs-list .title h3{
    font-family: proxima-nova,Sans-serif;
    color: black;
    font-size: 45px;
    font-weight: 900;
}
.jobs-list .title img{
    float: right;
    overflow: hidden;
    transition-duration: 0.8s;
    transition-property: transform;
    margin-top: -28px;
}
.jobs-list .title.active img{
     transform: rotate(45deg);
}
.jobs-list .resume{
        padding-bottom: 25px;
}
.jobs-list .resume p{
     font-family: proxima-nova,Sans-serif;
    color: #474747;
    font-size: 23px;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 0;
  letter-spacing: 1px;
    
}
.jobs-list .resume ul{padding: 0;}
.jobs-list .resume li{
    list-style-type: none;
    padding-left: 40px;
    position: relative;
    display: block;
     font-family: proxima-nova,Sans-serif;
    color: black;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 3px;
}
.jobs-list .resume li:before{
     content: "\25CF";
      font-size: 8px;
      color: black;
      position: absolute;
      display: block;
      left: 0;
      top: -1px;
    
}
.client-list.paris-18{
  background-color: #eeeeee;
}
.v-2-2018.client-list.paris-18 h3{
    margin-top: 108px;
  
}
.link{
    margin: 87px 0 120px;
  text-align: center;
}
.link a.large_btn {
    margin: auto;
    display: inline-block;
    font-size: 19px;
        padding: 16px 60px;
  max-width: inherit;
  width: auto;
  line-height: 1;
  font-weight: 800 !important;
    /* margin-top: 40px; */
}
.paris-18.map{
    padding: 105px 0 !important;
}
.paris-18.map #map {
    height: 700px;
 }
.paris-18.map h2{
  font-family: proxima-nova,Sans-serif;
  font-size: 45px;
  font-weight: 800;
  color: black;
  text-align: center;
  line-height: 1.1;
}
.paris-18.map #map{
    margin-top: 80px;
}
.wrapper_career.paris-18{
padding: 65px 0;}
.wrapper_career.paris-18 .custom-footer{
max-width: 72%;
margin: auto;
display: flex;
align-items: center;
  justify-content: center;}
.wrapper_career.paris-18 h2{
float: left;
  font-size: 35px;
  line-height: 1.2;
  color: white;
  flex: 1;
}
.wrapper_career.paris-18 .large_btn{
	float: right;
  font-size: 19px;
        padding: 16px 60px;
  vertical-align: middle;

  max-width: inherit;
  width: auto;
  align-self: flex-end;
  margin-bottom: 10px;
  line-height: 1;
  font-weight: 800 !important;
}
@media(max-width: 1375px){
  .wrapper_career.paris-18 .custom-footer{
    max-width: 100%;
  }
}
@media(max-width: 1240px){
.v-2-2018.section.hero.basic-banner.paris-18 {
    padding: 300px 0 50px 0;
}
  .new_wrapper_header.paris-18{
  margin-top: 30px;
  }
  .jobs-list .title h3 {
    font-size: 30px;
}
  .paris-18.map #map {
    height: 85vh;
 }
  .paris-18.map h3{
  font-size: 32px;
  }
  .wrapper_career.paris-18 h2{
  font-size: 26px;
  }
  .wrapper_career.paris-18 .large_btn {
    margin-bottom: 5px;
}
  .jobs-list .title {
    padding: 25px 0;
}
  .v-2-2018.client-list.paris-18 h3 {
    margin-top: 80px;
    font-size: 32px;
}
  .link{
      margin: 60px 0 80px;
  }
  .paris-18.map h2{
  font-size: 32px;}
  .paris-18.map{
  padding: 80px 0 60px;}
}
@media(max-width: 840px){
  .wrapper_career.paris-18 .custom-footer {
    display: block;
}
  .wrapper_career.paris-18 .custom-footer h2{
    text-align: center;
    float: none;
}
  .wrapper_career.paris-18 .custom-footer .large_btn{
    float: none;
       display: block;
    width: 280px;
    margin: auto;
    margin-top: 40px;
}
.v-2-2018.section.hero.basic-banner.paris-18 {
    padding: 200px 0 50px 0;
}
  #hero-background-image .widget-type-rich_text.hero-text {
    float: none !important;;
}
  .new_wrapper_header.paris-18{
  margin-top: 20px;}
  .jobs-list .resume p {
  font-size: 18px;}
  .jobs-section {
    padding-top: 40px !important;
    padding-bottom: 0;
}
  .jobs-list .resume li{
  margin-bottom: 13px;}
}
@media(max-width: 767px){
  .v-2-2018.client-list.paris-18{
    float: left !important;
  }
}
@media(max-width: 750px){
.v-2-2018.paris-18 .logostem .pict-wrapper {
    padding: 6px 29px;
    margin-top: 30px;
}

.paris-18 .no-mobile{display: none !important;}
}
@media(max-width: 570px){
  .jobs-list .title h3 {
    font-size: 25px;
}
  .jobs-list .title img {
    margin-top: -32px;
    margin-left: 20px;
}
  .jobs-list .resume li {
    padding-left: 20px;
}
  .paris-18 h2 br, paris-18 h3 br{
  	display: none;
  }
  
}
@media(max-width: 490px){
  .jobs-list .title{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;}
  .jobs-list .title h3 {
 
        flex: 1;
}
  .jobs-list .title img {
    margin-top: inherit;
        flex: 1;
    max-width: 25px;
    max-height: 25px;
}
  .jobs-list .resume li {
    padding-left: 20px;
}
}
.v-2-2018.section.hero .hero_discovery h2 {
    font-family: proxima-nova,Sans-serif;
    color: white;
    font-size: 40px;
    font-weight: 700;
    text-transform: initial;
    max-width: 900px;
    line-height: 1;
    margin-top: 25px;
}
.v-2-2018.section.hero .hero_discovery h3 {
    font-family: proxima-nova,Sans-serif;
    color: white;
    font-size: 25px;
    font-weight: 600;
    text-transform: initial;
    max-width: 900px;
    line-height: 1;
    margin-top: 25px;
}
.v-2-2018.section.hero .hero_discovery ul {
  margin: 20px 0 0 0;
}
.v-2-2018.digital-expertise-wrapper .wrapper_ideas > h2 {
    margin-bottom:60px;
}
.v-2-2018.digital-expertise-wrapper .wrapper_ideas > h3 {
    font-family: proxima-nova,Sans-serif;
    color: black;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.1;
    text-align: center;
    max-width: 750px;
    margin: 0 auto 30px;
}
.v-2-2018.digital-expertise-wrapper .wrapper_ideas .digital-expertise-item {
    height: auto;
}
@media(max-width: 1590px){
    .v-2-2018.section.hero .hero_discovery h2 {
      font-size: 35px;
    }
    .v-2-2018.section.hero .hero_discovery h3 {
      font-size: 22px;
    }
}
@media(max-width: 1240px){
    .v-2-2018.section.hero .hero_discovery h2 {
      font-size: 24px;
    }
    .v-2-2018.section.hero .hero_discovery h3 {
      font-size: 18px;
    }
}
@media(max-width: 1024px){
    .v-2-2018.digital-expertise-wrapper .wrapper_ideas>h2 {
      margin-bottom: 40px;
  }
    .v-2-2018.digital-expertise-wrapper .wrapper_ideas>h3 {
      font-size: 20px;
  }
}
@media(max-width: 680px){
    .v-2-2018.section.hero .hero_discovery h2 {
      font-size: 20px;
    }
    .v-2-2018.section.hero .hero_discovery h3 {
      font-size: 18px;
    }
}
/* ==========================================================================
   Landing_En_With_blocks_v2 (2019)                                         
========================================================================== */
.v-2-2019.v-2-2018.section.hero {
    background-position-y: bottom;
}
.v-2-2019 .background-opacity {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: black;
    opacity: 0.7;
}
.v-2-2019 .header-logos{
  display: flex;
  flex-wrap: wrap;
}
.v-2-2019 .header-logos .img-wrapper{
  flex: 1 30%;
  max-width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.v-2-2019 .right-content{
    display: inline-block;
  float: right;
     
}
.v-2-2019 .phone{
  color: #FFFFFF;	
  font-family: proxima-nova,Sans-serif;	
  font-size: 18px;	
  line-height: 20px;	
  text-align: right;
  margin-right: 40px;
  display: inline-block;
}
.v-2-2019 .btn{
    display: inline-block;
}
.v-2-2019 .large_btn{
  padding: 16px 59px;
  max-width: none;
  height: auto;
}
.v-2-2019.section.hero h1{
  font-size: 49px;
  font-weight: 800;	
  letter-spacing: -0.1px;	
  line-height: 1;
}
.v-2-2019.section.hero ul{
  margin: 40px 0 0;
}
.v-2-2019 .new_wrapper_header {
    margin-top: 50px;
}
.v-2-2019 .form-text-header h3{
  color: #606060;	
  font-family: proxima-nova,Sans-serif;	
  font-size: 20px;	
  letter-spacing: -0.04px;	
  line-height: 24px;
  margin-bottom: 0;
  font-weight: 400;
}
.v-2-2019 .form-text-header h2{
color: #000000;	
  font-family: proxima-nova,Sans-serif;	
  font-size: 35px;	
  font-weight: 800;	
  letter-spacing: -0.07px;	
  line-height: 1.2;
  margin-bottom: 20px;
}
.v-2-2019 .hs_cos_wrapper_type_form .hs-button.primary.large{
max-width: 100%;
width: 100%;
margin-top: 5px;}
.v-2-2019  ::-webkit-input-placeholder { /* Webkit Browsers */
  color: #888888;	
  font-family: proxima-nova,Sans-serif;	
  font-size: 16px;	
  letter-spacing: -0.03px;	
  line-height: 30px;
    opacity: 1;
 
}


.v-2-2019   :-moz-placeholder { /* Firefox 18- */
  color: #888888;	
  font-family: proxima-nova,Sans-serif;	
  font-size: 16px;	
  letter-spacing: -0.03px;	
  line-height: 30px;
  opacity: 1;
   
}

.v-2-2019   ::-moz-placeholder { /* Firefox 19+ */
color:#888888;	
  font-family: proxima-nova,Sans-serif;	
  font-size: 16px;	
  letter-spacing: -0.03px;	
  line-height: 30px;
    opacity: 1;
   
}
.v-2-2019   :-ms-input-placeholder { /* IE10 */
color: #888888;	
  font-family: proxima-nova,Sans-serif;	
  font-size: 16px;	
  letter-spacing: -0.03px;	
  line-height: 30px;
    opacity: 1;
   
}
.v-2-2019 .large.primary{
  padding: 16px 59px !important;
  max-width: none !important;
  height: auto !important;
}
.v-2-2018.v-2-2019.section.hero .form-wrapper .form_bottom p.small_note {
   	color: #474747;	
  font-family: proxima-nova,Sans-serif;	
  font-size: 12px;	
  letter-spacing: -0.02px;	
  line-height: 12px;
      margin-top: 20px;
    margin-bottom: 20px !important;
}
.v-2-2018.v-2-2019.section.hero .form-wrapper .form_bottom h4 {
    font-size: 20px;
    font-weight: 400;
  line-height: 1.2;
}
.v-2-2018.v-2-2019.section.hero .form-wrapper.new-form-wrapper {
    padding: 40px 40px 40px;
}
.v-2-2018.v-2-2019.section.hero li, .footer_form.v-2-2018 li {
    font-size: 20px;
    line-height: 1.15;
      padding-left: 9px;
}
.v-2-2019 .cs h2{
  color: #000000;	
  font-family: proxima-nova,Sans-serif;	
  font-size: 49px;	
  font-weight: 800;	
  letter-spacing: -0.1px;	
  line-height: 1;	
  text-align: center;
      max-width: 900px;
    margin: 190px auto 0;
}
.v-2-2019 .case-study-wrapper{
  display: flex !important;
  flex-wrap: nowrap;
}
.v-2-2019 .slider-case-study{
    max-width: 80%;
    margin: auto;
  padding-top: 70px;
}

.v-2-2019 .case-study-wrapper .left-col, .v-2-2019 .case-study-wrapper .right-col{
  flex: 1 50%;
  max-width: 50%;
}
.v-2-2019 .case-study-wrapper .left-col{
  padding-right: 5%;
}
.v-2-2019 .case-study-wrapper .left-col .logo{
  margin-bottom: 30px;
  margin-top: 20px;
}
.v-2-2019 .case-study-wrapper .left-col .logo img{
  height: 90px;
  width: auto;
}
.v-2-2019 .case-study-wrapper .left-col .testimonial{
	color: #000000;	
  font-family: proxima-nova,Sans-serif;	
  font-size: 18px;	
  letter-spacing: -0.04px;	
  line-height: 1.888;
  margin-bottom: 28px;
}

.v-2-2019 .case-study-wrapper .right-col{
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.v-2-2019 .cs .slick-prev, .v-2-2019 .cs .slick-next {
    width: 30px;
    height: 50px;
    background: url(https://1959681.fs1.hubspotusercontent-na1.net/hubfs/1959681/cs-arrow.svg) no-repeat center center;
    background-size: 12px 20px;
}

.v-2-2019 .cs .slick-arrow {
    position: absolute;
    top: 46%;
    z-index: 100;
    border: none !important;
    font-size: 60px;
    font-weight: 400;
    padding: 5px !important;
}
.v-2-2019 .cs .slick-prev{
    transform: rotate(180deg);
    left: -10%;
}
.v-2-2019 .cs .slick-next{
  right: -10%;
}
.v-2-2019 .cs .infos-wrapper{}
.v-2-2019 .cs .infos-wrapper .pict-wrapper{
display: inline-block;
}
.v-2-2019 .cs .infos-wrapper .pict-wrapper img{
  width: 98px;
  height: 98px;
  margin: auto;
}
.v-2-2019 .cs .infos-wrapper .description-wrapper{
display: inline-block;
      display: inline-block;
    vertical-align: top;
    margin-top: 24px;
    margin-left: 20px;
}
.v-2-2019 .cs .infos-wrapper .name{
	color: #000000;	
  font-family: proxima-nova,Sans-serif;	
  font-size: 24px;	
  font-weight: 800;	
  letter-spacing: -0.05px;	
  line-height: 1.21;
      margin: 0 0 6px;
}
.v-2-2019 .cs .infos-wrapper .function{
  color: #000000;	
  font-family: proxima-nova,Sans-serif;	
  font-size: 18px;	
  letter-spacing: -0.04px;	
  line-height: 1.22;
  margin:0;
}
.v-2-2019 .cs .our-work-link {
display: flex;
  justify-content: center;
  margin-top: 30px;
}
.v-2-2019 .cs .our-work-link a{
color: #E0303B;	
  font-family: proxima-nova,Sans-serif;	
  font-size: 16px;	
  font-weight: bold;	
  line-height: 1.25;	
  text-align: center;
  padding: 16px 113px;
  border: 2px solid #E0303B;
  border-radius: 5px;
  text-decoration: none;
}
.v-2-2018.v-2-2019.digital-expertise-wrapper h2 {
    margin: 106px 0 80px;
}
.v-2-2019.section.hero.bottom-form{
  background-image: url(https://1959681.fs1.hubspotusercontent-na1.net/hubfs/1959681/trust_background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 95px;
}
.v-2-2019.section.hero.bottom-form h2{
  color: #FFFFFF;	
  font-family: proxima-nova,Sans-serif;	
  font-size: 35px;	
  font-weight: 800;	
  letter-spacing: -0.07px;	
  line-height: 1.2;
  padding-bottom: 0;
  /*max-width: 570px;*/
}
.v-2-2019.section.hero.bottom-form p.small_note{
  color: #FFFFFF;	
  font-family: proxima-nova,Sans-serif;	
  font-size: 12px;	
  letter-spacing: -0.02px;	
  line-height: 12px;
}
.v-2-2019.section.hero.bottom-form h3{
  color: #FFFFFF;	
  font-family: proxima-nova,Sans-serif;	
  font-size: 20px;	
  letter-spacing: -0.04px;	
  line-height: 1.2;
  font-weight: 400;
  padding-bottom:0;
}
.v-2-2019.section.hero.bottom-form .hs-button.primary.large{
  margin-top: 10px;
}
.v-2-2019.section.hero.bottom-form .testimonial{
  color: #FFFFFF;	
  font-family: proxima-nova,Sans-serif;	
  font-size: 22px;	
  letter-spacing: -0.04px;	
  line-height: 1.888;
  margin-bottom: 27px;
  max-width: 570px;
  padding-right: 20px;
}
.v-2-2019.section.hero.bottom-form .name{
color: #FFFFFF;	
  font-family: proxima-nova,Sans-serif;	
  font-size: 24px;	
  font-weight: 800;	
  letter-spacing: -0.05px;	
  line-height: 1.21;
  margin-bottom: 6px;
}
.v-2-2019.section.hero.bottom-form .title{
  color: #FFFFFF;	
  font-family: proxima-nova,Sans-serif;	
  font-size: 18px;	
  letter-spacing: -0.04px;	
  line-height: 1.22;
  margin-bottom: 60px;
}

.v-2-2019.footer_form fieldset{
  max-width: 100% !important;
}
.v-2-2019.section.hero.footer_form .badges{
display: block;
}
.v-2-2019.section.hero.footer_form .badges img{
  display: inline-block;
  max-height: 100px;
  width: auto;
  margin-right: 64px;
}
.v-2-2019.digital-expertise-wrapper .description-wrapper h3{
  font-weight: 300;
}
.v-2-2019.digital-expertise-wrapper .description-wrapper p{
  font-weight: 300;
}
.v-2-2019.digital-expertise-wrapper h2{
  font-weight: 49px;
}
.v-2-2019.digital-expertise-wrapper .description-wrapper p{
  max-width: 310px;
}
.v-2-2018.v-2-2019.section.hero .row-fluid-wrapper.row-depth-1.row-number-5 {
    align-self: flex-end;
}
.v-2-2019 .new-form-wrapper-bottom{
    max-width: 553px;
    margin: 0 0 0 auto;
    float: none;
}
.v-2-2019 .new-form-wrapper-bottom .row-fluid{
    display: inline-block;
}

.v-2-2019.section.hero ul.hs-error-msgs{
  margin: 0;
}
.v-2-2019.no-nav-header .spiria-link img {
    width: 150px !important;
}
.v-2-2019.no-nav-header .left_header {
   vertical-align: middle;
}
.v-2-2019.section.hero ul.hs-error-msgs label{
  margin-bottom: 0;
}
@media(max-width: 1300px){
  .v-2-2019 .header-logos .img-wrapper img{
   max-width: 70% !important;
  }
}
@media(max-width: 1050px){
  .v-2-2019.section.hero.footer_form .badges img {
      margin-right: 20px;
  }

}
@media(max-width: 1230px){
  .v-2-2018.v-2-2019.section.hero .row-fluid-wrapper.row-depth-1.row-number-4{
    width: 60%;
  }
    .v-2-2019 .span6.widget-span.widget-type-rich_text.hero-text{
    padding-right: 40px;
  }
}
@media(max-width: 960px){
  .v-2-2019 .slider-case-study{
      max-width: 500px;
  }
  .v-2-2019 .case-study-wrapper{
    display: none !important;
  }
  .v-2-2019 .case-study-wrapper .left-col .logo{
    text-align: left;
  }
  .v-2-2019 .cs .our-work-link{
     margin-top: 50px;
  }
  .v-2-2019 .case-study-wrapper:first-child{
    display: flex !important;
    flex-wrap: wrap;
  }
  .v-2-2019 .case-study-wrapper .left-col{
    order: 2;
  }
  .v-2-2019 .case-study-wrapper .right-col{
    order: 1;
  }
  .v-2-2019 .case-study-wrapper .left-col, .v-2-2019 .case-study-wrapper .right-col{
    flex: 1 100%;
    max-width: 100%;
  }
}
@media(max-width: 945px){
   .v-2-2018.v-2-2019.section.hero .row-fluid-wrapper.row-depth-1.row-number-4{
    width: 100%;
  }
  .v-2-2019 .header-logos{
    margin-bottom: 60px;
    justify-content: center;
    align-items: center;
  }
  .v-2-2019 .header-logos .img-wrapper img{
   width: inherit !important;
  }
  .v-2-2019.footer_form.section.hero .form-wrapper{
    max-width: 500px;
    display: block;
    margin: auto;}

}
@media (max-width: 767px){
      .v-2-2019 .span6.widget-span.widget-type-rich_text.hero-text{
    padding-right: 0;
  }
  .v-2-2019#hero-background-image [class*="span"] {
      float: none !important;
    display: block;
  }
  .v-2-2019 .cs h2{
    font-size: 35px;
  }
  .v-2-2019.no-nav-header .header_logo .spiria-link{
  text-decoration: none;
  }
  .v-2-2019 .large_btn {
    padding: 10px 30px;
  }
  .v-2-2019 .phone{
    display: block;
    margin-right: 0;
    margin-bottom: 20px;
    order: 2;
    margin-top: 20px;
  }
  .v-2-2019 .btn{
    display: block;
    order: 1;
  }
  .v-2-2019 .right-content {
    display: flex;
    flex-direction: column;
    vertical-align: top;
    position: absolute;
    right: 0;
    top: 0;
  }
    .v-2-2019.section.hero.footer_form .badges img {
      margin-right: 60px;
  }
  .v-2-2019.section.hero.footer_form .badges img:last-child {
      margin-right: 0;
  }
  .v-2-2019 .new-form-wrapper-bottom{
    margin-left: 0;
    margin-top: 50px;
  }
}
@media (max-width: 725px){
  .v-2-2019.digital-expertise-wrapper .digital-expertise-item.mobile-display {
      text-align: center;
  }
  .v-2-2019.digital-expertise-wrapper .image-wrapper{
        margin: auto;
  }
  .v-2-2019.digital-expertise-wrapper .description-wrapper p{
    margin: auto;
  }
  .v-2-2019.v-2-2019.digital-expertise-wrapper h2{
        margin: 106px 0 60px;
  }
}
@media(max-width: 680px){
 .v-2-2019 .new_wrapper_header>.wrapper_table>div {
    display: inline;
    width: 100%;
  }
}
@media(max-width: 640px){
  .v-2-2019 .header-logos .img-wrapper {
      flex: 1 47%;
      max-width: 47%;
  }
}
@media(max-width: 500px){
  .v-2-2019 .right-content {
        flex-direction: row;
    margin-top: 25px;
    float: none;
    position: relative;
    width: 100%;
  }
   .v-2-2019 .phone{
    order: 1;
     margin-right: 25px;
  }
  .v-2-2019 .btn{
    order: 2;
    position: absolute;
    right: 0;
  }
}
@media(max-width: 480px){
    .v-2-2019.section.hero.footer_form .badges img {
      margin-right: 20px;
  }
  .v-2-2018.section.hero .form-wrapper.new-form-wrapper h2{
    font-size: 24px;
  }
  .v-2-2019 .break{
    display: block;
  }
  .v-2-2019 .cs .our-work-link a {
    padding: 16px;
    display: block;
    width: 100%;
}
  .v-2-2019.section.hero.bottom-form h2 {
    font-size: 27px;
  }
  .v-2-2019 .hs_submit{
    padding-right: 0;
  }
  .v-2-2019 .phone{
    font-size: 16px;
  }
}

@media(max-width: 360px){
    .v-2-2019.section.hero.footer_form .badges img {
      margin-right: 20px;
      width: 27%;
  }

  .v-2-2019 .phone {
      max-width: 97px;
    text-align: left;
    margin: 0 !important;
  }
}