@charset "utf-8";
	
/*****************/
/* Basic Styling */
/*****************/
.cards_wrap:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.cards_wrap {
	display: block;
}
.cards_wrap
{
	text-align:center;
	margin-top: 50px;
	text-align:center;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 40px;
	display:block;
	margin-top: 20px;
	position: relative;
	padding: 10px;
	width:435px;
}
.cards_wrap .cards
{
	        border-radius: 3px;
	   -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 30.6%;
	float: left;
	text-align:center;
	margin-left: -5%;
	margin-right: -5%;
	list-style:none;
	border: 1px solid #DDD;
	position: relative;
	background-color: #fff;
	padding: 1.5%;
	padding-bottom: 2.5%;
	        box-shadow: 0px 0px 2px #EEE, 0px 0px 10px #e5dccd inset;
	   -moz-box-shadow: 0px 0px 2px #EEE, 0px 0px 10px #e5dccd inset;
	-webkit-box-shadow: 0px 0px 2px #EEE, 0px 0px 10px #e5dccd inset;
	display:inline-block;
}
.no-border .cards
{
	        border-radius: 0px;
	   -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	width: 30.6%;
	float: left;
	text-align:center;
	margin-left: -5%;
	margin-right: -5%;
	list-style:none;
	border: none;
	position: relative;
	background-color: inherit;
	padding: 0%;
	        box-shadow: none;
	   -moz-box-shadow: none;
	-webkit-box-shadow: none;
	height: 223px;
	overflow: hidden;
	
}



/*****************/
/* Image Styling */
/*****************/
.cards img
{
	width: auto\9;
max-width: 100%;	
	        box-shadow: 0px 6px 2px -4px #CCC;
	   -moz-box-shadow: 0px 6px 2px -4px #CCC;
	-webkit-box-shadow: 0px 6px 2px -4px #CCC;
}
.no-border .cards img
{
	        box-shadow: none;
	   -moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
.no-image-shadow .cards img
{
		    box-shadow: none;
	   -moz-box-shadow: none;
	-webkit-box-shadow: none;
	border-left: none;
	border-right: none;

}


/********************/
/* Captions Styling */
/********************/
.cards .main_caption
{
font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
font-weight: 300;
margin-bottom: 0px;
padding-bottom: 0px;
text-shadow: 0px 0px 2px #CCC;
display:block;
margin-top: 12px;
font-size: 28px;
line-height: 130%;
border-bottom: 1px solid #EEE;
margin-bottom: 12px;
padding-bottom: 5px; 
}
.cards .main_caption
{
	padding-bottom: 5px;
}
.cards .sub_caption
{
line-height: 15px;
font-family: "Bad Script", "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 16px;
font-weight:normal;
margin: 0;
padding: 0;
text-shadow: 0px 0px 1px #DDD;
}
.cards .overlap_caption
{
position: absolute;
bottom: 10px;
left: 1px;
right: -1px;
font-family: 'Bad Script', "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #111;
font-size: 24px;	
background-color: #EEE;
display:block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
text-shadow: 0px 0px 2px #CCC;  
line-height: 165%;
}
.cards_wrap .cards p
{
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
font-weight: normal;
margin-bottom: 0px;
padding-bottom: 0px;
text-shadow: none;
display:block;
margin-top: 5px;
font-size: 13px;
color: #444;
}
.cards .caption_right, .cards .caption_right_2
{
position: absolute;
right: -1px;
bottom: 61px;
font-family: 'Open Sans', "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #fff;
font-size:17px;	
background-color: #333;
display:none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  -khtml-opacity: 0.65;
  opacity: 0.65;
height: 24px;
padding-left: 8px;
padding-right: 8px;
padding-top: 5px;
line-height: auto;
padding-bottom: 5px;
}
.cards .caption_right_2
{
	font-size: 12px;
	bottom: 37px;
	height: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.cards .social_base
{
position: absolute;
bottom: 0px;
right: -1px;
color: #111;
display:none;
background-color: #333;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  -khtml-opacity: 0.65;
  opacity: 0.65;
  line-height: auto;
  height: 37px;
}
.cards .social_base img
{
	border: none;
	margin: 6px;
	margin-bottom: 2px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  -khtml-opacity: 0.70;
  opacity: 0.70;
    line-height: auto;

}
.cards .social_base img:hover
{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;	
}

/******************/
/* Pricing Tables */
/******************/
ul.pricing_table
{
	padding: 0;
	margin: 0;
		    border-top-left-radius: 6px;
	   -moz-border-top-left-radius: 6px;
	-webkit-border-top-left-radius: 6px;
		    border-top-right-radius: 6px;
	   -moz-border-top-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	list-style:none;
	position: relative;
	        box-shadow: 0px 0px 2px #EEE, 0px 0px 10px #e5dccd inset;
	   -moz-box-shadow: 0px 0px 2px #EEE, 0px 0px 10px #e5dccd inset;
	-webkit-box-shadow: 0px 0px 2px #EEE, 0px 0px 10px #e5dccd inset;
	display:inline-block;
	width: 100%;
	background-color: #fff;
	border: 1px solid #DDD;
}
.active_slide ul.pricing_table
{
	border: 1px solid #AAA;
}
.cards_wrap .cards > ul > li
{
	display: block;
	text-align: center;
	max-width: 300px;
	padding: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #ddd;
	position: relative;


}
/************************/
/* Setting Custom Width */
/************************/

/************************/
/* Grayscale the Images */
/************************/
img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}