.hero-index{position:relative;width:100%;height:100vh;color:#fff;text-align:center;-webkit-background-size:cover;background-size:cover}.hero-index .title-hero-index{position:absolute;top:calc(50% - 30px);left:0;width:100%;text-align:center}.hero-index .title-hero-index h1{position:relative;margin-bottom:25px;font-size:35px;line-height:45px;text-shadow:0 0 8px rgba(0,0,0,0.25);z-index:2}.hero-index .title-hero-index .btn{z-index:1}.hero-index .filter-search{position:absolute;bottom:0;width:100%;height:130px;background:rgba(0,0,0,0.25)}.hero-index .filter-search .search{position:relative;margin:0 auto;padding:40px 0;width:90%;height:auto;max-width:1020px;box-sizing:border-box;z-index:2}.hero-index .filter-search .search div{position:relative;width:100%;height:50px;background:#fff;box-shadow:0px 4px 8px rgba(0,0,0,0.1)}.hero-index .filter-search .search div form{display:flex}.hero-index .filter-search .search div input,.hero-index .filter-search .search div select,.hero-index .filter-search .search div div{position:relative;width:calc(20% - 1px);height:50px;line-height:20px;text-align:left;box-sizing:border-box;-webkit-appearance:none}.hero-index .filter-search .search div input div,.hero-index .filter-search .search div select div,.hero-index .filter-search .search div div div{width:100%}.hero-index .filter-search .search div div{box-shadow:none}.hero-index .filter-search .search div div input[type="text"]{position:relative;padding:0 15px;width:calc(100% - 20px);font-size:16px;border:none;-webkit-appearance:none}.hero-index .filter-search .search div div span{display:block;position:absolute;top:16px;right:0px;width:20px;float:right;font-size:18px;color:#222933}.hero-index .filter-search .search div input[type="submit"]{position:relative;width:calc(20% + 4px);text-align:center;font-size:16px;font-weight:bold;color:#fff;background:#1987ce;border:none;cursor:pointer;transition:all .3s;-webkit-appearance:none}.hero-index .filter-search .search div input[type="submit"]:hover{background:#249eec}.hero-index .filter-search .search div .border,.hero-index .filter-search .search div .select{border-right:1px solid #DDD}#discover{background:#fff}#who-we-are{background:url(../img/backgrounds/courcelles-immobilier-bg2.jpg) no-repeat center;-webkit-background-size:cover;background-size:cover}#who-we-are .filter{position:absolute;top:0;left:0;width:100%;height:100%;background:#222933;opacity:0.7}#who-we-are .title-section{margin:50px 0}#who-we-are .title-section h2{color:#fff;text-shadow:0 0 8px rgba(0,0,0,0.25)}#who-we-are .title-section p{position:relative;margin:30px auto;max-width:700px;font-size:16px;line-height:21px;color:#fff;text-shadow:0 0 8px rgba(0,0,0,0.35)}.announces-index{display:none}.announces-index:first-child,.announces-index:nth-child(2),.announces-index:nth-child(3){display:block}#advantages{padding:130px 0}#advantages ul{position:relative;width:100%}#advantages ul li{position:relative;display:block;width:calc(33.33% - 30px);margin:0 15px;text-align:center}#advantages ul li img{display:block;position:relative;margin:0 auto 30px auto;width:90px}#advantages ul li span{position:relative;margin-bottom:20px;display:block;font-size:18px;font-weight:bold}#advantages ul li p{font-size:16px;line-height:20px;opacity:0.65}@media (max-width: 1100px){#contact .contact-block .contact-block-left,#contact .contact-block .contact-block-right{padding:60px 40px}#contact .contact-block .contact-block-left h1,#contact .contact-block .contact-block-left h2,#contact .contact-block .contact-block-right h1,#contact .contact-block .contact-block-right h2{font-size:20px;line-height:26px}}@media (max-width: 1100px){section .title-section h2{font-size:27px;line-height:36px}.hero-index{height:calc(100vh + 200px)}.hero-index .title-hero-index{top:calc(50% - 90px)}.hero-index .title-hero-index h1{font-size:27px;line-height:36px}.hero-index .filter-search{height:260px;width:100%;max-width:inherit;background:#222933}.hero-index .filter-search .search div form{flex-wrap:wrap}.hero-index .filter-search .search div input,.hero-index .filter-search .search div select,.hero-index .filter-search .search div div{position:relative;width:50%;margin-bottom:20px}.hero-index .filter-search .search div input[type="submit"]{margin-bottom:0;width:250px;margin-left:calc(100% - 250px)}}@media (max-width: 950px){#contact .contact-block{display:block}#contact .contact-block .contact-block-left,#contact .contact-block .contact-block-right{padding:60px 40px;width:100%}#contact .contact-block .contact-block-left h1,#contact .contact-block .contact-block-left h2,#contact .contact-block .contact-block-right h1,#contact .contact-block .contact-block-right h2{font-size:22px;line-height:28px}#contact .contact-block .contact-block-left p,#contact .contact-block .contact-block-left span,#contact .contact-block .contact-block-right p,#contact .contact-block .contact-block-right span{font-size:15px}#advantages ul{flex-wrap:wrap;text-align:center}#advantages ul li{position:relative;display:block;width:calc(50% - 40px);margin:0 20px 60px 20px}#advantages ul li p{margin:0 auto;max-width:320px}#advantages ul li:last-child{margin-bottom:0}}@media (max-width: 900px){.hero-index .filter-search .search div input[type="submit"]{width:100%;margin-left:0}.hero-index .filter-search *,.hero-index .filter-search div div input[type="text"],.hero-index .filter-search div input[type="submit"]{font-size:14px}}@media (max-width: 765px){.hero-index .title-hero-index h1{font-size:24px;line-height:28px}.hero-index .title-hero-index{top:calc(50% - 140px)}}@media (max-width: 650px){#advantages ul{flex-wrap:wrap}#advantages ul li{width:100%;margin:0 0 60px 0}#advantages ul li p{margin:0 auto;max-width:320px}#advantages ul li:last-child{margin-bottom:0}}