@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);}
*/


#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; }



.courtiers_tri { display: none;}

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

.frm_listing_contenu { display: none!important;}

.visitprop {display: block; padding:15px; background:#000 /* #93489a*/; color:#fff; margin:0 auto; text-transform:uppercase; margin-top:10px; margin-bottom:20px; font-size:30px; line-height:35px; text-align:center; max-width:420px; letter-spacing:1px;}

.prix {color:#93489a!important;
}
 
.mod-languages { 
	background: #000;
	padding: 3px 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; 
}

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

.refinance  { 
        background: url("../../egplocal/images/refinance.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:10% 10%; background: #93489a /* rgba(0, 0, 0, 0.6) */ ; text-align:center; width:80%;  /* width:60%; margin:10% 15%; */ transition-timing-function: ease-in; transition-duration: 500ms; min-height:194px;}
/* .home-text-container:hover {background: rgba(0, 0, 0, 0.78);} */
.home-text-container h1 { color: #fff !important; font-size: 26px !important; line-height:30px; text-transform: uppercase; min-height:42px;}
.home-text-container h3 {color:#ccc!important; font-weight:light; font-size:18px!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;}
.plus-info:hover {background:#222;}

.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;}
.extrabox   {	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:#fff;}
 
.page-content {background: rgba(252, 255, 255, 0.85);}

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

a   {  color: #df1f34; }
a:hover{   color: #ccc; } 

/**Main-menu**/
.headdown { background:#070707 ;  border:0px; }
  
.topbanner { background-color: #93489a /* #fe9d23 */; }  
.item-page {position:relative; background:#fff; border: 0px;}  

#footer { background-color: #222122; border: 0px;   }
#footer .animated { animation:none!important; }
.inner-footer {   background-image: none!important ;  }  
 .footer-last { background: #000;	border: 0px;}
 
  
.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;}  
.contact {  color: #fff; } 
.slides, .flex-control-nav, .flex-direction-nav {
 /*  display: none; */
  display:block;
}


.social-head-top {  margin-right: 2px;}


/******* RESPONSIVE STUFF *************/
  

@media only screen and (max-width: 1450px) {   
   .row {padding:0 20px;}   
  
}


@media only screen and (max-width: 1350px) {  
  .home-block a {  font-size:15px;} 
   .row {padding:0 15px;}  
  .item-page { padding: 40px 20px;}
   
 
  .home-text-container h3 { font-size: 16px !important; }
  
}

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

@media only screen and (max-width: 1000px) 
 { 
   .info-top-div {  font-size: 12px; }  
    /*.row { padding: 0 10px; } */
} 

@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 25px;} 
    .action-simple {  padding: 25px 25px;} 
    
    .item-pageinscription-page {padding:10px!important;}
    .home-text-container { min-height: auto; }
} 

@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; } */
    
    .egp-mod {margin-left:0px;}
    .egp-box ul {margin-left:0px;}
}


@media only screen and (max-width: 400px) 
  { 
    .social-head-top { margin-top:  30px!important; margin-right: -27px;} 
     
  }

@media only screen and (max-width: 358px) 
  { 
    .social-head-top { /* margin-top:  15px!important; */ } 
  }

 

/*****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: 1300px) 
  {  
    .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: 500px) 
  { 
     #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; }
} 



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




 


.fullwidthbanner-container {
  max-height: 700px !important; 
  height: 700px ; 
  background: #fff; 
}

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

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

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

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

@media only screen and (max-width: 600px) 
  { 
   .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: 500px) 
  {     
     .fullwidthbanner-container {  max-height: 175px !important;    height: 175px;  }
      #slider  { height: 175px ; display:block; }
      .sliderr { height: 175px!important; display:block;   }
       #slider .revolution {display:block;}
}