/*
* 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');
}
/* Billing
======================================================= */
.row{margin-right: 0 !important;}
h2{ text-align: center; font-size: 1.8em; }
#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;}
.list li:before {content:'\f00c';font-family:'FontAwesome';margin-left: -1.5em;padding-right: 2%;color:#2287B9;}
#businessintel{padding-bottom: 2%;}
#reporting h2, #benchmarking h2, #businessintel h2, #successStories h2 {color: #b9243c; font-weight: 500; padding-bottom: 3% !important;}
#benchmarking h2, #reporting h2, #business{  }
#reporting h3, #benchmarking h3, #businessintel h3 { text-align: center !important; line-height: 1.5em; font-size: 1.3em; padding-bottom: 20px; font-weight: 300; }
#reporting p, #benchmarking p, #businessintel p { font-size:1.3em !important; font-weight: 200 !important; color: #000; line-height: 30px !important; }
#heroBox{background-color: rgba(0, 0, 0, .7); padding: 1% 2% 2% 2%;}
#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.4% 11%; 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;}
.para{display:none;}
.top-header {padding: 20px 10px 40px 10px;}
#successStories {
    display: grid;
    justify-items: center;
    padding-bottom: 2%;
    font-family: Helvetica, Arial, sans-serif;
}
#successStories h3 {
    font-size: 22px;
    font-weight: 100;
    line-height: 150%;
    margin-top: 10px;
}
.icon-quote-right, .icon-quote-left {
    margin-left: 3px;
    color: rgb(185, 36, 60);
    padding: 1%;
}
#medical_billing_hero .container{padding-top: 2.5%;}
#medical_billing_1 .vid .play {background: rgba(0,0,0,.5)}
#medical_billing {
	background-color:#fff;}
#medical_billing_hero {
	background-image: url('../images/hero_billing.jpg');
	background-size:cover;
	height:442px;
	background-position: 10% 45%;}
#medical_billing_hero h1{ font-weight: bold; font-size: 2em; color:#fff; }
.top-header h2,h3 {
	margin:0;
	padding:0;
	line-height:20px;}
#medical_billing_herovid {
}
#video_background {
min-width: 100%;
width: auto;
height: 400px;}		
#medical_billing .platform {
	background: #eee;
	height: 30px;
	border-bottom: 1px solid #ddd;}
#medical_billing_features {
	background-color:#fff;}
#medical_billing.vid {border:none;}
#medical_billing.vid {margin:11px 0}
#medical_billing-homebanner. container {
       padding:0;}
#medical_billing_features h3 {
    font-size: 24px;
	line-height:38px;}
.line {
       border-bottom: 1px thin #000;
	   margin: 10px 0 10px 0;
	   width:100%;}
.herotransparent {
 background: rgba(0,0,0,.6);
  padding: 20px;
  color:#fff; }
#medical_billing_features h2 {
       padding: 0 0 20px 0;}
#medical_billing-homebanner .container {
       padding:30px 0 0 0;}
#medical_billing-homebanner. play {
       padding-top:10px;}
#medical_billingPlayHome.play {top: 150px !important;}
#medical_billingLink {position: absolute; z-index: 10; width: 100%; height: 440px; top: 0;}
.medical_billingLink{cursor: pointer!important; min-height: 440px;}
.medical_billingLink2 h1{line-height: 1.1em;}
#medical_billing_1 {
	background-image: url('../images/bg/resources_bg.jpg');
	border-top: 1px solid #ddd;}
#medical_billing_2 {
	background-color:#fff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E1E1E1;	}
#medical_billing_3 {
	background-image: url('../images/bg/medical_billing_bg4.png');
	border-width: 1px;
	border-style: solid;
	border-color: #E1E1E1;	
	background-size:cover;}
#medical_billing_4 {
	background-color:#fff;
	background-size:cover;}
#medical_billing .icon-ok { 
    position: absolute; 
    left: 0; 
    top: 0; 
    color: #2287B9; /* #2287B9 #197bab #0a0 */
    font-size: 1.2em;}
.medical_billing_pattern {
	background-image: url('../images/bg/resources_bg.jpg');
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E1E1E1;}
.medical_billing_white {
	background-color:#fff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E1E1E1;}
.medical_billing_box {
	border-width: 2px;
	border-style: solid;
	border-color: #E1E1E1;
	padding: 20px;
	background-color:#fafafa;}
.medical_billing_center {
	text-align:center;}
#medical_billing ul { list-style: none; margin: 10px 0 10px 30px; }
#medical_billing li {
	position: relative;
	padding: 0 0 6px 0;
	margin: 0;}
#medical_billing .icon-ok { position: absolute; left: -30px !important; }
#medical_billing_1 h3, #medical_billing_2 h3, #medical_billing_3 h3, #medical_billing_4  h3 {
	line-height: 1.7em;
	font-size: 1.3em;
	padding-bottom:10px;}
/* #Call to Action
================================================== */
#call-to-billing { 
	background-color:#b9243c;
	text-align:center;
	color:#fff;
	padding: 0px 0 50px 0;}
#call-to-billing a { 
	color:#fff;}
.medical_billing-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;}
	.break{display:block;}	
}
@media (max-width: 1199px){
	.break{display:none;}
}
@media (min-width: 980px){
	#medical_billing hr:last-of-type {
    display: none;}
 	.mobileOn{display:none}
	/*.mobileOff{display:block;}*/
	.vid{
		margin: 10px 0;}	
	#medical_billing_hero {
		background-position: 30% 30%;}		
	#medical_billing_hero h3 {
	       line-height: 1.4em;
	       font-size: 21px;}
	#medical_billing_hero h4 {
	       font-size: 26px;}
	#signupbtn{padding: 2.4% 12.5%;}	
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	#subnav{display: block;}
	/* 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 ;}
	#medical_billing_hero {
		   height:400px;
		   background-size:cover;
		   background-position: 45% 30%;}
	#medical_billing_hero .herotransparent h3 {
	       font-size: 16px;
	       line-height: 1.4em;}
	#medical_billing_hero h4 {
	       font-size: 21px;
	       line-height: 1.4em;}
	#medical_billing h3 {
	       line-height: 1.6em;
	       font-size: 16px;}	
	#signupbtn{padding: 2.5% 15%;}
	.para{display: block;}
	.break{display: none;}	
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	#subnav{display: none;}
	#successStories {padding: 5%;}
	/* 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; }
    .hero .vid{/*height:300px;*/width:100% !important;}
    .hero .vid img {width:100%;height:100%;}
	/* 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;}
	#medical_billing_hero {
		   height:700px;
		   background-size:cover;}
	#medical_billing_hero h1 {
	       line-height: 1.1em;}
	#medical_billing_hero h3 {
	       line-height: 1.2em;
	       font-size: 26px;}
	#medical_billing_hero h4 {
	       font-size: 34px;
		   padding:0;
		   margin:0;}
	#medical_billing h3 {
	       line-height: 1.4em;
	       font-size: 20px;}
	.newsCss a {
	color: #0062d0;}		
}
/* Landscape phones and down */
@media (max-width: 480px) {
	#successStories {
    	padding-left: 8%;
   		padding-right: 4%;
    	padding-bottom: 2%;}
	#medical_billing_1 h3, #medical_billing_2 h3, #medical_billing_3 h3, #medical_billing_4  h3 {
		font-size: 18px;}
	#medical_billing_1 h2, #medical_billing_2 h2, #medical_billing_3 h2, #medical_billing_4  h2 {
		font-size: 28px;
		line-height: 34px;}
	#medical_billing_hero {
		   background-size:cover;
		   height:520px;}
	#medical_billing_hero h1 {
	       line-height: 1.1em;
	       font-size: 24px;}
	#medical_billing_hero h3 {
	       line-height: 1.2em;}
	#medical_billing_hero h4 {
	       font-size: 28px;
		   padding:0;
		   margin:0;}
	#medical_billing_features h3 {
	       font-size: 12px;}
}
.studies-box .white {
	background-color: transparent;}
@media (max-width: 667px) {
	#medical_billing {
		overflow: hidden;}
	#medical_billing_features .row {
		margin: 0;}
	#medical_billing .title h2 {
		padding: 0;}
	#medical_billing_1 {
	    background-image: none;
	    background-color: #fff;}
	#medical_billing_features .container-padded {
		padding: 0;}
	.studies-box.panel .panel-content {
		padding: 40px 0;}
	.studies-box.panel .panel-content.white h2>.icon-arrow-down,
	.studies-box.panel .panel-content.white h2>.icon-arrow-up {
		color: #333;}
	.studies-box.panel .panel-content.white h2>strong {
		color: #C63C4C;}
	.studies-box h2 {
		border: 0;}
}