@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);}
*/
 
.diclaimerv3 {float: right; font-size: 11px;}
.diclaimerv3 a {color:#0868BD;  }
.grecaptcha-badge { visibility: hidden; } 
  
.slogan {font-size:35px; line-height:42px; text-align:center;}

.action-simple { border-bottom: 0px ; }

.egp-box {border:0px;}

.mod-languages { 
	background: #00438d ;
	padding: 2px;
}

.social-head-top { margin-right: 5px; }

 #header a[href^="tel"] {
  color: #08255b;  
  text-decoration: none;  
}
 
body {
	/* background-image: url("../../egplocal/images/main-bg.jpg") !important; */
      background: rgba(252, 255, 255, 0.85)!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; 
}

.temo  { 
        background: url("../../egplocal/images/temo.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;}

.plus-info {display: block; padding:10px; background: #000 /*#f52940*/; 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**********************/

#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 { }
.testimonial-name {color:#08255b; font-weight:bold; margin-bottom: 20px;}
.testimonial-title {color:#08255b;} 

/****************END FIX 2018**********************/

 
.page-content {/* background: rgba(252, 255, 255, 0.85); */}

h1 { color: #00438d!important; font-size:36px!important; line-height:38px!important;}
h2 {font-size: 28px!important; color: #e51837; line-height:30px!important; }
h3 {font-size: 20px!important; color:#8C8989;  }



a   {  color: #d9031f; }
a:hover{   color: #ccc; } 

/**Main-menu**/
.headdown { border:0px; background: #1c1c1c /* #506A85 */ ;} 
  
/** tob bar **/
.topbanner { background-color:#fff /* #08255b*/ ; }  
.courtier_email a, .courtier_email i { color: #00438d!important;}
span.courtier_phone { color: #00438d; }
span.courtier_mobile { color: #00438d; }
span.courtier_phone a {color:#00438d;}
 
.item-page {position:relative; background:#fff; border: 0px;}  

.head {background-image:none!important; background-color:  #fff!important;}

#footer { background-color:#1c1c1c  ; 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; 
}

/******* 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) 
 { 
   .info-top-div {  font-size: 12px; }   
   .row { padding: 0 10px; }
   .slogan {font-size:25px; line-height:32px; }
  
   
} 

@media only screen and (max-width: 768px) {
  
  /* .headdown { height: 46px; } */
   .social-head-top {  margin-right: 36px; margin-top: -29px; }  
   .head { padding: 0px; }
}

@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;}
     .slogan {font-size:20px; line-height:27px; }
} 

@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 ; }   
}



/******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;}
} 

/*******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;}
.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*******/



/****** 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;}
} 


