.services{background:#fff}.services-container .inner{display:flex;width:100%;flex-flow:row wrap}.services-container>h3{margin-bottom:30px;font-weight:300}.service-box{background-repeat:no-repeat;background-position:center;background-size:cover;transition:all .5s ease;flex-grow:1;height:460px}.services-container .inner .col-1{flex:0 100%}.services-container .inner .col-2{flex:0 50%}.services-container .inner .col-3{flex:0 33.3333333%}.services-container .inner .col-4{flex:0 25%}.service-box .service-link{color:#fff;margin:0 auto;height:460px;display:block;font-weight:100;position:relative;padding:100px 20px;text-align:center;overflow:hidden;transition:all .5s ease;background:rgba(255,255,255,.21);text-decoration:none}.service-box .service-link:before{border:1px solid #b1b1b1;display:block;content:"";position:absolute;top:20px;left:20px;right:20px;height:324px;opacity:0;transform:scale(0);transition:all .5s ease}.service-box .service-link h2{font-size:26px;letter-spacing:1px;color:#fff;text-align:center;text-shadow:1px 1px 4px #000;font-weight:600;margin-top:280px;transition:all .5s ease}.service-box .service-link p{opacity:0;transition:all 1s ease;padding:30px 0}.service-box .service-link span{opacity:0;color:#fff;background:#ff6a14;border:1px solid #fff;border-radius:3px;padding:5px 20px;font-weight:600;width:168px;margin:0 auto;transition:all .5s ease;position:absolute;left:0;right:0;bottom:0}.service-box .service-link:hover h2{margin-top:-40px}.service-box .service-link:hover h2.no-text{margin-top:40px}.service-box .service-link:hover p{opacity:1;padding:0}.service-box .service-link:hover>span{opacity:1;bottom:80px}.service-box .service-link:hover:before{opacity:1;transform:scale(1)}@media(max-width:1700px){.service-box,.service-box .service-link{height:400px}.service-box{height:400px}.service-box .service-link{padding:67px 20px}}@media(max-width:1500px){.service-box,.service-box .service-link{height:350px}.service-box .service-link{padding:40px 20px}.service-box .service-link h2{margin-top:193px}.service-box .service-link:hover{background:rgba(0,0,0,.7);padding-top:70px}}@media(max-width:1180px){.service-box,.service-box .service-link{height:468px}.service-box{width:50% !important;flex:0 50% !important}}@media(max-width:767px){.services-container .inner{flex-direction:column}.service-box{min-width:100%;width:100% !important;flex:0 100% !important}.service-box,.service-box .service-link{height:400px}}