@font-face {
    font-family: 'eurostileregular';
    src: url('/wp-content/themes/silentspace/css/eurostile-webfont.eot');
    src: url('/wp-content/themes/silentspace/css/eurostile-webfont.eot#iefix') format('embedded-opentype'),
        url('/wp-content/themes/silentspace/css/eurostile-webfont.woff2') format('woff2'),
        url('/wp-content/themes/silentspace/css/eurostile-webfont.woff') format('woff'),
        url('/wp-content/themes/silentspace/css/eurostile-webfont.ttf') format('truetype'),
        url('/wp-content/themes/silentspace/css/eurostile-webfont.svg#eurostileregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eurostileregular';
    src: url('/wp-content/themes/silentspace/css/films.eurostile-webfont.eot');
    src: url('/wp-content/themes/silentspace/css/films.eurostile-webfont.eot#iefix') format('embedded-opentype'),
        url('/wp-content/themes/silentspace/css/films.eurostile-webfont.woff2') format('woff2'),
        url('/wp-content/themes/silentspace/css/films.eurostile-webfont.woff') format('woff'),
        url('/wp-content/themes/silentspace/css/films.eurostile-webfont.ttf') format('truetype'),
        url('/wp-content/themes/silentspace/css/films.eurostile-webfont.svg#eurostileregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Santa Barbara';
    src: url('/wp-content/themes/silentspace/css/Santa Barbara.eot');
    src: url('/wp-content/themes/silentspace/css/Santa Barbara.eot#iefix') format('embedded-opentype'),
        url('/wp-content/themes/silentspace/css/Santa Barbara.woff2') format('woff2'),
        url('/wp-content/themes/silentspace/css/Santa Barbara.woff') format('woff'),
        url('/wp-content/themes/silentspace/css/Santa Barbara.ttf') format('truetype'),
        url('/wp-content/themes/silentspace/css/Santa Barbara.svg#eurostileregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Santa Barbara';
    src: url('/wp-content/themes/silentspace/css/Santa Barbara.eot');
    src: url('/wp-content/themes/silentspace/css/Santa Barbara.eot#iefix') format('embedded-opentype'),
        url('/wp-content/themes/silentspace/css/Santa Barbara.woff2') format('woff2'),
        url('/wp-content/themes/silentspace/css/Santa Barbara.woff') format('woff'),
        url('/wp-content/themes/silentspace/css/Santa Barbara.ttf') format('truetype'),
        url('/wp-content/themes/silentspace/css/Santa Barbara.svg#eurostileregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('/wp-content/themes/silentspace/css/Roboto-Bold.eot');
    src: url('/wp-content/themes/silentspace/css/Roboto-Bold.eot#iefix') format('embedded-opentype'),
        url('/wp-content/themes/silentspace/css/Roboto-Bold.woff2') format('woff2'),
        url('/wp-content/themes/silentspace/css/Roboto-Bold.woff') format('woff'),
        url('/wp-content/themes/silentspace/css/Roboto-Bold.ttf') format('truetype'),
        url('/wp-content/themes/silentspace/css/Roboto-Bold.svg#eurostileregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Italic';
    src: url('/wp-content/themes/silentspace/css/Roboto-Italic.eot');
    src: url('/wp-content/themes/silentspace/css/Roboto-Italic.eot#iefix') format('embedded-opentype'),
        url('/wp-content/themes/silentspace/css/Roboto-Italic.woff2') format('woff2'),
        url('/wp-content/themes/silentspace/css/Roboto-Italic.woff') format('woff'),
        url('/wp-content/themes/silentspace/css/Roboto-Italic.ttf') format('truetype'),
        url('/wp-content/themes/silentspace/css/Roboto-Italic.svg#eurostileregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.gap-1x{
    height: 10px;
}
.gap-2x{
    height: 20px;
}
.gap-3x{
    height: 30px;
}
.gap-4x{
    height: 40px;
}
.gap-5x{
    height: 50px;
}
.gap-10x{
    height: 100px;
}
.gap-20x{
    height: 200px;
}
.background{
    background-color: #1d296a;
    min-height: 96px;
}
.pageactu .col-xs-6 img { margin-bottom: 15px; max-width: 100%; height: auto; }
.pageactu .col-xs-12 li { list-style-type: none; }
.pageactu .col-xs-12 ul { padding-left:0; }
.pageactu .titre-article, .bloc-article .titre-article{ color: #1d296a; width: 100%; padding-bottom: 15px; font-size: 20px; font-weight: bold; display: block; }
.pageactu .contenu-article { text-align: justify; }
.pageactu .white .col-xs-6 { padding-left:0; }
.pageactu .btn-sociaux { float: right; margin-top: -25px; }

.actu-pagination {
  background: #e9e9e9;
  border-radius: 3px;
  border: 1px solid #ddd;
  border-top-color: #c5c5c5;
  border-bottom-color: #fff;
  padding: 2px 2px 3px 1px;
  display: inline-block;
}

.actu-pagination span {
  float: left;
  margin: 0 4px 0 0;
  font-size: 12px;
}
.actu-pagination span:last-child {
  margin: 0;
}
.actu-pagination span.current,
.actu-pagination span:active {
  box-shadow: none;
}
.actu-pagination span.current,
.actu-pagination span a:hover {
  color: #1d296a;
}
.actu-pagination span .delimeter {
  display: block;
  padding-top: 6px;
}
.actu-pagination a, .actu-pagination .current {
  float: left;
  background: #fff;
  background: -webkit-linear-gradient(top, #fff, #f5f5f5);
  background: linear-gradient(top, #fff, #f5f5f5);
  border-radius: 3px;
  padding: 4px 10px;
  border: 1px solid #d9d9d9;
  border-top-color: #fff;
  border-bottom-color: #b6b7b9;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14);
  color: #666;
  text-decoration: none;
}
.actu-pagination .actu-page {
  float: left;
  padding: 4px 10px;
  color: #666;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
}

.logo{
    margin-top: 20px;
}
.actu-img-resp img{ max-width:100%; height: auto; }

.bloc-article {
    display: inline-block;
}

.logo-article-right { 
    float: right; 
    border: medium none !important;
    margin-top: 20px;
}
.clear { clear: both; }
.white{
    background-color: #fff !important;
    padding: 20px 20px 0 !important;
}
.contact-line{

    line-height: 0.5em !important;

}
.menu-1{
    background-color: #ffcb05;
    padding: 16px;
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 10px;
}
.menu-2{
    background-color: #00addb;
    padding: 16px;
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 10px;
}
.menu-3{
    background-color: #fff;
    padding: 16px;
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 10px;
}
.menu-4{
    background-color: #b1b3b6;
    padding: 16px;
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 10px;
}

.icon{
    position: absolute;
    margin-top: -30px;
    margin-left: 30px;
}

.s-image{
    margin-top: -150px;
    margin-left: 310px;
}

.c-image{
    position: relative;
    margin-left: -130px;
}
.videoo{
    position: relative;
    margin-left: 160px;
    margin-top: -210px;

}
#mep_0 { width: 600px !important; height: 315px !important; }

.stand img{
    margin-left: -80px;
    margin-top: -110px;
    position: fixed;
    z-index: 0;
}
.waw img{
    background-size: cover;
    position: absolute;
    margin-left: 50px;
    margin-top: 5px;

}
.devis img{
    float: right;
    margin-top: 10px;
    width: 265px !important;
}
.blue{
    background-color: #1d296a;
}
.white2 {
    color: #fff;
    font-size: 12px !important;
}



@media only screen and (max-width : 360px) {
    .videoo {
        margin-left: 10px;

    }
    .s-image {
        margin-top: 13px;
        margin-left: 18px;
    }
    .slider{
        margin-top: 130px;
        margin-left: 30px;
    }
    .c-image {
        position: relative;
        margin-left: 30px;
        bottom: -990px;
    }
    .footer {
        background-color: #fff;
        padding: 10px;
        padding-bottom: 10px;
        margin-top: 180px;
        font: 15px/20px 'eurostileregular',Arial, Helvetica, sans-serif;
    }
    .icon {
        margin-left: -7px;
    }
    .menu-1 {
        background-color: #FFCB05;
        padding: 13px;
        font-weight: 570;
        font-size: 10px;
        margin-bottom: 10px;
    }
    .menu-2 {
        background-color: #FFCB05;
        padding: 13px;
        font-weight: 570;
        font-size: 10px;
        margin-bottom: 10px;
    }
    .menu-3 {
        background-color: #FFCB05;
        padding: 15px;
        font-weight: 570;
        font-size: 10px;
        margin-bottom: 10px;
    }
    .menu-4 {
        background-color: #FFCB05;
        padding: 15px;
        font-weight: 570;
        font-size: 10px;
        margin-bottom: 10px;
    }
    .logo img{
        width: 100%
    }
    .devis img {
        //  margin-top: -616px;
        // position: absolute;
        margin-left: 30px;
    }
}

@media  screen and  (min-width : 220px) and (max-width : 1297px) {
    .c-image{


        display: none !important;
    }
    .videoo{

        margin-top: 0px !important;
    }
    .slider {
        //margin-top: 150px !important;

    }


}
@media  screen and  (min-width : 220px) and (max-width : 991px) {
    .padding-top{
        padding-top: 50px !important;
    }
}








@media  screen and  (min-width : 220px) and (max-width : 425px) {
    .commonmenu{
        padding:4px !important;

    }
    .commonmenu > p{
        font-size: 10px !important;
        font-family: 'Michroma', sans-serif;
    }
}

@media  screen and  (min-width : 220px) and (max-width : 991px) {


    .devis img{
        margin-top: 0px !important;
        //  position: absolute;
        margin-left: 0px !important;
    }
}
.mainMenu{

    width: 57% !important;
    margin: 0 auto !important;
    position: relative !important;
    top: 3px !important;

}
#menu-main-menu{

    float: right !important;
}

#menu-main-menu > li{

    float: left;
    list-style-type: none;
    font-size: 15px;
}
/*contact*/
/*
.wpcf7-form input[type="text"], 
.wpcf7-form input[type="email"], 
.wpcf7-form input[type="url"], 
.wpcf7-form input[type="password"], 
.wpcf7-form input[type="search"], 
.wpcf7-form textarea {
    padding-bottom: 0 !important;
    padding-left: 5px;
    padding-right: 0 !important;
    padding-top: 0 !important;
}

.wpcf7-text {
    font-size: 15px;
    height: 25px;
    line-height: normal;
}*/
.gform_body input { border-radius: 20px; }
.gform_wrapper .gform_footer { padding: 0 !important }
.gform_wrapper { padding: 20px; margin-left: 5px; background-color: #fff; max-width: 100% !important; }
.gform_wrapper .top_label .gfield_label { color: #00addb; margin: 0 !important; }
.contactbody { padding: 0 0 0 15px; }

.blue2-text {
    color: #00addb !important;
}
.contactlabel{
    border-radius: 20px !important;
}
.formheight{
    float: left;
    height: 35px !important;
    width: 50%;
}
.txtblock{
    border-radius: 20px;
    height: 80px;
}
.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.emp {
    background-color: #00addb;
    color: #fff;
    font-weight: 900;
}
.contactbtn{
    width: 120px !important;
}
.gform_confirmation_message { padding-top: 50px; }
.s3 {
    background-color: #1d296a;
    height: 30px;
    width: 100%;
}

.s1 {
    width: 100%;
    background-color: #00addb;
    height: 30px;
}
.s2 {
    background-color: #ffcb05;
    height: 26px !important;
    width: 100%;
    padding: 5px;
    margin-top: 10px;
}
.nicolas{
    width: 100%;
    padding: 4px;
    /* margin-top: 10px; */
    color: #fff;
    font-size: 15px;
     background-color: #ffcb05;
       font-family: 'Roboto-Italic';
    
}
.b1 {
    color: #00addb;
    font-weight: 900;
}
.blue-text {
    font-weight: 600 !important;
    color: #1d296a;
}
.b11 {
    color: #00addb;
    font-weight: 600;
    margin-bottom: 5px;
}
.b33 {
    color: #ffcb05;
    font-size: 12px;
    font-weight: 600;
}
.b333 {
   
    font-size: 12px;
    font-weight: 600;
}
.b3 {
    font-size: 12px;
    font-weight: 600;
}
.blue-text h5{
    margin-bottom: 5px;
}
/*.upimg2{
    
    top: -75px;
    position: relative;
}*/
.u2 img {
    margin-left: 30px;
    position: absolute;
    margin-top: -211px;
    width: 60%;
}

.mar {
    margin-top: -80px;
}
.padd {
    padding: 10px;
}
.white {
    background-color: #fff !important;
}
.grey-back .row .col-md-7, 
.grey-back .row .col-md-7 .row .col-md-3,
.grey-back .row .col-md-7 .row .col-md-12{
    padding-left: 0 !important;
}
/*.grey-back .row .col-md-7 .row .col-md-9 { margin-left: -10px !important }*/

.u1 img {
    margin-left: -140px;
    position: absolute;
    margin-top: -50px;
    width: 65%;
}


.u3 img {
    margin-left: 60px;
    position: absolute;
    width: 25%;
    margin-top: 120px;
}

#menu-main-menu > li{

    width:55px !important;
}
.featuredimg { padding: 0 !important; }
.featuredimg > img {
    width: 130px;
    width: 100%;
    max-height: 83px;
}
p {
    margin: 0 0 10px !important;
    font-size: 14px !important;
}
.s-image > img{


    height: 160px !important;
}
.commonmenu > p{
    font-family: 'Michroma', sans-serif;
    font-size: 10px !important;

}
a {
    /*    color: #337ab7 !important;
        text-decoration: none;
        font-size: 14px  !important;*/
}

#menu-main-menu > :first-child {
    width: 150px !important;

}
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    background-color: #fff !important;
    /*    line-height: 1.42857143  ;*/
    color: #333  ;



}
h3 {
    font-size: 24px !important;
    font-weight: 0 !important;
}
.morebutton{

    /*    margin-top: 15px !important;*/
}
.u6 img {
   // margin-left: -118px;
   // position: absolute;
    width: 90%;
 //   margin-top: 38px;
 margin: 0 auto !important;
}
.wpcf7-form p{

    font-size: 10px !important;
}
.floatleft{

    float:left !important;
    width: 38px;
}
.floatleft2{

    float:left !important;
    width: 65%;
}
.formsubmit{

    float: right !important;
    width: 55% !important;
    margin-top: 10px !important;
}
.formsubmit > input {
    background-color: #00addb !important;
    color: #fff !important;
    font-weight: 900 !important;
    text-transform: capitalize !important;
    margin-left: 46px;
}
.btmbbg {
    background: #fff none repeat scroll 0 0;
    padding: 7px 0 4px;
    text-align: center;
}
.videow {
    width: 292px;
    height: 142px;
}
.welcome {
    font-size: 16px;
    padding: 15px 0 15px 115px;
    margin-top: -14px;
    font: 15px/20px 'eurostileregular',Arial, Helvetica, sans-serif !important;
}
.listing {
    background: #fff url(/wp-content/themes/silentspace/img/right-panel-text-bg.png) no-repeat 20px -5px !important;
    padding: 40px 0px 10px 20px !important;
    font-family: 'Roboto', sans-serif !important;
    width: 320px;
}
.footerContainer{

    height: 58px;
    padding: 20px;
}

.menudown1{
    height: 84px;
    background-color: #BAA44D;
    width: 85% !important;

}
.menudown2{
    height: 84px;
    background-color: #00D6F3;
    width: 85% !important;
}
.menudown3{
    height: 84px;
    background-color: #BAC0DC;
    width: 85% !important;
}
.menudown4{
    height: 84px;
    background-color: #BAC0DC;
    width: 85% !important;
}
.slienthead{

    font-family: 'Michroma', sans-serif !important;
    font-size: 11px !important;


    font-weight: 600;
}
.carousel-control{


    background: #222222 none repeat scroll 0 0;
    border: 0 solid #ffffff;
    border-radius: 23px;
    color: #ffffff;
    font-size: 60px;
    font-weight: 100;
    height: 40px;
    left: 0;
    line-height: 30px;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    top: 43%;
    width: 40px;
}
p.post-title { text-align: left !important; }
.post-title > a{
    color: #1d296a !important;
    font-size: 14px  !important; /*18px*/
    margin: 0px  !important;
    font-family: 'Roboto', sans-serif  !important;
    font-weight: bold;
}
.post-content{
    color: #34454e  !important;
    font-size: 11px  !important;
    font-weight: bold;
}
.more{
    color: #8a8c8e !important;
    font-style: italic;
    text-decoration: none;
    font-size: 12px !important;
/*    margin-left: 17px;*/
}
.postContainer{

    width: 50%;
    margin: 0 auto;
}
.postTitle{
    float: left;
    width: 50%;

}

.pink-text{
    color: #b23588;
    font-weight: bold !important;
}
.black-text{
    color: #000;
    font-weight: bold !important;
}
.morebutton{

    color: #1d296a !important;
    font-size: 17px !important;
    text-decoration: none !important;
    padding: 0 !important;
}
.footer {
    background-color: #fff !important;
    padding: 10px !important;
    padding: 0px 0 0;
    font-size: 12px !important;
    line-height: 16px;
    font: 15px/20px 'eurostileregular',Arial, Helvetica, sans-serif;
}
/*16-3-16*/

body {
    color:#1f1a17;
    background-color: #E6E7E9 !important;
    font:15px/20px 'eurostileregular',Arial, Helvetica, sans-serif;
}
.home{

    background:#fff url(/wp-content/themes/silentspace/img/btm-body-bg.jpg) no-repeat 50% 0 !important;
}
.header{
    background-color: #1d296a;
    height: 107px;
}
.header .headstyle{
    background-image: url("/wp-content/themes/silentspace/img/ondefull.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100px;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.header .container-fluid { 
    position: relative; 
    z-index: 2; 
}
.header #lang_sel_list {
    /*bottom: -50px;
    display: block;*/
    height: 0;
    position: absolute;
    /*right: 100px;*/
    z-index: 99;
    left: 450px;
}
header .wpml-ls-legacy-list-horizontal {
    border: 1px solid transparent !important;
    padding: 0 !important;
}

@media screen and (max-width: 1000px) {
    .header #lang_sel_list {
        bottom: 0;
        display: inline;
        right: 0;
    }
    .header #lang_sel_list ul{
        float: none;
        display: block;
        text-align: center;
        margin-bottom: 20px !important;
    }
    .header #lang_sel_list li{
        float: none;
        display: inline-block;
    }
}

.header #lang_sel_list ul a, .header #lang_sel_list_list ul a:visited {
    background: transparent !important;
}
#lang_sel_list ul a {
    background: transparent !important;
}
.header #lang_sel_list img.iclflag {
    border: 1px solid #fff;
}
.header-mobile{
   /* background:#1d296a url(/wp-content/themes/silentspace/img/top-bg.jpg) no-repeat 50% 0;*/
    height: 163px !important;
}
.header-mobile #lang_sel_list ul {
    margin: auto !important;
    text-align: center;
}
.header-mobile #lang_sel_list li {
    display: inline-block;
    float: none;
}
.bloc-container { max-width: 1400px;  margin-left: auto; margin-right: auto; }
.logo {
    display: inline-block;
    float: left;
    padding: 10px 0 25px 10px;
    position: relative;
    left: 100px;
    width: auto;
    top: -8px;
}
/*Nav Start*/
.nopadding{
    padding:0px !important;
}
.menu-wrapper{
    //float:right;
    display:block;
    width:auto;
    //position:absolute;
    top:0;
}
ul#menuid > li > ul {
    list-style: none;
}
ul#menuid{
    float:left;
    padding-left: 0;
    margin-left: 0;
}
ul#menuid li a{
    color:#1d296a;
    text-decoration:none;
    font:15px/20px 'eurostileregular',Arial, Helvetica, sans-serif;
}
ul#menuid li.nav-1{
    cursor: pointer;
    float: left;
    margin: 0 20px 0 0;
    padding: 27px 0 0;
    text-align: center;
    z-index: 9999;
    color: #1d296a;
    text-decoration: none;
    font: 15px/20px 'eurostileregular',Arial, Helvetica, sans-serif;
    display: block;
    width: 139px;
    height: 143px;
    background: url("/wp-content/themes/silentspace/img/menu-btn1.png") 0 0 no-repeat;
}
ul#menuid li.nav-2{
    cursor: pointer;
    float: left;
    margin: 0 20px 0 0;
    padding: 27px 0 0;
    text-align: center;
    z-index: 9999;
    color: #1d296a;
    text-decoration: none;
    font: 15px/20px 'eurostileregular',Arial, Helvetica, sans-serif;
    display: block;
    width: 139px;
    height: 143px;
    background: url("/wp-content/themes/silentspace/img/menu-btn2.png") 0 0 no-repeat;
}

ul#menuid li.nav-3{
    cursor: pointer;
    float: left;
    margin: 0 20px 0 0;
    padding: 27px 0 0;
    text-align: center;
    z-index: 9999;
    color: #1d296a;
    text-decoration: none;
    font: 15px/20px 'eurostileregular',Arial, Helvetica, sans-serif;
    display: block;
    width: 139px;
    height: 143px;
    background: url("/wp-content/themes/silentspace/img/menu-btn3.png") 0 0 no-repeat;
}
ul#menuid li.nav-4{
    cursor: pointer;
    float: left;
    margin: 0 20px 0 0;
    padding: 27px 0 0;
    text-align: center;
    z-index: 9999;
    color: #1d296a;
    text-decoration: none;
    font: 15px/20px 'eurostileregular',Arial, Helvetica, sans-serif;
    display: block;
    width: 139px;
    height: 143px;
    background: url("/wp-content/themes/silentspace/img/menu-btn4.png") 0 0 no-repeat;
}
ul#menuid li.nav-1:hover, ul#menuid li.nav-2:hover, ul#menuid li.nav-3:hover, ul#menuid li.nav-4:hover{
    background-position:0 -143px;
}
.welcome {
    font-size: 16px;
    padding: 15px;
}
.listing:lang(fr-FR) {
    background: #fff url(/wp-content/themes/silentspace/img/right-panel-text-bg.png) no-repeat 20px -5px !important;
    padding: 40px 0px 10px 20px !important;
    font-family: 'Roboto', sans-serif !important;
}
.listing:lang(en-US) {
    background: #fff url(/wp-content/themes/silentspace/img/title-news.png) no-repeat 20px -5px !important;
    padding: 40px 0px 10px 20px !important;
    font-family: 'Roboto', sans-serif !important;
}
.listing .row { padding-bottom: 5px; }
footer {
    text-align: center;
    padding: 50px 0 0;
    font-size: 12px;
    line-height: 16px;
}
footer a {
    color: #000;
    text-decoration: none;
}
.btm-part{
    float: left;
    left: -35px;
    padding: 10px 0 0;
    //   position: absolute;
    width: 100%;
}
.btmbbg{
    background: #fff none repeat scroll 0 0;
    padding: 7px 0 4px;
    text-align: center;
}
.slider {
    background-color: #fff;
    left: 28px;
    padding: 12px 10px 12px 12px;

}

.carousel {
    position: relative;
}
carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    line-height: 1;
}

.carousel-inner>.item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
.bold {
    /* font-weight: bold; */
    font-size: 13px !important;
    text-align: justify;
}

.yellowtxt{

    position: relative;
    top: -30px;
    left: 17px;
}
span.yellowtxt {

    font-size: 12px !important;
}
.boxes-container{
    height: 125px;
    margin-top: -15px;
}
.sidebar-distance{

    line-height: 0.9em;
    margin: 0;
    padding-right: 0;
}
.imgpadding{
    padding-top: 21px;
    padding-left: 18px;
}

.u5 > img {
    position: relative !important;
    left: 60px !important;
    top: 53px !important;
}
.u4 > img {
    position: relative !important;
    left: -47px !important;
    top: 58px !important;
}
.more1{

    margin-top: -10px !important;
}

/*17-3-16*/
/*header responsive*/




/*@media  screen and  (min-width : 992px) and (max-width : 1036px) {
    #menuid{
        
        padding-left:0px !important;
    }
    
    
}*/

@media  screen and  (min-width : 1080px) and (max-width : 1420px) {
    .btm-part .imgbtn { height: 115px !important; }

}
@media  screen and (max-width : 600px) {
    .rightbloc { float: none; }
    .boxes-container { padding: 0 !important; }
    #menuid { padding: 5px !important; }
    .devis img { width: 180px !important; }
    .logo { left: 0!important; display: block !important; float: none !important;}

}

@media screen and (max-width: 1024px){
    .listing{
     /*width: 30% !important;*/
        margin: 0 auto !important;
        padding-left: 0 !important;
        width: 250px;
    }
    .devis{

        width: 30% !important;
        margin: 0 auto !important;
    }
    .rightbloc { float: left !important; }

}

@media  screen and  (min-width : 225px) and (max-width : 1209px) {
    .header{

        height: auto !important;
    }
    .boxes-container{

        height: auto !important;
    }

}

@media  screen and  (min-width : 225px) and (max-width : 1198px) {

    .logo{

        width: 58% !important;
        margin: 0 auto  !important;

    }
    .four-boxes{

        width: 100%  !important; /*width: 75%  !important;*/
        margin: 0 auto  !important;

    }
    .stand > img{

        display:none !important;
    }
}

@media  screen and  (min-width : 1297px) and (max-width : 1500px) {

    .stand img{

        margin-left: -98px !important;
    }


}     

@media  screen and  (min-width : 515px) and (max-width : 928px) {

   /* .listing{

        width:50% !important;
        margin: 0 auto !important;

    }*/
    .devis{

        width:50% !important;
        margin: 0 auto !important;
    }
}

@media  screen and  (min-width : 200px) and (max-width : 514px) {

    /*.listing{

        width: 100% !important;
    }*/

}


@media  screen and  (min-width : 225px) and (max-width : 766px) {

    .btm-part{

        float:none !important;
        width: 50%  !important;
        margin: 0 auto  !important;

    }


}
@media  screen and  (min-width : 225px) and (max-width : 739px) {

    .sidebar-distance{

        line-height: 1.9em;
    }
}

.wpcf7-submit {
    padding: 4px 25px !important;
}
.floatleft2{
    width: 75% !important;
}



.carousel-inner img {
    margin: auto;
    width: 100% !important;
}

ul#menuid li.active_menu.nav-1 {
    
     background: rgba(0, 0, 0, 0) url("/wp-content/themes/silentspace/img/menu-11.png") no-repeat scroll 50% 0;
color: #fff !important;
    
}
ul#menuid li.active_menu.nav-2 {
    
     background: rgba(0, 0, 0, 0) url("/wp-content/themes/silentspace/img/menu-21.png") no-repeat scroll 50% 0;
color: #fff !important;
    
}
ul#menuid li.active_menu.nav-3 {
    
     background: rgba(0, 0, 0, 0) url("/wp-content/themes/silentspace/img/menu-23.png") no-repeat scroll 50% 0;
color: #fff !important;
    
}
ul#menuid li.active_menu.nav-4 {
    
     background: rgba(0, 0, 0, 0) url("/wp-content/themes/silentspace/img/menu-24.png") no-repeat scroll 50% 0;
color: #fff !important;
    
}


.active_menu a span{

    color:#fff !important;
}
.yellow-text {
    color: #ffcb05 !important;
    font-family: Roboto;
    font-size: 21px !important;
    font-weight: 600;
    line-height: 1.3em;
    margin-top: 0px;
}
.graybg{
    background-color: #E9E9EB !important;
}

/*header*/
.header-mobile{

    display: none;
}
.content-area-mobile{

    display: none;
}
.footer-mobile{

    display: none !important;
}


.btn-info{

    background: none !important;
    border: none !important;
}
.leftbloc { padding-left: 10px; }
.rightbloc { float: right; }
.resetimg{
    height: auto;
    padding: 0 !important;
    margin: 0;
}
.resetright { padding-right: 0 !important; }
.resetpadding { padding: 0 !important; }
.contactimg {
    height: auto;
    margin: 0;
    padding-bottom: 0 !important;
    padding-left: 15px !important;
    padding-right: 0;
    padding-top: 0 !important;
}
.workteam {
    width: auto !important;
    margin-left: -30px;
}
.imgbtn { max-height: 140px; width: auto; margin: 3px 0 3px 3px; }
.imgbtn:hover { cursor: pointer; }

@media  screen and  (min-width : 225px) and (max-width : 1490px) {

    .videoclass{

        height: auto !important;

    }
    .videobtn{

        padding-left: 0px !important;
    }
}

.sliderband{

    //background-color: #FFCB05;
    position: absolute;
    top: 29%!important;
    z-index: 10000;
    margin-right: 40px;
    left: 68%;
    padding: 9px;
    text-align: center;
}
@media  screen and  (min-width : 1200px) and (max-width : 1297px) {
    .sliderband{

        left: 67% !important;

    }
}

@media  screen and  (min-width : 651px) and (max-width : 766px) {
    .sliderband{

        top: 15%!important;
        left: 67% !important;

    }
}

@media  screen and  (min-width : 481px) and (max-width :650px) {
    .sliderband{

        top: 13%!important;
        left: 63% !important;

    }
}
.b10 {
    font-size: 13px !important;
}
.b11 {
    color: #00addb;
    font-weight: 600;
}
.b12{
    color: #00addb;
    font-weight: 600;
    font-size: 13px !important;
}
.espace-text {
    font-size: 12px !important;
    padding-left: 14px !important;
    font-weight: bold;
    line-height: 1.3em  !important;
}
espace-text li {
    color: #00addb  !important;
} 
espace-text li span{
    color: #000  !important;
}
.block-blue{  width: 100%;
              margin-left: 0px;
}
.espace-blue{
   padding-left: 14px;
  font-size: 12px !important;
    font-weight: bolder;
     line-height: 1.3em  !important;
}
.espace-blue ul li{
    color: #1d296a;
} 
.espace-blue ul li span{
    color: #000;
}

.oul {
    background-color: #fff;
    padding: 13px !important;
}
.right > img{

    width: 281px !important;
}
.carousel-control.right{
    right: 241px !important;
    opacity: 1.5 !important;
    background: none !important;
}
.text-b {
    font-size: 13px !important;
    text-align: justify;
    font-weight: bold !important;
    font-family: Roboto;
}
.text-pading{
    padding-right: 0px !important;
    padding-left: 5px !important;
}
.text-pading1{
    padding-right: 0px !important;
}
.space-padding {
    padding-right: 1px;
    padding-left: 0 !important; /*5px*/
    line-height: 1em;
    margin-top: 9px;
}
.col-lg-11 .col-lg-4 img {
    overflow: hidden;
    padding: 0 !important;
    width: 100% !important;
}

.offset-oul{
padding-right: 0px !important;
 /*margin-left: 12.33% !important;*/
}
 .white22{   font-size: 12px !important;
    padding-left: 0px;
    text-align: justify;
}
.paddinmd{

    padding-top: 14px;
}
.padding20{
    
    padding: 20px !important;
}
.devis{
    padding-bottom: 10px !important;
    padding-right: 1px;
    margin-right: -10px;
}
.silent-text {
    font-size: 13px !important;
    line-height: 1.2em;
    font-weight: bold !important;
    margin-bottom: 6px !important;
}
.bold-new {
    padding-left: 16px;
    font-size: 12px !important;
    margin-bottom: 6px;
}
obj-img{
padding-left: 0px;
    padding-right: 0px;}
.margin-tp {
    margin-top: 0px;
}
.le-text{
    font-size: 15px;
    font-weight: 700;
    font-family: Roboto;}

 .mobile-sol{
      
          display:none !important;
    }
    .desktop-sol{
          display:block !important;
      
    }
   .bold-le {
    font-size: 12px !important;
    text-align: justify;
    font-weight: bold;
    margin-bottom: 0px !important;
   }
   .au-text{
font-size: 12px !important;
    font-weight: 800;
}
.actu-thumb{
    background-color: #fff;
    padding: 10px;
    
}
.actu-thumb > img{ 
width: 100%;

}
.desktop-actuu{
    
    display: block !important;
}
.actucss img{ 
    margin: 2px;
    padding: 3px;
    border: 1px solid #bbb;
    background: #F4F4F4;
    color: #777;
    box-shadow: 0 0 0 16px #fff inset,
                0 0 0 17px #DAD4D4 inset;
}
.mobile-actuu{
    
    display: none !important;
}
.actuu-single{
background-color: #fff !important;
    padding: 10px !important;
}
.acousti-text {
    padding: 10px !important;
    text-align: justify;
    font-family: Roboto;
    line-height: 0.9em;
    
}
.acousti-text h3 {
    font-size: 18px !important;
    margin-bottom: 5px !important;
    margin-top: 0px !important;
}
.p-text{ 
    text-align: justify;
    font-family: Roboto;
    line-height: 1em;
}
.text-h{
    font-size: 17px !important;

}
.acousti-img{
//background-color: #fff !important;
}
p{
    text-align: justify !important;
    
}
.skyblue-text{
    
    color: #55C8E7;
    text-align: center !important;
}
.barbaratxt{
    
    font-family: 'Santa Barbara'  !important;
    
}
.robotobold{
 font-family: 'Roboto-Bold';
}

.robotoitalic{
  font-family: 'Roboto-Italic';
  font-size: 16px !important;
}
.margintop44{
    
    margin-top:-44px;
}
.acosti-img {
    width: 70px !important;
    margin-top: -8px !important;
}
.acosti-mg{
padding-left: 0px
}
.align-center{
    
    text-align: center !important;
}
.yellow1 {
    color: #ffcb05 !important;
    font-weight: 900;
    font-size: 16px;
}
.yellow2 {
    color: #ffcb05 !important;
    font-weight: 600;
    font-family: 'Roboto-Italic';
    font-size: 15px !important;
}
.text-titre{
font-size: 21px !important;
}

.text-empos {
    font-size: 13px !important;
    line-height: 1.3em;
    font-family: Roboto;
}
.titre-col {
    padding-left: 0px;
    padding-right: 10px;
}
.bb1 {
    color: #00addb;
    font-weight: 900;
    font-size: 16px;
}

.text-leq{
    font-size: 13px !important;
    font-family: Roboto;
    line-height: 1.4em;
}
.c2map{
    
    height: 278px;
    
}
.contacttxt1{
        
    margin-top: -56px;
    padding: 7px;
    line-height: 1.3em;
    color: #fff;
    font-size: 12px;
    padding-bottom: 0px;
}

.acostipading{
    padding-left: 0px;
}
.bluepading{
    padding-left: 9px;
}
.fonction {
      font-size: 12px !important;
    margin-bottom: 0px !important;
    line-height: 1.3em;
}
.fonctionf1 {
        color: #ffcb05;
    font-weight: 800;
    font-family: Roboto;
}
.paddingleft15{
    
    padding-left: 15px !important;
}

/*responsive*/
@media screen and (max-width: 1645px){
    
    /*.header{
         background: #1d296a url(/wp-content/themes/silentspace/img/header-onde2.png) no-repeat 25% 0 !important;
    }*/
    
}
@media screen and (max-width: 480px) and (min-width: 341px){
    .commonnav{

        width: 70px !important; 
        margin: 0 4px 0 0  !important;
    }

}
@media screen and (max-width: 340px) and (min-width: 225px){
    .commonnav{

        width: 60px !important; /*70px*/
        margin: 0 1px 0 0 !important;
    }
}


@media  screen and  (min-width : 225px) and (max-width : 480px) {
    .offset-oul{
        
        padding-left: 0px !important;
    }
    .mobilebackground{
        background-color: #fff !important;
    }
    .mobile-sol{
        display:block !important;
        
    }
    .desktop-sol{
        
        display:none !important;
    }
    
    
    .space-padding{
        
        line-height: 1.5em !important;
    }

    .right > img{

        width: 175px !important;
    }
    .carousel-control.right{
        right: 130px !important;
        opacity: 1.5 !important;
        background: none !important;
    }
    .devis{

        width: 90% !important;
        margin: 0 auto !important;
    }
    .grey-back{

        background-color: #E6E7E9 !important;
        width: 107% !important;
        padding-bottom: 10px !important;

    }
    .full-grey{
        background-color: #E6E7E9 !important;

    }

    .header{

        display: none;
    }

    .header-mobile{

        display:block;
        background: #1d296a url(/wp-content/themes/silentspace/img/top-bg.jpg) no-repeat 19% 0 !important;
        height: 163px !important;
    }
    .logo img{

        width: 100%;
        margin-top: 17px;
    }
    .four-boxes{

        width: 100% !important;
    }
    #menuid{


        padding-left: 15px;
        margin-left: 0px;
    }

    .content-area{
        display: none;

    }
    .content-area-mobile, .single .content-area{

        display: block;
    }
    .slider{
        width: 100% !important;
        margin-top: 20px !important;
        margin-left: 0px !important;
    }
    .welcome {
        padding: 50px 0 0px 33px !important;

    }
    .boxes-container{


        z-index: 10000 !important;
    }
    .whitetext{

        margin-top: -95px !important;
        z-index: 0 !important;
    }
    .btm-part{

        width: 84% !important;
    }
    .devis > img{
        // width: 100% !important;

    }
    .footer{
        display: none;

    }
    .footer-mobile{

        display: block !important;
        background-color: #E6E7E9 !important;
        padding: 20px !important;
        width: 105% !important;
        font: 15px/20px 'eurostileregular',Arial, Helvetica, sans-serif;
    }
    .copyright{
        color: #8D8E90;
        border-top: 1px solid #8D8E90 !important;
        padding: 20px !important;
    }
    .copyright a{
        color: #8D8E90;

    }
    ul#menuid li a{

        font-size: 12px !important;
    }
    .sideimg{

        display: none !important;
    }
    .masqad{
        background-color: #E9E9EB !important;
        padding: 20px !important;


    }
    .sidebar-distance{

        line-height: 1.9em;
       /* margin-left: -19px !important;*/
    }

    .sliderband{

        top: 15%!important;
        left: 43% !important;

    }
    .videoclass{

        width: 100%;
        height: 156px;
        padding: 6px !important;
        margin-top: -7px;
    }
    .videobtn{
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .yellowdeco{

        width: 100%;
    }
    .decoimg{
        padding-left: 0px;
        padding-right: 0px;

    }
    .meetingimg{

        padding: 40px;
    }
    .meetingimg  img{
        width: 100% !important;

    }
    .carousel-indicators{

        top: 87% !important;
    }
    .oul{
        
        background: none !important;
       padding-left: 17px !important;
    }
    .offset-oul{

 margin-left: 0 !important;
}
.oul-img{
    width: 210px !important;
    height: 147px !important;
    background-color: #fff !important;
    padding: 10px !important;
    
}
.b11 {
    
    margin-left: 10px !important;
}
.b12{
    margin-left: 10px !important;
    
}
.blue-text-oul{
    margin-left: 15px !important; 
}
.desktop-actuu{
    
    display: none !important;
}
.mobile-actuu{
    
    display: block !important;
}

.acousti-text{
    
    line-height: 1.9em !important;
}
.slider{
    
    margin-left: 0px !important;
}
.acousimg{
    width: 100% !important;
}

.backparaa1{
     width: 100% !important;
    
}
.backparaa2{
     width: 100% !important;
    
}
.c2map{
    
 width: 100% !important;
    
}
}


/*/contact responsiveness/*/
/*@media screen and (min-width: 992px) and (max-width: 1194px){
    .backparaa2{
        
        
        width: 164% !important;
    }
    .backparaa1{
        
        width: 164% !important;
    }
    

@media screen and (min-width: 769px) and (max-width: 990px){
  .sitefd{
        
        
        width: 106% !important;
    }
    .backparaa1{
        
         width: 106% !important;
        
    }
    .backparaa2{
        
           width: 106% !important;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px){
    .sitefd{
        
        width: 106% !important;
    }
    .backparaa1{
          width: 106% !important;
        
    }
    .backparaa2{
           width: 106% !important;
        
    }
}
*/
/*/header responsive/*/
.headernav1{
    background: rgba(0, 0, 0, 0) url("/wp-content/themes/silentspace/img/La_solution2.png") no-repeat scroll 50% 0;
    cursor: pointer;
    display: block;
    float: left;
    height:36px;
    margin: 0 20px 0 0;
    padding: 27px 0 120px;
    text-align: center;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    width: 139px;
    z-index: 9999;
}
.headernav2{
    background: rgba(0, 0, 0, 0) url("/wp-content/themes/silentspace/img/Masquage_sonore2.png") no-repeat scroll 50% 0;
    cursor: pointer;
    display: block;
    float: left;
    height:36px;
    margin: 0 20px 0 0;
    padding: 27px 0 120px;
    text-align: center;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    width: 139px;
    z-index: 9999;
}
.headernav3{
    background: rgba(0, 0, 0, 0) url("/wp-content/themes/silentspace/img/Où_l’implanter2.png") no-repeat scroll 50% 0;
    cursor: pointer;
    display: block;
    float: left;
    height:36px;
    margin: 0 20px 0 0;
    padding: 27px 0 120px;
    text-align: center;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    width: 139px;
    z-index: 9999;
}

.headernav4{
    background: rgba(0, 0, 0, 0) url("/wp-content/themes/silentspace/img/Contacts2.png") no-repeat scroll 50% 0;
    cursor: pointer;
    display: block;
    float: left;
    height:36px;
    margin: 0 20px 0 0;
    padding: 27px 0 120px;
    text-align: center;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    width: 139px;
    z-index: 9999;
}
@media screen and (min-width: 220px) and (max-width: 991px){
    .contactbody{
    
        width: 100% !important;
   /* height: 318px;*/
    padding: 10px;
}

    
}


/*26-3-16*/

.para-lineheight{
    
        line-height: 1.3em !important;
    
}

.bold-son{
    padding-left: 75px;
    padding-right: 4px;
    font-size: 12px !important;
    text-align: justify;
    font-weight: bold;

}
.contactpara1{
    line-height: 1.2em;
    padding: 6px 10px 20px;
    width: auto; 
    text-align: left !important;
}

.contactpara2{
line-height: 1.2em;
padding: 5px 10px 20px;
text-align:  left !important;
/* margin-top: -22px !important;*/
/* width: 86%;*/
   
}
.sitefd {
    height: auto;
    width: 100%;
}
.backparaa1{   
    background-color: #fff;
    width: 100%;
}
.backparaa2{
    background-color: #fff;
    width: 100%;
}
.img-28{
    margin: 0 0 0px !important;
    height: 243px;
}

.sous{ font-size: 13px !important;
    text-align: justify;
    font-weight: normal !important;
}
.text-retour{
    font-family: 'Roboto-Italic';
    font-size: 14px !important;
    text-align: left !important;
    color: #aab3b9;

}

.oul-img{
    width: 210px !important;
    height: 147px !important;
  
    
}
.acousti-text{
    
    //position: relative !important;
   // top: -70px  !important;
 //   color: #fff  !important;
    
}

/*1024 resolution*/

@media screen and (min-width: 481px) and (max-width: 1200px){
    .sideimg{
        
        display:none !important;
    }
    
    /*.header{
        
         background:#1d296a url(/wp-content/themes/silentspace/img/top-bg.jpg) no-repeat -32% 0 !important;
    }*/
    .header .headstyle{
        
        background-image: none !important;
    }
    .listingacousti {
    
    
    width: 100% !important;
    margin: 0 auto !important;
    
}
.offset-oul{
    
    margin-left: 0px !important;
}
    
    
}
.objDynamic {
    width: 100%  !important;
    background-color: #fff !important;
    padding: 10px  !important;
    
}
.acousti-text2{
    
  padding: 10px !important;
    text-align: justify;
    font-family: Roboto;
    line-height: 0.9em;
    position: relative;
    top: -90px;
    left: 10px;
    color: #fff;
}
.whitebg{
    
    background-image: url('/wp-content/themes/silentspace/img/White_Bg.png');
     margin-left: -10px;   
  color: #1D296A;
}
/*5-4-16*/
.enopt{
    color: #1d296a;
    font-size: 14px !important;
}
.bgfun{
    padding: 2px;
}
.function-p{
    margin-left: 10px !important;
    margin-right: 15px !important;
}
/*9-4-16*/
.sliderimg > img {
    /*width: 871px !important;*/
    height: 440px;
    width: auto; /* auto */
}
/***** INFO CLIC ******/

.spoiler-link1 {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  background: #ff9205;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-radius: 3px;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}

.spoiler-link1:hover {
  background: #df7f03;
}

.spoiler-link2 {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  background: #ff9205;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-radius: 3px;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}

.spoiler-link2:hover {
  background: #df7f03;
}

.spoiler-link--active {
  background: #4f9c3d;
}

.spoiler-link--active:hover {
  background: #2d751c;
}

.spoiler {
  background: #fff;
  color: #907c6b;
  font-size: 12px;
  padding: 10px;
  /*margin-bottom: 10px;*/
  border-radius: 3px;
  border-bottom: 1px solid #999;
  position: absolute;
  z-index: 1;
  margin-right: 10px;
}
.spoiler h1{
  color: #df7f03;
  font-size: 14px;
}

.spoiler__title {
  margin-top: 0;
  font-weight: 200;
  color: #df7f03;
}

/***** POP UP ******/

.pop {
  display: none;
  position: fixed;
  top: 10.3%;
  left: 10.3%;
  width: 80%;
  height: 80%;
  background: #ffffff;
  border-radius: 6px;
  outline: 10px solid rgba(0, 0, 0, 0.1);
  z-index: 9999;
    overflow: scroll;
}
.pop .gform_wrapper{ overflow: hidden; }
.pop > span {
  cursor: pointer;
  position: fixed;
  top: 4%;
  right: 4%;
  border-radius: 100px;
  background: #cccccc;
  color: #ffffff;
  padding: 10px 15px;
  width: auto;
  height: auto;
}
.modal-header { border: none !important }
.modal-header .close {
  cursor: pointer;
  border-radius: 100px;
  background: #cccccc;
  color: #ffffff;
  padding: 10px 15px;
  opacity: 1;
}
.modal-content { 
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.modal-dialog { margin-top: 50px !important; }
.nivo-lightbox-close {
  cursor: pointer;
  border:1px solid #fff;
  background-position: center center !important;
  border-radius: 20px;
  background-color: #fff;
  padding: 15px !important;
  top: 10%;
  right: 15%;
}
.reg, .actucss .col-xs-6 img{ cursor: pointer; }
.devis img:hover { opacity: 0.9; }