/*
Theme Name: Bridge Child
Theme URI: http://www.unitedthemes.com
Description: Binsfeld
Version: 2.8.2
Author: United Themes
Author URI: http://www.unitedthemes.com
Template: bridge
Text Domain:  bridge-child
*/

@import url("../bridge/style.css");

*::-moz-selection { background: #fced2b none repeat scroll 0 0;color: #000}
*::selection { background: #fced2b none repeat scroll 0 0;color: #000}

body {background: #fff none repeat scroll 0 0}

a:hover, p a:hover {color: #fced2b; text-decoration: none}

body.home .content .full_width {background-color: #fff}
body.home.page .content .full_width {padding-bottom: 0}

body .filter_outer {visibility: hidden}

body.page-id-15799 .filter_outer, body.page-id-16964 .filter_outer, body.home .filter_outer {visibility: visible}
body.popup_menu_opened{
    //position: fixed;
    //overflow:hidden;
}

/* MAGNIFIC */
.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-arrow:after,.mfp-arrow:before,.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-wrap{z-index:20000;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:-35px;top:-35px;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close-btn-in .mfp-close{color:#fff}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}
/* MAGNIFIC */

/* Lightbox INLINE */
.white-popup {
	position: relative;
	background: #FFF;
	padding: 20px;
	width: auto;
	max-width: 500px;
	margin: 20px auto;
	color:#000;
}
.white-popup p{margin-bottom:10px;}
.white-popup p.aligncenter{text-align:center;}

#binsfeld-popup p img{
	max-width: 100%;
	height: auto;
	margin-bottom:20px;
}
/* FIN Lightbox INLINE */

.ls-overflow-visible{
    overflow: hidden !important;
}

header {background: #fff none repeat scroll 0 0}

.newslettertoggle.active i{
    position: relative;
    top:-1px;
}
.newslettertoggle.active i.fa-envelope-o:before{
    content:'\f2b7';
}
.newslettercontainer{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 0;
    background: #ffed00;
    color: black;
    z-index: 1000;
    margin-top: 57px;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: height 0s .75s, opacity .75s;
    -moz-transition: height 0s .75s, opacity .75s;
    -ms-transition: height 0s .75s, opacity .75s;
    transition: height 0s .75s, opacity .75s;
    overflow: hidden;
}

.newslettercontainer.active{
    opacity:1;
    height: 100%;
    -webkit-transition: height 0s, opacity .75s;
    -moz-transition: height 0s, opacity .75s;
    -ms-transition: height 0s, opacity .75s;
    transition: height 0s, opacity .75s;
}

.newslettercontainer form{
    width: 96%;
    margin:0 auto;
    display: table;
    height: 100%;
}

.newslettercontainer form>div{
    display: table-cell;
    vertical-align: middle;
}

.newslettercontainer label{
    font-family: 'Oswald', sans-serif;
    font-size: 3.5vw;
    line-height: 1em;
    display: block;
    width: 96%;
    padding:0 2%;
    text-transform: uppercase;
    margin-top: -86px;
}

.newslettercontainer .inputwrapper{
    background:white;
    display: block;
    height: 7vw;
    border-bottom: 2px solid black;
    margin-top: 1vw;
    position: relative;
}

.newslettercontainer .inputwrapper input[type=email], .newslettercontainer .inputwrapper input[type=text]{
    display: block;
    position: absolute;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    border:0;
    position: absolute;
    width: 96%;
    padding:0 2%;
    height:100%;
    left:0px;
    top:0px;
    font-size: 5vw;
    font-family: 'Oswald', sans-serif;
    outline:none;
}

.newslettercontainer .inputwrapper input[type=submit], .newslettercontainer .inputwrapper button{
    position: absolute;
    right:2%;
    height:100%;
    cursor:pointer;
    top:0px;
    -webkit-appearance: none;
    appearance: none;
    border:0;
    background:transparent;
    z-index: 1;
    font-size:5vw;
    outline:none;
    width: 12vw;
    background:white;
}

.newslettercontainer .inputwrapper .loader{
    display: none;
    position: absolute;
    right:2%;
    height:100%;
    cursor:pointer;
    top:0px;
    background:transparent;
    z-index: 1;
    font-size:5vw;
    outline:none;
    width: 12vw;
    line-height: 1.5em;
    text-align: center;
}

.newslettercontainer.submitting .inputwrapper input[type=submit],
.newslettercontainer.submitting .inputwrapper button,
.newslettercontainer.success .inputwrapper input[type=submit],
.newslettercontainer.success .inputwrapper button{
    display: none;
}

.newslettercontainer.submitting .inputwrapper .loader, .newslettercontainer.success .inputwrapper .loader{
    display: block;
    
}

.filter_holder ul li span {color: #aeb0b3; font-family: "Oswald",sans-serif; font-size: 16px; font-weight: normal; letter-spacing: 1.2px; text-transform: lowercase}

.filter_holder ul li:hover span {color: #000 !important}
.filter_holder ul li.current span {color: #000 !important}

.filter_holder ul li span a {color: #aeb0b3 !important}
.filter_holder ul li.current span a{color: #000 !important}
.filter_holder ul li span a:hover {color: #000 !important}

body:not(.paspartu_on_top_fixed) .paspartu_outer .content:not(.has_slider) .content_inner, .paspartu_on_top_fixed header, .paspartu_on_top_fixed .fixed_top_header .top_header, .paspartu_on_top_fixed .paspartu_outer .content_wrapper {padding-top: 0}
header.scroll_header_top_area.scrolled {background: #fff none repeat scroll 0 0}
footer .footer_top_holder {display: none !important}
.filter_outer {float: right; height: 42px; margin-bottom: 0; margin-top: 15px; width: 94%}
header.scrolled .filter_outer { height: 39px}
body.popup_menu_opened .filter_outer {opacity: 0;}

body #lang_sel_list {font-family: verdana,arial,sans-serif; height: auto !important; position: absolute !important; right: 25px !important; top: 1px !important; z-index: 110}
body #lang_sel_list ul {list-style-type: none !important; margin: 16px 10px 0 0 !important; padding: 0 !important}
body #lang_sel_list ul li {float: left; list-style-type: none !important; margin: 0 5px 0 0 !important; padding: 0 !important; position: relative}
body #lang_sel_list ul li a {color: #aeb0b3 !important; font-family: "Oswald",sans-serif !important; font-size: 14px; font-weight: normal !important; height: auto; letter-spacing: 1.2px; padding-left: 5px}
body #lang_sel_list ul li.wpml-ls-current-language a{color: #000 !important; font-weight: bold !important}

body #lang_sel_list ul li a:hover { color: #000 !important; font-weight: bold !important}


.popup_menu_holder_outer {top: 0}
.popup_menu_holder_inner {padding: 0}
.header_top_bottom_holder {background: #fff none repeat scroll 0 0}
.popup_menu_inner {width: 26px}
article.portfolio_masonry_item.instatwitter > div:hover {background: transparent none repeat scroll 0 0}
article.portfolio_masonry_item > div:hover {background: rgba(0, 0, 0, 0) url("img/oeil-projet.jpg") no-repeat scroll right top}
article.portfolio_masonry_item > div:hover > .text_holder {border: 6px solid #ffed00;box-sizing: border-box}

#load-more {display: block; height: 100px; position: relative; text-align: center; width: 100%}
#load-more #infscr-loading {bottom: 0; float: none; height: 100px; margin: 0; position: relative; width: 100%}
#load-more #infscr-loading.finished {width: 490px}
#load-more #infscr-loading img {height: 100px; left: calc(50% - 100px); position: absolute; width: 100px; z-index: 150}
#load-more #infscr-loading > div {bottom: -10px; float: none; height: 100px; left: 0; margin: 0 auto; position: relative; right: 0; width: 490px}

.portfolio_main_holder .item_holder.subtle_vertical_hover .eye_holder {
	opacity: 0; 
	position: absolute; 
	right: 5px; 
	top: 5px;
	-webkit-transition: opacity 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
	-moz-transition: opacity 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
	-o-transition: opacity 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
	transition: opacity 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
	z-index: 3;
}

.portfolio_main_holder .item_holder.subtle_vertical_hover .eye_holder img {height: 30px !important;width: 30px !important}
.portfolio_main_holder article .item_holder.subtle_vertical_hover:hover .eye_holder, .portfolio_slider li.item:hover .item_holder.subtle_vertical_hover .eye_holder {opacity: 1}
.portfolio_main_holder .item_holder.subtle_vertical_hover .portfolio_title {font-size: 16px; font-weight: normal; letter-spacing: 1.2px; line-height: 22px}
.portfolio_main_holder .item_holder.subtle_vertical_hover .portfolio_subtitle {font-weight: normal; letter-spacing: 1px; line-height: 18px}
.portfolio_main_holder .item_holder.subtle_vertical_hover .portfolio_subtitle p {font-size: 14px !important}
.portfolio_subtitle {color: #fff; font-size: 12px; line-height: 16px}
.portfolio_subtitle a {color: #ffed00}
.portfolio_subtitle a:hover {text-decoration: underline}
.portfolio_separator_title_subtitle {background: #fff none repeat scroll 0 0; height: 1px; margin: 20px auto 15px; width: 40%}

.title.has_fixed_background {background-size: cover !important}
.projects_masonry_holder .image_holder {margin: 0}
.item_holder > a {height: 100%; left: 0; margin: 0; position: absolute !important; top: 0; width: 100%; z-index: 100}

.projects_masonry_holder .wrapper {height: 100%; width: 100%}
.projects_masonry_holder .h_iframe {position: relative}
.projects_masonry_holder .h_iframe .ratio { display: block;height: auto;width: 100%}
.projects_masonry_holder .h_iframe iframe {height: 100%; left: 0; position: absolute; top: 0; width: 100%}
.projects_masonry_holder .h_iframe > div {height: 100%; left: 0; position: absolute; top: 0; width: 100%}
.projects_masonry_holder .h_iframe > div > iframe {height: 100%; left: 0; position: absolute; top: 0; width: 100%}

#twitter-widget-0 .header {display: none !important}

.popup_menu_holder_outer {
    opacity: 0;
    -webkit-transition: all 750ms linear 0s;
    -moz-transition: all 750ms linear 0s;
    -o-transition: all 750ms linear 0s;
    transition: all 750ms linear 0s;
}
.popup_menu_holder_outer .popup_menu_holder {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.popup_menu_holder_outer .popup_menu_holder ul li {
    margin-left: -1000px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.popup_menu_holder_outer .popup_menu_holder_inner {vertical-align: top !important}
.popup_menu_opened .popup_menu_holder_outer {opacity: 1; visibility: visible}
.popup_menu_opened .popup_menu_holder_outer ul li {margin-left: 3%}

nav.popup_menu ul{
    padding-top: 78px;
}

nav.popup_menu ul li a span {font-family: "Oswald",sans-serif; letter-spacing: 0; text-transform: none !important}
nav.popup_menu ul li {
    border-bottom: 1px solid #fced2b;
    margin-left: 3%;
    padding: 0 0 3px;
    text-align: left;
    -webkit-transition: all 1s cubic-bezier(0.415, 0.005, 0.235, 1) 0s !important;
    -moz-transition: all 1s cubic-bezier(0.415, 0.005, 0.235, 1) 0s !important;
    -o-transition: all 1s cubic-bezier(0.415, 0.005, 0.235, 1) 0s !important;
    transition: all 1s cubic-bezier(0.415, 0.005, 0.235, 1) 0s !important;
    width: 80%;
}
nav.popup_menu ul li:hover {border-bottom: 1px solid #000}
nav.popup_menu ul li:nth-child(1) {
    //margin-bottom: 27px;
    -webkit-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0s !important;
    -moz-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0s !important;
    -o-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0s !important;
    transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0s !important;
}
nav.popup_menu ul li:nth-child(2) {
    //padding: 0 0 17px;
    -webkit-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.1s !important;
    -moz-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.1s !important;
    -o-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.1s !important;
    transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.1s !important;
}
nav.popup_menu ul li:nth-child(3) {
    -webkit-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.2s !important;
    -moz-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.2s !important;
    -o-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.2s !important;
    transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.2s !important;
}
nav.popup_menu ul li:nth-child(4) {
    -webkit-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.3s !important;
    -moz-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.3s !important;
    -o-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.3s !important;
    transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.3s !important;
}
nav.popup_menu ul li:nth-child(5) {
    -webkit-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.4s !important;
    -moz-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.4s !important;
    -o-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.4s !important;
    transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.4s !important;
}
nav.popup_menu ul li:nth-child(6) {
    -webkit-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.5s !important;
    -moz-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.5s !important;
    -o-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.5s !important;
    transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.5s !important;
}
nav.popup_menu ul li:nth-child(7) {
    -webkit-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.6s !important;
    -moz-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.6s !important;
    -o-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.6s !important;
    transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.6s !important;
}
nav.popup_menu ul li:nth-child(8) {
    -webkit-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.7s !important;
    -moz-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.7s !important;
    -o-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.7s !important;
    transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0.7s !important;
}
nav.popup_menu ul li a {
    //font-size: 110px;
    //line-height: 112px;
    font-size:9vh;
    line-height:10vh;
    padding: 0;
    -webkit-transition: all 750ms cubic-bezier(0.415, 0.005, 0.235, 1) 0s !important;
    -moz-transition: all 750ms cubic-bezier(0.415, 0.005, 0.235, 1) 0s !important;
    -o-transition: all 750ms cubic-bezier(0.415, 0.005, 0.235, 1) 0s !important;
    transition: all 750ms cubic-bezier(0.415, 0.005, 0.235, 1) 0s !important;
}
nav.popup_menu ul li a:hover {background-color: #ffed00; color: #000000; padding-left: 100px}
.header_inner_right .popup_menu .line {height: 2px; margin: 2px 0; width: 26px}
.header_inner_right .popup_menu .line::before {
    top: -7px;
    transition-delay: 0.3s, 0s !important;
    transition-duration: 0.3s, 0.3s !important;
    transition-property: top, transform !important;
}
.header_inner_right .popup_menu .line::after {
    top: 7px;
    transition-delay: 0.3s, 0s !important;
    transition-duration: 0.3s, 0.3s !important;
    transition-property: top, transform !important;
}
.header_inner_right .popup_menu .line::after, .popup_menu .line::before {width: 26px}
.header_inner_right .popup_menu.opened .line::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header_inner_right .popup_menu.opened .line::after {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.header_inner_right .popup_menu.opened .line::before, .header_inner_right .popup_menu.opened .line::after {transition-delay: 0s, 0.3s !important}
.header_bottom {padding: 0}
header.fixed.scrolled .header_bottom, header.fixed_hiding.scrolled .header_bottom {box-shadow: none}
.header_bottom .container_inner {width: 100%}
.q_social_icon_holder.normal_social {margin: 0 12px}
.q_social_icon_holder .simple_social {color: #b2b2b2}
.q_social_icon_holder:hover .simple_social {color: #fff}
.title h1 span {border: medium none; font-size: 3.5em; line-height: 90px; padding: 0; text-transform: none}
.title h1.border span {border: 5px solid #fff; padding: 15px 50px}
.content_inner > .container > .container_inner {color: #000}
.q_team_description_inner p {line-height: 15px}
.q_team_description_inner a {color: #000; font-size: 13px}
.q_team_description_inner a:hover {color: #000; text-decoration: underline}
.q_team .q_team_text {border: medium none !important}
.q_team .q_team_title_holder .q_team_name {font-size: 22px; letter-spacing: 0.7px; line-height: 25px; margin-bottom: 5px; text-transform: none}
.q_team.info_on_hover .q_team_image:hover .q_team_text {opacity: 0.9}
.q_team_text_holder_inner .poste {font-size: 14px; left: 0; line-height: 19px; position: absolute; text-align: center; top: 8px; width: 100%}
.q_team.info_on_hover .q_team_text_holder_inner {display: table-cell; position: relative; vertical-align: bottom}
.q_team .q_team_title_holder {margin: 0 0 40px; text-align: center}
body.page .content .full_width {background-color: #f6f6f6}
.ls-video-layer {position: relative}
div.section.apropos div.titre_section {clear: both; color: #000; display: block; float: left; font-family: "Oswald"; margin-bottom: 15px; margin-top: 15px; padding: 0; vertical-align: top; width: 100%}
div.section.apropos div.titre_section span.big_white {color: #fff; float: left; font-size: 100px; line-height: 57px; margin-right: 11px; margin-top: 0; padding: 0}
div.section.apropos div.titre_section span.big_black {color: #000; float: left; font-size: 42px; font-weight: bold; height: 90px; line-height: 45px; margin-top: -13px}

div.section.apropos .vc_col-sm-6 .titre_section{margin-bottom: 25px}

div.section.apropos .vc_col-sm-7 p{margin-bottom: 10px}

.q_accordion_holder.accordion.without_icon.story {clear: both; display: block}
.q_accordion_holder.accordion.without_icon.story h5.ui-accordion-header {line-height: 18px}
.q_accordion_holder.accordion.without_icon.story .ui-accordion-header span.tab-title {font-size: 16px; padding: 0 0 0 6px}
.q_accordion_holder.accordion.without_icon.story .ui-accordion-header:hover span.tab-title {padding: 0 0 0 45px !important}
.q_accordion_holder.accordion.without_icon.story .ui-accordion-header.ui-state-active .tab-title {padding: 0 0 0 45px !important}
.q_accordion_holder.accordion.without_icon.story .ui-accordion-header .accordion_mark.left_mark {background-image: none}
.q_accordion_holder.accordion.without_icon.story .ui-accordion-header:hover .accordion_mark.left_mark {background-image: none !important}
.q_accordion_holder.accordion.without_icon.story div.accordion_content {margin-top: -5px !important; padding-left: 45px !important}
.q_list.circle ul > li {color: #000 !important; font-family: "Neuton",sans-serif !important; margin-bottom: 7px !important}
.q_list.circle ul > li::before {background: #000 none repeat scroll 0 0 !important}
#our-team .vc_col-sm-2 {background-color: transparent; border: 0 none !important; overflow: hidden; padding-bottom: 0; padding-left: 0; padding-right: 0}
.wpb_content_element p {margin-bottom: 12px}
#our-team .clearfix, #our-team .clearfix::after, #our-team .vc_row, #our-team .vc_row::after, #our-team .vc_row::before {clear: none !important}
#our-team .q_team .q_team_text {border: 0 none !important}
#our-team .q_team {background-color: #000}
#our-team .vc_col-sm-12 .vc_row{margin: 0 !important}

#our-team .vc_column_container > .vc_column-inner{padding-left: 0; padding-right: 0}

#our-team .q_team_text_holder_inner .poste{color: #000}
#our-team .q_team .q_team_title_holder .q_team_name{color: #000 !important}
#our-team .q_team_description_inner a{color: #000}
.q_team.info_on_hover .q_team_text {background: rgba(255, 237, 0, 1)}

#about_desktop_video h2 {bottom: 10%; color: #fff; font-size: 130px; left: 35%; position: absolute; z-index: 100}
#about_for_mobile {margin: 0 !important; padding: 0 !important}
#about_for_mobile h1 {bottom: 10%; color: #fff; display: none; font-size: 47px; left: 20%; position: absolute; z-index: 100}
#about_for_mobile .vc_col-sm-12 {padding-left: 0; padding-right: 0}
.apropos:last-of-type img {max-height: 80px}
body.page-id-15801 .title h1 span {border: 0 none; font-size: 2.5em; padding: 0}
body.page-id-15801 .element_from_top p {line-height: 19px}
body.page-id-15801 .content .full_width {color: #000}
body.page-id-15801 .content .full_width div.ordered {color: #8a8a8a}

#intro_clients {margin-bottom: 0 !important; padding-bottom: 0 !important}
#intro_clients p {font-size: 1.2em; font-weight: normal; line-height: 1.3em}
#liste-clients p:hover {color: #000}
#liste-clients, #liste-clients p, #liste-clients .ordered {color: #000; font-family: "Oswald",sans-serif; font-size: 21px; font-weight: normal; line-height: 30px; margin-bottom: 8px; padding-bottom: 8px}
#liste-clients .ordered p {border-bottom: 1px solid #000}
#liste-clients .ordered p:last-of-type {border: medium none}
#liste-clients .vc_col-sm-4:first-of-type {padding-left: 0}
#liste-clients .vc_col-sm-4:last-of-type {padding-right: 0}
#liste-clients .vc_col-sm-4 {padding-left: 30px; padding-right: 30px}

.titre_page {padding: 50px 0 70px}
.titre_page h1 {border-bottom: 1px solid #000; color: #000; float: right; font-size: 3.5em}
.titre_page h1 span.big_white {color: #fff; float: left; font-size: 100px; font-weight: normal; line-height: 57px; margin-right: 11px; margin-top: 0; padding: 0}
.titre_page h1 span.medium_white {color: #fff; float: left; font-size: 4vw; font-weight: normal; line-height: 1em; margin-right: 11px; margin-top: 6px; padding: 0}
.titre_page h1 span.big_black {color: #000; float: left; font-size: 100px; font-weight: bold; height: 90px; line-height: 45px; margin-top: 6px}
.titre_page h1 span.medium_black {color: #000; float: left; font-size: 4vw; font-weight: 900; height: 90px; line-height: 1em; margin-top: 6px}
.titre_page h1 span.big_white {color: #fff; float: left; font-size: 100px; font-weight: normal; line-height: 57px; margin-right: 11px; margin-top: 0; padding: 0}
#services .q_accordion_holder.accordion h2.ui-accordion-header {background: transparent none repeat scroll 0 0 !important; border-top: 1px solid #000; line-height: 50px; padding: 15px 0 !important}
#services .q_accordion_holder.accordion .ui-accordion-header:first-of-type {border-top: medium none !important}
#digital-experiences {}
#services .accordion_content h2 {font-weight: bold; margin-top: 20px; text-transform: none}

#services .accordion_content_inner .vc_col-sm-6 {margin-top: -7px}

.ui-accordion-header {padding: 12px 0}
.q_accordion_holder.accordion.with_icon .ui-state-active .tab-title, .q_accordion_holder.accordion .ui-state-active .tab-title {color: #000; text-align: left}
.q_accordion_holder.accordion .ui-accordion-header:hover .tab-title {color: #000 !important; padding-left: 90px !important}
.q_accordion_holder.accordion .ui-accordion-header.ui-state-active .tab-title {padding-left: 90px !important}
.q_accordion_holder.accordion .ui-accordion-header.ui-state-active:hover .tab-title {color: #000 !important; padding-left: 90px !important}
.q_accordion_holder.accordion .ui-accordion-header.ui-state-active:hover .accordion_mark.left_mark {background-image: none !important}
.q_accordion_holder.accordion h5.ui-accordion-header {background: transparent none repeat scroll 0 0 !important; border-top: 1px solid #000; line-height: 50px; padding: 15px 0 !important}
.q_accordion_holder.accordion.without_icon .ui-accordion-header span.tab-title {
    font-size: 50px;
    text-transform: none;
    -webkit-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0s !important;
    -moz-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0s !important;
    -o-transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0s !important;
    transition: all 750ms cubic-bezier(0.225, 0.295, 0, 1) 0s !important;
}
.q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none}
.q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark_icon {background-image: none}
.q_accordion_holder.accordion .ui-accordion-header .accordion_mark {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none}
.q_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon {background-image: none}
.q_accordion_holder.accordion .ui-accordion-header .accordion_mark.left_mark {background-image: url("img/BINS_WEB_JOBS_EYE_FIXE.gif"); background-size: 39px auto; height: 39px; left: inherit; right: 15px !important; top: 27px; width: 39px}
.q_accordion_holder.accordion .ui-accordion-header:hover .accordion_mark.left_mark {background-image: url("img/BINS_WEB_JOBS_EYE_ANIME.gif") !important; width: 39px}
.q_accordion_holder.accordion h5.ui-accordion-header:first-of-type {border-top: medium none}
.q_accordion_holder.accordion .ui-accordion-header-active .accordion_mark.left_mark {background-image: none}
.accordion_content_inner h1 {margin-bottom: 15px}
.accordion_content_inner p {line-height: 22px}
.accordion_content_inner .vc_row {margin-bottom: 25px !important}
.accordion_content_inner .q_team {float: left; height: auto; margin-right: 1%; width: 24%}
.accordion_content_inner .q_team:nth-child(4n) {margin-right: 0}
#services .accordion_content_inner .q_team {float: left; height: auto; margin-bottom: 7px; margin-right: 1%; width: 24%}
#services .q_team .q_team_title_holder .q_team_name {font-size: 18px; line-height: 20px}
#services .q_team_description_inner {padding: 0 10px}
.accordion_content_inner .wpcf7-form.default input[type="text"], .accordion_content_inner .wpcf7-form.default input[type="tel"], .accordion_content_inner .wpcf7-form.default input[type="email"], .accordion_content_inner .wpcf7-form.default input[type="date"] {color: #000 !important; font-size: 16px !important; text-transform: uppercase}
.accordion_content_inner .wpcf7-form.default input[type="submit"] {
    background: #000 none repeat scroll 0 0 !important;
    border: medium none !important;
    border-radius: 0 !important;
    box-sizing: border-box;
    color: #ffed00 !important;
    font-size: 16px !important;
    height: inherit !important;
    line-height: inherit !important;
    padding: 15px !important;
    text-align: center;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    width: 100%;
}
.accordion_content_inner .wpcf7-form.default input[type="submit"]:hover {color: #fff !important}
#services .q_team.info_on_hover .q_team_text {background-color: #fcee2b}
#services .q_team .q_team_image img {height: auto; width: 100%}
.portfolio_detail {color: #fff !important}
#wrapper_image_titre_contact {height: 505px; overflow: hidden; position: absolute; top: 0; width: 100%}
#image_titre_contact {left: calc((100% - 1280px) / 2); position: absolute; top: 100px; z-index: 500}
.slider_contact {position: absolute; top: 0; z-index: 500}
.slider_contact .ls-container {width: 1280px}

.intro_contact p {color: #4f4f4f;line-height: 1.3em}

.qbutton.big_large_full_width {font-weight: normal !important;text-transform: none !important}

#adresse.qbutton.big_large_full_width {box-sizing: border-box; height: 70px; line-height: 25px; padding-top: 20px}

.qbutton.big_large_full_width i {margin-right: 7px}

#wpcf7-f15929-p17915-o1 form .vc_row, #wpcf7-f15929-p15803-o1 form .vc_row {padding-bottom: 15px}
#wpcf7-f15929-p17915-o1 input, #wpcf7-f15929-p15803-o1 input {border-radius: 0; color: #000; font-family: "Oswald"; height: 60px; letter-spacing: 1px; text-transform: uppercase}
#wpcf7-f15929-p17915-o1 textarea, #wpcf7-f15929-p15803-o1 textarea {border-radius: 0}


#wpcf7-f15929-p17915-o1 input[type="submit"], #wpcf7-f15929-p15803-o1 input[type="submit"] {
    background: #000 none repeat scroll 0 0 !important;
    border: medium none !important;
    border-radius: 0 !important;
    box-sizing: border-box;
    color: #ffed00 !important;
    font-size: 16px !important;
    height: 60px !important;
    line-height: inherit !important;
    padding: 15px !important;
    text-align: center;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    width: 100%;
}
#wpcf7-f15929-p15803-o1 input[type="submit"]:hover {color: #fff !important}
/*
#wpcf7-f15929-p15803-o1 .captcha .bg_captcha {background: #fff none repeat scroll 0 0; box-sizing: border-box; float: left; height: 60px; margin: 0 5% 0 0; padding-left: 5px; padding-top: 15px; width: 15%}
#wpcf7-f15929-p15803-o1 .captcha p {clear: none; display: inline; float: left; height: 60px; margin: 0; padding: 0; width: 80%}
#wpcf7-f15929-p15803-o1 .captcha p input {border: medium none; box-sizing: border-box; color: #000; font-size: 13px; height: 60px; padding: 15px; width: 100%}
*/

span.wpcf7-not-valid-tip {font-family: "Oswald"}
div.wpcf7-response-output {font-family: "Oswald"; margin-bottom: 0}
.qbutton.big_large_full_width {font-family: "Oswald"; font-style: normal; font-weight: normal}

#contact-form .vc_col-sm-12 {padding-left: 0; padding-right: 0}
#contact-form .vc_col-sm-12 .full_section_inner {margin-bottom: 15px}

/* Detail projet */

	.full_width.portfolio {background: #000 none repeat scroll 0 0; color: #fff !important; padding: 0 50px}
	
	.titre_portfolio {background: #000 none repeat scroll 0 0}
	.titre_portfolio .nom_projet h1 {color: #fff; font-size: 46px; padding: 32px 0 10px}
	.titre_portfolio .nom_client h2 {border-bottom: 1px solid #fff; color: #fff; float: left; font-size: 40px; padding: 38px 0 10px; text-transform: none;}
	    
	.images_projet .vc_col-sm-6 {line-height: 0; padding: 0}
	
	#portfolio_list_icon {position: absolute; right: 10px; top: 13px; width: 23px; z-index: 100}
	
	.full_width portfolio .portfolio_single .vc_col-sm-12.marginTop{margin-top: 35px !important}
	
	#bfr {border-bottom: 1px solid #fff; float: left; margin-bottom: 35px; margin-top: 15px; padding-bottom: 35px; position: relative; width: 100%}
	#bfr .three_columns {box-sizing: border-box; float: left; margin: 0; padding-right: 5%;width: 33.33%}
	#bfr .number {color: #ffed00; float: left; font-family: "Oswald"; font-size: 60px; font-weight: normal; line-height: 72px; text-align: left; width: 80px}
	#bfr .three_columns:first-of-type .number {width: 68px}
	#bfr .desc {float: left; width: calc(100% - 80px)}
	#bfr .desc .desc_title {color: #fff; font-family: "Oswald"; font-size: 20px;  font-weight: normal;  letter-spacing: 1.2px; margin-bottom: 5px; margin-top: 6px}
	#bfr .desc .cont {font-family: "Neuton"; font-size: 14px;font-weight: normal; line-height: 18px}
	#bfr .desc .cont a {color: #fff; text-decoration: underline}
	#bfr .desc .cont a:hover {text-decoration: none}
	
	#travauxmemeclient {background: #e9eaeb none repeat scroll 0 0; float: left; width: 100%; padding-bottom: 15px;}
	#travauxmemeclient > h2 {background: #000 none repeat scroll 0 0; color: #e9eaeb; font-size: 37px; padding-bottom: 10px; text-transform: none}
	#travauxmemeclient > div > h3 {color: #000; font-size: 27px; font-weight: bold; padding: 15px 0;text-transform: none}
	
	.video-container {height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 0; position: relative}
	.video-container iframe, .video-container object, .video-container embed {height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
	
	.wrapper_portfolio_navigation .container {background-color: #000 !important}
	.full_width.portfolio .full_width_inner .vc_col-sm-12 .lightbox_single_portfolio img{display: block}
	
/* FIN Detail projet */

/* Page Jobs */
	#jobs #ui-accordion-1-panel-0 .wpb_wrapper {margin-bottom: 30px; margin-left: 30px}
	#jobs h3{margin-top:10px;}
	#jobs .accordion_content_inner form {margin-left: 0; margin-top:30px;}
	#jobs input {color: #000; font-family: "Oswald"; letter-spacing: 1px; }
    #jobs input[type=text], #jobs input[type=email], #jobs input[type="tel"], #jobs input[type="date"], #jobs input[type="submit"], #jobs .wpcf7-not-valid-tip{width: 94%; margin: 0 3%;}
    #jobs .vc_col-sm-6 p{
        width: 94%;margin:0 3%;
    }
    #jobs input.wpcf7-submit{margin: 0 3%; box-sizing: border-box; width: 94%}
/* FIN Page Jobs */



/* Page Binsfeldwish */
	#row_bestwish_img {
	    height: 100%;
	    width: 100%;
	    z-index: 0;
	    background: #fff;
	    margin: 0;
	}
	
	#row_bestwish {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	    left: 1% !important;
	    margin: 0;
	    min-height: auto;
	    position: absolute;
	    top: 17% !important;
	    width: 100%;
	    z-index: 100;
	}  
	
	#row_bestwish .vc_col-sm-3 {
	    width: 20%;
	}
	
	#row_bestwish .vc_col-sm-6 {
	    width: 55%;
	}

	body.page-id-18503 .paspartu_bottom{
		padding: 0 !important;
	}
	
	body.page-id-18503 .full_width {
		min-height: 89vh;
	}
	
	#kids_bottom{
		background: transparent;
		position: absolute;
		bottom: 0;
		margin: 0 auto;
		width: 100%;
	}
	
	body.page-id-18503 .content .full_width {
	    background-color: #fff;
	}
/*.video_bestwishcardever{
	position: absolute;
	left: 30%;
}*/
/* FIN Page Binsfeldwish */

/* RAJOUTS CONFORMITE RGPD 24/05/18 */
.rgpd-data-control-banner p{color:#fff}
#rangeeGoogleMap iframe{width: 100%; min-height: 500px}
.full_width_inner .wpb_wrapper p a{text-decoration: underline;}

body.page-id-19807 .content_inner table, body.page-id-19828 .content_inner table{margin:25px 0;}
body.page-id-19807 .content_inner table tr td, body.page-id-19828 .content_inner table tr td{border: 1px solid #ccc;}
body.page-id-19807 .content_inner .full_width_inner, body.page-id-19828 .content_inner .full_width_inner{padding-bottom:25px}

footer{width: 96%; padding:0 15px; box-sizing: border-box; background: #1b1b1b}
.footer_bottom .textwidget{display:inline-block}
.footer_bottom .afterfooter{color:#b2b2b2; text-align:right; display:inline-block; float: right}
.footer_bottom .afterfooter a{color:#b2b2b2}
.footer_bottom .afterfooter a:hover{color:#fff}

.newslettercontainer span label{font-size: 20px; margin-top:0; display: inline-block; padding:0 2% 0 2%; text-transform: none; cursor:pointer;}
.newslettercontainer .inputwrapper{margin-bottom: 25px}
.newslettercontainer p{margin-top:3px; font-size: 15px}
.newslettercontainer p > span{padding-left:2%;}
.newslettercontainer p a{text-decoration: underline;}
.newslettercontainer p a:hover{color:#fff;}

#contact-form p{margin-bottom: 0}
/* #contact-form .vc_column_container.vc_col-sm-5{padding-left: 15px; padding-right: 15px} */
/* FIN RAJOUTS CONFORMITE RGPD 24/05/18 */

@media only screen and (max-width: 1100px) {
	nav.popup_menu ul li a {/*font-size: 105px; line-height: 95px; padding: 0*/}
    .vc_column_container>.vc_column-inner{
        padding-left: 0px;
    }
}
/*
@media only screen and (max-height: 1000px) {
	nav.popup_menu ul li a {font-size: 95px; line-height: 85px; padding: 0}
}

@media only screen and (max-height: 900px) {
	nav.popup_menu ul li a {font-size: 82px; line-height: 85px; padding: 0}
}

@media only screen and (max-height: 750px) {
	nav.popup_menu ul li a {font-size: 75px; line-height: 75px; padding: 0}
}

@media only screen and (max-height: 600px) {
	nav.popup_menu ul li a {font-size: 62px; line-height: 62px; padding: 0}
}*/

@media only screen and (max-width: 1600px) {
	#our-team .vc_col-sm-2 {width: 25%}
	
	.titre_portfolio .nom_projet h1 {color: #fff; font-size: 32px; padding-top: 28px; letter-spacing: 1px; line-height: 45px}
	.titre_portfolio .nom_client h2 {font-size: 27px; margin-top: 23px;padding: 10px 0}
}

@media only screen and (min-width: 1600px) {
	.full_width .projects_masonry_holder .portfolio_masonry_item.large_width{
		width: 40%;
	}
	.full_width .projects_masonry_holder .portfolio_masonry_item.large_width_height{
		width: 39.99%;
		margin-bottom: -1px;
	}
	
	#row_bestwish {
	    background: none !important;
	    left: 25%;
	    min-height: auto;
	    position: absolute;
	    top: 38%;
	    z-index: 100;
	}
	
	
	#row_bestwish .vc_col-sm-3 {
	    width: 18%;
	}
	
	#row_bestwish .vc_col-sm-6 {
	    width: 65%;
	}

}

@media only screen and (min-width: 769px) and (max-width: 1000px){
    body #lang_sel_list ul{
        margin:38px 10px 0 0 !important;
    }
}
@media only screen and (max-width: 1000px){
    .newslettercontainer{
        margin-top:86px;
    }
    .popup_menu_holder_outer{
        z-index: 999;
        margin-top: 100px;
    }
    nav.popup_menu ul {
        padding-top: 8px;
    }
}

@media only screen and (max-width: 480px){
    .newslettercontainer{
        margin-top:64px;
    }
}

@media only screen and (max-width: 768px){
    .newslettercontainer{
        margin-top:64px;
    }
    .newslettercontainer label{
        font-size: 8.5vw;
    }
    .newslettercontainer .inputwrapper{
        height:14vw;
    }
    .newslettercontainer .inputwrapper input[type=email], .newslettercontainer .inputwrapper input[type=text], .newslettercontainer .inputwrapper .loader{
        font-size:9vw;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1150px){
	.filter_holder ul li span {
	    padding: 0 9px;
	}
}

@media only screen and (min-width: 1150px) and (max-width: 1250px){
	.filter_holder ul li span {
	    padding: 0 18px;
	}
}

@media only screen and (max-width: 1100px) {
	body.home .vc_col-sm-12 { padding-left: 15px !important;padding-right: 15px !important}
	
	.paspartu_outer {padding: 0 2% !important}
	
	#our-team .vc_col-sm-2 {width: 33.3%}
	
	.titre_portfolio .nom_projet h1 {font-size: 40px}
	
	#row_bestwish {
	    background: none !important;
	    left: 20%;
	    min-height: auto;
	    position: absolute;
	    top: 38%;
	    z-index: 100;
	}
}

@media only screen and (max-width: 1024px) {
	.icone-twitter-hp {bottom: 8px !important; left: calc(50% - 17px) !important; width: 35px !important}
	#tw-widget1 .tweet a { word-wrap: break-word }
	
	#about_desktop_video { display: none !important}
	#about_for_mobile h1 {display: block; font-size: 70px; left: 35%}
	
	.apropos .vc_col-sm-1 {padding: 0; width: 5% !important}
	.apropos .vc_col-sm-3 {width: 100% !important}
	.apropos .vc_col-sm-6 {width: 100% !important}
	
	#services .accordion_content_inner .q_team {margin-bottom: 2px; margin-right: 1%; width: 49.5%}
	#services .accordion_content_inner .q_team:nth-of-type(2n+2) {margin-right: 0}
	#services .q_team .q_team_title_holder .q_team_name {font-size: 16px; line-height: 18px}
	#services .q_team_description_inner a {font-size: 11.5px}
	#services .accordion_content_inner .vc_col-sm-1, #services .accordion_content_inner .vc_col-sm-6, #services .q_accordion_holder.accordion div.accordion_content {padding-left: 0; padding-right: 0}
}

/* iPad portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	header{min-height: 120px !important;}
	
	.popup_menu_holder_outer {z-index: 200; top: 130px !important}
	
	nav.popup_menu ul li a, nav.popup_menu ul li h6 {/*font-size: 85px !important; line-height: 75px !important*/}
	.filter_outer {display: none !important; height: 35px !important}
	body.page-id-15799 .filter_outer, body.page-id-16964 .filter_outer, body.home .filter_outer {display: block !important; width: 100% !important}
	.filter_holder ul li span {padding: 0 11px 0 3px !important}
	.filter_holder ul li:last-of-type span {padding-right: 0 !important}
	
	body.home .vc_col-sm-12 {padding-left: 0 !important; padding-right: 0 !important}
	body.page-id-15795 .full_width_inner .full_section_inner .vc_col-sm-6 {width: 100% !important}
	body.page-id-15795 .full_width_inner .full_section_inner .separator {display: none !important}
	body.page-id-15795 .full_width_inner .apropos .full_section_inner .separator {display: block !important}
	body.page-id-15795 .full_width_inner .full_section_inner .separator.separateur-bottom-philosophie {display: block !important; width: 100% !important}
	
	#about_desktop_video {display: none !important}
	#about_for_mobile h1 {display: block; font-size: 110px !important; left: 24% !important}
	
	.apropos .vc_col-sm-1 {padding: 0; width: 5% !important}
	.apropos .vc_col-sm-3 {width: 100% !important}
	.apropos .vc_col-sm-6 {width: 100% !important}
	.apropos .vc_col-sm-7 {width: 100% !important}
	
	#portfolio_list_icon {right: 10px !important; top: 23px !important}
	.titre_portfolio .nom_projet h1 {font-size: 24px; line-height: 28px; margin-bottom: 0; padding-right: 20px}
	.titre_portfolio .nom_client h2 {font-size: 21px !important; margin-bottom: 25px !important; margin-top: 20px !important; padding-left: 0}
	
	#liste-clients .ordered {margin-bottom: 0; margin-top: 15px; padding-bottom: 0}
	#liste-clients, #liste-clients p, #liste-clients .ordered {font-size: 16px !important; line-height: 21px !important}
	#liste-clients .vc_col-sm-1 {width: 5% !important}
	#liste-clients .vc_col-sm-10 {width: 90% !important}
	#liste-clients .vc_col-sm-4:first-of-type {padding-left: 0 !important}
	#liste-clients .vc_col-sm-4 {padding-right: 30px !important}
	#liste-clients .vc_col-sm-4:last-of-type {padding-right: 0 !important}
	
	body.page-id-15799 .vc_col-sm-12 {padding-left: 0 !important; padding-right: 0 !important; width: 100% !important}
	#wpcf7-f15929-p15803-o1 input, #wpcf7-f15929-p15803-o1 textarea {border-radius: 0 !important}
	#wpcf7-f15929-p15803-o1 .captcha p input {font-size: 11px !important}
	
	
	body.page-id-18503 .full_width {
		min-height: 750px !important
	}

	body.page-id-18503 .paspartu_outer{
		padding: 0 !important;
	}
	body.page-id-18503 .paspartu_left, body.page-id-18503 .paspartu_right {
	    width: 0 !important;
	    display: none !important;
	}
	body.page-id-18503 .paspartu_inner, body.page-id-18503 .paspartu_outer {
		width: 100% !important;
	}
	#row_bestwish_img {
		margin: 0 !important;
		background: url(img/background-ipad2.jpg) no-repeat center top;
		height: 500px;
		margin-top: -25px !important;
	}
	#row_bestwish_img img{
		visibility: hidden;
	}
	#row_bestwish {
	   left:0 !important;
	   top: 20% !important;
	}
	
	#row_bestwish .vc_col-sm-3 {
	   display: none;
	}
	
	#row_bestwish .vc_col-sm-6 {
	    width: 95%;
	}
	

}

@media only screen and (max-width: 768px) {
	/* Lightbox INLINE */
	.white-popup {
		max-width: 70%;
		margin:40px auto;
	}

	.full_width_inner .titre_page .vc_col-sm-1 {padding: 0 !important}
	.vc_row {margin-left: 0; margin-right: 0}
	.popup_menu_holder_outer {z-index: 200}
	.popup_menu_holder_inner {padding: 10px 0 0}
	.filter_outer {height: 60px}
	.filter_holder ul li span {padding: 0 7px 0 3px}
	
	nav.popup_menu ul li a {/*font-size: 50px; line-height: 26px*/}
	nav.popup_menu ul li a:hover {padding-left: 20px !important}
	body.home .vc_col-sm-12 {padding-left: 0 !important; padding-right: 0 !important}
	
	.side_menu_button{height: 47px !important}
	
	#lang_sel_list {font-family: verdana,arial,sans-serif; height: auto; position: absolute; left: 0; top: -10px; z-index: 110}
	#lang_sel_list ul {list-style-type: none !important; margin: 23px 10px 0 0 !important; padding: 0 !important}
	#lang_sel_list ul li {float: left; list-style-type: none !important; margin: 0 10px 0 0 !important; padding: 0 !important; position: relative}
	#lang_sel_list ul li a {color: #aeb0b3 !important; font-family: "Oswald",sans-serif !important; font-size: 16px; font-weight: normal !important; height: auto; letter-spacing: 1.2px; padding-left: 5px}
	#lang_sel_list ul li a.lang_sel_sel {color: #000 !important; font-weight: bold !important}
	#lang_sel_list ul li a:hover {color: #000 !important; font-weight: bold !important}
	
	#about_desktop_video {display: none}
	#about_for_mobile {margin-bottom: 20px !important}
	#about_for_mobile h1 {display: block; font-size: 60px; left: 15%}
	.apropos .vc_col-sm-3 {width: 100% !important}
	.apropos .q_accordion_holder.accordion.without_icon.story .ui-accordion-header:hover span.tab-title {padding: 0 !important}
	#our-team .vc_col-sm-12 {padding-left: 0; padding-right: 0}
	#our-team .vc_col-sm-2 {float: left; width: 50%}
	div.section.apropos div.titre_section span.big_white {font-size: 82px !important}
	div.section.apropos div.titre_section span.big_black {font-size: 32px !important; line-height: 42px !important;}
	.separateur-bottom-philosophie {display: none}
	
	#services .q_accordion_holder.accordion div.accordion_content {padding: 0 10px}
	#services .q_accordion_holder.accordion.without_icon .ui-accordion-header span.tab-title {font-size: 18px; padding: 0 0 0 15px; text-transform: none}
	#services .q_accordion_holder.accordion .ui-accordion-header.ui-state-active {margin-bottom: 0 !important; padding-bottom: 10px !important}
	#services .q_accordion_holder.accordion .ui-accordion-header.ui-state-active .tab-title {padding-left: 30px !important}
	#services .accordion_content_inner .vc_col-sm-6 h2 {font-size: 15px}
	#services .full_section_inner .vc_col-sm-5 {padding-left: 0}
	#services .accordion_content_inner .q_team {margin-bottom: 2px; margin-right: 1%; width: 49.5%}
	#services .accordion_content_inner .q_team:nth-of-type(2n+2) {margin-right: 2px !important}
	#services .accordion_content_inner .q_team:nth-of-type(2n+1) {margin-right: 0 !important}
	
	.titre_page {padding: 30px 0 0}
	.titre_page h1 span.big_white, .titre_page h1 span.big_black {font-size: 45px !important; height: 70px}
	.portfolio_main_holder .full_section_inner .vc_col-sm-12.wpb_column.vc_column_container {padding-left: 0}
	.portfolio_main_holder .text_holder h2.portfolio_title a {font-size: 12px !important; line-height: 12px !important; text-transform: none !important}
	.portfolio_main_holder .item_holder .portfolio_title {font-size: 14px !important; line-height: 1.1em; text-transform: none !important}
	.portfolio_main_holder .item_holder .portfolio_subtitle p {font-size: 14px !important; line-height: 1.1em !important}
	.single-portfolio_page .full_width.portfolio {padding: 0 10px}
	.single-portfolio_page .vc_col-sm-6, .single-portfolio_page .vc_col-sm-9, .single-portfolio_page .vc_col-sm-3 {padding-left: 0; padding-right: 0}
	.titre_portfolio .nom_projet h1 {font-size: 24px; line-height: 28px; margin-bottom: 0; padding-right: 20px}
	.titre_portfolio .nom_client h2 {font-size: 15px; margin-bottom: 25px !important; margin-top: 0; padding-left: 0}
	#bfr .three_columns {margin-bottom: 25px; padding-right: 0; width: 100%}
	#bfr .three_columns:first-of-type .number {width: 60px}
	#bfr .number {font-size: 40px; line-height: 60px; text-align: left; width: 60px}
	
	#portfolio_list_icon {right: 8px; top: 15px; width: 22px}
	
	#travauxmemeclient > h2 {font-size: 23px}
	#travauxmemeclient > div > h3 {font-size: 21px}
	#travauxmemeclient .vc_col-sm-12.wpb_column.vc_column_container {padding-left: 15px}
	.qbutton.big_large, .qbutton.big_large_full_width {padding: 0}
	
	#liste-clients .ordered { margin-bottom: 0; margin-top: 15px; padding-bottom: 0}
	#liste-clients, #liste-clients p, #liste-clients .ordered {font-size: 19px; line-height: 21px}
	#liste-clients .vc_col-sm-4 {padding-left: 0; padding-right: 0}
	#liste-clients .ordered p:last-of-type {border-bottom: 1px solid #000 !important;}
	
	#rangeeGoogleMap .vc_col-sm-12 {padding: 0 !important}
	#googleMapContact {height: 250px;margin: 0;padding: 0;width: 100%}
	#contact-form .wpcf7-form.default .vc_row {padding-bottom: 0}
	#contact-form .vc_col-sm-4 {height: 60px; padding-left: 0; padding-right: 0}
	#contact-form .captcha p input {font-size: 12px; padding: 15px 10px; text-align: center; text-transform: none !important}
	#contact-form .vc_col-sm-6 {margin-bottom: 15px; padding-left: 0; padding-right: 0}
	body.page-id-15805 .titre_page {padding-top: 0}
	
	#jobs .full_section_inner {padding: 0}
	#jobs .full_section_inner .vc_col-sm-12 {padding-left: 0; padding-right: 0}
	#jobs .full_section_inner .vc_col-sm-4 {padding-left: 0; padding-right: 0}
	#jobs .full_section_inner .vc_col-sm-6 {padding-left: 0; padding-right: 0}
	#jobs .full_section_inner .vc_col-sm-12 .q_accordion_holder.accordion div.accordion_content {padding-left: 0}
	#jobs #ui-accordion-1-panel-0 .wpb_wrapper {margin-bottom: 30px; margin-left: 30px}
	#jobs #ui-accordion-1-panel-0 .wpb_wrapper h1 {font-size: 22px}
	
	#services .accordion_content_inner .vc_col-sm-6 {margin-top: 12px}
	
	.q_accordion_holder.accordion.without_icon .ui-accordion-header span.tab-title {font-size: 21px; padding: 0}
	.q_accordion_holder.accordion .ui-accordion-header:hover .tab-title {padding-left: 0 !important}
	.q_accordion_holder.accordion .ui-accordion-header.ui-state-active .tab-title {padding-left: 20px !important}
	.q_accordion_holder.accordion .ui-accordion-header.ui-state-active:hover .tab-title {padding-left: 20px !important}
	.q_accordion_holder.accordion .ui-accordion-header .accordion_mark.left_mark {right: 3px !important; top: 23px;}
	#jobs form input {font-size: 13px !important}

	#jobs .accordion_content_inner .vc_row {margin-bottom: 10px !important}

	#jobs input[type=text], #jobs input[type=email], #jobs input[type="tel"], #jobs input[type="date"], #jobs input[type="submit"]{margin-bottom:15px;}
	#jobs textarea, #jobs input[type="submit"]{width: 94%; margin: 0 3%}
}

@media only screen and (min-width: 480px) and (max-width: 1000px) {
	.filter_outer {margin-top: 85px}
}

@media only screen and (max-width: 479px){
    .q_logo a{
        margin-top: -32px;
    }
}

@media only screen and (max-width: 370px) {
    .filter_holder ul li span{
        font-size:13px;
    }
}

/* Mobile iphone5 et iphone 5S */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
	body .filter_outer {display: none}
	
	/*.side_menu_button{height: 47px !important}*/
	.side_menu_button{float: right; height: 50px !important; margin-top: 10px; margin-bottom: 40px}
	
	body.page-id-15799 .filter_outer,body.page-id-16964 .filter_outer, body.home .filter_outer {display: block; margin: -10px auto 25px !important; width: 98% !important;}
	
	body.home .filter_outer ul {margin-left: 0 !important}
	body.page-id-15799 .filter_outer, body.page-id-16964 .filter_outer{margin-bottom: 5px !important}
	

	nav.popup_menu ul li {margin-bottom: 3px !important; padding: 0 0 15px !important}
	nav.popup_menu ul li a {//font-size: 45px !important}
	#travauxmemeclient {padding-bottom: 15px}
	body.page-id-15801 .titre_page h1 span.big_white {font-size: 37px !important}
	body.page-id-15801 .titre_page h1 span.big_black {font-size: 37px !important}
	body.page-id-17907 .titre_page h1 span.big_white {font-size: 37px !important}
	body.page-id-17907 .titre_page h1 span.big_black {font-size: 37px !important;}
	
	article.instatwitter{
		height: 300px !important;
		width: 100% !important;
	}
	
	#twitter-widget-0{
		max-width: 100% !important;
	}
	
	.portfolio_navigation .portfolio_prev {left: 13px !important}
	.portfolio_navigation .portfolio_next {right: 65px !important}
	
	.vc_col-sm-12 {padding-left: 0}
	#our-team .vc_col-sm-2 {width: 100%}
	#our-team .vc_col-sm-12 {padding: 0 !important}
	#contact-form input[type="submit"] {margin-top: 15px}
	#wpcf7-f15929-p15803-o1 .captcha p input[name="captcha-44"] {font-size: 11px !important}
	#wpcf7-f15929-p15803-o1 .captcha .bg_captcha {padding: 15px 3px 0 !important}
	
	
	body.page-id-18503 .full_width {
		min-height: 330px !important
	}

	body.page-id-18503 .paspartu_outer{
		/*padding: 0 !important;*/
	}
	#row_bestwish .vc_col-sm-6 {
	    width: 95% !important;
	    padding: 0 !important;
	}
	
	#row_bestwish .vc_col-sm-3{
		display: none !important;
	}
	
	body.page-id-18503 .paspartu_left, body.page-id-18503 .paspartu_right {
	    width: 0 !important;
	   /* display: none !important;*/
	}
	body.page-id-18503 .paspartu_inner, body.page-id-18503 .paspartu_outer {
		width: 100% !important;
	}
	#row_bestwish_img {
		margin: 0 !important;
	}
	
	#row_bestwish_img img{
		display: none !important;
	}
	#row_bestwish {
	   left: 13%;
	   top: 1% !important;
	}

}

@media only screen and (max-height: 800px)  and (orientation: portrait) {
    nav.popup_menu ul li a{
            font-size: 7vh;
        line-height: 6vh;
    }
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) {
    nav.popup_menu ul li a {
        font-size: 1em;
        line-height: .5em;
    }

}