.spacer {padding:0 0.5em;}
.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 {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;}
.img-shadow {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.mainvis .bgshade .c1 {min-height:550px;}
.mainvis {background:url(/sites/default/files/medicare.png) #fff 50% 20% / cover no-repeat;}
.mainvis .bgshade {background:linear-gradient(to right, rgba(255,255,255,0.9) 30%, rgba(255,255,255,0) 60%) no-repeat;}

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

@media (min-width: 0px) and (max-width: 767px) {
.mainvis .bgshade .c1 {min-height:300px; background:url(/sites/default/files/medicare.png) #fff 65% 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 */ 
}