.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 !important;}
.align-top {vertical-align:top !important;}
.align-bottom {vertical-align:bottom !important;}
.right-block {margin-right:0; margin-left:auto;}
.btnbot {margin-bottom:10px;}

.padrt {padding-right:0.5em; padding-bottom:0.5em; display:inline-block;}
.like-table {display:table; width:100%; height: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);
}
.bullnum {border-radius:50%; width:70px; height:70px; border:1px solid #140f4b; padding:10px 8px; font-size:40px; text-align:center; margin-right:20px;}
.phonetable tr > td {padding-bottom:1em !important;}
.searchbox {padding-left:40px; border-radius:20px; height:40px;}
.relpos {position:relative;}
#bresults {z-index:2;}
.askkim-qs {padding:15px 30px !important;}
ul.askkim-qs li a {font-size:inherit; color:#3c3c3c;}
.vidbtn {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.formborder {border:2px solid #1010eb;}
.mb {margin-bottom:10px;}
.minh {min-height:63px;}
.nav-tabs.nav-justified {width:70%; margin:0 auto;}
.disnumb {font-size:30px; text-align:center; background:#1010eb; border-radius:50%; color:#fff; max-height:42px; max-width:42px;}
.cirnum {font-size:42px; fill:#fff;}

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:#fff !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/services/icn-play2.png) 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%;
}
.playbtn4 {display:block; position:relative;}
.playbtn4 > a > img {width:70%;}
.playbtn4 .venobox {
position:absolute;
height:auto;
max-width:100px;
width:30%;
left:50%;
top:50%;
transform:translate(-50%,-50%);
}
.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;}
.nopt {padding-top:0 !important;}
.nopb {padding-bottom:0 !important;}
.nobrdt {border-top:0 !important;}
.nobrdb {border-bottom:0 !important;}
.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;}
.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:10%;}
.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:18px !important; line-height:1em; color:#3c3c3c;}
h4.panel-title > a {text-decoration:none; text-transform:none; display:block; background:url(/res/img/670g3/icn-open.png) 0% 50% no-repeat; padding:5px 15px 5px 30px; font-weight:600;}
h4.panel-title > a.collapsed {background:url(/res/img/670g3/icn-close.png) 0% 50% no-repeat;}
.panel-group .panel {border-radius:0; margin-bottom:10px;}
.panel {background-color:inherit; box-shadow:inherit;}
.panel-body {padding:5px 0 5px 30px;}
.panel-heading {border-radius:0; padding:0;}
.panel-default {border:0;}
.panel-default > .panel-heading {border:0; background-color:inherit;}
.panel-default > .panel-heading + .panel-collapse > .panel-body {border:0; color:#3c3c3c;}
.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.nav-justified > li {margin:0;}
.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 > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {border:solid #ccc; border-width:0 0 1px 0;}
.nav-tabs.nav-justified > .active > a .ntxt, .nav-tabs.nav-justified > .active > a:hover .ntxt, .nav-tabs.nav-justified > .active > a:focus .ntxt {font-weight:700;}
.nav-tabs.nav-justified > .active > a::before {content:""; position:absolute; border-top:7px solid #1010eb; width:70px; top:0; left:50%; margin-left:-35px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background:transparent;}

.circle1 {width:300px; height:300px; border:4px solid #fff; 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,0); border:0.3vw solid #fff;
}
.circle.wbg {background-color:#fff;}
.circle.eb {padding:49% 0; border-color:#1010eb;}
.circle > .a {
width:85%; position:absolute; top:50%; left:50%;
text-align:center; transform:translate(-50%,-50%);
}
.circle > .a.smt h4 {margin-bottom:5px;}
.linetop {font-size:50px; line-height:1;}
.topoffset {margin-top:-5%;}

.popover {border-radius:inherit; padding:inherit;}
.popover-title {border-radius:inherit; border:0; font-family:'Avenir Next World W05'; color:#fff; background:#e35205; font-size:18px; line-height:1.1em;}
.popover-content {font-family:'Avenir Next World W05'; font-size:16px; line-height:1.2em;}
.popover.top > .arrow {bottom:-10px;}

.shadebox {text-align:center; min-height:330px; margin-bottom:1.5em;}
.shadebox > .front > img {max-height:150px; margin:20px auto 0; width:20vw;}
.shadebox .front {background:#fff; box-shadow: 0px 0px 10px #ccc; padding:25px; border-radius:15px; cursor:pointer;}
.shadebox .back {background:#fff; min-height:330px; box-shadow: 0px 0px 10px #ccc; border-radius:15px; cursor:pointer;}
.cont {transform: translate(-50%,-50%); position:absolute; top:50%; left:50%; width:100%; padding:25px;}
.containershade {box-shadow:0 0 8px 0 rgba(0,0,0,0.2); position:relative; margin-top:-15%;}

.secpad {margin-top:2em;}
.quotesec {background:#f5f5f5; padding:3em 0; margin:4em 0;}
.layerup {padding-bottom:10px;}

.mainvis .bgshade .c1, .mainvis .bgshade .c2 {min-height:450px;}
.mainvis {background:url(/res/img/blue-balloon/mavinvis-blue-balloon1.jpg) #fff 50% / cover no-repeat;}
.mainvis .bgshade {background:linear-gradient(to right, rgba(255,255,255,1) 30%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 65%) no-repeat;}

.s0 {overflow:hidden; position:relative; z-index:0;}
.s0 > .container > .row.sect {min-height:550px;}
.s0 > .container > .row.sect > .contdiv {}
.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; transform:translateY(-50%);}

.s2 {overflow:hidden; position:relative; z-index:0;}
.s2 {background:url(/res/img/blue-balloon/img-blue-balloon-woman.jpg) 50% 0 / cover no-repeat;}
.s2 > .container > .row.sect {min-height:480px;}
.s2 > .container > .row.sect > .contdiv {}

.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;}
.b-simple-page h2 {padding-top:0;}
}
@media (min-width: 990px) and (max-width: 1185px) {
.carousel-indicators {bottom:2em;}
.colbox {margin-bottom:1em;}
.colboxtxt {min-height:115px;}
.colboxtxt.v2 {min-height:100px;}
.glide__slide .colbox {margin-bottom:0;}
}

@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;}
.quotesec {margin:0;}
.nav-tabs.nav-justified {width:80%; margin:0 auto;}
.cirsvg {max-width:4vw;}
.colbox {margin-bottom:2em;}
.colboxtxt {min-height:115px;}
.colboxtxt.v2 {min-height:100px;}
.glide__slide .colbox {margin-bottom:0;}
.s2 .bgshade {min-height:300px;}
.s0 > .container > .row.sect {min-height:400px;}
}

@media (min-width: 0px) and (max-width: 767px) {
.like-table-row {display:block; width:100%;}
.like-table.row > [class*=col-] {display:block; float:none;}
.quotesec .like-table.row > [class*=col-] {display:table-cell;}
.glide1 .slider__arrow--next {right:-1.5rem;}
.glide1 .slider__arrow--prev {left:-1.5rem;}
.minh {min-height:inherit;}
.b-get-started {display: none;}
.playbtn, .playbtn1 {background-size:60px;}
.btn.wht-outline {position:inherit; bottom:inherit;}
.mainvis {background-size:auto 300px; background-position:90% 0;}
.mainvis .bgshade {background-image:none;}
.mainvis .bgshade .c1 {min-height:300px;}
.mainvis .bgshade .c2 {min-height:inherit;}
.s0 .like-table {min-height:300px;}
.s0 .c2 .cpos {position:inherit; top:inherit; z-index:inherit;}
.s2 .bgshade {background:linear-gradient(to right, rgba(20,14,74,0.8) 50%, rgba(20,14,74,0) 100%) no-repeat; min-height:300px;}
.s3 {background-size:auto 300px; background-position:90% 0;}
.s3 .c1 {min-height:300px;}
.s3 .c2 {min-height:inherit;}
.s4 {margin-bottom:30%;}
.s4 .c2 {margin-bottom:-30%;}
.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;}
.shadebox {min-height:250px;}
.shadebox > .front > img {width:20vw;}
.shadebox .back {min-height:250px;}
.cont {font-size:90%;}
.psvg {width:5vw; height:auto;}
.cirsvg {max-width:inherit;}
.colbox {margin-bottom:2em;}
.colboxtxt {min-height:inherit;}
.colboxtxt.v2 {min-height:inherit;}
.glide__slide .colbox {margin-bottom:0;}
.containershade {margin-top:-15%;}
.s0 > .container > .row.sect {min-height:300px;}
.h4size1 {font-size:18px !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;}
.circle1 {width:75vw; height:75vw;}
.s4 .s4img {max-width:50%;}
.s0 > .container > .row.sect {min-height:250px;}
}
@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;}
.circle1 {width:inherit; height:inherit; padding:0; border:inherit; border-radius:inherit;}
.s0 > .container > .row.sect {min-height:200px;}
}
@media (min-width: 0px) and (max-width: 480px) {
ul.nav-tabs.nav-justified {padding-left:0 !important;}
.containershade {margin-top:inherit;}
.s2 .bgshade1 {background:linear-gradient(to left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 70%, rgba(255,255,255,0) 90%) no-repeat;}
}
@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 */ 
}