/*
	Theme Name: ATEP
	
	License: GNU General Public License
	License URI: license.txt
	Tags: two-columns, left-sidebar, right-sidebar, custom-menu, full-width-template, theme-options, translation-ready
	Version: 2.2
*/



/* Table of contents
   ========================================================================== */

/**
  * == Core CSS ==
  *
	1. Body
	2. Header / .header
	3. Navigation / nav.menu
	4. Content / .bran-body
	5. Sidebar / .sidebar
	6. RSS / #rss
	7. Search / #search
	8. Blog Right Sidebar / .blog-right-sidebar
	9. Blog Left Sidebar / blog-left-sidebar
	13. Footer / footer

*/

.zindexup{
    z-index: 9999;
}

/*------------------------------------------------------
General
-------------------------------------------------------*/
h1 , h2 , h3 , h4 , h5 , h6{margin:0 0 15px 0;}
body{
	color:#4e4e4e;	
	font-size:13px;
	margin:0 0 0 0;
	margin:0 auto;
	line-height:22px;	
	text-align:left;
	background:#fff;
}
.ie body{line-height:normal;}
input, button{-webkit-appearance:none !important; background:transparent;}


/*------------------------------------------------------
Page Main Container
-------------------------------------------------------*/
.page-main-container{
	width:100%;
	display:inline-block;
	padding:70px 0 70px;
	line-height:22px;
	text-align:center;
	height:auto;
	min-height:325px;
	position:relative;
	margin-bottom:-5px;
	overflow:hidden;
}
.page-main-container.page-main-container-blog-full-grid{padding:50px 0 70px;}
.middle-container{
	width:1200px;
	padding:0 15px 0 15px;
	display:inline-block;
	margin:0 auto;
	text-align:left;
	position:relative;
}

/*------------------------------------------------------
Page Inner Container
-------------------------------------------------------*/
.homepage-container-design-inner{
	width:1230px;
	margin:0 auto;
}

.homepage-container-design-wide .homepage-container-design-inner{
	width:100%;
}

/*------------------------------------------------------
Nav Container
-------------------------------------------------------*/
.insperia-user-logged.navbar-fixed-top {
  top: 32px;
}

h2 .factor {
  font-size: 58px;
}

.homepage-container-design.make-it-parallax{background-attachment:fixed;}

.single-testimonial .name {
  color: #fff !important;
}

.single-testimonial .thumb img {
  margin-bottom: 0;
}

.vc_row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.vc_col-sm-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.custom-tabs .container {
  margin: 0;
  padding: 0;
  width: 100%;
}

.wpb_accordion .wpb_accordion_wrapper h3.wpb_accordion_header a {
  color: inherit;
  margin: 0;
  padding: 0;
}

.wpb_accordion .wpb_accordion_wrapper h3.wpb_accordion_header {
  background: none repeat scroll 0 0 #f5f5f5;
  border: 1px solid #ddd;
  color: #333 !important;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 1.1;
  padding: 10px 15px;
}

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_content {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #ddd;
  color: #999;
  font-size: 16px;
  margin-top: -2px;
  padding: 15px !important;
}

.mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls {
  max-width: 100%;
}

.mejs-controls div.mejs-time-rail {
  max-width: 135px;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
  max-width: 130px;
}

.post-header img{margin:0;}

.app-header {
    background-color: #fff !important;
}

body .main-nav ul li a, .main-nav ul li a {

    padding: 0 1.2em;
    border: none !important;
    font-weight: normal;
}

body .main-nav [class^="icon"][class*="-plain"]:hover{
    border: none;
    background: none;
}

body .app-header{
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;

}
body .app-header .logo img {
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;

}
body .app-header-sticky .logo img {
    max-width: 70%;
}

.search-toggle .fa {
    color: #E65F56;
    font-size: 23px !important;
} 
@media (min-width: 940px) {
  
}
@media (max-width: 1200px) {
	.homepage-container-design-inner {
	  width: 95%;
	}
}

/*------------------------------------------------------
Single Projet
-------------------------------------------------------*/
.single-projet .grey-flex .url_projet{
    text-align: center;
    margin: 35px auto 70px;
}
.single-projet .grey-flex .url_projet a{
    background-color: #fff;
    padding: 10px 20px;
}
.single-projet .grey-flex h4{
    text-transform: uppercase;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px;
    text-align: center;
    color: #fff;
    background-color: #510001;
    font-size: 27px;
}
.single-projet .grey-flex{
    padding-top: 10px;
}

.single-projet .grey-flex h4.contact_title{
    background-color: #999999;
    margin-top: 140px;
    letter-spacing: 2px;
}
.single-projet .grey-flex [class^="fa"]{
    margin-right: 13px;
    color: #c3c1c2;
    font-size: 20px;
}
.single-projet .grey-flex .chiffres-content{
    text-align: center;
    padding: 0 45px;
    color: #b60711;
    font-size: 14px;
}
.single-projet .grey-flex .chiffres-content p{
    margin: 0 0 50px;
}
.single-projet .grey-flex .chiffres-content span{
    font-size: 30px;
}
.single-projet .grey-flex .chiffres-content .chiffre{
    color: #E65F56;
    font-size: 45px;
    margin: 0px;
    font-weight: 700;
    line-height: 40px;
}
.single-projet .grey-flex .contact-content{
    padding: 0 15px;
}
.single-projet .grey-flex .contact-mail{
    color: #111111;
}

.single-projet .grey-flex .contact-content p{
    margin: 5px 0;
}
.single-projet h1, {color:#b60711;}
.single-projet h1 i, .single-projet h2 i{color: black;}
.single-projet .section-title h1 {padding: 43px 0px 0px 43px;}

.single-projet .post-content h2, .content  h3, .content h2{
    color:#000;
    text-transform: uppercase;
    padding-left: 20px;
    font-size: 22px;
    position: relative;
}


.single-projet .section header.sep{
    text-align: left;
    margin-left: 0;
}
.single-projet .section header.sep::after {content:"";}
.single-projet .section h1::before,
.single-projet h2::before, .content h3::before, .content  h2::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0px;
    width: 14px;
    height: 100%;
    background: #E65F56;
}
.single-projet .post-content h2::before, .content h3::before, .content h2::before{
    width: 8px;
    height: 90%;
    top: 2px;
    left: 0px;
}
.single-projet .flexslider {
    margin: 0;
    background: transparent;
    border: none;
}
.single-projet .flex-direction-nav a {
    color: #fff;
}
.single-projet .flex-direction-nav a::before {
    font-size: 35px;
}
.single-projet .owl-carousel {
    width: 90%;
    margin: 0px auto 50px;
}
.single-projet .testimonials-slider.owl-carousel {
    width: 100%;
    margin: 0px auto;
}
.single-projet .owl-nav .owl-next, .single-projet .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -17.5px;
    font-size: 15px;
    line-height: 35px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    font-family: vc_grid_v1;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    width: 35px;
    height: 35px;
    z-index: 9;
    color: #cacaca;
    border-radius: 50%;
    background: #f7f7f7;
    border: 1px solid #cacaca;
}
.single-projet .owl-nav .owl-next {
    right: -40px;
}
.single-projet .owl-nav .owl-prev {
    left: -40px;
}
.single-projet .owl-nav .owl-prev::before {
    content: "\e600";
}
.single-projet .owl-nav .owl-next::before {
    content: "\e601";
}
.single-projet .owl-nav .owl-prev::before, .single-projet .owl-nav .owl-next::before {
    width: 33px;
    height: 35px;
    left: 0;
    top: 0;
    color: #cacaca;
    z-index: 999;
    display: block;
    text-align: center;
    line-height: 33px;
}
.single-projet .wpb_gallery .wpb_flexslider .flex-control-nav {
    margin-top:-35px;
}
.single-projet .flex-control-paging li a,
.single-projet .flex-control-paging li a:hover,
.single-projet .flex-control-paging li a:active{
    background:#fff;
    box-shadow: none;
    color: #fff;
    border: none;
}
.single-projet .flex-control-paging li a.flex-active {
    background: transparent;
    border:1px solid #fff;
}

.single-projet .clients-slider a, .single-projet .clients-slider a:hover {
    background: transparent;
}

.single-projet .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel-heading {
    border-color: transparent;
    border: none;
}
.single-projet .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title > a {
    text-transform: uppercase;
    color: black !important;
    padding-left: 42px;
    font-size: 22px;
}
#site-content .vc_tta .vc_tta-controls-icon {
    height: 30px;
    width: 30px;
    left: 0;
}

#site-content .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before {
    border-width: 6px 0 0;
}
#site-content .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after {
    border-width: 0 0 0 6px;
}
#site-content .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before,
#site-content .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after {
    border-color: #E65F56;
}
#site-content .vc_tta-color-white.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before{display: none}
#site-content .vc_tta-color-white.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after{display: block}
#site-content .vc_tta.vc_general .vc_tta-panel-body {
    padding-left: 30px;
}
#site-content .vc_tta.vc_general {
    color: #4b4e51;
}
#site-content .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover {
    background-color: transparent;
}
.single-projet .section.primary.nexus-blog-post {
    padding-top: 0;
    background: #fff;
}
.single-projet .section.primary.testimonials {
    background-color: #E65F56;
}
.single-projet .testimonials blockquote{
    background-color: transparent;
    padding: 50px 0;
}
.single-projet .testimonials blockquote::after{
    display: none;
}
.single-projet .testimonials blockquote p::before{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAeCAQAAADj9gSfAAAA0klEQVRIx+2SOw5BQRRAB4lEJCoVjQ1oVQqF3gIkdsACJJJX2oIVaDUWoH+lBegkaoWIOPKIz3zufdNp3tzynJxkZq7BCDNkJjLHk9CUG0lE4umFQJUV2cmLfDwfNdlBROTHc1GXA0RELM9GI84QEXG8Lygx5w65kYD3RjXWuGcRSAS9F2qTemhD3Uu0wl6Gehw9tKTsJUTPMObigCuTwEUUz3jtE/3ggyqeC/d0hG9VPBtuaYi7oXg2rCg7qnj+XaVlU7wiUkSKyF8jiTgDK6J4D7dfQoie1bJ5AAAAAElFTkSuQmCC);
    left: 50px;
    top: 50px;
}
.single-projet .testimonials blockquote p::after{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAeCAQAAADj9gSfAAAAy0lEQVRIx+2SoRJBQRhG/xlDEBSiJnoB0WgUT+AFPIB8ZzRPIIpeQBdUVRU1wQgCjnDnjru7d7+rKXf/eM6cmd39jSQ6Qyw3wjPiJ3EiwqsiVaSK/DXizjIaEZ6Lptx/inheHi14i+sILwMNNiVvIrwUdTgEaE87SEQ8w+hzDtCaepCIesaEmweezAsuMo57xstDV0aFzyk8f4lO9CJ/IjwX7mhFd0N4ebiiJnZUeBl8MBOBb6TQS+GFQUlCegYc6ZYmpGdsaf6QkN4HWZdCiKCwFtwAAAAASUVORK5CYII=);
    right: 72px;
    bottom: 104px;
}
.single-projet .section.primary .nav-carousel [class*="nav-"]:hover {
    border-color: #fff;
    background: transparent;
}
.single-projet .testimonials-slider .testimonial p {
    padding: 0 5.2em;
}
.single-projet .nexus-testimonials-slider.nav-carousel .icon-round-border-lrg:hover i{
    color: #fff;
}

.single-projet.index .blog-item{
    background-color: #d2d2d2;
}
 .single-projet.index .blog-items .thumb {
    height: auto;
    width: 122px;
    display: inline-block;
    float: left;
     margin: 0;
     background: #fff;
}
.single-projet .blog-items .thumb img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    float: left;
}
.single-projet .blog-items h4{
    padding: 0 20px;
}
.single-projet .blog-item > a:hover .thumb img{
    -webkit-transform: scale(1.1) translateY(0%);
    -ms-transform: scale(1.1) translateY(0%);
    transform: scale(1.1) translateY(0%);
}
.single-projet .blog-item > a:hover h4{
    color: #000;
}
.xs-flex{
    display: flex;
    align-items: center;
}
.single-projet .section.related-posts  header.sep{
    margin-bottom: 25px !important;
}
.single-projet .section.related-posts  header.sep h3,
.single-projet .section.related-posts  .blog-items .blog-item h4 a{
    color: #575757;
}
.single-projet .section.related-posts  header.sep h3{
    font-weight: 500;
    font-size: 23px;
}

.single-projet .md-flex .col-md-9{
    padding-bottom: 40px;
}
.cryptex, .cryptex .divider {
    display: inline !important;
}
.feature-block-image{
    position: relative;
}
.feature-block-image img{
    text-align: center;
    float: left;
}

.feature-block-image .block-image-overlay{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    color: #E65F56;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
        border-top: 8px solid #E65F56;
    border-left: 8px solid #E65F56;
    border-right: 8px solid #E65F56;
    
}

.feature-block-image .block-image-overlay > span{
    position: relative;
    display: block;
    height: 100%;
}


.feature-block-image .block-image-overlay > span > span{
    position: absolute;
    display: block;
    color: #E65F56;
    right: 12px;
bottom: 6px;
}


.feature-block-image:hover .block-image-overlay{
    opacity: 1;
    visibility: visible;
}
.feature-block-image:hover img{
    opacity: 0.4;

    
}




.feature-block-wrapper.membre-block{
    border-top:none;
    cursor: pointer;
}
.feature-block-wrapper.membre-block .feature-block{
    border-top: 8px solid #E65F56;
    clear: both;
    padding: 0px 10px 20px;
    z-index: 1;
}

.feature-block-wrapper.membre-block .feature-block h4 {
    font-weight: 500;
    font-size: 1.2rem;
        margin: 0;
}
.popup-image{
    float: left;
    margin-right: 20px;
}

.feature-block{
    display: block;
}

.popup-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 93%;
    max-width: 1200px;
    max-height: 93%;
    height: auto;
    z-index: 2000;
    visibility: hidden;
    background: #FFF;
   
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
   /* @media (max-width: @screen-xs-max){
        position: absolute;
        top: 0;
    }  */
    
}
 
.popup-modal.show {
    visibility: visible;
}
 
.popup-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background-color: rgba(0,0,0,0.52);
}
 
.popup-overlay.show  {
    opacity: 1;
    visibility: visible;
}
 
.popup-content {
     color:#1c2343;
    position: relative;
    margin: 0 auto;
    padding: 7% 4% 7% 7%;
    text-align: left;
    
}

.popup-content img{
    width: 100%;
    height: auto;
    max-width: 250px;
}
.popup-content  .popup-col-right{
    padding-left: 3.5%;
}
.popup-content .popup-col-left{
    padding-right: 3.5%;
    text-align: center;
}

.popup-content-inner.scrollable{
    overflow-y: scroll;
    overflow-x: hidden;
}

 
.popup-content .close {
        text-align: center;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #E65F56;
        position: absolute;
        top: -25px;
        right: -25px;
        z-index: 9;
        cursor: pointer;
        opacity: 1;
    
}

.popup-content .close::before{
    content: '+';
    color: #fff;
    font-size: 44px;
    line-height: 45px;
    font-weight: 300;
    transform: rotate(45deg);
    position: absolute;
    text-align: center;
    top: 2px;
    left: 0;
    right: 0px;
}

.pilier{
    display: block;
}

.photo-align .vc_col-sm-3 > .vc_column-inner{
    
    padding: 10px !important;
    
}




@media (min-width:768px) {
    .flex{
        display: flex;
    }
}

@media (max-width:768px) {
    .popup-content .close {
        width: 40px;
        height: 40px;
        top: -5px;
        right: -5px;
        &::before{
            font-size: 40px;
            line-height: 40px;
        }
    }
    
    .popup-content .close::before{
            font-size: 40px;
            line-height: 40px;
        }
    }
}