/* ***** renovation two ***** */
.renovation .sarea {max-width:1098px;margin:0px auto;padding:40px 0px;}
.renovation .sarea .title {color:#0f2847;font-size:39px;font-weight:600;/* text-transform:uppercase; */width:634px;margin:0px auto;text-align:center;margin-bottom:0px;/* border-bottom:3px solid #ccc; */line-height:29px;background:url(/images/2/arrow2.png)right bottom no-repeat;padding-right:40px;height:40px;}
.renovation .sarea .vm {display:block;text-align:center;margin:0 auto;margin-top:15px;color:#fff;text-transform:uppercase;font-weight:600;font-size:24px;background:#0f2847;width:200px;border-radius:20px;padding:10px 10px;display:none;}
.renovation .sarea .vm:hover {background:#002292;text-decoration:none;}
.renovation .sarea .features {position:relative; margin-top:30px; overflow:hidden;background:url(/images/2/services-bg.png);}
.renovation .sarea .features .layer {width:100%; height:100%; position:absolute; z-index:1; top:0px; left:0px;}
.renovation .sarea .features .feat {float:left;width:23%;height:215px;z-index:9;position:relative;background-size:100% !important;box-shadow:0px 0px 11px 0px #b9b8b8;margin:0 8px 40px;margin-bottom:40px;border:2px solid #fff;}
.renovation .sarea .features .feat:hover {/* background:#c7a14f; */border:2px solid #002292;}
.renovation .sarea .features .feat:hover a {display:block;}
.renovation .sarea .features .feat span {display:block;text-align:center;padding-top:76px;font-weight:600;text-transform:uppercase;font-size:22px;color:#fff;height:104px;background:url(/images/2/services-opacity.png) left center;display:none;}
.renovation .sarea .features .feat a {display:none; color:#fff; text-transform:uppercase; width:120px; margin:10px auto; text-align:center; font-size:16px; border:solid 1px #fff; padding:10px 20px;}
.renovation .sarea .features .feat a:hover {text-decoration:none;}
.renovation .sarea .features .line {position:absolute;background:#fff; z-index:10;}
.renovation .sarea .features .line.line1 {width:100%;height:13px;top:169px;display:none;}
.renovation .sarea .features .line.line6 {width:100%;height:8px;bottom:0px;display:none;}
.renovation .sarea .features .line.line2 {height:100%; width:13px; left:274px;}
.renovation .sarea .features .line.line3 {height:100%; width:13px;left:542px;}
.renovation .sarea .features .line.line4 {height:100%; width:13px;left:818px;}
.renovation .sarea .features .line.line5 {height:100%; width:2px; left:0px;}
.renovation .sarea .features .arrow {display:none;width:15px;height:27px;position:absolute;top:71px;cursor:pointer;}
.renovation .sarea .features .arrow.carrousel-left {background:url(/images/2/services-nav-left.png) center no-repeat #00274e;left:0px;padding:5px 10px;background:url(/images/2/nav-services-left.png) center no-repeat;}
.renovation .sarea .features .arrow.carrousel-right {background:url(/images/2/nav-services-right.png) center no-repeat;right:0px;padding:5px 10px;}
.renovation .sarea .features .feat .titlet {display:block; margin:0 auto; text-align:center; position:relative; overflow:hidden; top:180px; color:#0f2847; font-size:20px;font-weight:600;}
.renovation .sarea .features .feat .titlet {top:12px;}
.renovation .sarea .features .arrow.carrousel-left:hover {background:url(/images/2/nav-services-left-h.png) center no-repeat;}
.renovation .sarea .features .arrow.carrousel-right:hover {background:url(/images/2/nav-services-right-h.png) center no-repeat;}
.renovation .sarea .features .feat:hover .titlet {color:#002292;}


.res1810 .renovation .sarea .title {background:url(/images/2/arrow2-1810.png)right bottom no-repeat;padding-right:40px;height:45px;}
.res1810 .renovation .sarea {max-width:1770px;}
.res1810 .renovation .sarea .features .feat {width:400px;height:330px;margin:0 19px 40px;}
.res1810 .renovation .sarea .features .line.line1 {top:267px;}
.res1810 .renovation .sarea .features .line.line2 {left:426px;}
.res1810 .renovation .sarea .features .line.line3 {left:854px;}
.res1810 .renovation .sarea .features .line.line4 {left:1282px;}
.res1810 .renovation .sarea .features .feat span {padding-top:120px;height:160px;background:#00000073;}
.res1810 .renovation .sarea .features .feat .titlet {/* top:285px; */font-size:26px;}

.res940 .renovation .sarea {max-width:900px;}
.res940 .renovation .sarea .features .feat {height:180px;background-size:225px 175px !important;margin:0 7px 40px;}
.res940 .renovation .sarea .features .line.line1 {top:173px; height:8px;}
.res940 .renovation .sarea .features .line.line2 {left:219px; width:8px;}
.res940 .renovation .sarea .features .line.line3 {left:446px; width:8px;}
.res940 .renovation .sarea .features .line.line4 {left:675px; width:8px;}
.res940 .renovation .sarea .features .feat span {padding-top:71px;}
.res940 .renovation .sarea .features .feat .titlet {font-size:18px;}

.res720 .renovation .sarea {max-width:680px;padding:30px 0px;}
.res720 .renovation .sarea .title {font-size:30px;width:460px;}
.res720 .renovation .sarea .features .feat {height:255px;width:320px;background-size:340px 175px !important;}
.res720 .renovation .sarea .features .line.line1 {top:0px;height:100%;width:8px;left:50%;display:block;}
.res720 .renovation .sarea .features .line.line2 {left:0px; width:100%; height:8px; top:175px;}
.res720 .renovation .sarea .features .line.line3 {left:0px;width:100%;height:8px;top:350px;}
.res720 .renovation .sarea .features .line.line4 {left:0px; width:100%; height:8px; top:525px;}
.res720 .renovation .sarea .features .line.line5 {height:100%; width:2px; left:0px; display:none;}
.res720 .renovation .sarea .features .line.line6 {width:100%;height:8px;bottom:0px;top:0px;}
.res720 .renovation .sarea .features .feat span {padding-top:73px;}
.res720 .renovation .sarea .features .line {left:0px;width:100%;height:8px;top:350px;display:none;}

.res480 .renovation .sarea {max-width:440px;padding:30px 0px;}
.res480 .renovation .sarea .title {font-size:28px;width:290px;/* padding-bottom:10px; */height:55px;}
.res480 .renovation .sarea .features .layer {display:none;}
.res480 .renovation .sarea .features .arrow {display:block;top:100px;}
.res480 .renovation .sarea .features {margin-bottom:20px;background:none;height:285px;}
.res480 .renovation .sarea .features .feat {height:275px;width:350px;float:none;margin:0px auto;/* background:#c7a14f; */margin-bottom:40px;}
.res480 .renovation .sarea .features .line {display:none !important;}
.res480 .renovation .sarea .features .feat span {padding-top:72px;height:95px;}
.res480 .renovation .sarea .features .feat a {display:block;}
.res480 .renovation .sarea .features .line {left:0px;width:100%;height:8px;top:350px;display:none;}
.res480 .renovation .sarea .features .feat .titlet {/* top:170px; */}

.res320 .renovation .sarea {max-width:300px;padding:20px 0px;}
.res320 .renovation .sarea .title {font-size:23px;width:190px;height:55px;}
.res320 .renovation .sarea .features .layer {display:none;}
.res320 .renovation .sarea .features .arrow {display:block;}
.res320 .renovation .sarea .features {margin-bottom:20px;background:none;height:202px;}
.res320 .renovation .sarea .features .feat {height:185px;width:214px;float:none;margin:0px auto;/* background:#c7a14f; */margin-bottom:40px;}
.res320 .renovation .sarea .features .line {display:none !important;}
.res320 .renovation .sarea .features .feat span {padding-top:72px;}
.res320 .renovation .sarea .features .feat a {display:block;}
.res320 .renovation .sarea .features .line {left:0px;width:100%;height:8px;top:350px;display:none;}
.res320 .renovation .sarea .features .feat .titlet {/* top:179px; */}

.renovation .sarea .features .feat.services1 {/* background:url(/images/2/services-1.jpg) no-repeat; */}
.renovation .sarea .features .feat.services2 {/* background:url(/images/2/services-2.jpg) no-repeat; */}
.renovation .sarea .features .feat.services3 {/* background:url(/images/2/services-3.jpg) no-repeat; */}
.renovation .sarea .features .feat.services4 {/* background:url(/images/2/services-4.jpg) no-repeat; */}
.renovation .sarea .features .feat.services5 {/* background:url(/images/2/services-5.jpg) no-repeat; */}
.renovation .sarea .features .feat.services6 {/* background:url(/images/2/services-6.jpg) no-repeat; */}
.renovation .sarea .features .feat.services7 {/* background:url(/images/2/services-7.jpg) no-repeat; */}
.renovation .sarea .features .feat.services8 {/* background:url(/images/2/services-8.jpg) no-repeat; */}


.res480 .renovation .sarea .features .feat.services1 {/* background:url(/images/2/services-1-480.jpg) no-repeat; */}
.res480 .renovation .sarea .features .feat.services2 {/* background:url(/images/2/services-2-480.jpg) no-repeat; */}
.res480 .renovation .sarea .features .feat.services3 {/* background:url(/images/2/services-3-480.jpg) no-repeat; */}
.res480 .renovation .sarea .features .feat.services4 {/* background:url(/images/2/services-4-480.jpg) no-repeat; */}
.res480 .renovation .sarea .features .feat.services5 {/* background:url(/images/2/services-5-480.jpg) no-repeat; */}
.res480 .renovation .sarea .features .feat.services6 {/* background:url(/images/2/services-6-480.jpg) no-repeat; */}
.res480 .renovation .sarea .features .feat.services7 {/* background:url(/images/2/services-7-480.jpg) no-repeat; */}
.res480 .renovation .sarea .features .feat.services8 {/* background:url(/images/2/services-8-480.jpg) no-repeat; */}

.res320 .renovation .sarea .features .feat.services1 {/* background:url(/images/2/services-1-320.jpg) no-repeat; */}
.res320 .renovation .sarea .features .feat.services2 {/* background:url(/images/2/services-2-320.jpg) no-repeat; */}
.res320 .renovation .sarea .features .feat.services3 {/* background:url(/images/2/services-3-320.jpg) no-repeat; */}
.res320 .renovation .sarea .features .feat.services4 {/* background:url(/images/2/services-4-320.jpg) no-repeat; */}
.res320 .renovation .sarea .features .feat.services5 {/* background:url(/images/2/services-5-320.jpg) no-repeat; */}
.res320 .renovation .sarea .features .feat.services6 {/* background:url(/images/2/services-6-320.jpg) no-repeat; */}
.res320 .renovation .sarea .features .feat.services7 {/* background:url(/images/2/services-7-320.jpg) no-repeat; */}
.res320 .renovation .sarea .features .feat.services8 {/* background:url(/images/2/services-8-320.jpg) no-repeat; */}

.renovation .sarea .features .feat:hover span {display:block !important;background:none;}
.renovation .sarea .features .feat:hover span img {display:none;}

