@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); } 
*/

.diclaimerv3 {float: right; font-size: 11px;}
.diclaimerv3 a {color:#0868BD;  }
.grecaptcha-badge { visibility: hidden; } 

.sf-menu li { padding: 0 9px; }
.sf-menu li span { font-size: 15px; }
.sf-menu a  { font-size: 15px; }

.mod_egp_mortgage_calc .mod_egp_mortgage_calc_box { background-color: #F3F3F3; }
.mod_egp_mortgage_table_box { background-color: #F3F3F3; }

.news-page {  background-color: #FFF; border: 0px; }
.tabs li a.active { background: #f3f3f3; }

#mod_egp_tax_calc .taxe_bienvenue { background-color: #fff; }

#frm_listing { font-family: inherit; }
#frm_listing .entete {  background-color: #000; }
#frm_listing .boite {  background-color: #fff; }
#frm_listing .more_options { background-color: #FFF; border: 0px; }
#frm_listing .entete a.txt_menu { font-size: 18px; }


.pagination-tt ul li {
border: 0px;
background: none;
}

.pagination-tt ul li span
{
border: 0px!important;
background: none!important;
box-shadow: none;
font-weight: bold; 
text-decoration: underline;
}



.page-content { background: rgba(252, 255, 255, 0.9)!important; }

.plus-info {display: block; padding:10px; background:#222122; 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;}

.buyer  { min-height: 312px; background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url('../../egplocal/images/buyer.jpg') no-repeat center;     background-size:cover;   }
.seller { min-height: 312px; background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../../egplocal/images/seller.jpg') no-repeat center;    background-size:cover;  }
.trust { min-height: 312px; background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../../egplocal/images/trust.jpg') no-repeat center;    background-size:cover;  }

.calculator { margin-top:40px; min-height: 560px; background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('../../egplocal/images/calculator.jpg') no-repeat center;    background-size:cover; background-position:right;  }

.home-text-container {padding:5%; background:  rgba(0, 0, 0, 0.5); text-align:center; width:60%; margin:10% 15%;}
.home-text-container h1 {color:#fff!important; font-size:28px!important;}
.home-text-container h3 {color:#ccc!important; font-weight:light; font-size: 18px !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;}



.egplisting.carousel .prix, .egplisting.liste .prix, .egplisting.bloc .prix {
	color: #222122;
}
  
span.courtier_phone { margin-right: 4px;  font-size: 13px; }
.courtier_email a, .courtier_email i { font-size: 13px; }

.toggle-content { 	height: auto !important; }
.toggle-content li {margin-bottom:20px;}
.toggle-content li strong {text-transform:uppercase;} 

.accordion-head, .toggle-head {  color: #df1f34; text-transform:uppercase; }


h1 { color: #000!important; font-size:36px!important; line-height:38px;}
h2 {font-size: 28px!important; color: #222122; line-height:30px!important; }
h3 {font-size: 20px!important; color:#8C8989;  }

a   {  color: #716f6f; }
a:hover{   color: #ccc; } 

p {font-family: "Poppins","sans-serif"; }

/**Main-menu**/
.headdown {  background:#000 ;  border:0px; } 
  
/******BEGIN TOP BAR******/ 

.topbanner {  background-color:  #fff ; } 
.courtier_email a, .courtier_email i { color: #222122!important;}
 div.mod-languages a { color: #222122; }
span.courtier_phone { color: #222122; }
.contact {color: #222122!important; }

/******END TOP BAR******/ 


.extrabox { background-color: #222122; } 
 .arrow-down { border-top: 22px solid #222122;}  
.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;}
 

.testimonial  {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: "Poppins","sans-serif"; font-size:13px; line-height:22px;   list-style: square; margin-left:30px; margin-bottom:20px;}

.clear{height:30px;} 
 
.contact {  color: #fff; }
 


.slides, .flex-control-nav, .flex-direction-nav {
  display: none; 
}

 


 /*******HOME PAGE BOXES*******/

.home-box {
  -webkit-box-shadow: 0 8px 6px -6px #ccc;
	   -moz-box-shadow: 0 8px 6px -6px #ccc;
	        box-shadow: 0 8px 6px -6px #ccc;
  padding: 5px 15px 15px 15px ;
  min-height:335px;

}
.home-box {
  -webkit-transition:all 500ms ease-out 1s;
    -moz-transition: all 500ms ease-out 1s;
    -o-transition: all 500ms ease-out 1s;
    transition: all 500ms ease-out 1s;
  
}
.home-box p { font-size:11px; min-height:70px;}
.home-box  h1 {margin-bottom:30px;}
.home-box  h2 {margin-bottom:30px;  }
/*.home-box {margin-bottom:10px;  }  */
.home-box a {  color:#606060; display:block; font-size:12px; }
.home-box img {width:99%; margin:0 auto; display:block; padding-top:10px;  padding-bottom:10px; }

.home-box img:hover {
    filter: grayscale(100%);
  -moz-filter:grayscale(1);
  -webkit-filter:grayscale(1);  
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
   filter: alpha(opacity=90);
}

 

/******PROFILE PAGE***********/

.profile_courtier {/*font-size: 16px; line-height:22px;*/ padding:25px;    }
.profile_courtier p { /* font-size: 16px; line-height:22px; */    }
.profile_courtier p span {float:right; border-bottom: 1px #d7d7d7 dotted; /*display:inline-block;*/ padding-left:50%; color:#e31e3b; font-style:italic;}
 


.profile_courtier img {  float:right; margin-left:35px; margin-bottom:15px; max-width: 300px; }
.profile_courtier:after {
     
     clear: both;
     height: 0px;
     content: "";
     display: table;
    }

.profile_courtier ul  {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:19px; color: #191919; list-style: square; margin-left:30px; margin-bottom:20px;}




/****** Begin Team page************/



ul#courtiers .courtierinfo_nom {  font-size: 16px; }

ul#courtiers .courtierinfo_courriel {
  font-size: 13px;
  margin-top: 2px;
}

ul#courtiers .courtierinfo_proprietes {
  font-size: 13px;
  margin-top: 2px;
}

ul#courtiers .courtierinfo_siteweb {
   font-size: 13px;
  margin-top: 2px; 
}


.courtierinfo_telephone {
  font-size: 13px;
  margin-bottom: 12px;
}

.icon-mobile-phone::before {   margin-left: 10px; }

/****** End Team page************/



 /****** CUSTOM SLIDER ***********/

.fullwidthbanner-container {
  max-height: 500px !important; 
  height: 500px ;
 /*  background: rgba(203, 204, 204, 0.35) ; */
  background: rgba(252, 255, 255, 0.8);
    
}

/*
#slider  { height:  500px ; }
.sliderr { height:  500px !important;   }
*/
 
/******* RESPONSIVE STUFF *************/
 
  /*
@media only screen and (max-width: 1800px) {
   .fullwidthbanner-container {  max-height: 450px !important;  height: 450px;  }
  #slider  { height: 450px; display:block; }
  .sliderr { height: 450px!important;  }

}
 
 

@media only screen and (max-width: 1600px) {
   .fullwidthbanner-container {  max-height: 400px !important;  height:400px;  }
  #slider  { height: 400px; display:block; }
  .sliderr { height: 400px!important;  }

}



@media only screen and (max-width: 1420px) {
   

  .fullwidthbanner-container {  max-height: 350px !important;  height: 350px;  }
   #slider  { height: 350px; display:block; }
  .sliderr { height: 350px!important;  }
 
}
 */
@media only screen and (max-width: 1215px) {
	
	/* 
  .fullwidthbanner-container {  max-height: 300px !important;  height: 300px;    }
   #slider  { height: 300px; display:block; }
  .sliderr { height: 300px!important;  }
   #slider .revolution {display:block;}
  */
  .home-block a {  font-size:15px;}
   .row { padding: 0 15px; }
  .item-page {padding:25px;}
   
  
}

@media only screen and (max-width: 1000px) {
 
  /*
  .fullwidthbanner-container {  max-height: 225px !important;  height: 225px;    }
  #slider  { height: 225px; display:block ; }
  .sliderr { height: 225px!important; display:block ;  }
   #slider .revolution {display:block ;}
   */
  
   .info-top-div {  font-size: 12px; }  
    
}

 
@media only screen and (max-width: 800px) {

   /*
  .fullwidthbanner-container {  max-height: 175px !important;    height: 175px;  }
  #slider  { height: 175px ; display:block; }
  .sliderr { height: 175px!important; display:block;   }
   #slider .revolution {display:block;}
  */
}

 

@media only screen and (max-width: 600px) 
  {
  /*
   .fullwidthbanner-container {  max-height: 125px !important;    height: 125px;  }
   #slider  { height: 125px ; display:block; }
   .sliderr { height: 125px!important; display:block;   }
   #slider .revolution {display:block;}
    */
   
   .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 0px; }
   .layout-properties .medias {padding:5px!important;}
   .container {  padding-left:  5px!important; padding-right: 5px!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 ; }
    
    
    /*
     .fullwidthbanner-container {  max-height: 100px !important;    height: 100px;  }
   #slider  { height: 100px ; display:block; }
   .sliderr { height: 100px!important; display:block;   }
   #slider .revolution {display:block;}
    */
}



 


/******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;}
 
.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:0px!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: 420px) 
  { 
   .egplisting_wrapper {  width: 312px; margin: 0 auto; }
    .listing-carousel {margin-left:0px!important;}
}

/*******END CAROUSSEL*******/
 
/*****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;}
 
@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*******/




/****** CUSTOM SLIDER ***********/

#slider { background: #fff;  }
@media only screen and (max-width: 1177px) 
{
    #slider { display: block!important;}
}

   
.fullwidthbanner-container {
  max-height: 650px !important; 
  height: 650px ; 
  background: rgba(252, 255, 255, 1);
    
}
#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;}
} 

  

