@import url('https://fonts.googleapis.com/css2?family=Poppins: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');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap');

@font-face {
    font-family: 'tomato_round_condensedmedium';
    src: url('fonts/tomatoroundcondensed-webfont.eot');
    src: url('fonts/tomatoroundcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tomatoroundcondensed-webfont.woff2') format('woff2'),
         url('fonts/tomatoroundcondensed-webfont.woff') format('woff'),
         url('fonts/tomatoroundcondensed-webfont.ttf') format('truetype'),
         url('fonts/tomatoroundcondensed-webfont.svg#tomato_round_condensedmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bankgothic_md_btmedium';
    src: url('fonts/bankgothicmediumbt-webfont.eot');
    src: url('fonts/bankgothicmediumbt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bankgothicmediumbt-webfont.woff2') format('woff2'),
         url('fonts/bankgothicmediumbt-webfont.woff') format('woff'),
         url('fonts/bankgothicmediumbt-webfont.ttf') format('truetype'),
         url('fonts/bankgothicmediumbt-webfont.svg#bankgothic_md_btmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

 @import url('https://fonts.googleapis.com/css2?family=Poppins: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');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');


:root{
    --color1:#ee7202;
}
.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;
}
a {
    text-decoration: none!important;
}
.btn_fiche{
    background-color:#ee7202;
    color:#fff;
    padding:10px 15px;
    display:inline-block;
    border-radius:5px;
    font-weight:bold;
}
body {
    font-family: "Urbanist", sans-serif;
    font-size: 16px;
    color: #000000;
    line-height: 26px;
    font-weight: 400;
}
button {
    cursor: pointer;
    border: none;
    background: transparent;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Urbanist', sans-serif;
    font-weight: 500;
    margin: 0;
}
h3 {
    font-size: 28px;
    line-height: 28px;
    color: #222222;
}
h4 {

}
.spe_fille h3{
    display:inline-block!important;
    width:450px!important;
    position:relative!important;
}
.spe_fille #liste_lien_page_fille span{
    width:100%!important;
    display:block!important;
}
.spe_fille #liste_lien_page_fille a{
    width:auto!important;
    display:block!important;
    padding:30px 0px;
    color:#f47920;
}
a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
    border: none;
}

.spe_fille a{
    opacity:1!important;
}
img {
    max-width: 100%;
    height: auto;
}

img.img-style {
    box-shadow: 0 0 10px #00000024;
    border-radius: 6px;
}
i {
    font-style: normal;
}
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.paragraphe li:before,
#centreetdroite #contenu_scroller > ul > li:before,
#centreetdroite #contenu_scroller .right_fiche ul > li:before
{
content:'\f111';
    font: normal normal normal 12px/1 FontAwesome;
    display:inline-block;
    vertical-align:middle;
    padding-right:10px;
    font-size:6px;

}
.right_fiche ul{
    margin-bottom:20px;
}
.sec-title {
    padding-bottom: 50px;
    margin-top: -5px;
}

.contact-us .sec-title {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    flex-direction: column;
    flex-wrap: wrap;
}

.choose-area .sec-title {
    display: flex;
    width: 351px;
    padding: 0;
    margin: 0;
}

.contain_logiciel {
    display: flex;
    width: calc(100% - 359px);
}
.sec-title .title p{
    color: #f47920;
    font-size: 16px;
    font-weight: 400;
    /* text-transform: capitalize; */
    display: block;
    margin: 0;
    display: flex;
    align-content: center;
    align-items: center;
    gap: 10px;
}

.contact-us a {
    background-color: #000000;
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    /* line-height: 48px; */
    text-align: center;
    font-family: 'Roboto', sans-serif;
    margin-top: 17px;
    transition: all 500ms ease;
    padding: 10px 20px;
    border-radius: 27px;
}

.contact-us .sec-title .title p {
    color: #000;
}

.contact-us .sec-title .title p:first-child:after, .contact-us .sec-title .title p:first-child:before {
    background-color: #000;
}

.contact-us p, .actualite.services-area .sec-title .title p {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
}

.sec-title .txt p {
    color: #5d5d5d;
    font-size: 14px;
    line-height: 17px;
    text-align: left;
}

.sec-title .title p:after {
    content: '';
    width: 11px;
    height: 2px;
    background-color: var(--color1);
    position: relative;
    display: flex;
}

.actualite .sec-title .title p:before, .contact-us .sec-title .title p:before {
    content: '';
    width: 11px;
    height: 2px;
    background-color: var(--color1);
    position: relative;
    display: flex;
}

.contact-us .sec-title .title p.nobefore:before, .sec-title .title p.nobefore:after {
    display: none;
}

.sec-title p.color-2{
    color: #b2c9ff;
}
.sec-title h3 {
    display: block;
    color: #000;
    font-size: 26px;
    line-height: 30px;
    font-weight: 400;
    margin: 0;
    font-family: "Orbitron", sans-serif;
    letter-spacing: 1px;
}

.par_style_2 .sec-title h3 {
    color: #fff;
}

.flexcenter {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.contain-edc > div {
    width: calc(25% - 20px);
    display: flex;
    position: relative;
    /* height: 250px; */
    /* background-color: #fff; */
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
}

.contain-edc > div h3 {
    position: relative;
    z-index: 3;
    padding: 10px;
    font-size: 16px;
    line-height: 16px;
    /* background: rgb(255,255,255); */
    /* background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255) 100%); */
    width: 100%;
    color: #000;
}

.contain-edc > div h3 a {
    color: #000;
}

.contain-edc > div img {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2;
    object-fit: contain;
    box-shadow: 0 0 10px #00000057;
}

.contain-edc {
    gap: 20px;
    display: flex;
    align-items: flex-start;
}

.black .sec-title h3 {
    color: #fff;
    font-family: "Orbitron", sans-serif;
}

.about-area .sec-title {
    margin: 0;
    padding: 0;
}

.about-area .sec-title h3 {
    font-size: 26px;
    text-align: left;
    font-family: "Orbitron", sans-serif;
    letter-spacing: 1px;
}
.services-area .sec-title h3, .latest-blog-area.temoignage .sec-title h3  {
    display: block;
    color: #000;
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
    margin: 0;
    text-align: left;
    font-family: "Orbitron", sans-serif;
    letter-spacing: 1px;
}
.services-area .sec-title .border:before, .latest-blog-area.temoignage .sec-title .border:before{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 70px;
    height: 2px;
    margin: 0 auto;
    background: #ffffff;
    content: "";
}
.services-area .sec-title .border:after, .latest-blog-area.temoignage .sec-title .border:after{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: #ffffff;
    content: "";
}
.sec-title h3.white-color{
    color: #000000;
}
.sec-title .border {
    position: relative;
    display: block;
    width: 90px;
    height: 7px;
    background: transparent;
    margin: 17px 0 0;
}
.sec-title .border.left:before {
    margin: 0;
}

.sec-title .border:before{
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    width: 70px;
    height: 2px;
    margin: 0 auto;
    background: #000000;
    content: "";
}

.sec-title .border.center:before {
    right: 0;
}
.sec-title .border:after{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: #000000;
    content: "";
}

.sec-title .border.center {
    margin: 17px auto 24px;
}
.sec-title .border.color-2:before{
    background: #ffffff;
}
.sec-title .border.color-2:after{
    background: #ffffff;
}
.sec-title span{
    font-size: 18px;
    line-height: 28px;
    color: #ee7202;
}
.block_temoignage{
    padding: 15px;
    color:#fff;
}
.block_temoignage h4{
    margin:0px;
    margin-bottom:10px;
}
.block_temoignage br{
    display:none;
}
#temoignage{
    background-image:url(../images/interface/bg_temoignages.jpg);
}
.presentation img{
    max-width:100%;
}

.title_home h3{
        font-size: 50px;
    line-height: 50px;
    font-weight:700;
    color:#c0292f;
}
.title_home p{
    margin-bottom:0;
    color: #a3a3a3;
      font-family: 'Montserrat', sans-serif;
              font-size: 20px;
    line-height: 20px;
}
.title_home{
    margin-bottom:20px;
    padding:0 15px;
}
.block_formation img{
    width:100%;
}
.desc_pres h6{
    margin:0px;
    color:#fff;
        font-size: 25px;
    line-height: 25px;
    font-weight:bold;
    margin-bottom:10px;
}
.desc_pres .catch{
    font-size:13px;
    line-height:13px;
        color: #a3a3a3;
        margin-bottom:20px;
}
.desc_pres p{
    color: #a3a3a3;
    line-height:
}
.desc_pres a{
    display:inline-block;
    margin-top:10px;
    color:#f47920;
    padding:5px 10px;
    border:2px solid #f47920;
    border-radius:3px;
}
.list_cat a{
    display:inline-block;
    background-color:#f47920;
    color:#fff;
    padding:5px 15px;
    font-size:16px!important;
    margin-right:10px;

}
p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom:7px;
}
.prix_fiche strong{
    font-size:20px;
    color:#f47920;
}

a[name="formIdentificationLog"] + h3 + p + table h4{
    font-size:20px;
}
#formIdentificationLog input[type="text"],
#formIdentificationLog input[type="password"],
#formIdentificationLog select,
#formIdentificationLog textarea,
#formCreationInscription input[type="text"],
#formCreationInscription input[type="password"],
#formCreationInscription select,
#formCreationInscription textarea,
#formCreationInscription p input[type="text"] {
    border: 2px solid #e6e6e6;
    font-size: 18px;
    width: 100%;
    padding: 12px 15px;
}
#formIdentificationLog label, #formCreationInscription label {
    display: inline-block;
    font-size: 18px;
    color: #232323;
    font-weight: 300;
    width: 200px;
}
#formCreationLog a {
    color: #fff!important;
    background-color: #f47920;
    font-size: 18px!important;
    padding: 5px 10px;
    cursor: pointer;
    border: none;
    font-weight: normal!important;
    display: inline-block;
    border: #f47920 0.5px solid;
    font-family: 'Open sans';
    -webkit-transition: 0.5s all ease;
}
a[name="formIdentificationLog"] + h3 + p + table> tbody > tr > td {
    display: inline-block;
    width: 47%!important;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 30px;
}
a.infobulle,
a.infobulle img {
    border: none;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: content-box;
    position:relative;
}
a.infobulle:hover {
    background: none;
    z-index: 25
}
.liste_equipe{
    display:flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1200px;
    justify-content: flex-start;
}
 .img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.liste_equipe .item {
    width: 100%;
    /* background-color: #222; */
    /* max-width: 450px; */
    margin: 1%;
    display: flex;
    margin-bottom: 35px;
}

.liste_equipe .item .inner {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.liste_equipe .item .inner .img {
    width: 160px;
    overflow: hidden;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.liste_equipe .item .inner .desc_equipe {
    padding: 0 30px;
    width: calc(100% - 160px);
    margin: auto;
}

.liste_equipe .item .inner .desc_equipe p{
    font-size:16px;
    line-height: 20px;
}

.liste_equipe .item .inner .desc_equipe .title {
    font-size: 32px;
    font-weight: 500;
    position: relative;
    padding-bottom: 0;
    display: flex;
    margin-bottom: 10px;
    font-family: 'bankgothic_md_btmedium';
    font-weight: 500;
    margin: 0;
    flex-direction: row;
    align-items: center;
}

.contain-orange {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 4px solid #ee7202;
    margin-bottom: 20px;
}

.contain-txt {
    display: flex;
    flex-wrap: wrap;
}
.contain-txt .bloctxt {
    width: 300px;
    padding: 10px;
    background-color: #f1f1f1;
    text-align: center;
}

.contain-txt .bloctxt p {
    margin-bottom: 18px;
}

.contain-txt .bloctxt p:last-child {
    margin-bottom: 0;
}

.contain-txt .bloctxt:first-child {
    width: calc(100% - 300px);
    background-color: transparent;
    text-align: left;
}

.paragraphe .contain-txt .bloctxt ul li:before {
    content: '\f00c';
    font-size: 16px;
}

.liste_equipe .item .inner .desc_equipe .pos {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    margin-top: 3px;
    text-align: left;
}

.liste_equipe .item .inner .desc_equipe .title:after {
    bottom: 0px;
    content: "";
    height: 2px;
    left: 0;
    position: relative;
    right: 0;
    width: 14px;
    background-color: #000000;
    margin: 0 10px;
}

.liste_equipe .item .inner .desc_equipe .contain-orange:after {
    bottom: 0px;
    content: "";
    height: 2px;
    left: 0;
    position: relative;
    right: 0;
    /* width: 100%; */
    background-color: #ee7202;
    /* margin: 0 10px; */
}

a.infobulle span {
    display: none
}
a.infobulle:hover span {
    display: block;
    position: absolute;
    top: 0;
    left: 3em;
    padding: 2px;
    width: 20em;
    border: 1px solid #7F9DB9;
    background-color: #EDEDED;
    color: #000000;
    text-align: left;
    font-size: 0.8em;
    font-weight: normal;
}
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5!important;
}
input[type="reset"],
input[type="button"] {
    webkit-appearance: button;
    cursor: pointer;
    font-family: 'Open sans';
    font-weight: normal;
    font-style: normal;
    background: #000;
    border: none;
    font-size: 14px;
    color: #ffffff!important;
    vertical-align: top;
    display: inline-block;
    text-transform: uppercase;
    padding: 9px 18px;
}
input[type="submit"],
.submit,.btn-panier {
    webkit-appearance: button;
    cursor: pointer;
    font-family: bankgothic_md_btmedium;
    background: rgb(238, 114, 2);
    border: none;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff!important;
    display:inline-block;
    text-transform:  uppercase;
    width: 200px;
}
a[name="formIdentificationLog"] + h3 + p + table> tbody > tr > td:nth-child(1) {
    margin-right: 4%;
}
.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;
    font-size: 20px;
}
.right_actu h4 a {
    color: #222;
}
.lin_actu a.suite {
    display: inline-block;
    color: #fff!important;
    background-color: #f47920!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;
}

.btn_recru {
    display: flex;
    gap: 20px;
}
.center_actu {
    /* max-width: 1140px; */
    margin: auto;
    width: 100%;
}
.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);
}


.clr {
    clear: both;
    display: none;
}
#ariane {
   margin: auto;
   font-size: 16px;
   font-weight:400;
   padding:15px 0px;
   text-align:left;
   background-color: #dedede;
   /* border-bottom: 1px solid #f1f1f1; */
}
#ariane .ariane{
    max-width:1140px;
    margin:auto;
}
.block_formation{
    position:relative;
}
.formation .row{
    margin-bottom:30px;
}
.formation .title_home{
    margin-bottom:0px;
}
.block_formation .title_formation{
    position:absolute;
    bottom:20px;
    left:20px;
    right:20px;
    z-index:2;
    font-size:0;
}
.title_formation a{
    color:#fff;
    font-size:16px;
    line-height:17px;
    vertical-align:middle;
    display:inline-block;
    width:calc(100% - 55px);
    font-family: 'Montserrat', sans-serif;
}
.icon_title{
    display:inline-block;
    width:45px;
    height:45px;
    vertical-align:middle;
    margin-right:10px;
    color:#fff;
    background-color:#000;
    border-radius:50%;
    font-size:20px;
    padding-top:10px;
    text-align:center;
}
.formation .row:nth-child(2) > div:nth-child(1) .icon_title,
.formation .row:nth-child(3) > div:nth-child(2) .icon_title{
    background-color:#f47920;
}
.formation .row:nth-child(2) > div:nth-child(2) .icon_title,
.formation .row:nth-child(3) > div:nth-child(4) .icon_title{
    background-color:#c0292f;
}
.formation .row:nth-child(2) > div:nth-child(3) .icon_title,
.formation .row:nth-child(3) > div:nth-child(3) .icon_title{
    background-color:#333;
}
.formation .row:nth-child(3) > div:nth-child(1) .icon_title{
    background-color:#8ac6d0;
}
.block_formation:after{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    z-index:1;
    right:0;
    content:'';
    display:block;
      background: -moz-linear-gradient(top, rgba(101, 100, 96, 0) 0%, rgba(101, 100, 96, 0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(101, 100, 96, 0) 0%, rgba(101, 100, 96, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(101, 100, 96, 0) 0%, rgba(101, 100, 96, 0.65) 100%);
}
.intro_formation{
    background-image:url(../images/interface/img6.jpg);
    background-size:cover;
}
.intro_formation h4 > span:first-child{
    display:inline-block;
    font-size:50px;
    color:#fff;
    vertical-align:top;
    margin-right:20px;
}
.intro_formation h4{
margin:0px;
margin-bottom:50px;
}
.intro_formation {
    padding:40px 0px;
}
.intitule_titre{
 font-family: 'Montserrat', sans-serif;
 font-size:40px;
 line-height:50px;
 display:inline-block;
width:calc(100% - 70px);
vertical-align:top;
color:#fff;
font-weight:700;
}
.intitule_titre span{
    display:inline-block;
}
.intitule_titre span:first-child{
    color:#f47920;
    border-bottom:4px solid #ffffff;
}
.block_intro{
    color:#fff;
}
.block_intro h5{
    margin:0px;
font-size: 40px;
    line-height: 45px;
    font-weight:bold;
    margin-bottom:20px;
}
.block_intro p{
       font-size: 16px;
    line-height: 30px;
}
.block_intro h5 .num{
    font-size:25px;
        color:#f47920;
}
.presentation{
    background-color:#333333;
}
.partenaire{
        background-color: #f9f9f9;
        border-top:1px solid #f1f1f1;
}
.presentation .title_home h3{
    color:#f47920;
    margin:0px;
    margin-bottom:10px;
}
.presentation .title_home{
    margin-bottom:40px;
}
#ariane a{
    color: #000000;
    font-weight:400;
}
/* Listes */


/* 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;
}
form[name="form_recherche2"] input[type="submit"]{
    background-color:#f47920;
    border:0px;
    text-transform:uppercase;
    color:#fff;
    padding:3px 15px;
    font-size:18px;
}
input,
button,
select {
    vertical-align: middle;
}
/**********/
/* Boites */
/**********/

.slider_home > .intro_slider > * {
    position:relative;
    z-index:2;
}
.menu_slider{
    text-align:center;
    position:absolute;
    bottom:40px;
    left:0;
    right:0;
}
.menu_slider a{
    display:inline-block;
    font-size:32px;
    width:75px;
    height:75px;
    margin:0 10px;
    background-color:#333333;
    padding-top:20px;
    border-radius:50%;
    color:#fff;
    font-weight:400;
}
.menu_slider a:nth-child(2){
    background-color:#8AC6D0;
}
.menu_slider a:nth-child(3){
    background-color:#c0292f;
}
.menu_slider a:nth-child(4){
    background-color:#f47920;
}
.slider_home:after{
    content:'';
    width: 100%;
    display:block;
    top:0;
    bottom:0;
    /* background-color: rgb(255, 255, 255); */
    position:absolute;
    z-index:0;
}
.intro_slider{
   margin:auto;
   color: #000;
   text-align:center;
   /* margin-bottom: 350px; */
   padding: 51px 300px 174px 24%;
   /* width: calc(100% - 992px); */
   /* vertical-align: bottom; */
   background-image: url(../images/interface/logo_sans_fond.png);
   background-size: auto 80%;
   background-position: 10% center;
   background-repeat: no-repeat;
   position: relative;
   display: flex;
   justify-content: space-between;
   align-content: flex-start;
   flex-direction: column;
   align-items: flex-start;
}
.slider_home{
    width:100%;
    position:relative;
    padding-top: 211px;
    /* background-image:url(../images/interface/logo_sans_fond.png); */
    background-size:  22% auto;
    background-position:10% center;
    background-repeat:no-repeat;
    font-size: 0;
}
.intro_slider h3{
    color: #000!important;
    font-weight:bold;
    text-transform:uppercase;
    font-size: 50px;
    line-height:60px;
    margin-bottom: 20px;
    text-align:left;
    padding-left: 5%;
    margin:auto;
    margin-bottom:20px;
    width: 100%;
}
.intro_slider h3 span{
    font-size:30px;
    font-weight:normal;
}
.intro_slider p{
       font-family: 'bankgothic_md_btmedium';
       font-size:20px;
       transform: rotate(-4deg);
       line-height: 24px;
       /* position:absolute!important; */
       /* left:50%; */
       margin-top:70px;
       margin-bottom: -70px;
       /* bottom: 120px; */
       padding-left: 15%;
}
.intro_slider p span{

    font-size:30px;
    font-weight:bold;
    line-height:40px;
}

.list_recru{
  display:flex;
  flex-wrap: wrap;
  max-width: 1170px;
  width: 100%;
  margin: auto;
}

.list_recru .block_list_recu {
    width: calc(33.3% - 10px);
    margin: 10px;
    padding: 35px;
    background-color: #ffffff;
    border-radius: 10px;
    min-width: 300px;
    box-shadow: 0 0 10px #cacaca;
    transition: all 0.5s ease;
}

.list_recru .block_list_recu:hover {
    background-color: #0000000d;
}

.block_list_recu .right_recru {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: space-between;
    justify-content: flex-start;
    position: relative;
    padding-bottom: 110px;
}

.list_recru .block_list_recu .right_recru i {
    /* font-size: 18px; */
    color: #ee7202;
    margin-right: 10px;
}

.list_recru .block_list_recu .right_recru .ville_recru {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--corp);
}

.list_recru .block_list_recu .right_recru .desc_recru {
    font-size: 14px;
    text-align: left;
    line-height: 20px;
    color: var(--corp);
    font-weight: 500;
}

.lin_recru{
  width: 100%;
  height: 40px;
  background-color: #ee7202;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 200px;
  border-radius: 7px;
  margin: 0;
  transition:all 0.5s ease;
}

.button_recru {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    padding-top: 20px;
    /* min-height: 110px; */
    position: absolute;
    bottom: 0;
    width: 100%;
}

.lin_recru:hover {
  background-color: rgb(32 32 32 / 80%);
}

.contain_actu .lin_recru {
    /* display: flex; */
    /* justify-content: flex-start; */
    margin-left: 0;
    margin-bottom: 25px;
}

.lin_recru a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.list_recru .block_list_recu .right_recru h4 ,.list_recru .block_list_recu .right_recru h4 a {
    text-transform: none;
    text-align: left;
    color: #ee7202;
    line-height: 20px;
    margin-bottom: 20px;
}

.fiche_emploi{
    display:flex;
    flex-direction: row-reverse;
}

.fiche_emploi .left_fiche {
    width: 300px;
    background-color: #ee7202;
    padding: 19px;
}

.fiche_emploi .left_fiche ul {
    margin: 0;
    line-height: 21px;
    text-align: left;
    padding-left: 20px;
}

.fiche_emploi .left_fiche ul li {
    margin-bottom: 10px;
    list-style: disc;
}

.fiche_emploi  .right_fiche {
    width: calc(100% - 300px)!important;
    padding-left: 0!important;
    padding-right: 40px;
}

.slider{
    background-image:url(../images/interface/img-slide_new.jpg);
    min-height:75vh;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding-top: 104px;
    background-position: right;
}



.slider a {
    background-color: #ee7202;
    display: flex;
    color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
}

.slider div {
    width: 100%;
    /* height: 100%; */
    position: relative;
    z-index: 3;
    display: flex;
    max-width: 1170px;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}

.slider div h2 {
    max-width: 50%;
    color: var(--color1);
    font-family: "Orbitron", sans-serif;
    font-size: 26px;
    letter-spacing: 1px;
}

.slider div p {
    max-width: 50%;
    color: #ffffff;
}

.slider:after {
    content: '';
    display: flex;
    position: absolute;
    z-index: 1;
    /* background-color: #0000005c; */
    width: 100%;
    height: 100%;
    top: 0;
    /* background: #0000005c; */
    /* background: linear-gradient(91deg, #000000e3, #0000005c); */
}


@media screen and (max-width: 1720px) {
.slider_home{
    background-position:5% 40%;
        background-size: 20% auto;
}
.intro_slider h3{
    padding-left: 0;
}

.intro_slider p {
    padding-left: 5%;
}
.intro_slider{
    /* padding:0px; */
    /* background-size: auto 80%; */
    padding-right: 20px;
    padding-left: 26%;
    background-size: auto 50%;
}

}

@media screen and (max-width: 1275px) {
    .intro_slider h3{
        line-height:45px;
        font-size:35px;
    }
}
@media screen and (max-width:1170px){
    .slider_home{
    background-position:5% 20%;
}

    #for-hden-search{
        width: 100%!important;
    }
}
@media screen and (max-width: 765px) {
    .slider_home{
           /* background-position:center 20px; */
           /* background-size:200px auto   ; */
           /* padding-top:300px!important; */
    }
    .intro_slider h3 span{
        font-size:20px;
    }
    .intro_slider{
        /* margin-bottom:130px!important; */
    }
    .intro_slider p span{
          line-height:24px;
        font-size:20px;
    }
    .intro_slider h3{
        padding-left:15px;
        padding-right:15px;
        font-size:26px;
        line-height:30px;
    }
    .intro_slider p{
        margin-top:20px;
        font-size:18px;
        line-height:24px;
    }

    .contain-orange{
        display:flex;
        justify-content: center;
    }

    .contain-txt .bloctxt:first-child, .contain-txt .bloctxt{
        width:100%;
        text-align: center;
    }
}
.slider_home .group_form{
    width:33.3333%;
    display: inline-block;
    font-size:20px;
    padding:0 15px;
    text-align: right;
}
.slider_home .group_form select{
    background-color:#fff;

    width:100%;
    font-size:18px;

    padding:10px;
    box-shadow: inset 0px 0 20px 2px rgba(27, 27, 27, 0.32);
}
.slider_home .group_submit{
    text-align:center;
    margin-top:40px;
    font-size:20px;

}
.slider_home .group_submit input{
 background-color: #000000;
 font-family: 'Montserrat', sans-serif;
 color: #ffffff;
 border: 0;
 cursor: pointer;
 font-weight:bold;
 padding: 10px 20px;
 text-transform:uppercase;
 font-size:  14px;
}
.slider_home .group_form label{
    font-size:20px;
    margin-bottom: 20px;
    text-align: left;
    color: #ffffff;
    font-size: 24px;
    line-height: 20px;
    font-family: tomato_round_condensedmedium;
    display:block;
}
.slider_home form{
    /* max-width: 992px; */
    font-size:0;
    position:relative;
    background-color: rgb(238, 114, 2);
    padding:25px 10px;
    margin:auto;
    /* padding-top: 110px; */
    /* display: inline-block; */
    /* vertical-align: bottom; */
}
.slider_home form .container{
    z-index:100000;
}
/*
.slider_home form:after{
    background: #f47920;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: -104px;
    transform: skewY(-10deg);
    width: 1170px;
}*/
.slider_home form:before{width: 4000px;height: 300px;top: -299px;left:0;content: "";display:block;position:absolute;/* border-style: solid; *//* border-width: 0 0  300px 1903px; *//* border-color: transparent transparent #ee7202 transparent; */clip-path: polygon(100% 0, 0% 100%, 100% 100%);background-color: #ee7202;}
#actualite .row:nth-child(2){

}
#actualite .block_actu{
       box-shadow: 4px 6px 20px 0px #afafaf;
    moz-box-shadow: 4px 6px 20px 0px #afafaf;
    -webkit-box-shadow: 4px 6px 20px 0px #afafaf;
    -o-box-shadow: 4px 6px 20px 0px #afafaf;
display:inline-block;
width:calc(33.33333% - 40px);
vertical-align:top;
margin:15px 15px;
}
.visuel_atelier{
    position:relative;
}
.visuel_atelier img{
    width:100%;
    height:auto;
}
.block_atelier{
    margin-bottom:20px;
}
.visuel_atelier:after{
      background: -moz-linear-gradient(top, rgba(101, 100, 96, 0.8) 0%, rgba(101, 100, 96, 0) 35%, rgba(101, 100, 96, 0) 45%, rgba(101, 100, 96, 0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(101, 100, 96, 0.8) 0%, rgba(101, 100, 96, 0) 35%, rgba(101, 100, 96, 0) 45%, rgba(101, 100, 96, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(101, 100, 96, 0.8) 0%, rgba(101, 100, 96, 0) 35%, rgba(101, 100, 96, 0) 45%, rgba(101, 100, 96, 0.8) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#99656460', endColorstr='#99656460', GradientType=0);
content:'';
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}
.desc_atelier{
    background-color:#333;
    padding:20px;
}
.desc_atelier p br{
    display:none;
}
.desc_atelier p{
    font-size: 16px;
    line-height: 30px;
color:#a3a3a3;
}
.desc_atelier h5{
    margin:0;
    margin-bottom:10px;

}
.desc_atelier h5 a{
        color: #f47920;
font-size: 20px;
    line-height: 20px;
    font-weight:400;
}

.visuel_atelier .date{
    position:absolute;
    bottom:20px;
    left:20px;
    color:#fff;
    z-index:3;

}
.visuel_atelier .date span:nth-child(2){
    font-family: 'Varela Round', sans-serif;
    display:inline-block;
    padding-left:10px;
}
#actualite .block_actu .date_actu{
        color: #a3a3a3;
            font-size: 15px;
            font-weight: 400;
    line-height: 15px;
        font-family: 'Varela Round', sans-serif;
}
#actualite .block_actu p br{
    display:none;
}
#actualite .block_actu h4 a{
    color: #727475;
}
#actualite .block_actu h4{
color: #727475;
    font-size: 25px;
    line-height: 25px;
    font-weight:400;
    margin:0px;
    margin-bottom:10px;
    margin-top:10px;
}
.news-text{
    padding:30px;
}
#conteneur_contenu {
    min-width: 1000px;
    width: 100%;
    margin: 0 auto;
    z-index: 6;
}
#header {
    background-color: var(--color1);
    min-width: 1000px;
    width: 100%;
    position: fixed;
    margin: 0px;
    padding: 0px;
    z-index: 100;
}

.newhead #header {
    z-index: 1000;
}

.page-heading {
    background-size: cover;
    background-image:url(../images/interface/page_header.jpg);
    background-repeat: no-repeat;
    padding: 120px 0;
    padding-top:230px;
    padding-bottom:60px;
    text-align: left;
    position: relative;
    background-position: center center;
}

.page-heading:after {
    position: absolute;
    content: '';
        background: -moz-linear-gradient(top,rgba(101,100,96,0.8) 0%,rgba(101,100,96,0) 35%,rgba(101,100,96,0) 45%,rgba(101,100,96,0.8) 100%);
    background: -webkit-linear-gradient(top,rgba(101,100,96,0.8) 0%,rgba(101,100,96,0) 35%,rgba(101,100,96,0) 45%,rgba(101,100,96,0.8) 100%);
    background: linear-gradient(to bottom,rgba(101,100,96,0.8) 0%,rgba(101,100,96,0) 35%,rgba(101,100,96,0) 45%,rgba(101,100,96,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99656460',endColorstr='#99656460',GradientType=0);

    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    opacity: 1;
    z-index: 1;
}
.page-heading .container {
    margin: auto;
    position: relative;
    z-index: 2;
    max-width: 1170px;
}
.page-heading .page-title h2 {
    text-align:left;
    max-width:100%;
    margin:auto;
    font-size: 42px;
    font-weight: 700;

    color: #fff;
    padding-bottom: 0;


    /* margin-top:40px; */
}
.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;
}

#header #logo {
    z-index: 1000;
    display:inline-block;
    text-align:left;
    margin: 0px;
    vertical-align:middle;
    z-index:1000000;
    vertical-align:middle;
    position:relative;
    width: 250px;
    position: absolute;
    height: 250px;
    /* background-color: var(--color1); */
    top: 0;
    left: 0;
}
#position-menu{
    display:inline-block;
    width:80%;
    vertical-align:top;
    text-align:right;
    position:relative;
    z-index:100000;
}

.newhead #position-menu {
    width: 100%;
}
#header #logo img {
    max-width: none;
    z-index: 39;
    width: 250px;
}

#header.newhead #logo {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    align-content: flex-start;
}
.bg_menu{
    background-color:#fff;
    position:relative;z-index:2;
}
#conteneur_header {
    padding: 0;
    width: 100%;
    font-size: 0;
    margin: auto;
    position: relative;
}

.newhead #conteneur_header {
    display: flex;
    width: 100%;
    /* max-width: 1170px; */
    /* border-bottom: 1px solid #000; */
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.newhead .top_header > #conteneur_header {
    /* border-bottom: 1px solid #000; */
    /* box-shadow: 0 0 10px #000; */
}

.newhead .top_header > #conteneur_header .contact_header {
    width: 100%;
    display: flex;
    /* box-sizing: border-box; */
    gap: 10px;
}
.right_bandeau{
    display:inline-block;
    width:20%;
    text-align:right;
}
.devis{
    display:inline-block;
}
.devis a{
    font-size:15px;
    display: block;
    background: #ee7202;
    border: 2px solid #ee7202;
    width: 160px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    line-height: 66px;
    transition: all 500ms ease;
    box-shadow: inset 1px 1px 17px 3px rgba(0, 0, 0, 0.20);
}
.devis a:hover{
     color: #ffffff;
     background: rgb(204, 91, 9);
     border: 2px solid #000;
}
.search-container{
    display:inline-block;
}


#header h1 {
    margin: 0px;
    padding: 0px;
    font-size: 1.65em;
}
#header img {
    margin: 0;
    padding: 0;
    background-image: none;
}
/* =============================================================================
 * MENU
 * ===========================================================================*/

#menu_haut {
    list-style-type: none;
    width: 100%;
    font-size: 0;
    /* border-top: 1px solid #0000000f; */
    display: flex;
    justify-content: space-between;
}

#menu_haut .PGS_CONTACT {
    display: none;
}
#menu_haut > ul > li {transition: all 0.3s ease 0s;display: flex;position: relative;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;margin-left: 22px;flex-direction: column;align-content: center;justify-content: center;align-items: center;}

#menu_haut > ul {
    margin: 0!important;
    padding: 0!important;
    text-align:left;
    vertical-align:middle;

}

.newhead #menu_haut > ul {
    display: flex;
    /* justify-content: flex-start; */
}
#menu_haut li:first-child {
    border-left: 0px;
    margin-left:0px;
}

#menu_haut li > a,
#menu_haut li > span {
    cursor:pointer;
    position: relative;
    color: #ffffff;
    display: block;
    font-size: 13px;
    font-weight: 600;
    line-height: 14px;
    text-transform: uppercase;
    opacity: 1;
    padding: 0px 0px;
    transition: all 300ms ease;
    font-family: "Urbanist", sans-serif;
}

#menu_haut li.PGS_SPECIALE_2 > a {
    background-color: #ee7202;
    padding: 10px 20px;
    border-radius: 24px;
}

#menu_haut li.PGS_SPECIALE_2 > a:after {
    display: none;
}

#menu_haut li.PGS_SPECIALE_2 > a:hover {
    background-color: #000;
}

#menu_haut li.PGS_SPECIALE_2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.newhead #menu_haut li > a, .newhead #menu_haut li > span {
    color: #fff;
}

.scroll_down .newhead #menu_haut li > a, .scroll_down .newhead #menu_haut li > span {
    color: #fff;
}
#menu_haut > ul > li > a:hover{
    color: #ee7202;
}
#menu_haut > ul > li:hover > a:after{
    width: 20px;
}
#menu_haut > ul > li > a:after{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    margin: 0 auto;
    content: "";
    display: none;
    width: 0px;
    height: 3px;
    transition: all 300ms ease;
    text-align: center;
    opacity: 1;
    background: #ee7202;
}

#menu_haut li  .fa {
    font-size: 20px;
}

#menu_haut .ACCUEIL a span {
    font-size: 20px;
}

.menu-sub {
    position: absolute;
    top: 49px;
    z-index: 999;
    padding: 0 0;
     background: rgb(34, 34, 34) none repeat scroll 0 0;
    left: -17px;
    list-style-type: none;

}
.menu-sub > li:last-child a{
    border:0px!important;
}
.menu-sub > li {
    display: block !important;
    transition: all 500ms ease 0s;
    padding: 0;
    width: 100%;
}

.menu-sub > li a:before{
  position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 7px;
    height: 7px;
    background: #000000;
    display: block;
    transition: all 700ms ease;
    opacity: 1;
    margin: 19px 0;
    content: "";
    opacity: 0;
    transform: scale(0);
}
.menu-sub > li:hover a:before{
    opacity: 1;
    transform: scale(1);
}
.menu-sub > li:last-child{
    border-bottom:0px;
}

#menu_haut .menu-sub a {
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    transition: all 500ms ease 0s;
    padding: 0;
    font-family: 'Urbanist', sans-serif;
    /* border-bottom: 1px solid #f2f2f2; */
    }

#menu_haut > ul > li > ul {
    top: 100px;
    text-align:left;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px;
}
#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: 100%;
    margin: auto;
    z-index: 4;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #c9c9c9d9;
}
.page_liquid #contenu {
    width: 100%!important;
}
.page_liquid #centreetdroite {
    width: 100%!important;
}
.pageAccueil #contenu {
    padding: 0px;
    width: 100%;
}

.pageAccueil #ariane {
    display: none;
}
.list_real{
    font-size:0;
}
.block_real{
    display:inline-block;
    width:25%;
    padding:15px 15px;
}
.block_real img{
    width:100%;
    height:auto;
}
#contenu_scroller {
    text-align: justify;
}

.contain-service {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.contain-service .bloc-service {
    width: calc(33.3% - 27px);
    /* padding: 10px; */
    background-color: #ffffff;
    /* border-radius: 6px; */
    /* gap: 20px; */
    display:flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    position: relative;
    align-items: center;
    box-shadow: 0 0 10px #00000057;
}

.contain-service .bloc-service:hover h3 {
    bottom: auto;
    bottom: 92%;
    transition: all 0.5s ease;
}

.contain-service .bloc-service h3 {
    position: absolute;
    background-color: #ee7304;
    padding: 8px;
    bottom: -19px;
    z-index: 2;
}

.contain-service .bloc-service div {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: absolute;
    background-color: #000000c9;
    width: 100%;
    height: 100%;
    color: #fff;
    line-height: 15px;
    align-items: center;
    justify-content: center;
    align-content: center;
    opacity: 0;
    z-index: 1;
    transition: all 0.5s ease;
}

.contain-service .bloc-service:hover div {
    opacity: 1;
}

.contain-service .bloc-service div p {
    line-height: 21px;
    font-size: 14px;
}

.contain-service .bloc-service img {
    /* border-radius: 6px; */
}

.contain-logo {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    padding-top: 30px;
}

.contain-logo img {
    width: calc(25% - 23px);
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 10px #0000003b;
    max-width: 200px;
}

.contain-agr {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    max-width: 1170px;
    margin: auto;
    width: 100%;
}

.contain-agr > div {
    width: calc(33.3% - 33px);
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    gap: 10px;
    position: relative;
    padding-bottom: 30px;
    min-height: 325px;
    box-shadow: 0 0 10px #00000024;
    border-radius: 6px;
}

.contain-agr > div.sec-title {
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
    padding: 0;
    box-shadow: none;
}

.contain-agr > div.sec-title h3 {
    text-align: left;
}

.contain-agr > div {
    text-align: center;
}

.contain-agr > div a {
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
    background-color: #ee7202;
    padding: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -10px;
    bottom: -10px;
    border-radius: 3px;
}

.agr-img {
    width: 200px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    object-fit: contain;
}

.agr-img img {
    width: auto;
    height: 100%;
    display: flex;
    max-width: none;
}
.liste_produits {
    font-size: 0;
}
.liste_produits {
    margin-left: -15px;
    width: calc(100% + 30px);
}
.liste_produits .block_produit {
    width: calc(50% - 30px);
    margin-bottom: 30px;
    vertical-align: top;
}
.liste_produits .desc_produit {
    padding-bottom: 25px;
    border-top: 1px solid #a5a5a5;
    /* height:190px; */
}
.block_produit {
    display: inline-block;
    margin: 0 15px;
    border: 1px solid #848484;
    box-sizing: border-box;
    -webkit-box-shadow: 1px 1px 30px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 1px 1px 30px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 1px 1px 30px 0px rgba(0, 0, 0, 0.16);
}
.list_produit_complement .block_produit{
    margin-bottom:30px;
}
.list_produit_complement .block_produit .img-produit a img{
    width:100%!important;
}
.desc_produit {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
}
.desc_produit h5 a {
    font-size: 19px;
    font-weight: normal;
    color: #656464;
}
.desc_produit .prix_prod {
    text-align: center!important;
    color: #313131!important;
    font-size: 17px!important;
}
.img-produit > a {
    display: block;
    position: relative;
    z-index: 5;
}
.img-produit {
    position: relative;
}
.img-produit > a img {
    width: 100%;
    height: auto;
}
.link_produit a {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, -webkit-transform 0.5s 0.25s ease-out;
    -moz-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, -moz-transform 0.5s 0.25s ease-out;
    -ms-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, -ms-transform 0.5s 0.25s ease-out;
    -o-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, -o-transform 0.5s 0.25s ease-out;
    transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, transform 0.5s 0.25s ease-out;
    -webkit-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.35s ease-out, opacity 0.5s 0.35s ease-out, -webkit-transform 0.5s 0.35s ease-out;
    -moz-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.35s ease-out, opacity 0.5s 0.35s ease-out, -moz-transform 0.5s 0.35s ease-out;
    -ms-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.35s ease-out, opacity 0.5s 0.35s ease-out, -ms-transform 0.5s 0.35s ease-out;
    -o-transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.35s ease-out, opacity 0.5s 0.35s ease-out, -o-transform 0.5s 0.35s ease-out;
    transition: color 0.5s 0.001s ease-out, background 0.5s 0.001s ease-out, visibility 0.5s 0.35s ease-out, opacity 0.5s 0.35s ease-out, transform 0.5s 0.35s ease-out;
    display: inline-block;
    width: 45px;
    height: 45px;
    background-color: #fff;
    font-size: 20px;
    box-sizing: border-box;
    padding-top: 12px;
    color: #969696;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.block_produit .link_produit a:hover {
    color: #fff!important;
    background-color: #ee7202;
}
.block_produit:hover .link_produit a {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.block_produit:hover .img-produit > a:after {
    opacity: 1;
}
.block_produit .img-produit > a:after {
    display: block;
    content: '';
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 50;
    background-color: rgb(238 114 2 / 0.2);
}
.link_produit {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 0;
    z-index: 100;
    font-size: 15px;
}
.fiche_billet .left_fiche {
    width:500px;
    display:inline-block;
}
.fiche_billet{
    display:block;
    font-size:0;
}
.right_fiche{
    display:inline-block;
    width:calc(100% - 500px);
    vertical-align:top;
    font-size:16px;
    padding-left:40px;
}
.list_doc h5{
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #ccc;
}
.block_doc{
    margin-bottom:30px;
}
.block_doc h4{
    margin:0px!important;
    margin-bottom:10px!important;
}
.block_doc h4 a{
    color:#222;
}
#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: 100%;
    margin: auto;
    padding-top: 100px;
    padding-bottom: 0;
}
#centreetdroite:after{
    content:'';
    display:table;
    clear:both;
}
.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{
    max-width:200px;
    margin-bottom:25px;
}
#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:#ccc;
}
#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: #fff;
    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;
}
.par_style_1{
    max-width:1170px;
    margin:auto!important;
    padding-bottom: 40px;
}
#centre div.paragraphe,
#centreetdroite div.paragraphe {
    margin: 0;
    max-width: 1170px;
    width: 100%;
    margin: auto;
    /* padding: 100px 0; */
    padding-bottom: 100px;
}

#centre div.paragraphe:first-child, #centreetdroite div.paragraphe:first-child {
    padding-top: 0;
}

#centreetdroite div.paragraphe.par_fixe {
    padding: 0;
    margin: 0;
    max-width: none;
}

#centreetdroite div.paragraphe.par_style_2 {
    /* padding-bottom: 20px; */
    /* border-bottom: 3px solid #ce5c16; */
    width: 100%;
    max-width: none;
    background-color: #1f1f1f;
}
#centreetdroite div.paragraphe ul{
    list-style: disc;
}
.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;
}
.menu-sub > li:hover a{
    border-color:#f47920!important;
        padding-left: 15px!important;
}
.menu-sub > li:hover{
        background-color: #f47920;
}
@media screen and (min-width: 1170px) {
    body {
        overflow-x: hidden;
    }
    #menu_haut > ul > li:hover > ul {
        left: 0px;
        top: 100%;
        opacity: 1;
        width: 214px;
    }

.newhead #menu_haut > ul > li:hover > ul {
    background: #000000;
}

    .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: #f47920;
    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(8) label{
    display:none;
}
.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: 50%;
}
.par_style_1 .mdl_formulaire{
    /* margin-left:-15px; */
    /* margin-right:-15px; */
}
.par_style_1 .mdl_formulaire input[type="submit"], .btn_postul, .poste_btn{
    background-color:#f47920;
    color:#fff;
    border:0px;
    padding:10px 15px;
    text-transform:uppercase;
    font-size:16px;
    transition: all 0.5s ease;
}

.par_style_1 .mdl_formulaire input[type="submit"]:hover, .btn_postul:hover, .poste_btn:hover{
    background-color:#000000;
    color:#fff;
}
.par_style_1 fieldset{
    margin-left:-15px;
    margin-right:-15px;
}
.par_style_1 .mdl_formulaire textarea{
    height:200px;
    resize:none;
}
.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;
 font-family: 'Roboto', sans-serif;


}
.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:#333333;

    color:#a3a3a3;
    font-size:14px;
    padding-top:70px;
}


#pied { padding-bottom:20px; display: inline-block; width: 100%; }
#pied  a{ color:#a8a8a8; font-weight:normal;}
#pied  a:hover{ color:#fff;}
#pied .fa{ margin-right:2px;}
#pied h3{
    color:#fff;
    font-family: "Roboto",sans-serif;
    font-size:18px;
    font-weight:normal;
    margin-top:0;
    margin-bottom:0px;
}

p.footer
{
    color:#525252 !important;
    font-size:12px !important;
    margin:10px 0px 0px;
}
.logo_footer{
    text-align:center;
     margin-bottom:20px;
}
.reseau_footer{
    text-align:left;
    margin-bottom:70px;

}
.reseau_footer p{
    color:#fff;
    display:inline-block;
    margin:0px;
    vertical-align:middle;
}
#centreetdroite .reseau_footer p{
    color:#222;
}
#centreetdroite .reseau_footer li:before{
    display:none;
}
.reseau_footer ul{
    vertical-align:middle;
    display:inline-block;
}
.reseau_footer ul li{
    display:inline-block;
    font-size:40px;
    margin:0 5px;
}
.left_bottom{
    display:inline-block;
    width:25%;
font-size: 14px;
    line-height: 14px;
}
.right_footer{
    display:inline-block;
    width:75%;
    font-size:14px;
    text-align:right;
}
.right_footer ul li{
    display:inline-block;
}
.right_footer ul li a{
    text-transform:uppercase;
}
.right_footer ul li:after{
    content: "|";
    display: inline-block;
    margin: 0 20px;
    font-size: 14px;
    color: #5F5F5F
}
.right_footer ul li:last-child:after{
    display:none;
}
.bottom_footer{
    font-size:0;
    border-top:1px solid #595959;
    padding-top:15px;
}
.l-post .row {
    margin-bottom: 20px;
}
#conteneur_pied > div .l-container {
    padding: 0px 8px 8px 0px;
}
#conteneur_pied > div .latest-project {
    position: relative;
}
.navbar-fixed {
    background-color: #1a1a23;
    top: 0;
    z-index: 100;
    position: fixed;
    width: 100%;
    z-index: 9999;
}
    /*fixing navbar*/

/* Searchbar */

.hiden-form {
    min-height: 0px !important;
}
.search-container {
    position: relative;


    display: inline-block;
    z-index:999;
    font-size:15px;
    vertical-align:top;

}
.search-container button{
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    margin: 0;
    position: relative;
    text-align: center;
    transition: all 500ms ease;
    display: block;
    width: 65px;
    line-height: 66px;
}
.search-icon{
    background-color:transparent;
    border:0px;
    font-size:25px;
    display:block;
}
.search-container .searchbox-icon:before {

    display: inline-block;
    content: "\e91a";
  font-family: 'icomoon' !important;
    font-size: 21px;
    transition:all 0.3s ease 0.1s;
}

.search-container .searchbox-icon {
    font-size:12px;
    border:0px;
    background-color:transparent;
    color:#aaa;
    vertical-align:top;
}
.search-container .searchbox-icon:focus,
.search-container .searchbox-icon:active {
    outline: none !important;
}

#search-form .form-group {
    position: absolute;
    background: #000000;
    right:15px;
}
#search-form .search-group {
          padding:0px!important;
    margin: 0px;
    padding: 0px;
    top: -60px;
    left: 0px;
    opacity: 0;
    display: inline-block;
    width: 100%;
    position:absolute;
    margin-top: 1px;
      height:0px;
      overflow:hidden;
    transition:all 0.3s ease 0.1s;
}
#search-form .search-group .form-control {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #303443;
    color: #000;
    display: block;
    font-size: 13px;
    line-height: 24px;
    position: relative;
    transition: all 500ms ease 0s;
    width: 100%;
    height: 40px;
    padding-left: 15px;
    padding-right: 50px;
}
#search-form .search-group-active {
    top: -1px;
    opacity: 1;
          padding:20px!important;
    height:auto;
}

#search-form .search-group .search-icon {
    background: #303443;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 40px;
    transition: all 500ms ease 0s;
        color: #fff;
    background: #000;
}
.top_header{



     transition: all 0.3s ease 0s;
}

.newhead .top_header {
    box-shadow: 0 0 10px #00000030;
    /* padding-bottom: 10px; */
}
#bandeau_header{
    background:#000;
}

.newhead #bandeau_header {
    background: transparent;
    width: calc(100% - 250px);
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
}
#bandeau_header #conteneur_header{
    padding:0px;
}
#for-hden-search{
    width:1140px;
    text-align:right;
    margin-top:-1px;
}
#search-form {
    position: relative;
}
.scroll_down .top_header{
    height:0px;
    /* overflow:hidden; */
}

.scroll_down .newhead .top_header {
    height: auto;
    /* background-color: #ffffff; */
}
.left_top li{
    text-transform:uppercase;
}
.center_top{
    max-width:1140px;
    margin:auto;
    font-size:0;
    padding: 13px 0;
}
.center_top ul{
    display:block;
    margin:0px;
    padding:0px;
}
.center_top ul li{
    display:inline-block;
    list-style:none;
    font-size:13px;
    padding:0 5px;
}
.center_top ul li i{
    font-size:12px;
}
.left_top{
    text-align:left;
     padding:0 15px;
    display:inline-block;
    width:30%;
}

.left_top ul li i{
    margin-right:5px;
    color:#fff;
}
.right_top{
     padding: 0 250px 0 0;
     display:inline-block;
     width: 100%;
     text-align:right;
}

.newhead .right_top {
    display: flex;
    flex-direction: row;
    /* gap: 13px; */
    justify-content: flex-end;
    height: 104px;
}
.header-social-info,.header-contact-info{
    display:inline-block;
    vertical-align:middle;
}
.header-right {}
.header-social-info{}
.header-social-info .social-links-box {
    overflow: hidden;
    margin: 17px 0;
}
.header-social-info .social-links-box p {
    margin: 0;
    display: inline-block;
  vertical-align:middle;
}
.header-social-info .social-links-box .sociallinks-style-one {
    overflow: hidden;
    display: inline-block;
    vertical-align:middle;
    padding-left: 10px;
}

.sociallinks-style-one{}
.sociallinks-style-one li{
    display: inline-block;
    float: left;
    margin-right: 15px;
}
.sociallinks-style-one li:last-child{
    margin-right: 0px;
}
.sociallinks-style-one li a i{
    color: #000000;
    font-size: 20px;
    transition: all 500ms ease;
}
.sociallinks-style-one li a:hover i{
    color: #f47920;
}



.sociallinks-style-two{
    overflow: hidden;
}
.sociallinks-style-two li {
    display: inline-block;
    margin-right: 10px;
}
.sociallinks-style-two li:last-child{
    margin-right: 0px;
}
.sociallinks-style-two li a i {
    border: 2px solid #e5e5e5;
    background: #e5e5e5;
    border-radius: 50%;
    color: #848484;
    font-size: 14px;
    height: 45px;
    line-height: 42px;
    padding: 0;
    text-align: center;
    transition: all 500ms ease 0s;
    width: 45px;
}
.sociallinks-style-two li a:hover i{
    background: #000000;
    border-color: #000000;
    color: #fff;
}



.header-contact-info {margin: 7px 0;/* width: 100%; */display: flex;justify-content: flex-end;align-content: center;align-items: center;}
#menu_haut .header-contact-info .single-info {
    padding-left: 30px;
    position: relative;
    display: inline-block;
    vertical-align:middle;
    /* border-left: 1px solid #e8e8e8; */
    /* margin-left: 30px; */
    /* margin-right: 0px; */
    display: flex;
    flex-direction: row;
}

.header-contact-info .single-info > a {
    margin: 3px 0 0;
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}
.header-contact-info .single-info .icon-holder {
    display:inline-block;
    vertical-align:middle;
    margin-right:15px;
}
.header-contact-info .single-info .icon-holder span:before {
    color: #fff;
    font-size: 18px;
    /* line-height: 48px; */
}
.header-contact-info .single-info .text-holder{font-size:16px;display:inline-block;
vertical-align:middle;}
.header-contact-info .single-info .text-holder span, .header-contact-info .single-info .text-holder a{
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
.header-contact-info .single-info .text-holder h4,
.header-contact-info .single-info .text-holder h4 a {
    margin: 3px 0 0;
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}

/*for scroll button to reach on top*/
.backtotop {
    display: inline-block;
    width: 100%;
    position: relative;
}
.back-to-top {
    position: fixed;
    bottom: 60px;
    right:93px;
    width: 52px;
    height: 52px;
    z-index:9999;
    display: none;
    text-decoration: none;
    color: #fff;
    font-size:20px;
    background:#f47920;
    padding:10px;
    transform: skew(-22deg);
    -webkit-transform: skew(-22deg);
    -moz-transform: skew(-22deg);
}
.back-to-top i.fa {
    transform: skew(22deg);
    -webkit-transform: skew(22deg);
    -moz-transform: skew(22deg);
}
.back-to-top:hover , .back-to-top:focus{
     color: #ffffff;
}
.overflow{
    overflow:hidden;
}
#search-form .search-group .search-icon i.fa {
    color: #fff;
}
#search-form .search-group-active .search-icon {
    z-index: 7;
}
#search-form .form-control::-webkit-input-placeholder { /* Chrome */
    color: #999999;
}
#search-form .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #999999;
}
#search-form .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #999999;
    opacity: 1;
}
#search-form .form-control:-moz-placeholder { /* Firefox 4 - 18 */
    color: #999999;
    opacity: 1;
}
.choose-area {
    background: #e0e0e0;
    display: block;
    padding-bottom: 40px;
    padding-top: 40px;
    background-image: url(bg_outilsmetiers.jpg);
    position: relative;
    background-attachment: fixed;
    background-position: center;
}

.choose-area .container {
    position: relative;
    z-index: 3;
}

section.choose-area:after {
    content: '';
    display: flex;
    background-color: #000000cc;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.parallax-bg-one {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.services-area::before, .latest-blog-area.temoignage::before {
    /* background: rgb(234 234 234 / 0%) none repeat scroll 0 0; */
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.choose-area .inner-content {z-index: 100;display: block;/* padding-top: 80px; *//* padding-bottom: 105px; */}

.choose-area .inner-content.flexcenter {
    display: flex!important;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.featured-item-box {
    display: block;
    padding: 0 30px;
    position: relative;
    margin-top: -105px;
    z-index: 100;
}
.margint-20{
    margin-top: 20px;
}

.featured-item-box .single-box{
    position: relative;
    background: #ffffff;
    display: block;
    padding-top: 60px;
    padding-bottom: 60px;
    box-shadow : 0 8px 15px 0 rgba(0, 0, 0, 0.25);
}


}
.featured-item-box .single-box .icon-holder{
    padding-bottom: 24px;
}
.featured-item-box .single-box .icon-holder span:before{
    color: #f47920;
    margin-left:0px;
    font-size: 65px;
    line-height: 65px;
    transition: all 500ms ease;
    opacity: 1;
}
.featured-item-box .single-box h3{
    font-size: 16px;
    margin-bottom: 0 0 5px;
    transition: all 500ms ease;
}

.featured-item-box .single-box .overlay-content-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 98%;
    background: #ffffff;
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
    transition: all 0.9s ease;
    opacity: 0;
}
.featured-item-box .single-box:hover .overlay-content-box{
    transition: all 0.9s ease;
    height: 100%;
    opacity: 1;
}
.featured-item-box .single-box .overlay-content-box span{
    color: #f47920;
}
.featured-item-box .single-box .overlay-content-box p{
    margin: 11px 0 0;
    font-size:14px;
    line-height:16px;
    color: #ee7202;
}
.featured-item-box .single-box .overlay-content-box .border{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f47920;
    height: 3px;
    width: 60px;
    margin: 0 auto;
}


/***
=============================================
    Services Area style
=============================================
***/
.pageAccueil #centreetdroite{background-attachment: fixed;background-repeat:no-repeat;background-position: left center;/* background-image: url(../images/interface/bg_home2.png); */background-color: #c9c9c9d9;padding-top: 0;}

div#centreetdroite {}
.services-area {position: relative;padding-top: 40px;padding-bottom: 60px;z-index: 1;}

.contact-us {
    background-color: #ee7202;
    padding: 45px 0;
    display: flex;
    justify-content: center;
}

.contact-us > div {
    width: 100%;
    max-width: 1170px;
}
.services-area .sec-title, .latest-blog-area .sec-title {
    padding-bottom: 42px;
    display: flex;
    justify-content: space-between;
}

.services-area .sec-title .title, .latest-blog-area .sec-title .title {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
}

.actualite.services-area .sec-title .title, .contact-us .sec-title .title {
    width: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.contact-us .sec-title .title {
    gap: 0;
}

.contact-us .sec-title .title p:last-child {
    margin-bottom: 10px;
}

.services-area .sec-title .txt, .latest-blog-area .sec-title .txt {
    width: 50%;
    max-width: 400px;
    display: flex;
    align-items: flex-end;
}
.services-area .sec-title .border.center {
    margin: 17px auto 24px;
}
.services-area .single-service-item{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;box-shadow: 0 0 10px #0000005c;margin: 8px;}
.single-service-item {
    position: relative;
    display: block;
}
.single-service-item .img-holder{
    display: block;
    overflow: hidden;
    position: relative;
    height: 280px;
    width: 100%;
}

.single-service-item .img-holder a {
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.single-service-item .img-holder img{
    transition: all 900ms ease;
    width: 100%;
    /* transform: scale(1.1, 1.1); */
    object-fit: cover;
    height: 100%;
}
.owl-carousel .owl-item img.hover_img{
    display:none;
}
.owl-carousel .owl-item:hover img.normal{
    transform:scale(1.05);
}
.single-service-item:hover .img-holder img {
    transition: all 900ms ease;
    transition: all 0.4s ease-in-out 0.5s;
    /* transform: scale(1.2, 1.2); */
}
.single-service-item:hover .img-holder .overlay-style-one{
    filter: alpha(opacity=100);
    opacity: 1;
}
.single-service-item .img-holder .overlay-style-one .box .content a i {
    background: rgba(23, 34, 114, 0.60);
    border-radius: 3%;
    color: #ffffff;
    display: inline-block;
    font-size: 15px;
    height: 45px;
    width: 45px;
    line-height: 48px;
    transform: scale(2);
    transition: all 0.5s ease-in-out 0.7s;
    transition: all 500ms ease 0s;
    opacity: 0;
}
.single-service-item:hover .img-holder .overlay-style-one .box .content a i{
    transform: scale(1);
    transition-delay: 0.1s;
    opacity: 1;
}
.single-service-item .img-holder .overlay-style-one .box .content a:hover i{
    background: #fff;
    background: rgba(23, 34, 114, 0.95);
}

.single-service-item .icon-box {
    position: absolute;
    top: -85px;
    right: -80px;
    height: 150px;
    width: 170px;
    background: #f47920;
    text-align: center;
    z-index: 2;
    transition: all 900ms ease;
    transform: rotate(45deg);
}
.single-service-item:hover .icon-box{

}
.single-service-item .icon-box span:before {
    font-size: 25px;
    line-height: 25px;
    color: #000000;
    display: block;
    padding: 115px 0px;
    transform: rotate(-45deg);
    padding-left: 26px;
}

.single-service-item .text-holder {
    padding-top: 24px;
    background: #ffffff;
    padding-bottom: 22px;
    padding-left: 30px;
    padding-right: 30px;
    /* height: auto; */
    width: 100%;
    margin-top: -56px;
    position: relative;
    z-index: 2;
    border-radius: 0;
    margin-bottom: 0;
    /* min-height: 285px; */
}

.actualite .single-service-item .text-holder {
    min-height: 285px;
}
.single-service-item .text-holder h3.title {
    margin: 0 0 17px;
}
.single-service-item .text-holder p{
    margin: 0 0 15px;
}
.single-service-item .text-holder a.readmore{
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
    background-color: #ee7202;
    padding: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 6px;
    bottom: 6px;
    border-radius: 3px;
}
.single-service-item .text-holder a.readmore:hover{
    color: #000000;
    transition: all 500ms ease;
}
.services-area .owl-dots {
    position: relative;
    margin-top: 35px;
}
.services-area .owl-dots .owl-dot{
    background-image:none;
    width: 13px;
    height: 13px;
    margin: 5px 7px;
    border: 2px solid #cecece;
    padding:0px;
    background: #cecece;
    border-radius:50%;
    -webkit-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    -moz-border-radius:50%;
    transition: all 500ms ease;
    display: inline-block;
}
.services-area .owl-dots .owl-dot span{
    display:none;
}
.services-area .owl-dots .owl-dot.active{
    background: #5b5b5b;
    border-color: #cecece;
    border-radius: 15px;
}
.services-area .owl-dots .owl-dot:hover{
    background:#f47920;
    border-color: #cecece;
}



/***
=============================================
    Service about bg style
=============================================
***/
.service-about-bg {
    /* position: absolute; */
    /* min-height: 420px; */
    /* bottom: 0px; */
    /* left: 0; */
    /* width: 100%; */
    /* z-index: -1; */
}


/***
=============================================
    About area style
=============================================
***/
.about-area {
    position: relative;
    z-index: 10;
    background-color: #ee7202;
    padding: 60px 0;
    /* padding-top: 0; */
    /* background: url('../images/interface/homenew2.jpg'); */
    background-size: cover;
    background-position: center;
    /* padding-bottom: 0; */
    background-color: #1f1f1f;
    border-bottom: 50px solid #ee7202;
}

.about-area {
    background-color: #1f1f1f;
}

.about-area .container .row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.one_content {
    position: absolute;
    /* max-width: 855px; */
    bottom: -124px;
    width: auto;
}

.one_content .company-featured-box ul {
    display: flex;
    padding: 0;
    margin: 0;
}

.one_content .company-featured-box {
    height: auto;
    margin: 0;
}

.about-area .container {
    position: relative;
    z-index: 1;
}

.about-area:after {
    content: '';
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    /* background-color: #000000a6; */
    top: 0;
    /* background-color: #ee7202d1; */
}
#centreetdroite .about-text-box{
     background-color:transparent;
}
.about-text-box {
     background: #f2f2f2;
     display: block;
     padding: 61px 40px 0 0;
     /* height: 585px; */
}

.logo_entreprise {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
    align-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width: 371px;
    max-width: none;
    flex: auto;
}

.apropos {
    width: calc(100% - 371px);
    max-width: none;
    flex: auto;
}

.logo_entreprise div {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: center;
    height: auto;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.2);
    width: 160px;
    height: 160px;
    overflow: hidden;
    border-radius: 3px;
}

.logo_entreprise a {
    background-color: #000;
    padding: 10px;
    border-radius: 4px;
    color: #fff;
    transition: all 0.5s ease;
    width: 160px;
    160px: 200px;
    height: 160px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 10px;
    font-size: 20px;
}

.logo_entreprise a:hover {
    background-color: #ee7202;
}

.logo_entreprise img {
    width: 100%;
    max-width: 300px;
}

.logo_entreprise img:first-child {
    max-width: 158px;
}
.about-text-box .sec-title{
    padding-bottom: 34px;
}
.about-text-box .inner-content h3{
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 16px;
}
.pageAccueil .about-text-box .inner-content .text p{
    color: #fff;
    margin: 0;
}

.pageAccueil .about-text-box .inner-content .text p {
    text-align: left;
    color: #000;
}

.pageAccueil .black .about-text-box .inner-content .text p {
    color: #fff;
}
.about-text-box .inner-content .text p{
    color: #222;
    margin: 0;
}
.about-text-box .inner-content .bottom {
    overflow: hidden;
    position: relative;
    margin-top: 25px;
    min-height: 65px;
    display: flex;
    justify-content: flex-start;
}
.about-text-box .inner-content .bottom .read-more-button a {
    /* width: 170px; */
    /* height: 50px; */
    background-color: #ee7202;
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    /* line-height: 48px; */
    text-align: center;
    font-family: 'Roboto', sans-serif;
    /* margin: 7px 0; */
    transition: all 500ms ease;
    padding: 10px 20px;
    border-radius: 27px;
}
.about-text-box .inner-content .bottom .read-more-button a:hover{
    color: #000;
        transition: all 500ms ease;

}
.about-text-box .inner-content .bottom .our-logo{
    position: absolute;
    right: 0;
    top: 0;
}

.company-featured-box{
    position: relative;
    margin-left: -30px;
    height: 540px;
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.2);
}

.paragraphe .company-featured-box {
    height: auto;
}
.company-featured-box li {
    width: 200px;
    height: 200px;
    float: left;
    text-align:center;
    /* min-height: 270px; */
    padding-top: 20px;
    background: #ffffff;
}

.company-featured-box li:nth-of-type(3) {
    background: #efefef;
}
.company-featured-box li:hover {
  transform: scale(1.1);
  -webkit-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.43);
box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.43);

}
.company-featured-box li:before,
.single-blog-post .text-holder .top .meta-box .meta-info li:before{
    display:none!important;
}
.company-featured-box li .single-box .icon-holder{}
.company-featured-box li .single-box .icon-holder span:before{
    color: #000000;
    font-size: 80px;
    line-height: 50px;
}
.company-featured-box li .single-box img{
    width: 110px;
}
.company-featured-box li .single-box .title-holder{
    overflow: hidden;
    margin-top: 20px;
}
.company-featured-box li .single-box .title-holder h3{
    font-size: 18px;
    line-height: 26px;
}

.company-featured-box li.bg-one{
    background: #000000;
    border-color: #000000;
}
.bg-one{
    padding:34px!important;
}
.bg-one img{
    width:70%;
    max-width:100%;
    max-height:100%;
    margin:auto!important;
    display:block;
}

.bg_black{
    background-color: #000000!important;
}
.bg_black h3{
    color:#fff;
}
.company-featured-box li.bg-one .single-box .icon-holder span:before{
    color: #ffffff;
}
.company-featured-box li.bg-one .single-box .title-holder h3{
    color: #ffffff;
}

.company-featured-box li.blue-bg{
    background: #000000;
    border-color: #000000;
}
.company-featured-box li.blue-bg .single-box .icon-holder span:before{
    color: #ffffff;
}
.company-featured-box li.blue-bg .single-box .title-holder h3{
    color: #ffffff;
}



/***
=============================================
    Latest project area style
=============================================
***/
.latest-project-area{
    position: relative;
    display: block;
    padding-top: 80px;
}

.filters {
    margin-bottom: 0px;
    display: block;
    margin-top: 23px;
}
.filters ul{
    display: block;
    border: 1px solid #f2f2f2;
}
.filters li {
    display: inline-block;
    float: left;
    line-height: 20px;
}
.filters li span {
    position: relative;
    color: #222222;
    cursor: pointer;
    display: block;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    text-transform: capitalize;
    transition: all 500ms ease 0s;
    font-family: 'Poppins', sans-serif;
    display: block;
    padding: 17px 20px 17px;
    border-right: 1px solid #f2f2f2;
}
.filters li:last-child span{
    border-right: none;
}
.filters li span:before {
    position: absolute;
    bottom: -13px;
    left: 0;
    right: 0;
    content: "\f0d7";
    font-family: FontAwesome;
    color: #f2f2f2;
    font-size: 25px;
    text-align: center;
    transform: scaleX(0);
    transition: .1s ease;
}
.filters li:hover span:before,
.filters li.active span:before{
    transform: scaleX(1);
    transition: .5s ease;
}
.filters li.active span,
.filters li:hover span {
    background: #f7f7f7;
    color: #f47920;
}

.project-content{
    position: relative;
    display: block;
}
.single-project-item{
    overflow: hidden;
    display: block;
}
.single-project-item .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-project-item .img-holder img {
    width: 100%;
    transition: all 1s ease-in-out;
}
.single-project-item:hover .img-holder img {
    transition: all 1s ease-in-out;
}
.single-project-item .img-holder .overlay-style-one{
    background: rgba(22, 35, 114, 0.9);
}
.single-project-item:hover .img-holder .overlay-style-one{
    filter: alpha(opacity=100);
    opacity: 1;
}
.single-project-item .img-holder .overlay-style-one .box .content {
    transform: scale(1.2);
    opacity: 0;
    text-align: left;
    vertical-align: bottom;
    transition: all 2s ease-in-out;
}
.single-project-item:hover .img-holder .overlay-style-one .box .content{
    transform: scale(1);
    opacity: 1;
    transition: all 2s ease-in-out;
}
.single-project-item .img-holder .overlay-style-one .box .content .inner-content{
    position: absolute;
    left: 30px;
    bottom: 30px;
}
.single-project-item .img-holder .overlay-style-one .box .content .inner-content:before{
    position: absolute;
    top: 6px;
    left: -30px;
    width: 3px;
    height: 75px;
    background: #000000;
    content: "";
}
.single-project-item .img-holder .overlay-style-one .box .content h3{
    margin: 5px 0 0;
}
.single-project-item .img-holder .overlay-style-one .box .content h3 a{
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}
.single-project-item .img-holder .overlay-style-one .box .content span{
    color: #000000;
}



/***
==========================================================
    Testimonials Style
==========================================================
***/
.testimonial-section{
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 74px;
    padding-bottom: 72px;
    z-index: 1;
}
.testimonial-section::before {
    background: rgba(254, 254, 254, 0.90) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.testimonial-section .title{
    display: block;
    padding-bottom: 42px;
}
.testimonial-section .title h1 {
    font-size: 30px;
    font-weight: 400;
    line-height: 36px;
    margin: 0 0 12px;
    color: #222222;
}
.testimonial-section .title span{
    color: #000000;
    font-size: 18px;
    line-height: 28px;
}
.testimonial-section .testimonial-outer .quote-icon{
    position:relative;
}
.testimonial-section .testimonial-outer .quote-icon span:before {
    border: 3px solid #000000;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: block;
    color: #000000;
    font-size: 20px;
    line-height: 44px;
    margin:0 auto;
}
.testimonial-block-one{
    position:relative;
}
.testimonial-block-one .inner-box{
    position:relative;
    text-align:center;
}
.testimonial-block-one .inner-box .quote-icon{
    position:relative;
    color:#e2b13c;
    font-size:28px;
    margin-bottom:40px;
}
.testimonial-block-one .inner-box .text br{
    display:none;
}
.testimonial-block-one .inner-box .text {
    position: relative;
    color: #848484;
    font-size: 20px;
    max-width: 870px;
    margin: 0 auto;
    margin-top: 42px;
    line-height: 32px;
    margin-bottom: 40px;
    font-weight: 400;
    font-style: italic;
}
.testimonial-section .client-thumb-outer{
    position:relative;
    max-width: 350px;
    margin:0 auto;
    overflow:hidden;
}
.testimonial-section .client-thumb-outer .owl-item{ }
.testimonial-section .client-thumb-outer .owl-item.active{
    opacity:1;
}
.testimonial-section .client-thumb-outer .owl-item.active .thumb-item .thumb-box{
    -o-transform: scale(1.0, 1.0);
    -ms-transform: scale(1.0, 1.0);
    -webkit-transform: scale(1.0, 1.0);
    transform: scale(1.0, 1.0);
}
.testimonial-section .client-thumb-outer .client-thumbs-carousel{
    position: relative;
    max-width: 100px;
    margin: 0 auto;
    text-align:center;
}
.testimonial-section .client-thumb-outer .client-thumbs-carousel .owl-stage-outer{
    overflow:visible;
}
.testimonial-section .client-thumbs-carousel .thumb-item .thumb-content{
    position:relative;
    text-align:center;
    margin-top:25px;
    opacity:0;
    margin-left: -30px;
    margin-right: -30px;
}
.testimonial-section .client-thumbs-carousel .thumb-item .thumb-content h3{
    font-size: 20px;
    font-weight: 400;
    color: #222222;
    text-transform:capitalize;
    font-family: 'Poppins', sans-serif;
}
.testimonial-section .client-thumbs-carousel .thumb-item .thumb-content .designation{
    color: #f47920;
    font-size:16px;
    font-weight:400;
    text-transform:capitalize;
}
.testimonial-section .client-thumb-outer .thumb-item .thumb-box {
    width: 90px;
    height: 90px;
    cursor: pointer;
    border-radius: 50%;
    margin: 0 auto;
    -o-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(0.8, 0.8);
}
.testimonial-section .client-thumb-outer .client-thumbs-carousel .thumb-item img{
    overflow:hidden;
    width:100%;
    height:100%;
    display:block;
    border-radius:50%;
}
.testimonial-section .owl-item.active .thumb-content{
    opacity:1;
}
.testimonial-section .owl-nav{
    position: absolute;
    left: 0px;
    width: 100%;
    top: 60px;
}
.testimonial-section .owl-nav .owl-prev,
.testimonial-section .owl-nav .owl-next {
    display: inline-block;
    color: #c5c5c5;
    font-size: 40px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 48px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    margin: 0;
    padding: 0;
    background: transparent;
}
.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover{
    color: #f47920;
    background: transparent;
}
.testimonial-section .owl-nav .owl-prev{
    position:absolute;
    left:0px;
}
.testimonial-section .owl-nav .owl-next {
    position: absolute;
    right: 0px;
    margin: 0px 0;
    padding: 6px 0;
}
.testimonial-section .owl-nav .owl-next span {
    transform: rotate(180deg);
    display: block;
}

.sec-pding-two{
    padding: 80px 0 40px;
}


/***
=============================================
    Latest blog Area style
=============================================
***/
.latest-blog-area {
    position: relative;
    display: block;
    padding-bottom: 67px;
    position: relative;
    padding-top: 60px;
    padding-bottom: 40px;
    z-index: 1;
    background-size: cover;
    background-attachment: fixed;
    background-position: left center;
}

.latest-blog-area .single-blog-post {
    margin-bottom: 0px;
    background-color: #fff;
    transition: all 500ms ease;
    padding: 20px 10px;
    min-height: 180px;
}
.single-blog-post .img-holder{
    display: block;
    overflow: hidden;
    position: relative;
}
.single-blog-post .img-holder img {
    transition: all 0.4s ease-in-out 0.5s;
    width: 100%;
    transform: scale(1.1, 1.1);
}
.single-blog-post:hover .img-holder img {
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    transform: scale(1.2, 1.2);
}
.single-blog-post:hover .img-holder .overlay-style-one{
    filter: alpha(opacity=100);
    opacity: 1;
}
.single-blog-post .img-holder .overlay-style-one .box .content a i {
    background: rgb(0, 204, 203);
    border-radius: 3%;
    color: #ffffff;
    display: inline-block;
    font-size: 15px;
    height: 45px;
    width: 45px;
    line-height: 48px;
    transform: scale(2);
    transition: all 0.5s ease-in-out 0.7s;
    transition: all 500ms ease 0s;
    opacity: 0;
}
.single-blog-post:hover .img-holder .overlay-style-one .box .content a i{
    transform: scale(1);
    transition-delay: 0.1s;
    opacity: 1;
}
.single-blog-post .img-holder .overlay-style-one .box .content a:hover i{
    background: #fff;
    background:  rgb(0, 204, 203);
}

.single-blog-post .text-holder {
    position: relative;
    display: block;
}
.single-blog-post .text-holder .top{

}
.single-blog-post .text-holder .top .meta-box {
    display: block;
    padding: 0 0 12px;
}
.single-blog-post .text-holder .top .meta-box .meta-info {
    overflow: hidden;
}
.single-blog-post .text-holder .top .meta-box .meta-info li {
    display: inline-block;
    float: left;
    color: #ee7202;
    padding-right: 10px;
    margin-right: 9px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    line-height: 16px;
}
.single-blog-post .text-holder .top .meta-box .meta-info li:last-child{
    padding-right: 0px;
    margin-right: 0px;
}
.single-blog-post .text-holder .text{
    display: block;
}
.single-blog-post .text-holder .text img{
    max-height: 80px;
    width:auto;
}
.single-blog-post .text-holder .blog-title {
    color: #222222;
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin: 0 0 10px;
    transition: all 500ms ease 0s;
    font-family: 'Poppins', sans-serif;
}
.single-blog-post .text-holder .blog-title:hover{
    color: #f47920;
}
.single-blog-post .text-holder .top .meta-box .meta-info li a:hover{
    color: #f47920;
}
.single-blog-post .text-holder .text p br{
    display:none;
}
.single-blog-post .text-holder .text p {
    margin: 0;
}
.single-blog-post .text-holder .readmore {
    overflow: hidden;
    padding-top: 20px;
    line-height: 14px;
}
.single-blog-post .text-holder .readmore a {
    color: #222222;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
}
.single-blog-post .text-holder .readmore a:hover{

}
.latest-blog-area .owl-dots {
    position: relative;
    margin-top: 40px;
}
.latest-blog-area .owl-dots .owl-dot{
    background-image:none;
    width: 13px;
    height: 13px;
    margin: 5px 7px;
    border: 2px solid #e9e9e9;
    padding:0px;
    background: #ffffff;
    border-radius:50%;
    -webkit-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    -moz-border-radius:50%;
    transition: all 500ms ease;
    display: inline-block;
}
.latest-blog-area .owl-dots .owl-dot span{
    display:none;
}
.latest-blog-area .owl-dots .owl-dot.active{
    background:#ee7202;
    border-color: #f47920;
    border-radius: 15px;
}
.latest-blog-area .owl-dots .owl-dot:hover{
    background:#ee7202;
    border-color: #f47920;
}

.actu_border{
    display:flex;
    /* background-color: #fff; */
    max-width: 995px;
    margin: auto;
}

.actu_border .txt-actu {
    padding-left: 47px;
}

.actu_border .txt-actu a {
    color: #fff;
}

.actu_border .txt-actu p {
    color: #fff;
}

.actu_border .txt-actu h4 a {
    color: #fff;
}

.actu_border > a {
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
}

.actu_border img {
    max-height: 160px;
}


/***
=============================================
    Consultation form area style
=============================================
***/
.appointment-area {
    position: relative;
    /* background: #fff; */
    padding: 40px 0;
}
.appointment-img-holder{
    position: relative;
}
.appointment-img-holder img{
    float: right;
    max-width: none;
}
.appointment-img-holder .subscribe-form-box {
    position: absolute;
    background: #f47920;
    display: block;
    padding: 43px 30px 50px;
    top: 80px;
    bottom: 80px;
    right: -30px;
    max-width: 370px;
    width: 100%;
}
.appointment-img-holder .subscribe-form-box p {
    color: #ffffff;
    font-size: 16px;
    line-height: 28px;
    margin: 0px 0 31px;
}
.appointment-img-holder .subscribe-form-box .newsletter-form {
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
}
.appointment-img-holder .subscribe-form-box .newsletter-form input[type="text"] {
    background: transparent;
    border: 1px solid #3c4587;
    color: #ffffff;
    display: block;
    font-size: 15px;
    font-weight: 500;
    height: 55px;
    letter-spacing: 1px;
    padding-left: 15px;
    padding-right: 100px;
    position: relative;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 100%;
}
.appointment-img-holder .subscribe-form-box .newsletter-form button {
    background: #000000;
    color: #ffffff;
    display: block;
    height: 55px;
    padding: 9px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 500ms ease 0s;
    width: 90px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}
.appointment-img-holder .subscribe-form-box .newsletter-form button i {
    font-size: 16px
}
.appointment-img-holder .subscribe-form-box .newsletter-form input[type="text"]:focus {
    border: 1px solid #424141;
    background: #fff;
    color: #000;
}
.appointment-img-holder .subscribe-form-box .newsletter-form input[type="text"]:focus + button,
.appointment-img-holder .subscribe-form-box .newsletter-form button:hover {
    background: #424141 none repeat scroll 0 0;
    color: #fff;
}
.appointment-img-holder .subscribe-form-box span {
    color: #8695ff;
    font-size: 16px;
}
.appointment-img-holder .subscribe-form-box .sociallinks-style-two {
    margin-top: 22px;
}

.appointment-area .text-holder {
    padding-left: 70px;
    padding-top: 79px;
}
.appointment-area .text-holder .sec-title {

}
.appointment-form-box {
    padding: 20px;
    background-color: #f2f2f2;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.appointment-form-box input[type="text"],
.appointment-form-box input[type="email"],
.appointment-form-box textarea{
    border: 1px solid rgba(0, 0, 0, 0.2);
    background: #fbfbfb;
    color: #a0a0a0;
    display: block;
    font-size: 16px;
    height: 50px;
    margin-bottom: 20px;
    padding: 0 20px;
    width: 100%;
    font-weight: 400;
    transition: all 500ms ease;
}
.appointment-form-box textarea{
    height:150px;
    resize:none;
    padding:15px 20px;
}
.appointment-form-box input[type="text"]:focus{
    border-color: rgba(0, 0, 0, 0.2);
}
.appointment-form-box input[type="email"]:focus{
    border-color: rgba(0, 0, 0, 0.2);
}
.appointment-form-box button {
    background: #f47920;
    width: 100%;
}
.appointment-form-box .ui-selectmenu-button {
    background: #fbfbfb;
    width: 100% !important;
    border-radius: 0px !important;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #a0a0a0;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    height: 50px !important;
    position: relative;
    font-family: 'Roboto', sans-serif;
}
.appointment-form-box .ui-selectmenu-button:focus{
    outline: none;
}
.appointment-form-box .ui-selectmenu-button span.ui-selectmenu-text {
    display: block;
    line-height: 18px;
    overflow: hidden;
    text-align: left;
    padding: 15px 20px 15px;
}
/* arrow button css */
.appointment-form-box .ui-selectmenu-button span.ui-icon {
    display: block;
    float: right;
    height: 50px;
    position: absolute;
    text-indent: 0;
    top: 7px;
    width: 45px;
    right: 0;
    bottom: 0;
    background-image: none;
}
.appointment-form-box .ui-selectmenu-button span.ui-icon::before {
    color: #cbd5dc;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    overflow: visible;
    position: absolute;
    right: 18px;
    top: 11px;
}
.appointment-form-box .btn-one{
    /* width:100%; */
}

.btn-one {
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    padding: 18px 30px 18px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
    line-height: 14px;
    position: relative;
    background: #f47920;
    color: #ffffff;
    border:0px;
}
.appointment-form-box input::-webkit-input-placeholder {
    color: #a0a0a0;
}
.appointment-form-box input:-moz-placeholder {
    color: #a0a0a0;
}
.appointment-form-box input::-moz-placeholder {
    color: #a0a0a0;
}
.appointment-form-box input:-ms-input-placeholder {
    color: #a0a0a0;
}

/* Jquery ui select css */
.ui-state-default {
    width: auto !important;
}
.ui-selectmenu-open .ui-widget-content {
    border: 1px solid #0E1B38 !important;
    background: #ffffff !important;
    color: #222222 !important;
    border-radius: 0 !important;
}
/* Jquery ui select hover bg css */
.ui-selectmenu-open .ui-widget-content .ui-state-focus {
    border: 1px solid #47588f !important;
    background: #f47920 !important;
    font-weight: normal !important;
    color: #ffffff !important;
    font-size: 13px !important;
}
/* Jquery ui select hover some change css */
.ui-selectmenu-open .ui-menu .ui-menu-item {
    border: 1px solid transparent !important;
    position: relative !important;
    margin: 0;
    padding: 5px 15px !important;
    cursor: pointer !important;
    font-size: 13px !important;
    text-transform: none !important;
}
.ui-selectmenu-menu .ui-menu {
    padding-bottom: 0px !important;
}
.footer-area {
    background: #000000;
    /* overflow: hidden; */
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    z-index: 5;
}

.footer-area:before {
    content: '';
    display: flex;
    position: absolute;
    right: 0;
    top: -156px;
    width: 250px;
    height: 161px;
    background-color: #000;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    This ad keeps this site running.
Consider whitelisting this page.
Thank you for visiting either way!
ads via CarbonStreamline secure access to AWS resources and eliminate infrastructure complexity.
ads via Carbon
280
280

The clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset), or to an SVG source.

CSS Animations and transitions are possible with two or more clip-path shapes with the same number of points.

Check out the current browser support for the clip-path property on Can I Use.;
}
.footer-area .inner-content{
    position: relative;
    display: block;
}
.footer-area .inner-content:before{
    position: absolute;
    left: 400px;
    top: 80px;
    width: calc(100% - 400px);
    height: 1px;
    display: block;
    /* background: #f47920; */
    content: "";
    display: none;
}
.single-footer-widget {
    overflow: hidden;
}
.single-footer-widget.martop {
    margin-top: 20px;
}
.single-footer-widget .sec-title {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color1);
    margin-bottom: 25px;
}
.single-footer-widget .sec-title h5 {
    font-size: 22px;
    line-height: 32px;
    color: #f47920;
    font-family: "Orbitron", sans-serif;
}

.single-footer-widget .our-info{
    overflow: hidden;
}
.single-footer-widget .our-info .footer-logo{
    display: block;
    /* margin-bottom: 64px; */
}
.single-footer-widget .our-info .footer-logo a{
    display: inline-block;
}
.single-footer-widget .our-info .text{}
.single-footer-widget .our-info .text p {
    color: #ffffff;
    margin: 0 0 32px;
}
.single-footer-widget .our-info .text a{
    display: block;
    border: 2px solid #f47920;
    width: 170px;
    height: 50px;
    line-height: 46px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
}
.single-footer-widget .our-info .text a:hover{
    background: #080d2d;
}


.single-footer-widget .usefull-links {
    overflow: hidden;
}
.single-footer-widget .usefull-links li{
    margin-bottom: 11px;
}
.single-footer-widget .usefull-links li:last-child{
    margin-bottom: 0px;
}
.single-footer-widget .usefull-links li a{
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    transition: all 500ms ease;
}
.single-footer-widget .usefull-links li a i{
    display: inline-block;
    padding-right: 9px;
}
.single-footer-widget .usefull-links li a:hover{
    color: #f47920;
    text-decoration: underline;
}


.single-footer-widget .latest-post{}
.single-footer-widget .latest-post .single-post {
    border-bottom: 1px solid #f47920;
    display: block;
    padding-bottom: 11px;
    margin-bottom: 11px;
}
.single-footer-widget .latest-post .single-post:last-child{
    border-bottom: 0px solid;
    padding-bottom: 0;
    margin-bottom: 0;
}
.single-footer-widget .latest-post .single-post .text-holder {
    position: relative;
}
.single-footer-widget .latest-post .single-post .text-holder a.post-title {
    color: #ffffff;
    font-size: 14px;
    line-height: 28px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
    position: relative;
}
.single-footer-widget .latest-post .single-post .text-holder a.post-title:hover{
    color: #f47920;
}
.single-footer-widget .latest-post .single-post .text-holder .post-info {
    overflow: hidden;
    margin: 9px 0 0;
    line-height: 18px;
}
.single-footer-widget .latest-post .single-post .text-holder .post-info span {
    color: #888888;
    font-size: 16px;
    font-weight: 400;
    line-height: 15px;
    font-family: 'Poppins', sans-serif;
}


.footer-area .contact-info-box{
    position: relative;
}
.footer-area .contact-info-box p,
.footer-area .contact-info-box a{
    color: #ffffff;
}
.contact-info-box {
    display: block;
    overflow: hidden;
    padding: 0;
}
.contact-carousel {
    max-width: 280px;
}
.contact-carousel .title-box{
    padding-bottom: 20px;
    margin-top: 0;
}
.contact-carousel .title-box h4 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 26px;
}

.contact-info-box ul li {
    display: block;
    position: relative;
    margin-bottom: 16px;
}
.footer-contact-info ul li:last-child {
    margin-bottom: 0;
}
.contact-info-box ul li .text-holder p {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}
.contact-info-box ul li .text-holder p span{
    color: #ffffff;
    font-weight: 700;
}

.contact-info-box .social-icon-box {
    overflow: hidden;
    padding-top: 0px;
}
.contact-info-box .social-icon-box .social-icon {
    overflow: hidden;
    line-height: 16px;
}
.contact-info-box .social-icon-box .social-icon li {
    display: inline-block;
    float: left;
    margin-right: 20px;
}
.contact-info-box .social-icon-box .social-icon li:last-child{
    margin: 0;
}
.contact-info-box .social-icon-box .social-icon li a i{
    color: #ffffff;
    font-size: 16px;
    transition: all 500ms ease;
}
.contact-info-box .social-icon-box .social-icon li a:hover i{
    color: #000000;
}

.contact-info-box .owl-dots {
    position: absolute;
    top: 2px;
    right: 50px;
}
.contact-info-box .owl-dots .owl-dot{
    background-image:none;
    width: 13px;
    height: 13px;
    margin: 5px 7px;
    border: 2px solid #303453;
    padding:0px;
    background: #0e1336;
    border-radius:50%;
    -webkit-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    -moz-border-radius:50%;
    transition: all 500ms ease;
    display: inline-block;
}
.contact-info-box .owl-dots .owl-dot span{
    display:none;
}
.contact-info-box .owl-dots .owl-dot.active{
    border-color: #4ba428;
    border-radius: 15px;
}
.contact-info-box .owl-dots .owl-dot:hover{
    border-color: #4ba428;
}



/***
=============================================
    Footer bottom area style
=============================================
***/
.footer-bottom-area{
    background: #080d2d;
    padding: 22px 0;
}
.footer-bottom-area .footer-bottom {
    overflow: hidden;
}
.footer-bottom-area .footer-bottom .footer-botton-left p {
    line-height: 26px;
    margin: 0;
    font-family: 'Poppins', sans-serif;
}
.footer-bottom-area .footer-bottom .footer-botton-left p span:before {
    color: #000000;
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    padding-right: 5px;
    position: relative;
    top: 1px;
}
.footer-bottom-area .footer-bottom .footer-botton-left p b{
    color: #ffffff;
    font-weight: 500;
}
.footer-bottom-area .footer-bottom .footer-botton-left p a{
    color: #888888;
    font-size: 15px;
    font-weight: 400;
    transition: all 500ms ease;
}
.footer-bottom-area .footer-bottom .footer-botton-left p a:hover{
    color: #ffffff;
}


.footer-bottom-area .footer-bottom .copyright-text {
    margin: 0px 0;
}
.footer-bottom-area .footer-bottom .copyright-text p {
    color: #888888;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    line-height: 26px;
}
.footer-bottom-area .footer-bottom .copyright-text p a {
    color: #000000;
    font-weight: 500;
    transition: all 500ms ease;
}
.footer-bottom-area .footer-bottom .copyright-text p a:hover{
    color: #888888;
}

@media only screen and (min-width: 1200px){
.container {padding: 0;}
.container-fluid{padding: 0;}


}

@media screen and (max-width: 1170px) {
     .slider_home{
        padding-top: 0;
    }
    .intro_slider {
        /* padding: 0px; */
        max-width: 100%;
        /* margin-bottom: 200px; */
        padding-left: 20px;
        background-image: none;
        display: flex;
        align-items: center;
    }

.intro_slider h3 {
    text-align: center;
}

    .intro_slider p {
    padding-left: 0;
}
    #main-slider{
        padding-top:0px;
    }
    .right_top{
        display:none;
    }

.newhead .right_top .contect_header {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 50px;
}

.about-area {
    padding-top: 50px;
    padding-bottom: 100px;
}

.one_content .company-featured-box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* max-width: 400px; */
    width: 100%;
}

.one_content  .company-featured-box li {
    /* width: 50%; */
    /* min-height: auto; */
    /* max-height: 256px; */
    /* padding: 34px; */
    /* max-width: 200px; */
}

.one_content .company-featured-box {
    box-shadow: none;
    display: flex;
    justify-content: center;
}

.one_content {
    bottom: -219px;
}

.one_content .company-featured-box li a {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.one_content .company-featured-box li a .single-box {
    height: 100%;
}

.one_content .company-featured-box li a .single-box .icon-holder {
    /* height: calc(100% - 26px); */
}

.one_content .company-featured-box li a .single-box .icon-holder img {
    /* height: 100%; */
    /* width: auto; */
}

.one_content .bg-one img {
    width: auto;
}

.newhead #bandeau_header {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
    #logo{
        text-align:center!important;
    }
    #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:20px;
        color: #f47920!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;
        /* display: flex; */
        /* flex-direction: column; */
    }

.header-contact-info li:nth-of-type(3) {
    display: none;
}
    .navbar-toggle {
    border: 1px solid #e7e7e7;
    display: inline-block;
    float: none;
    margin: 0;
    z-index: 7;
    width: 50px;
    height: 50px;
    border-radius: 0;
    cursor: pointer;
    padding: 0 9px;
    position: absolute;
    top: 5px;
    right: 5px;
}

.navbar-toggle .icon-bar {
    display: block;

    width: 30px;
    height: 2px;
    border-radius: 1px;
}
 .navbar-toggle .icon-bar+.icon-bar {
    margin-top: 6px;
}
    .btn-menu {
        z-index: 1000;
        display: inline-block!important;
        position: absolute;
        right: 20px;
        /* bottom: 10px; */
        margin:0px;
        background-color:#fff;
        z-index:10000;
        border:1px solid #ccc;
        top: -100px;
    }

#menu_haut .PGS_CONTACT {
    display: inline-block;
}
    .icon-bar{
        background-color:#222;
    }
       #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;

    }
    .slider_home form{
        /*! max-width:90%; */
    }
    #conteneur {
        /* padding-top:100px; */
    }


    #conteneur_contenu {
        min-width: 100%;
    }
    #contenu,
    #conteneur_header {
        width: 100%;
    }
     #conteneur_header{
         padding:10px 0px;
     }

.newhead #conteneur_header {
    padding: 10px 20px;
    width: 100%;
}
     .right_bandeau{
         width:50%;
         text-align:left;
     }
    .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: 103px;
        left: 0px;
        margin-right:29px;
    }
    #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: center;
    }
    #menu_haut ul li ul {
        display: block;
        height: 0px;
        overflow: hidden;
        padding: 0px!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;
    }
    #menu_haut ul li.open ul li,
    #menu_haut ul li.open ul li a {
        width: 100%!important;
        text-align: center;
        color: #fff!important;

    }
        #menu_haut ul li ul li a{
             padding: 3px 0px 3px 0px !important;
               line-height: 30px;
        }

    #menu_haut ul li.open ul li a {
        display: block;
        color: #3e3e3e;
        box-sizing: border-box;
        /* background-color:#fff; */

        height: auto;
        line-height: 30px;
        padding: 0px 8px;
        margin-bottom: 0px;
        width: 200px;
        font-size: 13px;
        font-weight: bold;
        background-image: none;
        border-bottom: 1px solid #e5e5e5;
    }
    #menu_haut ul.menu-sub > li:first-child:after {
        display: none;
    }
    .page-heading{
        padding-top:50px;
    }
    #menu_haut ul {
        float: none;
        padding:0px!important;
        display:block;
        margin: auto;
        display: flex;
        flex-direction: column;
    }
    #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;
    }
    #ariane {
        width: 100%;
        padding: 10px 15px;
        margin: auto;
    }
    #centreetdroite {
        width: 96%!important;
        margin: auto;
        height: auto!important;
    }
    .fiche_billet .left_fiche {
    width: 100%;
    display: block;
    padding-bottom:40px;
    padding-left:40px;
}
.right_fiche {
    display: block;
    width: 100%;
    vertical-align: top;
    font-size: 16px;
    padding-left: 40px;
}
    .center_actu {
        padding: 40px 15px!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> ul >li{
         border-bottom:1px solid #ccc;
     }
      #menu_haut> ul >li a{
          display:block;
          text-align:center;
          color:#222;
      }
    #menu_haut> ul >li {
        width: 100%;
        margin:0px;

            -moz-transform: skew(0deg);
    -webkit-transform: skew(0deg);
    -o-transform: skew(0deg);
    -ms-transform: skew(0deg);
    transform: skew(0deg);

    }
    #menu_haut > ul > li:after{
        display:none;
    }
        #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: 970px) {
.formation .row{
margin-bottom:0px;
}
.block_formation{
    margin-bottom:20px;
}
.formation .title_home{
    margin-bottom:20px;
}
}
@media screen and (max-width: 850px) {
.center_actu img {
        display: block;
        margin: auto;
        margin-bottom: 30px;
    }
    .right_actu {
        width: 100%;
        padding-left: 0px;
    }

    .about-area .container{
        padding-left:20px;
        padding-right:20px;
        width: 100%;
    }

.about-text-box {
    padding: 20px;
}

.about-text-box {}

.about-text-box {
    height: auto;
}

.about-text-box .inner-content .bottom {}
}
@media screen and (max-width: 740px) {
    .slider_home{
        padding-top:100px;
    }
   .about-area{
        padding-bottom: 70px;
    }

    .one_content{
        position: relative;
        bottom: 0;
    }

    .intro_slider p{
        padding:0 15px;

    }
    .intitule_titre{
        font-size:25px;
        line-height:35px;
    }
    .slider_home .group_form{
        width:100%;
        margin-bottom:20px;
    }
    .left_bottom{
        width:100%;
          text-align:center;
    }
    .section-desc p.section-text{
        padding:0 15px!important;
    }
    .page-heading .page-title h2 {
        font-size: 24px;
    }
    .mosaicflow__item{
        width:50%;
    }
    .left_pres{
        width:100%;
        display:block;

    }
    .right_pres{
        width:100%;
    }
    .right_footer{
        width:100%;
        text-align:center;
        margin-top:10px;
    }

    .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;
        text-align: center;
    }
    #menu_haut >ul >li {
        display: inline-block;
        float: none;
    }
    #menu_haut >ul >li a {
        /* padding:0px; */
                     padding: 3px 0px 3px 0px !important;
               line-height: 30px;
    }
    #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) {
    .slider_home{
        padding-top:100px;
    }
     .menu_slider a{
        margin:0px;
        max-width:25%;
    }
        .menu_slider{
            font-size:0;
        }
    .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 {


    }



}

/*
    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 (max-width: 982px) {
    .desc_pres{
        margin-top:30px;
    }
}

@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){
    #actualite .block_actu{
        display:block;
        max-width:450px;
        width:100%;
        margin:auto;
        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;
    }
}
@media (max-width: 800px) {
    .logo img {
        width: 92%;
    }
    .search-container {
        display: none;
    }
    .back-to-top {
        right: 30px;
    }

}
@media (max-width:767px) {

    .list_actu .news-container{
        width:100%;
    }
    #contenu_scroller > p > strong>img{
        float:none!important;
        display:block;
        margin: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;
    }
    #paragraphe385 > div{
        width:45%!important;
    }
}
@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: 4px;
        top: 18px;
    }

.btn-menu {
    top: -76px;
}
    .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;
    }
}
@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;
    }
}

/* Large Layout: 1200px. */
@media only screen and (min-width: 1200px){
.container {padding: 0;}
.container-fluid{padding: 0;}


}







/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
/***
=============================================
    header Area style
=============================================
***/
.header-area .inner-content .header-left {
    float: none !important;
    text-align: center;
    margin-bottom: 15px;
}
.header-area .inner-content .header-right {
    float: none !important;
    display: block;
    overflow: hidden;
}

/***
=============================================
    Rev slider wrapper style
=============================================
***/
.rev_slider_wrapper {}
.rev_slider_wrapper .slide-content.left-slide{
    margin-left: 100px;
}
.rev_slider_wrapper .slide-content.right-slide{
    margin-right: 100px;
}
.tparrows {
    top: 50% !important;
}

/***
=============================================
    Choose area  style
=============================================
***/
.choose-area {
    padding-bottom: 50px;
}
.featured-item-box .single-box {
    margin-bottom: 30px;
}

/***
=============================================
    Latest blog area  style
=============================================
***/
.single-blog-post .text-holder {
    margin: 25px 0 0;
}
.single-blog-post .text-holder .blog-title {
    font-size: 20px;
    margin: 0 0 10px;
}

/***
=============================================
    Brand area  style
=============================================
***/
.brand-text-box {
    overflow: hidden;
    margin-bottom: 50px;
}

/***
=============================================
    Footer area style
=============================================
***/
.single-footer-widget .latest-post .single-post .text-holder a.post-title br{
    display: none;
}

/***
=============================================
    Latest project area style
=============================================
***/
.big-item {
    width: 50%;
}
.span-width-5 {
    width: 50%;
}

/***
=============================================
    Advantages area style
=============================================
***/
.advantages-area .advantages-box {
    margin-top: 40px;
}
.advantages-area .advantages:before{
    display: none;
}
.advantages-area .advantages:after {
    display: none;
}

/***
=============================================
    Single Service area style
=============================================
***/
#single-service-area {
    padding: 80px 0 90px;
}
#single-service-area .content-box .top-content .text-holder {
    margin-top: 26px;
}
.explore-service-box .text-holder .inner-text ul li {
    width: 100%;
}
.profit-improvement-box .text-holder {
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 40px;
}
.profit-improvement-box .graph-outer .donut-graph {
    margin-left: 0;
}

/***
=============================================
    Project Area v3 style
=============================================
***/
.single-modern-project .text-holder {
    padding-top: 30px;
}

/***
=============================================
    Project Single area style
=============================================
***/
.project-single-area .project-info ul li b {
    width: 90px;
}
.project-single-area .project-info ul li span {
    padding-left: 10px;
}

/***
=============================================
    Blog grid area style
=============================================
***/
.blog-grid-area .blog-post {
    margin-bottom: -80px;
    padding-bottom: 80px;
}

/***
=============================================
    Blog Single area style
=============================================
***/
.blog-single-area .single-blog-post .text-holder .top .meta-box .meta-info li {
    line-height: 20px;
}
.blog-single-area .bottom-content-box .text-box {
    margin-top: 20px;
}
.blog-single-area .bottom-content-box .img-box img {
    width: 100%;
}
.blog-single-area .tag-box .left {
    float: none !important;
    display: block;
}
.blog-single-area .tag-box .tag {
    float: none !important;
}

/***
=============================================
    Contact Details Area style
=============================================
***/
.single-contact-details .img-holder img{
    min-height: 370px;
}

/***
=============================================
    Shop Area style
=============================================
***/
#shop-area .shop-content {
    overflow: hidden;
    margin-bottom: 60px;
}

/***
=============================================
    Single Shop Area style
=============================================
***/
.single-shop-content .img-holder {
    margin-right: 20px;
}
.single-shop-content .content-box {
    margin-left: -20px;
}

/***
=============================================
    Login Register Area style
=============================================
***/
.login-register-area .form a.forgot-password {
    margin: 70px 0 0;
}
.login-register-area .form.register {
    overflow: hidden;
    margin-top: 50px;
}
.login-register-area .form h6 {
    margin: 28px 0 0;
}












}


/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {

/***
=============================================
    header Area style
=============================================
***/
.header-area .inner-content .header-left {
    float: none !important;
    text-align: center;
    margin-bottom: 15px;
}
.header-area .inner-content .header-right {
    float: none !important;
    display: block;
    overflow: hidden;
}
.header-social-info {
    float: none !important;
    display: block;
    width: 260px;
    margin: 0 auto;
}
.header-contact-info {
    overflow: hidden;
    margin: 7px 0;
    float: none !important;
}

/***
=============================================
    Mainmenu Area style
=============================================
***/
.mainmenu-right-box {
    float: none !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 555;
}
.search-box {
    right: 0px;
}

/***
=============================================
    Rev slider wrapper style
=============================================
***/
.rev_slider_wrapper {
    margin: 0;
}
.rev_slider_wrapper .slide-content.left-slide{
    margin-left: 100px;
}
.rev_slider_wrapper .slide-content.right-slide{
    margin-right: 100px;
}
.tparrows {
    top: 50% !important;
}

/***
=============================================
    Choose area  style
=============================================
***/
.choose-area {
    padding-bottom: 50px;
}
.choose-area .inner-content {
    margin-top: 0px;
    padding-top: 80px;
    padding-bottom: 105px;
}
.featured-item-box .single-box {
    margin-bottom: 30px;
}

/***
=============================================
    About area  style
=============================================
***/
.company-featured-box {
    margin-left: 0px;
}

/***
=============================================
    Appointment Area  style
=============================================
***/
.appointment-area {
    padding-bottom: 80px;
}
.appointment-img-holder img {
    float: none;
    max-width: 100%;
}
.appointment-img-holder .subscribe-form-box {
    padding: 43px 30px 40px;
    top: 80px;
    bottom: 25px;
    right: 0px;
    left: 0;
    max-width: 420px;
    width: 100%;
    margin: 0 auto;
}
.appointment-area .text-holder {
    padding-left: 0px;
    padding-top: 60px;
}

/***
=============================================
    Brand area  style
=============================================
***/
.brand-text-box {
    overflow: hidden;
    margin-bottom: 50px;
}

/***
=============================================
    Slogan Area  style
=============================================
***/
.slogan-area .title {
    margin: 0px 0 15px;
    float: none !important;
    text-align: center;
}
.slogan-area .button {
    float: none !important;
    display: block;
}
.slogan-area .button a {
    margin: 0 auto;
}

/***
=============================================
    Footer area style
=============================================
***/
.single-footer-widget .sec-title {
    padding-bottom: 35px;
}
.footer-area .inner-content:before {
    display: none;
}
.single-footer-widget .our-info .footer-logo {
    display: block;
    margin-bottom: 21px;
}
.single-footer-widget.pdtop-50{
    padding-top: 50px;
}

/***
=============================================
    Footer Bottom area style
=============================================
***/
.footer-bottom-area .footer-bottom .footer-botton-left {
    float: none !important;
    text-align: center;
    display: block;
}
.footer-bottom-area .footer-bottom .copyright-text {
    margin: 8px 0 0;
    float: none !important;
    text-align: center;
}

/***
=============================================
    Latest project area style
=============================================
***/
.latest-project-area .sec-title {
    padding-bottom: 30px;
    float: none !important;
}
.filters {
    margin: 0;
    float: none !important;
}
.filters ul {
    border: 1px solid #ffffff;
    margin-bottom: 15px;
}
.filters li span {
    border-right: 1px solid #ffffff;
}
.big-item {
    width: 50%;
}
.span-width-5 {
    width: 50%;
}

/***
=============================================
    Advantages area style
=============================================
***/
.advantages-area .advantages-box {
    margin-top: 40px;
}
.advantages-area .advantages:before{
    display: none;
}
.advantages-area .advantages:after {
    display: none;
}

/***
=============================================
    Single Service area style
=============================================
***/
#single-service-area {
    padding: 80px 0 90px;
}
#single-service-area .content-box .top-content .text-holder {
    margin-top: 26px;
}
.profit-improvement-box .text-holder {
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 40px;
}
.profit-improvement-box .graph-outer .donut-graph {
    margin-left: 0;
}
.left-sidebar {
    margin-bottom: 70px;
}
.great-services-item .single-great-services {
    margin-bottom: 30px;
}
.consultation-form-box .top .sec-title {
    padding-right: 0;
    padding-bottom: 35px;
    float: none !important;
}
.consultation-form-box .top .text-box {
    float: none !important;
    margin-bottom: 25px;
}

/***
=============================================
    Project Area v3 style
=============================================
***/
.single-modern-project .text-holder {
    padding-top: 30px;
}
.project-area-v3 .sec-title {
    float: none !important;
    padding-bottom: 40px;
}
.project-area-v3 .tab-menu-box {
    float: none !important;
    display: block;
    margin-bottom: 30px;
}

/***
=============================================
    Project Single area style
=============================================
***/
.project-single-area .project-info ul li b {
    width: 90px;
}
.project-single-area .project-info ul li span {
    padding-left: 10px;
}
.project-single-area .project-info {
    margin-top: 40px;
}
.project-single-area .project-analysis .analysis-list {
    margin-top: 30px;
}

/***
=============================================
    Blog default area style
=============================================
***/
.blog-default-area .blog-post {
    margin-right: 0;
    border-right: none;
    padding-right: 0px;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
}

/***
=============================================
    Blog Grid area style
=============================================
***/
.blog-grid-area .blog-post {
    margin-right: 0;
    border-right: none;
    padding-right: 0;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

/***
=============================================
    Blog large area style
=============================================
***/
.blog-large-area .blog-post {
    margin-right: 0;
    border-right: none;
    padding-right: 0;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.sidebar-wrapper {
    margin-top: 70px;
    margin-left: 0;
}

/***
=============================================
    Blog Single area style
=============================================
***/
.blog-single-area .blog-post {
    margin-right: 0;
    border-right: none;
    padding-right: 0;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.blog-single-area .single-blog-post .text-holder .top .meta-box .meta-info li {
    line-height: 20px;
}
.blog-single-area .bottom-content-box .text-box {
    margin-top: 20px;
}
.blog-single-area .bottom-content-box .img-box img {
    width: 100%;
}
.blog-single-area .tag-box .left {
    float: none !important;
    display: block;
}
.blog-single-area .tag-box .tag {
    float: none !important;
}

/***
=============================================
    Contact Details Area style
=============================================
***/
.single-contact-details .img-holder {
    display: block;
    width: 100%;
    float: none;
}
.single-contact-details .text-holder {
    display: block;
    width: 100%;
    float: none;
}

/***
=============================================
    Single Shop Area style
=============================================
***/
.single-shop-content .img-holder {
    margin-right: 0px;
    max-width: 450px;
}
.single-shop-content .content-box {
    margin-left: 0;
    margin-top: 0;
}
.related-product .single-product-item {
    margin-bottom: 40px;
}

/***
=============================================
    Cart Area style
=============================================
***/
.cart-area .cart-bottom .calculate-shipping {
  padding-bottom: 60px;
}

/***
=============================================
    Checkout Area style
=============================================
***/
.checkout-area .form.shipping-info {
  padding-top: 60px;
}
.checkout-area .cart-total {
  padding-top: 60px;
}

/***
=============================================
    Login Register Area style
=============================================
***/
.login-register-area .form a.forgot-password {
  margin: 70px 0 0;
}
.login-register-area .register {
  padding-top: 50px;
}
.login-register-area .form h6 {
  color: #797979;
  float: left;
  font-size: 14px;
  margin-bottom: 0;
  margin-right: 0;
  margin-top: 27px;
}











}


/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {

/***
=============================================
    Top Bar Area style
=============================================
***/
.top-bar-area .flex-box-three {
    display: block;
}
.top-bar-area .top-left {
    padding-top: 10px;
}
.top-bar-area .top-left p {
    margin: 0 0 5px;
    text-align: center;
}
.state-box {
    margin: 0 auto;
    width: 150px;
}

/***
=============================================
    header Area style
=============================================
***/
.header-area .inner-content .header-left {
    float: none !important;
    text-align: center;
    margin-bottom: 15px;
}
.header-area .inner-content .header-right {
    float: none !important;
    display: block;
    overflow: hidden;
}
.header-social-info {
    float: none !important;
    display: block;
    width: 260px;
    margin: 0 auto;
}
.header-contact-info {
    overflow: hidden;
    float: none !important;
    width: 290px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: center;
    padding: 13px 0;
}
.header-contact-info .single-info {
    /* padding-left: 55px; */
    border-left: none;
    margin-left: 0px;
    margin-right: 0px;
    /* margin-bottom: 15px; */
    display: flex;
}

.header-contact-info .single-info .icon-holder span:before {
    font-size: 20px;
}

.header-contact-info .single-info:first-of-type {
    display: none;
}
.header-contact-info .single-info .icon-holder {
    left: 15px;
}

/***
=============================================
    Mainmenu Area style
=============================================
***/
.mainmenu-right-box {
    float: none !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 555;
}
.search-box {
    right: 0px;
}

/***
=============================================
    Rev slider wrapper style
=============================================
***/
.rev_slider_wrapper {
    margin: 0;
}
.rev_slider_wrapper .slide-content.left-slide{
    margin-left: 100px;
}
.rev_slider_wrapper .slide-content.right-slide{
    margin-right: 100px;
}
.tparrows {
    display: none;
}

/***
=============================================
    Choose area  style
=============================================
***/
.choose-area {
    padding-bottom: 50px;
}

.choose-area .row {
    width: 100%;
    margin: 0;
}
.choose-area .inner-content {
    margin-top: 0px;
    padding-top: 80px;
    padding-bottom: 105px;
}
.featured-item-box .single-box {
    margin-bottom: 30px;
}

/***
=============================================
    About area  style
=============================================
***/
.company-featured-box {
    margin-left: 0px;
}
.company-featured-box li {
    width: 100%;
}

/***
=============================================
    Latest blog area  style
=============================================
***/
.single-blog-post .text-holder {
    margin-top: 25px;
}

/***
=============================================
    Appointment Area  style
=============================================
***/
.appointment-area {
    padding-bottom: 80px;
}
.appointment-img-holder img {
    float: none;
    max-width: 100%;
}
.appointment-img-holder .subscribe-form-box {
    position: relative;
    padding: 43px 20px 40px;
    top: 0;
    bottom: 0;
    right: 0px;
    left: 0;
    max-width: 320px;
    width: 100%;
    margin: 0 auto;
}
.appointment-area .text-holder {
    padding-left: 0px;
    padding-top: 50px;
}
.appointment-form-box button {
    margin: 25px 0 0;
}

/***
=============================================
    Brand area  style
=============================================
***/
.brand-text-box {
    overflow: hidden;
    margin-bottom: 50px;
}

/***
=============================================
    Slogan Area  style
=============================================
***/
.slogan-area .title {
    margin: 0px 0 15px;
    float: none !important;
    text-align: center;
}
.slogan-area .button {
    float: none !important;
    display: block;
}
.slogan-area .button a {
    margin: 0 auto;
}

/***
=============================================
    Footer area style
=============================================
***/
.footer-area {
    padding-bottom: 53px;
}
.single-footer-widget .sec-title {
    padding-bottom: 25px;
}
.footer-area .inner-content:before {
    display: none;
}
.single-footer-widget .our-info .footer-logo {
    display: block;
    margin-bottom: 21px;
}
.single-footer-widget.pdtop-50{
    padding-top: 50px;
}
.single-footer-widget.martop-50{
    margin-top: 50px;
}

/***
=============================================
    Footer Bottom area style
=============================================
***/
.footer-bottom-area .footer-bottom .footer-botton-left {
    float: none !important;
    text-align: center;
    display: block;
}
.footer-bottom-area .footer-bottom .copyright-text {
    margin: 8px 0 0;
    float: none !important;
    text-align: center;
}

/***
=============================================
    Latest project area style
=============================================
***/
.latest-project-area .sec-title {
    padding-bottom: 30px;
    float: none !important;
}
.filters {
    margin: 0;
    float: none !important;
}
.filters ul {
    border: 1px solid #ffffff;
    margin-bottom: 15px;
}
.filters li span {
    border-right: 1px solid #ffffff;
}
.big-item {
    width: 100%;
}
.span-width-5 {
    width: 100%;
}

/***
=============================================
    Advantages area style
=============================================
***/
.advantages-area{
    padding-bottom: 50px;
}
.advantages-area .advantages-box {
    margin-top: 40px;
}
.advantages-area .advantages:before{
    display: none;
}
.advantages-area .advantages:after {
    display: none;
}
.advantages-area .advantages-box li {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 30px;
    padding: 0 30px;
}

/***
=============================================
    Covered Area style
=============================================
***/
.covered-area{
    padding-bottom: 50px;
}
.single-covered-item {
    margin-bottom: 30px;
}

/***
=============================================
    Not Found area style
=============================================
***/
.not-found-content .search-form {
    width: 300px;
}
.not-found-content .search-form input[type="text"] {
    width: 300px;
}

/***
=============================================
    Single Service area style
=============================================
***/
#single-service-area {
    padding: 80px 0 90px;
}
#single-service-area .content-box .top-content .text-holder {
    margin-top: 26px;
}
.profit-improvement-box .text-holder {
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 40px;
}
.profit-improvement-box .graph-outer .donut-graph {
    margin-left: 0;
}
.left-sidebar {
    margin-bottom: 70px;
}
.great-services-item .single-great-services {
    margin-bottom: 30px;
}
.consultation-form-box .top .sec-title {
    padding-right: 0;
    padding-bottom: 35px;
    float: none !important;
}
.consultation-form-box .top .text-box {
    float: none !important;
    margin-bottom: 25px;
}

/***
=============================================
    Project Area v3 style
=============================================
***/
.single-modern-project .text-holder {
    padding-top: 30px;
}
.project-area-v3 .sec-title {
    float: none !important;
    padding-bottom: 40px;
}
.project-area-v3 .tab-menu-box {
    float: none !important;
    display: block;
    margin-bottom: 30px;
    border: none;
}
.project-area-v3 .tab-menu-box li a.nav-link span {
    display: block;
    padding: 17px 10px 17px;
    border-right: none;
}

/***
=============================================
    Project Single area style
=============================================
***/
.project-single-area .project-info ul li b {
    width: 90px;
}
.project-single-area .project-info ul li span {
    padding-left: 10px;
}
.project-single-area .project-info {
    margin-top: 40px;
}
.project-single-area .project-analysis .analysis-list {
    margin-top: 30px;
}

/***
=============================================
    Blog default area style
=============================================
***/
.blog-default-area .blog-post {
    margin-right: 0;
    border-right: none;
    padding-right: 0px;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
}

/***
=============================================
    Blog Grid area style
=============================================
***/
.blog-grid-area .blog-post {
    margin-right: 0;
    border-right: none;
    padding-right: 0;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

/***
=============================================
    Blog large area style
=============================================
***/
.blog-large-area .blog-post {
    margin-right: 0;
    border-right: none;
    padding-right: 0;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.sidebar-wrapper {
    margin-top: 70px;
    margin-left: 0;
}
#blog-area .single-blog-post .text-holder .top .meta-box .meta-info li {
    line-height: 22px;
}

/***
=============================================
    Blog Single area style
=============================================
***/
.blog-single-area .blog-post {
    margin-right: 0;
    border-right: none;
    padding-right: 0;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.blog-single-area .single-blog-post .text-holder .top .meta-box .meta-info li {
    line-height: 20px;
}
.blog-single-area .bottom-content-box .text-box {
    margin-top: 20px;
}
.blog-single-area .bottom-content-box .img-box img {
    width: 100%;
}
.blog-single-area .tag-box .left {
    float: none !important;
    display: block;
}
.blog-single-area .tag-box .tag {
    float: none !important;
}

/***
=============================================
    Contact Details Area style
=============================================
***/
.single-contact-details .img-holder {
    display: block;
    width: 100%;
    float: none;
}
.single-contact-details .text-holder {
    display: block;
    width: 100%;
    float: none;
}

/***
=============================================
    Contact Info Area style
=============================================
***/
.contact-form {
    padding: 80px 40px 80px;
}

/***
=============================================
    Single Shop Area style
=============================================
***/
.single-shop-content .img-holder {
    margin-right: 0px;
    max-width: 400px;
}
.single-shop-content .content-box {
  margin-left: 0;
  margin-top: 35px;
}
.related-product .single-product-item {
  margin-bottom: 40px;
}

/***
=============================================
    Cart Area style
=============================================
***/
.cart-middle .apply-coupon {
  padding-left: 0;
}
.cart-middle .apply-coupon input[type="text"] {
  margin: 0 0 20px;
  position: static;
  width: 225px;
}
.cart-area .cart-bottom .calculate-shipping {
  padding-bottom: 60px;
}
.cart-middle .update-cart {
  float: left !important;
  margin: 20px 0 0;
}
.cart-bottom .calculate-shipping input[type="text"] {
    margin-bottom: 25px;
}

/***
=============================================
    Checkout Area style
=============================================
***/
.checkout-area .form.shipping-info {
  padding-top: 60px;
}
.checkout-area .cart-total {
  padding-top: 60px;
}
.checkout-area .exisitng-customer h5 a {
    display: block;
    width: 100%;
    padding: 0;
    margin-top: 7px;
}
.checkout-area .coupon h5 a {
    display: block;
    width: 100%;
    padding: 0;
    margin-top: 7px;
}

/***
=============================================
    Login Register Area style
=============================================
***/
.login-register-area .form a.forgot-password {
  float: left;
  margin: 35px 0 0;
}
.login-register-area .form.register {
  padding-top: 60px;
}
.login-register-area .form .social-icon {
  float: left;
  margin-right: 0;
  margin-top: 30px;
}
.login-register-area .form .social-icon span {
  left: 0;
  position: relative;
}
.login-register-area .form .social-icon .login-with {
  position: static;
}
.login-register-area .form h6 {
  margin: 20px 0 0;
}








}



@media only screen and (max-width: 520px){
/***
=============================================
    Rev slider wrapper style
=============================================
***/
.rev_slider_wrapper .slide-content{
    display: none;
}

}





/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px){}



@media (min-width: 992px){

.navbar-collapse.collapse {
    display: block !important;
    height: auto;
    padding-bottom: 0;
    overflow: visible !important;
}


}

.photo-equipe{
    width:100%;
    position: relative;
}

.photo-equipe img{
    width:100%;
    position:relative;
    z-index:1;

}

.photo-equipe img.noresponsiveimg {

    display:flex;

}

.photo-equipe img.responsiveimg {
    display:none;
}

.photo-equipe .btn_ancre{
    position:absolute;
    top: 0;
    left: 0;
    /* background-color:#f47920; */
    padding: 0;
    z-index:2;
    /* display: flex; */
    font-family: 'bankgothic_md_btmedium';
    font-weight: 500;
    margin: 0;
    flex-direction: row;
    align-items: center;
    font-size: 18px;
    cursor: pointer;
    transform: scale(1);
    transition: all 0.5s ease;
}

.photo-equipe .btn_ancre:hover {
    transform: scale(1.1);
}

.photo-equipe .btn_ancre:after {
    content: '';
    display: flex;
    position: absolute;
    width: 0;
    height: 11px;
    background-color: #f47920;
    top: 7px;
    left: 0;
    z-index: 1;
    opacity: 0.5;
    transition: all 0.5s ease;
}

.photo-equipe .btn_ancre:hover:after {
    width:100%;
}

.photo-equipe .team3:after, .photo-equipe .team4:after {
}

.photo-equipe .btn_ancre.team0 {
    left: auto;
    right: 2%;
    top: 47%;
    color: #f47920;
}

.photo-equipe .btn_ancre.team1 {
    left: auto;
    right: 0px;
    top: 10%;
    color: #f47920;
}

.photo-equipe .btn_ancre.team2 {
    left: 30%;
    top: 5%;
    color: #f47920;
}

.photo-equipe .btn_ancre.team3 {
    left: 0;
    top: 19%;
}

.photo-equipe .btn_ancre.team4 {
    left: 0;
    top: 45%;
}

.photo-equipe .btn_ancre.team5 {
    left: 36%;
    top: auto;
    bottom: 3%;
    color: #f47920;
}



@media only screen and (max-width: 991px){
.sticky-header {
    display: none;
}
.main-menu {
    display: block;
    float: right !important;
    padding-bottom: 0;
    padding-top: 61px;
    z-index: 5;
    width: 100%;
}
.main-menu .navigation li {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}
.main-menu .collapse {
    border: none;
    border-radius: 0px !important;
    float: none;
    margin: 0;
    max-height: 370px;
    overflow: auto;
    padding: 0;
    width: 100%;
}
.main-menu .collapse.in,
.main-menu .collapsing {
    border: none;
    border-radius: 0px;
    margin: 0;
    padding: 0;
    border-top: none;
}
.main-menu .navbar-header {
    position: relative;
    float: none;
    display: block;
    text-align: right;
    width: 100%;
    padding: 0;
    right: 0px;
    z-index: 12;
}

.main-menu .navbar-collapse .navigation > li > ul{
    box-shadow: none;
}
.main-menu .navbar-collapse .navigation > li > ul:before {
    display: none;
}
.main-menu .navbar-collapse > .navigation {
    background: #0c1551 !important;
    float: none !important;
    width: 100% !important;
    margin-top: 10px;
    margin-bottom: 20px;
}
.main-menu .navbar-collapse .navigation > li{
    margin:0px !important;
    float:none !important;
    width:100%;
    padding: 0;
}

.main-menu .navbar-collapse .navigation li::before {
    background: none;
    position: static;
}
.main-menu .navbar-collapse .navigation li.dropdown > a:after{
    display:none !important;
}
.main-menu .navbar-collapse .navigation li a:after {
    display: none;
}

.main-menu .navbar-collapse > .navigation > li > a{
    padding:10px 10px !important;
}
.main-menu .navbar-collapse > .navigation > li > ul,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul{
    position:relative;
    border:none;
    float:none;
    visibility:visible;
    opacity:1;
    display:none;
    margin:0px;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    width:100%;
    background: none;
    border-radius:0px;
    -webkit-border-radius:0px;
    -ms-border-radius:0px;
    -o-border-radius:0px;
    -moz-border-radius:0px;
    transition:none !important;
    -webkit-transition:none !important;
    -ms-transition:none !important;
    -o-transition:none !important;
    -moz-transition:none !important;
}
.main-menu .navbar-collapse > .navigation > li,
.main-menu .navbar-collapse > .navigation > li > ul > li{
    border-top: 1px solid #06105c;
    opacity:1 !important;
    top:0px !important;
    left:0px !important;
    visibility:visible !important;
}
.main-menu .navbar-collapse > .navigation > li:last-child,
.main-menu .navbar-collapse > .navigation > li > ul > li:last-child{
    border-bottom: 1px solid #06105c;
}
.main-menu .navbar-collapse > .navigation > li > a {
    padding: 10px 10px !important;
    line-height: 22px;
    color: #ffffff;
    background: #101b66;
    text-align: left;
}

.main-menu .navbar-collapse .navigation li ul li{
    padding: 0;
}
.main-menu .navbar-collapse .navigation li ul li a{
    padding: 10px 20px !important;
    line-height: 22px;
    color: #ffffff;
    background: #172272;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    border: none;
}
.main-menu .navbar-collapse .navigation li ul li a:before {
    margin: 18px 0;
    display: none;
}
.main-menu .navbar-collapse > .navigation > li > a:hover,
.main-menu .navbar-collapse > .navigation > li > a:active,
.main-menu .navbar-collapse > .navigation > li > a:focus{
    background: #ffd700;
}
.main-menu .navbar-collapse > .navigation > li:hover > a,
.main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
.main-menu .navbar-collapse > .navigation > li.current > a{
    background: #080d2d;
    color: #ffffff !important;
}
.main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{
    display:block;
}
.photo-equipe img.noresponsiveimg, .photo-equipe .btn_ancre {

    display:none;

}

.photo-equipe img.responsiveimg {
    display:flex;
}

.liste_equipe .item .inner .desc_equipe {
    width: 100%;
}


}
.caracteristique{
    padding:20px;
    border:1px solid #ccc;
    border-radius:10px;
}
.caracteristique h5{
    margin:0px;
    margin-bottom:20px;
    font-size:25px;
}
.caracteristique ul li{
    list-style:none;
display:inline-block;
width:100%;
margin-bottom:0px!important;
margin-top:20px!important;
text-align:left;
}
.caracteristique ul li strong{
    width:180px;
    display:inline-block;
}
.caracteristique ul{
    margin:0px;

}
.fiche_produit {
    display: block;
    width: auto;
    font-size: 0;
    vertical-align: top;
}
.carousel_fiche img {
    width: 100%;
    height: auto;
}
.carousel_fiche .owl-dot {
    display: inline-block;
    margin: 0 10px;
    margin-bottom: 15px;
    width: 100px!important;
    height: 100px!important;
    background-size: cover;
}
.carousel_fiche .owl-dot:first-child,
.carousel_fiche .owl-dot:nth-child(6) {
    margin-left: 0px;
}
.carousel_fiche .owl-dot:nth-child(5) {
    margin-right: 0px;
}
.carousel_fiche .owl-dots {
    margin-top: 15px;
    margin-bottom: 10px;
}





.carousel_fiche_lien img {
    width: 100%;
    height: auto;
}
.carousel_fiche_lien .owl-dot {
    display: inline-block;
    margin: 0 10px;
    margin-bottom: 15px;
    width: 100px!important;
    height: 100px!important;
    background-size: cover;
}
.carousel_fiche_lien .owl-dot:first-child,
.carousel_fiche_lien .owl-dot:nth-child(6) {
    margin-left: 0px;
}
.carousel_fiche_lien .owl-dot:nth-child(5) {
    margin-right: 0px;
}
.carousel_fiche_lien .owl-dots {
    margin-top: 15px;
    margin-bottom: 10px;
}
.list-photo a {
    display: inline-block;
    padding: 10px;
}
.list-photo {
    text-align: center;
    margin-top: 20px;
}
.right_produit >h3:nth-child(1) {
    font-family: 'Varela Round', sans-serif;
    color: #222;
    margin: 0;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 25px;
}
.list-photo a img {
    width: 100%;
    height: auto;
}
.left_produit {
    display: inline-block;
    width: 500px;
    vertical-align: top;
}
.right_produit {
    width: calc(100% - 500px);
    box-sizing: border-box;
    padding-left: 50px;
    display: inline-block;
}
.fiche_produit + td {
    display: inline-block;
    max-width: calc(100% - 510px);
    vertical-align: middle;
}
.btn_ajout_panier .bouton_panier {
    background-color: #650046;
    display: inline-block;
    padding: 8px 30px;
    font-size: 15px;
    font-weight: normal;
    border: 1px solid #650046;
    color: #fff!important;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    vertical-align: top;
    display: inline-block;
    margin-left: 10px;
    font-weight: 600;
    font-size: 18px;
}
#fiche_panier_add .desc ul {
    text-align: left;
    margin: 0;
    width: 100%;
}
#fiche_panier_add .desc ul li {
    display: inline-block;
    width: 48%;
}
.left_produit > a img {
    max-width: 100%;
    height: auto;
}
.left_produit > a {
    box-sizing: border-box;
    display: block;
    border: 1px solid #ddbe86;
}
.mdlPanier h3 {
    margin-top: 0px;
}
.bouton-sugg {
    font-size: 0;
    margin-bottom: 20px;
}
.bouton-sugg a {
    display: inline-block;
    width: 47%;
    border: 2px solid #e2001a;
    box-sizing: border-box;
}
.bouton-sugg a span {
    font-size: 20px;
    text-align: center;
    background-color: #e2001a;
    color: #fff;
    display: block;
    padding: 10px 0px;
}
.bouton-sugg a:nth-child(1) {
    margin-right: 6%;
}
.bouton-sugg a img {
    max-width: 100%;
}
.mdlPanier .panier {
    font-size: 16px;
    font-family: 'Montserrat', sans-serif!important;
    font-weight: normal!important;
    color: #111;
}
.mdlPanier .panier label {
    margin-bottom: 5px;
    margin-top: 1px;
}
.mdlPanier .panier input[type="radio"] {
    margin-top: 5px;
    margin-right: 5px;
    vertical-align: top;
}
.mdlPanier .photo-panier img {
    float: none;
}
.mdlPanier .photo-panier {
    display: inline-block;
    width: 120px;
}
.mdlPanier .right-panier {
    display: inline-block;
    vertical-align: top;
}
.mdlPanier .right-panier ul {
    margin-left: 20px;
    margin-top: 10px;
}
.mdlPanier .right-panier ul li {
    color: #222!important;
    margin-bottom: 0!important;
}
.mdlPanier .panier strong {
    font-weight: normal;
}
.mdlPanier .panier td {
    padding: 5px;
    border: 1px solid #e5e5e5!important;
}
.mdlPanier .panier td:last-child i {
    font-size: 25px;
    padding: 0 10px;
    color: #222;
}

.mdlPanier .panier th {
    color: #fff;
    padding: 10px;
    font-weight: normal;
    font-size: 16px;
    background-color: #2f2f2f;
}
.mdlPanier .panier th {
    border: 1px solid #e5e5e5!important;
}
.mdlPanier .panier th:nth-child(3) {
    width: 110px;
}
#centreetdroite .mdlPanier .panier input,
#centreetdroite .mdlPanier .panier select {
    width: auto!important;
    display: inline-block!important;
}
.mdlPanier .radio_facture input{
    margin:0px!important;
    margin-top:-5px!important;
    margin-left:20px!important;
    vertical-align:middle!important;
}
.mdlPanier input[type="submit"] {
    margin-bottom: 15px;
}
.mdlPanier h3 + p + table> tbody > tr > td,
a[name="formIdentificationLog"] + h3 + p + table> tbody > tr > td {
    display: inline-block;
    width: 48%!important;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 30px;
}
.mdlPanier h3 + p + table> tbody > tr > td:nth-child(1),
a[name="formIdentificationLog"] + h3 + p + table> tbody > tr > td:nth-child(1) {
    margin-right: 4%;
}
a.infobulle {
    position: relative;
    z-index: 24;
    color: #000;
    text-decoration: none;
    border: none;
}
a.infobulle,
a.infobulle img {
    border: none;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
}
a.infobulle:hover {
    background: none;
    z-index: 25
}
a.infobulle span {
    display: none
}
a.infobulle:hover span {
    display: block;
    position: absolute;
    top: 0;
    left: 3em;
    padding: 2px;
    width: 20em;
    border: 1px solid #7F9DB9;
    background-color: #EDEDED;
    color: #000000;
    text-align: left;
    font-size: 0.8em;
    font-weight: normal;
}
#formIdentificationLog,
#formCreationInscription {
    color: #222;
}
#formIdentificationLog label,
#formCreationInscription label {
    font-size: 16px;
    width: 200px;
}
#formIdentificationLog em,
#formCreationInscription em {
    font-size: 14px;
}
#formIdentificationLog tr,
#formCreationInscription tr {
    padding-bottom: 15px;
    display: block;
}
#formIdentificationLog tr td,
#formCreationInscription tr td {
    font-size: 14px;
}
.etape {
    font-size: 0;
}
.item-etape {display: inline-block;width: 25%;border-top: 1px solid #d8a316;border-bottom: 1px solid #d8a316;box-sizing: border-box;padding: 10px;position: relative;z-index: 3;background-repeat: no-repeat;background-position: right center;background-size: auto 100%;}
.active + .item-etape {
    padding-left: 35px;
}
.item-etape:last-child {
    background-image: none;
}
.item-etape:first-child {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-left: 1px solid #d8a316;
    padding-left: 10px;
}
.item-etape:last-child {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: 1px solid #650046;
}
.item-etape.active {
    background-color: #d8a316;
    background-image: none;
    margin-left: -26px;
    z-index: 1;
    padding-left: 35px;
    width: calc(25% + 26px);
}
.item-etape:first-child.active {
    margin-left: 0!important;
    padding-left: 10px;
    width: 25%!important;
}
.item-etape:last-child.active:before {
    display: none!important;
}
.item-etape.active:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 23px 0 23px 25px;
    border-color: transparent transparent transparent #d8a316;
    right: -25px;
    top: 0;
}
.item-etape p {
    font-size: 16px!important;
    font-family: 'Montserrat', sans-serif!important;
    margin: 0!important;
}
.item-etape.active p {
    color: #2f2f2f!important;
}
.action {
    margin-top: 30px!important;
}