/*
Theme Name: boursin-agencement
Theme URI: http://320press.com/wpbs
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 3.3.1
Author: Chris Barnes
Author URI: http://cbarn.es
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */


body{
font-family: Raleway,sans-serif;
color: #222;
font-size: 15px;
background: #f7f7f7;

}

body.single-realisation{
padding-top: 120px
	}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-weight: 600
}

.home{
background: #fff
}
a{
color: #222;
text-decoration: none
}

a:hover{
text-decoration: none
}

#content{
padding: 0
}

#main article{
	padding: 0
}

.justify-content-center{
	justify-content: center
}

#mega-menu-wrap-main_nav #mega-menu-main_nav > li.mega-menu-flyout ul.mega-sub-menu{
    padding-left: 0;
}

#mega-menu-wrap-main_nav #mega-menu-main_nav > li.mega-menu-item > a.mega-menu-link {
        border-bottom: 1px solid rgba(255, 255, 255, .15);
    }

.navbar-brand>img{
	margin: 0 auto
}

#mega-menu-wrap-main_nav #mega-menu-main_nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link, #mega-menu-wrap-main_nav #mega-menu-main_nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    font-weight: 600 !important;
    border-bottom: 1px solid #ddd;
    padding: 10px
}

.navbar-default .navbar-nav > li > a{
text-transform: uppercase;
font-size: 18px;
color: #222;
padding: 10px 48px
}

.navbar-default .navbar-nav > li.menu-separator{
margin-right: 170px
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
background: none;
color: #ABC31F
}

.wpcf7-select{
background: #fff none repeat scroll 0 0;
    border: 0;
    font-size: 14px;
    padding: 15px;
    width: 100%;
    border-radius: 3px;	
}


h1.page-title{
border-bottom: 1px solid #ddd;
font-size: 34px;
font-weight: 400;
margin-bottom: 60px;
padding-bottom: 30px;
margin-top: 70px;
text-align: center;
text-transform: uppercase;
}

.page-template-default .post_content{
padding-top: 0
}

.navbar-default{
background: #fff;
border: 0
}

.social__one a,.header-contacts__one a{
color: #fff;
vertical-align: middle
}

.social__one {
  cursor: pointer;
  float: right;
  margin-right: 5px;
  text-decoration: none;
  color: #fff
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
	margin: 0;
	padding: 0
}

.social__one .fa{
	vertical-align: top
}

p{
	line-height: 1.7;
}

.square {
    cursor: pointer;
    display: block;
    height: 25px;
    text-align: center;
    width: 25px;
    font-size: 25px;
    margin-left: 10px;
  
}

#mega-menu-wrap-main_nav .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-main_nav .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-main_nav .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after{
	background-color: #fff
}

a.header-contacts__link {
  font: 16px "Lato",sans-serif;
  margin-left: 10px;
  text-decoration: none;
  color: #fff
}
.header-contacts {
    padding: 15px 10px;
    display: flex;
    align-items: center;
    background: #2D2A26;
    color: #fff;
    border-radius: 4px;
    height: 60px
}

.header-menu{
	 padding: 15px 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: #2D2A26;
    color: #fff;
    border-radius: 4px;
    height: 60px
}

.header-menu a{
color: #fff;
    margin-right: 20px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
	}


.header-contacts__phone, .header-contacts__email {
  display: inline-block;
}
.header-contacts {
  padding: 15px 10px;
}
.header-contacts__one {
  float: left;
  margin-right: 25px;
}

.post_content{
padding-top: 100px;
padding-bottom: 100px
}

.green, a:hover{
color: #ABC31F
}

h1, .h1{
font-size: 42px;
margin-bottom: 20px

}

ul li{
list-style-position: inside;

}

.btn{
text-transform: uppercase;
font-weight: normal;
border-radius: 0;
padding: 15px 30px;
font-weight: 600;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 4px;
}

.btn-green{
background: #ABC31F;
color: #fff;
box-shadow:none;
transition: all .3s ease-in-out;
}

.btn-green:hover{
color: #fff;
background: #94A823;

box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
}

.btn-white{
background: #fff;
color: #222;
border: 1px solid #ddd;
font-weight: 400
}


.btn-white:hover{
background: #f4f4f4
}
.page-header{
border: 0;
}

.page-template-default .page-header{

margin: 0;
padding: 0
}

img.alignleft{
margin-right: 30px;
margin-bottom: 30px
}

h2, .h2{
	line-height: 1.5
}

@media (min-width: 769px) {

#mega-menu-wrap-main_nav #mega-menu-main_nav{
	text-align: center!important
}
}

@media (max-width: 1200px) {


#mega-menu-wrap-main_nav #mega-menu-main_nav>li.mega-menu-item>a.mega-menu-link{
	padding: 0 20px!important
}

}

@media (max-width: 991px) {

#mega-menu-wrap-main_nav #mega-menu-main_nav>li.mega-menu-item>a.mega-menu-link{
	padding: 0 10px!important
}

    .hidden-xs {
        display: none !important;
    }

}


/*homepage*/
.bg-grey{
	background: #f7f7f7;
}
#home-actus{
    
    padding-top: 5rem;
    padding-bottom:5rem;	
}

#home-seo{
	padding-bottom: 5rem;
	padding-top: 5rem;
	text-align: justify
}

.home-description{
font-size: 20px;
line-height: 1.7;
font-weight: 300;
padding-top: 50px;
padding-bottom: 80px

}

.bm_news-navigation{
	    padding-top: 100px;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 60px
}

.bm_news-navigation i{
	font-size: 30px;
	}

.home-realisations{
/*background: #f4f4f4 url("images/bg-wood.jpg") repeat-x fixed 50% 50% / cover;*/
padding-top: 0;
padding-bottom: 40px
}

.gallery-realisations{
	padding-bottom: 40px;
	padding-top: 40px;
}

.mb-50{
margin-bottom: 50px	
}

.home-realisations h2, #home-actus h2, .main-title, #home-seo h2, .home-description h2{
margin-bottom: 80px;
    text-align: center;
    border: 0;
    font-weight: 600;
}

.home-description .icon{
	margin-bottom: 20px;
	height: 100px
}

.home-description .desc{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 30px
}

.swiper-slide .col-sm-6{
padding-left: 0;
padding-right: 0
}

.white-bg{
padding: 25px;
position: relative
}

.bkg-white{
	background: #fff;
}

.content-page{
padding-bottom: 80px;
padding-top: 80px;	
}

.textwidget ul{
padding: 0;
list-style-type: none;	
}


p.title-realisation a{
font-size: 18px;
font-weight: 600;
color: #222;
text-decoration: none
}

.green-corner{
position: absolute;
right: 0;
bottom:0;
background: url(images/corner.png) no-repeat 0 0;
width: 58px;
height: 58px;
display: block
}

.green-corner:hover{
background-position: 0 -60px
}

.arrow-white{
position: absolute;
right: 0;
top:45%;
background: url(images/arrow-white.png) no-repeat center center;
width: 20px;
height: 46px
}

.swiper-pagination{
position: relative!important;
margin-top: 30px

}

.swiper-pagination-clickable .swiper-pagination-bullet{
margin: 3px
}

.swiper-pagination-bullet{
background: #ccc!important;
opacity: 1!important;
height: 10px!important;
width: 10px!important;
}

.swiper-pagination-bullet:hover{
background: #ABC31F!important;
}

.swiper-pagination-bullet-active{
background: #222!important;
}

.home-rassurance h3{
margin-top: 0;
background: url(images/bullet-green.png) no-repeat left center;
padding-left: 30px
}

.block-rassurance{
min-height: 280px
}

.home-rassurance{
padding-top: 100px;
padding-bottom: 0

}


.tp-rightarrow.default {
  background: rgba(0, 0, 0, 0) url("images/arrow-right.png") no-repeat scroll 0 0;
  cursor: pointer;
  height: 67px;
  position: relative;
  width: 67px;
  z-index: 100;
}

.tp-rightarrow.default:hover {
background-position: 0 -68px
}

.tp-leftarrow.default {
  background: rgba(0, 0, 0, 0) url("images/arrow-left.png") no-repeat scroll 0 0;
  cursor: pointer;
  height: 67px;
  position: relative;
  width: 67px;
  z-index: 100;
}

.tp-leftarrow.default:hover {
background-position: 0 -68px
}

.tp-bullets.simplebullets.round-old .bullet {
  background: #fff;
  cursor: pointer;
  float: left;
  height: 12px;
  margin-right: 7px;
  margin-top: 0;
  position: relative;
  width: 12px;
  border-radius: 30px;
  margin: ;
}

.tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected{
background: #ABC31F
}

.img-realisation{
overflow: hidden;
border-radius: 6px;
position: relative
}

.navbar-fixed-top{
	background: transparent;
	top: 30px
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
	    border-radius: 3px 3px 0 0;
}

.swiper-button-next{
 background: rgba(0, 0, 0, 0) url("images/arrow-right.png") no-repeat scroll 0 0!important;
  cursor: pointer!important;
  height: 67px!important;
  width: 67px!important;
  right:  20px!important;
}


.swiper-button-prev{
 background: rgba(0, 0, 0, 0) url("images/arrow-left.png") no-repeat scroll 0 0!important;
  cursor: pointer!important;
  height: 67px!important;
  width: 67px!important;
  left: 20px!important;
}

.swiper-button-prev:hover,.swiper-button-next:hover{
background-position: 0 -68px!important;
}

.navbar-brand>img{
    height: 90px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    margin-top: -15px;
}

.navbar.isStuck > .container .navbar-brand{
	background: transparent;
	   -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.navbar.isStuck {
	min-height: auto;
}

.isStuck .navbar-brand{
	height: 70px
}
.navbar,.navbar *{
	    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}


.archive .page-header, .page .page-header {
    padding-bottom: 9px;
    margin: 0 0 80px;
    border-bottom: 1px solid #eee;
    height: 30vh;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    position: relative;
    background-position: center;
}

.archive .page-header:before,.page .page-header:before {
	content: "";
	    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(to bottom, rgba(0,0,0,0.5), transparent);
   
    height: 100%
	}
.archive .page-header h1, .page .page-header h1{
position: relative;
font-weight: 600;
border: 0;
}

/*footer*/

#inner-footer{
background: #222;
color: #fff;
padding-top: 60px;
padding-bottom: 50px;

}

.related-portfolio-area{
	    background: #f7f7f7;
    padding-top: 60px;
    padding-bottom: 50px;
}

#inner-footer a{
color: #fff
}

.widgettitle{
font-weight: 800;
text-transform: uppercase
}

.social-footer .fa{
font-size: 24px;
margin-top: 0
}
.social-footer{
	text-align: center;
}
.social-footer li{
display: inline-block;	
margin: 0 10px;
}
/*realisations*/

.desc-bottom{
	padding-top: 100px;
	margin-bottom: 60px;
}

.archive #main article .post_content, .actu-block .post_content{
padding: 0;
text-align: center;

}
.title-realisation{
	text-align: center
}
.archive #main article .post_content .img-container, .actu-block .img-container{
overflow: hidden;
position: relative;
border-radius: 6px
}

.archive #main article .post_content h3 a, .actu-block .post_content h3 a, .archive #main article .post_content p a{
color: #222;
font-size: 16px;
font-weight: 600
}

.archive #main article .post_content .btn-white, .actu-block .post_content .btn-white{
margin: 10px 15px
}

.archive #main article .post_content img, .img-realisation img, .actu-block .post_content img, .img-realisation img{ 

  -webkit-transition: all 0.8s ease; /* Safari and Chrome */
    -moz-transition: all 0.8s ease; /* Firefox */
    -ms-transition: all 0.8s ease; /* IE 9 */
    -o-transition: all 0.8s ease; /* Opera */
    transition: all 0.8s ease;
    width: 100%
 }   
 
.archive #main article .post_content:hover img, .img-realisation:hover img,  .actu-block .post_content:hover img{
  -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
  }  
  
.pretty-link img{
	 border-radius: 6px;
 } 
  
.block-contact{
	    border: 1px solid #e6e6e6;
    border-radius: 5px;
    margin: 50px 0 0;
    padding: 45px 60px 28px;
    background: #fff;
}

.block-contact .title{
font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
}



#main article{
	margin-bottom: 40px;
}

.d-flex{
	    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.page-template-page-homepage-php #main article {
    border-bottom: none;
    padding-bottom: 0;
}

.resume{
	padding: 0 10px
}

.post_content h3{
    padding: 20px;
    margin: 0;
}
  
/*contact*/

.wpcf7-form input[type="text"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="email"],.wpcf7-form textarea {
background: #fff none repeat scroll 0 0;
    border: 0;
    font-size: 14px;
    padding: 15px;
    width: 100%;
    border-radius: 3px;
}

.wpcf7-form .row {
  margin-bottom: 15px;
}

.page-template-contact h1 {
text-align: center;
text-transform: uppercase;
font-weight: 300;
margin-bottom: 50px;
border-bottom: 1px solid #ddd;
padding-bottom: 50px;
font-size: 34px
}



.page-template-contact h1 strong{
font-weight: 400
}

.white-block{
background: #fff;
padding: 30px;
border-radius: 3px;
}

.wpcf7-submit{
background: #333;
color: #fff;
border: 0;
text-transform: uppercase;
padding: 7px 15px
}

#wide-page-row{
margin-bottom: 50px
}

.page-template-contact .post_content{
padding-bottom: 0
}

.white-block p.lead{

font-size: 16px
}

.white-block a{
color: #222}

/*single*/


.page-header .single-title {
  font-size: 36px;
  font-weight: 300;
  margin-bottom: 30px;
  margin-top: 60px;
  text-align: center;
  text-transform: uppercase;
}

.single .swiper-container {
        width: 100%;
        height: 100%;
        padding: 0;
    }
.single .swiper-container img{
width: 100%
}

.pt-3{
padding-top: 3rem;	
}

h3, .h3 {
    font-size: 22px;
}

.white-bkg{
background: #fff;
clear: both;
margin-bottom: 30px
}

.white-bkg p.lead{
font-size: 19px
}

.desc-bottom .lead{
	font-size: 15px;
	font-weight: 400;
	line-height: 1.7;
	margin-bottom: 10px;
}

.title-block{
text-transform: uppercase;
font-size: 21px;
font-weight: 600
}

.view-more{
font-weight: 600;	
}

body.single-realisation{
	background: #fff;
}

/*blog*/

.blog .resume{
	color: #777;
	padding: 0 15px;
}

.blog #main article .post_content{
padding-bottom: 0
}

.blog #main article footer{
text-align: center
}


.blog .actu-block .post_content h3{
	line-height: 1.1;
}

.blog .actu-block .post_content h3 a{
	text-transform: none;
	font-weight: 500;
	}

.blog .page-header h1{
text-align: center;
text-transform: uppercase;
font-weight: 300;
padding-bottom: 25px;
border-bottom: 1px solid #ddd;
font-size: 30px
}

#wds_container1_0 #wds_container2_0 .wds_slideshow_image_wrap_0, #wds_container1_0 #wds_container2_0 .wds_slideshow_image_wrap_0 *{
	color: #fff;
}

#wds_container1_0 #wds_container2_0 .wds_slideshow_dots_0{
	font-size: 12px!important;
}

a.contact-btn {
	    text-transform: uppercase;
    font-weight: 600;
    border-radius: 2px;
	background: #abc31f!important;
    color: #fff!important;
    box-shadow: none;
    transition: all .3s ease-in-out;
    font-size: 14px;
    padding: 10px;
    float: right;
    margin-left: 15px
}
.navbar-default .contact-btn a:hover{
	    color: #fff;
    background: #94a823!important;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
}

.bold{
	font-weight: bold
	}
.mb-3{
margin-bottom: 3rem	
}

.desc-projet ul li{
	list-style-type: none;
	margin-bottom: 1rem
}

.desc-projet ul li:before{
	content: "\e013";
	color: #abc31f;
position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    margin-right: 10px;
	}
	
.elementor-section.elementor-section-boxed>.elementor-container{
	max-width: none!important;
}

#tarteaucitronRoot {
    position: relative !important;
    width: 100% !important;
}

div#tarteaucitronRoot.tarteaucitronBeforeVisible:before{
background: #000!important;
}

#tarteaucitronRoot span#tarteaucitronDisclaimerAlert{
    color: #000;
}

#tarteaucitronRoot span#tarteaucitronDisclaimerAlert h2{
    font-weight: bold;
    margin-bottom: 1rem;
    font-size: 1.8rem;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize, #tarteaucitronAlertBig #tarteaucitronPersonalize2, .tarteaucitronCTAButton, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog, #tarteaucitronRoot .tarteaucitronDeny, #tarteaucitronRoot .tarteaucitronAllow, #tarteaucitronRoot .tarteaucitronDeny{
    padding: 10px 20px!important;
   background: #f7f7f7!important;
   color: #555!important
}

#tarteaucitronAlertBig #tarteaucitronPersonalize2, .tarteaucitronCTAButton.tarteaucitronAllow{
	    background: #abc31f!important;
	    color: #fff!important;
}

div#tarteaucitronAlertBig:before{
    display: none;
}

#tarteaucitronCloseCross{
    color: #000!important;
    font-size: 1.4rem!important;
}

a#tarteaucitronManager{
	cursor: pointer
}

body #tarteaucitronRoot div#tarteaucitronAlertBig{
    max-width: 600px;
    border-radius: 4px!important;
}

#tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
    text-align: left !important;
    font-size: 1.3rem !important;
    padding: 0 !important;
    line-height: 1.5;
}

#tarteaucitronRoot button.tarteaucitronCTAButton, #tarteaucitronRoot button#tarteaucitronCloseAlert, #tarteaucitronRoot button#tarteaucitronPrivacyUrl{
    border-radius: 30px!important;
}

#tarteaucitronRoot #tarteaucitronAlertBig {
    
    background: #fff!important;
}

.homepage-slider .swiper-slide{
	height: 100vh
}
.homepage-slider{
	margin-bottom: 80px
}
.homepage-slider .swiper-slide img{
	        object-fit: cover;
        height: 100%!important;
        width: 100%!important;
	}

.homepage-slider .swiper-slide:after{
	    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, .3), transparent);
}

.swiper-slide .caption{
	position: absolute;
    /* width: 100%; */
    /* height: 100%; */
    bottom: 10%;
    /* display: flex
; */
    /* justify-content: center; */
    /* align-items: center; */
    color: #fff;
    font-size: clamp(3rem, 4vw, 7rem);
    left: 10%;
    z-index: 9;
}

.swiper-slide p.title{
	line-height: 1.3
	}

.mask-link{
	    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

@media (max-width: 768px) {
#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize, #tarteaucitronAlertBig #tarteaucitronPersonalize2, .tarteaucitronCTAButton, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog, #tarteaucitronRoot .tarteaucitronDeny, #tarteaucitronRoot .tarteaucitronAllow{
    width: 80%;
}

.navbar-brand>img{
        height: 65px;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out;
        margin-top: -10px;
        margin-left: 20px;
    }

    #mega-menu-wrap-main_nav .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
        /* margin-top: 20px; */
        background: #222;
        border-radius: 6px;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }



}

/*responsive*/

@media (min-width: 992px) {
.border-l{
border-left: 1px solid #ddd;
padding-left: 3rem
}
}


@media (max-width: 1200px) {

.navbar-default .navbar-nav > li > a{
padding: 10px 22px
}

.navbar-default .navbar-nav > li.menu-separator {
  margin-right: 174px;
  margin-left: 30px;
}

}


@media (max-width: 991px) {
	
	.header-menu{
	background: transparent;
	padding: 0;
	height: auto
}

.navbar-default .navbar-nav > li > a{
font-size: 16px;
padding: 10px 26px;
}

.navbar-default .navbar-nav > li.menu-separator {
  margin-left: 0;
  margin-right: 0;
}

.navbar-nav {
  float: left;
  margin: 20px 0 5px 0;
}

.block-rassurance {
  min-height: 320px;
}

.home-rassurance h3{
font-size: 20px
}

.home-rassurance .col-sm-4{
text-align: center;
margin-bottom: 30px
}

.home-rassurance{
margin-bottom: 20px
}

.white-bkg{
min-height: inherit
}

.pretty-link{
width: 28%
}

}