.page-index .jumbotron{background-image:url('../themes/ipoolgo/assets/images/homepage/header-home.jpg');background-size:cover;padding-bottom:0;position:relative;overflow:hidden;z-index:1}
.page-index .jumbotron:before{content:'';position:absolute;width:100%;height:186px;background-image:url('../themes/ipoolgo/assets/images/waves/header-wave.svg');background-repeat:repeat-x;z-index:1;bottom:-1px}
.page-index .jumbotron:after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,0.5)}
.page-index .jumbotron>.container{position:relative;z-index:2}
.page-index .jumbotron .jumbotron-decoration-1{content:'';border-radius:100%;background-color:#F4F7F8;display:block;position:absolute;z-index:-1;width:524px;height:524px;left:-10px;top:-84px;opacity:.04}
.page-index .jumbotron .jumbotron-decoration-2{content:'';border-radius:100%;background-color:#F4F7F8;display:block;position:absolute;z-index:-1;width:524px;height:524px;left:648px;top:260px;opacity:.05}
.page-index .jumbotron .jumbotron-intro{padding:100px 10px 250px 10px;margin-bottom:50px}
.page-index .jumbotron .jumbotron-intro h1{color:#fff;font-weight:700;text-shadow:1px 1px 2px #444}
.page-index .jumbotron .jumbotron-intro p{color:#fff;text-shadow:1px 1px 2px #444;margin-top:20px;text-transform:uppercase}
@media (max-width:1399px){.page-index .jumbotron .jumbotron-intro h1{font-size:45px}}
@media (max-width:1199px){.page-index .jumbotron .jumbotron-intro{padding-left:0}.page-index .jumbotron .jumbotron-intro h1{font-size:45px}}
@media (max-width:991px){.page-index .jumbotron .jumbotron-intro{padding:20px 0 0}.page-index .jumbotron .jumbotron-intro h1{font-size:35px}.page-index .jumbotron .jumbotron-product{padding-top:20px}}
@media (max-width:991px){.page-index .jumbotron:before{background-image:none}}
.page-index .intro .img-intro{width:300px;margin:35px 0}
.page-index .intro p.lead{max-width:850px;margin:0 auto;display:block}
.page-index .categories .category{position:relative;overflow:hidden;height:100%}
.page-index .categories .category .inner{background-position:center center;background-repeat:no-repeat;background-size:cover;transition:all .2s linear;height:100%}
.page-index .categories .category .inner:before{opacity:0;content:"";position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,0.5);transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;-webkit-transition:opacity 0.3s ease;z-index:4}
.page-index .categories .category .inner:after{content:"";position:absolute;left:0;right:0;bottom:0;top:40%;transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;-webkit-transition:opacity 0.3s ease;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%)}
.page-index .categories .category .iconl{position:absolute;top:20px;left:20px;z-index:4}
.page-index .categories .category .iconr{position:absolute;bottom:20px;right:20px;z-index:4}
.page-index .categories .category .title{display:flex;flex-direction:column;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;line-height:20px;letter-spacing:0.3px;background:rgba(0,0,0,0.5);padding:5px 15px;position:absolute;left:0px;bottom:30px;z-index:3}
@media (min-width:992px){.page-index .categories .category .x1{padding-top:55%}.page-index .categories .category .x2{padding-top:45%}}
@media (max-width:991px){.page-index .categories .category .x1,.page-index .categories .category .x2{padding-top:75%}}
.page-index .categories .category:hover .inner{-webkit-transform:scale(1.03);transform:scale(1.03);will-change:transform}
.page-index .categories .category:hover .inner:before{opacity:1}
.page-index .categories .category:hover .inner:after{opacity:0}
@media (max-width:991px){.page-index .categories .col{margin-bottom:30px}}
.page-index .feature .feature-content{padding:50px 0 0}
.page-index .feature .feature-pill{display:inline-block;background:#35b8cc;border-radius:100px;padding:3px 20px}
.page-index .feature .feature-pill>span{color:#fff;font-weight:400;font-size:16px;line-height:28px}
.page-index .feature h3{font-weight:700;font-size:26px;margin-bottom:30px}
.page-index .feature p{line-height:28px;margin-bottom:30px}
@media (max-width:1199px){.page-index .feature .feature-content{padding-top:0;padding-bottom:50px}}
@media (max-width:991px){.page-index .feature .feature-image{display:none}}
.page-index .actioncall{text-align:center;background-image:url('../themes/ipoolgo/assets/images/homepage/actioncall.jpg');background-position:center;background-size:cover;background-attachment:scroll;padding:70px 0;position:relative;overflow:hidden;z-index:1}
.page-index .actioncall>.container{position:relative}
.page-index .actioncall h3{color:#fff;text-shadow:1px 1px 2px #444}
.page-index .actioncall p.lead{font-weight:400;font-size:20px;margin-bottom:40px;color:#fff;text-shadow:1px 1px 2px #444}
@media (max-width:1199px){.page-index .actioncall h3{font-size:50px}}
@media (max-width:991px){.page-index .actioncall h3{font-size:40px}}
.page-index .actioncall:before{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,0.7)}