@import url('https://fonts.googleapis.com/css?family=Allura|Dosis:200,300,400,500,600,700,800|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

 .bo_paragraphe {
     border: 1px dashed #C00000;
     margin-bottom: 5px;
}
 .bo_paragraphe p.bo_barre_boutons {
     font-size: 0.85em;
     background: #FAFAFA;
}
 #backoffice_menu_haut {
     width: 1030px;
     margin: 0 auto;
}
 img.album{
     max-width:100%;
     height:auto;
}
 a {
     text-decoration: none!important;
}
 body {
     font-size: 16px;
     color: #333;
     font-family: 'Montserrat', sans-serif;
     font-weight: 400;
     -webkit-font-smoothing: antialiased;
     margin: 0;
     padding: 0;
     position: relative;
     font-size: 13px;
     font-weight: 400;
     color: #444;
     line-height: 1.8em;
}
 body.pageAccueil{
     color: #7c7c7c;
}
 body.pageAccueil h3, body.pageAccueil h4, body.pageAccueil h2, body.pageAccueil h5{
     /* color:#eceff3; */
}
 h1, h2, h3, h4, h5, h6 {
     color: #000;
     font-family: 'Cinzel',Arial, Helvetica, sans-serif;
     font-weight:400;
}

 h1, h2, h3, h4, h5 {
     color: #333;
}

 .clr {
     clear: both;
}
 #ariane {
     display:inline-block;
     width:100%;
     vertical-align:middle;
     margin: auto;
     font-size: 10px;
     font-weight:400;
     margin-top: 10px;
     text-align:center;
     color:#fff;
     text-transform:uppercase;
     letter-spacing: 3px;
}
.pageAccueil body{
    background: #0d1720;
}
 #ariane a{
     color: #d94247;
     font-weight:400;
     text-transform:uppercase;
}
/* Listes */
 ul, ol {
     margin: .75em 0 .75em 32px;
     padding: 0;
}
/* Paragraphes */
 address {
     margin: .75em 0;
     font-style: normal;
}
 em {
     font-style: italic;
}
 strong {
     font-weight: bold;
}
/* Formulaires */
 form, fieldset {
     margin: 0;
     padding: 0;
     border: none;
}
 input, button, select {
     vertical-align: middle;
}
/**********/
/* Boites */
/**********/
 #conteneur_contenu {
     min-width: 1000px;
     width: 100%;
     margin: 0 auto;
     z-index: 6;
}
 #header {
     min-width: 1000px;
     width: 100%;
     position: fixed;
     margin: 0px;
     padding: 0px;
     z-index: 100;
}
 .page-heading {
     background-size: cover;
     background-image:url(../images/interface/sliderimg1.jpg);
     background-repeat: no-repeat;
     padding: 120px 0;
     padding-top: 210px;
     padding-bottom:50px;
     text-align: left;
     position: relative;
     background-position: center center;
}
 .page-heading:after {
     position: absolute;
     content: '';
     background-color: #000;
     top: 0;
     left: 0;
     width: 100%;
     bottom: 0;
     opacity: 0.6;
     z-index: 1;
}
 .page-heading .container {
     margin: auto;
     position: relative;
     z-index: 2;
     max-width: 1170px;
     font-size:0;
     width:100%;
}
 .page-heading .page-title h2 {
     color: #eceff3;
     width:100%;
     text-align:center;
     /* font-size: 32px; */
     /* letter-spacing: 5px; */
     /* float: left; */
     /* margin-right: 40px; */
     /* text-transform: uppercase; */
     /* margin-top:40px;
     */
}
 .page-heading .page-title{
     /* display:inline-block; */
     /* vertical-align:middle; */
     /* text-align:left; */
     /* width:70%; */
}
 .page-heading .page-title h2:after {
     background-color: #1059a6!important;
     width: 90px!important;
}
 .page-heading .page-title .line-dec {
     margin: 10px 0px;
     width: 90px;
     height: 1px;
     background-color: #1059a6;
     display: none;
}
 .page-heading .page-title span {
     font-size: 24px;
     font-weight: normal;
     color: #2d3031;
     line-height: 36px!important;
}
 #logo{
     position:relative;
}
 #logo > span{
     background-color: #da1c22;
     position: absolute;
     right: -8px;
    /* top: -25px;
     */
     height: 100%;
     transform: rotate(0deg);
     width: 5px;
     top:0;
}
 #header #logo {
     z-index: 1000;
     display:inline-block;
     text-align:left;
     margin: 0px;
     z-index:1000000;
     vertical-align:middle;
     position:relative;
     width:172px;

}
 #position-menu{
     /* display:inline-block; */
     vertical-align:middle;
     text-align:right;
     position:relative;
     z-index:100000;
     /* background: rgb(0 0 0 / 62%); */
     vertical-align:top;
     /* padding:25px 0px; */
}
 #header #logo img {
     /* max-width:250px; */
     z-index: 39;
     /* width: 100px; */
}
 .bg_menu{
    position:relative;
    z-index:2;
    /* max-width:1200px; */
    margin:auto;
    background-color:#fff;
    border-top:1px solid #ccc;
}
 #conteneur_header {
     max-width:1140px;
     font-size: 0;
     margin: auto;
     position: relative;
}
 #header h1 {
     margin: 0px;
     padding: 0px;
     text-align:left;
     font-size: 1.65em;
}
 #header img {
     margin: 0;
     padding: 0;
     background-image: none;
}
#header  .social-icons{
    font-size:20px;
}
#header .social-icons li{
    margin-left: 20px;
}
#header .social-icons li a{
    font-size: 20px;
    /* line-height: 60px; */
    height:60px;
    display:flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
/* ============================================================================= * MENU * ===========================================================================*/
 #menu_haut {
     list-style-type: none;
     width: 100%;
     font-size: 0;
     width:70%;
     text-align:left;
         vertical-align:middle;
         display:inline-block;
         margin-top:11px;
         margin-bottom:11px;
}
.link_menu{
    width:30%;
    display:inline-block;
    vertical-align:top;
}
 #menu_haut > ul > li {
     vertical-align:top;
     transition: all 0.3s ease 0s;
     display:inline-block;
     position: relative;
     transition: 0.5s all ease;
     -webkit-transition: 0.5s all ease;
     padding: 0 15px;
}
 #menu_haut ul {
     margin: 0!important;
     padding: 0!important;
     text-align:left;
     display:inline-block;
}
 #menu_haut li:first-child {
     border-left: 0px;
}

 #menu_haut > ul > li:last-child > a:after{
     display:none;
}
 #menu_haut li a {
        font-family: 'Montserrat', sans-serif;
     color: #111;
     transition: 1s all ease;
     -webkit-transition: 1s all ease;
     /* padding-top: 18px; */
     /* padding-bottom: 18px; */
     /* padding-left:20px; */
     text-decoration: none;
     text-align: center;
     outline: none;
     font-size: 14px;
     font-weight:bold;
     line-height: 35px;
     display:inline-block;
     letter-spacing: 1px;
     font-weight:normal;
}

#menu_haut li .menu-sub a{
    line-height:1.4;
    letter-spacing:1px;
    color:#fff;
}
 #menu_haut li a i{
     font-size: 1.33333333em;
     line-height: 0.75em;
     vertical-align: -15%;
     margin-top:10px;
     color:#d94247;
}

#menu_haut li a span{
     padding:10px 0;
     position:relative;
     z-index:2;
}

#menu_haut li a span:after{
    content:'';
    display:block;
    position:absolute;
    bottom: 2px;
    left:0;
    width:0;
    height: 3px;
    background-color:#d94247;
    transition:all 0.4s ease-in-out;
}

#menu_haut li a:hover span:after{
    content:'';
    display:block;
    position:absolute;
    bottom: 2px;
    left:0;
    width:100%;
    height: 3px;
    background-color:#d94247;
}

#menu_haut .menu-sub li a:hover span:after{
    content:'';
    display:block;
    position:absolute;
    bottom: 2px;
    left:0;
    width:0;
    height: 3px;
    background-color:#d94247;
}


 .menu-sub {
     position: absolute;
     top: 49px;
     z-index: 999;
     padding: 0 0;
     background: #d94247;
     left: -17px;
     list-style-type: none;
}


 .menu-sub > li {
     display: block !important;
     border-bottom: 1px solid #3c3c3b;
}
 .menu-sub > li:last-child{
     border-bottom:0px;
}
 .menu-sub > li a {
     min-width: 200px;
     text-align:left!important;
     color:#fff;
     padding: 7px 10px 7px 15px !important;
}



.menu-sub > li:hover{
    background-color: #3c3c3b;
    color:#333!important;
}

 #menu_haut > ul > li > ul {
     top: 100px;
     text-align:left;
}
 #menu_haut ul ul {
     left: -9999px;
     opacity: 0;
     -webkit-transition: top .2s ease, opacity .2s ease;
     -moz-transition: top .2s ease, opacity .2s ease;
     -ms-transition: top .2s ease, opacity .2s ease;
     -o-transition: top .2s ease, opacity .2s ease;
     transition: top .2s ease, opacity .2s ease;
}
/*******************************/
/* specific to non IE browsers */
/* ============================================================================= * End of Menu * ===========================================================================*/
 #header_popup {
     display: none;
}
 #contenu {
     margin: 0;
     padding: 0;
     padding-top: 20px;
     position: relative;
     width: 1170px;
     margin: auto;
     z-index: 4;
     background-repeat: no-repeat;
     background-position: right bottom;
}
 .page_liquid #contenu {
     width: 100%!important;
}
 .page_liquid #centreetdroite {
     width: 100%!important;
}
 .pageAccueil #contenu {
     padding: 0px;
     width: 100%;
}
.thm-mart-slideshow{
    z-index:1;
}
#content{
    z-index:2;
}
 .pageAccueil #ariane {
     display: none;
}
 #contenu_scroller {
     text-align: justify;
}
 .page_liquid #contenu {
     width: 100%!important;
}
 .page_liquid #contenu {
     padding-top: 0;
}
 .block_list_actu:nth-child(even) {
     background-color: #f7f7f7;
}
 .block_list_actu .center_actu {
     padding: 70px 0px;
     border-bottom: 1px solid #e6e6e6;
}
 .right_actu {
     display: inline-block;
     width: calc(100% - 300px);
     vertical-align: top;
     padding-left: 55px;
     box-sizing: border-box;
}
 .right_actu h4 {
     margin: 0;
     text-transform: uppercase;
     font-family: 'Lato', sans-serif;
     margin-bottom: 10px;
}
 .right_actu h4 a {
     color: #222;
}
 .lin_actu a.suite {
     display: inline-block;
     color: #fff!important;
     background-color: #ff6319!important;
     border: 0px;
     font-size: 18px;
     font-weight: 300;
     padding: 10px 20px;
}
 .lin_actu a.suite:hover {
     color: #fff!important;
}
 .prevnext {
     max-width: 1140px!important;
     margin: auto!important;
     margin-top: 30px!important;
}
 .date_actu {
     color: #222!important;
     font-size: 16px!important;
     font-weight: 300!important;
     margin-bottom: 20px!important;
}
 .desc_actu {
     font-size: 16px!important;
     margin-bottom: 40px!important;
}
 .center_actu {
     max-width: 1140px;
     margin: auto;
}
 .center_actu img {
     display: inline-block;
     width: 300px;
     height: auto;
     -webkit-box-shadow: -4px 2px 56px 0px rgba(0, 0, 0, 0.16);
     -moz-box-shadow: -4px 2px 56px 0px rgba(0, 0, 0, 0.16);
     box-shadow: -4px 2px 56px 0px rgba(0, 0, 0, 0.16);
}
 .page_liquid #centreetdroite {
     width: 100%!important;
}
 #gauche {
     float: right;
     margin: 0;
     padding: 0;
     padding: 0 0 0 20px;
    /* background-image: url(../images/interface/fond-gauche.png);
     */
     background-repeat: no-repeat;
     background-position: left center;
     width: 262px;
}
 #centre {
     width: 620px;
     margin: 0;
     margin-left: 30px;
     padding: 0;
}
 #centreetdroite {
     width: 1140px;
     margin: auto;
     padding-top:60px;
     padding-bottom: 60px;
}
 .pageAccueil #centreetdroite {
     padding-bottom: 0;
     height: auto!important;
     width: 100%!important;
     padding-top:0;
}
 #droite {
     width: 300px;
     margin: 0;
     padding: 0;
    /*float:right;
    */
     position: absolute;
     top: 0px;
     right: 0px;
}
 #pied #conteneur_pied {
     width: 1140px;
     margin:auto;
}
 #pied #conteneur_pied .row{
     margin-bottom:15px;
}
 #pied #conteneur_pied > div:first-child img{
     width:160px;
     margin-bottom:25px;s
}
 #pied #conteneur_pied > div:first-child .contact{
     font-size:16px;
     color:#ccc;
}
 #pied #conteneur_pied > div:first-child .contact li, .footer-widget{
     margin: 0;
     padding-top: 0;
     padding-right: 0;
     padding-bottom: 8px;
     padding-left: 0;
     list-style-type: none;
     font-size: 14px;
     line-height:24px;
}
 .footer-widget li a{
     color:#ccc!important;
     line-height:24px;
     font-size: 14px;
}
 #pied ul li i {
     width: 20px;
     text-align: center;
     padding-right: 12px;
}
 .links-widget ul li:before {
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     content: "\f0da";
     padding-right: 12px;
}
 .footer-widget li{
     line-height:24px;
     padding-bottom: 8px;
}
 #pied #conteneur_pied > div h4{
     font-size: 14px;
     color: #fff;
     font-weight: 900;
     text-transform: uppercase;
     padding-top: 0;
}
 #pied h4:after {
     content: '';
     height: 2px;
     width: 30px;
     padding: 1px;
     border: 1px solid #c12622;
     margin-top: 12px;
     margin-bottom: 35px;
     display: block;
}
 #pied #conteneur_pied > div:first-child a{
     color:#333;
}
 #pied #conteneur_pied > div:first-child i{
     font-size: 20px;
     width: 24px;
     text-align: center;
     padding-right: 16px;
     padding-top: 7px;
}
 #pied h5 {
     text-transform: uppercase;
     color: #333;
     font-weight: 800;
     position: relative;
     padding-bottom: 15px;
     margin-bottom: 15px;
     letter-spacing: -0.5px;
}
 #pied h5:after {
     content: "";
     background: #1059a6;
     width: 34px;
     height: 1px;
     display: block;
     position: absolute;
     bottom: 0;
     left: 0;
}
 .pageAccueil h2 {
    /* display:none;
     */
}
 #pied {
     width: 100%;
     margin: auto;
     background-color: #111213;
     color: #ccc;
}
 #pied #conteneur_pied:after{
     content:'';
     clear:both;
     display:table;
}
/**********/
/* GAUCHE */
/**********/
/**********/
/* CENTRE */
/**********/
 img.imgtitre {
     margin-left: 0px!important;
     padding: 9px!important;
     padding-left: 0px!important;
}
 img.mdl_billet {
     padding-right: 5px!important;
     padding-bottom: 5px!important;
     padding-top: 5px!important;
}
 h2 img.imgtitre {
     margin-left: 0px!important;
     padding: 0px!important;
}
 #centreetdroite .news h4 a {
     font-size: 18px!important;
}
 .ariane a {
     text-decoration: underline;
     color: #8C8C8C
}
 #centre p img {
     padding: 0 5px;
     margin: 0;
}
 img.picto {
     padding: 2px 2px 0 0;
}
 img.immo, img.immo_vignette {
     padding: 0 4px;
     background-color: #FFFFFF;
}
 #droite img.immo, #droite img.immo_vignette {
     padding: 0 4px;
     border: 1px solid #000000;
     background-color: #FFFFFF;
}
/**********/
/* DROITE */
/**********/
 input {
     font-size: 0.85em;
}
 select {
     font-size: 0.85em;
}
 #gauche h4 a {
     color: #36b5e4!important;
}
 #gauche p {
     color: #1a333c!important;
}
 #gauche #paragraphe146 .suite {
     position: absolute;
     background-color: #36b5e4;
}
 #gauche #paragraphe146 .suite:hover {
     background-color: #36b5e4;
     color: #fff!important;
     border: none;
}
 #gauche .mdl_billet p {
     padding-bottom: 40px;
}
 #gauche h3 {
     text-transform: uppercase;
}
/********/
/* PIED */
/********/
 #pied {
     font-size: 0;
}
 #pied ul {
     margin: 0;
     padding: 0;
    /* text-align: center;
     */
}
 html>body #pied ul {
     margin: 0;
     list-style: none;
}
 .col1 {
     width: 50%;
     display: inline-block;
     vertical-align: top;
}
 .col1 ul li a {
     display: block;
     color: #99abb8;
     text-transform: uppercase;
     font-size: 14px;
     padding: 12px 0 10px;
     transition: 1s al ease;
     -webkit-transition: 1s al ease;
     text-align: left;
}
/**********/
/* HTML */
/**********/
 legend {
     font-weight: bold;
}
 label {
     font-weight: bold;
}
 label.intitule {
     display: inline;
     float: left;
     width: 120px;
}
 fieldset {
    /* padding: 5px;
     */
}
 #droite form {
     margin: 0px;
     padding: 0px;
}
 #droite fieldset {
     margin: 0px;
     border: none;
     padding: 0px;
     padding-left: 5px;
}
 #droite h3 {
     color: #eb6c0e;
}
 #droite fieldset p {
     padding: 0px;
     border: none;
}
 #droite fieldset legend {
     border: none;
     padding: 0px;
     padding-top: 10px;
     padding-bottom: 5px;
     color: #cd1671;
     font-weight: bold;
     background: transparent;
}
 #droite label {
     color: #666666;
     float: left;
     font-size: 10px;
     font-weight: normal;
}
 #droite input, #droite textarea {
     float: right;
     font-size: 10px;
     margin-top: -18px;
     border: 1px #666666 solid;
}
 #droite input.submit {
     float: right;
     font-size: 10px;
     margin-top: 10px;
     border: none;
}
 #centre div.paragraphe, #centreetdroite div.paragraphe {
     margin: 0 0 10px 0;
}
 #centreetdroite div.paragraphe ul{
     list-style:circle;
}
 .video-container {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 30px;
     height: 0;
     overflow: hidden;
     margin-top: 30px;
}
 .video-container iframe, .video-container object, .video-container embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
/**************/
/* Modules */
/***********/
 .mdl_paragraphe2Colonne li {
     text-align: left !important;
}
 .mdl_image_aleatoire {
     margin: -2px 0 0 0;
}
 .mdl_citation_aleatoire p {
     padding: 0 10px;
}
 .mdl_citation_aleatoire p {
     color: #3d9bde;
}
 .mdl_citation_aleatoire em {
     font-weight: bold;
}
/* Liens */
 a {
     text-decoration: none;
}
 a.suite:visited {
     color: #ffffff;
}
 #droite a:link {
     color: #d96918;
}
 #droite a:visited {
     color: #d96918;
}
/* Pas de bordure autour des images dans les liens */
 a img {
     border: none;
}
/**********************/
/* Villes Suggestion */
 .villeSuggestionBox {
     position: relative;
     float: left;
     left: 0px;
     margin: 10px 0px 0px 0px;
     padding: 0;
     width: 200px;
     background-color: #FFFFFF;
     border: 1px solid #000;
     color: #000;
}
 .villeSuggestionList {
     margin: 0px;
     padding: 0px;
}
 .villeSuggestionList li {
     list-style: none;
     margin: 0px 0px 3px 0px;
     padding: 3px;
     cursor: pointer;
}
 .villeSuggestionList li:hover {
     background-color: #c0c0c0;
}
/***************************/
/* Recherche */
/***************************/
/* Tag clouds Couleurs orange #e3721f => 0,3 marron #603b0b => 1,4 marron clair #ac741a =>2,5 Bleu #3d9bde */
 #liste_mcl {
     padding: 5px;
     padding-top: 10px;
     padding-bottom: 10px;
     border: 1px #AAAAAA solid;
     background-color: #F9F9F9;
     color: #808080;
}
 #liste_mcl a {
     color: #808080;
     text-decoration: none;
}
 #liste_mcl a:hover {
     text-decoration: underline;
}
 #mdl_TopMCL a {
     color: #fff!important;
     ;
     text-decoration: none!important;
     font-weight: normal;
     display: inline-block;
     background-color: #2d343e;
     padding: 5px;
     border-radius: 3px;
}
 #mdl_TopMCL .mcl0, #mdl_TopMCL .mcl5, #mdl_TopMCL .mcl1, #mdl_TopMCL .mcl2, #mdl_TopMCL .mcl3, #mdl_TopMCL .mcl4 {
     margin-bottom: 5px;
     display: inline-block;
}
/* Immo */
 .mdl_immo_selecteur {
     position: relative;
     width: 918px;
     margin-right: -40px;
}
 .mdl_immo_selecteur table {
     width: 100%;
}
 .mdl_immo_selecteur th {
     color: #be8f05;
     text-align: left;
     padding-left: 20px;
     border-bottom: 1px solid #be8f05;
     font-size: 1.25em;
}
 .mdl_immo_selecteur ul {
     margin: 0px;
     padding: 0px;
}
 .mdl_immo_selecteur li {
     background-image: url(../images/interface/fleche.gif);
     background-position: left top;
     background-repeat: no-repeat;
     list-style: none;
     padding-left: 20px;
     padding-right: 40px;
     margin-bottom: 5px;
}
 div.mdl_immo img.immo {
     background-color: #FFFFFF;
     padding: 6px !important;
     margin-right: 10px;
}
 #centreetdroite .mdl_immo table .insertion, #centre .mdl_immo table .insertion {
     display: block;
     text-align: center;
     background-color: transparent;
     padding: 0px;
     padding-left: 5px;
     margin: 0px;
     margin-right: -3px;
}
 p.bloc_tri {
     background-color: #544d47;
     color: white;
     padding: 5px;
}
 p.bloc_tri a {
     color: white;
     font-weight: bold;
}
 form.bloc_tri {
     background-color: #544d47;
     color: white;
     padding: 5px;
     text-align: right;
     margin-bottom: 5px;
}
 tr.annonce {
     padding-top: 5px;
}
 tr.annonce:hover {
     background-color: #fce8cd;
}
 tr.annonce h4 {
     margin: 0px!important;
}
 tr.annonce h4 a {
     color: #ff6600;
}
 tr.annonce td {
     border-top: 1px #AFAFAF dotted;
     padding-top: 10px;
     padding-bottom: 10px;
}
 td.footerannonce {
     background-color: #AFAFAF;
     padding-left: 2px;
     vertical-align: bottom;
}
 td.footerannonce p {
     margin: 0px!important;
     padding: 0px!important
}
 td.footerannonce a {
     background-color: #000000;
     color: #FFFFFF;
     padding: 2px;
     padding-left: 4px;
     padding-right: 4px;
}
 .prix {
     color: #e3721f;
     font-size: 1.25em;
     font-weight: bold;
}
 div.mdl_modele_fiche h2 {
     text-align: right;
     margin: 0!important;
     margin-right: 18px!important;
}
 div.mdl_modele_fiche h2 span {
     color: #fff;
     padding: 8px!important;
}
 div.modeles_similaires {
}
 div.modeles_similaires img {
     padding: 4px;
}
 .mdl_ligne_cev {
     margin-bottom: 0!important;
}
 .rechercher_modeles #frm_surface, .rechercher_modeles #frm_nb_pieces, .rechercher_modeles #frm_etage {
     width: 200px;
}
 .rechercher_modeles td {
     width: 387px;
}
 .prev_fred {
     background-image: url(../images/interface/prev_fred.png);
     height: 55px;
     width: 46px;
     display: block!important;
     position: absolute;
     top: 210px;
}
 .next_fred {
     background-image: url(../images/interface/next_fred.png);
     height: 55px;
     width: 46px;
     display: block!important;
     position: absolute;
     top: 210px;
     right: 0px;
}
 .pager a span {
     display: none;
}
 .pager a {
     background-color: #fff;
     width: 16px;
     height: 16px;
     display: inline-block;
     margin-left: 10px;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     line-height: 40px;
     vertical-align: middle;
}
 .pager a.selected {
     background-color: #97bf0d;
     width: 16px;
     height: 16px;
     display: inline-block;
     margin-left: 10px;
     line-height: 15px;
     vertical-align: middle;
}
 #pager2 {
     position: absolute;
     width: 1920px;
     text-align: center;
     top: 400px;
}
 #main-slider{
     padding-top:55px;
}


.flex-height{
    display:flex;
    align-items: stretch;
    margin-top: 50px;
}

.paragraphe h3{
    background-color:#d94247;
    color:#fff;
    display:block;
    height: 50px;
    width: 60%;
    padding-left: 20px;
    line-height: 51px;
    font-size: 18px;
}

.paragraphe h3:after {
    position: absolute;
    /* top: 100px; */
    left: 57%;
    content: "";
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    border-width: 0 33px 34px 0;
}

.paragraphe .container {
    padding-right: 0;
    padding-left: 0;
    /* margin-right: auto; */
    /* margin-left: auto; */
    width: 100%;
}

.paragraphe p{
    color:#3c3c3b;
}

.contain-pp{
    display:flex;
}

.contain-pp .bloc-gauche{
    width:60%;
}

.contain-pp .bloc-droit{
    width:40%;
    padding-left: 20px;
}

.contain-pp .bloc-droit img{
    width:100%;
}

.header-info-cols div a{
    color:#fff;
}

#list_real{
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
}

#list_real a{
    display:block;
    width:20%;
    margin:0 2.5%;
    overflow:hidden;

}

#list_real a img{
    transition:all 0.2s ease;
}

#list_real a:hover img{
    transform:scale(1.2);
}

 @media screen and (min-width: 1170px) {
     body {
         overflow-x: hidden;
    }
     #menu_haut > ul > li:hover > ul {
         left: 0;
         top: calc(100% + 1px);
         opacity: 1;
         width:200px;
         padding:0px 0px!important;
    }
     .extend {
         display: none!important;
    }
}
 #totop {
     display: none;
     text-decoration: none;
     position: fixed;
     bottom: 20px;
     right: 20px;
     overflow: hidden;
     width: 51px;
     height: 51px;
     border: none;
     text-indent: -999px;
     background-image: url(../images/interface/uitotop.png);
     background-repeat: no-repeat;
     background-position: left top;
     z-index: 900000;
     background-color: transparent;
}
 #totop:hover {
     background: url(../images/interface/uitotop.png) no-repeat left -51px;
     width: 51px;
     height: 51px;
     display: block;
     overflow: hidden;
     float: left;
     cursor: pointer;
}
 .prevnext {
     font-size: 1.1em;
     color: #3c3c3c;
     margin: 0;
     margin-top: 20px;
     padding: 2px;
}
 .prevnext a {
     font-style: normal;
     background-color: #e6e6e6;
     width: 35px;
     height: 35px;
     display: inline-block;
     text-align: center;
     margin: 5px;
     color: #3c3c3c;
     line-height: 35px;
     border: 1px solid #3c3c3c;
     -webkit-border-radius: 35px;
     -moz-border-radius: 35px;
     border-radius: 35px;
     text-decoration: none;
}
 .prevnext a:first-child {
     margin-left: 0px;
}
 .prevnext a:hover, .prevnext a.selected {
     color: #FFFFFF;
     background-color: #97bf0d;
     border: 1px solid #000000;
}
 label {
     display: none;
}
 form p:last-child {
     margin: 0px!important;
}
 .par_style_1 .mdl_formulaire label{
     display:block;
}
 .par_style_1 .mdl_formulaire p{
     padding:0 15px;
}
 .par_style_1 .mdl_formulaire p:nth-child(1), .par_style_1 .mdl_formulaire p:nth-child(2), .par_style_1 .mdl_formulaire p:nth-child(3){
     display:inline-block;
     width:33.33333%;
}
 .par_style_1 .mdl_formulaire{
     margin-left:-15px;
     margin-right:-15px;
}
 .par_style_1 .mdl_formulaire input[type="submit"]{
     background-color:#da1c22;
     color:#fff;
     border:0px;
     padding:10px 15px;
     text-transform:uppercase;
     font-size:16px;
}
 .par_style_1 .mdl_formulaire input[type="text"], .par_style_1 .mdl_formulaire select, .par_style_1 .mdl_formulaire textarea{
     display: inline-block;
     width: 100%!important;
     box-sizing:border-box;
     padding: 6px 6px;
     font-size: 16px;
     line-height: 1.42857143;
     color: #555555;
     background-color: #ffffff;
     background-image: none;
     border: 1px solid #cccccc;
    /* border-radius: 4px;
     */
     -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     margin-bottom:0px!important;
     font-family: 'Roboto', sans-serif;
     padding: 10px 15px!important;
}
 .par_style_1 .mdl_formulaire p:nth-child(5), .par_style_1 .mdl_formulaire p:nth-child(4){
     width:50%;
     display:inline-block;
}
/*********************** footer **************************/
 #pied {
     background: #f2f2f2;
     color:#333;
     padding-top:5%;
}
 #pied .seperator:before {
     width: 15px;
     left: -25px;
}
 #conteneur_pied > div .l-project > span {
     display:block;
}
 #pied .seperator {
     margin-left: 25px;
     margin-top: 15px;
}
 #pied .seperator:after {
     width: 82px;
     right: -92px;
}
 #pied {
     position: relative;
}
 #conteneur_pied > div:nth-child(2) a {
     display: inline-block;
     width: 100%;
     position: relative;
     padding-left: 20px;
}
 #conteneur_pied > div:nth-child(2) a i.fa {
     position: absolute;
     top: 3px;
     left: 0px;
}
 .subfooter {
     background: #0b0b0b;
     padding: 30px 0 20px 0;
     margin-top:30px;
}
 .subfooter a{
     margin-left:10px;
}
 #pied {
     padding-top:80px;
     display: inline-block;
     width: 100%;
     font-size:13px;
}
 #pied a{
     color:#a8a8a8;
     font-weight:normal;
}
 #pied a:hover{
     color:#fff;
}
 #pied .fa{
     margin-right:2px;
}
 #pied h3{
     color: #333;
     font-size: 20px;
     font-weight:normal;
     margin-top:0;
     margin-bottom: 20px;
}


 p.footer {
     color:#525252 !important;
     font-size:12px !important;
     margin:10px 0px 0px;
}
 #conteneur_pied > div ul li{
     padding: 0 0 5px 0;
     margin: 0;
     background: none;
     border-bottom-color: #222;
     border-bottom: solid 1px #222;
}

 address span strong {
     display: inline-block;
     width:60px;
     color: #ff6319;
}
 #conteneur_pied > div li:hover {
     color: #fff;
}
 #conteneur_pied > div ul li a:hover, footer .copy-right a:hover{
     color:#fff;
}
 address {
     margin: 0;
     margin-top: 20px;
}
 .l-post .row {
     margin-bottom: 20px;
}
 #conteneur_pied > div .l-container {
     padding: 0px 8px 8px 0px;
}
 #conteneur_pied > div .latest-project {
     position: relative;
}
 #conteneur_pied > div #mail , footer .copy-right a{
     color:#8b8b8b;
}
 footer .copy-right{
     border-top:1px solid #da1c22;
     padding:20px 0;
     margin-bottom: 0px;
     position: relative;
     font-weight: 500;
}
#picto {
    position: fixed;
    right: 0px;
    top: 410px;
    width: 50px;
    z-index: 6000;
    padding: 10px 0px 10px 10px;
    padding-left:0;
}
#picto a span.picto,
#picto form button {
    z-index: 10;
    background-color: #222;
    font-size: 30px;
    color: #fff;
    position: relative;
    display: block;
    width: 50px;
    line-height: 50px;
    height: 50px;
    margin-bottom: 8px;
    border: 0;
    cursor: pointer;
}
#picto form input[type="submit"] {
    text-indent: -900px;
    background-color: transparent;
    border: 0px;
}

#picto a,
#picto form {
    display: block;
    position: relative;
    width: 50px;
    box-sizing: content-box;
}
#picto form {
    height: 50px;
    margin-bottom: 8px!important;
}
#picto form input[type="submit"] {
    content: "\f002";
}
#picto a:nth-child(1) i {
    margin-left: 10px;
}
#picto a:nth-child(2) i {
    margin-left: 15px;
}
#picto a:nth-child(3) i {
    margin-left: 13px;
}
#picto a:nth-child(4) i {
    margin-left: 11px;
}
#picto a:nth-child(3) {
    margin-bottom: 0;
}
#picto a i {
    margin-top: 9px;
}
#picto a .text,
#picto form .text {
    background-color: #222;
    font-size: 18px;
    width: 0;
    overflow: hidden;
    display: block;
    box-sizing: content-box;
    position: absolute;
    top: 0px;
    right: -30px;
    z-index: 8;
    height: 30px;
    color: #fff;
    padding: 10px;
    padding-left: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    line-height: 28px;
}
#picto a .text em {
    display: block;
    width: 200px;
    font-style: normal;
}
#picto a:hover .text {
    width: 0px;
}
#picto a:nth-child(2):hover .text {
    width: 200px;
}
#picto a:nth-child(3):hover .text {
    width: 200px;
}
#picto a:nth-child(1):hover .text,
#picto form:hover .text {
    width: 200px;
}

#picto a:nth-child(2) span.picto,
#picto a:nth-child(2) .text{
     background-color:#3B5998;
     color:#fff;
}
#picto a:nth-child(3) span.picto,
#picto a:nth-child(3) .text{
background-color:#55acee;
color: #fff;
}
#picto a:nth-child(1) span.picto,
#picto a:nth-child(1) .text{
     background-color: #ff6319;
     color:#fff;
}
 section {
     padding: 90px 0 90px 0;
     background: #18191b;
}

 #section-services{
     padding-top:40px;
     padding-bottom:40px;
     background: #18191b;
}

#section-services h2{
     text-align: center;
}

#section-services h2:after{
    content: "";
    display: block;
    height: 3px;
    width: 100px;
    background-color: #ff6319;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

#section-why-choose-us-2{
    background:#f2f2f2;
}

#section-why-choose-us-2 h3{
    color:#222;
    line-height: 25px;
}

#section-why-choose-us-2 h3:after{
    content:"";
    display:block;
    height:2px;
    width:40px;
    background-color:#333;
    margin:auto;
    margin-top:20px;
    margin-bottom:20px;
}

#section-why-choose-us-2 h2{
    color: #222;
    text-align: center;
}

#section-why-choose-us-2 p{
    color: #222;
}

#section-why-choose-us-2 .bloc-text{
     margin-bottom:20px;
}

#section-why-choose-us-2 .bloc-text h2:after{
    content: "";
    display: block;
    height: 3px;
    width: 100px;
    background-color: #ff6319;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

#section-why-choose-us-2 a.btn-custom{
     width:300px;
     margin-top:40px;
}

#paragraphe267 h2{
     text-align:center;
}

#paragraphe267 h2:after{
     content: "";
    display: block;
    height: 3px;
    width: 100px;
    background-color: #ff6319;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

#paragraphe267 .section2 img{
    width: 100%;
    height: auto;
}

#paragraphe267 .section2, #paragraphe267 .section3{
    margin-bottom: 65px;
}

#paragraphe267 .section2 h2:after{
    margin-left: 0;
}

#paragraphe267 .section2 h2{
     text-align: left;
}


#paragraphe267  a.btn-custom{
     width:225px;
}

#paragraphe267 .section4 h3{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 13px;
    text-transform: unset;
    letter-spacing: unset;
}

#paragraphe267 .section4 h3:before{
     content: "";
    display: block;
    height: 2px;
    width: 40px;
    background-color: #444;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;

}

.boldph{
    font-weight: 600;
}

.colorph{
    color:#ff6319;
}




.bgrose{
     background-color: #F7BAC2!important;
}


.bgorange{
     background-color: #FABB6E!important;
}

.bgbleu{
     background-color: #8ccdc6!important;
}

 .pd90{
     padding: 90px 0 90px 0;
}
 .section-partenaires {
     background-color: #ff6319;
}
 #gallery .col-md-4{
     padding-bottom:30px!important;
}
 .picframe {
     overflow: hidden !important;
     width:100%!important;
     position:relative;
}
 .picframe img{
     width:100%;
     height:auto;
}
 .section-partenaires .picframe{
     padding:10px;
}
 #section-custom-2{
    background:url(../images/interface/bg.jpg) center fixed;
}
 .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5 {
     color: #ff6319;
}
 .padding40 {
     padding: 50px !important;
}
 .shadow-soft{
     -webkit-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.4);
     -moz-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.4);
     box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.4);
}
 .no-bottom {
     padding-bottom: 0 !important;
}
 .no-top {
     padding-top: 0 !important;
}

 .overlay30{
    background:rgba(0,0,0,.3)
}

 .overlay50{
    background:rgba(0,0,0,.5)
}
 .overlay60{
    background:rgba(0,0,0,.6)
}
 .overlay70{
    background:rgba(0,0,0,.7)
}
 .overlay80{
    background:rgba(0,0,0,.8)
}

.contour1{
    border-bottom: 6px solid #ff6319;
    border-top: 2px solid #ff6319;
}

.contour2{
    border-bottom: 6px solid #FABB6E;
    border-top: 2px solid #FABB6E;
}

.contour3{
    border-bottom: 6px solid #8ccdc6;
    border-top: 2px solid #8ccdc6;
}

 .btn-line, a.btn-line{
     border:solid 1px #222;
     color:#fff;
     font-weight:500;
     font-size:12px;
     border-radius:0;
     -moz-border-radius:0;
     -webkit-border-radius:0;
     padding:3px;
     padding-left:30px;
     padding-right:30px;
     text-transform:uppercase;
     display:inline-block;
     text-align:center;
     letter-spacing:2px;
     text-decoration:none;
}
 .col-spe{
     width:360px;
     height:360px;
     border-radius: 50%;
}
 .col-spe h3, .col-spe p{
     text-align: center;
}
 .col-spe a{
     margin: auto;
     width: 195px;
     display: block;
}
 .row-spe{
     border-bottom:2px #ff6319 solid;
}
 .btn-line, a.btn-line{
     border:solid 1px rgba(255,255,255,.2) !important;
     color:#fff;
}
 .de_light .btn-line, .de_light a.btn-line{
     border:solid 1px rgba(1,1,1,.2) !important;
     color:#333;
}
 .text-light .btn-line, .text-light a.btn-line{
     border:solid 1px rgba(255,255,255,.2) !important;
     color:#fff;
}
 .btn-line:hover, a.btn-line:hover{
     background:#fff;
     color:#111 !important;
     border-color:#fff;
}
 .btn-line:after, a.btn-line:after{
     color:#fff;
}
 .box-icon .text {
     margin-left: 0;
     text-align: center;
     color:#333;
}
 .box-icon .icon {
     display: block;
     font-size: 48px;
     color: #ff6319;
     text-align: center;
     border-radius: 60px;
     cursor: default;
}

#section-why-choose-us-2 a.pictolink:hover .box-icon{
    opacity: 0.75;
}

 #section-welcome-8{
    background:url(../images/interface/slider.jpg) fixed center;
    background-size:cover;
    padding: 80px 0 90px 0;
}
 .spacer-double{
     width:100%;
     height:60px;
     display:block;
     clear:both;
}
 .spacer-single{
     width:100%;
     height:30px;
     display:block;
     clear:both;
}
 a.btn-slider {
     font-size: 13px;
     font-weight: bold;
     color: #fff;
     letter-spacing: 3px;
     line-height: normal;
     text-decoration: none;
     text-transform: uppercase;
     border: solid 2px #fff;
     padding: 10px 30px 10px 30px;
}
 h1.title{
     font-size:50px;
     letter-spacing:10px;
}
 h1.title span{
     font-size: 28px;
     line-height: 90px;
}
 .text-light h1{
     color:#000 !important;
}
 h1.title strong {
     font-family: "Allura";
     text-transform: none;
     letter-spacing: 0;
     font-weight: normal;
     color:#ff6319;
}
 #section-custom-1{
    /*background:url(../images/interface/bg_2.jpeg) top fixed;
     background-size:cover;*/
     position:relative;

}
 #section-custom-1:after{
     content:'';
     position:absolute;
     background-color: #8ccdc6;
     top:0;
     bottom:0;
     left:0;
     z-index:1;
     width:100%;
}
 #section-custom-1 > *{
     z-index:3!important;
     position:relative;
}

#section-custom-1 .image{
    width:165px;
    height: 165px;
    border-radius: 50%;
    margin:auto;
    overflow: hidden;
}

#section-custom-1 h2{
    text-align: center;
    color: #333;
}

#section-custom-1 h2:before{
    content:"";
    display:block;
    height:3px;
    width:40px;
    background-color:#333;
    margin:auto;
    margin-bottom:18px;
}


#section-custom-1 .lead{
    color: #333;
}

#section-custom-1 a{
    background-color: transparent;
    border: 1px solid #333;
    width: 220px;
    margin-left: 0;
}



 p.lead, p.intro{
     font-size:16px;
     font-weight:400;
     line-height:1.7em;
}

a.btn-custom {
    font-size: 13px;
    color: #fff;
    letter-spacing: 3px;
    line-height: normal;
    text-decoration: none;
    text-transform: uppercase;
    padding: 7px 25px 7px 25px;
    background: #3c3c3b;
    display: block;
    margin: auto;
    margin-top: 40px;
    width: 204px;
    text-align: center;
    border-radius:5px;
}

a.btn-custom.bgorange{
     background-color:  #FABB6E;
}

 a.btn-custom:hover{
     color: #fff;
     opacity:.8;
}
 section.bg-color{
     background-color: #18191b;
}
.search{
     display:inline-block;
     font-size:14px;
     color:#fff;
     vertical-align:middle;
     z-index:100000;
     position:relative;
     text-align:right;
}
 .btn_header_search{
     color:#fff;
     font-size:016px;
}
 .transition {
     -webkit-transition: all 300ms ease 0s;
     -moz-transition: all 300ms ease 0s;
     -o-transition: all 300ms ease 0s;
     transition: all 300ms ease 0s;
}
 .search-form-modal {
     background-color: #000;
     background: rgba( 0, 0, 0, 0.93);
     height: 0;
     left: 0;
     overflow: hidden;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 100000000;
}
 .search-form-modal.open {
     height: 100%
}
 .search-form_close {
     color: #fff;
     cursor: pointer;
     font-size: 20px;
     position: absolute;
     right: 15px;
     top: -0px;
}
 .header_search_form {
     bottom: 0;
     display: block;
     height: 140px;
     left: 0;
     margin: auto;
     max-width: 650px;
     padding: 15px;
     position: absolute;
     right: 0;
     top: 0;

     width: 100%;
}
 .header_search_form .form-group {
     position:relative;
     width:100%;
     border-radius:50%;
}
.header_search_form label{
    font-size:24px;
    display:block;
    text-align:center;

}
 .header_search_form .form-group input[type="text"] {
     padding: 20px 85px 20px 40px!important;
     font-size: 18px;
     color: #444444;
     border-radius: 99px;
     border: none;
     outline: none;
     width: 100%;
     height:auto!important;
     line-height:25px;
}
 .header_search_form .btn_search {
     position: absolute;
     right: 10px;
     top: 0;
     bottom: 0;
     border: none;
     padding:0px;
     padding:0 15px;
     font-size:25px;
     color: #222222;
     background-color: transparent;
}
 .btn_header_search i{
     font-size:25px;
     color: #f7f7f7;
}
     width: 100%;
}
 .header_search_form .form-group {
     position:relative;
     width:100%;
     border-radius:50%;
}
 .header_search_form .form-group input[type="text"] {
     padding: 20px 85px 20px 40px!important;
     font-size: 18px;
     color: #444444;
     border-radius: 99px;
     border: none;
     outline: none;
     width: 100%;
     height:auto!important;
     line-height:25px;
}
 .header_search_form .btn_search {
     position: absolute;
     right: 10px;
     top: 0;
     bottom: 0;
     border: none;
     padding:0px;
     padding:0 15px;
     font-size:25px;
     color: #222222;
     background-color: transparent;
}
 .btn_header_search i{
     font-size:25px;
     color: #f7f7f7;
}
 .typing-wrap{
     font-family:"Montserrat";
     font-size:30px;
     margin:0;
     line-height:60px;
     font-weight: 200;
}
 .text-dark, .text-dark h1, .text-dark h2, .text-dark h3 {
     color: #222;
}
 .mt40 {
     margin-top: 40px;
}
 .blog-list {
     margin: 0;
     padding: 0;
}
/* blog list */
 .blog-list li {
     list-style: none;
     line-height: 1.7em;
     margin-bottom: 60px;
     margin-top:10px;
     padding-bottom:15px;
     border-bottom:solid 1px rgba(255,255,255,.1);
}
 .de_light .blog-list li{
     border-bottom:solid 1px #ddd;
}
 .blog-list h3{
     margin-top:20px;
}
 .blog-list h3 a{
     color:#fff;
}
 .de_light .blog-list h3 a{
     color:#111;
}
 .de_light .text-light .blog-list h3 a{
     color:#fff;
}



 .blog-list .btn-more{
     padding:3px 25px 3px 25px;
     color:#111;
     text-transform:uppercase;
     text-decoration:none;
     font-weight:700;
     float:right;
}
 .blog-list .btn-more:hover{
     background:#fff;
}
 .de_light .blog-list .btn-more:hover{
     background:#222;
     color:#fff;
}
 .blog-list .post-text{
     padding-left:95px;
}
 .post-text p br{
     display:none;
}
 .blog-list img{
     border-bottom:solid 4px;
}
 .blog-list .blog-slider{
     margin-bottom:-60px;
}
 .blog-list .date-box {
     width: 80px;
     position: absolute;
     text-align: center;
     text-shadow:none;
}
 .blog-list .date-box .day, .blog-list .date-box .month {
     display: block;
     color:#fff;
     text-align:center;
     width:80px;
     z-index:100;
}
 .de_light .blog-list .date-box .day, .de_light .blog-list .date-box .month {
     color:#111;
}
 .blog-list .date-box .month {
     font-size:14px;
}
 .blog-list .date-box .day{
     color:#111;
     font-weight:600;
     font-size: 32px;
     padding-top:45px;
     padding-bottom:10px;
     background-color: #ff6319;
}
 .de_light .blog-list .date-box .day{
     color:#fff;
}
 .blog-list .date-box .month {
     color:#fff;
     font-family:"Montserrat";
     font-weight:600;
     letter-spacing:10px;
     padding:7px 0 7px 0;
     text-transform:uppercase;
     border-bottom:solid 4px #333;
}
 .de_light .blog-list .date-box .month {
     border-bottom-color:#ddd;
}
 .de_light .text-light .blog-list .date-box .month{
     color:#fff;
}

#section-typing .typing-wrap{
    color:#ff6319;
}

#section-typing .typing-wrap .typed-cursor{
    color:#fff;
}

#section-typing .typing-wrap .typed{
    color:#FABB6E;
}

 .blog-snippet li{
     border-bottom:none !important;
     margin-bottom:0;
}
 #blog-carousel .item{
     width:100%;
}
/* blog comment */
 #blog-comment {
     margin-top: 40px;
     margin-left: 80px;
}
 #blog-comment h5 {
     margin-bottom: 10px;
}
 .owl-theme .owl-controls .owl-page span{
     width:5px !important;
     height:5px !important;
}
 .owl-theme .owl-controls .owl-page span{
     background:#fff !important;
     margin-top:30px;
     width:5px;
     height:5px;
}
 #blog-comment ul, #blog-comment li {
     list-style: none;
     margin-left: -30px;
     padding-left: 0;
}
 #blog-comment li {
     min-height: 70px;
     padding-bottom: 10px;
     margin-bottom: 10px;
     padding-bottom: 20px;
     border-bottom: solid 1px #eee;
}
 #blog-comment li .avatar {
     position: absolute;
     margin-top: 5px;
}
 #blog-comment .comment {
     margin-left: 85px;
}
 #blog-comment li {
     min-height: 70px;
     font-size: 14px;
     line-height: 1.6em;
}
 #blog-comment li li {
     margin-left: 55px;
     padding-bottom: 0px;
     margin-top: 20px;
     padding-top: 10px;
     border-top: solid 1px #eee;
     border-bottom: none;
}
 #blog-comment li li .avatar {
     position: absolute;
}
 #blog-comment li li .comment {
}
 .comment-info {
     margin-left: 85px;
     margin-bottom: 5px;
}
 .comment-info span {
}
 .comment-info .c_name {
     display: block;
     font-weight: 700;
     color: #555555;
}
 .comment-info .c_reply {
     padding-left: 20px;
     margin-left: 20px;
     border-left: solid 1px #ddd;
     font-size: 12px;
}
 .comment-info .c_date {
     font-size: 12px;
}
 .blog-list h3, .blog-read h3 {
     color: #333;
     letter-spacing:normal;
     font-size:24px;
     text-transform:none;
}
/* blog comment form */
 #commentform label {
     display: block;
}
 #commentform input {
     width: 290px;
}
 #commentform input:focus {
     border: solid 1px #999;
     background: #fff;
}
 #commentform textarea {
     width: 97%;
     padding: 5px;
     height: 150px;
     color:#333;
}
 #commentform textarea:focus {
     border: solid 1px #999;
     background: #fff;
}
 #commentform input.btn {
     width: auto;
}
 .post-meta {
     margin: 0px 0 10px 0px;
     border: solid 1px #eee;
     border-left:none;
     font-size:11px;
     display:table;
     width:100%;
     table-layout: fixed;
}
 .post-meta a{
     color:#888 !important;
}
 .post-meta span {
     display:table-cell;
     padding:10px 0 10px 0;
     text-align:center;
     border-left:solid 1px #eee;
}
 .post-meta span i {
     float: none;
}
 .post-image img {
     width:100%;
     margin-bottom: 0px;
}
 .box-fx .inner, .dark .box-fx .inner, .blog-list img, .arrow-up {
     border-bottom-color:#ff6319;
}
 .post-meta{
     border-color:#222;
}
 .post-meta span{
     border-color:#222;
}
 .blog-slide{
     padding:0;
     margin:0;
}
 .overlay .info-area {
     display: block;
     margin-top: 10%;
}
 .overlay .sb-icons {
     display: block;
     margin-top: 200px;
}
 .de-gallery .overlay{
     text-align:center;
}
 .overlay .pf_text{
     display: inline-block;
}
 .project-name{
     font-size:13px;
     text-transform:uppercase;
     letter-spacing:5px;
}
 .de-gallery .overlay .icon {
     display: inline-block;
     margin-top: 200px;
     text-align:center;
}
 .de-gallery .overlay .icon i{
     text-shadow:none;
     color:#fff;
     border:solid 1px rgba(255,255,255,.1);
     font-size: 22px;
     padding: 20px;
     width: 60px;
     height: 60px;
     text-align: center;
     margin-left:10px;
}
 .de-gallery .overlay .icon i.icon-info{
     margin-left:0px;
}
 .de-gallery .overlay .icon i:hover{
     color:#222;
     background:#fff;
}
 .de-gallery.hover-1 span.overlay-1 {
     text-align: center;
     display: block;
     background:rgba(0,0,0,.5);
     top:0;
     left:0;
     right:0;
     bottom:0;
     position: absolute;
     width:auto!important;
     height:auto!important;
}
 .pf_text{
     color: #ff6319;
     font-weight:800;
     font-size:20px!important;
}
 .de-gallery.hover-1 span.overlay-1:hover{
     background:rgba(0,0,0,0);
}
 .de-gallery.hover-1 span.overlay-1 .project-name{
     top:10%;
     letter-spacing:4px;
     position:relative;
}
 @media screen and (max-width: 991px) {
     #pied .col-md-4{
         margin-bottom:20px;
    }
     #filters li.pull-right{
         float:none !important;
    }
}
 @media screen and (max-width: 1170px) {
     .link_menu{
       display:none;
     }
     #main-slider{
         padding-top:0px;
    }
     .top_header{
         display:none;
    }
     #menu_haut ul {
         text-align: left;
         padding:20px 15px!important;
    }
     .carousel-inner {
         width: 100%!important;
    }
     #menu_haut ul li a:after {
         display: none;
    }
     #menu_haut ul li a:hover, #menu_haut ul li:hover a {
        /* color: #3A4046;
         */
    }
     #menu_haut .extend {
         padding: 0px;
         font-size: 20px!important;
         position: absolute;
         right: 0px;
         top: 0px;
         height: 100%;
         line-height: 35px;
         width: 35px;
         padding-top:5px;
         color: #da1c22!important;
    }
     #header #menu_haut {
         width: 100%!important;
         max-width: 100%;
         float: none;
         margin: 0;
         padding: 0;
         z-index: 160!important;
        /* border-bottom:5px solid #97BF0D;
         */
        /* background-color: #fff;
         */
         overflow: hidden;
         height: 0px;
    }
     .search-container{
         display:none;
    }
     .btn-menu {
         z-index: 1000;
         display: inline-block!important;
         position: absolute!important;
         right: 20px;
         bottom: 20px;
         background-color:#fff;
         z-index:10000;
         margin-right:0px!important;
         border:1px solid #ccc;
         top:10px!important;
    }
     .icon-bar{
         background-color:#fff;
    }
     #col1 {
         display: none;
    }
     #col3 {
         float: none;
    }
     #pied {
         width: 100%;

    }
     #pied #conteneur_pied {
         width: 100%;
         box-sizing: border-box;
         padding: 0px;
    }
     .slider{
         padding-top:0!important;
    }
     #header {
         position:relative;
         min-width: 100%;
        /* height: 100px;
         */
         height:auto;
    }
    .hero-area{
        padding-top:0px!important;
    }
     #conteneur {
        /* padding-top:100px;
         */
    }
     .center_actu {
         padding: 40px 15px!important;
    }
     #conteneur_contenu {
         min-width: 100%;
    }
     #contenu, #conteneur_header {
         width: 100%;
    }
     .paragraphe p > img {
         display: block;
         max-width: 100%;
         height: auto;
         padding: 0px!important;
         margin: auto;
         margin-bottom: 20px!important;
    }
     #centreetdroite .transport-king .about-us p {
         width: auto;
    }
     .SF fieldset p {
         display: inline-block;
         width: 100%!important;
         margin-left: 0px!important;
    }
     #header #logo {
         position: relative;
         display: block;
         width: calc(100% - 29px);
         left: 0px;
         margin-right:29px;
         padding:10px;
    }
     #logo img {
         padding-top: 0!important;
    }
     #header #logo:after {
         border: none;
    }
     #position-menu {
         background-color: #fff ;
         position: absolute;
         top: 100%;
         width: 100%;
         margin: 0;
         padding: 0;
         text-align: left;
    }
     #menu_haut ul li ul {
         display: block;
         height: 0px;
         overflow: hidden;
         padding: 0px!important;
         background-color:#fff;
         top:0!important;
    }
     #menu_haut ul li.open ul {
         height: auto;
         top: 0px;
         opacity: 1;
         position: relative;
         width: 100%!important;
         border: none;
         padding-top: 9px;
         padding-bottom: 9px;
         display: block;
         left: 0px;
         padding-left:20px!important;
    }
     #menu_haut ul li.open ul li, #menu_haut ul li.open ul li a {
         width: 100%!important;
         text-align: center;
         color: #3e3e3e!important;
         background-color: #fff;
    }
     #menu_haut ul li.open ul li a{
         padding: 10px 0px!important;
    }
     #menu_haut ul li.open ul li{
         border:0px;
         padding:0px;
    }
     #menu_haut ul.menu-sub > li:first-child:after {
         display: none;
    }
     .page-heading .page-title h2{
         font-size:25px;
         padding-right:0;
         margin-right:0;
    }
     .page-heading{
         padding-top:50px;
    }
     #ariane{
         width:100%;
         text-align:right;
    }
     .page-heading .page-title{
         width:100%;
    }
     #menu_haut ul {
         float: none;
         padding:0px!important;
         display:block;
         margin: auto;
    }
     #recherche {
         top: 0px;
         right: 0px;
    }
     #centreetdroite {
         width: 100%!important;
    }
     #wrapper {
         top: 0px;
         width: 100%;
         margin-left: 0px;
         min-width: 100%;
         height: auto;
    }
     body {
         overflow-x: hidden;
    }
     #carousel div {
         height: auto;
    }
     #carousel div img {
         height: auto;
         width: 100%;
    }
     #pager2 {
         width: 100%;
         bottom: 10px;
         top: auto;
    }
     #centreetdroite {
         width: 96%!important;
         margin: auto;
         height: auto!important;
    }
     #gauche {
         width: 96%;
         margin: auto;
         padding: 0px;
         position: absolute;
         float: none;
         margin-left: 2%;
    }
     #col2 > a {
         display: none!important;
    }
     #col2 {
         width: 20%;
         margin-right: 0;
         margin-left: 5%;
    }
     #col2 #reseaux {
         width: 100%;
         text-align: center;
    }
     #col2 #reseaux a {
         margin: auto!important;
         display: block!important;
         margin-bottom: 40px!important;
    }
     #col2 {
         margin-left: 5%;
         width: 50%;
         margin-right: 0px;
    }
     #gauche h3 {
         font-size: 1.8em;
         font-weight: normal;
         text-transform: capitalize;
    }
     #gauche .mdl_billet {
         font-size: 1.2em;
         color: #1a333c;
    }
     #menu_haut li a{
         padding:10px 0px;
         display:block;
         text-align:left;
         border-bottom:1px solid #ccc;
    }
     #menu_haut li a.extend{
         border:0px;
    }
     #menu_haut li:last-child a{
         border:0px;
    }
     #menu_haut li:first-child {
         display:none;
    }
     #menu_haut> ul >li {
         width: 100%;
         margin:0px;
         padding:0px 16px;
         -moz-transform: skew(0deg);
         -webkit-transform: skew(0deg);
         -o-transform: skew(0deg);
         -ms-transform: skew(0deg);
         transform: skew(0deg);
    }
     .sousmenu.open + li a {
         border-top:1px solid #ccc;
    }
     #menu_haut> ul >li a{
         -moz-transform: skew(0deg);
         -webkit-transform: skew(0deg);
         -o-transform: skew(0deg);
         -ms-transform: skew(0deg);
         transform: skew(0deg);
    }
     #menu_haut> ul >li:hover .extend{
         color:#fff!important;
    }
     #pied #conteneur_pied > div{
         width:100%;
    }
}
 #lines {
     border-bottom: 17px double black;
     border-top: 6px solid black;
     content: "";
     height: 5px;
     width: 35px;
     display: block;
}
 .btn-menu {
     display: none;
     cursor: pointer;
}
 #pager2 {
     width: 100%;
     bottom: 10px;
     top: auto;
}
 @media screen and (max-width: 850px) {
     .center_actu img {
         display: block;
         margin: auto;
         margin-bottom: 30px;
    }
     .right_actu {
         width: 100%;
         padding-left: 0px;
    }
}
 @media screen and (max-width: 740px) {
     .contain-pp{
         display:block;
     }
     .contain-pp .bloc-gauche, .contain-pp .bloc-droit{
         width:100%;
         padding:0px;
     }
      .contain-pp .bloc-gauche{
          padding-bottom:20px;
      }
     .flex-height{
         display:block;
     }
     .page-heading .page-title h2{
         font-size:20px;
         margin:0px;
    }
     .page-heading .container{
         width:100%;
    }
     .section-desc p.section-text{
         padding:0 15px!important;
    }
     .mosaicflow__item{
         width:50%;
    }
     .left_pres{
         width:100%;
         display:block;
    }
     .right_pres{
         width:100%;
    }
     .col1, .col2 {
         width: 100%;
    }
     .col1 {
         margin-bottom: 40px;
    }
     .carousel-inner, .carousel {
         height: auto!important;
    }
     #recherche {
         display: none;
    }
     #menu_haut {
         width: 100%;
        /* top: 35px;
         */
    }
     #menu_haut >ul {
         padding: 0px;
    }
     #menu_haut >ul >li {
         display: inline-block;
         float: none;
    }
     #menu_haut >ul >li a {
        /* padding:0px;
         */
    }
     #menu_haut> ul >li {
         width: 100%;
    }
     #logo {
         left: 30%;
         margin: 0px!important;
         padding: 0px;
    }
     #background-menu-right {
         height: 190px;
    }
     #wrapper {
        /* top:205px;
         */
    }
     #col3 {
         width: 90%;
         margin-left: 5%!important;
         float: none;
    }
     #col2 {
         display: none;
    }
}
 @media screen and (min-width: 0px) and (max-width: 500px) {
     .left-atout,.left-equipe{
         padding-right:20px!important;
    }
     .col_chiffre{
         width:100%;
    }
     .mosaicflow__item{
         width:100%;
    }
}
 @media screen and (min-width: 0px) and (max-width: 400px) {
     .media-left{
         display:block;
         text-align:center;
         padding:0px;
    }
     .media-left .media-object{
         text-align:center;
         margin:auto;
         margin-bottom:20px;
    }
     #header #logo img {
         max-width:calc(100% - 70px);
    }
}
/* Project Name : Plumbing Author Company : Ewebcraft Project Date: 7 Sep, 2016 Author Website : http://www.ewebcraft.com Author Email : ewebcraft@gmail.com */
/*responsive layout*/
 @media (min-width: 1680px) {
     .navigation span {
         right: 78%;
    }
}
 @media (min-width: 1920px) {
     .navigation span {
         right: 78%;
    }
}
 @media (min-width: 1972px) {
     .navigation span {
         right: 73%;
    }
     .bContainer {
         padding: 380px 0px 80px;
    }
}
 @media (min-width: 2150px) {
     .bContainer {
         padding: 410px 0px 80px;
    }
}
 @media (min-width: 2300px) {
     .bContainer {
         padding: 450px 0px 80px;
    }
}
 @media (min-width: 2400px) {
     .navigation span {
         right: 68%;
    }
}
 @media (min-width: 982px) {
     .for-contact-info .info-address {
         width: 42.6667%
    }
     .for-contact-info .info-mail {
         width: 32.3333%
    }
     .for-timing .timing-one {
         width: 42%;
    }
     .for-timing .timing-two {
         width: 30%;
    }
     .for-timing .timing-three {
         width: 28%;
    }
}
 @media only screen and (max-width: 980px){
     .container .col-md-3{
         margin-bottom:30px;
    }
     .container .col-md-4{
         margin-bottom:30px;
    }
     .container .col-md-5{
         margin-bottom:30px;
    }
     .container .col-md-6{
         margin-bottom:30px;
    }
     .container .col-md-7{
         margin-bottom:30px;
    }
     .container .col-md-8{
         margin-bottom:30px;
    }
     .container .col-md-9{
         margin-bottom:30px;
    }
     .container .col-md-10{
         margin-bottom:30px;
    }
     .container .col-md-11{
         margin-bottom:30px;
    }
     .container .col-md-12{
         margin-bottom:30px;
    }
     .logo img {
         width: 91%;
    }
     .navigation .logo a {
         padding: 25px 0px 24px;
    }
     header .text-right, header .text-center {
         text-align: left !important;
    }
     #form-estimation {
         margin-bottom: 10px;
    }
     .for-timing {
         margin-top: 10px;
    }
     .for-logo {
         overflow: hidden;
         padding-right: 24px;
    }
     .navbar-nav > li {
         margin-left: 1px;
    }
     .navbar-nav > li > a{
         font-size: 14px;
         padding:4px 5px;
    }
     .search-container {
         padding: 0px 25px;
         right: -50px;
    }
     .section-desc p.section-text {
         padding: 0px 100px;
    }
     .section-desc h3.section-heading {
         font-size: 28px;
    }
     .bContainer {
         padding: 155px 0 155px;
    }
     .button-effect{
         bottom:-35px;
    }
     ul#portfolio-list li{
         margin-left:12px;
         margin-right:12px;
    }
     .portfolio li.item{
         margin-left: 8px;
         margin-right: 8px;
    }
     .overlay .fa-external-link{
         left:28%;
    }
     .overlay .fa-search{
         right:28%;
    }
     .myCarousel .carousel-control.left {
         left: 43%;
    }
     .navbar-default {
         padding-bottom: 0px;
    }
     .navbar-collapse {
         margin-right: 0px;
         padding-right: 0px;
    }
     .bContainer h2 {
         font-size: 20px;
    }
     .bContainer h5 {
         font-size: 26px;
    }
     #estimation .container {
         margin: auto;
    }
     div.module.parallax-1 {
         padding-bottom: 80px;
    }
     #latest-news {
         padding-bottom: 50px;
    }
     .news-image img {
         width: 100%;
    }
     .news-holder .news-container {
         margin-bottom: 20px;
    }
     #plans {
         padding-bottom: 50px;
    }
     #plans .price-plan .panel-default {
         margin-bottom: 40px;
    }
     #testimonial {
         padding-bottom: 60px;
    }
     ul#partners li a {
         padding: 23.5px 29px;
    }

    .paragraphe h3{
    background-color:#d94247;
    color:#fff;
    display:block;
    height: 50px;
    width: 100%;
    padding-left: 20px;
    line-height: 51px;
    font-size: 18px;
    }

    .paragraphe h3:after {
        position: absolute;
        /* top: 100px; */
        left: 95%;
        content: "";
        border-style: solid;
        border-color: transparent #fff transparent transparent;
        border-width: 0 33px 34px 0;
    }
}
 @media (max-width: 800px) {
     .logo img {
         width: 92%;
    }
     .search-container {
         display: none;
    }
     .back-to-top {
         right: 30px;
    }
}
 @media (max-width:767px) {
     .padding40{
         padding:20px!important;
    }
     .list_actu .news-container{
         width:100%;
    }
     #contenu_scroller > p > strong>img{
         float:none!important;
         display:block;
         margin:auto;
         padding:0px!important;
         max-width:100%;
         height:auto:
    }
     .slide1,.slide2,.slide4 {
         height:auto !important;
    }
     .rsABlock img {
         height: 540px;
    }
     #newsletter{
         padding-bottom:120px;
    }
     .bContainer hr {
         width:275px !important;
    }
     #estimation-text {
         margin:50px 0px 90px;
    }
     h1 {
         font-size:22px !important;
    }
     .noppading-left {
         padding:0px;
    }
     .myCarousel .carousel-control.left,.myCarousel .carousel-control.right {
         position:relative;
    }
     .myCarousel .carousel-control.left {
         top:0;
    }
     .myCarousel .carousel-control.right {
         left: 53%;
         top: -53px;
    }
     .new{
         margin-bottom:40px;
    }
     #map{
         height:300px;
    }
     #cities{
         height:100%;
         padding-bottom:90px;
    }
     #cities-text ul {
         -moz-column-count:1;
         -webkit-column-count:1;
         column-count:1;
    }
     #newsletter-form .button-effect {
         bottom: -70px;
         left: 0;
         right: 0;
         margin: 0 auto;
         text-align: center;
    }
     #newsletter-form input {
         width:100%;
    }
     .footer-detail .latest-project {
         padding:0px 15px !important;
    }
     .news-section span {
         display:none;
    }
     .news-hover-div > h1 {
         top:30px;
    }
     .news-hover-div > p{
         top:16%;
    }
     .news-hover-div > a{
         top:35px;
    }
     .new-images {
         display:block;
    }
     .new-images1 {
         display:none;
    }
}
 @media (max-width: 640px) {
     .navigation {
         /* background: rgba(0,0,0,0.85); */
    }
     header {
         padding: 15px 0px 12px;
    }
     .for-timing {
         margin-top: 0px;
    }
     .for-contact-info .col-xs-12, .for-timing .col-xs-12 {
         margin-bottom: 5px;
    }
     .for-timing .timing-two, .for-timing .timing-three, .for-contact-info .info-mail {
         margin-bottom: 0px !important;
    }
     .for-timing .timing-two .address {
         margin-bottom: 5px !important;
    }
     .for-timing .timing-three .address, .for-timing .timing-three .address span {
         margin-bottom: 0px;
    }
     .navigation .logo a {
         padding: 15px 0 17px;
    }
     .navbar-nav {
         margin: 7.5px 0px 7.5px -15px;
         height: 150px;
         overflow-y: scroll;
         overflow-x: hidden;
    }
     .navbar-header {
         text-align: center;
    }
     .navbar-default .navbar-toggle {
         border-color: #ddd;
         display: inline-block;
         margin: 15px 0px;
         float:none !important;
         padding: 20px;
         text-align: center;
    }
     .navbar-toggle .icon-bar {
         left: 10px;
         height: 1px;
         top: 18px;
    }
     .navbar li {
         margin-top: 8px;
         margin-bottom: 8px;
    }
     .navigation span {
         height: 90px;
    }
     .navbar-default .navbar-nav > li.active, .navbar-default .navbar-nav > li:hover {
         background: none;
         transform: skew(0deg);
         -webkit-transform: skew(0deg);
         -moz-transform: skew(0deg);
    }
     .navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li:hover > a {
         color: #ff3e33 !important;
         transform: skew(0deg);
         -webkit-transform: skew(0deg);
         -moz-transform: skew(0deg);
    }
     .navbar-default .navbar-nav > li {
         transform: skew(0deg);
         -webkit-transform: skew(0deg);
         -moz-transform: skew(0deg);
    }
     .dropdown .dropdown-menu li {
         border-bottom: 1px solid #1d1d1d;
    }
     .navbar-nav > li > a {
         font-size: 14px;
         color: #fff !important;
         transform: skew(0deg);
         -webkit-transform: skew(0deg);
         -moz-transform: skew(0deg);
         transition:all 0.3s ease 0s;
    }
     .navbar-default .navbar-nav .open .dropdown-menu > li > a {
         transform: skew(0deg);
         -webkit-transform: skew(0deg);
         -moz-transform: skew(0deg);
         color: #B1B1B1;
    }
     .navigation .col-md-10 {
         padding-right: 0px;
         padding-left: 0px;
    }
     .nav-collapse {
         background: #414141 !important;
    }
     .navbar-fixed {
         top: -90px;
    }
     #for-hden-search > .row > .pull-right {
         float: none !important;
    }
     #slider-with-blocks-1 .owl-controls .owl-buttons div {
         height: 43px;
         width: 15px;
    }
     #slider-with-blocks-1 .owl-controls .owl-buttons div, #slider-with-blocks-1 .owl-controls .owl-buttons div:hover {
         background: transparent;
         border:none;
         color: #000;
    }
     #slider-with-blocks-1 .owl-controls .owl-buttons .owl-prev {
         left: 0px;
    }
     #slider-with-blocks-1 .owl-controls .owl-buttons .owl-next {
         right: -2px;
    }
     .bContainer {
         padding: 74px 0px 74px;
    }
     .rsABlock img {
         width: 90%;
    }
     #estimation-text {
         margin: 0px;
    }
     #estimation .container {
         padding-left: 15px;
    }
     #estimation-form .field-container-lft {
         padding-right: 15px;
    }
     #estimation-form .field-container-rght {
         padding-left: 15px;
    }
     .footer-detail .latest-project {
         padding: 0px !important;
    }
     .back-to-top {
         right: 20px;
    }
     #main-slider {
         height: 520px;
    }
     ul#partners li a {
         padding: 23.5px 15.7px;
    }
     #newsletter {
         padding: 60px 0px;
    }
     #cities {
         padding-bottom: 0px;
    }
    /* about page */
     #page-title {
         padding: 200px 0 30px;
    }

    .paragraphe h3{
    background-color:#d94247;
    color:#fff;
    display:block;
    height: auto;
    width: 100%;
    padding: 20px;
    line-height: 20px;
    font-size: 18px;
    text-align:center
    }

    .paragraphe h3:after {
        display:none;
        position: absolute;
        /* top: 100px; */
        left: 95%;
        content: "";
        border-style: solid;
        border-color: transparent #fff transparent transparent;
        border-width: 0 33px 34px 0;
    }
}
 @media (max-width: 480px) {
     .for-timing .timing-two, .for-timing .timing-one {
         margin-bottom: 10px !important;
    }
     .bContainer h2{
         font-size:16px !important;
    }
     .bContainer h5{
         font-size:18px !important;
         line-height: 1.5em;
    }
     .bContainer .red-button {
         margin-top: 5px;
    }
     #estimation-text {
         margin-top: 0px;
    }
     .estimation .form-inline .form-group{
         margin-right: 0;
    }
     .greybox .carousel-control.left{
         left:35%;
    }
     .overlay .fa-search{
         right:20%;
    }
     header address, .info-mail .address {
         display: flex;
    }
     header address i.fa, .info-mail .address i.fa {
         margin-top: 3px;
         margin-right: 8px;
    }
     .top-info .timing span:nth-child(2) {
         margin-bottom: 5px;
    }
     .bx-wrapper .bx-viewport {
         height: auto !important;
         padding: 25px 0px 0px;
    }
     ul#partners li a {
         padding: 16.5px 14px;
    }
}
 @media (max-width: 360px){
     .color-scheme {
         top: 318px;
    }
     #main-slider {
         height: 468px;
    }
     .rsABlock img {
         width: 100%;
    }
     h1 {
         font-size: 26px;
    }
     .bContainer h5 {
         font-size: 16px !important;
         margin: 5px 0;
    }
     .bContainer h2 {
         font-size: 13px !important;
         margin-top: 5px;
    }
     .section-desc p.section-text {
         padding: 0px 15px;
    }
     .news-holder .red-button {
         font-size: 10px;
    }
     .news-holder .news-text .news-read-more {
         margin-bottom: 15px;
    }
     .news-holder .news-container:hover .news-text {
         padding: 15px;
    }
     ul#partners li a {
         padding: 16.5px 22px;
    }
     .l-project-hover {
         padding: 5px;
    }
     .back-to-top {
         bottom: 80px;
    }
     #estimation-text {
         margin-top: 0px;
    }
}
 @media (max-width: 320px) {
     ul#partners li a {
         padding: 16.5px 12px;
    }
     .bContainer h2 {
         font-size: 12px !important;
    }
     .bContainer h5 {
         font-size: 14px !important;
    }
     header {
         font-size: 11px;
    }
}