.roof-style-main{display:flex;flex-flow:row wrap;height:100vh;padding:120px 0 0}.roof-style-holder{flex:1}.roof-style-holder h1{color:#003e69;font-size:62px;line-height:1;margin:0;min-height:89px;text-align:center;text-transform:uppercase}.roof-style-holder .roof-sub-heading{display:block;font-size:22px;font-weight:500;line-height:normal;margin:0}.style-of-tiles{align-items:center;display:flex;flex-flow:row wrap;height:calc(100% - 100px);justify-content:space-between;margin:10px 0 0;padding:0}.style-of-tiles--inner{align-items:center;background-position:center 90%;background-repeat:no-repeat;background-size:cover;display:flex;flex:1;height:100%;justify-content:center;padding:50px 0 0;position:relative}.style-of-tiles--inner h2{color:#b09532;display:block;margin:0 0 30px;text-align:center}.style-of-tiles--inner .style-sub-heading{color:#003e69;display:block;font-size:22px;font-weight:600;margin:5px 0 0}.style-img{margin:0 auto 40px;max-width:800px}.img-details{color:#003e69;font-size:18px;font-weight:700;line-height:normal;margin:0 auto 30px;max-width:490px;text-align:center}.btn-text-view{background:#003e69;box-shadow:5px 5px 5px 0 rgba(0,0,0,.3);-webkit-box-shadow:5px 5px 5px 0 rgba(0,0,0,.3);color:#fff;display:block;font-size:22px;margin:0 auto;max-width:220px;padding:14px 10px;text-align:center;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out}.btn-text-view:hover{background:#b09532;color:#fff;text-decoration:none}.style-of-tiles--inner:hover{box-shadow:2px -3px 5px -1px rgba(0,0,0,.6);-webkit-box-shadow:2px -3px 5px -1px rgba(0,0,0,.6);-moz-box-shadow:2px -3px 5px -1px rgba(0,0,0,.6)}.style-of-tiles--inner:hover .btn-alignment{opacity:1;transform:translateY(-40px)}.style-of-tiles--inner--modifier{padding:0 20px 100px;position:relative}.btn-alignment{bottom:0;left:0;opacity:0;position:absolute;transform:translateY(100%);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:100%}.style-of-tiles--inner.hover-off{box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;padding-top:0}.style-of-tiles--inner.hover-off .btn-alignment{opacity:1;transform:translateY(-40px)}@media (max-width:1200px){.btn-text-view{font-size:20px;max-width:180px;padding:10px}}@media screen and (min-width:992px){.roof-style-main{min-height:760px}}@media (max-width:991px){.roof-style-main,.style-of-tiles{height:auto}}@media (max-width:767px){.style-of-tiles--inner{height:486.34px!important}.roof-style-holder h1{padding:0 20px}.style-of-tiles{margin:0}.style-of-tiles--inner{box-shadow:none!important;-webkit-box-shadow:none!important;flex:0 0 100%}.style-of-tiles--inner--modifier{padding-bottom:50px}.btn-alignment{opacity:1;position:static;transform:none!important}.style-img{padding:0 50px}.roof-style-main,.style-of-tiles,.style-of-tiles--inner{height:auto}}@media (max-width:550px){.style-img{padding:0 10px}}