/**
 * hhs Page CSS
 * @author Edem Jimbo <ejimbo@axxess.com>
 */
/* General Page Styles
 ======================================================= */
@import url('https://fonts.googleapis.com/css?family=Karla');
/*{background:#000 !important; color:#0f0 !important; outline: solid #f00 1px !important;}*/
h1, h2{text-align: center;}
body{background-color:#fff;}
footer{background-color: #333;}
#rcm h1, #hero h1{text-align: left;}
.trustList li:before{content:'\f00c';font-family:'FontAwesome';margin-left: -1.5em;padding-right: 2%;color:#2287B9; font-size:20px;}
#axxessnumbers h1, #scheduling h1, #success_stories h1, #customer-support h1{margin-bottom: 5px; font-size: 30px}
#axxessnumbers h2, #scheduling h2, #success_stories h2, #customer-support h2{margin-bottom: 30px; text-align: center;}
#rcm h2{margin-bottom: 20px!important;}
#rcm h1{margin-bottom: 0px;}
#success_stories .span2 h2{text-align: left;}
#hhs {width:100%; background-color: #fff !important;}
#hhs .icon-ok {position: absolute;left: 0;top: 0;color: #2287B9; /* #2287B9 #197bab #0a0 */font-size: 1.2em;}
#hhs h1 {font-size: 36px;line-height: 38px;}
#hhs h2 {font-size: 36px;line-height: 20px;padding:0;margin:0;}
#hhs h3 {font-size: 1.3em;padding-bottom: 20px;text-align: left;}
#hhs h4 {line-height: 1.3em;font-size: 1.1em; font-weight: 300;}
#hhs .screen {height: 300px;text-align: center;overflow: hidden;border-bottom: 1px solid #ccc;padding-top: 50px;background-image: -webkit-linear-gradient(bottom, #eef, #fff 10%);}
#hhs .screen img {position: relative;box-shadow: 0 5px 15px #bbb;display: inline-block;-webkit-transition: .50s;-moz-transition: .50s;transition: .50s;}
#hhs .screen img:hover {top: -20px;}
#hhs ul { list-style: none; margin: 10px 0 10px 30px; }
#hhs li {position: relative;padding: 0 0 6px 0; margin: 0; line-height: 22px;}
#hhs #axxessnumbers li{font-size: 18px;}
#hhs .icon-ok { position: absolute; left: -30px !important; }
#hero{height:442px;}
.sSupport .row{margin-left: 0 !important; margin-right: 0 !important;}
.heroContainer{padding-top:3.5% !important;}
#subnav{ padding: 2.5%; background-color: #f7f7f7; text-align: center; font-family: Helvetica, Arial, sans-serif;}
#subnav a{ padding: 1.5% 3%; color: #555; border-left: 1px solid #ccc; font-size: 18px;}
#subnav a:first-of-type{ border-left: none; }
#subnav a:hover{text-decoration: none; color:#ba243d;}
/* Sections
 ======================================================= */
 #mobilesol h2, #qa h2, #claimsmanag h2, #financialrep h2, #resources h2, #scheduling h2{ text-align: center; font-size: 1.8em !important; color: #b9243c; font-weight: 500;}
 .ltitle{font-size:1.3em !important; font-weight: 200 !important; color: #000; line-height: 30px !important;}
 .dlrow{padding: 2% 0;}
 #mobilesol .sSupport h3{padding-top: 2%;}
 .msheading{color: #b9243c; font-weight:500;}
 .storebadges{margin-left: -6%;}
 .storebadges .col-md-2{display: grid; justify-content: center;}
 .learnmore{padding: 5% 1%;}
 #resources{border-top: 1px solid #ccc;}
 #resources h3{ padding-bottom: 0; }
 #mobilesol, #qa, #claimsmanag, #financialrep, #resources, #scheduling{padding-bottom: 1%;}
 #qa{background-color: #f5f5f5;}
 /* Mobi Hero
 ======================================================= */
 .mobihero h2{text-align: center !important;}
 .mobihero{border-bottom: 1px solid #ccc;}
 /* Hero
 ======================================================= */
#hero {background-image: url('../images/homehealth-hero-new.jpg');background-color:#FFFFFF;background-repeat: no-repeat;background-position: right; background-size: 670px;}
}
#hero. container {padding:0;}
#hero h1 {margin-top: 0;line-height: 40px;font-size: 35px; font-weight: 600!important;color: #ba243d;padding:0px;margin:20px 0 0 0px;}
.xlheading {font-size: 62px;}
#hero h3 {line-height: 1.7em;font-size: 1.5em;color: #FFF;text-shadow: 1px 1px #000;}
#hero .container {padding:30px 0 0 0;}
.spacer {height:35px;}
/*.heroBox{background-color: rgba(0, 0, 0, .7); padding: 0% 2% 2% 2%;}*/
.w-content{color:#000; font-size: 1.5em; line-height: 1.3em;}
.para{display:none;}
.signupbtn{background-color: transparent; border: 1px solid #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold;color: #fff; box-shadow: none; padding: 2.5% 13%; text-shadow: none; white-space: nowrap;-webkit-font-smoothing: antialiased;}
.signupbtn:hover{background-color:#fff;color:#c63c4c;text-decoration: none;border:1px solid #c63c4c;}
.watchvidbtn{font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;background-color: #ba243d;color:#ffffff;font-weight: bold;font-size:17px;border-radius: 2px;padding: 2.5% 6%;border: 1px solid #4D85FF;box-shadow: none;}
.watchvidbtn:hover{background-color:#568bff; border:1px solid #4D85FF; color:#fff;}
/* Rounded List
 ======================================================= */
.tab ol {counter-reset: li; /* Initiate a counter */padding: 0;margin-bottom: 4em;}
.vid {border: none !important;}
/* Axxess in Numbers
 ======================================================= */
/*Numbers - home-num START*/
#axxessnumbers h1 {
  margin-bottom: 5px;
  font-size: 30px; }

#axxessnumbers h2 {
  margin-bottom: 30px;
  text-align: center; }
  #axxessnumbers h3{
  	text-align: center; 
  }
  #axxessnumbers li {
    font-size: 18px; }
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
#axxessnumbers {
  background-color: #FFF;
  border-bottom: 1px solid #ccc; }
  #axxessnumbers h2 {
    font-weight: 300;
    color: #b9243c;
    text-align: center;
    margin-top: 30px; }
  #axxessnumbers .s02 {
    animation-delay: .3s;
    --webkit-animation-delay: .2s; }
  #axxessnumbers .s03 {
    animation-delay: .4s;
    --webkit-animation-delay: .3s; }
  #axxessnumbers .s04 {
    animation-delay: .5s;
    --webkit-animation-delay: .4s; }
  #axxessnumbers .statsimg .fa-bed {
    font-size: 50px; }
  #axxessnumbers .container {
    padding-bottom: 40px; }
  #axxessnumbers .stats > h3 {
    font-size: 19px;
    font-weight: 400;
    text-align: center; }
  #axxessnumbers .stats h2 {
    font-size: 42px;
    padding-top: 7%;
    font-weight: 400;
    white-space: nowrap;
    margin: 0;
    text-align: center; }
    @media (min-width: 768px) and (max-width: 1023px) {
      #axxessnumbers .stats h2 {
        font-size: 30px; } }
  #axxessnumbers .btn-demo {
    font-family: "Open Sans", "Helvetica Neue", "Helvetica", sans-serif;
    background-color: #b9243c;
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
    border-radius: 6px;
    padding: 4px 20px;
    margin: 15px; 
	text-decoration: none;}
	#axxessnumbers .btn-demo:hover{
		background-color: #cc4c60
	}
  #axxessnumbers .fa-angle-left {
    font-size: 50px;
    color: #b9243c; }
  #axxessnumbers .fa-angle-right {
    font-size: 50px;
    color: #b9243c; }
  #axxessnumbers a {
    z-index: 1; }
    #axxessnumbers a span {
      display: inline-block; }
    #axxessnumbers a object {
      position: relative;
      z-index: -1; }
  #axxessnumbers .hvr-sweep-to-right:before {
    border: 1px solid;
    border-radius: 6px; }
.numbHeading {
  padding: 3% 0;
  margin: 0 auto;
  width: 100%; }
  .numbHeading h2 {
    font-weight: 300;
    color: #b9243c;
    margin: 35px 0 20px 0;
    text-align: center; }
    @media (max-width: 767px) {
      .numbHeading h2 {
        margin: 0; } }
  .numbHeading h3 {
    text-align: center;
    font-weight: 400; }

.numbers h2 {
  text-align: center; }

.statsimg {
  text-align: center;
  padding-bottom: 2%;
  height: 70px; }
  .statsimg * {
    max-height: 70px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .statsimg {
      height: 50px; } }
  .statsimg img {
    height: auto; }

.partnervid {
  margin: 0 auto !important; }
  .partnervid h3 {
    font-weight: 500;
    font-size: 20px !important;
    margin-left: auto;
    margin-right: auto; }

@media all and (min-width: 980px) {
  .link {
    margin: 10px 0; } }
.smallBox {
  text-align: center;
  width: 100%; }
  .smallBox p {
    padding-bottom: 7%; }
  .smallBox h1 {
    color: #b9243c; }


  .numbRow .numberBox {
    border-left: 1px solid #ccc;
    margin: 0;
    padding: 0; }

.topBox {
  border-bottom: 1px solid #ccc; }

.numberBox img {
  padding-bottom: 5%; }

.vidgrid {
  padding-top: 1%; }

.vidBox {
  padding: 2% 5% 0% 2%; }

.vidContent {
  background-image: url("/assets/images/hhs_numbers_national.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; }

.vidObj {
  height: 100%;
  width: 80%; }

.vidContent {
  padding-right: 15%;
  padding-top: 55%; }
  .vidContent p {
    font-size: 1.2em; }

.gridboxContent {
  text-align: center; }
  .gridboxContent span {
    display: block;
    line-height: 18px; }

.users {
  width: 100px;
  height: 100px; }

.devices {
  padding-top: 5%;
  width: 100px;
  height: 100px; }

.claims {
  width: 100px;
  height: 100px; }

.evv {
  width: 100px;
  height: 97px;
  padding-top: 6%; }

@media all and (min-width: 980px) {
  .link {
    margin: 10px 0; } }
/*Numbers - home-num END*/
/* Revenue Cycle Management
 ======================================================= */
#rcm {background-color: #FFF;}
#rcm h3 {font-size:18px;}
.rCycle{padding-left:10%;}
#rcm img:hover{-webkit-filter: brightness(0.85);filter: brightness(0.9);}
  /* CAHPS
 ======================================================= */

 /* Customer Support
 ======================================================= */
.sSupport h3{color:#B8223B;font-weight: 500;}
.sSupport a{color:#c63c4c; text-decoration: none;}
.sSupport a:hover{color:#BA243D;}
/* Scheduling
 ======================================================= */
#scheduling  {background: #FFF; /* FAF7EC F4F1E6 */border-bottom: 1px solid #ccc;overflow: hidden;position: relative;background-image: url('../images/bg/resources_bg.jpg');}
#scheduling h3 {font-size:18px;}
.scheduling-header {text-align:center;padding-bottom:20px;}
#scheduling .phone {background-image: url('../images/hhs_mobile.png');background-repeat: no-repeat;background-position: center top;background-size: contain;position: absolute;top: 0px;left: 50%;width: 460px;margin-left: -215px; /* half of width */height: 700px;overflow: hidden;z-index: 10;}
#scheduling .module-screen {background-repeat: no-repeat; background-size: contain;bottom: -43.696%;display: none;left: 12.425%;position: absolute;right: 13.434%;top: 6.75%;z-index: 20;}
#scheduling .module-zoom {position: absolute;width: 200px;height: 200px;z-index: 21;display: none;opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-webkit-transition:all 230ms cubic-bezier(0.7, 0, 0.1, 1);-webkit-transition:all 230ms cubic-bezier(0.7, -0.2, 0.1, 1.2);-moz-transition:all 230ms cubic-bezier(0.7, -0.2, 0.1, 1.2);-ms-transition:all 230ms cubic-bezier(0.7, -0.2, 0.1, 1.2);-o-transition:all 230ms cubic-bezier(0.7, -0.2, 0.1, 1.2);transition:all 230ms cubic-bezier(0.7, -0.2, 0.1, 1.2);}
#scheduling .module-zoom.show {display: block;opacity: 1;-webkit-transform:scale(1);-moz-transform:scale(1);}
#ms1.module-screen { background-image: url(../images/hhs_mobile_schedule.png); background-size: 96%; margin-top: 5%; margin-left: 5%; }
#ms2.module-screen { background-image: url(../images/hhs_verify_ss.png); background-size: 96%; margin-top: 5%; margin-left: 5%;}
#ms3.module-screen { background-image: url(../images/hhs_screenshot3.png); }
#ms4.module-screen { background-image: url(../images/hhs_mobile_evv2.png); background-size: 96%; margin-top: 4.3%; margin-left: 5%; }
#ms5.module-screen { background-image: url(../images/hhs_scheduling_ss.png); background-size: 96%; margin-top: 5%; margin-left: 5%; }
#ms6.module-screen { background-image: url(../images/hhs_screenshot6.png); }
#ms1z.module-zoom { display: block; background-image: url(../images/careplan-zoom.png); top:0; left:0; }
#ms2z.module-zoom { display: block; background-image: url(../images/careplan-zoom.png); top:3%; left:10%; }
#ms3z.module-zoom { display: block; background-image: url(../images/careplan-zoom.png); top: 5%; right: 5%; }
#ms4z.module-zoom { display: block; background-image: url(../images/careplan-zoom.png); top: 11%; left: 15%; }
#ms5z.module-zoom { display: block; background-image: url(../images/careplan-zoom.png); top: 11%; left: 15%; }
#ms6z.module-zoom { display: block; background-image: url(../images/careplan-zoom.png); top: 11%; left: 15%; }
.module {border: 1px solid #eaeaea; background: #fafafa; color: #666; background-image: linear-gradient(#fff, #fafafa);margin: 0 0 10px;border-radius: 3px;padding: 10px; position: relative;-moz-box-sizing: border-box;box-sizing: border-box;}
.module li:before{content:'\f00c';font-family:'FontAwesome';margin-left: -1.5em;padding-right: 2%;color:#2287B9; font-size:17px;}
.module-left:before,.module-left:after,.module-right:before,.module-right:after {content: '';display: block;position: absolute;}
.module-left:before,.module-right:before {top: 10px;}
.module-left:after,.module-right:after {top: 11px;}
.module-left:before {right: -11px;border-left: 11px solid #eaeaea;border-top: 16px solid transparent;border-bottom: 16px solid transparent;}
.module-left:after {right: -10px;border-left: 10px solid #fcfcfc;border-top: 15px solid transparent;border-bottom: 15px solid transparent;}
.module-right:before {left: -11px;border-right: 11px solid #eaeaea;border-top: 16px solid transparent;border-bottom: 16px solid transparent;}
.module-right:after {left: -10px;border-right: 10px solid #fcfcfc;border-top: 15px solid transparent;border-bottom: 15px solid transparent;}
.module.active {background: #b8223b;background-image: linear-gradient(#DA3450, #b8223b); /* #DA2537, #af1e2d */border-color: #b8223b;color: white;box-shadow: 0 0 4px #ccc;}
.module.active.module-left:before{ border-left-color: #b8223b; }
.module.active.module-left:after{ border-left-color: #CF2642; }
.module.active.module-right:before{ border-right-color: #b8223b; }
.module.active.module-right:after{ border-right-color: #CF2642; }
.no-vid {padding:10px 0;}
/* Point of Care
 ======================================================= */
/* Success Story HH Software
 ======================================================= */
hr{height: 2px; margin: 50px 0px 50px 0px;}
.list li:before {content:'\f00c';font-family:'FontAwesome';margin-left: -1.5em;padding-right: 2%;color:#2287B9;}
.pengage li:before {content:'\f00c';font-family:'FontAwesome';margin-left: -1.5em;padding-right: 2%;color:#2287B9;}

/* Buttons
 ======================================================= */
.btn-learn-more:hover{ text-decoration: none; color:#ba243d; background-color: #fff; border: 1px solid #ba243d; }
.btn-learn-more{ 
	font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', sans-serif;
    background-color: #ba243d;
    color: #ffffff;
    font-weight: bold;
    font-size: 15px;
    border-radius: 5px;
    padding: 10px 20px;
    margin-left: 90px;
    border: 1px solid #ffffff;
    margin-top: 20px;
    width: 115px;
    margin-left: -10px;
 }

 .btn-learn-more a{
 	color: #fff;
 }

/* Call to Action
 ======================================================= */
.thiscol{float:right;}
footer{clear:both;}
/* Responsive Media Queries
 ======================================================= */
/* Large desktop */
@media (min-width: 1200px)  {
	#hhs{width: 100%;}
	.para{display:none;}
	.imgObj{ padding-left: 30%;}
	.figure{border-top:none !important;}
    #hero {background-position: 80% 50%; background-size: 61%;}
}
@media(max-width: 979px){
	.imgObj{padding-left: 20%;}
	.vidBox{background-image}
    .no-vid {padding:0;}
    #hero .container.container-padded.heroContainer {width:95%;}
    #hero .container.container-padded.heroContainer .container {width:95%;}
    #hero {background-position: 275px;}
}
/* Landscape tablet */
@media (min-width: 767px) and (max-width: 1200px) {
	#subnav{display: block; }
	#hhs #success_stories h2{font-size: 18px;}
	#hhs {font-size: 12px;}
	.xlheading {font-size: 74px;}
	#hhs h2 {font-size:30px;}
	/* Hero */
	#hero h3 {font-size: 22px;line-height: 34px;}
	/* Scheduling */
	#scheduling .phone {background-image: url('../images/hhs_mobile.png');background-repeat: no-repeat;background-position: center top;background-size: contain;position: absolute;top: 0px;left: 59%;width: 300px;height: 560px;overflow: hidden;z-index: 10;}
	#scheduling .module-screen {background-repeat: no-repeat;background-size: contain;bottom: -43.696%;display: none;left: 7.425%;position: absolute;right: 12.434%;top: 6.75%;z-index: 20;width:255px;}
	/* Point of Care */
	#success_stories {background-image: url('../images/bg/sectionbg_poc.jpg');height: auto;background-repeat: no-repeat;background-position: center top;background-size:cover;}
	/* Messaging */
	.vidimg{float:right; width:41%;}
	.svid{width:95%;}	
	#numbVid{width:20%;}
	.para{display:block;}
	.signupbtn{padding: 2.5% 13%;}
	#rcm img{padding-top: 12%;}
	.imgBlock{display:block; width:100%;}
	.imgObj{ padding-left: 30%;}
	.figure{border-top:none !important;}
	#hero .span4{width: 290px;}
	.vidContent{padding-top: 65%; padding-left: 10%;}
	#scheduling .module-screen{background-size: 93%; margin-top: 5%; margin-left: 3.6%;}
}
@media (max-width: 768px){
	#subnav{display: none;}
	#hero { height:380px;}
	.signupbtn{padding:3% 18%; }
	.watchvidbtn{padding: 3% 9%;}
	.figure{text-align: center;}
	.vidBox{text-align: center;}
	.imgObj{padding-left: 0; padding-right: 20%;}
	.numberBox h1{ text-align: center; color: #b9243c;}
  }
/* Portrait tablet */
@media (max-width: 767px) {
	h1, h2{text-align: left;}
	#success_stories h2, #customer-support h2, #customer-support h1, #customer-support h3{text-align: left;}
	#hhs #axxessnumbers h1{text-align: left;}
	#hero .container{padding: 30px 0 0 10px ;}
	html, body { width:100%; }
	#hhs  {font-size: 12px;}
	#hhs li {line-height:20px;}
	#hhs h1 {font-size:34px;text-shadow: none;text-align: left;}
	#axxessnumbers h2{font-size: 30px;}
	#hhs h2 {font-size:26px;}
	/* Hero */
	#hero hr{height: 2px;background: #cccccc;}
	#hero h3 {font-size: 21px;line-height: 28px;text-align: left;}
	/* Scheduling */
	#scheduling h2 {font-size:26px;}
	#scheduling .phone {background-image: url('../images/hhs_iphone.png');background-repeat: no-repeat;background-position: center top;background-size: contain;position: absolute;top: 0px;left: 50%;width: 230px;margin-left: -105px; /* half of width */height: 350px;overflow: hidden;z-index: 10;display: none;}
	.icon-ok{color:#2287B9 !important;}
	.vidimg{width:60%;}
	.imgObj{padding-left: 0;}
	.numberBox h1{ text-align: center !important;}
	.vidContent h1{text-align: center !important; padding-left: 30% !important;}
	.vidContent p{padding-left: 30%;}
	.numbRow .container{ border-left:none !important; }
	.topBox{border-bottom: none !important;}
	.numbers h1{ text-align:center !important; }
}
/* Landscape phones and down */
@media (max-width: 480px) {
	 #mobilesol, #qa, #claimsmanag, #financialrep, #axxessnumbers {padding-top: 5%;}
	.panel-title{padding-bottom: 2%;}
	.vid{margin-left: 0px;margin-top: 20px;}
	#axxessnumbers li{line-height: 21px;margin-left: 5px;}
	.learnmore{ padding-bottom: 10%; }
	/*#rcm .icon-ok{color: #b8223b !important;}*/
	#hero {background-color: #ffffff !important;}
	#hhs h1 {font-size:2em; font-weight:300;}
	#hhs h2 { line-height: 40px;}
	.numberbox h1{color: #b9243c;}
	#hero h3 {font-size:18px;}
	#hero {background-size: cover;background-repeat: no-repeat;}
	.module { margin-bottom: 5px; }
	.module-left:before,
	.module-right:before,
	.module-left:after,
	.module-right:after { display: none; }
	#scheduling header .container { background-size: contain; }
	.success-stories-header{text-align: left;}
	#customer-support h3{font-size: 15px;line-height: 1.5em;}
	#customer-support h2{font-size: 21px;}
	#customer-support p{text-align: left;font-size: 15px;line-height: 21px;margin-bottom: 15px;}
	#evv {height: 608px;background-repeat: repeat;}
	#evv .platforms {background-image: url('../images/evv_tablet.png');height: 290px;width: 280px;background-size:contain;display:block;background-repeat: no-repeat;}
	#messaging {height:520px;}
	#messaging .platforms {background-image: url('../images/messaging_phone.png');height: 219px;width: 320px;background-size:contain;display:block;margin-top:260px;}
	.container .container-padded {padding: 20px;}
	#success_stories .row{width: 100%; margin-left: 5px;}
	.imgObj{ padding-right: 0%;}
	.figure{border-top:1px solid #ccc; padding-top:2%;}
	.vidBox{background-position: 10% 70%; padding: 2%;}
	.appstore{ padding-bottom: 3%; display: block; margin: 0 auto;}
	.playstore{padding-bottom: 2%;  display: block; margin: 0 auto;}
 }