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

.guides-items .img-wrapper {max-height: 500px; overflow: hidden}
.guides-items .img-wrapper img {width: 100%; height: auto;}
.guides-items .guides-btn {
font-size: 16px;
line-height: 18px;
color: #fff;
font-weight: 400;
text-transform: uppercase;
padding: 20px 90px 0 20px;
background-color: #140F4B;
min-height: 110px;
display: block;
background-image: url(/sites/default/files/images/dd-upload.png);
background-repeat: no-repeat;
background-position: 90% center;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.guides-items .guides-btn:hover {text-decoration: none; opacity: .9}
.guide-heading {color: #140F4B;}

.resource-container {position: relative; width: 100%;}
.resource-container .img-responsive {
opacity: 1;
display: block;
width: 100%;
height: auto;
transition: .5s ease;
backface-visibility: hidden;
}
.middle {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: #140F4B;
}
.resource-container:hover .middle {opacity: 1;}
.resource-container .text {
color: white;
font-size: 20px;
position: absolute;
top: 120px;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.umguidebox {max-height: 240px;overflow:hidden;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}

.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) {
.b-get-started {display: none;}
}

@media (min-width: 0px) and (max-width: 767px) {
.b-get-started {display: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 */ 
}