.break {display:block;}
.nmb {margin-bottom:0 !important;}

.padrt {padding-right:0.5em; padding-bottom:0.5em; display:inline-block;}
.like-table-row {display:table; width:100%;}
.like-table.row > [class*=col-] {display:table-cell; float:none;}
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;}

h2 {margin-top:0; text-transform:uppercase; padding-top:0;}
.colhead {font-size:3.4em; line-height:1em; text-transform:uppercase;}
.b-video-item1, .video-play {position:relative;}
.icn-play {position:absolute; top:50%; left:50%; margin-top:-34px; margin-left:-34px;}
.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;}
.mr-reset {margin-right:0;}
.ml-reset {margin-left:0;}
.pr-reset {padding-right:0;}
.pl-reset {padding-left:0;}
.smc-no {display:block; font-size:160%; color:#b0008f; line-height:1em; 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; line-height:24px; text-indent:-7px; margin-bottom:15px;}
.testimonial .author {font-size:13px; text-transform:uppercase;}
.testimonial .title {font-size:13px;}
ul.smul {padding:0; margin:0;}
ul.smul li {list-style:none; display:inline-block;}

.playbtn2 {display:inline-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 > a > img {width:70%;}
.playbtn3 .venobox {
position:absolute;
height:auto;
max-width:100px;
width:30%;
left:50%;
top:50%;
transform:translate(-50%,-50%);
}

.btnbot {position:absolute; bottom:2em;}
.text-upper { text-transform: uppercase; }
.sect.s1 {background: url(/res/img/happyface/mainvis.jpg) 50% 25% / cover no-repeat;}
.event-title { padding: 1.5em 3em;}
.event-pad { padding: 0 3em; }
.event-row { padding-bottom: 3em; border-bottom: 1px solid #ccc }
.event-row-last { padding-bottom: 3em; }
.s1.sect .c1a {min-height:350px;}
.sect .c1a, .sect .c1b {min-height:420px;}
.sect .c2a, .sect .c3a, .sect .c4a {min-height:400px;}
.sect .c5a  {min-height:325px;}
.sect.s2 {background:url(/res/img/ambassador-new/amb-mainvis.jpg) 50% 0 / cover no-repeat;}
.sect.s2 .c1a, .sect.s2 .c1b {min-height:420px;}
.sect.s2 .c1a.short {min-height:350px;}
.sect.s2 .c1a .cp {padding-left:0; padding-right:0;}
.story {min-height:310px;}
.stories {}
.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:1186px) and (max-width: 1199px) {
.carousel-indicators {bottom:2em;}
.sect .vid-desc h2 {font-size:1.8em;}
.b-simple-page h2 {padding-top:0;}
.break {display:inline;}
}
@media (min-width: 990px) and (max-width: 1185px) {
.break {display:inline;}
}

@media (min-width: 768px) and (max-width: 989px) {
.b-get-started {display: none;}
/*.sect .c2a {min-height:inherit;}*/
.b-simple-page h2 {padding-top:0;}
.break {display:inline;}
.s1.sect .c1a {min-height:300px;}
}

@media (min-width: 0px) and (max-width: 767px) {
.sect.s2 {background-position:25% 0;}
.sect .c1a {min-height:400px;}
.sect .c1b {padding-top:0; min-height:400px;}
/*.sect .c2a {min-height:inherit;}*/
.sect .c2b {padding-top:0;}
.sect .c1b img {padding:0 0 2em 0;}
.b-get-started {display: none;}
.btn.wht-outline {position:inherit; bottom:inherit;}
.break {display:inline;}
}

@media (min-width: 0px) and (max-width: 640px) {
.sect .c1a {min-height:350px;}
.break {display:inline;}
}
@media (min-width: 0px) and (max-width: 480px) {
.sect .c1a p {font-size:100%;}
.break {display:inline;}
}
@media (min-width: 0px) and (max-width: 400px) {
}

#showmore {cursor:pointer; float:left;}
.nextrow {overflow:visible !important; display:none;}
