.spacer {padding:0 0.5em;}

.img-drop {width: 70px; height: auto;}
#down84 .rate, #more-down .rate {
padding-left: 60px;
background: url(/sites/default/files/down-arrow.png) top left no-repeat;
background-size: contain;
background-position-x: 30px;
background-position-y: center;
}
#down84 .rate span {font-size: 100px; display: block; line-height: 100px;}
#down84 .rate span .sup2 {font-size: 15%; top: -65px;}
#more-down {padding-top: 20px;}
#more-down .rate span {font-size: 50px; display: block; line-height: 60px;}

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

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

.therapy.grey-box {background-color: #f1f2f2; padding: 10px; border-radius: 20px;}
.therapy.grey-box .container {width: 99%;}
.therapy.grey-box h4 {margin-left: 20px; margin-bottom: 0; padding-bottom: 10px;}
.therapy.grey-box .border-bottom {border-bottom: #ffffff solid 2px;}
.therapy.grey-box .border-right {border-right: #ffffff solid 2px;}
.therapy.grey-box .col1 {width: 20px;}
.therapy.grey-box .col2, .therapy.grey-box .col3 {width: 49%; padding: 20px;}
.therapy.grey-box .col3-height {height: 180px;}
.therapy.grey-box .tbl {display: table;}
.therapy.grey-box .tbl-img {display: table-cell; vertical-align: middle; padding-right: 20px;}
.therapy.grey-box .tbl-text {display: table-cell; vertical-align: middle; height: 100%;}
.therapy.grey-box .row {margin-right: 0; margin-left: 0;}
 .text-rotate {transform: rotate(180deg); writing-mode: vertical-rl;}

/* 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) {
.circle > .a {font-size:85%;}
}

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

@media (min-width: 0px) and (max-width: 767px) {
.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;}
.playicn {width:25%;}
.playbtn, .playbtn1 {background-size:60px;}

.g4.pump-therapy .border-bottom {border-bottom: solid 3px #ffffff;}
.g4.pump-therapy .div-padding {padding: 0;}
.g4.pump-therapy .div-padding-title {padding: 10px 0;}
.g4.pump-therapy .border-left {border-left: none}
.g4.pump-therapy .border-bottom {border-bottom: 2px solid #ffffff;}
}
@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 */ 
}
