/* ***** renovation two ***** */
.renovation .sarea {max-width:1098px;margin:0px auto;padding:40px 0px;}
.renovation .sarea .title {color:#045fa4;font-size:39px;font-weight:700;text-transform:uppercase;width:750px;margin:0px auto;text-align:center;margin-bottom:0px;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:#045fa4;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:235px; 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 #045fa4;}
.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:0px 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 img {margin:0px auto; padding:0px; border:0px; display:block; max-width:100%;}
.renovation .sarea .features .feat:hover .titlet {color:#045fa4;}

.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:342px; margin:0px 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 {font-size:26px; top:21px; padding:0px 20px;}
.res1810 .renovation .sarea .features .feat.services1 .titlet {top:4px;}

.res940 .renovation .sarea {max-width:900px;}
.res940 .renovation .sarea .features .feat {height:194px; background-size:225px 175px !important; margin:0px 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; top:16px;}
.res940 .renovation .sarea .features .feat.services1 .titlet {top:5px;}

.res720 .renovation .sarea {max-width:680px;padding:30px 0px;}
.res720 .renovation .sarea .title {font-size:30px;width:590px;}
.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 {top:100px;}
.res480 .renovation .sarea .features {background:none; height:auto;}
.res480 .renovation .sarea .features .feat {height:275px; width:350px; float:none; margin:0px auto; 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:10px;}

.res320 .renovation .sarea {max-width:300px;padding:20px 0px;}
.res320 .renovation .sarea .title {font-size:23px;width:240px;height:65px;}
.res320 .renovation .sarea .features .layer {display:none;}
.res320 .renovation .sarea .features .arrow {}
.res320 .renovation .sarea .features {background:none; height:auto;}
.res320 .renovation .sarea .features .feat {height:auto; width:264px; float:none; margin:0px auto; margin-bottom:40px; padding-bottom:20px;}
.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;}

.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;}