.video-chat-banner-outer{background:url(https://hnie.blob.core.windows.net/hnie-assets/landing-pages/harvey-norman-live/images/video-chat-banner.jpg) no-repeat center center / cover}
.video-chat-banner-content-inner{padding:200px 40px}
.video-chat-service .video-chat-blurb{height:80px}
.video-chat-banner-content-inner .table{max-width:700px;margin:0 auto}
.video-chat-banner-content-inner .table img{max-width:inherit!important}
.video-chat-banner-text{padding-left:40px;margin-top:-40px}
.video-chat-step-2-outer{background:url(https://hnie.blob.core.windows.net/hnie-assets/landing-pages/harvey-norman-live/images/video-chat-step-2-banner.jpg) no-repeat center center / cover}
.video-chat-step-3-outer{overflow:hidden}
.video-chat-services-inner{max-width:1000px;padding:60px 0;margin:0 auto}
.video-chat-service{width:50%;padding:0 40px;height:260px}
.video-chat-step-1-outer,.video-chat-step-2-inner .video-chat-step-content-outer,.video-chat-step-3-inner .video-chat-step-content-outer{padding:40px;max-width:1100px;margin:0 auto}
.video-chat-step-1-outer{padding:80px 40px}
.video-chat-step-1-outer .table{table-layout:fixed}
.video-chat-step-1-outer .table-cell{width:50%}
.video-chat-step-1-outer .video-chat-step-content-inner{padding-right:40px}
.video-chat-step-2-inner .video-chat-step-content-inner{padding:170px 0;max-width:450px}
.video-chat-step-3-outer{background:#f7f7f7}
.video-chat-step-3-inner .video-chat-step-content-inner{padding:180px 0;max-width:450px}
.video-chat-step-3-image{left:50%;margin-left:-500px;top:0}
.video-chat-step-2-inner{background:-moz-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,0) 34%,rgba(0,0,0,0.18) 51%,rgba(0,0,0,0.21) 52%,rgba(0,0,0,0.63) 70%,rgba(0,0,0,0.8) 100%);background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,0) 34%,rgba(0,0,0,0.18) 51%,rgba(0,0,0,0.21) 52%,rgba(0,0,0,0.63) 70%,rgba(0,0,0,0.8) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,0) 34%,rgba(0,0,0,0.18) 51%,rgba(0,0,0,0.21) 52%,rgba(0,0,0,0.63) 70%,rgba(0,0,0,0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#e6000000',GradientType=1)}
.video-chat-step-outer .table-cell img{max-width:100%}
.video-chat-header h2{font-size:2.6em;line-height:1em;color:#444;margin:0 0 .2em;font-weight:400}
.video-chat-header h3{font-size:1.6em;line-height:1em;color:#444;margin:0 0 .3em;font-weight:800}
.video-chat-banner-text .video-chat-header h2{color:#fff;text-transform:uppercase;text-shadow:0 0 6px rgba(0,0,0,1),0 0 16px rgba(0,0,0,1)}
.video-chat-banner-text .video-chat-header h2 span{font-weight:800;font-size:1.2em}
.video-chat-service h3{font-size:1.6em;line-height:1em;color:#444;margin:0 0 .2em;font-weight:800}
.video-chat-step-2-inner .video-chat-header h3{text-shadow:0 0 16px rgba(0,0,0,1);color:#fff}
.video-chat-blurb p{font-size:1.143em;line-height:1.3em;color:#444;margin:0;font-weight:400}
.video-chat-banner-text .video-chat-blurb p{font-size:1.286em;color:#fff;text-shadow:0 0 6px rgba(0,0,0,1),0 0 8px rgba(0,0,0,1),0 0 14px rgba(0,0,0,1)}
.video-chat-step-2-inner .video-chat-blurb p{font-size:1.143em;color:#fff;text-shadow:0 0 16px rgba(0,0,0,1)}
.video-chat-service i{font-size:2.4em;line-height:1em;color:#004378;margin:0 0 10px}
.video-chat-btn a{text-decoration:none;color:#fff;font-size:1.143em;line-height:1em;display:inline-block;padding:1em 2em;border-radius:4px;background:#459cd9;transition:all .3s}
.video-chat-btn a:hover{text-decoration:none;color:#fff;background:#357aab}
@media screen and (max-width:992px){
.video-chat-banner-content-inner{padding:150px 40px 100px}
.video-chat-step-1-outer{padding:60px 40px}
.video-chat-step-2-inner .video-chat-step-content-inner{padding:20px 0}
.video-chat-step-3-image{margin-left:-350px;width:300px;bottom:-130px;top:auto}
.video-chat-step-3-inner .video-chat-step-content-inner{padding:100px 0;width:450px;max-width:60%}
}
@media screen and (max-width:750px){
.video-chat-banner-content-inner{padding:100px 20px 70px}
.video-chat-header h2{font-size:24px}
/* .video-chat-banner-text .video-chat-blurb{display:none} */
.video-chat-banner-content-inner img{height:200px}
.video-chat-banner-text{padding-left:0}
.video-chat-services-inner{padding:30px 0}
.video-chat-service{width:100%;float:none;padding:0 20px;height:auto;max-width:400px;margin:0 auto 40px}
.video-chat-service:last-child{margin:0 auto 0}
.video-chat-service .video-chat-blurb{height:auto;margin-bottom:20px}
.video-chat-service h3{font-size:1.4em}
.video-chat-step-1-outer{padding:40px 20px}
.video-chat-step-1-outer .table .table-cell{display:block;width:100%}
.video-chat-step-1-outer .video-chat-step-content-inner{padding-right:0;text-align:center!important;margin-bottom:20px}
.video-chat-step-1-inner{max-width:450px;margin:0 auto}
.video-chat-step-2-inner .video-chat-step-content-inner{padding:0;float:none;margin:0 auto;text-align:center!important}
.video-chat-step-1-outer,.video-chat-step-2-inner .video-chat-step-content-outer,.video-chat-step-3-inner .video-chat-step-content-outer{padding:40px 20px}
.video-chat-step-2-inner{background:rgba(0,0,0,0.4)}
.video-chat-step-3-inner .video-chat-step-content-inner{padding:0;width:450px;max-width:100%;margin:0 auto;float:none;text-align:center!important}
.video-chat-step-3-image{position:relative;margin:0 auto!important;margin-left:0;bottom:0;left:auto}
.video-chat-step-3-inner .video-chat-step-content-outer{padding-bottom:10px}
}
@media screen and (max-width:450px){
/* .video-chat-banner-content-inner{padding:20px 20px 0} */
.video-chat-blurb p{font-size:1em}
}

.voiceable_btn {
    text-indent: -10000px;
    background-image: url(https://hnie.blob.core.windows.net/hnie-assets/landing-pages/harvey-norman-live/images/ask-sage-logo-100x.png);
    border-radius: 50%;
    height: 100px;
    width: 100px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: center;
    border: none;
}

.voiceable_btn:hover {
    box-shadow: #459cd9 0px 5px 15px;
}

.voiceable_btn #voiceable_call_btn_wrapper #voiceable_call_btn_header {
    color: #fff;
    width: 100px;
    height: 100px;
}