@charset "utf-8";
/* CSS LOCAL EGP pour changer le look des sites CUSTOM */
 
/*
#header { position: relative; z-index: 2;}
*/



/*******begin-buyer-seller-block******/

.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;}

.plus-info {display: block; padding:10px; background: #ec1c2c /*#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;}
 
 /*******end-buyer-seller-block******/
 
 
.custom-top-width {max-width:1200px!important;}
.custom-footer-width {max-width:1200px!important;}


.vendues {margin-bottom:30px;}
.vendues h2 {text-transform:uppercase; padding:14px; display:inline; /*opacity: 0.7;  filter: alpha(opacity=70); */ background: rgba(255, 0, 0, 0.6); color:#fff; position:absolute; bottom:65px; font-size:20px!important; }
.vendues img {position:relative;}
.vendues p {
	/*line-height: 20px;
	margin-top: 5px;
  */
	color: #fff;
	display: inline;
	position: absolute;
	bottom: 40px;
	padding: 5px 10px;
	background: rgba(0, 62, 165, 0.7);
}

#inscription_boite_droite {display:none!important;}
#egp_display_map {	display: none !important;}
.arrow-down {	display: none !important;} 
.extrabox { display: none !important;}


.custom-mobile-slider {display:none;}


.custom-contact-container {
  position: relative;
  float:left;
  height:99%;
  min-height:565px; 
 
}

.custom-contact {
   position: absolute;
  bottom: 0;
    /* margin-top:100px; */
}

.custom-contact img {}


.temoignages { padding: 20px; background: url('../../egplocal/images/quotes.png') no-repeat right top;}
.temoignages p {font-style:italic; margin-bottom:20px;}
.temoignages strong { color: #456d7f; }

hr {   border: 0; height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgb(69, 109, 127,1), rgba(0,0,0,0));
  background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgb(69, 109, 127,1), rgba(0,0,0,0));
  background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgb(69, 109, 127,1), rgba(0,0,0,0));
  background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgb(69, 109, 127,1), rgba(0,0,0,0));
  margin-bottom:20px; }




/***MENU***/
.headdown { background:#282828;  border-top: #FFF 1px solid; border-bottom:#FFF 1px solid;}
.sf-menu a {    font-size: 14px; }
.sf-menu li span {font-size: 14px; } 

/****TOPBAR***/
.quick_contact_agence_name {color:#FFF!important;}
.topbanner { background-color:#000; }

p {margin-bottom:15px;}

a {color:#d20d1a;}
.inscription_entete .prix, .egplisting.carousel .prix, .egplisting.liste .prix, .egplisting.bloc .prix {color:#d20d1a;}

.page-content {background: rgba(252, 255, 255, 1);}
.item-page {background:#fff; border:0px;}
.item-pageinscription-page {background:#fff; border:0px; }
.egp-box {border:0px!important;}
.clear{height:30px;} 

.head {background-image:none!important; background-color: #fff!important;}

.arrow-down {  border-top: 22px solid #000; }
.extrabox { background: #282828;}

h1 { color: #061F48!important; font-size:35px!important; line-height:37px;}
h2 {font-size: 26px; color:#d20d1a;  }
h3 {font-size: 19px; color:#999;}
.col-title {  color: #4A4949;}
.info-title {line-height:30px;}

.special {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:20px;   list-style: square; margin-left:30px; margin-bottom:20px;}


.formResponsive .formHorizontal .formControlLabel {text-align: left; font-family: Arial, Helvetica, sans-serif   ;}

.testimonial {width:94%;}
.testimonial-name {margin-bottom:30px; color: #021a2e;}

/*
.preve { left: -3px;}
.nexte { right: -3px;}
.egplisting.carousel li { margin-left: 20px;}
*/

/*** FOOTER*****/
#footer {border:0px;}
.inner-footer { 
  background-image:none!important;
  background-color: #000!important; 
}

.footer-menu li {line-height:20px;}

.egp-box-sm {
 /*background-color: #d0d0d0; */
  border-color: #eceaeb;
  border-style: solid;
  border-width: 0px;
  min-height: 343px;
 /* min-width: 317px;*/
  padding: 10px 7px 0;
}

.footer-last {
  background:  #151515;
  border:0px;
}

.courtier_email a, .courtier_email i, .courtier_site a, .courtier_site i  {
    color: #fff;
}


 

 
 /*******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:#e41c38; 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: 13px; line-height:22px;    }
.profile_courtier p { font-size: 13px; line-height:20px;    }
.profile_courtier img {  float:right; margin-left:35px; margin-bottom:15px; max-width:350px;}
.profile_courtier:after {
     
     clear: both;
     height: 0px;
     content: "";
     display: table;
    }



/******************* 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: 1000px) 
 { 
   
   .row { padding: 0 10px; }
} 
 
@media only screen and (max-width: 600px) 
  { 
   
    .item-page {padding:25px 15px;} 
    .action-simple {  padding: 25px 15px;} 
} 

@media only screen and (max-width: 515px) 
  { 
   .info-top-div {  font-size: 12px; }
    div.mod-languages a {font-size:12px;} 
    
    span.courtier_phone, span.courtier_phone:hover, span.courtier_phone:visited,  span.courtier_phone:focus {color:#fff!important; text-decoration:none!important; }
   
    .action-simple {  padding: 0; }
    .egp-box { padding: 20px 10px; } 
    
    .egp-box ul li { 
        font-size: 12px;
        line-height: 18px; 
      }
    
}


@media only screen and (max-width: 415px) 
  {

.item-page {   border: 0px ;  padding: 30px 5px; }
   
}

 



/****** CUSTOM SLIDER ***********/

/*
.fullwidthbanner-container {
  max-height: 650px !important; 
  height: 650px ;
   background-color: rgba(0,0,0, 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;} 
  .home-block a {  font-size:15px;} 
}

@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) 
  { 
    #slider  { height: 100% ; display:block; }
     .sliderr { height: 200px!important; display:none!important;   }
    .fullwidthbanner-container {  max-height: 200px !important;    height: 200px;  display:none!important;   } 
    #slider .revolution {display:none!important;} 
}

*/
 

@media only screen and (max-width: 800px) { 
    .social-head-top {  margin-right: 0px;  margin-top: -24px;       } 
   .mod-languages {   margin-right: 32px; }
}  

@media only screen and (max-width: 600px) 
  {  
   .head { height: 160px!important; padding:0px;} 
   .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 ; } 
    
   .custom-mobile-slider {display:block!important;} 
}


/****** 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;}
} 

  

/******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;}
  .row { padding: 0 15px;}
}
 
 
@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; }
} 

/*******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: 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*******/

