body {
    font-family: 'Lato', sans-serif
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", sans-serif;
    color: #282828;
}

#mainMenu {
    width: 100%;
    /* margin-top: 20px; */
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-right: 0;
    position: fixed;
    z-index: 100;
    padding-top: 15px;
    transition:all ease-in-out .3s;
}
#mainMenu.affix{background: rgba(0, 0, 0, 0.6);padding-top: 5px;}

#mainMenu a {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
}

button.navbar-toggler {
    background: #1c2e49;
    border: 0;
    border-radius: 0;
    height: 118px;
    margin: -10px 0;
    padding: 0 40px;
    position: relative
}

button.navbar-toggler:before {
    content: 'MENU';
    color: #fff;
    position: absolute;
    top: 17px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: 'Titillium Web'
}

div#mainNav {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    /* overflow: hidden; */
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    /* width: 0; */
    position: relative;
    height: 45px;
}

div#mainNav.show {
    padding-left: 40px;
    padding-right: 10px;
    width: auto
}

div#mainNav .nav-item {
    position: relative
}

div#mainNav .nav-item:last-child:after {
    display: none
}

div#mainNav .nav-item a {
    padding: 15px;
    transition:all ease-in-out .3s;
}

div#mainNav .nav-item.selected a{
    background: #F15922;
}

div#mainNav .nav-item a:hover{color:#333}

#mainMenu .dropdown-menu{
    border: none;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    display: block;
    transform: translateY(-15px);
    opacity: 0;
    transition:all ease-in-out .3s;
    transform-origin:top center;
    visibility: hidden;
    min-width: 100%;
    border-radius: 0;
    /* padding: 0; */
}
#mainMenu .dropdown-menu.show{
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
#mainMenu .dropdown-menu li{}
#mainMenu .dropdown-menu a{
    color: #333;
    background: transparent !important;
    padding: 7px 15px !important;
}

.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    -o-transition-property: opacity, filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger:hover {
    opacity: 0.7
}

.hamburger-box {
    width: 60px;
    height: 42px;
    display: inline-block;
    position: relative;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    padding: 0 12px;
    position: relative;
    top: 19px
}

.hamburger-box:after,
.hamburger-box:before {
    content: '';
    display: block;
    width: 33px;
    height: 3px;
    background: #fff;
    position: absolute;
    top: -8px;
    left: -4px;
    -webkit-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg)
}

.hamburger-box:before {
    left: inherit;
    right: -4px;
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg)
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    width: 30px;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.hamburger-inner:after,
.hamburger-inner:before {
    content: "";
    display: block
}

.hamburger-inner:before {
    top: -8px
}

.hamburger-inner:after {
    bottom: -8px
}

.hamburger--arrowalt .hamburger-inner:before {
    -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.hamburger--arrowalt .hamburger-inner:after {
    -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.hamburger--arrowalt:not(.collapsed) .hamburger-inner:before {
    top: 4px;
    -webkit-transform: translate3d(-5px, -10px, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(-5px, -10px, 0) rotate(-45deg) scale(0.7, 1);
    -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    width: 25px
}

.hamburger--arrowalt:not(.collapsed) .hamburger-inner:after {
    bottom: 4px;
    -webkit-transform: translate3d(-5px, 10px, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(-5px, 10px, 0) rotate(45deg) scale(0.7, 1);
    -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    width: 25px
}

.modularSection {
    padding: 50px;
    background-size: cover
}

.sectionHeading,
.categoryHeading {
    text-align: center;
    font-size: 40px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 500;
    background: #fff;
    padding: 40px 0 40px;
}
.sectionHeading:after,
.categoryHeading:after{display:block;content:'';width: 75px;height: 2px;background: #f25923;margin: 25px auto 0;}

.sectionHeading span {
    font-weight: 100
}

.sectionContent {
    text-align: center;
    font-size: 20px;
    margin-bottom: 30px
}

.sectionHeading+.sectionContent {
    margin-top: -30px
}

.sectionContent2 {
    text-align: center;
    font-size: 15px;
    margin-bottom: 30px
}

.sectionHeading2+.sectionContent {
    margin-top: -30px
}

.sectionHeading+.sectionContent:after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: #000;
    margin: 0 auto 50px
}

.columnItemContent img {
    max-width: 100%;
    height: auto;
    display: block
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #f00
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid green
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid blue
}

#postDetails img {
    max-width: 100%;
    margin-bottom: 25px
}

#body,
#footer {
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s
}

body.menu-opened #body,
body.menu-opened #footer {
    -webkit-filter: blur(5px);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="5" /></filter></svg>#filter');
    filter: blur(5px);
    opacity: 0.5
}

.modularSection {
    background-color: #fff
}

.btn-rounded {
    border-radius: 30px!important
}

.btn-outline {
    border-width: 2px
}

.blocCta {
    margin: 45px auto 40px auto;
    text-align: center
}

.blocCta a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.blocCta a span {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #f25923;
    vertical-align: middle;
    margin-right: 5px;
}

[data-animation] {
    opacity: 0
}

#header {
    position: fixed;
    z-index: 999;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    height: 100px;
    width: 100%;
    top: 0;
    left: 0
}

.hamburger {
    padding-right: 0
}

body.menu-opened #header {
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5)!important
}

body.menu-opened #mainMenu {
    top: 100%
}

#footer {
    background: #332d26;
    padding: 50px 0 30px;
    color: #fff
}

#mainCta {
    text-align: center
}

#mainCta>a {
    margin: 20px 25px
}

#heroScene {
    height: 100vh;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-attachment: fixed;
    background-position: center center
}

body.menu-opened #heroScene {
    margin-top: 0
}

#heroScene>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    width: 100%;
    background: rgba(0, 0, 0, 0.1)
}

#heroScene h1 {
    font-size: 80px;
    text-align: center;
    margin: 0 0 25px;
    font-weight: 800
}

#heroScene .heroContent {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    color: #fff;
    text-shadow: 0 0 60px rgba(0,0,0,0.8);
    font-weight: 600;
}

#heroScene .heroContent h2{
    font-size: 50px;
    color: #fff;
    margin: 0 0 25px 0;
    line-height: 65px;
    font-weight: 300;
}

.homeIntro {
    background: #f4f4f4;
    padding: 0;
}

.homeIntro .container {padding: 30px 15px;}

.homeIntro .sectionHeading {
    background: #fff;
    margin: 0;
}

.homeIntro .sectionContent {
    text-align: left;
    padding: 20px 0;
    margin: 0;
}
.homeIntro .sectionContent h3{font-size:34px;line-height:3rem;margin-bottom:1.5rem}
.homeIntro .sectionContent li{position:relative;list-style: none;}
.homeIntro .sectionContent li:before{
    position: absolute;
    content: "\f04d";
    font-family: "FontAwesome";
    left: -25px;
    top: 10px;
    color: #f15922;
    font-size: 10px;
}

.homeIntro .sectionContent:after {
    content: initial
}

.homeSectionContent {
    padding: 0 15px;
    background-size: inherit;
    background-position: top left;
    background-repeat: repeat-x;
    background-color: #2b3c53
}

.homeSectionContent .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.homeSectionContent .row>div {
    padding: 0
}

.homeSectionContent .blocTextContent {
    padding-left: 2%!important;
    padding-right: 2%!important
}

.blocTextContent {
    font-size: 16px;
    color: #fff;
    border-right: 2px solid #fbbc0f
}

.blocTextContent h4 {
    font-family: 'Titillium Web';
    color: #fbbc10;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 46px
}

.homeSectionContent .blocTextContent h4 {
    margin-left: 5%;
    margin-top: 40px;
    margin-bottom: 40px
}

.blocTextContent h4 span {
    font-weight: 100
}

.blocTextContent h4 p {}

.blocImageOnly {
    background-size: cover;
    background-position: center center;
    border-left: 2px solid #fbbc0f;
    position: relative
}

.blocImageOnly.left {
    background-size: cover;
    border-right: 2px solid #fbbc0f;
    border-left: none;
    position: relative;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.blocTextContent.right {
    border-right: 0;
    border-left: 2px solid #fbbc0f;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.blocImageOnly:after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: #fbbc0f;
    border-radius: 50%;
    left: -17px;
    top: 50%;
    position: absolute;
    margin-top: -15px
}

.blocImageOnly.left:after {
    left: inherit;
    right: -17px
}

.blocImageOnly p {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.blocImageOnly img {}

.googleReview {}

.googleReview .sectionHeading {
    margin-bottom: 100px;
    font-size: 58px;
    font-weight: 900
}

.googleReview .sectionContent:after {
    display: none
}


#heroScene #ctaBloc {
    position: fixed;
    right: 0;
    top: 40%;
    z-index: 80;
    text-align: center;
}

#listing #ctaBloc {
    position: fixed;
    right: 0;
    top: 35%;
    z-index: 80;
    text-align: center;
}

#details #ctaBloc {
    position: fixed;
    right: 0;
    top: 35%;
    z-index: 80;
    text-align: center;
}

#ctaBloc .phone {
    display: block;
    background: #1c2e49;
    font-size: 44px;
    font-family: 'Titillium Web';
    color: #fff;
    height: 124px;
    text-align: center;
    position: relative;
    padding-left: 15px;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    text-decoration: none;
    font-weight: 600
}

#ctaBloc .phone span {
    display: inline-block;
    width: 124px;
    height: 124px;
    background: #fabb0f url(../img/phone-icon.png) top left no-repeat;
    vertical-align: middle;
    margin-left: 15px;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s
}

#ctaBloc .phone:hover {
    background: #fabb0f;
    color: #1d3049
}

#ctaBloc .phone:hover span {
    background-color: #1d2f49;
    background-position: center right
}

#ctaBloc .devis {
    display: block;
    margin-top: 20px;
    font-size: 27px;
    border: 4px solid #fff;
    height: 124px;
    padding-left: 15px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s
}

#ctaBloc .devis span {
    display: inline-block;
    width: 124px;
    height: 124px;
    background: url(../img/devis-icon.png) -4px -4px no-repeat;
    vertical-align: middle;
    margin-left: 10px;
    border: 4px solid #fff;
    margin-top: -4px;
    margin-right: -4px;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s
}

#ctaBloc .devis:hover {
    background: #fabb0f;
    color: #1d3049
}

#ctaBloc .devis:hover span {
    background-position: -124px -4px;
    background-color: #1d2f49
}

#ctaBloc .rs a, #contactInfo .rs a{
    width: 36px;
    height: 36px;
    text-align: center;
    background: #333;
    color: #fff;
    display: inline-block;
    line-height: 36px;
    margin-right: 10px;
    border-radius: 36px;
    transition:all ease-in-out .3s;
}

#ctaBloc .rs a:hover, #contactInfo .rs a:hover{background:rgba(241, 89, 34, 1)}
#ctaBloc .ctaContact{background:rgba(241, 89, 34, 1);color:#fff;border-radius: 30px 0px 0px 30px;padding: 4px 20px 5px 20px;transition:all ease-in-out .3s;text-decoration: none;margin-top: 10px;display: block;}
#ctaBloc .ctaContact:hover{padding-right:35px}

#details.template1 #detailsHeading,
#listing.template1 #listingHeading,
#detailsHeading {
    background-size: cover;
    background-position: 50% 50%
}

#details.template1 #detailsHeading>div,
#listing.template1 #listingHeading>div,
#detailsHeading>div {
    padding-top: 150px;
    padding-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

body.menu-opened #details.template1 #detailsHeading>div,
body.menu-opened #listing.template1 #listingHeading>div {
    margin-top: 0
}

#contactPage #pageHeading h1,
#listing.template1 h1.headingTitle {
    text-transform: uppercase;
    margin-bottom: 30px;
    text-align: center
}

#listing.template1 #postList {
    padding: 50px 0
}

#listing.template1 #postList .postImage a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 250px;
    overflow: hidden
}

#listing.template1 #postList .postImage img {
    height: 100%;
    width: auto;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s
}

#listing.template1 #postList .postContent {
    padding: 20px;
    background: #eee;
    margin-bottom: 25px;
    position: relative
}

#listing.template1 #postList .postContent a {
    color: #000;
    text-decoration: none
}

#listing.template1 #postList .postContent:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #eeeeef;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -12.5px
}

#details.template1 #detailsHeading {
    margin-bottom: 10px
}

#contactPage #pageHeading h1,
#details.template1 #detailsHeading .headingTitle,
#listing.template1 h1.headingTitle {
    /* width: 100%; */
    /* text-transform: uppercase; */
    /* font-weight: 900; */
}

#contactPage #pageHeading h1:after,
#details.template1 #detailsHeading .headingTitle:after,
#listing.template1 h1.headingTitle:after {
    /* display: block; */
    ck; */
    width: 100px;
    /* height: 3px; */
    /* background: #fff; */
    /* margin: 25px auto 35px */
}

#details.template1 #postDetails {
    margin-bottom: 50px;
    overflow: hidden
}

#relatedPost>h3:before {
    content: '';
    display: none;
    width: 100px;
    height: 3px;
    background: #fabb0f;
    position: relative;
    top: -15px;
    left: -24px;
}

#details.template1 #postDetails h3 {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600
}

#details.template1 #postGallery {
    height: 400px
}

#details.template1 #postGallery .galleryItem {
    height: 400px
}

#details.template1 #postGallery .row {
    margin: 0
}

#details.template1 #postGallery .col-md-3 {
    padding: 0
}

#details.template1 #postGallery a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 1px 0 0
}

#details.template1 #postGallery a img {
    height: auto;
    width: 100%
}

#ContactHeading,
#details.template1 #detailsHeading,
#listing.template2 #listingHeading {
    background-size: cover;
    background-position: 50% 50%;
    min-height: 350px;
    position: relative;
    overflow: hidden;
}

#ContactHeading>div,
#details.template1 #detailsHeading>div,
#listing.template2 #listingHeading>div {
    padding-top: 180px;
    padding-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    height: 350px;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
}

body.menu-opened #listing.template2 #listingHeading>div {
    margin-top: 0
}

#detailsHeading h1.headingTitle,
#listing.template2 h1.headingTitle {
    text-transform: uppercase;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 45px;
    text-align: center;
    color: #fff;
    position: relative;
    display: inline-block;
    margin: 0 auto;
}

#detailsHeading h1.headingTitle:after,
#listing.template2 h1.headingTitle:after,
#detailsHeading h1.headingTitle:before,
#listing.template2 h1.headingTitle:before{content:'';width: 50%;height: 5px;display: block;border-top: 1px solid #fff;border-bottom: 1px solid #fff;top: 50%;left: 115%;position: absolute;max-width: 100px;}

#detailsHeading h1.headingTitle:before,
#listing.template2 h1.headingTitle:before{
    left: inherit;
    right: 115%;
}

#detailsHeading div.detailsIntro,
#listing.template2 div.headingContent {
    color: #000;
    font-size: 30px;
    font-family: 'Titillium Web';
    text-align: center
}

#detailsHeading h1.headingTitle span,
#listing.template2 h1.headingTitle span {
    font-weight: 300
}

#listing.template2 #postList {
    padding: 0 0 50px
}

#listing.template2 #postList .postItem {
    position: relative;
    overflow: hidden
}

#listing.template2 #postList .postItem .row {
    margin-left: 0;
    margin-right: 0
}

#listing.template2 #postList .postItem .col-sm-6 {
    padding: 0
}

#listing.template2 #postList .postImage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 2px solid #fabb0f;
    position: relative
}

#listing.template2 #postList .postImage:after {
    display: block;
    width: 30px;
    height: 30px;
    background: #fabb0f;
    position: absolute;
    content: '';
    right: -17px;
    top: 50%;
    z-index: 20;
    border-radius: 100%
}

#listing.template2 #postList .postImage.right {
    border-left: 2px solid #fabb0f;
    border-right: none
}

#listing.template2 #postList .postImage.right:after {
    right: inherit;
    left: -17px
}

#listing.template2 #postList .postImage img {
    height: auto;
    width: 100%
}

#listing.template2 #postList .postContent {
    padding: 20px 10%;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    color: #fff;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    border-left: 2px solid #fabb0f;
    text-align: left;
    background-size: inherit;
    background-position: top left;
    background-repeat: repeat-x;
    background-color: #f25a23;
    background-image: url(../img/bg2_.jpg);
}

#listing.template2 #postList .postContent.left {
    border-left: none;
    border-right: 2px solid #fabb0f
}

#listing.template2 #postList .postContent p {
    text-align: left!important;
    width: 100%
}

#listing.template2 #postList h3.postTitle {
    color: #fabb0f;
    font-family: 'Titillium Web';
    font-size: 58px;
    font-weight: 900;
    margin-bottom: 50px
}

#listing.template2 #postList .postItem:hover .postContent {
    opacity: 1;
    left: 0
}

#listing.template2 #postList .postLink {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 2
}

#detailsHeading #ctaBloc,
#listingHeading #ctaBloc {
    text-align: center;
    margin-bottom: 30px
}

#detailsHeading #ctaBloc>a,
#listingHeading #ctaBloc>a {
    display: inline-block;
    margin: 0 10px
}

#detailsHeading #ctaBloc>a.devis,
#listingHeading #ctaBloc>a.devis {
    margin-top: 0;
    position: relative;
    top: -3px;
    border: 2px solid #1d2f49;
    color: #1d2f49
}

#detailsHeading #ctaBloc>a.devis span,
#listingHeading #ctaBloc>a.devis span {
    border: 2px solid #1d2f49;
    margin: -2px -2px 0 11px
}

#homeNews {
    padding-left: 0;
    padding-right: 0;
    overflow-x: hidden
}

#homeNews #postsList {
    /* border-top: 4px solid #fabb0f */
}

#homeNews #postsList>div {}

#homeNews #postsList .postItem {
    position: relative;
    margin-bottom: 40px;
}

#listing.travaux .postItem {
    margin-bottom: 50px
}

#homeNews #postsList .postItem:before {
    /* content: ''; */
    display: block;
    width: 30px;
    height: 30px;
    background: #fabb0f;
    border-radius: 100%;
    position: absolute;
    top: -17px;
    z-index: 10;
    left: 50%;
    margin-left: -15px;
}

#homeNews #postsList .postLink {
    z-index: 5!important;
    background: transparent!important;
    padding: 0!important
}

#homeNews #postsList .postImage {
    position: relative;
    height: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    width: 100%
}

#homeNews #postsList .postImage img {
    height: 100%;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

#homeNews #postsList .postItem:hover .postImage img,
#listing.template1 .postItem:hover .postImage img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

#homeNews #postsList .postLink {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 350px;
    width: 100%
}

#homeNews #postsList .postContent {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 25px 0 0;
    color: #000;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    border-bottom: 2px solid #fafafa
}
#homeNews.category #postsList .postContent{
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(242, 89, 35, 0.9);
    padding: 30px;
    text-align: center;
    color: #fff;
    width: 100%;
    height: 100% !important;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transform:scale(0);
    transform-origin:top right;
    opacity:0;
}
#homeNews.category #postsList .postContent h3,
#homeNews.category #postsList .postContent h4{color:#fff}
#homeNews.category #postsList .postContent h3{font-size:24px}

#homeNews.category #postsList .postItem:hover .postContent {
    transform:scale(1);
    opacity:1;
}

#homeNews #postsList .postItem:hover .postContent {
    opacity: 1
}

#homeNews #postsList .postTitle {
    /* text-transform: uppercase; */
    font-size: 21px;
    font-weight: 600;
}

#homeNews .blocCta {
    text-align: right;
    margin-bottom: 25px;
    margin-top: 20px;
}

#homeNews .blocCta a {
    color: #000;
    font-weight: 900
}

#contactPage {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background-size: cover;
    background-position: center center
}

#contactPage>div {
    min-height: 100%;
    position: relative;
    width: 100%
}

#contactPage #pageHeading h1 {
    margin: 40px 0;
    color: #fff
}

#contactPage .pageContent {
    color: #fff
}

#formContainer {
    background-size: cover;
    background-position: center center;
    position: relative
}

#formContainer>div {
    padding: 50px
}

#contactForm {}

#contactForm form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

#contactForm form .form-field {
    margin-bottom: 10px
}

#contactForm form .form-field.full-width {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 95%;
    flex: 0 0 95%
}

#contactForm form label {
    color: #fff
}

#contactForm form input[type=email],
#contactForm form input[type=tel],
#contactForm form input[type=text],
#contactForm form textarea {
    height: 45px;
    background: transparent;
    border: 1px solid #fff;
    color: #fff
}

#contactForm form textarea {
    min-height: 150px
}

#contactForm form .form-label {
    display: none
}

#contactForm form .buttons,
#contactForm form .form-captcha {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px
}

#contactForm form .buttons {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

footer {
    overflow: hidden;
    position: relative;
}

#logoFooter {
    position: absolute;
    width: 350px;
    height: 350px;
    background: #fff;
    text-align: center;
    border-radius: 100%;
    left: 50%;
    margin-left: -175px;
    top: -350px
}

#logoFooter a {
    position: relative;
    top: 56%
}

.footer-nav li {
    padding-top: 25px
}

.footer-nav li a {
    font-family: 'Titillium Web';
    display: block;
    padding: 20px 25px;
    text-transform: uppercase;
    font-size: 20px;
    color: #fff
}

.mediaSliderItem {}

#postDetails>.row>.col-md-6:first-child {
    border-right: 1px solid #fabb0f;
    padding-right: 20px
}

#postDetails>.row>.col-md-6:first-child:before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background: #fbbc0f;
    border-radius: 50%;
    right: -14px;
    top: 15px;
    position: absolute;
    margin-top: -15px
}

#postDetails>.row>.col-md-6:last-child {
    border-left: 1px solid #fabb0f;
    padding-left: 22px
}

#devisForm {
    background: #f4f4f4 url(../img/bg2_.jpg) left top repeat-x;
    padding: 30px 50px 10px;
}

#devisForm>h3 {
    /* font-family: 'Titillium Web'; */
    font-weight: 900!important;
    color: #f25923;
    font-size: 38px!important;
    text-align: center;
}

#devisForm>h3 span {
    color: #fff;
    font-weight: 300
}

.contactImage {
    text-align: center;
    margin: 30px 0 40px;
    position: relative
}

.contactImage:before {
    content: '';
    display: block;
    border-top: 1px solid #fff;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%
}

.contactImage span {
    display: inline-block;
    background: #2c3c54;
    padding: 7px;
    border-radius: 100%;
    border: 1px solid #fff;
    position: relative;
    z-index: 2
}

.contactImage img {
    margin: 0!important
}

#devisForm form {
    padding: 0 25px
}

#devisForm .form-label {
    display: none
}

#devisForm .form-field {
    margin-bottom: 10px
}

#devisForm .form-input-wrapper,
#devisForm .form-textarea-wrapper {
    /* border: 1px solid #fff; */
    /* border-radius: 5px; */
    /* padding-left: 40px; */
}

#devisForm .form-control {
    background: transparent;
    border: 1px solid #7b9eb0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    color: #777;
}

#devisForm select.form-control option{color:#000}

#devisForm .form-captcha {
    text-align: center
}

#devisForm .g-recaptcha {
    display: inline-block!important
}

#devisForm .buttons {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    text-align: center
}

#devisForm .buttons button {
    background: #f25923;
    color: #fff;
    font-family: 'Titillium Web';
    border-radius: 5px;
    width: 50%;
    margin-top: 17px;
    border-color: #f25923;
}

button.loading{background-image: url(../img/preload.gif) !important;background-position: 90% 50% !important;background-repeat: no-repeat !important;}

#postDetails #postContent {
    position: relative
}

#postDetails #postContent:after {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background: #fbbc0f;
    border-radius: 50%;
    right: -34px;
    top: 15px;
    position: absolute;
    margin-top: -15px
}

.categoryHeading {
    margin-bottom: 0;
    padding-bottom: 20px;
}


.categoryHeading span {
    font-weight: 300
}

#relatedPost {
    margin-bottom: 3rem;
}

#relatedPost>h3 {
    /* font-family: 'Titillium Web'; */
    /* text-transform: uppercase; */
    /* font-size: 48px!important; */
    /* margin: 20px 0 30px!important; */
    /* font-weight: 900!important; */
}

#relatedPost>h3 span {
    font-weight: 300
}

#relatedPost #postList {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#relatedPost .postItem {
    position: relative;
    overflow: hidden;
    height: 300px
}

#relatedPost .postItem .postImage {
    height: 300px
}

#relatedPost #postList .postImage img {
    margin: 0;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    height: 100%;
    width: 100%;
    max-width: inherit;
    -o-object-fit: cover;
    object-fit: cover
}

#relatedPost #postList .postContent {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    text-align: center;
    background: rgba(242, 89, 35, 0.7);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px;
    opacity: 0;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

#relatedPost #postList .postItem:hover .postContent {
    opacity: 1
}

#relatedPost #postList .postItem:hover .postImage img {
    -webkit-transform: scale(1.3) rotate(5deg);
    -ms-transform: scale(1.3) rotate(5deg);
    transform: scale(1.3) rotate(5deg)
}

#relatedPost #postList .postContent .blocCta {
    margin: 0!important
}

#relatedPost #postList .postItem h4 {
    font-family: 'Titillium Web';
    font-weight: 600;
    color: #ffffff;
}

#ContactHeading {
    background-attachment: fixed;
    min-height: 500px
}

#ContactHeading>div {
    position: absolute
}

#ContactHeading h1 {
    font-family: 'Titillium Web';
    font-size: 80px;
    font-weight: 900;
    text-transform: uppercase;
    color: #000
}

#ContactHeading .detailsIntro {
    font-size: 24px!important;
    color: #000
}

#contactPage #map {
    height: 100%;
    position: relative
}

#contactPage #map>div {
    height: 100%
}

#contactPage #map pre {
    margin-bottom: 0
}

.contactItems {
    margin-bottom: 2rem
}

.contactItem {
    color: #fff;
    -webkit-box-flex: 1!important;
    -ms-flex: 1!important;
    flex: 1!important
}

.contactItem h3 {
    font-family: 'Titillium Web';
    color: #f4bd3a
}

.contactItem a {
    color: #fff;
    text-decoration: underline
}

#contactHoraire {
    padding: 50px;
    font-size: 20px
}

#contactHoraire h3 {
    font-family: 'Titillium Web';
    font-size: 60px;
    font-weight: 900
}

#contactHoraire h3:after {
    content: '';
    display: block;
    width: 100px;
    height: 3px;
    background: #f5bf3c;
    margin: 30px auto 60px
}

#contactHoraire h3 span {
    font-weight: 300
}

#listing.localisations #postList {
    padding: 50px 0
}

#listing.localisations #postList .postItem {
    margin-bottom: 30px
}

#listing.localisations #postList .postImage {
    height: 300px;
    border-bottom: 1px solid #fabb0f;
    border-right: none;
    overflow: hidden
}

#listing.localisations #postList .postLink {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 2
}

#listing.localisations #postList .postImage:after {
    left: 50%;
    bottom: -15px;
    top: inherit;
    margin-left: -15px;
    background: #fabb0f
}

#listing.localisations #postList .postImage img {
    width: auto;
    height: 100%;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s
}

#listing.localisations #postList .postItem:hover .postImage img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

#listing.localisations #postList .postContent {
    border-left: none;
    /* border-top: 1px solid #fabb0f */
}

.cc-compliance>a.cc-dismiss {
    background: #fabb0f!important;
    border-color: #fabb0f;
    color: #1d2f49;
    text-transform: uppercase
}

@media screen and (max-width:400px) {}

@media screen and (max-width:767px) {
    #heroScene #ctaBloc {
        text-align: center
    }
    #ctaBloc .devis,
    #ctaBloc .phone {
        font-size: 2rem;
        height: 64px;
        line-height: 61px;
        display: inline-block
    }
    #ctaBloc .devis span,
    #ctaBloc .phone span {
        width: 64px;
        height: 64px;
        background-size: cover;
        margin-top: -4px
    }
    #ctaBloc .devis {
        font-size: 1.5rem;
        line-height: 58px
    }
    #ctaBloc .devis span {
        margin-top: -6px;
        background-position: 0px -1px
    }
    #ctaBloc .devis:hover span {
        background-position: -55px 0
    }
    .homeIntro .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0
    }
    .homeIntro .sectionHeading {
        padding: 0;
        text-align: center;
        font-size: 2.5rem;
        margin-bottom: 2rem
    }
    .homeSectionContent .blocTextContent h4 {
        margin-left: 0;
        font-size: 3rem;
        margin-top: 20px
    }
    .homeSectionContent .blocTextContent {
        padding-left: 1rem!important;
        padding-right: 1rem!important;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .modularSection {
        padding: 0 1.5rem;
        width: 100vw;
        overflow: hidden
    }
    .homeSectionContent .row {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }
    .homeIntro .sectionContent {
        margin: 0;
        padding: 2rem 0 0;
        border: none;
        text-align: center;
        border-top: 1px solid #000
    }
    .blocTextContent {
        border-top: 2px solid #fbbc0f;
        border-right: none!important;
        border-left: none!important
    }
    .blocImageOnly:after {
        top: inherit;
        bottom: -13px;
        left: 50%!important;
        margin-left: -15px;
        right: inherit!important
    }
    .blocImageOnly {
        border-bottom: 2px solid #fbbc0f;
        border-left: none!important;
        border-right: none!important;
        height: 300px;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
    .homeIntro {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    #homeNews {
        margin-top: 0
    }
    .googleReview .sectionHeading {
        font-size: 3rem;
        margin-top: 2rem
    }
    .mediaSlider img {
        max-width: 100%
    }
    #detailsHeading #ctaBloc>a,
    #listingHeading #ctaBloc>a {
        margin-top: 0!important;
        margin-bottom: 25px!important
    }
    #ContactHeading h1,
    #detailsHeading h1.headingTitle,
    #listing.template2 h1.headingTitle {
        font-size: 3rem
    }
    #ContactHeading>div,
    #details.template1 #detailsHeading>div,
    #listing.template2 #listingHeading>div {
        padding-top: 110px;
        position: relative
    }
    #ContactHeading,
    #details.template1 #detailsHeading,
    #listing.template2 #listingHeading {
        min-height: inherit
    }
    footer {
        background-size: cover
    }
    .footer-nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 2rem 0
    }
    .footer-nav li {
        padding: 0
    }
    .footer-nav li a {
        padding: 10px 0
    }
    #details.template1 #postGallery,
    #details.template1 #postGallery .galleryItem {
        height: auto!important
    }
    #postDetails>.row>.col-md-6:last-child {
        padding: 0;
        border: none
    }
    #devisForm {
        padding: 2rem 0
    }
    #devisForm .form-input-wrapper {
        background-position: .5rem 50%!important
    }
    #devisForm .buttons {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    #relatedPost>h3 {
        font-size: 2.5rem!important
    }
    #relatedPost>h3:before {
        width: 9%;
        left: -10px
    }
    #relatedPost .postItem {
        border-bottom: 2px solid #fff
    }
    #relatedPost .postContent>p {
        height: 100px;
        overflow: hidden
    }
    .contactItems {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    #contactHoraire,
    #formContainer>div {
        padding-left: 2rem;
        padding-right: 2rem
    }
    #contactPage .row .col-md-6.pr-0:first-child {
        height: 400px
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    #heroScene {
        height: 500px
    }
    #heroScene>div {
        padding-top: 77px
    }
    #heroScene #ctaBloc {
        text-align: center;
        width: 100%
    }
    #ctaBloc .devis,
    #ctaBloc .phone {
        font-size: 2rem;
        height: 64px;
        line-height: 61px;
        display: inline-block;
        margin: 10px 15px
    }
    #ctaBloc .phone {}
    #ctaBloc .devis span,
    #ctaBloc .phone span {
        width: 64px;
        height: 64px;
        background-size: cover;
        margin-top: -4px
    }
    #ctaBloc .devis {
        font-size: 1.5rem;
        line-height: 58px
    }
    #ctaBloc .devis span {
        margin-top: -6px;
        background-position: 0px -1px
    }
    #ctaBloc .devis:hover span {
        background-position: -55px 0
    }
    .homeIntro .container {
        padding: 0
    }
    .homeIntro .sectionHeading {}
    .homeSectionContent .blocTextContent h4 {
        margin-left: 0;
        font-size: 3rem;
        margin-top: 20px
    }
    .homeSectionContent .blocTextContent {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }
    .modularSection {
        padding: 0 1.5rem;
        width: 100vw;
        overflow: hidden
    }
    .homeSectionContent .row {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }
    .homeIntro .sectionContent {}
    .blocTextContent {}
    .blocImageOnly:after {}
    .blocImageOnly {}
    .homeIntro {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    #homeNews {
        margin-top: 0
    }
    .googleReview .sectionHeading {
        font-size: 3rem;
        margin-top: 2rem
    }
    .mediaSlider img {
        max-width: 100%
    }
    #detailsHeading #ctaBloc>a,
    #listingHeading #ctaBloc>a {
        margin-top: 0!important;
        margin-bottom: 25px!important
    }
    #ContactHeading h1,
    #detailsHeading h1.headingTitle,
    #listing.template2 h1.headingTitle {
        font-size: 3rem
    }
    #ContactHeading>div,
    #details.template1 #detailsHeading>div,
    #listing.template2 #listingHeading>div {
        padding-top: 110px;
        position: relative
    }
    #ContactHeading,
    #details.template1 #detailsHeading,
    #listing.template2 #listingHeading {
        min-height: inherit
    }
    footer {
        background-size: cover
    }
    .footer-nav {
        margin: 2rem 0
    }
    .footer-nav li {}
    .footer-nav li a {
        padding: 0 15px;
        text-align: center
    }
    #details.template1 #postGallery,
    #details.template1 #postGallery .galleryItem {
        height: auto!important
    }
    #postDetails>.row>.col-md-6:last-child {
        padding: 0;
        border: none
    }
    #devisForm {
        padding: 2rem 0
    }
    #devisForm .form-input-wrapper {
        background-position: .5rem 50%!important
    }
    #devisForm .buttons {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    #relatedPost>h3 {
        font-size: 2.5rem!important
    }
    #relatedPost>h3:before {
        width: 9%;
        left: -10px
    }
    #relatedPost .postItem {
        border: 1px solid #fff
    }
    #relatedPost .postContent>p {
        height: 100px;
        overflow: hidden
    }
    .contactItems {}
    #contactHoraire,
    #formContainer>div {
        padding-left: 2rem;
        padding-right: 2rem
    }
    #contactPage .row .col-lg-6.pr-0:first-child {
        height: 400px
    }
    #homeNews #postsList .postImage {
        height: 250px
    }
}

@media screen and (max-width:1024px) {
    #mainMenu {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100vw!important;
        margin: 0;
        top: 0;
        left: 0
    }
    .navbar-brand {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        padding: 10px 0;
        position: relative;
        z-index: 1
    }
    .navbar-brand img {
        width: 150px;
        height: auto;
        margin-left: 10px
    }
    button.navbar-toggler {
        height: auto;
        padding: 15px 15px 14px;
        margin: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        position: absolute;
        top: 0;
        right: 0
    }
    .hamburger-box {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        top: 15px
    }
    button.navbar-toggler:before {
        top: 7px;
        font-size: 13px
    }
    div#mainNav {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        height: 0;
        width: 100vw!important;
        position: absolute;
        left: -100vh;
        top: 0;
        background: rgba(0, 0, 0, 0.8);
        padding: 80px 10px 20px!important;
        z-index: 0;
        opacity: 0
    }
    div#mainNav.show {
        left: 0;
        opacity: 1;
        height: 100vh
    }
    div#mainNav .nav-item:after {
        display: none
    }
}

@media screen and (min-width:1025px) and (max-width:1600px) {
    .homeSectionContent .blocTextContent {
        padding-left: 2%!important;
        padding-right: 2%!important
    }
    #relatedPost #postList .postContent p {
        height: 100px;
        overflow: hidden
    }
}

.notices p{margin-bottom: 0 !important;padding: 5px 0;}

.homeScene{}
.homeScene .sectionContent, #homeNews .sectionContent{
    margin-top: -50px;
    margin-bottom:  50px;
    color: #f25923;
    font-family:'Montserrat', sans-serif;
    font-weight: 600;
}
.homeScene .sectionContent:after,
#homeNews .sectionContent:after{
    display: none;
}

.icon-item{display:flex;margin: 30px 0;}
.icon-item .icon-content h4{
    margin: 0 0 10px;
    font-size: 20px;
}
.icon-item .icon-content p{
    font-size: 15px;
    line-height: 25px;
    color: #616161;
    text-align: left;
}
.icon-item .icon{
    display: flex;
    font-size: 28px;
    height: 70px;
    /* padding-top: 15px; */
    text-align: center;
    width: 70px;
    position: relative;
    transition: 0.3s ease;
    z-index: 1;
    color: #f15922;
    align-items: center;
    justify-content: center;
}
.icon-item .icon:before{
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    content: "";
    height: 70px;
    position: absolute;
    width: 70px;
    left: 0;
    top: 0;
    border-radius: 35px 35px 35px 0;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: 0.3s ease;
    z-index: -1;
}
.icon-item:hover .icon:before{background:#f15922;}
.icon-item:hover .icon{color:#fff}
.icon-item .icon.right:before{
    border-radius: 35px 0px 35px 35px;
}
.icon-item .icon-content{width: 75%;}

.footerCopyright{
    background: #1b1b1b;
    padding: 25px 0;
    color:#fff
}
.footerCopyright a{color:#fff}
.footerCopyright ul{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align:right;
}
.footerCopyright li{
    display: inline-block;
    margin: 0 15px;
}
.footerCopyright p{display:inline-block;margin:0}
.footerCopyright p span{color:#f15922}

.footerTop{
    position: relative;
    background: url(../img/slide1.jpg) center bottom no-repeat;
    padding: 100px 0;
}
.footerTop:before{content:'';background: rgba(0, 0, 0, 0.6);position: absolute;display: block;width: 100%;height: 100%;z-index: 0;top: 0;left: 0;}
.footerTop .container{
    z-index: 1;
    position: relative;
    color: #fff;
    text-align: center;
}
.footerTop h3{
    color: #fff;
    margin: 0;
    text-transform: none;
    font-weight: 400;
    font-size: 25px;
}
.footerTop a{display:inline-block;margin: 30px;}
.footerTop a.phone{color:#f15922;font-size:40px;font-family:'Lato';font-weight: 800;}
.footerTop a.btncontact{
    background: #fff;
    border-radius: 0;
    color: #f15922;
}
.homeIntro.category .sectionHeading{
    background: none;
    text-align: left;
    color: #f25a26;
    font-size: 36px;
    padding-bottom: 10px;
}
.homeIntro.category .sectionHeading:after{margin-left:0}


#contactInfo{
    margin-bottom: 2rem;
    margin-top: 2rem;
}
#contactInfo h3{
    background: #f25923;
    color: #fff;
    text-align: center;
    padding: 10px 25px;
}
#contactInfo h4{
    text-align: center;
    font-size: 21px;
}
#contactInfo .phone,
#contactInfo .btncontact{
    display: block;
    text-align: center;
    font-size: 29px;
    color: #f25923;
    padding: 15px 0 0;
}
#contactInfo .rs{text-align:center;margin-top:2rem}