.smicn {max-height:24px; max-width:24px; margin:5px;}
.downbtn {margin:5px;}
.dinline {display:inline-block;}
.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;}
.primaryblack {color:#3c3c3c;}
.lavenderbg {background-color:#654bdd;}
.green1 {color:#376415;}
.darkblue1 {color:#170F5F;}
.blue1 {color:#0A5694;}
.electricblue1 {color:#4121AB;}
.purple1 {color:#A923A0;}
.orange1 {color:#CC7A00;}
.mint1 {color:#008F77;}
.skyblue1 {color:#0A5694;}

.elementdiv {padding:30px 5px 30px 40px; position:relative;}
.elementdiv::before {content:""; position:absolute; background:url(/res/img/caregivers/element-lt.png) no-repeat; top:0; left:0; width:50px; height:100px;}
.elementdiv::after {content:""; position:absolute; background:url(/res/img/caregivers/element-rb.png) 100% no-repeat; bottom:0; right:0; width:50px; height:100px;}
.elementdiv-magenta {padding:20px 25px; position:relative;}
.elementdiv-magenta::before {content:""; position:absolute; background:url(/res/img/caregivers/element-lt-mg.png) no-repeat; top:0; left:0; width:24px; height:53px;}
.elementdiv-magenta::after {content:""; position:absolute; background:url(/res/img/caregivers/element-rb-mg.png) 100% no-repeat; bottom:0; right:0; width:24px; height:53px;}
.elementdiv1 {padding:30px; position:relative;}
.elementdiv1::before {content:""; position:absolute; background:url(/res/img/caregivers/top-burst.svg) 0 0 / 40% auto no-repeat; top:0; left:0; width:100%; height:100%;}
.elementdiv1::after {content:""; position:absolute; background:url(/res/img/caregivers/bot-burst.svg) 100% 100% / 20% auto  no-repeat; bottom:20px; right:-20px; width:100%; height:100%;}
.wavebg {background:url(/res/img/caregivers/wave.svg) 100% 100% / 100% 20vh no-repeat; min-height:20vh;}

.btnbot {margin-bottom:10px;}
.btn.btn-amb {background-position:0 50%; background-size:auto 100%; background-repeat:no-repeat; padding-left:70px;}
.btn.btn-amb:hover {background-position:0 50%; background-size:auto 100%; background-repeat:no-repeat; padding-left:70px;}

.btn.btn-amb {margin-right:10px;}
.btn.btn-amb, .btn.btn-connect {margin-bottom:10px;}
#signin-error {margin-bottom:10px;}
.padrt {padding-right:0.5em; padding-bottom:0.5em; display:inline-block;}
.padbt {padding-bottom:1em;}
.padtb15 {padding-top:15px; padding-bottom:15px;}
.padbt15 {padding-bottom:15px;}
.padtp15 {padding-top:15px;}
.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;}
.smtxt1 {font-size:0.8em; line-height:1.1em;}
.smfttxt {position:absolute; bottom:20px; left:20px; font-size:13px; line-height:1.1em;}
.smfttxtrt {position:absolute; bottom:20px; right: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);
}

.colhead {font-size:3.4em; line-height:1em; text-transform:uppercase;}
.b-video-item1, .video-play {position:relative;}
.m-grad {background-image: none !important; background-color: #f3f4f4 !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;}

.playbtn3 {display:block; position:relative;}
.playbtn3 .venobox {position:absolute; height:auto; left:50%; top:50%; transform:translate(-50%,-50%);}
.colbox > .playbtn3 > a > img {max-width:70%; margin:0 auto;}

.posabs {position:absolute; z-index:1; width:30%; left:50%; margin-left:-13%; top:50%; margin-top:-13%;}
.posrel {position:relative; z-index:1;}
.mr-reset {margin-right:0;}
.ml-reset {margin-left:0;}
.pr-reset {padding-right:0;}
.pl-reset {padding-left:0;}
.nopt {padding-top:0 !important;}
.nopb {padding-bottom:0 !important;}
.nopa {padding-top:0 !important; padding-bottom:0 !important;}
.smc-no {display:block; font-size:160%; color:#b0008f; line-height:1; margin-bottom:10px;}
.carousel-indicators {left:3em; bottom:4em; margin-left:inherit; width:inherit;}
.carousel-indicators li {width:15px; height:15px; background-color:#888b8d; border:0; margin:0 5px;}
.carousel-indicators .active {width:15px; height:15px; background-color:#b0008f; border:0; margin:0 5px;}
.testimonial .quote {font-size:22px; font-weight:bold; line-height:24px; text-indent:-7px; margin-bottom:15px;}
.testimonial .author {font-size:13px; line-height:1.1;}
.testimonial .title {font-size:13px;}
.syscenter img {margin:0 auto;}
.rochetable td {vertical-align:middle !important; border-top:0 !important; color:#004b87;}
.rochetable th {border-top:0 !important; font-weight:bold; font-size:110%;}
.rochetable td.pimg {max-width:160px;}
.proimg {height:auto; max-width:160px; width:90%; margin-right:30px;}
.progarw {height:auto; width:40%;}
.pspace {padding:0 10px;}
h4.panel-title {font-size:1em; line-height:1em; color:#004b87;}
h4.panel-title a {text-decoration:none; text-transform:none; display:block; background:url(/res/img/ambassador-new/icn-minus1.png) 0 6px no-repeat; padding:5px 10px 5px 20px;}
h4.panel-title a.collapsed {background:url(/res/img/ambassador-new/icn-plus1.png) 0 6px no-repeat;}
.panel-group .panel + .panel {margin-top:0; box-shadow:none;}
.panel-group .panel {border-radius:0; margin-bottom:10px;}
.panel {box-shadow:none;}
.panel-body {padding:0 10px 0 0; font-size:90%; line-height:1.1;}
.panel-body > .radio, .panel-body > .checkbox {margin-top:2px; margin-bottom:2px;}
.panel-heading {border-radius:0; padding:0; font-size:90%;}
.panel-default {border:0;}
.panel-default > .panel-heading {border:0; background-color:transparent;}
.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;}
.mt10 {margin-top:10px !important;}
.mtop {margin-top:1em;}
.mbot {margin-bottom:1em;}

.mainvis .bgshade .c1 {min-height:640px;}
/*.mainvis {background:url(/res/img/caregivers/img-family-with-dog.jpg) #fff 50% 50% / cover no-repeat; max-width:1440px;}*/
.mainvis {background:url(/res/img/caregivers/img-family-with-dog.jpg) #1010E8 50% / cover no-repeat; max-width:1440px;}
.mainvis .bgshade {background:linear-gradient(to right, rgba(255,255,255,0.95) 20%, rgba(255,255,255,0) 60%) no-repeat;}

.mainvis1 .bgshade {height:500px;}
.mainvis1 {background:url(/res/img/caregivers/img-family-cooking.jpg) #fff 75% 50% / cover no-repeat;}
.mainvis1 .bgshade {background:linear-gradient(to right, rgba(255,255,255,1) 10%, rgba(255,255,255,0.9) 40%, rgba(255,255,255,0) 70%) no-repeat;}
.mainvis1 .bgshade .c1 {}
.mainvis1 .bgshade .c2 {}

.topvis.main {background:url(/res/img/caregivers/img-family-with-dog.jpg) #fff 50% 50% / cover no-repeat; max-width:1440px;}
.topvis1.main {background:url(/res/img/caregivers/img-family-with-dog.jpg) #fff 72% 50% / cover no-repeat; max-width:1440px;}
.topvis.main .c2 {}

.sect {line-height:1.2;}
.sect .c1a h5 {font-size:1.4em !important;}
/*.sect .c1a h1 {font-size:3.4em; line-height:0.5em; margin-top:0; margin-bottom:20px; text-transform:uppercase;}*/

.blue {color:#0FC9F7;}
input.topics {margin-right:3px;}

.f-green .shadebox .front {border:2px solid #7ECA2A;}
.f-electricblue .shadebox .front {border:2px solid #654BDD;}
.f-mint .shadebox .front {border:2px solid #00DCB9;}

.checkbox1 .shadebox .front {border:2px solid #7ECA2A;}
.checkbox2 .shadebox .front {border:2px solid #0FC9F7;}
.checkbox3 .shadebox .front {border:2px solid #654BDD;}
.checkbox4 .shadebox .front {border:2px solid #00DCB9;}
.checkbox5 .shadebox .front {border:2px solid #C529BB;}
.checkbox6 .shadebox .front {border:2px solid #FFAD00;}
.checkbox7 .shadebox .front {border:2px solid #0FC9F7;}

.colbox {height:100%;}
.colboxtxt {padding:0 25px 20px; position:relative;}
.colboxtxt:after{content:'';height:40%;max-height:35px;width:8px;position:absolute;left:0;top:1%;background-color:rgba(16,16,235,1)}
.shadebox {padding:15px 0; height:100%; text-align:center;}
.shadebox .front {background:#fff; box-shadow: 0px 0px 10px #ccc; padding:25px; border-radius:15px; cursor:pointer; height:100%;}
img.extres {border:7px solid #fff; margin-top:-30%;}
.hoverenlarge {transition: all .2s ease-in-out;}
.hoverenlarge:hover {transform: scale(1.2);}

.circle {
position:relative; width:100%; height:0; padding:48% 0;
margin:0 auto 1em; border-radius:50%; 
background:rgba(255,255,255,0.8); border:0.2vw solid #1010eb;
}
.circle > .a {
width:85%; position:absolute; top:50%; left:50%;
text-align:center; transform:translate(-50%,-50%);
line-height:1.1;
}
.circle1 {
position:relative; width:100%; height:0; padding:48% 0;
margin:0 auto; border-radius:50%; 
background:rgba(255,255,255,0.8); border:0.4vw solid #1010eb;
}
.circle1 > .a {
width:75%; position:absolute; top:50%; left:50%;
text-align:center; transform:translate(-50%,-50%);
line-height:1.1;
}
.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;}

.popover {border-radius:inherit; padding:inherit; margin-bottom:0; width:276px; padding-right:0 !important;}
.popover.top {}
.popover-title {padding:8px 14px 0 14px; margin:0 !important; border-radius:inherit; border:0; color:#1010eb !important; background:inherit; font-size:20px !important; line-height:1.1; font-family:"Avenir Next World W05" !important;}
.popover-content {font-family:"Avenir Next World W05" !important; padding:10px 14px; font-size:16px; line-height:1.2em;}
.popover.top > .arrow {bottom:-10px;}

.sect .footnote {font-size:13px; line-height:1.1;}
.bwarning {border:1px solid #fff; padding:5px 8px; font-size:12px;}
.bwarning1 {border:1px solid #000; padding:5px 8px; font-size:12px;}
a.next-step-btn {font-weight:inherit;}
.form-control.error {border: 1px solid #ed541d;}
.form-group.xb {margin-bottom:30px;}
.form-group label.error {display:block;}

/* responsive */
@media (min-width: 0px) and (max-width:1500px) {
h1.text8 {font-size:56px !important;}
}
@media (min-width:1186px) and (max-width: 1199px) {
.carousel-indicators {bottom:2em;}
}
@media (min-width: 990px) and (max-width: 1185px) {
.carousel-indicators {bottom:2em;}
}

@media (min-width: 768px) and (max-width: 989px) {
.pec1p {margin-bottom:1em;}
a.btn {padding:10px 19px;}
.b-get-started {display: none;}
.row.icnbox .c1, .row.icnbox .c2, .row.icnbox .c3 {min-height:inherit;}
.smc-no {margin-bottom:10px;}
.playbtn, .playbtn1 {background-size:80px;}
.graphictxt {font-size:18px;}
.connect {background-position:100% 50%; min-height:400px;}
}

@media (min-width: 0px) and (max-width: 767px) {
.pec1p {margin-bottom:1em;}
a.btn {padding:10px 19px;}
.btn.btn-amb {padding-left:60px;}
.btn.btn-amb:hover {padding-left:60px;}
.pspace.inp {display:block;}
.like-table-row {display:block; width:100%;}
.like-table.row > [class*=col-] {display:block; float:none;}
.mainvis .like-table.row > [class*=col-] {display:table-cell; float:none;}
.mainvis {background:none;}
.mainvis .journey {background:none; min-height:inherit;}
.mainvis .bgshade {background:inherit;}
.mainvis .bgshade .c1 {min-height:400px; background:url(/res/img/caregivers/img-family-with-dog.jpg) #fff 75% 50% / cover no-repeat;}
/*
.mainvis .bgshade .c1::after {content:""; position:absolute; left:0; bottom:-1px; width:100%; height:100%; background:url(/res/elements/journey6-m-top-orange.svg) 50% 100% / 100% auto no-repeat;}
.mainvis .bgshade .c2::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/res/elements/journey6-m-bot-orange.svg) 50% 0% / 100% auto no-repeat;}
*/
.mainvis .bgshade .c2 {height:inherit; background-color:#fff; color:inherit !important;}
.mainvis .bgshade .c2 h1 {color:#140F4B !important;}
.main-journey-top1 {min-height:400px;}
.topvis {background:none !important;}
.topvis .journey {background:none; min-height:inherit;}
.topvis.main .c1 {min-height:400px; background:url(/res/img/caregivers/img-family-with-dog.jpg) #fff 75% 50% / cover no-repeat;}
.topvis.main .c2 {color:inherit !important; /*padding-top:22%;*/}
.topvis.main .container {position:relative !important; top:initial !important; left:initial !important; transform:initial !important;}
.topvis .container .c1::after {content:""; position:absolute; left:0; bottom:-1px; width:100%; height:100%; background:url(/res/elements/journey7-m-top-purple.svg) 50% 100% / 100% auto no-repeat;}
/*.topvis .container .c2::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/res/elements/journey5-m-bot-orange.svg) 50% 0% / 100% auto no-repeat;}*/
.topvis1.main .c1.h-100 {height:initial !important;}
.topvis1.main {background-position-y:-10px; background-size:auto 400px;}
.journey3.journey-m-off {min-height:inherit;}
.wavebg {background-size:100% 15vh; min-height:15vh;}
.si1 {min-height:350px;}
.connect {background-position:55% 50%; min-height:400px; }
.b-get-started {display: none;}
.colhead {font-size:2.8em;}
.playbtn, .playbtn1 {background-size:60px;}
.smc-no {font-size:120%; margin-bottom:5px;}
.btn.wht-outline {position:inherit; bottom:inherit;}
.inner-pad-tb {padding:1.5em 0;}
.popover.bottom {margin-top:-15px;}
.circle, .circle1 {
position:inherit; width:100%; height:inherit; padding:0;
margin:0; border-radius:inherit; 
background:inherit; border:inherit;
}
.circle > .a, .circle1 > .a {
width:inherit; position:inherit; top:inherit; left:inherit;
text-align:inherit; transform:inherit;
line-height:inherit;
}
.circle > .a ul, .circle1 > .a ul {margin:0;}
}

@media (min-width: 0px) and (max-width: 575px) {
.mainvis1 .bgshade {height:400px;}
.mainvis1 {background-position:90% -2em; background-size:auto 400px;}
.mainvis1 .bgshade {background:none;}
.mainvis1 .bgshade .c1 {}
.mainvis1 .bgshade .c2 {background:#fff;}
.wavebg {background-size:100% 10vh; min-height:10vh;}
}
@media (min-width: 0px) and (max-width: 480px) {
.mainvis .bgshade {background:linear-gradient(to right, rgba(255,255,255,1) 10%, rgba(255,255,255,0.9) 40%, rgba(255,255,255,0) 90%) no-repeat;}
.popover.bottom {margin-top:-5px;}
.wavebg {background-size:100% 5vh; min-height:5vh;}
.elementdiv {padding-right:10px;}
h1.text8 {font-size:44px !important;}
}
@media (min-width: 0px) and (max-width: 300px) {
.mainvis1 {background-position:80% -2em;}
h1.text8 {font-size:40px !important;}
}