.augmented-reality-main-container *{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
.augmented-reality-main-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img{display:block}
ol,ul{list-style:none;margin-bottom:0}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a,a:focus,a:hover{outline:0}
sup{vertical-align:super!important;font-size:75%!important;top:0!important}
.clear-fix:after{content:"";display:table;clear:both}
.float-left{float:left}
.float-right{float:right}
.relative{position:relative}
.absolute{position:absolute}
.fixed{position:fixed}
.text-right{text-align:right}
.text-center{text-align:center}
.text-left{text-align:left}
.text-justify{text-align:justify}
.hn-block{display:block}
.hn-inline{display:inline}
.hn-inline-block{display:inline-block}
.table{display:table;background:transparent}
.table-row{display:table-row}
.table-cell{display:table-cell;vertical-align:middle}
.hn-small-caps{font-variant-caps:all-small-caps}
.feature-heading,.feature-image,.feature-description,.mainbox-primary h2.title,.row-1103>.alpha,.row-993>.alpha>.col-sm-9,.row-994{display:none}
.feature-description{margin:0!important;height:0!important}
.row-972 .container,.row-1038 .container,.row-1089 .container,.row-992>.container,.row-993>.alpha{padding-left:0;padding-right:0;padding-bottom:0;background:#fff}
.row-992>.container>.row,.push-out{margin-left:0;margin-right:0}
.row-1103>.omega{width:100%!important;max-width:1260px!important}
.gap-main-top{padding-top:0}
.gap{display:none!important}
.wysiwyg-content ul{list-style:none}
@media screen and (min-width:1280px){.row-972 .container,.row-1038 .container,.row-1089 .container,.row-1103>.omega{max-width:100%}
.gap-main-top{padding-top:0}
}@media screen and (min-width:992px){.gap-main-top{padding-top:0}
}.wysiwyg-content ul,.wysiwyg-content ol{padding-left:0;margin-bottom:0}
.augmented-reality-main-container{font-family:lato,arial,sans-serif;font-size:14px;width:100%;max-width:100%;padding:0;margin:0 auto 80px}
.augmented-reality-main-container img{display:block;max-width:100%}
@media screen and (max-width:992px){.augmented-reality-main-container{font-size:12px}
}.augmented-reality-logo-tag h2{font-size:30px;line-height:1.2em;letter-spacing:5px;text-transform:uppercase;font-weight:400;color:#77aed7;margin:0}
.augmented-reality-header h2{font-size:1.857em;line-height:1.2em;font-weight:700;color:#3a3a3a;margin:0}
.augmented-reality-header h3{font-size:1.429em;line-height:1.2em;font-weight:700;color:#3a3a3a;margin:0}
.augmented-reality-blurb p,.augmented-reality-compatible-devices-list ul li span{font-size:1.143em;line-height:1.4em;font-weight:400;color:#585858;margin:0}
.augmented-reality-banner-mobile-outer{display:none}
.augmented-reality-banner-outer{overflow:hidden;background:url(https://s3-eu-west-1.amazonaws.com/hnie-assets/pages/Augmented+Reality/images/augmented-reality-banner.jpg) no-repeat center center /cover}
.augmented-reality-banner-inner{padding:0 20px;height:445px;overflow:hidden}
.augmented-reality-logo-outer{left:50%;top:60px}
.augmented-reality-logo{margin-bottom:2.857em}
.augmented-reality-logo img{margin:0 auto}
.augmented-reality-content-outer{max-width:1280px;margin:0 auto;padding:80px 0;overflow:hidden}
.augmented-reality-intro-inner,.augmented-reality-steps-inner{padding:0 60px}
.augmented-reality-intro-text-outer,.augmented-reality-video-outer,.augmented-reality-iphone-outer,.augmented-reality-steps-list-outer{width:50%}
.augmented-reality-intro-text-inner{padding-right:20%}
.augmented-reality-intro-text-inner header{margin-bottom:1em}
.augmented-reality-intro-text-inner header img{margin:0 auto 1em;width:26%}
.augmented-reality-video-inner>img{width:100%}
.augmented-reality-steps-outer{padding:80px 0}
.augmented-reality-iphone{margin-left:50px;position:relative;z-index:1}
.augmented-reality-iphone-screens{top:0;width:100%;height:100%;z-index:99;margin-left:50px}
.augmented-reality-iphone-screen{top:0;left:0;width:100%;height:100%}
.augmented-reality-iphone-screen.active{opacity:1}
.augmented-reality-iphone-screen-1 .button-pulse-container{top:350px;left:120px}
.augmented-reality-iphone-screen-2 .button-pulse-container{top:320px;left:74px}
.augmented-reality-iphone-screen-3 .button-pulse-container{top:217px;left:45px}
.button-pulse-container{width:8.571em;height:8.571em}
.button-pulse{left:50%;top:50%;margin-left:-1.429em;margin-top:-1.429em;width:2.857em;height:2.857em;background:rgba(30,144,255,0.8);-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%;animation:button-pulse 1.5s infinite}
@keyframes button-pulse{0%{background:rgba(30,144,255,0.8);width:2.857em;height:2.857em;margin-left:-1.429em;margin-top:-1.429em}
100%{background:rgba(30,144,255,0);width:8.571em;height:8.571em;margin-left:-4.285em;margin-top:-4.285em}
}.augmented-reality-steps-list-outer{z-index:99}
.augmented-reality-steps-list-inner{padding-top:120px}
.augmented-reality-steps-list-inner header{margin-bottom:4em}
.augmented-reality-steps-list-inner ul li{margin-bottom:2em;position:relative;height:2.857em;transition:transform .5s}
.augmented-reality-steps-list-inner ul li p{font-size:1.429em;line-height:1.2em;color:#b3b3b3;font-weight:400;transition:color .5s;padding:6px 0 0 3em}
.augmented-reality-steps-list-inner ul li.active{transform:scale(1.1) translateX(4%)}
.augmented-reality-steps-list-inner ul li.active p{color:#3a3a3a}
.augmented-reality-steps-list-inner ul li span{text-align:center;line-height:2.857em;margin-right:1.429em;position:absolute;left:0;color:#fff;background:#b3b3b3;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%;width:2.857em;height:2.857em}
.augmented-reality-steps-list-inner ul li.active span{background:#77aed7}
.augmented-reality-steps-list-outer{z-index:9999}
.augmented-reality-iphone-outer{position:relative;z-index:1}
.slick-list{border:none!important}
.slick-dots{position:relative;top:0;left:0}
.slick-dots li{position:relative;display:block;width:100%;height:auto;margin:0 0 30px;padding:0;cursor:pointer;transition:all .4s}
.slick-dots li button{background:#adadad;border-radius:50%;width:40px;height:40px;line-height:30px;position:relative;transition:background .4s}
.slick-dots li button:before{font-family:lato,arial;font-size:16px;line-height:40px;position:absolute;top:0;left:0;width:40px;text-align:center;opacity:1;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li:after{font-family:lato,arial;font-size:20px;line-height:40px;position:absolute;top:0;width:100%;left:50px;text-align:left;opacity:1;color:#b3b3b3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active{opacity:1;color:#fff!important;transform:scale(1.1) translateX(4%)}
.slick-dots li.slick-active button{background:#77aed7}
.slick-dots li.slick-active button:before{opacity:1;color:#fff}
.slick-dots li.slick-active:after{color:#444}
.slick-dots li:first-child button:before{content:"1"}
.slick-dots li:nth-child(2) button:before{content:"2"}
.slick-dots li:nth-child(3) button:before{content:"3"}
.slick-dots li:nth-child(4) button:before{content:"4"}
.slick-dots li:nth-child(5) button:before{content:"5"}
.slick-dots li:first-child:after{content:"Shop our AR range at the bottom of this page"}
.slick-dots li:nth-child(2):after{content:"Choose a product"}
.slick-dots li:nth-child(3):after{content:"Click the “AR” icon"}
.slick-dots li:nth-child(4):after{content:"Point your device towards a chosen area"}
.slick-dots li:nth-child(5):after{content:"Watch your room come to life in your hand"}
.augmented-reality-iphone-screen.slick-slide img {width: auto !important;}
.augmented-reality-shop-background{height:800px;background:url('https://s3-eu-west-1.amazonaws.com/hnie-assets/pages/Augmented+Reality/images/augmented-reality-accuracy-banner.jpg') no-repeat right top /cover}
.augmented-reality-shop-content-outer{top:0;right:0;width:100%;max-width:700px}
.augmented-reality-shop-content-inner{padding:100px 100px}
.augmented-reality-shop-content-blurb p{font-size:2.571em;line-height:1em;color:#353535;font-weight:300;margin:0 0 1em;text-shadow:0 0 6px rgba(255,255,255,1)}
.augmented-reality-shop-content-btn a{display:inline-block;color:#fff;font-size:1.419em;line-height:1em;font-weight:400;padding:1em 2em;background:#0e83ea;text-decoration:none}
.augmented-reality-shop-content-btn:hover a{color:#fff;text-decoration:none}
.augmented-reality-compatibility-inner{padding:80px 0}
.augmented-reality-compatible-devices-outer{padding-top:2.143em}
.augmented-reality-compatible-devices-list header{padding-bottom:1.429em;margin-bottom:1.429em;border-bottom:1px solid #ccc}
.augmented-reality-compatible-devices-list{width:46%;max-width:200px}
.augmented-reality-compatible-devices-list:first-child{margin-right:8%}
@media screen and (max-width:1300px){.augmented-reality-compatibility-inner{padding:80px 60px}
}
@media screen and (max-width:992px){.augmented-reality-banner-inner{height:300px}
.augmented-reality-logo-outer{top:30px;left:46%}
.augmented-reality-logo-tag h2{font-size:24px}
.augmented-reality-logo{max-width:320px}
.augmented-reality-intro-text-outer,.augmented-reality-video-outer{width:100%}
.augmented-reality-content-outer{padding:40px 0}
.augmented-reality-compatibility-inner{padding:40px 40px}
.augmented-reality-intro-text-outer{padding:0 20px}
.augmented-reality-intro-inner{padding:0}
.augmented-reality-intro-text-inner{text-align:center;padding-right:0;margin:0 auto 40px;max-width:500px}
.augmented-reality-intro-text-inner header img{width:70px}
.augmented-reality-iphone{margin-left:0!important}
.augmented-reality-steps-list-outer,.augmented-reality-iphone-outer{float:none;width:100%;max-width:300px!important;margin:0 auto}
.augmented-reality-steps-list-inner{padding:0;height:160px}
.augmented-reality-steps-list-inner header{margin-bottom:2em}
.augmented-reality-steps-list-inner ul.slick-dots{width:260px;padding:0;margin:0 auto;}
.augmented-reality-steps-list-inner ul li{display:inline-block;width:40px;margin-right:15px;position:static}
.augmented-reality-steps-list-inner ul li:after{display:none}
.augmented-reality-steps-list-inner ul li.slick-active:after{display:block}
.slick-dots li:after{font-size:16px;line-height:20px;top:50px;width:200px;text-align:center}
.slick-dots li:first-child:after{left:20px}
.slick-dots li:nth-child(2):after{left:-30px}
.slick-dots li:nth-child(3):after{left:-80px}
.slick-dots li:nth-child(4):after{left:-130px}
.slick-dots li:nth-child(5):after{left:-180px}
.augmented-reality-steps-list-inner header{text-align:center}
.augmented-reality-steps-list-inner ul li:last-child{margin-right:0}
.slick-dots li.slick-active{transform:scale(1.1) translateX(0%)}
.augmented-reality-shop-content-outer{right:auto;left:0}
.augmented-reality-shop-content-inner{padding:100px 100px 100px 115px}
.augmented-reality-shop-background{background:url(https://s3-eu-west-1.amazonaws.com/hnie-assets/pages/Augmented+Reality/images/augmented-reality-accuracy-banner.jpg) no-repeat left top /cover}
.augmented-reality-iphone-screens{margin-left:0}
.augmented-reality-iphone-screen-1 .button-pulse-container{top:255px;left:85px}
.augmented-reality-iphone-screen-2 .button-pulse-container{top:232px;left:49px}
.augmented-reality-iphone-screen-3 .button-pulse-container{top:156px;left:28px}
.augmented-reality-steps-outer{padding:40px 0}
}
@media screen and (max-width:750px){
.augmented-reality-banner-mobile-outer{display:block}
.augmented-reality-banner-outer{display:none}
.augmented-reality-intro-inner,.augmented-reality-steps-inner{padding:0}
.augmented-reality-shop-background{height:250px;background:url(https://s3-eu-west-1.amazonaws.com/hnie-assets/pages/Augmented+Reality/images/augmented-reality-accuracy-banner.jpg) no-repeat center center /cover}
.augmented-reality-shop-content-outer{position:static}
.augmented-reality-shop-content-inner{padding:40px 30px;background:#f7f7f7;border-bottom:1px solid #e8e8e8}
.augmented-reality-shop-content-blurb p {font-size: 2em;line-height: 1.2em;}
}
