.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);
}

.g4.vs-table .table {width:100%; max-width:100%; margin-bottom:20px; background-color:transparent; border-spacing:0; border-collapse:collapse;}
.g4.vs-table .table.comptb tr > th {border:inherit; text-align:inherit; vertical-align:middle; line-height:inherit;}
.g4.vs-table .table.comptb tr > td {text-align:center; border-top:1px solid #ddd; border-bottom:0;}
.g4.vs-table .table.comptb tr > td.tbtitle {text-align: left;}
.g4.vs-table .table.comptb tr > td > p {font-size:0.9em;}
.g4.vs-table .table.comptb tr > td:nth-child(2) {background-color: #f5f5f5;}
.g4.vs-table .table.comptb tr > td.first {}
.g4.vs-table .fontmedium, a.btn {font-weight: 600 !important; font-style: normal;}
.g4.vs-table .icon-tick {width:40px; height: auto;}
.g4.vs-table .title-padding {padding-bottom:20px;}

.relpos {position:relative;}
#bresults {z-index:2;}
.formborder {border:2px solid #1010eb;}
.mb {margin-bottom:10px;}
.minh {min-height:63px;}
.nav-tabs.nav-justified {width:70%; margin:0 auto;}

.carousel-indicators [data-bs-target] {
background-clip:inherit;
background-color:#1010eb;
border:0;
box-sizing:inherit;
cursor:pointer;
flex:inherit;
height:40px; width:40px;
margin:initial;
opacity:inherit;
padding:inherit;
text-indent:inherit;
transition:inherit;
}
.carousel-indicators [data-bs-target].active {background:#00dcb9;}

.feature-title {position:absolute; right:0;}
.feature-control {list-style:none !important; padding:inherit !important;}
.plusbtn {font-weight:400; font-size:30px; color:#fff; background:#1010eb; border-radius:50%; width:40px; height:40px; display:table-cell; vertical-align:middle; text-align:center; border:0;}
.feature-control .plusbtn.active {background:#00dcb9;}
.feature-control {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.feature-control li {position:absolute; margin:inherit !important;}
.feature-control li.f1 {bottom:39%; left:47%;}
.feature-control li.f2 {bottom:9%; left:38%;}
.feature-control li.f3 {bottom:18%; left:36%;}
.feature-control li.f4 {bottom:36%; left:11%;}
.feature-control li.f5 {bottom:34%; left:38%;}
.feature-contentbox {position:absolute; top:15%; right:0%; width:100%;}
.feature-content {background:url(/res/img/780g/circle-wht.svg) 50% / auto 100% no-repeat; height:60vh;}
.featureimg {width:50%; margin-bottom:15px;}
.closebox {position:relative; z-index:2; right: 25%;}
.closetab {font-weight:bold; background:#999; display:table-cell; text-align:center; vertical-align:middle; width:30px; height:30px; border-radius:50%; color:#fff;}
.tab-content > .tab-pane {position:relative;}
.fc-control {position:absolute; width:100%; height:100%; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1;}
.fc-arrow {position:absolute; top:50%; transform:translateY(-50%); z-index:1;}
.fc-arrow:hover {opacity:0.7;}
.fc-arrow-next {right:1.5rem;}
.fc-arrow-prev {left:1.5rem;}

.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-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;}

ul.nav-tabs.nav-justified {padding:inherit; border-top:1px solid #ccc;}
.nav > li > a {padding-top:15px;}
.nav-tabs {--bs-nav-tabs-link-hover-border-color:#ccc #ccc #ccc;}
.nav-tabs a.nav-link {cursor:pointer;}
.nav-tabs a.nav-link.active:hover, .nav-tabs a.nav-link.active {background-color:#fff; cursor:pointer;}
.nav-tabs a.active:hover {border-bottom:1px solid #ccc !important;}
.nav-tabs.nav-justified {border-bottom:0;}
.nav-tabs.nav-justified .nav-link.active {border-color:#ccc;}
.nav-tabs.nav-justified > li {margin:0; position:relative;}
.nav-tabs.nav-justified > li > a {border:solid #ccc; border-width:0 0 1px 0; border-radius:0; color:#3c3c3c; margin:0;}
.nav-tabs.nav-justified a.active .ntxt, .nav-tabs.nav-justified a.active:hover .ntxt, .nav-tabs.nav-justified a.active:focus .ntxt {font-weight:700;}
.nav-tabs.nav-justified a.active::before {content:""; position:absolute; border-top:7px solid #1010eb; width:70px; top:0; left:50%; margin-left:-35px;}
.nav-tabs a.active, .nav-tabs a.active:hover, .nav-tabs a.active:focus {background:transparent;}

.s0 {overflow:hidden; position:relative; z-index:0;}
.s0 {background:#000;}
.s0 > .container-xl > .row.sect {min-height:480px;}
.s0 > .container-xl > .row.sect > .contdiv {}
.shadecover {position:absolute; top:0; left:-100px; width:100%; height:100%; z-index:0; min-width:300px; background:linear-gradient(to right, rgba(240,235,230,1) 50%, rgba(240,235,230,0) 100%);}
.layerup {z-index:1;}
.o2 {position:absolute; right:0%; top:0%; overflow:initial !important; width:100%; z-index:-1; height:100%;}
.bgvid {position:absolute; top:-50%; right:0; z-index:0; object-fit:cover;}

/*.circle {width:450px; height:450px; background:rgba(255,255,255,0.8); border:10px solid #1010eb; border-radius:50%; padding:8%;}*/
.circle {
position:relative;
width:100%; height:0; padding:49% 0;
margin:0 auto; border-radius:50%;
background:rgba(255,255,255,1);
}
.circle.wbg {background-color:#fff;}
.circle.eb {padding:49% 0; border-color:#1010eb;}
.circle > .a {width:75%; position:absolute; top:50%; left:50%; text-align:center; transform:translate(-50%,-50%);}
.circle > .a.smt {font-size:85%;}
.circle-smartguard {margin-right:0%;}

.features {background:#f5f5f5;}
.quotesec {background:#fff; padding:3em 0; margin:4em 0;}
.sect ol.white li {color:#fff;}
.sect {line-height:1.2;}
.sect.s5 {background:url(/res/img/services1/img-abstractbg.jpg) 50% / cover no-repeat; min-height:400px;}
/*.sect .c1a h1 {font-size:3.4em; line-height:0.5em; margin-top:0; margin-bottom:20px; text-transform:uppercase;}*/
ul.glide__slides {margin:inherit !important; padding:inherit !important;}
.glide__slides li {list-style:none !important;}
.glide__slide {padding:1.5em;}
.glide__slide h4 {}
.slider__arrow {position:absolute; top:50%; margin-top:-2%;}
.slider__arrow:hover {opacity:0.7;}
.slider__arrow--next {right:-1.5rem;}
.slider__arrow--prev {left:-1.5rem;}

.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:1800px) {
.quotebox::before {font-size:14rem; left:-15px; top:-2rem;}
}
@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;}
.b-simple-page h2 {padding-top:0;}
.s0 {background-position:50% 0%;}
}
@media (min-width: 990px) and (max-width: 1185px) {
.s0 > .container-xl > .row.sect {min-height:430px;}
.carousel-indicators {bottom:2em;}
.sect .vid-desc h2 {font-size:1.8em;}
.b-simple-page h2 {padding-top:0;}
.s0 {background-position:50% 0%;}
.bgvid {top:-30%;}
}

@media (min-width: 768px) and (max-width: 989px) {
.b-get-started {display: none;}
.playbtn, .playbtn1 {background-size:80px;}
.b-simple-page h2 {padding-top:0;}
.s0 > .container-xl > .row.sect {min-height:inherit;}
.s0 {background-position:50% 0%;}
.quotesec {margin:0;}
.nav-tabs.nav-justified {width:80%; margin:0 auto;}
.bgvid {top:-10%;}
}

@media (min-width: 0px) and (max-width: 767px) {
.i780g {max-height:250px;}
.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 > .container-xl > .row.sect > .contdiv {background:#000;}
.s0 {background-position:100% 0%;}
.s0 > .container-xl > .row.sect > .imgdiv {min-height:360px;}
.bgvid {top:0%;}
.minh {min-height:inherit;}
.b-get-started {display: none;}
.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;}
.circle > .a {width:50%; top:-35px; left:inherit; right:20px; transform:inherit; font-size:85%;}
.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;}
}
@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 > .container-xl > .row.sect > .imgdiv {min-height:320px;}
.circle {width:75vw; height:75vw;}
}
@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 > .container-xl > .row.sect > .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 > .container-xl > .row.sect > .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) {
}

@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 */ 
}