.spacer {padding:0 0.5em;}
.nmb {margin-bottom:0 !important;}
.nmt {margin-top:0 !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%;
}
/*.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;}

.mainvis .bgshade .c1 {min-height:550px;}
.mainvis {background:url(/sites/default/files/img-woman-physician.jpg) #fff 75% 20% / cover no-repeat;}
.mainvis .bgshade {background:linear-gradient(to right, rgba(255,255,255,0.95) 40%, rgba(255,255,255,0) 70%) no-repeat;}

/*.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%;}

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

/* 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) {
}
@media (min-width: 990px) and (max-width: 1185px) {
}

@media (min-width: 768px) and (max-width: 989px) {
.playbtn, .playbtn1 {background-size:80px;}
}

@media (min-width: 0px) and (max-width: 767px) {
.mainvis .bgshade .c1 {min-height:300px; background:url(/sites/default/files/img-woman-physician.jpg) #fff 75% 20% / cover no-repeat}
.mainvis {background:none;}
.mainvis .bgshade {background:none;}
}
@media (min-width: 0px) and (max-width: 680px) {
}
@media (min-width: 0px) and (max-width: 640px) {
}
@media (min-width: 0px) and (max-width: 590px) {
}
@media (min-width: 0px) and (max-width: 540px) {
}
@media (min-width: 0px) and (max-width: 480px) {
}
@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 */ 
}