.spacer {padding:0 0.5em;}
.smicn {max-height:24px; max-width:24px; margin:5px;}
.downbtn {margin:5px;}

.txtnormal {text-transform:inherit;}
.align-middle {vertical-align:middle;}
.align-top {vertical-align:top;}
.align-bottom {vertical-align:bottom;}
.right-block {margin-right:0; margin-left:auto;}

.padrt {padding-right:0.5em; padding-bottom:0.5em; display:inline-block;}
.like-table {display:table; width:100%;}
.like-table.row > [class*=col-] {display:table-cell; float:none; vertical-align:middle;}
img.smi {width:35px; max-width:50px;}
.table-system-comp td {text-align:center;}
.table-system-comp td:first-child {text-align:left;}
.smtxt {font-size:0.7em; line-height:1.1em;}
.smfttxt {position:absolute; bottom:20px; left:20px; font-size:13px; line-height:1.1em;}
.nmb {margin-bottom:0 !important;}
.nmt {margin-top:0 !important;}
.hbreak {display:block;}
.lineelement {padding-left:30px; position:relative;}
.lineelement:before {
content: ''; height:77%; max-height:60px; width:8px; position:absolute; left:0;
background-color: rgba(16, 16, 235, 1);
}

.playbtn {background:url(/res/img/smartguard/icn-play2.png) 50% no-repeat; height:100%; width:100%; display:block; outline:none; text-decoration:none;}
.playbtn1 {background:url(/res/img/smartguard/icn-play1.png) 50% no-repeat; height:100%; width:100%; display:block; outline:none; text-decoration:none;}
.playbtn.abpos, .playbtn1.abpos {position:absolute; z-index:1; min-height:150px; min-width:150px;}
.playbtn2 {display:block; position:relative;}
.playbtn2:after {
content:"";
background:url(/res/img/vid-play-btn.svg) 50% / 18% no-repeat;
position:absolute;
height:100%;
width:100%;
display:block;
left:0;
top:0;
}
.playbtn3 {display:block; position:relative;}
.playbtn3 .venobox {
position:absolute;
height:auto;
width:30%;
left:50%;
top:50%;
margin-top:-15%;
margin-left:-15%;
}
.dinline {display:inline-block;}
.mrl-reset {margin-right:0; margin-left:0}
.mr-reset {margin-right:0;}
.ml-reset {margin-left:0;}
.prl-reset {padding-right:0; padding-left:0;}
.pr-reset {padding-right:0;}
.pl-reset {padding-left:0;}
.testimonial .quote {font-size:22px; line-height:24px; text-indent:-7px; margin-bottom:15px;}
.testimonial .author {font-size:13px; text-transform:uppercase;}
.testimonial .title {font-size:13px;}
.icncols > div > [class*=col-]  {padding-left:0; padding-right:0;}
.icncols > div  {margin-bottom:15px;}
ul.square.col2 li {width:32%; float:left; padding-right:10px;}
.lgtxt {font-size:140%;}
.sect ul.glide__slides li {margin:inherit !important;}
.ftimg {position:absolute; top:50%; left:50%; transform:translate(-45%, -50%); z-index:1; max-height:600px;}
/*.quotebox {background:url(/res/img/guardian-connect2/quote.png) 0 0 / 18% no-repeat; padding-left:24%;}*/
.quotebox {padding-left:16%;}
.quotebox {padding-top:10px; position:relative;}
.quotebox::before {
content:'"';
font-style: italic;
font-family:'Avenir Next World W05', Helvetica, sans-serif !important;
font-size:15vw;
position:absolute;
display:block;
left:-1vw;
top:-2vw;
}
/*
.quotebox::after {
content:'"';
font-style: italic;
font-family:'Avenir Next World W05', Helvetica, sans-serif !important;
font-size:10vw;
position:absolute;
display:block;
right:0vw;
bottom:-2vw;
line-height:0;
}
*/
.quotebox > .quotebody {font-size:24px;}
.quotebox > .quotename {font-size:14px;}
.quotebg .venobox.vidbtn {display:none;}
.testbox {padding-left:15px; padding-right:25px; margin-bottom:20px;}
.testbox > .t1 {padding:20px 25px; background:#f5f5f5; margin-bottom:20px; border-radius:20px;}
.testbox > .t1::after {content:url(/res/img/guardian-connect2/testpoint.png); position:absolute; bottom:20px; left:50px;}
.testbox > .t2 {margin-left:30px;}

.hotspot{
width: 100%;
height:80%;
background-image: url(/res/anz/gs4-cgm-device.jpg);
background-repeat: no-repeat;
background-position: 20px 150px;
position: relative;
}
.hotspot .spot1{
background-color: #1010eb;
height: 30px;
width: 30px;
border-radius: 50px;
color: white;
padding: 5px 0px 4px 2px;
position: absolute;
right: 63%;
top: 30%;
}
.hotspot .spot1 span:hover, .devices .hotspot .spot2 span:hover{
cursor: pointer;
}
.hotspot .spot1 span::before, .devices .hotspot .spot2 span::before{
content: "X";
color: white;
}
.hotspot .spot1 span.open::before, .devices .hotspot .spot2 span.open::before{
content: "-";
color: white;
font-weight: bold;
}
.hotspot .spot1-text, .devices .hotspot .spot2-text{
width: 330px;
position: absolute;
left: 100%;
top: 15%;
background-image: url(/res/anz/blue-dots.png);
background-repeat: no-repeat;
background-position: 0px 10px;
padding-left: 120px;
text-align: left;
font-size: 18px;
}
.spot1-text p, .devices .hotspot .spot2-text p{
font-size:18px;
}
.hotspot .spot2{
background-color: #1010eb;
height: 30px;
width: 30px;
border-radius: 50px;
color: white;
padding: 5px 0px 4px 2px;
position: absolute;
right: 60%;
top: 55%;
}
ul.stay-ahead li {padding-left:45px; margin-bottom:1em;}
ul.stay-ahead li:nth-child(1){
background: url(/res/anz/green-arrow.png) top left no-repeat;
}
ul.stay-ahead li:nth-child(2){
background: url(/res/anz/green-bulb.png) top left no-repeat;
}
ul.stay-ahead li:nth-child(3){
background: url(/res/anz/green-bell.png) top left no-repeat;
}
ul.stay-ahead li:nth-child(4){
background: url(/res/anz/green-man.png) top left no-repeat;
}
.gcicn {max-width:20px;}

.modal .modal-body {padding:inherit;}
.modal .modal-content, .modal .modal-header {padding:5px;}
.modal .modal-header {min-height:inherit;}
.modal .modal-title {font-size:inherit;}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 0px;
border-spacing: 0;
border-collapse: collapse;
background-color: #cdf2ff;
}
.modal-title {font-weight: bold; margin-top: 5px;}
.table p {color: #000; margin-bottom: 0;}
.table p.mobile-title {color: #fff; background-color: #1010eb; padding: 5px; text-transform: uppercase; margin-bottom: 10px;}
.table img {max-width: 20px;}
.table tr.table-head {background-color: #002060; color:#fff; font-weight:bold;}
.table.comptb tr > th {border: inherit; text-align: inherit; vertical-align: middle; line-height: inherit;}
.table.comptb tr > td {text-align: center;}
.table.comptb tr > td.tbtitle {text-align: left;}
.table.comptb tr > td > p {font-size:0.9em;}
.table.comptb tr > td:nth-child(1) {font-weight:bold;}
.table tr.grey-bg {background-color: #f5f5f5!important;}
.title-padding {padding-bottom:20px;}

.mainvis .bgshade .c1 {min-height:550px;}
.mainvis {background:url(/res/anz/g4s-banner.jpg) #fff 75% 20% / cover no-repeat;}
.mainvis .bgshade {background:linear-gradient(to right, rgba(255,255,255,0.5) 30%, rgba(255,255,255,0) 70%) no-repeat;}

.gfsize {font-size:2.6em;}
.bwarning {border:1px solid #fff; padding:5px 8px; font-size:12px;}
.bwarning1 {border:1px solid #000; padding:5px 8px; font-size:12px;}
.cbtn {margin:5px; min-width:230px;}
.animas-scroll {display:none;}
.btnmb {margin-bottom:10px;}
.imgeval {margin-bottom:-2em;}
.evalbg {background:url(/res/img/guardian-connect2/img-evaluation.png) 0 100% / 100% no-repeat; min-height:250px;}
.imgprods {min-height:390px;}
.txtprods {min-height:50px;}
.imgiport {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

/* responsive */
@media (min-width:1240px) and (max-width: 1280px) {
}
@media (min-width:1200px) and (max-width: 1239px) {
}
@media (min-width:1186px) and (max-width: 1199px) {
.carousel-indicators {bottom:2em;}
.s0 {background-position:50% 0%;}
}
@media (min-width: 990px) and (max-width: 1185px) {
.s0 > [class*=container-] > .row {min-height:430px;}
.carousel-indicators {bottom:2em;}
.sect .vid-desc h2 {font-size:1.8em;}
.s0 {background-position:50% 0%;}
.bgvid {top:-30%;}
.circle > .a {font-size:85%;}
}

@media (min-width: 768px) and (max-width: 989px) {
.b-get-started {display: none;}
.playbtn, .playbtn1 {background-size:80px;}
.s0 > [class*=container-] > .row {min-height:inherit;}
.s0 > [class*=container-] > .row > [class*=col-] {min-height:inherit;}
.s0 {background-position:50% 0%;}
.bgvid {top:-10%;}
.circle > .a {font-size:85%;}
.plusbtn {font-size:20px; width:30px; height:30px;}
}

@media (min-width: 0px) and (max-width: 767px) {
.plusbtn {font-size:16px; width:24px; height:24px; font-weight:600;}
.like-table-row {display:block; width:100%;}
.like-table.row > [class*=col-] {display:block; float:none;}
.like-table.row.s0 > [class*=col-] {display:table-cell; float:none;}
.quotesec .like-table.row > [class*=col-] {display:table-cell;}
.s0 > [class*=container-] > .row {min-height:inherit;}
.s0 > [class*=container-] > .row > .c1 {min-height:250px;}
.s0 > [class*=container-] > .row > .contdiv {background:#000;}
.s0 {background-position:100% 0%;}
.mainvis .bgshade .c1 {min-height:inherit;}
.bgvid {top:0%;}
.minh {min-height:inherit;}
.b-get-started {display: none;}
.playicn {width:25%;}
.playbtn, .playbtn1 {background-size:60px;}
.btn.wht-outline {position:inherit; bottom:inherit;}
ul.square.col2 li {width:inherit; float:inherit;}
.sect.s0 .c1 {background-position:95% 50%;}
.quotesec {margin:0; padding:1em 0;}
.imgeval {margin-bottom:-1.5em;}
.imgprods {min-height:inherit;}
.txtprods {min-height:inherit;}
.imgiport {position:inherit; top:inherit; left:inherit; transform:inherit;}
.nav-tabs.nav-justified {width:inherit;}
.circle {width:inherit; height:inherit; padding:0; border:inherit; border-radius:inherit; background:inherit;}
.circle > .a {font-size:85%; width:inherit; position:inherit; transform:inherit; top:inherit; left:inherit;}
.circle > .a.sp {top:-25px;}
.circle > .a p {line-height:1 !important;}
.circle > .a > h4 {font-size:110% !important; font-weight:600 !important; margin-bottom:5px;}
a.plusbtn {font-size:20px; width:30px; height:30px;}
.feature-control {padding:inherit !important;}
.featureimg {margin-bottom:8px;}
.feature-contentbox {top:0%; right:0%;}
.fc-control {display:none;}
.closebox {top:-45px;}
.formimg {width:25%; right:1em;}
.feature-title {left:0; right:inherit; top:-7em;}
.feature-top {margin-top:6em;}

.modal .modal-content {padding:0;}
.table>tbody>tr>td {padding:8px 0;}
.table tr.table-head {font-size:85%;}
.table.comptb tr > td:nth-child(1) p {font-weight:normal; font-size:80%;}
.table .npt {padding-top: 0;}
.table tr.grey-bg p, .table tr.white p {text-align:center;}
.table tr td .mobile-title {font-weight:600 !important;}
}
@media (min-width: 0px) and (max-width: 680px) {
}
@media (min-width: 0px) and (max-width: 640px) {
.si1 {min-height:300px;}
.animas-scroll { display: block !important; text-align:left;}
.s0 {background-position:100% 0%; background-size:auto 320px;}
.s0 > [class*=container-] > .row > .imgdiv {min-height:320px;}
}
@media (min-width: 0px) and (max-width: 590px) {
}
@media (min-width: 0px) and (max-width: 540px) {
.si1 {min-height:300px;}
.animas-scroll { display: block !important; text-align:left;}
.s0 > [class*=container-] > .row > .imgdiv {min-height:270px;}
.circle {width:inherit; height:inherit; padding:0; border:inherit; border-radius:inherit;}
}
@media (min-width: 0px) and (max-width: 480px) {
.sect ul.glide__slides {padding-left:0 !important;}
ul.nav-tabs.nav-justified {padding-left:0 !important;}
.s0 {background-size:auto 210px;}
.s0 > [class*=container-] > .row > .imgdiv {min-height:210px;}
.plusbtn {font-size:14px; width:20px; height:20px;}
.formimg {width:40%;}
.feature-top {margin-top:6em;}
.circle-smartguard {position:absolute; bottom:1em; right:1em;}
.circle > .a > h4 {margin-bottom:1px;}
.circle > .a {font-size:80%;}
}
@media (min-width: 0px) and (max-width: 400px) {
.s0 > [class*=container-] > .row > .imgdiv {min-height:180px;}
}

@supports (-webkit-touch-callout: none) {
/* CSS specific to iOS devices */ 
background-attachment:scroll;
}

@supports not (-webkit-touch-callout: none) {
/* CSS for other than iOS devices */ 
}