/* CSS Document */

h1, h2, h3, h4, h5, body, .sans-serif {
font-family: 'Roboto Condensed', sans-serif;
color: rgba(11, 11, 11, 0.79);;
}
/* ======   app specific ============ */

label.error {
color:#A80002;	
}

.mth-product-table {
	text-align:center;
	line-height:1.2em;	
}

.mth-product-table td {
padding: 20px;
vertical-align:top;	
}
.wrap {
float: left; 
	width: 350px; 
	height: auto;
	
	shape-margin: 2em;
}

.wrap.ed {
	shape-outside: polygon(nonzero, 97.15% 74.05%, 92.55% 67.4%, 89.45% 58.15%, 85.7% 51.9%, 80.85% 41.1%, 68% 38.85%, 69.15% 33.7%, 65.45% 29.75%, 70.55% 22.9%, 66.85% 4.9%, 53.45% -0.2%, 0px 0px, 0px 100%, 98% 103.05%);
}

.wrap.sermolin, .wrap.hcg, .wrap.terms, .wrap.disclaimer, wrap.error {
	width: 425px;
	margin-right: 20px;
}

.wrap.disclaimer  {
padding-bottom: 100px;	
}

.container-fluid.top {
margin-top: 80px;	
}
.start-now-container {
	margin-top: 12px;
	border: rgb(178, 211, 239) 1px dotted;
	padding: 12px;
	background-color: rgb(233, 244, 253);
}
.content-text-color {
	color: rgba(11, 11, 11, 0.79);;
}

h1.hrt-lead {
	font-size: 5em;	
	line-height: 1em;
}
h2.hrt-lead {
	font-size: 4em;	
	line-height: 1em;
}
h3.hrt-lead {
	font-size: 3em;
}
h4.hrt-lead {
	font-size: 2em;	
}
.hrt-content {
	font-size: 1.3em;
	line-height: 2em;	
}
.flex-supporting-image {
	width:500px;
}
img.flex-image {
	width: 350px;
}
.bar-head {
	font-size: 2em;	
}

.call-to-action-btn {
	width: 200px;	
}
.bullet-points-with-top-margin {
	margin-top: 100px;
}
.highlighted-circle {
	border-radius: 50%;
	display: block;
	width: 250px;
	height: 250px;
	overflow: hidden;
	background-color: white;
	box-shadow: rgba(0, 0, 0, 0.37) 10px 10px 10px;
	float:left;
	margin-right: 20px;
}
.highlighted-circle img {
	width: 125px;
	display: block;
	left: 80px;
	position: absolute;
	top: 20px;
}

a.ed-info:after {
content: "Click here for Erectile Dysfunction (ED) / Male impotence treatment information."	
}
.footer {
	border-top:#998B8B solid 1px;
	margin-top:: 12px;
	padding-top::12px;	
}
.footer .redesign {
	color: #867D7E;	
}

/* custom bootstrap and/or helper classes */
.navbar-default.override .navbar-nav > .active > a, .navbar-default.override .navbar-nav > .active > a:hover, .navbar-default.override .navbar-nav > .active > a:focus {
	color: rgba(11, 11, 11, 0.79);
	background-color:transparent;
}

.navbar-default.override .navbar-nav > li > a {
color: rgba(11, 11, 11, 0.79);
font-size: 1.5em;
}

.navbar-default.override .navbar-nav > li > a:hover {
color: #4220E0;
background-color: rgb(211, 240, 255)
/*
background-color: #5cb85c;

*/
}

.navbar-default.override {
background-color: #7BBCD8;
border-color: #C1BECD;
}

.row-background {
background-color: #5cb85c;
}
.text-color-light {
color: #fff;	
}
.centered {
	text-align:center;
}
.hide {
	display:none !important;	
}
.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.row-no-margins
{
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.btn.top-margin {
margin-top: 12px;	
}

/*
========= MEDIA QUERIES =================

*/

@media (max-width:1200px) {
	
.wrap {
	width: 300px; 
	shape-margin: 2em;
}
.flex-supporting-image {
	width:400px;
	margin-top: 10px;
}
.bullet-points-with-top-margin {
	margin-top: 10px;	
}

.hrt-content {
	font-size: 1em;
	line-height: 1.6em;	
}

a.ed-info:after {
content: "Click for more on ED"	
}
h3.hrt-flex {
font-size: 1.3em;	
}

.highlighted-circle {
	border-radius: 50%;
	display: block;
	width: 125px;
	height: 125px;
	overflow: hidden;
	background-color: white;
	box-shadow: rgba(0, 0, 0, 0.37) 10px 10px 10px;
	float:left;
	margin-right: 20px;
}
.highlighted-circle img {
	width: 60px;
	display: block;
	left: 50px;
	position: absolute;
	top: 20px;
}	
}

/* 950px random query */
@media (max-width: 950px) {
	.wrap {
	width: 250px; 
	shape-margin: 2em;
}
	

}

/* X-Small devices (phones, 767px and below) */
@media (max-width: 767px) {
	.wrap {
	width: 200px; 
	shape-margin: 2em;
}
	img.cover-flex-image {
	width:400px;	
	}
 /* Pull out the header and footer */
 h1.flex {
	font-size: 2em;	 
 }
 h2.flex {
	font-size: 1.4em;	 
 }

  img.flex-image {
	width: 135px;
	}

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}








/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {

	
}