section#orange-elite{background-position:center center;background:#fff}#orange-elites{background:url(../../images/slider2.jpg) no-repeat center center fixed;background-size:cover;width:100%}section.demo{height:500px;width:100%;display:flex;display:-webkit-flex;padding-top:50px;justify-content:center;-webkit-justify-content:center;background-size:cover;background-repeat:no-repeat}section.demo>div.preview{display:flex;display:-webkit-flex;width:900px;position:relative}section.demo>div.preview>div.desktop{width:100%;height:100%;background-repeat:no-repeat;background-position:top center}section.demo>div.preview>div.mobile{width:400px;height:310px;background-repeat:no-repeat;background-position:top center;position:absolute;right:0;bottom:0}section.demo>div.preview>div.tablet{width:520px;height:200px;background-repeat:no-repeat;background-position:top center;position:absolute;left:0;bottom:0}section.demo>article{width:500px;flex-shrink:0;color:#fff;padding-top:70px}section.demo.left>article{padding-right:30px}section.demo.right>article{padding-left:0}section.demo>article h1,section.demo>article h2,section.demo>article h3,section.demo>article h4{margin:0;font-weight:700;line-height:1;color:#333}section.demo>article h4{font-size:1.3125em;margin-bottom:25px;font-family:Poppins,sans-serif}section.demo>article h1{font:500 3.2em/1em Poppins,sans-serif;margin-bottom:20px;text-transform:uppercase;padding-right:30px}section.demo>article h3{font-family:Poppins,sans-serif;font-size:1.8125em;line-height:40px}section.demo>article ul{padding:10px 30px 25px 0;list-style:none;margin-left:0;color:#333}section.demo>article ul li{font-family:Poppins,sans-serif;font-size:18px;line-height:2;color:#898989}section.demo>article ul li:not(:last-child){margin-bottom:14px}section.demo>article div.btns{display:flex;display:-webkit-flex;margin-top:40px}section.demo>article div.btns a{font-size:13px;font-family:Poppins,sans-serif;text-transform:uppercase;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;display:inline-block;text-decoration:none;width:184px;height:52px;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;font-weight:700}section.demo>article div.btns a.colored{background-color:#e8300c;color:#fff;margin-right:15px;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease}section.demo>article div.btns a.colored:hover{background-color:rgba(232,48,12,.8)}section.demo>article div.btns a.colored:hover span{-webkit-animation:flipInY .8s ease-in-out;-o-animation:flipInY .8s ease-in-out;animation:flipInY .8s ease-in-out}section.demo>article div.btns a.white:hover span{-webkit-animation:tada .8s ease-in-out;-o-animation:tada .8s ease-in-out;animation:tada .8s ease-in-out}section.demo>article div.btns a.white{color:#000;background-color:#fff;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease}section.demo>article div.btns a.white:hover{background-color:rgba(256,256,256,.8)}section.demo>article div.btns a.white svg path{fill:#000}section.demo>article div.btns a svg{padding-left:20px}.hp-themes__example{display:block;position:relative;transform:translateZ(0)}.hp-themes__example.visible .hp-ui-screenshot{opacity:1;filter:grayscale(0)}.hp-themes__example .hp-ui-screenshot{opacity:0;transition:all .5s ease-out;filter:grayscale(100%)}.hp-themes__example img{opacity:1}.hp-ui-screenshot::before{position:absolute;bottom:3%;left:5%;right:5%;content:" ";height:97%;box-shadow:0 40px 80px rgba(4,68,83,.3);z-index:-1}.hp-themes__example:nth-child(1){width:75%;margin:0 0 0 -80px;text-align:left}.hp-themes__example:nth-child(2){float:right;width:30%;margin:-45% 0 0 0;text-align:left}.hp-themes__example:nth-child(3){float:right;width:77%;margin:0 -150px 0 0;text-align:left;z-index:0}.hp-themes__example:nth-child(4){float:left;width:32%;margin:40% 0 0 -11%}.hp-themes__example:nth-child(5){float:left;width:77%;margin:-26% 0 0 -40%}.hp-themes__example:nth-child(6){float:right;width:40%;margin:-15% -10% 0 0}.hp-themes__example:nth-child(7){float:right;width:80%;margin:-50% -15% 0 0;clear:both}html.cssanimations .onscroll-animate{-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-o-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;opacity:0}