/*
Theme Name: Stockholm Child
Theme URI: http://demo.select-themes.com/stockholm/
Description: A child theme of Stockholm Theme
Author: Select Themes
Author URI: http://select-themes.com
Version: 1.0.0
Template: stockholm
*/
@import url("../stockholm/style.css");
.callshow{margin-top:8% !important;}
.slotholder{top: 88px !important;}
.callshow h3{font-size:2em !important;font-weight: 400;}
.callshow .qbutton{ margin-top:3% !important;}
#banner2,.touch section.parallax_section_holder{
    height: 700px !important;
    min-height: 300px;
    background-attachment: scroll;
    background-size: contain !important;
}
div.tp-parallax-wrap:nth-child(4),li.tp-revslider-slidesli:nth-child(2) > div:nth-child(3),li.tp-revslider-slidesli:nth-child(3) > div:nth-child(3){top:695px !important;}
li.tp-revslider-slidesli:nth-child(1) > div:nth-child(3),li.tp-revslider-slidesli:nth-child(2) > div:nth-child(2),li.tp-revslider-slidesli:nth-child(3) > div:nth-child(2){top:623px !important;}
li.tp-revslider-slidesli:nth-child(1) > div:nth-child(2){top:552px !important;}
#text-9{margin-top:5px;}
.logo-net{
    width: 25px;
display:inline-block;
margin-right:5px;
}
.project_category{display:none !important;}
.banner-header{    margin-bottom: 10% !important;
}
.tp-bullets{top:100% !important;}
.wp-image-1433{max-width:181px !important;}
textarea {   background: black;
    color: white !important;
    border: 2px solid;
    width: 100%;
    height: 200px;
    font-family: Karla !important;
    font-weight: 700;
    font-size: 22px;
}
.pp_pic_holder.pp_default .ppt,.pp_pic_holder.pp_default .pp_description{display:none !important;}
.gauche .qode-image-with-overlapping-info .qode-iwoi-image-holder,.gauche1 .qode-image-with-overlapping-info .qode-iwoi-image-holder{padding-left:40% !important;padding-right:0 !important;margin-top: 1em;
font-family: 'Roboto' !important;}
.droite .qode-image-with-overlapping-info .qode-iwoi-image-holder,.droite1 .qode-image-with-overlapping-info .qode-iwoi-image-holder{padding-right:40% !important;padding-left:0 !important;margin-top: 1em;
font-family: 'Roboto' !important;}
.qode-image-with-overlapping-info .qode-iwoi-info-holder {
    position: relative;
    left: calc(38% - 550px) !important;
display:none !important;
text-align: left;}

.q_logo {
    top: 60%;
    left: 0;
}
.barre:before{
content:url(http://www.inside.tarsagency.be/wp-content/uploads/2017/11/Inside-Concept-Maquette-site-web-Homepage-1_03.jpg);
position:relative;
top:-3px;
margin-right:10px;}
h3,h3 a,h2, h2 a,.text-blanc,.text-blanc div div h4,h5,.text-blanc div h4{
color:#fff !important;
}
.qode-iwoi-title{color:#000 !important;}
h3{font-size:1.1em;}
h2{font-size:2.5em;
margin:1em auto !important;}

.mceu-container{z-index:999999999999999999999 !important;}


#menu-item-745,
#menu-item-743,
#menu-item-744,
#menu-item-748,
#menu-item-747,
#menu-item-746,
#menu-item-1122,
#menu-item-1965,
#menu-item-742{padding-left:20px !important;}

.comp .qbutton{
display: inline-block;
margin: 4em auto;
color:white;
    margin-top: 0;
}
.icons_holder{display:none;}
.comp .qbutton:hover{
background-color:White !important;}

.comp,.comp2{padding-left:3em !important;padding-right:3em !important;}
.title_outer{display:none;}

#colonne{position:relative;
padding:3em;
}
.texthover{
position:absolute;
top: 35%;
text-align:center;
display:none;

}
.nom,.fonction,.mail{width:73% !important;}
.comp,.comp2{margin-bottom:4em !important;}
.page-child .comp{margin-bottom:2em !important;}
.comp2:last-of-type,.comp:last-of-type{margin-bottom:14em !important;}
.texthover.fonction{
top:50%;
text-align:center;}
.texthover.mail{
top:62%;
color:black !important;
text-align:center;}
.texthover.mail div p a{color:black !important;}

.colonne1:hover .text1,.colonne1:hover .separator1{
  display:block;}
.colonne1:hover .imagehover1 div div img{opacity:0.3;}
.colonne2:hover .text2,.colonne2:hover .separator2{
  display:block;}
.colonne2:hover .imagehover2 div div img{opacity:0.3;}
.colonne3:hover .text3,.colonne3:hover .separator3{
  display:block;}
.colonne3:hover .imagehover3 div div img{opacity:0.3;}
.colonne4:hover .text4,.colonne4:hover .separator4{
  display:block;}
.colonne4:hover .imagehover4 div div img{opacity:0.3;}
.colonne5:hover .text5,.colonne5:hover .separator5{
  display:block;}
.colonne5:hover .imagehover5 div div img{opacity:0.3;}
.colonne6:hover .text6,.colonne6:hover .separator6{
  display:block;}
.colonne6:hover .imagehover6 div div img{opacity:0.3;}
.colonne7:hover .text7,.colonne7:hover .separator7{
  display:block;}
.colonne7:hover .imagehover7 div div img{opacity:0.3;}
.colonne8:hover .text8,.colonne8:hover .separator8{
  display:block;}
.colonne8:hover .imagehover8 div div img{opacity:0.3;}
.colonne9:hover .text9,.colonne9:hover .separator9{
  display:block;}
.colonne9:hover .imagehover9 div div img{opacity:0.3;}
#colonne .separator{top: 42%;
width: 5em;
height: 0;
text-align:center;
margin:auto !important;
left:42%;}
#colonne .vc_single_image-wrapper{background:#fff !important;width:100%;}
#colonne .vc_single_image-wrapper img{width:100% !important;}

.rang3{margin-bottom:6em !important;}
.nom div p{color:#000 !important;font-weight:bold;font-size:1.4em;}
.fonction div p{color:#606060 !important;font-weight:bold;font-size:1.1em;}
.pad-left{padding-left:1em;}
.comp2 h2{margin-top:6em !important;}

.text-bloc{
width: 400px;
position: relative;
left: calc(38% - 500px) !important;
text-align: left;
padding: 69px 77px 60px 80px;
background-color: #fff;
border: 2px solid #c4c4c4;
top: -400px;
margin-bottom: -22em !important;}
.bannermid{height:700px !important;}
#banner2{margin-bottom:10% !important;}
.titredeux div h2{margin-top:10% !important;}
.text-bloc h2{color:#000 !important;}
.text-bloc-gauche,.text-bloc-droite{
position: relative;
left: calc(54% - 550px);
margin-top: -21%;
width: 550px;
box-sizing: border-box;
background-color: #fff;
border: 2px solid #c4c4c4;
padding: 50px 80px 50px 80px;
text-align: left;
top:152px;
}
.section:not(.banner-header) .full_section_inner .vc_col-sm-12 .vc_single_image-wrapper{margin-top:5%;margin-bottom: 10.5%;}
.home .text-bloc-gauche,.home .text-bloc-droite,.page-id-719 .text-bloc-gauche,.page-id-733 .text-bloc-gauche{top:75px;}

.text-bloc-droite a,.text-bloc-gauche a{color: lightskyblue ;}
.cta{    text-transform: uppercase;
    color: black !important;
    background-color: white;
    border: 1px solid black;
    padding: 20px;
    display: inline-block;
    margin-top: 4em;
}
.cta:hover{ color:white  !important;
    background-color:black ;}
.text-bloc-droite{left: calc(72% - 550px);}
/*.page-id-717 .text-bloc-droite,.page-id-721 .text-bloc-droite{left: calc(82% - 550px);}
.page-id-723 .text-bloc-gauche,.page-id-1116 .text-bloc-gauche,.page-id-727 .text-bloc-gauche,.page-id-725 .text-bloc-gauche,.page-id-729 .text-bloc-gauche,.page-id-733 .text-bloc-gauche{left: calc(44% - 550px);}*/
h1{    font-size: 30px;
    background: #fff;
    color: #000 !important;
    width: auto;
    margin-left: 45%;
    display: inline-block;
    margin-bottom: 0;
    top: 50px;
    margin-top: 13em;
    font-family: 'Roboto' !important;
    letter-spacing: 0px;
    padding: 10px 20px;
position:absolute;
}
.page-id-717 h1{margin-left:35%;}

.page-id-162 h1{margin-left:40%;}
.gauche:first-of-type{    padding-top: 0% !important;
    padding-bottom: 5.5% !important;
margin-bottom:10% !important;
}
.projects_masonry_holder.masonry_extended {
    margin: 0px !important;
}

.text-bloc-gauche div h3,.text-bloc-droite div h3,.text-bloc-gauche div h2,.text-bloc-droite div h2{color:#000 !important;font-size:2.1em !important;}
.text-bloc-gauche div h2,.text-bloc-droite div h2{margin: 0 !important;
font-size: 2em !important}
.text-bloc-gauche div p,.text-bloc-droite div p{margin:1em !important;color:#666 !important;margin-left: 0 !important;}
.lien{
color: #000000 !important;
font-size: 14px !important;
line-height: 50px !important;
height: 50px !important;
font-weight: 700 !important;
font-family: Karla !important;
letter-spacing: 1px !important;
border-color: #c4c4c4 !important;
padding-left: 42px !important;
padding-right: 42px !important;
background-color: transparent !important;
margin-top: 70px !important;
position: relative;
display: inline-block;
width: auto;
margin: 0;
    margin-top: 0px;
border: 2px solid #c4c4c4;
text-align: left;
text-decoration: none;
cursor: pointer;
outline: 0;
text-transform: uppercase;
text-shadow: none;
letter-spacing: 2px;
white-space: nowrap;
border-radius: 0;
-webkit-transition: color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;
-moz-transition: color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;
-ms-transition: color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;
-o-transition: color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;
transition: color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;
-webkit-box-sizing: initial !important;
-moz-box-sizing: initial !important;
box-sizing: initial !important;}

.text-bloc-gauche div a:last-child:hover {
    color:white !important;
	background-color: #000 !important;
	
}
.page-id-117 h5 a {
    color: white !important;
}
.droite2{    top: 200px !important;
    margin-top: 0 !important;
    margin-bottom: 6em !important;
left: calc(83% - 550px) !important;
}
/*
.header_bottom,.header_top,.header_top_bottom_holder {
    background: #fff !important;
}

.header_inner_right {
    float: right;
    position: fixed;
    z-index: 110;
    top: 45px;
    right: 10px;
}
.page_header{display:block !important;}*/
.header_bottom{background:#fff !important;padding-top: 10px !important;
padding-bottom: 10px !important;}
.qode-iwoi-image-holder img{width:100% !important;}
.gauche,.droite,.gauche1 {
    padding-top: 10% !important;
    padding-bottom: 12% !important;
}

.vc_custom_1510068242578,.vc_custom_1498050550889{
    padding-top: 6.8% !important;
    padding-bottom: 6.3% !important;
    margin-top: 6em;
}
.comp h2,.comp2 h2{margin: 0.9em auto !important;
    margin-top: 0.9em;
margin-top: 1.1em !important;}
.home .comp div div div div div:nth-child(2) div,.comp  div div div div div:nth-child(3) div{height:150px !important;}

.page-id-162 .comp div div div div div:nth-child(3) div {
    height: auto !important;
}
.gauche2{
    margin-top: 3% !important;
	margin-bottom: 5% !important;
left:calc(44% - 550px) !important;
}

@media screen and (min-device-width:1400px) and (max-device-width:1440px){
.text-bloc-gauche,.text-bloc-droite {left: calc(58% - 550px) !important;
    padding: 30px 50px 30px 50px;
    }
.text-bloc-droite {
    left: calc(80% - 550px) !important;
}
.gauche2 {
    margin-top: 3% !important;
    margin-bottom: 5% !important;
    left: calc(50% - 550px) !important;
}
.droite2{left: calc(83% - 550px) !important;}
.home .text-bloc-gauche,.home .text-bloc-droite, .page-id-719 .text-bloc-gauche, .page-id-733 .text-bloc-gauche {
    top: 30px;
}
.page-id-717 h1{margin-left:35%;}

.page-id-162 h1{margin-left:40%;}
.home div.vc_row:nth-child(2){margin-top:0% !important;}
.home div.vc_row:nth-child(4){margin-top:6% !important;}
.touch section.parallax_section_holder {
    height: 500px !important;
    min-height: 300px;
    background-attachment: scroll;
    background-size: cover;
}
h1{margin-top:11em;}
.bannermid{height:500px !important;}
.nom,.fonction,.mail{width:63% !important;}
.nom div p {
    color: #000 !important;
    font-weight: bold;
    font-size: 1.5em;
}
.fonction div p{font-size: 1.3em;}
.texthover{top:30%;}
.texthover.fonction{
top:41%;
text-align:center;}
.texthover.mail{
top:61%;}
#colonne .separator{top: 37%;}

}
@media screen and (max-width:1367px){
	#rev_slider_3_1{height:668px !important;}
.header_inner_right{right: 10px;}
div.tp-parallax-wrap:nth-child(4),li.tp-revslider-slidesli:nth-child(2) > div:nth-child(3),li.tp-revslider-slidesli:nth-child(3) > div:nth-child(3){top:529px !important;}
li.tp-revslider-slidesli:nth-child(1) > div:nth-child(3),li.tp-revslider-slidesli:nth-child(2) > div:nth-child(2),li.tp-revslider-slidesli:nth-child(3) > div:nth-child(2){top:457px !important;}
li.tp-revslider-slidesli:nth-child(1) > div:nth-child(2){top:386px !important;}
#banner2,.touch section.parallax_section_holder{
    height: 500px !important;}
.text-bloc-gauche, .text-bloc-droite {
    position: relative;
    margin-top: -21%;
    width: 500px;
    box-sizing: border-box;
    background-color: #fff;
    border: 2px solid #c4c4c4;
    padding: 20px 40px 20px 40px;
    text-align: left;
    top: 60px;
   
}
h5 {
    font-family: 'Roboto', sans-serif;
    font-size: 19px !important;
}
.text-bloc-gauche {
    position: relative;
    left: calc(62% - 550px) !important;}
.nom,.fonction,.mail{width:63% !important;}
.nom div p {
    color: #000 !important;
    font-weight: bold;
    font-size: 1.4em;
}
.fonction div p{font-size: 1.1em;}
.bannermid{height:400px !important;}
.text-bloc-droite {
    left: calc(82% - 550px);
}
.home div.vc_row:nth-child(2){margin-top:0% !important;}
.home .gauche1 {
    padding-top: 10% !important;
    padding-bottom: 0% !important;
	padding-bottom: 10% !important
}
.home div.vc_row:nth-child(4){margin-top:6% !important;}
.touch section.parallax_section_holder {
    height: 400px !important;
    min-height: 300px;
    background-attachment: scroll;
    background-size: 100% !important;
}
.texthover {
    position: absolute;
    top: 30%;
    text-align: center;
    display: none;
    width: 65%;
}
.texthover.fonction{
top:41%;
text-align:center;}
.texthover.mail{
top:61%;}
#colonne .separator{top: 37%;left: 36%;}
.home .comp div div div div div:nth-child(2) div, .comp div div div div div:nth-child(3) div {
    height: 200px !important;
}
h1 {
    font-size: 30px;
    background: #fff;
    color: #000 !important;
    width: auto;
    margin-left: 42%;
margin-top: 10.5em;}
.page-id-717 h1{margin-left: 32%;}
.texthover.mail div p a {
    color: black !important;
    font-size: 0.9em;
}
p {
    font-family: "Roboto", sans-serif;
    font-size: 15px;}
h2 {
    font-size: 2em;
    margin: 1em auto !important;
}
.home .text-bloc-gauche, .home .text-bloc-droite, .page-id-719 .text-bloc-gauche, .page-id-733 .text-bloc-gauche {
    top: 30px;
}
	#rev_slider_3_1,#rev_slider_3_1_wrapper{
		height:668px !important;
	}
}
@media screen and (max-device-width:1367px) {
div.tp-parallax-wrap:nth-child(4),li.tp-revslider-slidesli:nth-child(2) > div:nth-child(3),li.tp-revslider-slidesli:nth-child(3) > div:nth-child(3){top:529px !important;}
li.tp-revslider-slidesli:nth-child(1) > div:nth-child(3),li.tp-revslider-slidesli:nth-child(2) > div:nth-child(2),li.tp-revslider-slidesli:nth-child(3) > div:nth-child(2){top:457px !important;}
li.tp-revslider-slidesli:nth-child(1) > div:nth-child(2){top:386px !important;}
.texthover.mail div p a {
    color: black !important;
    font-size: 0.9em;
}
.home .text-bloc-gauche, .home .text-bloc-droite, .page-id-719 .text-bloc-gauche, .page-id-733 .text-bloc-gauche {
    top: 30px;
}
h2 {
    font-size: 2em;
    margin: 1em auto !important;
}
p {
    font-family: "Roboto", sans-serif;
    font-size: 15px;}
#banner2,.touch section.parallax_section_holder{
    height: 500px !important;}
.text-bloc-gauche, .text-bloc-droite {
    position: relative;
    margin-top: -21%;
    width: 500px;
    box-sizing: border-box;
    background-color: #fff;
    border: 2px solid #c4c4c4;
    padding: 20px 40px 20px 40px;
    text-align: left;
    top: 60px;
   
}
.tp-bullets {
    top: 80% !important;
}
h5 {
    font-family: 'Roboto', sans-serif;
    font-size: 19px !important;
}
.text-bloc-gauche {
    position: relative;
    left: calc(62% - 550px) !important;}
.nom,.fonction,.mail{width:63% !important;}
.nom div p {
    color: #000 !important;
    font-weight: bold;
    font-size: 1.4em;
}
.fonction div p{font-size: 1.1em;}
.bannermid{height:400px !important;}
.text-bloc-droite {
    left: calc(82% - 550px);
}
.home div.vc_row:nth-child(2){margin-top:0% !important;}
.home .gauche1 {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
}
.home div.vc_row:nth-child(4){margin-top:6% !important;}
.touch section.parallax_section_holder {
    height: 400px !important;
    min-height: 300px;
    background-attachment: scroll;
    background-size: 100% !important;
}
.texthover {
    position: absolute;
    top: 30%;
    text-align: center;
    display: none;
    width: 65%;
}
.texthover.fonction{
top:41%;
text-align:center;}
.texthover.mail{
top:61%;}
#colonne .separator{top: 37%;left: 36%;}
.home .comp div div div div div:nth-child(2) div, .comp div div div div div:nth-child(3) div {
    height: 200px !important;
}
h1 {
    font-size: 30px;
    background: #fff;
    color: #000 !important;
    width: auto;
    margin-left: 38%;
margin-top: 9em;}
.page-id-717 h1{margin-left: 32%;}

.header_inner_right{right: 10px;}
#rev_slider_3_1_wrapper,#rev_slider_3_1{
		height:668px !important;
	}}


@media screen and (min-width:1150px) and (max-width:1281px){
div.tp-parallax-wrap:nth-child(4),li.tp-revslider-slidesli:nth-child(2) > div:nth-child(3),li.tp-revslider-slidesli:nth-child(3) > div:nth-child(3){top:495px !important;}
li.tp-revslider-slidesli:nth-child(1) > div:nth-child(3),li.tp-revslider-slidesli:nth-child(2) > div:nth-child(2),li.tp-revslider-slidesli:nth-child(3) > div:nth-child(2){top:425px !important;}
li.tp-revslider-slidesli:nth-child(1) > div:nth-child(2){top:352px !important;}
.nom div p {
    color: #000 !important;
    font-weight: bold;
    font-size: 1.5em;
}
h5 {
    font-family: 'Roboto', sans-serif;
    font-size: 18px !important;
}
#colonne {
    position: relative;
    padding: 1em;
}
#colonne .separator{left:33%;}
.home div.vc_row:nth-child(2){margin-top:6% !important;}
.home div.vc_row:nth-child(4){margin-top:6% !important;}
.touch section.parallax_section_holder {
    height: 400px !important;
    min-height: 300px;
    background-attachment: scroll;
    background-size: 100% !important;
}
.text-bloc-gauche {
    position: relative;
    left: calc(64% - 550px) !important;
}
h1 {
    font-size: 30px;
    background: #fff;
    color: #000 !important;
    width: auto;
    margin-left: 42%;}
.text-bloc-droite {
    left: calc(84% - 550px);
}
.nom, .fonction, .mail {
    width: 75% !important;
}
#banner2{height:400px !important;
background-size:100%;}
.bannermid,#bannermid{height:400px !important;margin:10% 0 !important;background-size:cover;}
.home div.vc_row:nth-child(2) {
    margin-top: 0% !important;
}
.home .gauche1 {
    padding-top: 10% !important;
    padding-bottom: 0% !important;
    padding-bottom: 8% !important;
}}


@media screen and (max-width : 1024px) {
.tp-bullets {
    top: 105% !important;
}
.qode_carousels_holder{margin-top:9%;}
.tparrows {top:64% !important;}
.footer_top .textwidget, .footer_top .widget_recent_entries>ul>li>span {
    font-family: Karla, sans-serif;
    font-size: 14px !important;}
.footer_top.footer_top_full {
    padding-left: 7%;
    padding-right: 7%;
}
.tp-parallax-wrap:nth-child(1){top:280px !important;}
.tp-parallax-wrap:nth-child(2){top:350px !important;}
.tp-parallax-wrap:nth-child(3){top:399px !important;}
.page-id-162 h1 {
    margin-left: 37%;
}
.page-id-717 h1 {
    margin-left: 30%;
}

.home .comp div div div div div:nth-child(2) div,.comp  div div div div div:nth-child(3) div{height:250px !important;}

#colonne {
    position: relative;
    padding: 1em;
}
h5 {
    font-family: 'Roboto', sans-serif;
    font-size: 18px !important;
}
.fonction div p {
    color: #606060 !important;
    font-weight: bold;
    font-size: 1em;
    line-height: 18px;
}
h1 {
margin-top: 5em !important;
}
.nom div p {
    color: #000 !important;
    font-weight: bold;
    font-size: 1.2em;
}
.texthover {
    position: absolute;
    top: 29%;
    text-align: center;
    display: none;
    
}
#colonne .separator {
    top: 37%;
    left: 32%;
}
.nom, .fonction, .mail {
    width: 70% !important;
}
.slotholder {
     top: 0px !important; 
}
.text-bloc-droite,.text-bloc-gauche {
    position: relative;
    left: 10px !important;
    width: 98%;
    padding: 30px 35px;
	top: 100px !important;

}
.comp, .comp2 {
    padding-left: 2em !important;
    padding-right: 2em !important;
}

.gauche .qode-image-with-overlapping-info .qode-iwoi-image-holder,.gauche1 .qode-image-with-overlapping-info .qode-iwoi-image-holder,.droite .qode-image-with-overlapping-info .qode-iwoi-image-holder {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.comp, .comp2 {
    padding-left: 2em !important;
    padding-right: 2em !important;
}
.q_elements_holder.responsive_mode_from_1000.five_columns .q_elements_item, .q_elements_holder.responsive_mode_from_1000.four_columns .q_elements_item, .q_elements_holder.responsive_mode_from_1000.six_columns .q_elements_item, .q_elements_holder.responsive_mode_from_1000.three_columns .q_elements_item, .q_elements_holder.responsive_mode_from_1000.two_columns .q_elements_item {
    width: 50% !important;
    display: inline-block;
    height: auto;
}}
@media (max-width: 850px) and (min-width: 568px){
.vc_col-sm-3 {
    width: 49% !important;
}
#rev_slider_3_1 li:nth-child(1) .tp-parallax-wrap:nth-child(3),li.tp-revslider-slidesli:nth-child(2) > div:nth-child(2),li.tp-revslider-slidesli:nth-child(3) > div:nth-child(2){top:168px !important;}
#rev_slider_3_1 li:nth-child(1) .tp-parallax-wrap:nth-child(2){top:40px !important;}
div.tp-parallax-wrap:nth-child(4),li.tp-revslider-slidesli:nth-child(2) > div:nth-child(3),li.tp-revslider-slidesli:nth-child(3) > div:nth-child(3){top:225px !important;}
.content .content_inner > .full_width > .full_width_inner{padding-top:0 !important;}
.home .comp div div div div div:nth-child(2) div, .comp div div div div div:nth-child(3) div {
    height: 150px !important;
}
h1 {
    font-size: 30px;
    background: #fff;
    color: #000 !important;
    width: auto;
    margin-left: 35%;
margin-top:3em !important;
}
.q_logo {
    top: 3% !important;
    left: 0;
}
.slotholder {
    top: -1px !important;
}
.text-bloc-gauche {
    position: relative;
    left: calc(74% - 550px) !important;
}
#colonne{width: 49% !important;
    display: inline-block;}
.text-bloc-droite {
    left: calc(103% - 550px) !important;
}
#rev_slider_3_1_wrapper, #rev_slider_3_1 {
    height: 400px !important;
}}
@media screen and (orientation:landscape)
and (min-device-width: 319px) 
and (max-device-width: 580px) {
   .q_logo{top:-25px !important;}

		#rev_slider_3_1 li:nth-child(1) .tp-parallax-wrap:nth-child(3),li.tp-revslider-slidesli:nth-child(2) > div:nth-child(2),li.tp-revslider-slidesli:nth-child(3) > div:nth-child(2){bottom:18px !important; margin-top:50px !important;
}
#rev_slider_3_1 li:nth-child(1) .tp-parallax-wrap:nth-child(2){margin-top:30px !important;}
div.tp-parallax-wrap:nth-child(4),li.tp-revslider-slidesli:nth-child(2) > div:nth-child(3),li.tp-revslider-slidesli:nth-child(3) > div:nth-child(3){margin-top:70px !important;}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
.comp .qbutton {
    display: inline-block;
    margin: 2.3em auto;
    color: white;
    
}
	#rev_slider_3_1_wrapper, #rev_slider_3_1 {
    height: 200px !important;
}
	.hesperiden .tp-bullet {
    width: 6px;
    height: 6px
	}
h5{
font-family: 'Roboto', sans-serif;
font-size: 16px !important;}
.vc_col-sm-3 {
    width: 100% !important;
}
.header_bottom {
    background: #fff !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
h2{line-height:normal !important;}
.text-bloc-droite,.text-bloc-gauche {
    position: relative;
    left: 10px !important;
    width: 93%;
    padding: 30px 10px;
    top: 2px !important;

}
.slotholder {
     top: 0px !important; 
}
.q_logo {
    display: table-cell;
    position: relative;
    top: -23px;
    vertical-align: middle;
    right: 34px !important;
    left: initial;}
.q_logo a{height: auto;
    visibility: visible;
}

.gauche .qode-image-with-overlapping-info .qode-iwoi-image-holder,.gauche1 .qode-image-with-overlapping-info .qode-iwoi-image-holder,.droite .qode-image-with-overlapping-info .qode-iwoi-image-holder {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.q_logo a .normal{height:44% !important;}
header:not(.sticky) .side_menu_button > a.side_menu_button_link {
    height: 100%;
    background-color: #000;
    color: #fff;
    display: inline-block;
    width: auto;
    height: 40px !important;
}
.header_inner_right {
    float: right;
    position: fixed;
    z-index: 110;
    top: 10px;
    right: 10px;
}
.side_menu_button > a.side_menu_button_link {
    padding: 0 10px;
}
.shopping_cart_inner, .side_menu_button {
    height: 0px;
}
.home .comp div div div div div:nth-child(2) div, .comp div div div div div:nth-child(3) div {
    height: 110px !important;
}
.home .comp div div div div div:nth-child(3) div{height: auto !important;
}
.comp, .comp2 {
    padding-left: 2em !important;
    padding-right: 2em !important;
	margin-bottom:0 !important;
}
h1 {
    font-size: 21px;
    line-height: 1.3125em;
    letter-spacing: 4px;
    font-weight: 700;
margin-left:2% !important;
margin-top:-1em !important;
}
.nom div p {
    color: #000 !important;
    font-weight: bold;
    font-size: 1.2em;
}
.fonction div p {
    font-size: 0.9em;
}
#colonne {
    position: relative;
    padding: 0em;
}
.custom_font_holder > span {
    font-size: .3em;
}
.custom_font_holder {
    line-height: .3em !important;
}
.projects_masonry_holder.masonry_extended {
    margin: 0px;
}
.nom, .fonction, .mail {
    width: 83% !important;
}
.content .content_inner > .full_width > .full_width_inner{padding-top:0 !important;}
.tp-bullets {
    top: 85% !important;
}
#rev_slider_1_1_wrapper,#rev_slider_1_1{height:150px !important;}
#colonne .separator {
    left: 34%;
}
.banner-header{padding:0 !important;}
.page-child .comp .vc_col-sm-2{margin-top:2em !important;}
.page-child .comp .vc_col-sm-2:nth-child(1){margin-top:0em !important;}
.portfolio_title{font-size:20px !important;}
.projects_masonry_holder article .image_holder .text_holder{padding-left:10px !important;}

.vc_custom_1509921571056 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.callshow h3 {
    font-size: 1.5em !important;
    font-weight: 400;
}
.cta {
    text-transform: uppercase;
    color: black !important;
    background-color: white;
    border: 1px solid black;
    padding: 20px;
    display: inline-block;
    margin-top: 30px;
}
.footer_top .column_inner > div {
    margin: 0 0 5px !important;
}
.tparrows{top:40% !important;}
}