/* MyCare Express custom styles */
/* #Font-Face */
body {
	font:12px/14px 'Source Sans Pro', Arial, Helvetica, sans-serif;
	background: #f3f3f3;
	color: #7e8c8c;
}
a {text-decoration:none;}
a:hover, a:hover {text-decoration:underline;}
img {display:block;}
ul,p,h2,h3,form {
	 margin: 0 0 5px;
	padding:0;
	list-style:none;
}
.fLeft {float: left;}
.fRight {float: right;}

.soliloquy-control-nav {display: none;}

.container, 
.navbar-static-top .container, 
.navbar-fixed-top .container, 
.navbar-fixed-bottom .container,
.promo .text {width: 1170px;}
.header {

	display: block;
	background-color:#37800d;
}
.header .container {
	position:relative;
}
.brand {
	margin:0 0 -25px;
	position:relative;
	z-index:5;
}
.navbar {
	float:right;
	margin:52px 0 0 -150px;
	position:relative;
	z-index:6;
}
.navbar .nav {margin:0;}
.navbar-inner {
	border-radius:0;
	box-shadow:none;
	padding:0;
	min-height:32px;
}
.navbar-inverse .navbar-inner {
	border:0;
	background:none;
}
.navbar .nav > li {
	padding:0 0 0 17px;
	font:15px/20px 'Source Sans Pro', Arial, Helvetica, sans-serif;
}
.navbar .nav > li:first-child {background:none;}
.navbar .nav > li > a {
	padding:0;
	text-shadow:none;
	color:#fff;
		  /* First we need to help some browsers along for this to work.
     Just because a vendor prefix is there, doesn't mean it will
     work in a browser made by that vendor either, it's just for
     future-proofing purposes I guess. */
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}
.navbar-inverse .nav > li > a:focus, 
.navbar-inverse .nav > li > a:hover {
    background: none;
    color: #000;
	text-shadow:none;
}
.btn01 {
	position: absolute;
	top: 0;
	right: 0;
	background: #42980f;
	color: #fff;
	font:16px/33px 'Source Sans Pro', Arial, Helvetica, sans-serif;
	padding: 0 40px;
	border-radius:0 0 5px 5px;
	/* First we need to help some browsers along for this to work.
     Just because a vendor prefix is there, doesn't mean it will
     work in a browser made by that vendor either, it's just for
     future-proofing purposes I guess. */
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}


  


.btn01:hover,
.btn02:hover,
.btn03:hover,
.btn04:hover {
	color:#fff;
	text-decoration:none;
		background: #62B75C;
}

.slidewrap { height:650px; overflow:hidden;}
.promo {
	position: relative;
	margin: 0 0 35px;
}
.promo img {
	width:100%;
}
.promo .prev,
.promo .next {
	position: absolute;
	left: 0;
	top:25%;
	text-indent:-9999px;
	width: 50px;
	height: 60px;
	background:url(../img/arrow01.png) no-repeat;
}
.promo .next {
	left: auto;
	right: 0;
	background:url(../img/arrow02.png) no-repeat;
}
.promo .prev:hover,
.promo .next:hover {background-position:0 -60px;}
.promo .info {
	position: absolute;
	bottom: 15px;
	left: 0;
	width:100%;
	z-index: 999;  
}
.promo .text {
	margin:0 auto;
	background: #ececec;
	border-radius: 5px;
	padding: 24px 0 22px 0;
}
.btn02 {
	float: right;
	background: #016701;
	color: #fff;
	margin:0 35px 0 0;
	font:22px/54px 'Source Sans Pro', Arial, Helvetica, sans-serif;
	padding: 0 44px;
	border-radius:5px;
	text-transform:uppercase;
	/* First we need to help some browsers along for this to work.
     Just because a vendor prefix is there, doesn't mean it will
     work in a browser made by that vendor either, it's just for
     future-proofing purposes I guess. */
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}
.promo .text h2 {
	color: #7d8b8b;
	margin:0 0 5px 30px;
	font:700 30px/32px 'Source Sans Pro', Arial, Helvetica, sans-serif;
}
.promo .text p {
	color: #777;
	margin:0 0 0 30px;
	font: 16px/16px 'Source Sans Pro', Arial, Helvetica, sans-serif;
}
.promo ul.control {
	position: absolute;
	bottom: 23%;
	left: 0;
	width: 100%;
	text-align: center;
}
.promo ul.control li {
	display: inline-block;
	padding: 0 5px;
}	
.promo ul.control a {
	display: block;
	text-indent:-9999px;
	width: 60px;
	height: 5px;
	background: #afb9b8;
}
.promo ul.control a:hover,
.promo ul.control a.active {background: #060;}	

ul.buckets {
	text-align: center;
	margin: 0 0 60px -30px;
}
ul.buckets:after {
	display:table;
	content:"";
	clear:both;
}
ul.buckets li {
	float: left;
	width: 24%;
}	
ul.buckets .box {
	 height: 288px;
	 
	margin:0 0 0 30px;
	padding:22px 0 0;
	border-radius:5px;
	background:#fff;
	border-bottom:4px solid #e5e7e6;
	position:relative;
}	
ul.buckets img {margin: 0 auto ;}
ul.buckets h2 {
	color: #808c8c;
	margin: 0 0 25px;
	font:700 20px/22px 'Source Sans Pro', Arial, Helvetica, sans-serif;
}
ul.buckets p {
	font:14px/22px 'Source Sans Pro', Arial, Helvetica, sans-serif;
	margin:0 5px;
}
.btn03 {
	position: absolute;
	bottom: -27px;
	width:200px;
	left: 50%;
	margin:0 0 0 -100px;
	background: #77c56f;
	border-bottom:4px solid #62b75c;
	color: #fff;
	font:16px/50px 'Source Sans Pro', Arial, Helvetica, sans-serif;
	border-radius:5px;
	
	  /* First we need to help some browsers along for this to work.
     Just because a vendor prefix is there, doesn't mean it will
     work in a browser made by that vendor either, it's just for
     future-proofing purposes I guess. */
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
	
	
	
	
}




.btn03:hover {
	 
	background: #62B75C;
	 
}
.welcome {
	padding:0 15px 30px 10px;
}
.welcome h2 {
	color: #63b65e;
	margin:0 0 15px;
	font:32px/38px 'Source Sans Pro', Arial, Helvetica, sans-serif;
}
.welcome p {
	margin:0 0 20px;
	font:700 20px/22px 'Source Sans Pro', Arial, Helvetica, sans-serif;
}

.affiliations {
	background:url(../img/line01.png) no-repeat 166px 13px;
	padding:0 0 80px;
}
.affiliations .prev,
.affiliations .next {
	float:right;
	text-indent:-9999px;
	width: 40px;
	height: 40px;
	margin:-4px 0 0 19px;
	background:url(../img/arrow03.png) no-repeat;
}
.affiliations .next {background:url(../img/arrow04.png) no-repeat;}
.affiliations .prev:hover,
.affiliations .next:hover {background-position:0 -40px;}
.affiliations h2 {
	margin:0 0 15px;
	font:700 18px/28px 'Source Sans Pro', Arial, Helvetica, sans-serif;
}
.affiliations ul {
	overflow:hidden;
	padding:32px 0 0;
}
.affiliations ul li {
	float:left;
	width:16%;
	padding:0 0 10px 0;
}
.affiliations ul img {
	margin:0 0 0 30px;
}
/*footer */
footer {
	background:#62b75c;
	overflow:hidden;
	color:#fff;
	padding:26px 0 0;
}
footer a,
footer a:hover {color:#fff;}
footer address {
	background:url(../img/logo01.png) no-repeat;
	float:left;
	width:380px;
	padding:100px 0 0 20px;
	font-style:normal;
	font:14px/24px 'Source Sans Pro', Arial, Helvetica, sans-serif;
}
footer address strong {font:700 20px/24px 'Source Sans Pro', Arial, Helvetica, sans-serif;}
footer .nav {
	float:left;
	width:400px;
	padding:20px 0 0;
}	
footer .nav h3 {
	color:#3d7339;
	font:bold 22px/24px 'Source Sans Pro', Arial, Helvetica, sans-serif;
	margin:0 0 25px;
}
footer .nav ul {
	width:45%;
	float:left;
	padding:0 0 0 20px;
}
footer .nav ul li {
	background:url(../img/arrow05.png) no-repeat 0 7px;
	padding:0 0 4px 15px;
	font:15px/20px 'Source Sans Pro', Arial, Helvetica, sans-serif;
}
footer .box {
	float:right;
	width:370px;
	padding:20px 0 0;
}	
footer .box h3 {
	text-transform:uppercase;
	font:italic bold 22px/24px 'Source Sans Pro', Arial, Helvetica, sans-serif;
	margin:0 0 25px;
}
.btn04 {
	width:200px;
	display:block;
	text-align:center;
	background: #43763e;
	color: #fff;
	font:700 18px/54px 'Source Sans Pro', Arial, Helvetica, sans-serif;
	border-radius:5px;
	margin:0 0 14px;
	/* First we need to help some browsers along for this to work.
     Just because a vendor prefix is there, doesn't mean it will
     work in a browser made by that vendor either, it's just for
     future-proofing purposes I guess. */
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}


.btn04:hover {background: #095106;}
footer .holder {
	background:#5aa553;
	margin:30px 0 0;
}
footer .holder p {font:14px/50px 'Source Sans Pro', Arial, Helvetica, sans-serif;}



.welcome p {
    font:   700 14px/15px 'Source Sans Pro',Arial,Helvetica,sans-serif;
    margin: 0 0 10px;
    font-weight: lighter;
}
ul ul, ul ol, ol ol, ol ul {
    margin-bottom: 0;
    margin-left: 32px; }

.welcome blockquote p  { font-size: 20px;
    line-height: 25px;}

blockquote {
    border-left: 5px solid #EEEEEE;
    color: #008000;
    font: 142px/14px 'Source Sans Pro',Arial,Helvetica,sans-serif;
    margin: 10px 0 20px;
    padding: 0 0 0 15px;
}

ul {font-size: 14px; }

strong {color: green; font-size: 14px;}

.navbar .nav li {
  position: relative;
  left: 0;
  display: block;
  float: left !important;
  margin: 0 10px 0 0;
  color: #fff;
}



.navbar .nav > li > a {
    color: #FFFFFF !important;
    padding: 0;
    text-shadow: none;
    transition: all 0.5s ease 0s;
    }

.navbar-inverse .navbar-inner { filter: none; }
@media (max-width: 1169px) {
	.container, 
	.navbar-static-top .container, 
	.navbar-fixed-top .container, 
	.navbar-fixed-bottom .container,
	.promo .text {width: 100%;}
	.navbar {
		margin: 52px 0 0 -350px;
	}
	.navbar .nav > li {
		padding-left:5px;
		font: 14px/20px 'Source Sans Pro', Arial, Helvetica, sans-serif;
	}
	.promo .text h2 {
		font:700 24px/32px 'Source Sans Pro', Arial, Helvetica, sans-serif;
	}
	.promo ul.control {bottom: 33%;	}
	footer .nav {width:200px;}
}
@media (max-width: 1000px) {
	body {padding-left:0;padding-right:0;}
	.brand {
		margin:0;
	}
	.navbar {
		margin:0;
		border:0;
		border-radius:0;
		top: 100%;
		width:100%;
		background:none;
	}
	.navbar-inner {min-height:50px;}
	.navbar .btn-navbar {
		float:none;
		border:0;
		width:100%;
		margin:5px auto 0;
		box-shadow:none;
		background:none;
	}
	.navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] {background:none;}
	.navbar .btn-navbar .icon-bar {
		width:46px;
		height:3px;
	}
	.btn-navbar .icon-bar + .icon-bar {margin-top: 7px;}
	.collapse {z-index:5;}
	.navbar .nav {background:none;}
	.navbar .nav > li {
		border-top:1px dotted #fff;
		text-align:center;
		font: 18px/30px 'Source Sans Pro', Arial, Helvetica, sans-serif;
	}
	.navbar .nav > li a {
		display:block;
		padding:0;
		margin:0;
		text-shadow:none;
	}
	.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {color:#fff;}
	.promo .text {display:none;}
	.promo ul.control {bottom:2%;}
	ul.buckets {
		margin:20px 0 0;
		padding:0 30px 0 0;
	}
	ul.buckets li {
		float: none;
		display:inline-block;
		vertical-align:top;
	    width: 45%;
		margin:0 0 35px;
	}
	ul.buckets p {
		margin: 0 0 40px;
	}
	.affiliations {
		padding:0 20px;
		background:none;
	}
	footer address,
	footer .nav,
	footer .box {
		margin:0 20px 5px;
		overflow:hidden;
		width:auto;
		float:none;
	}
	footer .holder p {margin:0 20px;}
		.slidewrap {height:350px; overflow:hidden;}

}
@media only screen and (max-width : 768px) {
	header {text-align: center;}
	.btn01 {
		position:static;
		display:inline-block;
		margin:0 auto 20px;
	}
	.brand.pull-left {float:none;}
	.brand img {margin:0 auto;}
	ul.buckets li {width: 100%;}	
	
	
	
	
	.slidewrap {height:150px; overflow:hidden;}
}
@media only screen and (max-width : 480px) {
}