.mdibg {background-color:#0f0d23;}
.spacer {padding:0 0.5em;}
.smicn {max-height:24px; max-width:24px; margin:5px;}
.downbtn {margin:5px;}
.txtnormal {text-transform:inherit;}

.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:23%; left:13%;}
.feature-control li.f2 {top:5%; right:17%;}
.feature-control li.i1 {top:17%; left:0%;}
.feature-control li.i2 {top:3%; left:17%;}
.feature-control li.i3 {top:17%; right:0%;}
.feature-control li.i4 {top:34%; right:0%;}
.feature-control li.i5 {bottom:40%; right:0%;}
.feature-control li.i6 {bottom:27%; left:42%;}
.feature-control li.i7 {bottom:12%; right:33%;}
.feature-control li.i8 {top:28%; left:23%;}
.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;}

h2 {margin-top:0; text-transform:uppercase; padding-top:0;}
.b-video-item1, .video-play {position:relative;}
.m-grad {background-image: none !important; background-color:inherit !important;}
.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;}

h4.panel-title {font-size:inherit !important; line-height:1em; display:block; color:#140F4B; font-weight:600; margin-bottom:0;}
h4.panel-title a {text-decoration:none; text-transform:none; display:block; background:url(/res/img/icn-minus-eb.svg) 25px 50% no-repeat; padding:25px 80px 25px 0;}
h4.panel-title a:hover {}
h4.panel-title a.collapsed {background:url(/res/img/770g/icn-plus.png) 25px 50% no-repeat;}
h4.panel-title a.in {color:inherit; font-weight:600; text-decoration:none; text-transform:none; display:block; background:url(/res/img/arw-up-eb.svg) 100% 50% no-repeat; padding:10px 30px 10px 0; min-height:inherit; min-width:inherit;}
h4.panel-title a.in.collapsed {background:url(/res/img/arw-down-eb.svg) 100% 50% no-repeat;}
.eb h4.panel-title {}
.eb h4.panel-title a {background:url(/res/img/icn-minus-eb.svg) 100% 50% no-repeat; display:inline-block;}
.eb h4.panel-title a.collapsed {background:url(/res/img/icn-plus-eb.svg) 100% 50% no-repeat;}
.eb h4.panel-title a.in {background:url(/res/img/icn-minus-teal.png) 100% 50% no-repeat;}
.eb h4.panel-title a.in.collapsed {background:url(/res/img/icn-plus-teal.png) 100% 50% no-repeat;}

.panel-group {margin-bottom:0;}
#accordion1 > .panel, #accordion2 > .panel {border-top:1px solid #ccc; padding:10px 0;}
#accordion1 > .panel:first-child, #accordion2 > .panel:first-child {border-top:0;}
.panel-group .panel {border-radius:0; margin-bottom:0; box-shadow:none; background:inherit;}
.panel-group .panel + .panel {margin-top:0;}
.panel-heading {border-radius:0; padding:0;}
.panel-default {border:0; box-shadow:inherit;}
.panel-body {padding:10px 0 0 0;}
.panel-body1 {padding:15px 0 0 0;}
.panel-body2 {padding:0 0 0 80px;}
.panel-default > .panel-heading {border:0; background-color:transparent;}
.panel-default > .panel-heading.eb {}
.panel-default > .panel-heading + .panel-collapse > .panel-body {border:0;}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {border-radius:0;}

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 > [class*=container-] > .row {min-height:480px;}
.s0 > [class*=container-] > .row > .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: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%;}
.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;}
}
@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;}
.inpenlogo {width:50%;}
}
@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 */ 
}
