/*

 NOTE: This stylesheet is also being used in the RCM page.

* AXXESS
* www.axxessweb.com
* Author: Spencer Avinger
* Copyright 2013 
*/

/* Table of Content
==================================================
	#Google Web Fonts
	#Basics
	#Typography
	#Buttons
	#Site Styles
	#Header
	#Navigation
		#Main Navigation
		#Corporate Navigation
	#Footer
	#Sections
		#Hero
		#Feature List
		#Physician's Portal
		#Testimonials
		#Call to Action
		#Overlay for Popup Video 
	#Media Queries
*/

/* #Google Web Fonts
================================================== */
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,700,800);
@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: local('Fjalla One'), local('FjallaOne-Regular'), url('../font/FjallaOne.woff') format('woff');
} /* @import url(//fonts.googleapis.com/css?family=Fjalla+One); */
@font-face {
    font-family: 'CopperplateGothicBoldRegular';
    src: url('../font/coprgtb.eot');
    src: url('../font/coprgtb.eot') format('embedded-opentype'),
    url('../font/coprgtb.woff') format('woff'),
    url('../font/coprgtb.ttf') format('truetype'),
    url('../font/coprgtb.svg#CopperplateGothicBoldRegular') format('svg');
}
/* Revenue Cycle Management
======================================================= */
.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:hover{ text-decoration: none; color:#ba243d; background-color: #fff; border: 1px solid #ba243d; }
#rcm {background-color:#fff;}
#heroBox{background-color: rgba(0, 0, 0, .7); padding: 2%;}
#heroTitle{font-weight:bold; color: #fff; font-size: 2.5em;}
.title h2{text-align: center;}
.para{display: none;}
#rcm_hero .container{padding-top: 3% !important;}
#w-content{/*Hero box text white */color: #fff;font-size: 1.1em;}
#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: #4d85ff;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;}
#heroContainer{padding-top: 5.6%;}
#rcm_hero {background-image: url('/assets/images/hero_dde.jpg');height:442px;text-align:left;background-size:cover; background-position: 40% 45% !important;}
#rcm_hero2 {background-image: url('/assets/images/hero_rcm.jpg');height:442px;text-align:left;background-size:cover; background-position: 40% 45% !important;}
#rcm_hero2 h1 {margin-top: 0;line-height: 1.1em;font-size: 2.5em;}
#rcm_hero2 #heroBox h2{color:white; margin-top: -4%; font-weight:500}
#rcm_hero2 h3 {margin-top: 0;font-size: 28px;}
#dde_medicare {background-image: url('../images/bg/herobg_medicare_remittance.jpg');height:442px;background-size:cover;color:#fff;text-shadow: 1px 1px #000;}
.dde_medicare_numbers {padding: 25px 0 0 0;}
.dde_medicare_numbers draft {color:#fff;position: absolute;top: 50%;transform: translateY(-50%);}
.dde_medicare_numbers h2 {font-size:52px;}
.dde_medicare_numbers h4 {font-size:22px;}
#rcm_hero_features {background-image: url('../images/bg/resources_bg.jpg');text-align:center;background-color:#f5f5f5;}
#video_background {min-width: 100%;width: auto;height: 442px;}	
#rcm .platform {background: #eee;height: 30px;border-bottom: 1px solid #ddd;}
#rcm_features {background-color:#fff;}
#rcm.vid {border:none;}
#rcm.vid {margin:11px 0}
#rcm-homebanner. container {padding:0;}
#rcm_hero h1 {margin-top: 0;line-height: 1.1em;font-size: 2.5em;}
#rcm_hero #heroBox h2{color:white; margin-top: -4%; font-weight:500}
#dde_medicare h1 {line-height: 1.1em;font-size: 66px;}
#rcm_hero h3 {margin-top: 0;font-size: 28px;}
#rcm-homebanner .xlheading {font-size: 80px;}
#rcm-homebanner h3 {line-height: 1.4em;font-size: 1.8em;color: #FFF;text-shadow: 1px 1px #000;}
#rcm-homebanner .container {padding:30px 0 0 0;}
#rcm-homebanner. play {padding-top:10px;}
#rcmPlayHome.play {top: 150px !important;}
#rcmLink {position: absolute; z-index: 10; width: 100%; height: 440px; top: 0;}
.rcmLink{cursor: pointer!important; min-height: 440px;}
.rcmLink2 h1{line-height: 1.1em;}
#rcm_1 {background-image: url('../images/bg/rcm_bg.jpg');color: #fff;background-size: cover;}
#rcm_2 {background-color:#fff;border-top-width: 1px;border-top-style: solid;border-top-color: #E1E1E1;}
#rcm_3 {background-image: url('../images/bg/rcm_bg4.png');border-width: 1px;border-style: solid;border-color: #E1E1E1;	background-size:cover;}
#rcm_4 {background-color:#fff;background-size:cover;}
#rcm .icon-ok { position: absolute; left: 0; top: 0; color: #2287B9 ; /* #2287B9 #197bab #0a0 */font-size: 1.2em;}
.rcm_pattern {background-image: url('../images/bg/resources_bg.jpg');border-top-width: 1px;border-top-style: solid;border-top-color: #E1E1E1;	}
.rcm_white {background-color:#fff;border-top-width: 1px;border-top-style: solid;border-top-color: #E1E1E1;}
.rcm_box {border-width: 2px;border-style: solid;border-color: #E1E1E1;padding: 20px;background-color:#fafafa;}
.rcm_center {text-align:center;}
#rcm ul { list-style: none; margin: 10px 0 10px 30px; }
#rcm li {position: relative;padding: 0 0 6px 0;margin: 0;}
#rcm .icon-ok { position: absolute; left: -30px !important; }
#rcm_1 h3, #rcm_2 h3, #rcm_3 h3, #rcm_4  h3 {line-height: 1.7em;font-size: 1.3em;padding-bottom:10px;}
#medicare p, #managed p {font-size: 1.3em; font-weight: 200; color:#000; line-height: 30px;}
#medicare h3, #managed h3, #resources h3{ text-align: center !important; line-height: 1.5em; font-size: 1.3em; padding-bottom: 20px; font-weight: 300; }
#medicare h2, #managed h2, #resources h2 {text-align: center; color: #b9243c; font-weight: 500; padding-bottom: 2%; }
#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;}
#subnav a:visited{text-decoration: none;}
#medicare{padding: 2% 0;}
#medicare ul{ padding-top: 2%; padding-bottom: 2%;}
#managed .content{ padding-top: 1%; }
#managed p{padding-bottom: 2%;}
hr {margin:0;}
h2{text-align: left;}
/* #Call to DDE
================================================== */
#call-to-dde { background-color:#b9243c;text-align:center;color:#fff;}
#call-to-dde a { color:#fff;}
.dde-icon {font-size:54px;}
/* #Call to Action
================================================== */
#call-to-action {display:none;}
/* #Overlay for Popup Video
================================================== */
#overlay {display:none;position: fixed; top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);z-index: 1000;}
#overlay .wrapper {margin: 100px auto 0;text-align: center;width: 800px;}
#overlay .window {display: inline-block;padding: 20px;background: white;border: 1px solid #ccc;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;position: relative;padding: 10px;background: #ffffff;background-image: -webkit-linear-gradient(#ffffff 60%, #cccccc 80%);background-image:    -moz-linear-gradient(#ffffff 60%, #cccccc 80%);background-image:      -o-linear-gradient(#ffffff 60%, #cccccc 80%);background-image:         linear-gradient(#ffffff 60%, #cccccc 80%);background-repeat: repeat-x;}
#overlay .window .close-window {
	position: absolute;
	top: -25px;
	right: -25px;
	display: block;
	height: 50px;
	width: 50px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
	background: #333;
	background: rgba(0,0,0,.7);
	line-height: 50px;
	text-align: center;
	font-size: 1.4em;
	cursor: pointer;
	color: white;
	text-shadow: 0px 0px 1px black;}
#overlay .wrapper .window .close-window:hover {background: rgba(0,0,0,.5);}
#overlay iframe { display: inline-block;border: 1px solid #ccc;margin: 0;padding: 0;}
#overlay2 {display:none;position: fixed; top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);z-index: 1000;}
#overlay2 .wrapper {margin: 100px auto 0;text-align: center;width: 90%;}
#overlay2 .window {
	display: inline-block;
	padding: 20px;
	background: white;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
	position: relative;
	
	padding: 10px;
	background: #ffffff;
	background-image: -webkit-linear-gradient(#ffffff 60%, #cccccc 80%);
    background-image:    -moz-linear-gradient(#ffffff 60%, #cccccc 80%);
    background-image:      -o-linear-gradient(#ffffff 60%, #cccccc 80%);
    background-image:         linear-gradient(#ffffff 60%, #cccccc 80%);
    background-repeat: repeat-x;}
#overlay2 .window .close-window {
	position: absolute;
	top: -25px;
	right: -25px;
	display: block;
	height: 50px;
	width: 50px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
	background: #333;
	background: rgba(0,0,0,.7);
	line-height: 50px;
	text-align: center;
	font-size: 1.4em;
	cursor: pointer;
	color: white;
	text-shadow: 0px 0px 1px black;}
#overlay2 .wrapper .window .close-window:hover {background: rgba(0,0,0,.5);}
#overlay2 iframe { display: inline-block;border: 1px solid #ccc;margin: 0;padding: 0;}
.vid1{background-color:#b8223b; padding:5px; margin-bottom: 10px; border:#ddd 1px solid;color:#fff;font-size: 1.0em;/*clear:both;position: relative;*/cursor: pointer;display:none;}
.vid1 a{color:#fff;}
.vid1:visited{color: #fff;}
/* #Media Queries
================================================== */
/* Large desktop */
@media (min-width: 1200px) {
	/* Hero */
	/* .hero .background { height: 500px; } */
	/* .hero .container { height: 530px; } */
	.hero .laptop {background-image: url('../images/macbook-flat.png');background-repeat: no-repeat;height: 375px; /* 409 427 */width: 700px; /* 800 */}
	.hero .hero-text {position: absolute;top: 30px; right: 0;bottom: 30px;left: 50%;margin: 30px 0 30px 30px;}
	.hero .hero-text p,.hero .hero-text .vid { margin: 10px 0;}
    .hero .vid { width:45% !important;}
    #rcm h3{ text-align: left; }
    #signupbtn{padding: 2.5% 12%;}
}
@media(max-width: 1199px){
	.break{display:none;}
}
@media (min-width: 980px){
 	.mobileOn{display:none}
	/*.mobileOff{display:block;}*/
	.vid{margin: 10px 0;}
	#rcm_hero{background-position: 60% 30% !important;}
	#signupbtn{padding:2.6% 12%;}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	/* Hero */
	.hero .background { height: 440px; min-height: 440px; }
	#evvSec{height: 441px;}
	.hero .container { height: 420px; }
	.hero .hero-text { left: 0; margin: 0; }
	.hero .hero-text h1 { font-size: 50px; }
	.hero .hero-text .inner { left: 0; height: 320px;  }
	.hero .hero-text p { width: 230px; margin: 20px 0 0; float: left; }
	.hero .hero-text .vid { margin: 20px 0 0; float: right; }
	.hero .laptop {/*background-image: url('../images/macbook-flat.png');background-repeat: no-repeat;*/height: auto; /* 427 */width: 200px; /* 800 */left: 33px;}
    #hero-vid-1{margin-right:20px ;}
	#dde_medicare {height:auto;}
	#dde_medicare h1 {font-size: 48px;}
	#dde_medicare h3 {font-size: 22px;line-height:36px;}
	.para{display:block;}
	#signupbtn{padding:3% 17%;}
	#watchvidbtn{padding: 3% 10%;}
	#rcm_hero{background-position: 60% 30% !important;}
	#subnav{display: block;}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	/* Hero */
	.hero .background { height: 440px; min-height: 440px; }
	#evvSec{height: 441px;}
	.hero .background .container { height: auto; }
	.hero .hero-text { position: relative; top: 0; left: 0; margin: 0; }
	.hero .hero-text p, .hero .hero-text .vid { margin: 10px 0; }
	.hero .laptop { display: none; }
	.hero .inner { margin:10px; position: relative; }
	.hero .inner:after { clear: both; }
	#rcm_hero{background-position:80% 0%; background-size:initial; background-repeat: no-repeat;}
    .hero .vid{/*height:300px;*/width:100% !important;}
    .hero .vid img {width:100%;height:100%;}
    #signupbtn{padding:2% 8%;}
	#watchvidbtn{padding: 2% 4%;}
	.btn-pair{text-align: center;}
	/* Overlay Video */
	#overlay { background: black; }
	#overlay .wrapper { width: auto; margin: 0; height: 100%; }
	#overlay .window { border: none; padding: 0; top:50%; margin-top:-150px; border-radius: none; background: none; }
	#overlay .window .close-window { position: fixed; top: 10px; right: 10px; background: rgba(200,200,255,.5); }
	#overlay iframe { border: none; height: 300px !important; }
	#overlay2 { background: black; }
	#overlay2 .wrapper { width: auto; margin: 0; height: 100%; }
	#overlay2 .window { border: none; padding: 0; top:50%; margin-top:-150px; border-radius: none; background: none; }
	#overlay2 .window .close-window { position: fixed; top: 10px; right: 10px; background: rgba(200,200,255,.5); }
	#overlay2 iframe { border: none; height: 300px !important; }
	.laptop{display:none;}
	#rcm_hero {height:auto;}
	#dde_medicare {height:auto;}
	#subnav{display: none;}
	#medicare{margin:3%;}
	#medicare img{padding-top: 5%;}
	#managed{ padding: 3%; }
	#managed ul{padding-top: 3%;}
/*#dde_medicare h1 {
	font-size: 58px;
}*/	
}
.newsCss a {color: #0062d0;}
/* Landscape phones and down */
@media (max-width: 480px) {
	.sSupport .col-md-5{ padding-bottom: 5%; }
	#rcm_1 h3, #rcm_2 h3, #rcm_3 h3, #rcm_4  h3 {font-size: 15px;}
	/*#rcm_1 h2, #rcm_2 h2, #rcm_3 h2, #rcm_4  h2 {
	font-size: 28px;
	line-height: 34px;}*/
	#rcm .icon-ok{color: #2287B9 !important;}
	#rcm_hero {min-height: 203px;}
	#rcm_hero h1 {font-size: 52px;}
	#rcm_hero h3 {font-size: 21px;line-height: 32px;}
	#dde_medicare {height:auto;}
	/*#dde_medicare h1 {
	font-size: 46px;
	}
	*/
	#dde_medicare h3 {font-size: 21px;line-height:36px;}
	#rcm_white h3 {font-size: 18px;}
	#resources{padding-bottom: 2%;}
	#medicare, #managed { padding: 3%; }
	#medicare img {padding-top: 6%;}
	#managed ul{ padding-top: 6%; }
}