/* ====================================
====== BENEFITS CHART =================
==================================== */


.pricing-table .blank-header {
	width: 100%;
	height: 60px; /* height of the .title + .price + .title-tag  */
	background: none;
	max-width:1170px
}


.pt_header.fixed  {
	position:fixed;
	top:20px;
	z-index:1;
	width:8.6%;
	max-width:85px
	
	
}

.pt_header_list.fixed  {
	position:fixed;
	top:20px;
	z-index:1;
	width:21%;
	
}


/****** STAND OUT ******/
.pricing-table .column.standout {
    position: relative;
    z-index: 2;
	box-shadow:			4px 0 4px -4px rgba(0,0,0,0.4),-4px 0 4px -4px rgba(0,0,0,0.4);  
}
.pricing-table .column.standout .buy {
    background-color: #ff6600; /* buy button on the .standout column*/
}
.pricing-table .column.standout .buy:hover {
    background-color: #000;
    color:#fff;
}

.pricing-table .column.standout .price,
.pricing-table .column.standout .title-tag {
    background: #000;
    color: #fff;
}
.pricing-table .column.standout .title {
    background: #ff6600;
    color: #fff;
    border-bottom: 1px solid #fff;
    height: 44px;;
	
}
.pricing-table .column.standout ul li { background: #eee }
.pricing-table .column.standout ul li:nth-child(odd) { background: #ddd }


/* the banner uses absolute positioning so it doesn't screw up alignment and it looks cooler */
.pricing-table .column.standout .banner {
    position: absolute;
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    top: -21px;
    text-align: center;
    background: #000;
    color: #fff;
    width: 100%;
    border-bottom: 1px solid #fff;
	box-shadow:			4px 0 4px -4px rgba(0,0,0,0.4),-4px 0 4px -4px rgba(0,0,0,0.4);  
}
/****** END STAND OUT ******/

.pricing-table .feature-list.column ul li {
    /*text-align: right;*/
    /*width: 90%;
    padding-right: 5.6%;*/
	padding-left: 2.5%;
	
}
.pricing-table {
    margin: 0px 0 0px 0;
    clear: both;
    width: 100%;
}
.pricing-table .column {
    float: left;
    /*margin: 0 .05%;*/
    display: inline-block;
}

/*column widths based on the number of products*/
.pricing-table.nine-products .column {
	width: 8.1%;
 box-sizing: border-box;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #989B9D;
}

.pricing-table.nine-products .column.border-left {
	width:27%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #989B9D;
	box-sizing: border-box;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #989B9D;
	margin-top:0px !important;
	height:100% !important
}

.pricing-table.four-products .column { width: 19% }
.pricing-table.three-products .column { width: 23.75% }
.pricing-table.two-products .column { width: 37.5% }
.pricing-table.two-products .feature-list.column { width: 20% }

.pricing-table ul {
    margin: 0;
    padding: 0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #989B9D;
}
.pricing-table ul li {
    margin: 0;
    padding: 0;
    list-style: none;
	
}

.pricing-table ul li.cat_head {
    background-color:#000 !important;
	color:#FFF;
	height: 35px !important
}

.pricing-table ul li.blue {
    background-color:#7b2230  !important;
	color:#FFF;
}
.pricing-table .column .title {
	width: 100%;
	height: 45px;
	background: #eee;
	font-size: 11px;
	font-weight: 400;
	text-align: center;
	line-height: 12px !important;
	padding-top: 10px;
	background-color:#7b2230 ;
	color:#FFF;
	text-transform:uppercase;
	margin-bottom:0px !important;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #989B9D;
}

.pricing-table .column .title p{ padding:2px; line-height: 13px !important; }

.pricing-table .column .title.no-border{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #7b2230 ;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #989B9D;}
	
.pricing-table .column .price {
	/*width: 100%;*/
	height: 45px;
	font-size: 14px;
	text-align: center;
	line-height: 16px;
	background: white;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #989B9D;
	font-weight:400;
	padding-top:6px
}


.pricing-table .column .price small {
    font-size: 13px;
    position: relative;
    
}
.pricing-table .column .price em {
    font-size: 12px;
    font-style:normal;
}

.pricing-table .column .title-tag {
    width: 100%;
    height: 30px;
    background: #f8f8f8;
    font-size: 13px;
    text-align: center;
    line-height: 25px;
}





.pricing-table .column .buy {
    width: 100%;
    height: 50px;
    background-color: #888;
	background-image:url(../images/btnbg.png);
	background-repeat:repeat-x;
	background-position:0 0;
    border-top: 1px solid #fff;
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 50px;
    text-decoration: none;
}
.pricing-table .column a:hover {
    background-color: #000;
    color: #fff;
}
.pricing-table .column ul li {
	width: 100%;
	/*text-align: center;*/
	height: 50px;
	/*overflow: hidden;*/
	font-size: 83%;
	line-height: 115%;
	background: #f1f0f0;
	border-top: 1px solid #989B9D;
	transition: all 0.5s ease-in-out;
	padding-top: 5px;
	vertical-align: middle;
	font-weight:600
}
.pricing-table .column ul li.purple-bg:nth-child(odd){ background-color:#7b2230  !important ; color:#FFF; }
.pricing-table .column ul li.purple-bg{background-color:#7b2230  !important ; color:#FFF;}
.pricing-table .column ul li.purple {color:#FFF; }
.pricing-table .column ul li.purple-bg, .pricing-table .column ul li.purple-bg:nth-child(odd)
.pricing-table .column ul li:nth-child(odd) { background: #D6D9DD }
.pricing-table .column ul li.desc-drop { cursor: pointer }
.pricing-table .column ul li.desc-drop:hover {
	height: 100%; /*fit your information in this height or change it for all */
	background:#C41230;
	color:#fff
}
.pricing-table .column ul li.desc-drop .desc {
    line-height: 1.3;
    padding-bottom: 10px;
}
.pricing-table .column ul li div.desc {
    text-align: left;
    padding: 25px 10px 0 10px;
    line-height: 15px;
    display: block;
}
/* ie legacy support sucketh */
.lt-ie9 .pricing-table .column { border-right: 1px solid #fff }
.lt-ie8 .pricing-table { width: 100% }
.lt-ie8 .pricing-table .column {
    zoom: 1;
    position: relative;
}
/* ie 7 shift down last two columns */
.lt-ie8 .pricing-table .column.col-3,
.lt-ie8 .pricing-table .column.col-4 {
    position: relative;
    top: -19px;
}
.lt-ie9 .pricing-table .column ul li { background: #f8f8f8 }



/*HIDE and style .targetnav links links that are for mobile*/
.pricing-table .targetnav  {display:none;text-align: center; padding:0px 0;}
.pricing-table .targetnav a  {display:inline-block;padding:0 0px;line-height:30px;height:30px;background:#000;color:#fff!important;text-decoration:none; width:50%; float:left}
.pricing-table .targetnav a.more  {background:#989B9D;border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #7b2230 ;}
.pricing-table .targetnav a.less  {
	background:#D6D9DD;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #7b2230 ;
}

 @media only screen and (max-width: 1400px) {
	 ul > li.text-center.pass{ font-size:9px !important} 
	 .pricing-table .column .title {
	
	padding-top: 5px;
	font-size:11px
}
.pricing-table .column .title small{ font-size:65%}

 .pt_header.fixed  {
	width:8.7%;
	max-width:82px
	
}

 }
 
 @media only screen and (max-width: 1224px) {
	 .pt_header.fixed  {
	width:8.7%;
	max-width:75px
	
	
}
.pricing-table .column .title {
	
	font-size:10px
}
 }
 
 @media only screen and (max-width: 1124px) {
	 .pt_header.fixed  {
	
	max-width:64px
	
	
}
 }
 @media only screen and (max-width: 1024px) {
	 .pt_header.fixed  {
	max-width:56px
	
	
}
.pricing-table .column .title {
	
	padding-top: 3px;
	font-size:9px;
	line-height:9px
}

.pricing-table .column .price {
	
	font-size: 11px;
	
}


.pricing-table .column ul li { font-size:65%; padding: 7px; line-height: 100%;}	

.pricing-table .column .title {
	
	font-size:8px
}


.pricing-table.nine-products .column ul li{ height:50px }	 
	


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.pricing-table .column .title {
   
	font-size: 10px;
	padding-top:4px;
}
.pricing-table .column .title small{ font-size:65%}
.pricing-table .feature-list.column ul li {
    /*text-align: right;*/
    width: 100%;
	padding-left: 5%;
	padding-top: 2px !important
}
.pricing-table .column .price { font-size:11px !important}




}

/******begin the media queries *****/
 @media only screen and (max-width: 767px) {
 
 .pricing-table .column .title p:first-child{ margin-top:30px }
 
 
.pricing-table.nine-products .column, .pricing-table.nine-products .column.border-left {
	border-right-width: 0px !important;
	border-bottom-width: 0px !important;
	
}

.pricing-table .column ul li.purple-bg, .pricing-table .column ul li.purple-bg:nth-child(odd){
	background-color:#7b2230 ;
	color:#8C8E90;
	background-image:none
}

.pricing-table .column ul li.purple {color:#7b2230  !important;}


.pricing-table .column ul li.purple-bg, .pricing-table .column ul li.purple-bg:nth-child(odd){ background-color:transparent}
 
 .pricing-table.nine-products .column ul li{ height:100% }	 
 
 .pricing-table ul li.cat_head, .pricing-table ul li { text-align:center
}
/*HIDE the target navigation*/
.pricing-table .targetnav { display: inline; width:100%}

/*HIDE the .column ul on mobile*/
.pricing-table .column ul:not(:target) { display: none }

/*SHOW the target ul on mobile*/
.pricing-table .column:target ul {
    display: block;
    clear: both;
}

/*ADJUST the layout of elements */
.pricing-table .column a.buy {
    width: 100%;
    float: left;
}
.pricing-table .column .title-tag {
    height: 35px;
    line-height: 35px;
}
.pricing-table .column .title {
    height: 45px;
    line-height: 45px;
	
	
}
.pricing-table .column .title,
.pricing-table .column .title-tag {
    width: 100% !important;
    float: left;
    height: 45px!important;
    background: #eee;
	padding-top:0px;
	background-color: #7b2230 ;
	font-size:18px;
	border: none;
	text-align:center
	
}
.pricing-table .column .title p{ padding-left:0px}
.pricing-table .column .title.no-border{border: none}
.pricing-table .standout.column .title-tag {
    background-color: #ff6600;
    margin: 0;
    top: 0;
}
.pricing-table .column.standout .title { border-bottom: 0px solid #fff }
.pricing-table .column.standout .banner { padding: 10px 0 }
.pricing-table .column .price {
	width: 100%;
	float: right;
	height: 51px!important;
	line-height: 18px;
	/*padding-top:5px;*/
	background-color: #7b2230 ;
	color: #D6D9DD;
	border: none
	
}

.pricing-table .column .price small {
	color: #989B9D
	
}


/*hide the feature list column and the icons with the info icon inside the li*/
.feature-list.column, 
.pricing-table li [class^="e-icon-"]:before,
.pricing-table li [class*=" e-icon-"]:before { 
	display: none!important 
}

.pricing-table {
    margin: 0 0 30px 0;
    clear: both;
    width: 100%;
}
/*.pricing-table .column ul li {
    padding-top: 10px;
    padding-bottom: 35px;
}*/
/*shows the data-feature when at small sizes because of loss of feature-list column now hidden on mobile devices*/
.pricing-table .column ul li:before {
    content: '\f00c' ' ' attr(data-feature) ;
   	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	display:inline;
    margin-bottom: 10px;
}
.pricing-table .column ul li.cat_head:before {
    content: '' ' ' attr(data-feature) ;
   	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	display:inline;
    margin-bottom: 10px;
}
.pricing-table .column ul li.cat_head{ height:25px !important}
.pricing-table { width: 100%!important } /*make all columns the same width*/
.pricing-table .column {
    width: 100%!important;
    float:left;
    margin-bottom: 30px;
}
.pricing-table .column ul{background: #D6D9DD; padding-top:5px; }
/* uncollapse the description hover to show all content inside the li*/
.pricing-table .column ul li {
    width: 100%;
    height: 100%;
    overflow: visible;
    line-height: normal;
    padding: 5px 0;
	background: #D6D9DD;
	border-top: none;
	display: list-item;
	
	text-align:center;
	
}


	
	/*.pricing-table .column ul span .benifit:before , .pricing-table .column ul li:nth-child(odd) span:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	display:inline;
	overflow:visible
	
	

}*/
	
	
.pricing-table .column ul li:nth-child(odd) { background: #D6D9DD;  }



.pricing-table .column ul li.desc-drop:hover { height: auto }
.pricing-table .column.standout .banner {
    position: relative;
    line-height: normal;
    height: auto;
    top: auto;
    display: block;
	box-shadow:			0,0;

}
.pricing-table .column .price em {
}

} /*end */

.feature-list.column.border-left .btn {
	background-color: #000;
}
}

h5.num{
	margin-top: 10px
}