@charset "utf-8";
/* CSS LOCAL EGP pour changer le look des sites CUSTOM */
 
/*
body { background-image: url('/images/main-bg.jpg'); }
.head {   background: url('/images/header-bg.png') repeat-x scroll center top rgba(0, 0, 0, 0); } 
.inner-footer { background: url('/images/inner-footer-bg.png') no-repeat scroll center bottom rgba(0, 0, 0, 0);}
*/

.sf-menu li { padding: 0 13px; }


.custom-footer-logo { margin: 0 auto; max-width: 250px;}
.custom-footer-address {text-align:center;}
#footer .social_width a { width: 50px;	font-size: 24px;  margin: 0 5px; }
#footer .social_width {margin:0 auto; max-width:60px; margin-top:20px; }

.icon-facebook { background-color: #000!important;}
.icon-twitter { background-color: #000!important}
.icon-instagram { background-color: #000!important;}


/**************************/

#courtiers .courtierinfo_nom { font-size: 18px; text-transform:uppercase; color:#000; margin-top:20px;  } 
#courtiers .courtierinfo_courriel { font-size: 13px; margin-top: 2px; color:#6C6A6A; } 
#courtiers .courtierinfo_courriel a {color:#6C6A6A; }
#courtiers .courtierinfo_proprietes { font-size: 13px; margin-top: 2px; margin-bottom:50px; color:#6C6A6A; } 
#courtiers .courtierinfo_proprietes a {color:#6C6A6A; }
#courtiers .courtierinfo_siteweb { font-size: 13px;  margin-top: 2px; color:#6C6A6A;  }
#courtiers .courtierinfo_siteweb a {color:#6C6A6A!important; }
#courtiers .courtierinfo_certificat_type {  text-transform: none;  color:#000; }
.courtierinfo_telephone { font-size: 13px; margin-bottom: 12px;  color:#000; }
.courtierinfo_fax { font-size: 13px;  }
.courtierinfo_societe_nom { color:#000; }

/**************************/

.retour a { 
	color: #3b7db7;
}



.icon-mobile-phone::before { 
  margin-left: 10px;
}


/*************/
 
.mod-languages { 
	background: #393838 ;
	padding: 1px;
}

 #header a[href^="tel"] {
  color: #fff;  
  text-decoration: none;  
}

body {
	background-image: url("../../egplocal/images/main-bg.jpg") !important;
}


.buyer  { 
        background: url("../../egplocal/images/buyer.jpg") no-repeat center; 
       -o-background-size: cover;
       -moz-background-size: cover;
       -webkit-background-size:cover;
        background-size: cover; 
}
 
.seller  { 
        background: url("../../egplocal/images/seller.jpg") no-repeat center; 
       -o-background-size: cover;
       -moz-background-size: cover;
       -webkit-background-size:cover;
        background-size: cover; 
}

.home-text-container {/*padding:5%;*/ padding:20% 10%; background: rgba(0, 0, 0, 0.6); text-align:center; width:80%;  /* width:60%; margin:10% 15%; */}
.home-text-container h1 {color:#fff!important;}
.home-text-container h3 {color:#ccc!important; font-weight:light;}
.extrabox { display: none !important;}

.plus-info {display: block; padding:10px; background:#000; color:#fff; margin:0 auto; text-transform:uppercase; margin-top:20px; margin-bottom:20px; font-size:18px; text-align:center; max-width:280px; letter-spacing:1px;}

.custom-top-width {max-width:1200px!important;}
.custom-footer-width {max-width:1200px!important;}


/****************BEGIN FIX 2018**********************/

.inner-footer  {background-image:none!important;}

#inscription_boite_droite {display:none!important;}
#egp_display_map {	display: none !important;}
.arrow-down {	display: none !important;}

.testimonial {width:92%; padding-left:4%; padding-right:4%}
.testimonial-date { margin-bottom: 20px;}
.testimonial-name {color:#000; font-weight:bold;}
.testimonial-title {color:#000;}
  

/****************END FIX 2018**********************/

 
/*
span.courtier_phone { margin-right: 4px;  font-size: 13px; }
.courtier_email a, .courtier_email i { font-size: 13px; }
*/
span.courtier_phone a {color:#054583;}
 
.page-content {background: rgba(252, 255, 255, 0.85);}

h1 { color: #000!important; font-size:36px!important; line-height:38px!important;}
h2 {font-size: 28px!important; color: #393838; line-height:30px!important; }
h3 {font-size: 20px!important; color:#8C8989;  }

.item-page a   {  color:  #393838; }
.item-page a:hover { color: #ccc; } 

/**Main-menu**/
.headdown { border:0px; background: #000  /* #002a5c */ ;} 
  
.topbanner { background-color:#fff; color:#393838; } 
.contact {  color: #393838; } 
.extrabox {  display:none;  } 
.arrow-down { border-top: 22px solid #222122;}  
.item-page {position:relative; background:#fff; border: 0px;}  

#footer { background-color: #000; border: 0px;   }
#footer .animated { animation:none!important; }
.inner-footer {   background-image: none!important ;  }  
 .footer-last { background: #393838;	border: 0px;} 

.testimonial  {width:92%; padding-left:4%; padding-right:4%; font-family: Arial, Helvetica, sans-serif!important; font-style:italic; }
.testimonial-title {color: #273878;  }
.testimonial-date { margin-bottom:30px; }
.testimonial-name {
  color: #262525;  
  font-weight: bold;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
}
  
.special {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:20px;   list-style: square; margin-left:30px; margin-bottom:20px;} 
.clear{height:30px;}  

.slides, .flex-control-nav, .flex-direction-nav {
  display: none; 
}

/******* RESPONSIVE STUFF *************/
   
@media only screen and (max-width: 1215px) {  
  .home-block a {  font-size:15px;} 
  .row { padding: 0 15px; }
  .item-page {padding:25px;}
}

@media only screen and (max-width: 1177px) 
  {
    #slider { display: block!important;}
 }

@media only screen and (max-width: 1000px) 
 { 
   .row { padding: 0 10px; }  
   .info-top-div {  font-size: 12px; }   
   .social-head-top {margin-right:5px;}
} 

@media only screen and (max-width: 768px) {
  
  .headdown { height: 46px; } 
}

@media only screen and (max-width: 600px) 
  { 
   .info-top-div {  font-size: 11px; }
    div.mod-languages a    {  font-size: 11px; } 
    .item-page {padding:25px 15px;} 
    .action-simple {  padding: 25px 15px;} 
    
    .item-pageinscription-page {padding:10px!important;}
} 

@media only screen and (max-width: 500px) 
  { 
    .head { height: 160px!important;} 
    .inner-head { height: 160px!important;}     
     #custom-egp-header-banner {  background: rgba(0, 0, 0, 0) url("../../egplocal/images/header-mobile.jpg") no-repeat scroll 100% center / cover!important ; } 
 
    /* .social-head-top {  margin-right: 55px; margin-top: -25px; } */
    
    
}
  

/****** CUSTOM SLIDER ***********/
  
.fullwidthbanner-container {
  max-height: 650px !important; 
  height: 650px ;  
   background: rgba(255, 255, 255, 0.95);  
    
}
#slider  { height:  650px ; }
.sliderr { height:  650px !important; }
 
@media only screen and (max-width: 1800px) {
   .fullwidthbanner-container {  max-height: 550px !important;  height: 550px;  }
  #slider  { height: 550px; display:block; }
  .sliderr { height: 550px!important;  }

}
  
@media only screen and (max-width: 1600px) {
   .fullwidthbanner-container {  max-height: 500px !important;  height:500px;  }
  #slider  { height: 500px; display:block; }
  .sliderr { height: 500px!important;  }
}
 
@media only screen and (max-width: 1420px) {
   
  .fullwidthbanner-container {  max-height: 450px !important;  height: 450px;  }
   #slider  { height: 450px; display:block; }
  .sliderr { height: 450px!important;  }
}

@media only screen and (max-width: 1215px) {
	
  .fullwidthbanner-container {  max-height: 375px !important;  height: 375px;    }
   #slider  { height: 375px; display:block; }
  .sliderr { height: 375px!important;  }
   #slider .revolution {display:block;}
   
}

@media only screen and (max-width: 1000px) {
  
  .fullwidthbanner-container {  max-height: 300px !important;  height: 300px;    }
  #slider  { height: 300px; display:block ; }
  .sliderr { height: 300px!important; display:block ;  }
   #slider .revolution {display:block ;} 
} 
 
@media only screen and (max-width: 800px) {
 
  .fullwidthbanner-container {  max-height: 225px !important;    height: 225px;  }
  #slider  { height: 225px ; display:block; }
  .sliderr { height: 225px!important; display:block;   }
   #slider .revolution {display:block;}
} 

@media only screen and (max-width: 600px) 
  { 
   .fullwidthbanner-container {  max-height: 200px !important;    height:200px;  }
   #slider  { height: 200px ; display:block; }
   .sliderr { height: 200px!important; display:block;   }
   #slider .revolution {display:block;} 
} 

@media only screen and (max-width: 500px) 
  { 
    .fullwidthbanner-container {  max-height: 160px !important;    height: 160px;  }
    #slider  { height: 130px ; display:block; }
   .sliderr { height: 160px!important; display:block;   }
   #slider .revolution {display:block;}
} 


/*****BEGIN BLOCK PROPERTIES*******/

.egplisting.bloc li { width:378px; max-width:428px; height:400px; margin-right:10px; margin-left:10px; background: #e7e7e7; border-radius: 0px;  padding: 10px 1px 10px 1px;}  
.egplisting.bloc .image img {width: 378px; height: 252px; border-radius: 0; } 
.egplisting.bloc .prix , .egplisting.bloc .ville , .egplisting.bloc .genre , .egplisting.bloc .mls {margin-left:10px;}
.egplisting.bloc .adresse_inscription { display: block; margin-left:10px; }
.egplisting.bloc .ville {font-weight:bold;}
.egplisting.bloc .adresse_inscription { display: block; margin-left:10px; }
 
@media only screen and (max-width: 1400px) 
  {  
    .egplisting.bloc .image img {width: 365px; height: 244px;}
    .egplisting.bloc li {max-width:380px; width:365px;  height:390px; margin-right:4px; margin-left:4px; margin-bottom:20px;} 
  } 

@media only screen and (max-width: 1300px) 
  {  
    .egplisting.bloc .image img {width: 340px; height: 228px;}
    .egplisting.bloc li {max-width:360px; width:340px;  height:390px; margin-right:4px; margin-left:4px; margin-bottom:20px;} 
  } 


@media only screen and (max-width: 1200px) 
  {  
    .egplisting.bloc .image img {width: 320px; height: 214px;}
    .egplisting.bloc li {max-width:340px; width:320px;  height:380px; margin-right:4px; margin-left:4px; margin-bottom:20px;} 
  } 

@media only screen and (max-width: 1100px) 
  {  
    .egplisting.bloc .image img {width: 290px; height: 194px;}
    .egplisting.bloc li {max-width:310px; width:290px;  height:360px; margin-right:3px; margin-left:3px; margin-bottom:20px;}  
  }
 
@media only screen and (max-width: 800px) 
  { 
     .egplisting.bloc .image img {width: 270px; height: 181px;}
     .egplisting.bloc li {max-width:290px; width:270px;  height:340px; }  
   }
 
@media only screen and (max-width: 650px) 
  { 
     #egplisting { margin: 0 auto; width: 320px; }  
    
     .egplisting.bloc .image img {width: 320px; height: 214px;}
    .egplisting.bloc li {max-width:340px; width:320px;  height:380px; margin-right:4px; margin-left:-4px; margin-bottom:20px;} 
   }



/*****END BLOCK PROPERTIES*******/





/******BEGIN CAROUSSEL************/
.listing-carousel {
	max-width: 1740px;
    width: 90%!important;
}
 
.preve { left: 30px;}
.nexte { right: 30px;}
.egplisting.carousel li { 
  margin-left: 2px;
  margin-right: 5px!important;
  background: #e7e7e7;
  border: 0px;
  border-radius: 0px;
  padding: 10px 1px 10px 1px;
}

.egplisting.carousel .image img { 
    width: 380px;
    height: 255px; 
     border-radius: 0; 
} 

.egplisting.carousel .prix, .egplisting.liste .prix, .egplisting.bloc .prix {  color: #002d6f; } 
.egplisting.carousel .prix , .egplisting.carousel .ville , .egplisting.carousel .genre , .egplisting.carousel .mls {margin-left:10px;}
.egplisting.carousel .adresse_inscription { display: block; margin-left:10px; }

.preve { left: 30px;}
.nexte { right: 30px;}


#testimonials .flex-direction-nav a i {
	font-size: 28px;
	color: #fff !important;
} 
 
@media only screen and (max-width: 1215px) { 
  .listing-carousel {
	max-width: 780px!important;
	overflow: hidden !important;  
   } 
 }
 
@media only screen and (max-width: 632px) 
{ 
  .listing-carousel {max-width: 410px !important;}
}
 
 
@media only screen and (max-width: 500px) 
  { 
    .listing-carousel {max-width: 340px!important; margin-left:15px!important;  width: 307px!important;  height: 400px!important;  }  
    .egplisting.carousel .image img {width: 300px!important; height: 201px!important;}
    .egplisting.carousel li {max-width:320px!important; width:300px!important;  height:360px!important; margin-right:5px; margin-left:5px; margin-bottom:20px;}
} 


@media only screen and (max-width: 430px) 
  { 
   .egplisting_wrapper {  width: 312px; margin: 0 auto; }
    .listing-carousel {margin-left:0px!important;}
}

/*******END CAROUSSEL*******/