.page-index #layout-content{margin-top:0;padding-top:0}
.page-index .intro{perspective:1px;min-height:100vh;padding-bottom:0;position:relative;overflow:hidden;text-align:center}
.page-index .intro .overlay{background:rgba(0,0,0,0.4);width:100%;height:100%;position:absolute;z-index:-1;top:0;left:0}
@media (max-width:575px){.page-index .intro .overlay{background:rgba(0,0,0,0.8)}}
.page-index .intro .parallax__layer{position:absolute;top:0;right:0;bottom:0;left:0}
.page-index .intro .parallax__layer--back{transform:translateZ(-1px) scale(2)}
.page-index .intro .parallax__layer--base{transform:translateZ(0)}
.page-index .intro .parallax__layer--base .container{min-height:100vh}
@media (max-width:575px){.page-index .intro .parallax__layer--base .container{min-height:350px}}
.page-index .intro .parallax__layer--back{background:url('../themes/Ceramflex/assets/images/homepage/header-image.jpg') center center / cover}
.page-index .intro>.container{position:relative;z-index:2}
.page-index .intro .intro-inner{text-shadow:0 1px 3px rgba(0,0,0,0.5)}
.page-index .intro .intro-inner h1{color:#fff;font-size:20px;font-weight:300;margin-bottom:20px;text-transform:uppercase}
.page-index .intro .intro-inner p{color:#fff;font-size:18px;letter-spacing:0.8px;max-width:800px;margin:20px auto}
.page-index .intro .scroll-btn{padding:30px 0 10px;width:100%;display:block}
.page-index .intro .scroll-btn .mouse{position:relative;display:inline-block;width:50px;height:77px;margin:0 auto 5px;border:2px solid #fff;border-radius:24px;opacity:.6}
.page-index .intro .scroll-btn .weel{position:relative;display:inline-block;width:20px;height:40px;margin:6px auto 5px;border:2px solid #fff;border-radius:24px;opacity:.6}
.page-index .intro .scroll-btn .weel span{position:absolute;display:block;top:0;left:50%;width:8px;height:12px;margin:-10px 0 0 -4px;background:#fff;border-radius:20px;-webkit-animation:scroll 2s linear infinite;-moz-animation:scroll 2s linear infinite;animation:scroll 2s linear infinite}
@-webkit-keyframes scroll{1%{opacity:1;top:30%}20%{opacity:1;top:80%}60%{opacity:0;top:80%}100%{opacity:0;top:30%}}
@-moz-keyframes scroll{1%{opacity:1;top:30%}20%{opacity:1;top:80%}60%{opacity:0;top:80%}100%{opacity:0;top:30%}}
@keyframes scroll{1%{opacity:1;top:30%}20%{opacity:1;top:80%}60%{opacity:0;top:80%}100%{opacity:0;top:30%}}
@media (max-width:575px){.page-index .intro .intro-inner{padding:70px 20px 0}.page-index .intro .intro-inner img{max-width:250px}}
@media (max-width:575px){.page-index .intro{min-height:350px}}
.page-index .feature .feature-content{padding:50px 0 0}
.page-index .feature .feature-pill{display:inline-block;background:#FFE9B4;border-radius:100px;padding:3px 20px}
.page-index .feature .feature-pill>span{opacity:0.45;color:#000;font-weight:400;font-size:16px;line-height:28px}
.page-index .feature .feature-image{padding:0 20px}
.page-index .feature h3{font-size:22px}
.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/Ceramflex/assets/images/bg-1.jpg');background-size:cover;background-position:right;padding:70px 0;position:relative;overflow:hidden;z-index:1}
.page-index .actioncall>.container{position:relative}
@media (max-width:991px){.page-index .actioncall{background-position:left}}