*,*:after,*:before{box-sizing:border-box;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0.05);}

.clearfix{display:table;content:'';clear:both}

.clearfix:before,.clearfix:after{content:". ";clear:both;visibility:hidden;line-height:0;height:0}

html,body{width:100%;overflow:hidden}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

ol,ul{list-style:none}

blockquote,q{quotes:none}

blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}

table{border-collapse:collapse;border-spacing:0}

a{text-decoration:none;color:inherit}

a:focus,a:active{outline:0 !important;outline:0 -webkit-focus-ring-color;outline-offset:0}

#conseil *::-moz-selection{background-color:transparent;color:#458CFF}

#compta *::-moz-selection{background-color:transparent;color:#FF7345}

#financement *::-moz-selection{background-color:transparent;color:#3FCAB3}

body.showImage .site-content{filter:blur(3px);-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px);filter:url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='3'%20/></filter></svg>#blur");filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');-webkit-transition:filter 0.3s ease-out;-khtml-transition:filter 0.3s ease-out;-moz-transition:filter 0.3s ease-out;-ms-transition:filter 0.3s ease-out;-o-transition:filter 0.3s ease-out;transition:filter 0.3s ease-out}

body.showImage #image-displayer{visibility:visible;opacity:1;-webkit-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-khtml-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-moz-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-ms-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-o-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1)}

body.showImage .image-overlay{opacity:0.74;visibility:visible;-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}

body.showImage .article-header .image-wrapper .image-article{opacity:0;visibility:hidden;backface-visibility:hidden;-webkit-transition:all 0.1s ease-out;-khtml-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-ms-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out}

body.showImage .image-slider-nav .slider-nav-btn{z-index:1003;opacity:1;visibility:visible;backface-visibility:visible;display:none;position:fixed}

#image-displayer{z-index:1002;position:fixed;top:50%;left:50%;width:54.2%;height:61.39%;background-color:#000;box-shadow:0 40px 80px rgba(0,0,0,0.87);opacity:0;visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);-khtml-transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);-moz-transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);-ms-transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);-o-transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);-webkit-transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);-khtml-transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);-ms-transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1)}

#image-displayer .image-holder{position:relative;height:100%;width:100%;overflow:hidden}

#image-displayer img{min-width:100%;min-height:100%;width:auto;height:100%;display:block;position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);-khtml-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}

#closeBtn{cursor:pointer;position:fixed;top:-50px;right:-12.5px;z-index:1001;-webkit-appearance:none;-khtml-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;background-color:transparent;border:0;height:50px;width:50px}

#closeBtn span:before,#closeBtn span:after{height:3px;width:25px;left:50%;background:rgba(255,255,255,0.95);position:absolute;display:block;content:''}

#closeBtn span:before{-webkit-transform:translateX(-50%) rotate(45deg);-khtml-transform:translateX(-50%) rotate(45deg);-moz-transform:translateX(-50%) rotate(45deg);-ms-transform:translateX(-50%) rotate(45deg);-o-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}

#closeBtn span:after{-webkit-transform:translateX(-50%) rotate(-45deg);-khtml-transform:translateX(-50%) rotate(-45deg);-moz-transform:translateX(-50%) rotate(-45deg);-ms-transform:translateX(-50%) rotate(-45deg);-o-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg)}

.image-overlay{width:100%;height:100%;top:0;left:0;position:fixed;opacity:0;visibility:hidden;z-index:1001;backface-visibility:hidden;background:#000}

html{color:transparent}

body{background-color:#fff;font-family:'Lato', sans-serif;font-size:100%;overflow:hidden;overflow-y:auto;padding:0;margin:0;position:relative;width:100%;height:100%;color:#fff}

.horizontal-wrapper{max-width: 100%;margin:0 auto;position:relative}
.top_grid{max-width: 850px;}

.header{width:100%;height:280px;position:relative}

.slider-holder{display:block;width:100%;height:100%;background-color:#111}

.slider-holder .slider{position:absolute;top:0;right:0;left:0;bottom:0;display:block}

.slider-holder .slider .slider-item{position:absolute;left:0;top:0;width:100%;height:100%}

.slider-holder .slider .first-slide{background-size:cover;background-position:50% 50%}

.slider-holder .slider:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.7);background:-webkit-linear-gradient(bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.05) 60%,transparent 100%);background:linear-gradient(to top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.05) 60%,transparent 100%)}

.appart-info{position:relative;width:100%;height:auto;-webkit-transform:translateY(-50%);-khtml-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}

.appart-info .horizontal-wrapper{border-radius:3px;background-color:white;padding:25px 0;height:100px;box-shadow:0 10px 20px 5px rgba(0,0,0,0.07)}

.appart-info .adress{position:absolute;bottom:100%;margin-bottom:16px;width:auto;display:block;left:0;color:white;text-shadow:0 2px 3px 1px rgba(0,0,0,0.4)}

.appart-info .adress h2{font-weight:700;font-size:20px}

.appart-info .adress .sub-adress{font-size:16px;font-family:'Roboto'}

.appart-info .price{position:absolute;bottom:100%;margin-bottom:16px;text-align:right;width:auto;display:block;right:0;color:white;text-shadow:0 2px 3px 1px rgba(0,0,0,0.4)}

.appart-info .price h2{font-size:20px;font-weight:700}

.appart-info .price .sub{font-size:16px;font-family:'Roboto'}

.appart-info .overview-wrapper{width:100%;height:100%;position:relative;color:#454545}

.appart-info .overview-wrapper .info{position:relative;float:left;height:100%;width:25%;padding:0 1em 0 6em;background-size:35px auto;background-position:2em 50%;background-repeat:no-repeat}

.appart-info .overview-wrapper .info:not(:last-of-type){border-right:1px solid #e2e2e2}

.appart-info .overview-wrapper .info:first-of-type{background-image:url("../../images/png/square.png")}

.appart-info .overview-wrapper .info:nth-of-type(2){background-image:url("../../images/png/building.png")}

.appart-info .overview-wrapper .info:nth-of-type(3){background-image:url("../../images/png/furniture.png")}

.appart-info .overview-wrapper .info:nth-of-type(4){background-image:url("../../images/png/arrow.png")}

.appart-info .overview-wrapper .surface,.appart-info .overview-wrapper .room,.appart-info .overview-wrapper .etage,.appart-info .overview-wrapper .type{font-size:16px;font-weight:700;margin-top:5px;display:block}

.appart-info .overview-wrapper .sub-text{color:#8f96aa;font-size:14px;display:block}

.title{font-weight:700;font-family:'Lato';color:#333;font-size:18px;margin-bottom:5px}

.content{position:relative;width:100%;padding: 80px 80px 50px;
color: #333;
overflow: hidden;}

.content main,.content aside{display:inline-block;vertical-align:top;color:#6a6d71;line-height:1.5}

.content main{width:59%}

.content main input.lire-plus{display:none}

.content main input.lire-plus:not(:checked)+p{display:block;height:50px;overflow:hidden}

.content main p{height:auto;text-align: justify;}

.content main label.lire-plus{color:#458CFF;display:block;padding:10px 5px;cursor:pointer}

.content main label.lire-plus i{margin-right:4px}

.content aside{width:40%;padding-left: 50px;max-width:560px;float:right}

.content aside .button-section{position:relative;width:100%;margin-bottom:35px;white-space: nowrap;text-align: center}

.content aside .button-section a{display:inline-block;font-family:'Roboto';text-align:center;padding:8px 15px;width:48.5%;border-radius:3px;font-size:15px;text-transform:uppercase;letter-spacing:0.015em}

.content aside .button-section a:first-of-type{border:1px solid  #8f96aa;color:#8f96aa;margin-right:2%}

.content aside .button-section a:first-of-type:hover{color:#458CFF;border-color:#458CFF}
.content aside .button-section a:first-of-type:active{background:#458CFF;color:#FFF;border-color:#458CFF;font-weight:bold;}


.content aside .button-section a:last-of-type{background-color:#458CFF;color:white;font-weight:bold;border: 1px solid #458CFF;}

.content aside .button-section a:last-of-type:hover{background-color:#295499;border: 1px solid #295499;}

.content aside .button-section a:last-of-type:active{position:relative;top:3px}

.content section.gallery{margin:20px 0}

.content section.gallery article{position:relative;width:32.66%;vertical-align:top;padding-top:30%;display:inline-block;background-color:#eee;background-size:cover;background-position:50% 50%}

.content section.gallery article:first-of-type,.content section.gallery article:nth-of-type(2){width:49.5%;padding-top:45%}

.content section.gallery article:first-of-type{margin:0 1% 0 0}

.content section.gallery article:nth-of-type(3){margin:1% 0 0}

.content section.gallery article:last-of-type{margin:1% 1% 0}

.content section.gallery a{position:relative;width:32.66%;margin:1% 0 0;vertical-align:top;padding-top:30%;display:inline-block;background-color:#eee;background-size:cover;background-position:50% 50%}

.content section.gallery a:after{content:'';display:block;position:absolute;top:0;right:0;left:0;bottom:0;background:#10192a;opacity:.6;z-index:1}

.content section.gallery a h3{position:absolute;top:50%;width:100%;left:0;-webkit-transform:translateY(-50%);-khtml-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);padding:0 15px;text-align:center;color:white;font-weight:700;z-index:2}

.content section.dpe{padding:25px;border-radius:3px;box-shadow:0 1px 2px 2px rgba(0,0,0,0.07);position:relative;margin-bottom:25px;box-sizing: border-box;
overflow: hidden;height: 400px;}

.content section.dpe .title{margin-bottom:2px;padding-right:75px}

.content section.dpe .sub{color:#8f96aa;font-size:14px;display:block;margin-bottom:16px;padding-right:75px}

.content section.dpe .dpe-indic{display:block;position:absolute;right:25px;top:25px;width:50px;height:50px;border-radius:25px  25px 25px 0;color:white;font-weight:bold;text-align:center;line-height:50px;font-size:22px;-webkit-transform:rotate(-45deg);-khtml-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

.content section.dpe .dpe-indic .indicateur{display:inline-block;-webkit-transform:rotate(45deg);-khtml-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}

.content section.dpe .pyramide{width:auto;position:relative;padding-right:5em}

.content section.dpe .pyramide span.level{position:relative;margin:0.5em 0;font-weight:700;font-family:'Roboto';color:white;text-align:right;display:block;height:auto;padding:2px 12px 2px 0;background-color:#eee;border-radius:25px}

.content section.dpe .pyramide span.level.A{width:16%;background-color:#187719}

.content section.dpe .pyramide span.level.B{width:28.5714%;background-color:#699d2f}

.content section.dpe .pyramide span.level.C{width:42.8571%;background-color:#95ab18}

.content section.dpe .pyramide span.level.D{width:57.1428%;background-color:#d2c100}

.content section.dpe .pyramide span.level.E{width:71.4285%;background-color:#d8af21}

.content section.dpe .pyramide span.level.F{width:85.7142%;background-color:#d07f30}

.content section.dpe .pyramide span.level.G{width:100%;background-color:#c2071c}

.content section.ges{padding:25px;border-radius:3px;box-shadow:0 1px 2px 2px rgba(0,0,0,0.07);position:relative;height: 400px;}

.content section.ges .title{margin-bottom:2px;padding-right:75px}

.content section.ges .sub{color:#8f96aa;font-size:14px;display:block;margin-bottom:16px;padding-right:75px}

.content section.ges .ges-indic{display:block;position:absolute;right:25px;top:25px;width:50px;height:50px;border-radius:25px  25px 25px 0;color:white;font-weight:bold;text-align:center;line-height:50px;font-size:22px;-webkit-transform:rotate(-45deg);-khtml-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

.content section.ges .ges-indic .indicateur{display:inline-block;-webkit-transform:rotate(45deg);-khtml-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}

.content section.ges .pyramide{width:auto;position:relative;padding-right:5em}

.content section.ges .pyramide span.level{position:relative;margin:0.5em 0;font-weight:700;font-family:'Roboto';color:black;text-align:right;display:block;height:auto;padding:2px 12px 2px 0;background-color:#eee;border-radius:25px;border:1px solid #888}

.content section.ges .pyramide span.level.A{width:16%;background-color:#ede0f7}

.content section.ges .pyramide span.level.B{width:28.5714%;background-color:#E1C2F8}

.content section.ges .pyramide span.level.C{width:42.8571%;background-color:#D4A9F5}

.content section.ges .pyramide span.level.D{width:57.1428%;background-color:#CB95F3}

.content section.ges .pyramide span.level.E{width:71.4285%;background-color:#BA73EF}

.content section.ges .pyramide span.level.F{width:85.7142%;background-color:#A74DEB}

.content section.ges .pyramide span.level.G{width:100%;background-color:#8A19DF}

.image-wrapper .image-article
{
width:97%;
height:100%;
display:inline-block
;border-radius:3px;
margin-bottom:4%;
/*border:4px solid #fff;*/
box-shadow:0 1px 2px rgba(0,0,0,0.27);
-webkit-transition:all 0.3s ease;
-khtml-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
cursor:zoom-in;
background-size:cover;
background-position:50% 50%
}

.image-wrapper .image-article:hover{box-shadow:0 10px 20px rgba(0,0,0,0.15)}
/*

.image-wrapper .image-article{width:48%;height:unset;padding-top:40%;}

.image-wrapper .image-article:first-of-type{margin-right:3%}

.image-wrapper .image-article:last-of-type{margin-left:3%}
*/

section.map{width:100%;position:relative;height:280px;background-color:#eee;background-size:cover;background-position:50% 50%}

footer{width:100%;position:relative;min-height:500px;height:auto;margin-bottom: 30px;}

footer .subscribe{-webkit-transform:translateY(-30%);-khtml-transform:translateY(-30%);-moz-transform:translateY(-30%);-ms-transform:translateY(-30%);-o-transform:translateY(-30%);transform:translateY(-30%);padding:50px 125px 75px;text-align:center;border-radius:3px;max-width:768px;margin:0 auto;background:white;box-shadow:0 10px 20px 5px rgba(0,0,0,0.07)}

footer .subscribe i.fa-paper-plane-o{display:inline-block;color:#458CFF;font-size:40px;margin-bottom:20px}

footer .subscribe h1{font-size:20px;font-family:'Lato';color:#7f8493;margin-bottom:8px}

footer .subscribe .sub{color:#8f96aa;font-size:14px;display:block;margin-bottom:30px}

footer .subscribe form{position:relative}

footer .subscribe form input[type="email"]{position:relative;width:100%;font-size:16px;padding:10px;font-family:'Roboto';border:0;border-bottom:1px solid #c1c6d4;z-index:2;background:transparent;-webkit-transition:0.3s ease;-khtml-transition:0.3s ease;-moz-transition:0.3s ease;-ms-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease}

footer .subscribe form input[type="email"]:focus{border-color:#458CFF;padding:10px 0}

footer .subscribe form input[type="email"]+label[for='email']{position:relative;display:block;text-align:left;color:#8f96aa;font-size:12px;-webkit-transform:translate(0px, -25px) scale(1);-khtml-transform:translate(0px, -25px) scale(1);-moz-transform:translate(0px, -25px) scale(1);-ms-transform:translate(0px, -25px) scale(1);-o-transform:translate(0px, -25px) scale(1);transform:translate(0px, -25px) scale(1);z-index:0;-webkit-transition:0.3s ease;-khtml-transition:0.3s ease;-moz-transition:0.3s ease;-ms-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease}

footer .subscribe form input[type="email"]:focus+label[for='email']{-webkit-transform:translate(-25px, -55px) scale(0.9);-khtml-transform:translate(-25px, -55px) scale(0.9);-moz-transform:translate(-25px, -55px) scale(0.9);-ms-transform:translate(-25px, -55px) scale(0.9);-o-transform:translate(-25px, -55px) scale(0.9);transform:translate(-25px, -55px) scale(0.9);color:#458CFF}

footer .subscribe form button{-webkit-appearance:none;-khtml-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;background:transparent;border:0;position:absolute;right:-25px;bottom:15px;color:#8f96aa;font-size:16px;font-family:'Roboto';z-index:5;height:40px;display:inline-block;padding:0 25px;cursor:pointer}

footer .subscribe form button:hover{color:#458CFF}

footer .inner-footer{max-width:1200px;margin:0 auto;position:relative;display:block;color:#8f96aa;padding: 0 25px;}

footer .inner-footer .sub-inner-footer{width:100%;position:relative;display:block;padding:10px 0;margin-top:30px;line-height:45px}

footer .inner-footer .sub-inner-footer .encorp{float:right;position:relative;line-height:45px}

footer .inner-footer .sub-inner-footer p.rights{position:relative;float:left;line-height:45px;text-align: center;width: 100%;font-size: 14px;
white-space: nowrap;}

footer .inner-footer .text{display:inline-block;width:100%;padding: 5px 0;font-size:14px;text-align: justify;}

footer .inner-footer .contact a{padding:10px 0 5px;display:block;font-weight:700}

footer .inner-footer .contact a:last-of-type{color:#458CFF}

footer .inner-footer .social{display:block;margin-top:10px;color:white}

footer .inner-footer .social a{width:40px;height:40px;border-radius:20px;box-shadow:0 1px 2px rgba(0,0,0,0.27);text-align:center;position:relative;display:inline-block;margin-right:15px;-webkit-transition:0.3s ease;-khtml-transition:0.3s ease;-moz-transition:0.3s ease;-ms-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease}

footer .inner-footer .social a:hover{box-shadow:0 10px 20px rgba(0,0,0,0.15)}

footer .inner-footer .social a i{position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);-khtml-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%}

footer .inner-footer .social a:first-of-type{background-color:#D34836}

footer .inner-footer .social a:nth-of-type(2){background-color:#0077B5}

footer .inner-footer .social a:nth-of-type(3){background-color:#63B4E4;margin:0}

footer .inner-footer span.column{position:relative;display:inline-block;vertical-align:top}

footer .inner-footer span.column .header-logo{display:inline-block;width:100%;overflow:hidden}

footer .inner-footer span.column .header-logo img{width:50%;position:relative}

footer .inner-footer span.column.med{width:31%}

footer .inner-footer span.column.med .title{padding:0;color:#7f8493;font-family:'Lato'}

footer .inner-footer span.column.med:first-of-type{padding-right:50px}

footer .inner-footer span.column.med:last-of-type{padding-left:50px}

footer .inner-footer span.column.small{width:18%}

footer .inner-footer span.column.small .title{padding:0;color:#7f8493;font-family:'Lato'}

footer .inner-footer span.column.small a{display:block;width:100%;padding:5px 0}

footer .inner-footer span.column a.encorp{padding:10px 0;display:inline-block;margin-top:20px}

footer .inner-footer span.column p{padding:10px 0}

.dophone{display:none}



@media only screen and (max-width: 1028px){

.content{padding: 110px 50px 100px;}
.horizontal-wrapper {display: inline-block;max-width:100%;padding: 0 15px;}

.slider-holder .slider::after {background:rgba(0,0,0,0.6)}
	
.nophone{display:none}
.dophone{display:block}

.image-wrapper{text-align: center;}

.image-wrapper .image-article{width:48%;height:unset;padding-top:40%;}

.image-wrapper .image-article:first-of-type{margin-right:3%}

.image-wrapper .image-article:last-of-type{margin-left:3%}

#image-displayer{z-index:1002;position:fixed;top:50%;left:50%;width:80%;height:60%;background-color:#000;box-shadow:0 40px 80px rgba(0,0,0,0.87);opacity:0;visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);-khtml-transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);-moz-transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);-ms-transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);-o-transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);-webkit-transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);-khtml-transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);-ms-transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1)}

.content main,.content aside{width:100%}

.content aside{margin-top:25px;padding:0;float:unset!important;max-width:100%}

.content aside .image-wrapper .image-article{width:22.5%;padding-top:20%}

.content aside .image-wrapper .image-article:first-of-type{margin-right:2%}

.content aside .image-wrapper .image-article:nth-of-type(2){margin-right:2%}

.content aside .image-wrapper .image-article:last-of-type{margin-left:2%}

.content aside .dpe,.content aside .ges{width:48%;display:inline-block;vertical-align:top;margin: 1%;}

.content aside .dpe{margin: 1%;}

.appart-info{width:95%;margin:0 auto;text-align: center;}

.appart-info .horizontal-wrapper{height:150px}

.appart-info .overview-wrapper .info{padding:0 1em 0 6em;background-size:25px auto;background-position:2em 50%;width:50%;height:50%}

.appart-info .overview-wrapper .info .surface,.appart-info .overview-wrapper .info .room,.appart-info .overview-wrapper .info .etage,.appart-info .overview-wrapper .info .type{font-size:16px;font-weight:700;margin-top:16px;display:block}

.appart-info .overview-wrapper .info .sub-text{color:#8f96aa;font-size:14px;display:block}

.inner-footer{padding:0 50px}

.dpe,.ges{margin-bottom:3%!important;}	

}

@media only screen and (max-width: 768px){
	

	
#image-displayer{z-index:1002;position:fixed;top:50%;left:50%;width:90%;height:50%;background-color:#000;box-shadow:0 40px 80px rgba(0,0,0,0.87);opacity:0;visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);-khtml-transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);-moz-transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);-ms-transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);-o-transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);-webkit-transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);-khtml-transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);-ms-transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1)}

.appart-info .horizontal-wrapper{height:200px}

.appart-info .overview-wrapper .info{padding:0 1em 0 6em;background-size:25px auto;background-position:2em 50%;width:50%;height:50%}

.appart-info .overview-wrapper .info .surface,.appart-info .overview-wrapper .info .room,.appart-info .overview-wrapper .info .etage,.appart-info .overview-wrapper .info .type{font-size:14px;margin-top:20px}

.appart-info .overview-wrapper .info .sub-text{color:#8f96aa;font-size:12px;display:block}

.content{padding:100px 25px}

.content main,.content aside{width:100%}

.content aside{margin-top:25px;padding:0}

.content aside .image-wrapper .image-article{width:22.5%;padding-top:20%}

.content aside .image-wrapper .image-article:first-of-type{margin-right:2%}

.content aside .image-wrapper .image-article:nth-of-type(2){margin-right:2%}

.content aside .image-wrapper .image-article:last-of-type{margin-left:2%}

.inner-footer{padding:0 25px}

.inner-footer .text{display:inline-block;width:100%;font-size:14px}

.inner-footer .contact a{padding:10px 0 5px;display:block;font-weight:700}

.inner-footer .contact a:last-of-type{color:#458CFF}

.inner-footer .social{display:block;margin-top:10px;color:white}

.inner-footer .social a{width:40px;height:40px;border-radius:20px;box-shadow:0 1px 2px rgba(0,0,0,0.27);text-align:center;position:relative;display:inline-block;margin-right:15px;-webkit-transition:0.3s ease;-khtml-transition:0.3s ease;-moz-transition:0.3s ease;-ms-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease}

.inner-footer .social a:hover{box-shadow:0 10px 20px rgba(0,0,0,0.15)}

.inner-footer .social a i{position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);-khtml-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%}

.inner-footer .social a:first-of-type{background-color:#D34836}

.inner-footer .social a:nth-of-type(2){background-color:#0077B5}

.inner-footer .social a:nth-of-type(3){background-color:#63B4E4;margin:0}

.inner-footer span.column{position:relative;display:inline-block;vertical-align:top}

.inner-footer span.column .header-logo{display:inline-block;width:100%;overflow:hidden}

.inner-footer span.column .header-logo img{width:50%;position:relative}

.inner-footer span.column.med{width:100% !important}

.inner-footer span.column.med .title{padding:0;color:#7f8493;font-family:'Lato'}

.inner-footer span.column.med:first-of-type{padding-right:0px !important}

.inner-footer span.column.med:last-of-type{padding-left:0px !important;margin-top: 20px;}

.inner-footer span.column.small{width:100% !important;margin-top:20px}

.inner-footer span.column.small .title{padding:0;color:#7f8493;font-family:'Lato'}

.inner-footer span.column.small a{display:block;width:100%;padding:5px 0}

.inner-footer span.column a.encorp{padding:10px 0;display:inline-block;margin-top:20px}

.inner-footer span.column p{padding:10px 0}

}

@media only screen and (max-width: 640px){


	
#image-displayer{height:50%;width:100%}

.header{width:100%;height:280px;position:relative}

.appart-info .horizontal-wrapper{height:200px}

.appart-info .overview-wrapper .info{padding:0 1em 0 6em;background-size:25px auto;background-position:2em 50%;width:50%;height:50%}

.appart-info .adress{position:absolute;bottom:130%;margin-bottom:16px;right:0;text-align:center}

.appart-info .adress h2{font-weight:700;font-size:20px}

.appart-info .adress .sub-adress{font-size:16px;font-family:'Roboto'}

.appart-info .price{position:absolute;bottom:100%;margin-bottom:16px;text-align:center;left:0}

.appart-info .price h2{font-size:20px;font-weight:700}

.appart-info .price .sub{font-size:16px;font-family:'Roboto'}

.content{padding:125px 8px 30px}

.content main,.content aside{width:100%}

.content aside{margin-top:25px;padding:0}

.content aside .image-wrapper .image-article{width:47%;padding-top:37%}

.content aside .image-wrapper .image-article:first-of-type{margin-right:4%}

.content aside .image-wrapper .image-article:nth-of-type(2){margin-right:0%}

.content aside .image-wrapper .image-article:last-of-type{margin-left:4%}

.content aside .dpe,.content aside .ges{width:100%;display:inline-block;vertical-align:top}

.content aside .dpe{margin-right:0%}

footer .inner-footer .sub-inner-footer .encorp{display:none}

footer .subscribe{padding:50px 50px 75px;display:none}

footer .subscribe i.fa-paper-plane-o{font-size:30px}

.inner-footer{padding:35px 25px!important}

section.map{height: 200px;}

}

@media only screen and (max-width: 420px){
	
.dpe,.ges{max-width:383px !important;}	
.content aside .button-section a{vertical-align:top}

.content aside .button-section a{line-height:38px;padding:0}
.content aside .button-section {margin-bottom: 20px;}

.appart-info .horizontal-wrapper{height:200px}

.appart-info .overview-wrapper .info{padding:0 1em 0 4em;background-size:25px auto;background-position:1.5em 50%;width:50%;height:50%}

}

@media only screen and (max-width: 380px)
{

footer .inner-footer .sub-inner-footer p.rights{font-size: 13px;}
}

@media only screen and (min-width: 1028px){.float-nav{display:none}}


i.thema
{
margin-left: 6px;
display: inline-block;
position: relative !important;
font-size: 18px !important;
}

.fa-circle{font-size: 6px;
vertical-align: middle;
margin: 0px 10px 0px 15px;}

.play {
  display: inline-block;
  position: relative;
  animation: show .6s ;
  transform-origin: bottom left;
  color: #458CFF
}

.req_item{display:block;white-space:nowrap;width: max-content;}
.req_item .fa-circle{font-size:6px!important;position: relative!important;}
@keyframes show {
  0% {
    transform: scale(3);
    opacity: .2;
  }

  90% {
    transform: scale(1);
    opacity: 1;
  }
  
  98%{
	transform: scale(1.5);
    opacity: .2;  
  }
  
  100% {
    transform: scale(1);
    opacity: 1;
  }
  
}

.float-nav input.menu-open ~ .menu-item,
.float-nav input.menu-open+label.menu-open-button{bottom:40px!important;}

iframe{
width: 100%!important;
  height: 480px!important;
  border-radius: 7px!important;
  overflow: hidden!important;
  max-width: 853px	
}