/*
Item Name : CSS3 Pricing Tables
Item URI : http://codecanyon.net/item/css3-pricing-tables/553346
Author URI : http://codecanyon.net/user/Pixelworkshop/
Version : 1.1
*/

/* reset grid */
.pricing_table .row { margin:0; box-shadow:0px 0px 2px rgba(60,60,60,0.4); position:relative; z-index:9; }
.pricing_table [class*="col-"] { padding:0; }

/* pricing_table */
.pricing_table { margin:30px 0; }

/* header */
.pricing_table .pricing_header { text-align:center; padding:10px; font-size:16px; line-height:1; color:#fff; font-weight:bold; border-radius:8px 8px 0 0; background:rgba(132,32,32,1); box-shadow:0px 0px 2px #000; }
.pricing_table .pricing_header2 { text-align:center; padding:10px; }
.pricing_table .pricing_header2 .pricing_price { font-size:26px; font-weight:bold; line-height:34px; }
.pricing_table .pricing_header2 .pricing_period {}
.pricing_table .pricing_header3 { text-align:center; padding:10px 10px 0 10px; font-size:12px; font-weight:normal; }

/* icons */
.pricing_yes, .pricing_no { display:block; height:16px; margin:15px 10px;  }
.pricing_yes { background:url('../images/yes.png') center center no-repeat; }
.pricing_no { background:url('../images/no.png') center center no-repeat; }
.pricing_text { text-align:center; padding:10px; }
.footer_text { text-align:center; padding:10px; font-size:14px; }

/* every row */
.pricing_table > .row:nth-child(odd) > [class*="col-"] { display:block; border-right:1px solid #e0e0e0; border-bottom:1px #e0e0e0 solid; background: #f6f6f6; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6)); background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6); }
.pricing_table > .row:nth-child(even) > [class*="col-"] { display:block; border-right:1px solid #e0e0e0; border-bottom:1px #e0e0e0 solid; background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa)); background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa); }

/* first column */
.pricing_table > .row:nth-child(odd) > [class*="col-"]:nth-child(1) { background:#f2f2f2; background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0)); background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0); }
.pricing_table > .row:nth-child(even) > [class*="col-"]:nth-child(1) { background: #f6f6f6; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6)); background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6); }

/* first row */
.pricing_table > .row:nth-child(1) { box-shadow:none; }
.pricing_table > .row:nth-child(1) > [class*="col-"] { border-left:1px transparent solid; border-right:0; }
.pricing_table > .row:nth-child(1) > [class*="col-"]:nth-child(1) { background:none; border-left:0; }

/* row title */
.pricing_table > .row-title > [class*="col-"] { background:rgba(132,32,32,0.2) !important; }
.pricing_table > .row-title > [class*="col-"] > p { color:#842020; margin:5px 10px; }

/* row footer */
.pricing_table > .row-footer { line-height:3px; font-size:3px; }

/* every row */
@media screen and (max-width: 992px) {
	.pricing_tooltip { text-align:center; }
	.pricing_text { text-align:center; padding:0 10px 10px 10px; }
	.pricing_yes, .pricing_no { margin:10px; }
	.pricing_table > .row  > [class*="col-"]:nth-child(1) { display:none; }
}

/* tooltips */
.pricing_table .pricing_tooltip { margin:10px; }
.pricing_table .pricing_tooltip_toggle { cursor:pointer; }
.pricing_table .pricing_tooltip .pricing_tooltip_title { display:inline-block; padding:0 20px 0 0; background:transparent url('../images/help.png') right center no-repeat;}
.pricing_table .pricing_tooltip .pricing_tooltip_content { display:block; display:none; }

.pricing_table .pricing_tooltip_in { /*border-right:2px #842020 solid; border-left:2px #842020 solid;*/ box-shadow:0px 0px 2px rgba(0,0,0,0.6); position:relative; z-index:10; }
.pricing_table .pricing_tooltip_in .pricing_header3 { display:none !important; }
.pricing_table .pricing_tooltip_in .pricing_yes,  .pricing_table .pricing_tooltip_in .pricing_no { margin:15px 10px; }
.pricing_table .pricing_tooltip_in .pricing_text { text-align:center; padding:10px; }
.pricing_table .pricing_tooltip_in [class*="col-"]:nth-child(1) { display:block; }
.pricing_table .pricing_tooltip_in [class*="col-"]:nth-child(1) .pricing_tooltip .pricing_tooltip_title { font-weight:bold; }
.pricing_table .pricing_tooltip_in [class*="col-"]:nth-child(1) .pricing_tooltip .pricing_tooltip_content { display:block; }