/* start editing from here */
a{text-decoration:none;}

img{max-width:100%;}
/*end reset*/
/****-----start-body----****/
body{
	background:#fff;
	    font-family: 'Open Sans';
	    background-size: cover;
	    -o-background-size: cover;
	    -webkit-background-size: cover;
	     -moz-background-size: cover;

}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

body a{
	transition:0.5s all ease;
	-webkit-transition:0.5s all ease;
	-moz-transition:0.5s all ease;
	-o-transition:0.5s all ease;
	-ms-transition:0.5s all ease;
}

/*Pricing table and price blocks*/


.pricing-grids {
margin:0px auto;
width:100%;
}
.
.pricing-grids .pt_paypal_button {
    display: block;
    margin: 5px;
}

.inner_grid{ float:left; width:100%; position:relative;}
.grids{ position:relative;}

.price-bg ul{ margin:0px; padding:0px; float:left;}
.pricing-plans input[type="text"]{ width:100%; font-size:14px;}

.grids ul li{ position:relative;}

.pt_front_end .pt_remove_col, .pt_front_end .pt_remove_row, .pt_front_end .pt_clone_row, .pt_front_end .column_level_settings, .pt_front_end #sample10 .add_hover, .pt_front_end #sample12 .add_hover{ display:none !important; }

.pricing-plans h1,.pricing-plans h2,.pricing-plans h3,.pricing-plans h4,.pricing-plans h5{letter-spacing: normal; text-transform: :none;}
.grids .pt_remove_col{ display:none;}

.pricing-plans .grids:first-child:hover .pt_remove_col{ display:none; }
/*.pricing-plans .grids:nth-child(2):hover .pt_remove_col{ display:none; }*/
.pricing-plans .grids:hover .pt_remove_col{ display:block; }
.pricing-plans .grids:nth-child(1) .column_level_settings a{ width:50%;}
.pricing-plans #sample1 .grids:nth-child(2) .column_level_settings a, .pricing-plans #sample10  .grids:nth-child(2) .column_level_settings a { width:50%;}
.pricing-plans #sample10  .grids:nth-child(2) .column_level_settings a.pt_remove_col, .pricing-plans #sample1 .grids:nth-child(2) .column_level_settings a.pt_remove_col{ display:none;}

.pricing-plans .pt_remove_row, .pricing-plans .pt_clone_row, .pt_header_option{ border:1px solid #29334C;    background: #4E5871; color: #ffffff; width:36px; height:100%; line-height:100%; text-align:center; padding:0px 0px; position:absolute; right:-36px; top:0px; bottom:0px; margin:auto;  font-size:16px; display:none;  z-index: 999;     }
.pricing-plans .pt_remove_row{ right:-72px;  border-radius: 0 4px 4px 0; border-left:0px;}
.pricing-plans .pt_remove_row:hover, .pricing-plans .pt_clone_row:hover{ background:#29334C;}
.pricing-plans .pt_remove_row i, .pricing-plans .pt_clone_row i, .pt_header_option i{font-size:20px !important; height: 20px; text-shadow: none; position:absolute !important; top:0px; left:0px; right:0px; bottom:0px; margin:auto !important; color: #ffffff !important;}
.pricing-plans .grids:last-child li:hover .pt_remove_row, .pricing-plans .grids:last-child li:hover .pt_clone_row,.pricing-plans td:last-child:hover .pt_remove_row, .pricing-plans td:last-child:hover .pt_clone_row{ display:block;}
.pricing-plans .grids:last-child li:first-child:hover .pt_remove_row, .pricing-plans tbody tr:first-child td:last-child:hover .pt_remove_row{ display:none;}
.pricing-plans .grids:last-child li:nth-child(2):hover .pt_remove_row, .pricing-plans tbody tr:nth-child(2) td:last-child:hover .pt_remove_row{ display:none;}
.pricing-plans .grids:last-child li:first-child:hover .pt_clone_row, .pricing-plans tbody tr:first-child td:last-child :hover .pt_clone_row{ width:52px; border-radius:0px 5px 5px 0px;right:-52px;} //New change
.pricing-plans .grids:last-child li:nth-child(2):hover .pt_clone_row, .pricing-plans tbody tr:nth-child(2) td:last-child :hover .pt_clone_row{ width:52px; border-radius:0px 5px 5px 0px;right:-52px; }
.pt_header_option {  border-radius: 0 5px 5px 0; right: -52px; width: 52px;}
.grids18 .grids, .grids18 td{ width:18%;}
.grids19 .grids, .grids19 td{ width:19%;}
.grids20 .grids, .grids20 td{ width:20%;}

.grids23 .grids, .grids23 td{ width:23%;}
.grids24 .grids, .grids24 td{ width:24%;}
.grids25 .grids, .grids25 td{ width:25%;}

.grids32 .grids, .grids31 td{ width:31.33%;}
.grids32 .grids, .grids32 td{ width:32.33%;}
.grids33 .grids, .grids33 td{ width:33.33%;}

.grids48 .grids, .grids48 td{ width:48%;}
.grids49 .grids, .grids49 td{ width:49%;}
.grids50 .grids, .grids50 td{ width:50%;}

#sample3 .grids .pt_remove_row{  color:#fff; }




.pt_grid_container{ float:left; width:100%;}

.column_level_settings{ display:none; background: #4E5871;   left: 0;  margin: 0 auto; position: absolute; top:-46px; right:0px; border: 1px solid #29334C; border-bottom:0px; width: 150px; -webkit-border-radius: 3px; border-radius:4px 4px 0 0; z-index:999;}

.column_header_col_settings{ display:none; background: #4E5871;   left: 0;  margin: 0 auto; position: absolute; top:-46px; right:0px; border: 1px solid #29334C; border-bottom:0px; width: 75px; -webkit-border-radius: 3px; border-radius:4px 4px 0 0; z-index:999;}
.column_header_col_settings .pt_header_setting_col{width:100% !important;}
.grids:hover .column_header_col_settings{ display:block;} 
#animated  .grids:hover .column_header_col_settings{ display:none !important;} 
#animated  .price-value:hover .pt_header_option{ display:none !important;} 
.widthless-20 .add_hover .manage_edit_item_text{display:none !important;}


.grids:hover .column_level_settings{ display:block;}
.pricing-plans #sample1 .grids:first-child:hover .column_level_settings{ display:none;} 
.grids:hover{ z-index:9999;}

.column_level_settings a, .column_header_col_settings .pt_header_setting_col{float: left; height: 45px; width:33.33%; border-right: 1px solid #29334C; position:relative; color:#fff;}
.column_level_settings a i, .pt_header_setting_col i{height: 20px; text-shadow: none; font-size:20px; position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; font-size:20px; width:100%;}
.column_level_settings a:hover, .column_level_settings a:focus{ background:#29334C; color:#fff; outline:none;}
.column_level_settings a:last-child{ border:0px;}

.column_level_options{ position: absolute; left:52px; width: 275px; background:#373e58; display:none; }
.hightlight{ float:left; width:100%; padding:4px 0px 3px 0px;}
.hightlight .title_div{ line-height: 30px; font-size: 14px; color:#fff; font-weight:bold; float:left; width:50%; position: relative;}
.hightlight .input_div{ float:right; width:64px; position: relative;}
.arp_checkbox_div { float: right; width: 50px; height: 30px; line-height: 30px; text-align: right; }
.arp_light_checkbox { width: 19px; height: 19px; background: url(../images/checkbox.png) center left no-repeat; cursor: pointer; float: left; margin-top: 5px; position: relative;}
.arp_light_checkbox input[type='checkbox'] { float: left; position: relative;     opacity: 0; cursor: pointer; margin: 0; height: 27px; width: 27px;}
.arp_checkbox_label { color: #fff; line-height: 30px; float: left; width: auto; margin-left: 5px; ont-family: Arial, Helvetica, sans-serif; font-size: 14px; }
.arp_light_checkbox.checked { background: url(../images/checkbox.png) center center no-repeat; }

.color_picker{ float:left; width:100%; padding:5px 10px 5px 10px; background:#4d556a;}
.color_picker .title_div{ line-height: 30px; font-size: 14px; color:#fff; font-weight:bold; float:left; width:40%; position: relative; text-align:left;}
.color_picker .arp_light_checkbox input[type="text"]{ width:50px; margin:-4px 0px 0px 10px; position:absolute; left: 24px; width: 120px;}



#animated .pricing-grids .active:hover{ z-index:99 !important;}
#animated .pricing-grids .grids:hover{z-index:99 !important;}



.fa_icons_list{float:left; width:100%; background-color: #26ACEF; padding:20px; height:100%; overflow-y:scroll;}
.font-awesome-icons{padding:0px; list-style: none;  margin:0px; width:100%;}
.font-awesome-icons li{ width:14%; padding:0px 10px; cursor:pointer; float:left; text-align:center; font-size:30px; color:#fff; margin:0px 0px 30px 0px; min-height:100px;}
.font-awesome-icons li. .fa { font-size: 42px; display: block; text-align: center; margin: 10px auto 0px;  color: #fff; }
span.fa-class { display: inline-block; width: 100%;     padding: 5px 0 0; font-size:16px;     float: left;}


/*----------------------------------------------------------sample 1 ------------------------------------*/

#animated #sample1 .grids:hover {-webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1);   z-index: 1; border: none; position: relative; -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 30px rgba(0,0,0,0.3); -o-box-shadow: 0 0 30px rgba(0,0,0,0.3); box-shadow: 0 0 30px rgba(0,0,0,0.3);border-radius:8px; }



#animated #sample1 .grids.active{  z-index: 1; border: none; position: relative; -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 30px rgba(0,0,0,0.3); -o-box-shadow: 0 0 30px rgba(0,0,0,0.3); box-shadow: 0 0 30px rgba(0,0,0,0.3);-webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1); }


#animated #sample1 .active .price-value, #animated #sample1 .active .price-value h2, #animated #sample1 .grids:hover .price-value, #animated #sample1 .grids:hover .price-value h2{ border-radius:8px 8px 0px 0px;}
#animated #sample1 .active, #animated #sample1 .active .inner_grid, #animated #sample1 .girds:hover, #animated #sample1 .girds:hover .inner_grid{ border-radius:8px;}

#animated #sample1 .active .cart, #animated #sample1 .grids:hover .cart {border-radius:0px 0px 8px 8px;}

#animated #sample1 .price-value h2 span:hover{ background:none; }
#animated #sample1 .price-value h5 span:hover{ background:none; }
#animated #sample1 .column-1.grids ul li span:hover{ background:none; }

#sample1 .grids{ float: left; text-align: center; margin-right:0%; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;
padding: 0; border: none; }
#sample1 .price-value h2{ padding:5px; font-size: 26px; color: #fff; font-weight: 400; width: 100%; margin:0px 0px; font-family: 'Open Sans'; display:table; float:left; }
#sample1 .price-value h2 span{display:table-cell; height:60px;padding:0px 10px; vertical-align:middle; text-align:center; width:100%; }
#sample1 .price-value h2 span:hover{ background:rgba(0,0,0,0.2);}
#sample1 .price-value{  padding:0px; position: relative; float:left; width:100%; }
#sample1 .price-value h5 {font-family: "Open Sans"; padding:5px 5px; color:#fff; float:left; width:100%; background:rgba(0,0,0,.3); font-size: 18px; font-weight:600; word-wrap: break-word; margin:0px; }
#sample1 .price-value h5 span{ float:left; width:100%; line-height:20px; min-height: 34px;     padding: 7px 0px; } 
#sample1 .price-value h5 span:hover{ background:rgba(0,0,0,0.3); }
#sample1 .grids ul li{ background:#fff; color: #C7C4C4; font-size: 16px; color: #364762; text-align: center; display: block; padding:5px 10px; list-style:none; text-decoration: none; font-weight: 400; margin:0px;} 
#sample1 .grids ul li span{ width:100%;  display: inline-block;}
#sample1 .grids ul li span.pricetable_editable{ min-height:28px; padding:5px 0px; }
#sample1 .grids ul li:nth-child(even){ background:#F1F1F1; margin:0px; }
#sample1 .price-bg { float:left; width:100%; } 
#sample1 .price-bg ul { padding: 0; float:left; width:100%; margin:0px; }
#sample1 .cart{ padding:25px 0px; display: block; float:left; width:100%; background:#c7c7c7; min-height:100px;  transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; box-sizing: border-box; }
#sample1 .cart a{ color: #FFF; font-size: 17px; font-weight: 500; text-decoration: none; text-transform:uppercase; -webkit-appearance:none; border-radius:4px; outline: none; display: inline-block; line-height:45px; box-shadow: 0 1px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4); -o-box-shadow: 0 1px 2px rgba(0,0,0,0.4); }
#sample1 .cart a span{padding:0em 2em; min-height: 45px !important; height: auto; height: auto; float: left; width: 100%;}
#sample1 .cart a:hover{   opacity: 0.8; }


#sample1 .column-1.grids:hover .cart{ height:auto !important; margin-top:0px !important; padding-top: 25px !important;}
#sample1 .column-1.grids:hover{ box-shadow:none !important; margin-top:0px !important; -webkit-transition: all 200ms ease-in !important;
    -webkit-transform: scale(1) !important;
    -ms-transition: all 200ms ease-in !important;
    -ms-transform: scale(1) !important;   
    -moz-transition: all 200ms ease-in !important;
    -moz-transform: scale(1) !important;
    transition: all 200ms ease-in  !important;
    transform: scale(1) !important;}
#sample1 .column-1{ border-top:1px solid #e3e3e3 !important; border-left:1px solid #e3e3e3 !important; box-sizing: border-box }
#sample1 .column-1 .price-value{ text-align:left; background:#fff; ; }
#sample1 .column-1.grids:hover{     transform: inherit;     -webkit-transform: inherit; border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3;}
#sample1 .column-1.grids ul li{ text-align:left; padding-left:15px ; background:#f2f5f6; margin: 0;}
#sample1 .column-1.grids ul li span:hover{ background:rgba(0,0,0,0.1); }
#sample1 .column-1.grids ul li.even{background:#f1f1f1; margin: 0;}
#sample1 .column-1 h2 span{ height:103px; color:#333; padding:0px 15px 0px 15px;}

.pt_single_color #sample1 .pt_sample_bg_1{ background:#00b74b;}

.pt_single_color #sample1 .grids:nth-child(2) .price-value h2{ background:rgba(0,0,0,.0);}
.pt_single_color #sample1 .grids:nth-child(2) .cart a span{background:rgba(0,0,0,.0);}

.pt_single_color #sample1 .grids:nth-child(3) .price-value h2{ background:rgba(0,0,0,.2);}
.pt_single_color #sample1 .grids:nth-child(3) .cart a span{background:rgba(0,0,0,.2);}

.pt_single_color #sample1 .grids:nth-child(4) .cart a span{background:rgba(0,0,0,.4);}
.pt_single_color #sample1 .grids:nth-child(4) .price-value h2{ background:rgba(0,0,0,.4);}

.pt_single_color #sample1 .grids:nth-child(5) .cart a span{background:rgba(0,0,0,.5);}
.pt_single_color #sample1 .grids:nth-child(5) .price-value h2{ background:rgba(0,0,0,.5);}


#sample1 .add_hover{ background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; display: none; padding:9px 0px 0px; height: 100%; left: 0; position: absolute; top: 0; text-align:center; width: 100%;}
#sample1 .add_hover .common{ background:#d3d3d3; color:#000; padding:5px 8px; border-radius:6px; font-size:12px; margin:1px 3px; display:inline; width:100%; cursor:pointer; }
#sample1 .add_hover .common i{  font-size:12px !important; color:#000 !important; margin:0px !important; font-weight:normal;}
#sample1 .add_hover .common:hover{ background:#dfdfdf;}
#sample1 .grids ul li:hover .add_hover{ display:block; }
#sample1 .grids:last-child{border-right:1px solid #e3e3e3 !important;}
#sample1 .add_hover .common .manage_edit_item_text{ vertical-align: inherit; width:auto; display:inline-block;}

#animated .add_hover{ display:none !important; }

/* ----------------------------- sample 2 ----------------------------- */


#animated #sample2 .inner_grid:hover { z-index: 1; border: none; position: relative; -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 30px rgba(0,0,0,0.3);     -o-box-shadow: 0 0 30px rgba(0,0,0,0.3); box-shadow: 0 0 30px rgba(0,0,0,0.3);  position: relative !important; border:1px solid #dfdbdc; }

#animated #sample2 .active .inner_grid { z-index: 1; border: none; position: relative; -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 30px rgba(0,0,0,0.3);     -o-box-shadow: 0 0 30px rgba(0,0,0,0.3); box-shadow: 0 0 30px rgba(0,0,0,0.3);  position: relative !important; border:1px solid #dfdbdc; }


#animated #sample2 .price-value h5 span{ background:none; }
#animated #sample2 .price-value h2 span:hover{ background:none; }

.pt_single_color .pt_sample_bg_2{background: #1ec9d1; }
#sample2 .grids{float: left; text-align: center; margin-right:0%;     -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s;
    transition: all 0.2s; padding: 0; border: none; box-sizing:border-box; }
#sample2 .inner_grid{border: 1px solid #dfdbdc;  }
#sample2 .price-value{  padding:0px; position: relative; float:left; width:100%; }
#sample2 .price-value h2{ padding: 3px 0; font-size: 22px;     color: #ffffff; font-weight: 600; width: 100%; margin:0px 0px; font-family: 'Open Sans'; display:table; float:left; }
#sample2 .price-value h2 span{display:table-cell; height:60px; color: #ffffff; 	vertical-align:middle;} 
#sample2 .price-value h2 span:hover{ background:rgba(0,0,0,0.2);}
#sample2 .price-value h5 { display: table; text-align: center; min-height: 84px; padding:10px 5px 15px 5px; color:#fff; float:left; width:100%; background:rgba(0,0,0,.4); font-size: 40px; font-weight:600; word-wrap: break-word; margin:0px; line-height: 26px }
#sample2 .price-value h5 label{     margin: 0px; float:left; width:100%; text-align:center;     font-size: 13px;}
#sample2 .price-value h5 span{ background:rgba(255,255,255,0.3);     padding: 0px 5px;     min-width: 60px;  display:inline-block; min-height:24px; font-weight:normal;  }
#sample2 .price-value h5 span:hover{ }
#sample2 .price-value ul{ padding: 0; float:left; width:100%; margin:0px;0; }
#sample2 .grids ul li{ background:#fff; color: #C7C4C4; font-size: 15px; color: #364762; list-style: none;margin:0px; text-align: center; display: block; padding:8px 0;
	text-decoration: none; font-weight: 400; float: left; width: 100%; line-height:18px; }
#sample2 .grids ul li span{ width:100%; display:inline-block;}
#sample2 .grids ul li span.pricetable_editable{ min-height:20px; }
#sample2 .price-bg ul li strong{ font-weight:700; float:left; width:100%; }	
#sample2 .grids ul li:nth-child(even){ background:#f7f8fa; margin:0px; }
#sample2 .price-bg { background: #fff; }
#sample2 .rounded_corner_wrapper {  float: none; margin: 15px auto 0; display: table; text-align: center; }
#sample2 .rounded_corder { border: 2px solid #fff; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; -o-border-radius: 60px; float: none; height: 100px;
    width: 100px; padding-top: 0px; display: table-cell; vertical-align: middle; background-color: rgba(0, 0, 0, 0.36); color: #ffffff; }
#sample2 .rounded_corder i{ font-size: 48px;}
#sample2 .submit{ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3); -o-box-shadow: 0 1px 1px rgba(0,0,0,0.3); line-height: normal; min-height: 36px !important;  background-color: #ffffff; display:inline-block; height: auto; width: 55% !important; border-radius: 20px;
    -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px; padding: 0px; border: none; cursor: pointer !important; font-size: 18px; color: #323232;
	margin:0px 0px 10px 0px; line-height:34px; font-weight:600; }
#sample2 .submit:hover{ text-decoration:none;}


#sample2 .add_hover{ background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; display: none; padding:18px 0px 0px; height: 100%; left: 0; position: absolute; top: 0; text-align:center; width: 100%;}
#sample2 .add_hover .common{ background:#d3d3d3; color:#000; padding:5px 8px; border-radius:6px; font-size:12px; margin:1px 3px; display:inline; width:100%; cursor:pointer; }
#sample2 .add_hover .common i{  font-size:12px !important; color:#000 !important; margin:0px !important; font-weight:normal;}
#sample2 .add_hover .common:hover{ background:#dfdfdf;}
#sample2 .grids ul li:hover .add_hover{ display:block; }
#sample2 .grids:last-child{border-right:1px solid #e3e3e3 !important;}
#sample2 .add_hover .common .manage_edit_item_text{ vertical-align: inherit; width:auto; display:inline-block;}






/*----------------------------------- sample 3 ---------------------------------*/


#animated #sample3 .inner_grid:hover { z-index: 1; border: none; position: relative; background:#1f1f1f; border:1px solid rgba(169,169,169,.3); }
#animated #sample3 .grids:hover .purchase_link a{ background-color: #09b1f8;}
#animated .pt_single_color .grids:hover .pt_sample_bg_3_hover{background-color: #09b1f8;}

#animated #sample3 .active .inner_grid { z-index: 1; border: none; position: relative; background:#1f1f1f; border:1px solid rgba(169,169,169,.3); }
#animated #sample3 .grids.active .purchase_link a{ background-color: #09b1f8;}
#animated #sample3 .grids.active .pt_sample_bg_3_hover{background-color: #09b1f8;}

#animated #sample3 .price-value p span:hover{ background:none; }
#animated #sample3 .price-value h2 span:hover{ background:none; }
#animated #sample3 .price-value h5 span{ background:none; }

.pt_single_color .pt_sample_bg_3{background: #efa738; }

#sample3 .grids{box-sizing:border-box; float: left; text-align: center; margin-right:0%;  padding: 0; border: none; }
#sample3 .inner_grid{ box-sizing:border-box; float:left; width:100%; background:#000000; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; border: 1px solid rgba(169,169,169,.3);}
#sample3 .price-value h2{ height: 73px; font-size: 26px; color: #ffffff;  font-weight:700; width: 100%; margin:0px 0px; font-family: 'Open Sans'; display:table; float:left; 	background:rgba(169,169,169,.3); padding:5px; }
#sample3 .price-value h2 span{display:table-cell; height:60px; color: #ffffff; vertical-align:middle; }
#sample3 .price-value h2 span:hover{ background:rgba(255,255,255,0.2);}
#sample3 .price-value{ padding:0px; position: relative; float:left; width:100%; }
#sample3 .price-value h5 { padding:20px 0 0px; color:#fff; float:left; width:100%;  background:rgba(169,169,169,.2); font-size: 40px; font-weight:700; word-wrap: break-word;
	margin:0px; }
#sample3 .price-value h5 span{ background: rgba(255,255,255,0.1); }
#sample3 .price-value h5 span.pricetable_editable{ min-height:28px; display: inline-block;  min-width: 60px;  }
#sample3 .price-value h5 label{ text-align:center;   font-weight:400;  font-size: 16px;}
#sample3 .price-value p{ padding:15px 5px; color:#fff; float:left; width:100%; background:rgba(169,169,169,.2); font-size:15px; margin:0px; }
#sample3 .price-value p span{ width:100%; display:inline-block; min-height: 39px;  } 
#sample3 .price-value p span:hover{ background:rgba(255,255,255,0.2); }
#sample3 .price-bg { float:left; width:100%; }
#sample3 .price-bg ul { padding: 0; float:left; width:100%; margin:0px; }
#sample3 .price-bg ul li{ margin:0px; background:rgba(169,169,169,.1); color: #C7C4C4; font-size:15px; color:#fff; text-align: left; display: block; padding:14px 10px 14px 30px; text-decoration: none; font-weight: 400; float: left; width: 100%; line-height:18px; }
#sample3 .price-bg ul li .pricetable_editable_icon{ bottom: 0; height:14px; left:4px; z-index:999; margin: auto; position: absolute; text-align: center; top: 0; width: 20px;}
#sample3 .grids ul li:nth-child(even){ background:rgba(169,169,169,.2); margin:0px; }
#sample3 .price-bg ul li .pricetable_editable{ float:left; width:100%; min-height: 20px; }
#sample3 .purchase_link{ float:left; width:100%; background:rgba(169,169,169,.2);}
#sample3 .purchase_link a{    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3);  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3); -o-box-shadow: 0 1px 1px rgba(0,0,0,0.3); line-height: normal; min-height:42px !important;  display:inline-block; height: auto; width: 60% !important;
    padding: 0px; border: none; cursor: pointer !important;   font-size: 20px; color: #323232; margin:0px 0px 35px 0px; line-height:40px;  font-weight:600; }
#sample3 .purchase_link a:hover{ text-decoration:none; }



#sample3 .add_hover{ background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; display: none; padding:14px 0px 0px; height: 100%; left: 0; position: absolute; top: 0; text-align:center; width: 100%;}
#sample3 .add_hover .common{ background:#d3d3d3; color:#000; padding:5px 8px; border-radius:6px; font-size:12px; margin:1px 3px; display:inline; width:100%; cursor:pointer; }
#sample3 .add_hover .common i{  font-size:12px !important; color:#000 !important; margin:0px !important; font-weight:normal;}
#sample3 .add_hover .common:hover{ background:#dfdfdf;}
#sample3 .grids ul li:hover .add_hover{ display:block; }
#sample3 .grids:last-child{border-right:1px solid #e3e3e3 !important;}
#sample3 .add_hover .common .manage_edit_item_text{ vertical-align: inherit; width:auto; display:inline-block;}






/*----------------------------------- sample 4 ---------------------------------*/



#animated #sample4 .inner_grid:hover {  -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 30px rgba(0,0,0,0.3); -o-box-shadow: 0 0 30px rgba(0,0,0,0.3);
    box-shadow: 0 0 30px rgba(0,0,0,0.3); z-index: 1; border: none; position: relative; background:none; border:1px solid #ccc; }
#animated #sample4 .grids:hover .subscribe_link a{ background-color: #ffffff; }
#animated #sample4 .grids:hover ul li{ color:#fff;}
#animated #sample4 .grids:hover ul li i{color:#fff;} 
#animated #sample4 .grids:hover h5{ color:#fff;}
#animated #sample4 .grids:hover h2{background:#fff; }
#animated .pt_single_color .grids:hover .pt_sample_bg_4_hover{background:#33c8ff;}
#animated .pt_single_color #sample4 .grids:hover .pt_sample_color_4_hover{color:#33c8ff;}
#animated .pt_single_color #sample4 .grids:hover .pt_sample_color_4_hover{ color:#33c8ff;}


#animated #sample4 .active .inner_grid {  -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 30px rgba(0,0,0,0.3); -o-box-shadow: 0 0 30px rgba(0,0,0,0.3); box-shadow: 0 0 30px rgba(0,0,0,0.3); z-index: 1; border: none; position: relative; background:none; border:1px solid #ccc; }
#animated #sample4 .grids.active .subscribe_link a{ background-color: #ffffff; }
#animated #sample4 .grids.active ul li{ color:#fff;}
#animated #sample4 .grids.active ul li i{color:#fff;} 
#animated #sample4 .grids.active h5{ color:#fff;}
#animated #sample4 .grids.active h2{background:#fff; }
#animated .pt_single_color #sample4 .grids.active .pt_sample_bg_4_hover{background:#33c8ff;}
#animated .pt_single_color #sample4 .grids.active .pt_sample_color_4_hover{color:#33c8ff;}
#animated .pt_single_color #sample4 .grids.active .pt_sample_color_4_hover{ color:#33c8ff;}

#animated #sample4 .price-value h2 span:hover{ background:none; }
#animated #sample4 .price-value h5 span{ background:none; }
#animated #sample4 .price-value h5 sup{ background:none; }


.pt_single_color .pt_sample_bg_4{background:#33c8ff; }
.pt_single_color .pt_sample_color_4{ color:#33c8ff; }

#sample4 .grids{box-sizing:border-box; float: left; text-align: center; margin-right:1%;  padding: 0; border: none; }
#sample4 .inner_grid{ box-sizing:border-box; float:left; width:100%;  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; border: 1px solid rgba(169,169,169,.3); background:#fff;}
#sample4 .price-value h2{ height: 83px; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; font-size:28px; text-shadow:0px 0px 1px #b5c9d0; color: #ffffff;  font-weight:500; width: 100%; margin:0px 0px; font-family: 'Open Sans'; display:table; float:left; padding: 5px; }
#sample4 .price-value h2 span{display:table-cell; height:70px;  vertical-align:middle; }
#sample4 .price-value h2 span:hover{ background:rgba(0,0,0,0.2); }
#sample4 .price-value{ padding:0px; position: relative; float:left; width:100%; }
#sample4 .price-value h5 {-moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;  padding:20px 0; float:left; width:100%; font-size: 40px; font-weight:700; word-wrap: break-word; margin:0px; }
#sample4 .price-value h5 sup span{ min-width:30px; background:none;  }
#sample4 .price-value h5 span{ min-width:60px;  background:rgba(0,0,0,0.1);    height: auto;     min-height: 20px;  display: inline-block; }
#sample4 .price-value h5 span:hover{ }
#sample4 .price-value h5 sup{ font-weight:400; font-size:20px; background:rgba(0,0,0,0.1); }
#sample4 .price-value h5 label{ text-align:center;   font-weight:400;  font-size:20px;}
#sample4 .price-bg { float:left; width:100%;  -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
#sample4 .price-bg ul { padding:0 0px; float:left; width:100%; margin:0px; }
#sample4 .price-bg ul li{ margin:0px;  color: #333; font-size:16px; text-align: left; display: block; padding:14px 10px 14px 35px; text-decoration: none; font-weight: 400; float: left; width: 100%; line-height:18px; border-top:2px dotted #ccc; }
#sample4 .price-bg ul li .pricetable_editable_icon{ bottom: 0; height:20px; left:6px; z-index:999; margin: auto; position: absolute; text-align: center; top: 0; width: 20px;}
#sample4 .price-bg ul li .pricetable_editable{ float:left; width:100%; min-height: 20px; }
#sample4 .price-bg ul li i{  font-size:20px;  margin:0px 10px 0px 0px;}	
#sample4 .grids ul li:nth-child(even){}
#sample4 .subscribe_link{ float:left; width:100%;}
#sample4 .subscribe_link a{    line-height: normal; min-height:42px !important;  display:inline-block; height: auto; width: 100% !important;
    padding: 0px; border: none; cursor: pointer !important; color: #fff;   font-size: 20px;  margin:0px 0px 0px; line-height:40px;  font-weight:400; }



#sample4 .add_hover{ background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; display: none; padding:12px 0px 0px; height: 100%; left: 0; position: absolute; top: 0; text-align:center; width: 100%;}
#sample4 .add_hover .common{ background:#d3d3d3; color:#000; padding:5px 8px; border-radius:6px; font-size:12px; margin:1px 3px; display:inline; width:100%; cursor:pointer; }
#sample4 .add_hover .common i{  font-size:12px !important; color:#000 !important; margin:0px !important; font-weight:normal; }
#sample4 .add_hover .common:hover{ background:#dfdfdf;}
#sample4 .grids ul li:hover .add_hover{ display:block; }
#sample4 .grids:last-child{border-right:1px solid #e3e3e3 !important;}
#sample4 .add_hover .common .manage_edit_item_text{ vertical-align: inherit; width:auto; display:inline-block;}




/*----------------------------------- sample 5 ---------------------------------*/



#animated #sample5 .inner_grid:hover {  -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 30px rgba(0,0,0,0.3); -o-box-shadow: 0 0 30px rgba(0,0,0,0.3);
    box-shadow: 0 0 30px rgba(0,0,0,0.3); z-index: 1; border: none; position: relative; background:none;  }
#animated #sample5 .active .inner_grid {  -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 30px rgba(0,0,0,0.3); -o-box-shadow: 0 0 30px rgba(0,0,0,0.3);
    box-shadow: 0 0 30px rgba(0,0,0,0.3); z-index: 1; border: none; position: relative; background:none;  }
#animated #sample5 .price-value h5 sup{ background:none; margin:0px; }
#animated #sample5 .price-value h5 span{ background:none; }
#animated #sample5 .price-value h2 span:hover{ background:none; }
.pt_single_color .pt_sample_bg_5{background:#d81a60;  }

#sample5 .grids{box-sizing:border-box; float: left; text-align: center; margin-right:1%;  padding: 0; border: none; }
#sample5 .inner_grid{ box-sizing:border-box; float:left; width:100%;  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
#sample5 .price-value h2{ padding:10px 5px; height: 90px; position:relative; border-radius:8px; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; font-size:34px; text-shadow:0px 0px 1px #b5c9d0; color: #ffffff;  font-weight:400; width: 100%; margin:0px 0px; font-family: 'Open Sans'; display:table; float:left;  }
#sample5 .price-value h2:before{ content:""; position:absolute; left:12px; bottom:-20px; background:url("../images/clip_img.png") no-repeat; width:8px; height:29px;}
#sample5 .price-value h2:after{ content:""; position:absolute; right:12px; bottom:-20px; background:url("../images/clip_img.png") no-repeat; width:8px; height:29px;}
#sample5 .price-value h2 span{display:table-cell; height:70px;  vertical-align:middle; width:100%;  }
#sample5 .price-value h2 span:hover{ background:rgba(0,0,0,0.1);}
#sample5 .price-value{ padding:0px; position: relative; float:left; width:100%; }
#sample5 .price-value h5 { -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;  padding:20px 5px; color:#fff; float:left; width:100%; font-size: 30px; font-weight:400; word-wrap: break-word; margin:8px 0px 0px; border-radius:8px 8px 0px 0px; }
#sample5 .price-value h5 span{ display:inline-block; min-width:80px; min-height:30px;  background:rgba(0,0,0,0.1); }

#sample5 .price-value h5 sup{ font-weight:400; font-size:18px; background:rgba(0,0,0,0.1); margin: 0px 2px 0px; } 
#sample5 .price-value h5 sup span{ min-width:25px; background:none; }
#sample5 .price-bg { position:relative;z-index:99; float:left; width:100%;  border-radius:0px 0px 6px 6px; }
#sample5 .price-bg ul { -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; padding:0 0px; float:left; width:100%; margin:0px; }
#sample5 .price-bg ul li{   -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; margin:0px; color: #fff; font-size:16px; text-align: left; display: block; padding:14px 8px 14px 35px; text-decoration: none; font-weight: 400; float: left; width: 100%; line-height:18px; box-shadow:0px 3px 3px rgba(0,0,0,0.2); border-radius:6px; margin:0px 0px 5px 0px;}
#sample5 .price-bg ul li .pricetable_editable_icon{ bottom: 0; height:20px; left:6px; z-index:999; margin: auto; position: absolute; text-align: center; top: 0; width: 20px;}
#sample5 .price-bg ul li .pricetable_editable{ float:left; width:100%; min-height: 18px; }
#sample5 .price-bg ul li:last-child{ margin:0px;}
#sample5 .price-bg ul li i{ color: #fff; font-size:20px;  margin:0px 5px 0px 0px;}	
#sample5 .grids ul li:nth-child(even){ }
#sample5 .subscribe_link{ float:left; width:100%;   box-shadow:0px 3px 3px rgba(0,0,0,0.2); background:#fff; border-radius:0px 0px 8px 8px;}
#sample5 .subscribe_link a{ border-radius:0px 0px 8px 8px;   line-height: normal; min-height:50px !important; background-color: #fff; display:inline-block; height: auto; width: 100% !important; padding:10px 0px 0px; border: none; cursor: pointer !important;   font-size: 20px; color: #333; margin:-10px 0px 0px; line-height:48px;  font-weight:400; }
#sample5 .subscribe_link a:hover{ text-decoration:none; position:relative;z-index:9;  }


#sample5 .add_hover{ background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; display: none; padding:12px 0px 0px; height: 100%; left: 0; position: absolute; top: 0; text-align:center; width: 100%;}
#sample5 .add_hover .common{ background:#d3d3d3; color:#000; padding:5px 8px; border-radius:6px; font-size:12px; margin:1px 3px; display:inline; width:100%; cursor:pointer; }
#sample5 .add_hover .common i{  font-size:12px !important; color:#000 !important; margin:0px !important; font-weight:normal;}
#sample5 .add_hover .common:hover{ background:#dfdfdf;}
#sample5 .grids ul li:hover .add_hover{ display:block; }
#sample5 .grids:last-child{border-right:1px solid #e3e3e3 !important;}
#sample5 .add_hover .common .manage_edit_item_text{ vertical-align: inherit; width:auto; display:inline-block;}




/*----------------------------------- sample 6 ---------------------------------*/

#animated #sample6 .active .inner_grid{-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 30px rgba(0,0,0,0.3); -o-box-shadow: 0 0 30px rgba(0,0,0,0.3);
    box-shadow: 0 0 30px rgba(0,0,0,0.3); z-index: 1; border: none; position: relative;  }

#animated #sample6 .inner_grid:hover {  -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 30px rgba(0,0,0,0.3); -o-box-shadow: 0 0 30px rgba(0,0,0,0.3);
    box-shadow: 0 0 30px rgba(0,0,0,0.3); z-index: 1; border: none; position: relative;   }
#animated #sample6 .price-value h2 span:hover{ background:none;}
#animated #sample6 .price-value h5 span:hover{ background:none;}
.pt_single_color .pt_sample_bg_6{background:#30a7e3;}

#sample6 .grids{box-sizing:border-box; float: left; text-align: center; margin-right:1%;  padding: 0; border: none; }
#sample6 .inner_grid{ box-sizing:border-box; border-radius:8px 8px;  float:left; width:100%;  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
#sample6 .price-value h2{ position:relative; height: 110px;  padding:10px 5px;  -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; font-size:26px; text-shadow:0px 0px 1px #b5c9d0; color: #ffffff;  font-weight:400; width: 100%; margin:0px 0px; font-family: 'Open Sans'; display:table; float:left;  }
#sample6 .price-value h2 span{display:table-cell; height:90px;  vertical-align:middle; }
#sample6 .price-value h2 span:hover{ background:rgba(0,0,0,0.2);}
#sample6 .price-value{  padding:0px; position: relative; float:left; width:100%; }
#sample6 .price-value h5 {background:rgba(255,255,255,0.2);  padding:5px; color:#fff; float:left; width:100%; font-size: 30px; font-weight:400; word-wrap: break-word;border-radius:0px 0px; margin:0px; display:table;  }
#sample6 .price-value h5 span{ height:60px;  width: 100%; display: table-cell; vertical-align: middle;}
#sample6 .price-value h5 span:hover{ background:rgba(0,0,0,0.2); }
#sample6 .price-bg { position:relative;z-index:99; float:left; width:100%;   }
#sample6 .price-bg ul { padding:0 0px; float:left; width:100%; margin:0px; }
#sample6 .price-bg ul li{ background:rgba(255,255,255,0.4);   -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; margin:0px; color: #fff; font-size:16px; text-align: left; display: block; padding:18px 8px 18px 8px; text-decoration: none; font-weight: 400; float: left; width: 100%; line-height:18px;  margin:0px 0px; text-align:center;}
#sample6 .price-bg ul li:nth-child(even){ background:rgba(255,255,255,0.2);}
#sample6 .price-bg ul li .pricetable_editable{ float:left; width:100%; min-height: 18px; }
#sample6 .price-bg ul li:last-child{ margin:0px;}
#sample6 .price-bg ul li i{ color: #fff; font-size:20px;  margin:0px 5px 0px 0px;}	
#sample6 .grids ul li:nth-child(even){ }
#sample6 .subscribe_link{ float:left; width:100%;  padding:20px 0px; }
#sample6 .subscribe_link a{  background: #fff; display:inline-block;  width:auto; padding:0px 15px; border: none; cursor: pointer !important;   font-size:18px; color: #333; margin:0px 0px 0px; line-height:44px;  font-weight:400; border-radius:4px; box-shadow:0px 1px 1px #616161; }
#sample6 .subscribe_link a:hover{ text-decoration:none; position:relative;z-index:9;  }


#sample6 .add_hover{ background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; display: none; padding:17px 0px 0px; height: 100%; left: 0; position: absolute; top: 0; text-align:center; width: 100%;}
#sample6 .add_hover .common{ background:#d3d3d3; color:#000; padding:5px 8px; border-radius:6px; font-size:12px; margin:1px 3px; display:inline; width:100%; cursor:pointer; }
#sample6 .add_hover .common i{  font-size:12px !important; color:#000 !important; margin:0px !important; font-weight:normal;}
#sample6 .add_hover .common:hover{ background:#dfdfdf;}
#sample6 .grids ul li:hover .add_hover{ display:block; }
#sample6 .grids:last-child{border-right:1px solid #e3e3e3 !important;}
#sample6 .add_hover .common .manage_edit_item_text{ vertical-align: inherit; width:auto; display:inline-block;}










.price-value h2, .price-value h5, .price-value h3{ letter-spacing:0px; } 


/*----------------------------------- sample 7 ---------------------------------*/



#animated #sample7 .inner_grid:hover {  background:#fff; box-shadow: 0 0 30px rgba(0,0,0,0.3); z-index: 1; border: none; position: relative; }
#animated #sample7 .inner_grid:hover h2{ color:#999; text-shadow:none;}
#animated #sample7 .inner_grid:hover h5{ background:rgba(0, 0, 0, 0.1); }
#animated #sample7 .inner_grid:hover li{ color:#999}
#animated #sample7 .inner_grid:hover li i{ color:#999;}
#animated #sample7 .inner_grid:hover h6{ color:#999;}

#animated #sample7 .active .inner_grid { box-shadow: 0 0 30px rgba(0,0,0,0.3); z-index: 1; border: none; position: relative;  }
#animated #sample7 .acitve .inner_grid h2{ color:#999; text-shadow:none;}
#animated #sample7 .acitve .inner_grid h5{ background:rgba(0, 0, 0, 0.1); }
#animated #sample7 .acitve .inner_grid li{ color:#999}
#animated #sample7 .acitve .inner_grid li i{ color:#999;}
#animated #sample7 .acitve .inner_grid h6{ color:#999;}

#animated #sample7 li .pt_remove_row i{ color:#fff !important;}
#animated #sample7 .price-bg ul li .pricetable_editable:hover{ background:none;}
#animated #sample7 .price-value h5 span:hover{ background:none;}
#animated #sample7 .price-value h2 span:hover{ background:none;}
.pt_single_color .pt_sample_bg_7{background:#fdb515; }
.pt_single_color .pt_sample_color_7{ color:#fdb515; }


#sample7 .grids{box-sizing:border-box; float: left; text-align: center; margin-right:1%;  padding: 0; border: none; }
#sample7 .inner_grid{ box-sizing:border-box; float:left; width:100%;  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; border-radius:8px;}
#sample7 .price-value h2{ height: 90px; padding:10px 5px; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; font-size:28px; text-shadow:1px 0px 1px #333; color: #ffffff;  font-weight:600; width: 100%; margin:0px 0px; font-family: 'Open Sans'; display:table; float:left; }
#sample7 .price-value h2 span{display:table-cell; height:70px;  vertical-align:middle; }
#sample7 .price-value h2 span:hover{ background:rgba(0,0,0,0.2); }
#sample7 .price-value{ padding:0px; position: relative; float:left; width:100%; }
#sample7 .price-value h5 {-moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;  padding:5px; float:left; width:100%; font-size: 32px; font-weight:600; word-wrap: break-word; margin:0px; color:#a1a7b0; background:rgba(255, 255, 255, 0.9); display:table;  }
#sample7 .price-value h5 span{    vertical-align: middle;  width:100%; height:55px; display:table-cell; }
#sample7 .price-value h5 span:hover{ background:rgba(0,0,0,0.2); }
#sample7 .price-bg { float:left; width:100%;  -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
#sample7 .price-bg ul { text-align:center; padding:0 0px; float:left; width:100%; margin:10px 0px; }
#sample7 .price-bg ul li{ -margin:0px;  color: #fff; font-size:18px; text-align:center; display: block; padding:5px 10px; text-decoration: none; font-weight: 400; float: left; width: 100%; line-height:18px; font-weight:600;}
#sample7 .price-bg ul li .pricetable_editable_icon{ height:20px; display: inline-block; margin: auto; position: relative; text-align: center; top: 0;  }
#sample7 .price-bg ul li .pricetable_editable{ min-height:28px; float:left; width:100%; text-align: center; padding:5px 0px; }
#sample7 .price-bg ul li .pricetable_editable:hover{ background:rgba(0,0,0,0.2);  } 
#sample7 .price-bg ul li i{ font-size:20px; position:relative; color:#fff; margin:0px 10px 0px 0px;}	
#sample7 .grids ul li:nth-child(even){}
#sample7 h6{float:left; width:100%; font-size:18px; font-weight:400; word-wrap: break-word; margin:0px; color:#fff; padding:0px 10px; margin:20px 0px; }
#sample7 .subscribe_link{ float:left; width:100%;}
#sample7 .subscribe_link a{    line-height: normal;  display:inline-block; height: auto; width:160px !important; background:#fff;
 box-shadow: 0 0 5px rgba(0,0,0,0.3);   padding: 0px; border: none; cursor: pointer !important; font-weight:400; font-size:18px;  margin:0px 0px 0px; line-height:46px; border-radius:4px 4px 0px 0px; }
#sample7 .subscribe_link a:hover{ text-decoration:none;}





/*----------------------------------- sample 8 ---------------------------------*/


#animated #sample8 .inner_grid:hover { z-index: 1; border: none; position: relative;     box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.5);
    transform: scale(1.04) translateY(-5px); border:1px solid rgba(169,169,169,.3); }
#animated #sample8 .grids:hover .purchase_link a{ background-color: #09b1f8;}
#animated #sample8 .active .inner_grid { box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.5);
    transform: scale(1.04) translateY(-5px);  z-index: 1; border: none; position: relative; background:#1f1f1f; border:1px solid rgba(169,169,169,.3); }
#animated #sample8 .grids.active .purchase_link a{ background-color: #09b1f8;}

.pt_single_color .pt_sample_bg_8{background: #494949; }
#animated #sample8 .grids.active .pt_sample_bg_8_hover{background-color: #09b1f8;}
#animated .pt_single_color .grids:hover .pt_sample_bg_8_hover{background-color: #09b1f8;}
#animated #sample8 .price-value h5 span{ background:none; }
#animated #sample8 .price-value h2 span:hover{ background:none; }

#sample8 .grids{box-sizing:border-box; float: left; text-align: center; margin-right:0%;  padding: 0; border: none; }
#sample8 .inner_grid{ box-sizing:border-box; float:left; width:100%; background:#000000; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; border: 1px solid rgba(169,169,169,.3);}
#sample8 .price-value h2{ font-size:20px; color: #ffffff;  font-weight:700; width: 100%; margin:0px 0px; font-family: 'Open Sans'; display:table; float:left; 	background:rgba(169,169,169,.3); padding:5px; }
#sample8 .price-value h2 span{display:table-cell; height:50px; color: #ffffff; vertical-align:middle; }
#sample8 .price-value h2 span:hover{ background:rgba(255,255,255,0.2); }
#sample8 .price-value{ padding:0px; position: relative; float:left; width:100%; }
#sample8 .price-value h5 { padding:15px 5px; color:#fff; float:left; width:100%;  background:rgba(169,169,169,.2); font-size:30px; font-weight:700; word-wrap: break-word;
	margin:0px; line-height:20px; height: 70px;  }
#sample8 .price-value h5 span{ min-width: 60px;     display: inline-block; padding: 0px 5px;  text-align:center; min-height:22px; margin: 0px 0px 1px 0px; background:rgba(255,255,255,0.2); }
#sample8 .price-value h5 label{ text-align:center;   font-weight:400; width: 100%; font-size: 13px; text-transform:uppercase; clear:both;}
#sample8 .price-bg { float:left; width:100%; }
#sample8 .price-bg ul { padding: 0; float:left; width:100%; margin:0px; }
#sample8 .price-bg ul li{ margin:0px; background:#def0f4; color: #333; font-size:14px; text-align: center; display: block; padding:10px 10px; text-decoration: none; font-weight: 400; float: left; width: 100%; line-height:18px; border-bottom:1px solid #cccccc; }
#sample8 .price-bg ul li .pricetable_editable{ float:left; width:100%; min-height: 18px; }
#sample8 .purchase_link{ float:left; width:100%; background:#def0f4; padding:20px 0px; }
#sample8 .purchase_link a{  line-height: normal; min-height:26px !important;  display:inline-block; width:120px !important; border-radius:8px;
    padding: 0px; border: none; cursor: pointer !important;   font-size:14px; color: #fff; margin:0px 0px 0px 0px; line-height:26px;  font-weight:600; }
#sample8 .purchase_link a:hover{ text-decoration:none; }


#sample8 .add_hover{ background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; display: none; padding:10px 0px 0px; height: 100%; left: 0; position: absolute; top: 0; text-align:center; width: 100%;}
#sample8 .add_hover .common{ background:#d3d3d3; color:#000; padding:5px 8px; border-radius:6px; font-size:12px; margin:1px 3px; display:inline; width:100%; cursor:pointer; }
#sample8 .add_hover .common i{  font-size:12px !important; color:#000 !important; margin:0px !important; font-weight:normal; }
#sample8 .add_hover .common:hover{ background:#dfdfdf;}
#sample8 .grids ul li:hover .add_hover{ display:block; }
#sample8 .grids:last-child{border-right:1px solid #e3e3e3 !important;}
#sample8 .add_hover .common .manage_edit_item_text{ vertical-align: inherit; width:auto; display:inline-block;}



/*----------------------------------- sample 9 ---------------------------------*/


#animated #sample9 .inner_grid:hover { z-index: 1; position: relative;   transform: scale(1.04) translateY(-5px);  box-shadow: 0 0 5px #ccc; }
#animated #sample9 .inner_grid:hover .purchase_link a{ color:#fff; border:1px solid rgba(0,0,0,0.5);}
#animated #sample9 .active .inner_grid {  z-index: 1; position: relative; transform: scale(1.04) translateY(-5px);  box-shadow: 0 0 5px #ccc; }
#animated #sample9 .active .purchase_link a{ color:#fff; border:1px solid rgba(0,0,0,0.5);}
.pt_single_color .pt_sample_bg_9{background: #ba5126; }
#animated #sample9 .grids.active .pt_sample_bg_9_hover{background-color: #e4a602; box-shadow:0px 0px 0px 2px rbga(0,0, 0.8);}
#animated .pt_single_color .grids:hover .pt_sample_bg_9_hover{background-color: #e4a602; box-shadow:0px 0px 0px 2px rbga(0,0, 0.8);}

#animated #sample9 .price-bg ul li .pricetable_editable:hover{ background:none; }
#animated #sample9 .price-value h2 span:hover{ background:none; }

#sample9 .grids{box-sizing:border-box; float: left; text-align: center; border-radius:6px; margin-right:0%;  padding: 0; border: none; }
#sample9 .inner_grid{ box-sizing:border-box; border-radius:6px; float:left; width:100%;  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; border-right: 1px solid #fff; }
#sample9 .price-value h2{ padding: 10px 5px; font-size:22px; height:90px; color: #fff;  font-weight:700; width: 100%; margin:0px 0px; font-family: 'Open Sans'; display:table; float:left;  text-transform:uppercase; border-radius:6px 6px 0px 0px;}
#sample9 .price-value h2 span{display:table-cell; height:70px; vertical-align:middle; }
#sample9 .price-value h2 span:hover{ background:rgba(255,255,255,0.2); }
#sample9 .price-value{ padding:0px; position: relative; float:left; width:100%; }
#sample9 .price-value h5 { padding:15px 0 15px; color:#fff; float:left; width:100%;  background:rgba(169,169,169,.2); font-size:30px; font-weight:700; word-wrap: break-word;
	margin:0px; line-height:20px; height: 70px;  }
#sample9 .price-value h5 label{ text-align:center;   font-weight:400; width: 100%; font-size: 13px; text-transform:uppercase; clear:both;}
#sample9 .price-bg { float:left; width:100%; }
#sample9 .price-bg ul { padding: 0; float:left; width:100%; margin:0px; }
#sample9 .price-bg ul li{ margin:0px; background:rgba(0,0,0,0.2); color: #fff; font-size:16px; text-align:left; display: block; padding:8px 10px 8px 10px; text-decoration: none; font-weight: 400; float: left; width: 100%;    }
#sample9 .grids ul li:nth-child(even){ background:rgba(0,0,0,0.4); }
#sample9 .price-bg ul li span{line-height:40px;}
#sample9 .price-bg ul li .pricetable_editable_icon{ float:left; width:100%; text-align:center;  }
#sample9 .price-bg ul li .pricetable_editable_icon i{font-size:24px; color:#0ecc00; } 
#sample9 .price-bg ul li .pricetable_editable_icon .fa-times{color:#ff4c03; }
#sample9 .price-bg ul li .pricetable_editable{ float:left; width:100%; min-height: 40px; }
#sample9 .price-bg ul li .pricetable_editable:hover{ background:rgba(255,255,255,0.2); }
#sample9 .purchase_link{ float:left; width:100%; border-radius:0px 0px 6px 6px; padding:20px 0px; min-height:80px; background:rgba(0,0,0,0.6);}
#sample9 .purchase_link a{  line-height: normal; min-height:26px !important;  display:inline-block; width:120px !important; border-radius:2px; padding:5px 0px; border: none; cursor: pointer !important;   font-size:14px; color: #fff; text-transform:uppercase; margin:0px 0px 0px 0px; line-height:26px;  font-weight:600;  }
#sample9 .purchase_link a:hover{ text-decoration:none; }







/*----------------------------------------------------------sample 10 ------------------------------------*/

#animated #sample10 .grids:hover {z-index: 1; border: none; position: relative;  box-shadow: 0 0 30px rgba(0,0,0,0.3); }
#animated #sample10 .grids.active{  z-index: 1; border: none; position: relative; box-shadow: 0 0 30px rgba(0,0,0,0.3);}
.pt_sample_bg_10{ background:#44a3d5;}
#animated #sample10 .grids ul li span.pricetable_editable:hover{ background:none; }
#animated #sample10 .price-value h2 span:hover{ background:none; }
#animated #sample10 .price-value h5 span{ background:none;}
#animated #sample10 .price-value h5 label{ margin: -5px 0px 0px; }

#sample10.pt_grid_container {border-bottom:1px solid #e3e3e3 !important}
#sample10 .grids{ float: left; text-align: center; margin-right:0%; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;
padding: 0; border: none; }
#sample10 .price-value h2{  padding:5px; font-size:18px; color: #fff; font-weight: 400; width: 100%; margin:0px 0px; font-family: 'Open Sans'; display:table; float:left; }
#sample10 .price-value h2 span{display:table-cell; text-align:center; width:100%; height:60px; padding:0px; vertical-align:middle; text-align:center;}
#sample10 .price-value h2 span:hover{ background:rgba(255,255,255,0.2); }
#sample10 .price-value{  padding:0px; position: relative; float:left; width:100%; }
#sample10 .price-value h5 {font-family: "Open Sans"; padding:5px 5px 0px 5px; color:#fff; float:left; width:100%; font-size: 28px; font-weight:600; word-wrap: break-word; margin:0px;  height: 60px; text-align:center; }
#sample10 .price-value h5 span{ background:rgba(255,255,255,0.2); line-height:20px; min-height: 20px; min-width: 60px; display: inline-block; } 
#sample10 .price-value h5 label{ font-size:13px; float: left; width: 100%;}
#sample10 .grids ul li{     background: #fff none repeat scroll 0 0; color: #364762; display: table; font-size: 14px; font-weight: 400; list-style: outside none none;
    margin: 0; float:left; height: 60px; padding: 10px; text-align: center; text-decoration: none; vertical-align: middle; width: 100%;}
#sample10 .grids ul li .fa-check{ font-size:20px; color:#56a600;}
#sample10 .grids ul li .fa-times{ font-size:20px; color:#ec4909;}
#sample10 .grids ul li span{ width:100%;  display: table-cell; height:100%; vertical-align:middle;}
#sample10 .grids ul li span.pricetable_editable:hover{ background:rgba(0,0,0,0.2);}
#sample10 .grids ul li:nth-child(even){ background:#F1F1F1; margin:0px; }
#sample10 .price-bg { float:left; width:100%; background:#fff; } 
#sample10 .price-bg ul { padding: 0; float:left; width:100%; margin:0px; display:table;}
#sample10 .cart{ padding:15px 0px; display: block; float:left; width:100%; background:#ebebeb; min-height:75px; transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; box-sizing: border-box; }
#sample10 .cart a{ color: #FFF; font-size: 14px; font-weight:400; text-decoration: none;  border-radius:4px; outline: none; display: inline-block; line-height:34px; box-shadow: 0 1px 2px rgba(0,0,0,0.4); border:1px solid rgba(0,0,0,0.3) }
#sample10 .cart a span{padding:0em 2em;  height: auto; float: left; width: 100%;}


#sample10 .grids{border-top:1px solid #e3e3e3 !important;}
#sample10 .column-1.grids:hover{ box-shadow:none !important; margin-top:0px !important;  }
#sample10 .column-1{border-left:1px solid #e3e3e3 !important; box-sizing: border-box }
#sample10 .column-1 .price-value{ text-align:left; background:#fff; ; }
#sample10 .column-1.grids ul li{ text-align:left; padding-left:8px; background:#f6f6f6; margin: 0;}
#sample10 .column-1.grids ul li:nth-child(even){background:#e3e3e3; margin: 0;}
#sample10 .column-1 h2 span{ height:121px; color:#333; padding:0px 15px 0px 15px; width:100%; line-height: 24px; }
#sample10 .column-1 h2 span:hover{ background:rgba(0,0,0,0.2);}
#sample10 .column-1 .price-value h2{color:#1a3e7b; font-size:20px; height: 120px;}
#sample10 .column-1.grids .inner_grid{ background:#ffffff;}

#sample10 .grids:hover .cart a{   opacity: 0.8; }

.pt_single_color #sample10 .grids:nth-child(2) .price-value h2{ background:rgba(0,0,0,.0); }
.pt_single_color #sample10 .grids:nth-child(2)  .cart a span{background:rgba(0,0,0,.0);}
.pt_single_color #sample10 .grids:nth-child(2)  .price-value h5{ background:rgba(0,0,0,.1); }

.pt_single_color #sample10 .grids:nth-child(3)  .price-value h2{ background:rgba(0,0,0,.2);}
.pt_single_color #sample10 .grids:nth-child(3)  .cart a span{background:rgba(0,0,0,.2);}
.pt_single_color #sample10 .grids:nth-child(3)  .price-value h5{ background:rgba(0,0,0,.3); }

.pt_single_color #sample10 .grids:nth-child(4)  .cart a span{background:rgba(0,0,0,.4);}
.pt_single_color #sample10 .grids:nth-child(4)  .price-value h2{ background:rgba(0,0,0,.4);}
.pt_single_color #sample10 .grids:nth-child(4)  .price-value h5{ background:rgba(0,0,0,.5); }

.pt_single_color #sample10 .grids:nth-child(5)  .cart a span{background:rgba(0,0,0,.5);}
.pt_single_color #sample10 .grids:nth-child(5)  .price-value h2{ background:rgba(0,0,0,.6);}
.pt_single_color #sample10 .grids:nth-child(5)  .price-value h5{ background:rgba(0,0,0,.4); }

#sample10 .add_hover{ background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; display: none; padding:20px 0px 0px; height: 100%; left: 0; position: absolute; top: 0; text-align:center; width: 100%;}
#sample10 .add_hover .common{ background:#d3d3d3; color:#000; padding:5px 8px; border-radius:6px; font-size:12px; margin:1px 3px; display:inline; width:100%; cursor:pointer; }
#sample10 .add_hover .common i{  font-size:12px !important; color:#000 !important; margin:0px !important; font-weight:normal; }
#sample10 .add_hover .common:hover{ background:#dfdfdf;}
#sample10 .grids ul li:hover .add_hover{ display:block; }
#sample10 .grids:last-child{border-right:1px solid #e3e3e3 !important;}
#sample10 .add_hover .common .manage_edit_item_text{ vertical-align: inherit; width:auto; display:inline-block;}

#sample10 .grids:last-child .price-value:hover .pt_header_option{display:block;}
#sample10 .pt-single-header:hover .pt_header_option{display:block;}
#sample10 .pt-single-header { border: 1px solid #e3e3e3; position:relative; border-bottom:none !important; display: inline-block; width: 100%;}
#sample10 .pt-single-header > h2 { color: #FFF; font-size: 20px; height: 50px; margin: 0; padding: 0; text-align: center; width: 100%;}
#sample10 .pt-single-header label { padding: 15px; width: 100%;}
#sample10 .pt-single-header { background: #1e73be none repeat scroll 0 0; border-radius: 5px 5px 0 0; color: #fff;}

#animated  .pt_footer_option{display:none;}
.pt_footer_option {	/*border-right: 1px solid #29334c;*/    color: #fff;    float: left;   height: 45px;    position: relative;    width: 100%;	background: #4e5871 ;	border-radius: 0 0 4px 4px;}
.pt_footer_option:hover, .pt_footer_option:active, .pt_footer_option:focus {	background: #29334c none repeat scroll 0 0;   color: #fff;    outline: medium none;}
.pt_footer_option span{	 bottom: 0;    font-size: 20px;    height: 20px;    left: 0;    margin: 0 auto;    position: absolute;    right: 0;    text-shadow: none;   top: 11px;    width: 130px;	}
.pt-footer_settings { background: #4E5871;    margin: 0 auto; border: 1px solid #29334C; border-bottom:0px; width:250px; -webkit-border-radius: 3px; border-radius: 0 0 4px 4px; z-index:999;}
/*----------------------------------------------------------sample 11 ------------------------------------*/

#animated #sample11 .grids:hover .inner_grid{ border-radius:4px; transform: scale(1.04) translateY(-5px); transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;}
#animated #sample11 .grids:hover{  z-index: 1; border: none; position: relative; box-shadow: 0 0 15px rgba(0,0,0,0.1); }
#animated #sample11 .grids:hover .price-value{ background:none;}
#animated #sample11 .grids:hover ul li{ background:none; border-bottom:1px solid rgba(157,157,157,0.8)}
#animated #sample11 .grids:hover ul li:nth-child(even){ background:none;}
#animated #sample11 .grids:hover ul { background:rgba(255,255,255,.8);} 
#animated #sample11 .grids:hover h5{ background:rgba(255,255,255,.6); }
#animated #sample11 .grids:hover .cart{ background:rgba(255,255,255,.6); }
#animated #sample11 .grids:hover .cart a{ background:#fff;}
#animated #sample11 .price-value h2 span:hover{ background:none; }
#animated #sample11 .price-value h5 span:hover{ background:none; }

#sample11 .grids.active .inner_grid{ border-radius:4px; transform: scale(1.04) translateY(-5px); transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;}
#animated #sample11 .grids.active{  z-index: 1; border: none; position: relative; box-shadow: 0 0 15px rgba(0,0,0,0.1); }
#sample11 .grids.active .price-value{ background:none;}
#sample11 .grids.active ul li{ background:none; border-bottom:1px solid rgba(157,157,157,0.8)}
#sample11 .grids.active ul li:nth-child(even){ background:none;}
#sample11 .grids.active ul { background:rgba(255,255,255,.8);} 
#sample11 .grids.active h5{ background:rgba(255,255,255,.6); }
#sample11 .grids.active .cart{ background:rgba(255,255,255,.6); }
#sample11 .grids.active .cart a{ background:#fff;}

.pt_sample_bg_11{ background:#abd8f7;}
.pt_sample_color_11{ color:#2a719d !important;}

#sample11 .grids .inner_grid{ float:left; width:100%; border:1px solid #e9e9e9;}
#sample11 .grids{ float: left; text-align: center; margin-right:0%; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;
padding: 0; border: none; }
#sample11 .price-value h2{ padding:5px; height:70px; font-size:24px; font-weight: 400; width: 100%; margin:0px 0px; font-family: 'Open Sans'; display:table; float:left; }
#sample11 .price-value h2 span{display:table-cell;  text-align:center; height:60px;padding:0px 10px; font-weight: 600;  vertical-align:middle; text-align:center;}
#sample11 .price-value h2 span:hover{ background:rgba(0,0,0,0.2); }
#sample11 .price-value{  padding:0px; position: relative; float:left; width:100%; background:#fefefe;}
#sample11 .price-value h5 { text-shadow: 1px 0 1px #fff; font-family: "Open Sans"; padding:5px; float:left; width:100%; font-size: 28px; font-weight:600; word-wrap: break-word; margin:0px; display:table; text-align:center; }
#sample11 .price-value h5 span{ vertical-align: middle; height: 50px; display: table-cell; width:100%; text-align:center; }
#sample11 .price-value h5 span:hover{ background:rgba(0,0,0,0.2); }
#sample11 .price-value h5 label{ font-size:13px;}
#sample11 .grids ul li{     background:#F1F1F1 none repeat scroll 0 0; color: #364762; display: table; font-size: 14px; font-weight: 400; list-style: outside none none;
    margin: 0; float:left; height: 50px; padding: 10px; text-align: center; text-decoration: none; vertical-align: middle; width: 100%;}
#sample11 .grids ul li .fa-check{ font-size:20px; color:#56a600;}
#sample11 .grids ul li .fa-times{ font-size:20px; color:#ec4909;}
#sample11 .grids ul li span{ width:100%;  display: table-cell; height:100%; vertical-align:middle;}
#sample11 .grids ul li:nth-child(even){ background:#fff; margin:0px; }
#sample11 .price-bg { float:left; width:100%; } 
#sample11 .price-bg ul { padding: 0; float:left; width:100%; margin:0px; display:table;}
#sample11 .cart{ padding:15px 0px; display: block; float:left; width:100%; min-height:75px; background:#fff; transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; box-sizing: border-box; }
#sample11 .cart a{ color: #333; font-size: 14px; font-weight:400; text-decoration: none;  border-radius:4px; outline: none; display: inline-block; line-height:34px; border:1px solid rgba(0,0,0,0.3) }
#sample11 .cart a span{padding:0em 2em;  height: auto; float: left; width: 100%;}


#sample11 .add_hover{ background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; display: none; padding:15px 0px 0px; height: 100%; left: 0; position: absolute; top: 0; text-align:center; width: 100%;}
#sample11 .add_hover .common{ background:#d3d3d3; color:#000; padding:5px 8px; border-radius:6px; font-size:12px; margin:1px 3px; display:inline; width:100%; cursor:pointer; }
#sample11 .add_hover .common i{ font-size:12px !important; color:#000 !important; font-weight:normal; margin:0px !important;}
#sample11 .add_hover .common:hover{ background:#dfdfdf;}
#sample11 .grids ul li:hover .add_hover{ display:block; }
#sample11 .grids:last-child{border-right:1px solid #e3e3e3 !important;}
#sample11 .add_hover .common .manage_edit_item_text{ vertical-align: inherit; width:auto; display:inline-block;}



/*----------------------------------- Pricing Table 12 Table Structure -----------------------------------------*/

#animated #sample12 thead tr:nth-child(3) th:nth-child(1) span:hover{ background:none; }
#animated #sample12 thead tr:nth-child(3) h2 span:hover { background:none; }
#animated #sample12  td.inner-heading span:hover{ background:none; }
#animated #sample12 thead tr:nth-child(3) h5 label{ margin: -5px 0 0; } 
#animated #sample12 thead tr:nth-child(3) h5 span{ background:none; }

#sample12 thead tr:nth-child(3) h2 span { letter-spacing: 0;  display: table-cell;height: 60px; text-align: center; padding: 0 10px; text-align: center; vertical-align: middle; width:100%; line-height: 20px; }
#sample12 thead tr:nth-child(3) h2 span:hover{ background:rgba(255,255,255,0.3);}
#sample12 thead tr:nth-child(3) h2 {color: #fff; display: table;float: left;font-family: "Open Sans"; font-size: 18px; font-weight: 400;margin: 0;width: 100%;}
#sample12 thead tr:nth-child(3) h5 {color: #fff;  height: 60px; float: left;font-family: "Open Sans"; font-size: 28px; font-weight: 600;margin: 0; padding:5px 5px 0; width: 100%; word-wrap: break-word;}

#sample12 thead tr:nth-child(3) h5 span { line-height: 20px; min-height:20px;  min-width: 60px; padding: 0px 5px; background:rgba(255,255,255,0.3);     display: inline-block; }
#sample12 thead tr:nth-child(3) h5 label {font-size: 13px; float:left; width:100%; text-align:center; margin:0px; }
#sample12 thead tr:nth-child(3) th:nth-child(1){background:#ffffff; Color:#000; font-size: 20px; line-height:normal; }
#sample12 thead tr:nth-child(3) th:nth-child(1) label{ display:table; float: left; width: 100%; margin:0px; }
#sample12 thead tr:nth-child(3) th:nth-child(1) span{ height: 100px; display:table-cell; text-align: center; vertical-align: middle; width: 100%; }
#sample12 thead tr:nth-child(3) th:nth-child(1) span:hover{ background:rgba(0,0,0,0.2); } 
#sample12 thead tr:nth-child(3) th:nth-child(2) h2 {    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;}
#sample12 thead tr:nth-child(3) th:nth-child(2) h5 {    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;}
#sample12 thead tr:nth-child(3) th:nth-child(3) h2 {    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;}
#sample12 thead tr:nth-child(3) th:nth-child(3) h5 {    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;}
#sample12 thead tr:nth-child(3) th:nth-child(4) h2 {    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;}
#sample12 thead tr:nth-child(3) th:nth-child(4) h5 {    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;}
#sample12 thead tr th{text-align:center; padding:0 5px;}
#sample12 tbody tr td:first-child{text-align:left; line-height:normal; }
#sample12 tr:nth-child(odd)  td:first-child{background:#e3e3e3;}
#sample12 tr:nth-child(odd)  td{background: #f1f1f1 none repeat scroll 0 0;}
#sample12 tr:nth-child(even)  td{background: #ffffff none repeat scroll 0 0;}
#sample12 .section-text { text-align: center; padding: 0 25%; }

#sample12 button.regular-bt { margin: 20px; border: none; display: block; background: #D33536; color: #fff; text-transform: uppercase; font: 300 1.2rem 'Open Sans', sans-serif; padding: 7px 15px; border-radius: 5px; transition: 0.1s; }
#sample12 button:focus { box-shadow: none; outline: none; }
#sample12 button:active { box-shadow: 0px 3px 6px 0px #bc1414 inset; }
#sample12 button:hover { border-radius: 10px; }
#sample12 #pakete em { color: #000; font-weight: bold; background: #7dc160; border-bottom: 2px solid #3ca02a; padding: 0px 7px; line-height: 1.8; }
#sample12 #pakete table { border-radius: 5px; width: 100%; height: 100%; border: 1px solid #ddd; border-spacing: 0;  color: #364762; font-size: 14px; font-weight: 400; }
#sample12 #pakete thead tr th {padding:0;}
#sample12 #pakete th, #pakete td { border-right: medium none; padding:5px 0px; position: relative; text-align: center; }
#sample12 #pakete th:last-child, #pakete td:last-child { border-right: none; }
#sample12 #pakete table { border:none; }
#sample12 #pakete tr:last-child td, #pakete tr:last-child th { border-bottom:none; }

#sample12 .add_hover{ background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; display: none; padding:10px 0px 0px; height: 100%; left: 0; position: absolute; top: 0; text-align:center; width: 100%;}
#sample12 .add_hover .common{ background:#d3d3d3; color:#000; padding:5px 8px; border-radius:6px; font-size:12px; margin:1px 3px; display:inline; width:100%; cursor:pointer; }
#sample12 .add_hover .common i{ font-size:12px !important; color:#000 !important; margin:0px !important; font-weight:normal;}
#sample12 .add_hover .common:hover{ background:#dfdfdf;}
#sample12 td:hover .add_hover{ display:block; }
#sample12 .add_hover .common .manage_edit_item_text{ vertical-align: inherit; width:auto; display:inline-block;}

#sample12 .cart{display: block; float:left; width:100%; padding:5px; transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; box-sizing: border-box; }
#sample12 .cart a{ color: #FFF; font-size: 14px; font-weight:400; text-decoration: none;  border-radius:4px; outline: none; display: inline-block; line-height:34px; box-shadow: 0 1px 2px rgba(0,0,0,0.4); border:1px solid rgba(0,0,0,0.3) }
#sample12 .cart a span{padding:0em 2em;  height: auto; float: left; width: 100%;}
#sample12 .cart.cart1 td {background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;border: medium none !important;padding: 5px;text-align: left;width: auto;}
#sample12 .pt_sample_bg_12 {  background: #00ccb7 none repeat scroll 0 0; }
#sample12  td.inner-heading{padding-left:10px;}
#sample12  td.inner-heading span{ float:left; width:100%; min-height:30px; padding: 5px; }
#sample12  td.inner-heading span:hover{ background:rgba(0,0,0,0.2); }
#sample12 .front { border: 1px solid #ddd; width: 100%; }
#animated #sample12 .front { overflow-x: auto; overflow-y: hidden; }
#sample12 .grids:hover .cart a{   opacity: 0.8; }
.pt_single_color #sample12 td:nth-child(2)  .cart a span{background:rgba(0,0,0,.0);}
.pt_single_color #sample12 td:nth-child(3)  .cart a span{background:rgba(0,0,0,.2);}
.pt_single_color #sample12 td:nth-child(4)  .cart a span{background:rgba(0,0,0,.4);}
.pt_single_color #sample12 td:nth-child(5)  .cart a span{background:rgba(0,0,0,.5);}

#sample12 thead tr:nth-child(1) th h2 {color: #fff; font-size: 20px; margin: 0; padding:10px 0;text-align: center;width: 100%;}
#sample12 thead tr th:last-child:hover .pt_header_option {display: block;}
#sample12 table i.fa-check { color: #56a600; font-size: 20px;}
#sample12 table i.fa-times { color: #ec4909;font-size: 20px;}

/*--------------*/
@media(max-width:1366px){
	
}

@media(max-width:1024px){
	.pricing-grids{ width:100%;}	
}

@media(max-width:768px){
	
.pt_mob_hor .pricing-grids{
    float: left;
    overflow: auto!important;
    position: relative!important;
    width: 100%!important;
}
.pt_mob_hor .pt_grid_container {
    float: left!important;
    min-width: 800px!important;
    width: 100%!important;
}
.pt_mob_hor.pricing-plans .pricing-grids .grids{float:left !important; margin:0 !important;}
.pt_mob_hor.pricing-plans .pricing-grids .grids .inner_grid{margin-bottom:0 !important;}
.pt_mob_hor.pricing-plans .pricing-grids .grids20 .grids{	width:20%!important;}
.pt_mob_hor.pricing-plans .pricing-grids .grids25 .grids{	width:25%!important;}
.pt_mob_hor.pricing-plans .pricing-grids .grids25 .grids{	width:25%!important;}
.pt_mob_hor.pricing-plans .pricing-grids .grids33 .grids{	width:33.33%!important;}
.pt_mob_hor.pricing-plans .pricing-grids .grids50 .grids{	width:50%!important;}
.pt_mob_hor.pricing-plans .pricing-grids .grids100 .grids{	width:100%!important;}

#animated #sample1 .grids.active,
 #animated #sample1 .grids:hover,
 #animated #sample8 .active .inner_grid,
 #animated #sample8 .inner_grid:hover,
 #animated #sample9 .inner_grid:hover,
 #animated #sample9 .active .inner_grid,
 #animated #sample11 .grids:hover .inner_grid,
 #sample11 .grids.active .inner_grid,
 #animated #sample10 .grids:hover .inner_grid,
 #sample10 .grids.active .inner_grid{
		transform:none !important;
	}
	.pricing-grids .grids {
	width: 55% !important;
	float: none;
	text-align: center;
	margin: 1em auto;
	}
	.grids .inner_grid{  margin: 0 0 20px; }
	#sample2 .inner_grid{border: 1px solid #dfdbdc;}
	
	#sample10 .grids .inner_grid{border: 1px solid #dfdbdc;}
	#sample10 .column-1{ border-top:0px !important;}


}
@media(max-width:767px){

	.pricing-plans .pricing-grids .grids {
	
	float: none !important;
	text-align: center !important;
	margin: 1em auto !important;
	}
}
@media(max-width:480px){
	.pricing-plans .pricing-grids .grids {
	width: 81% !important;
	}


}


@media(max-width:320px){
	.pricing-plans .pricing-grids .grids {
	width: 100% !important;
	margin-right: 0 !important;
	}


}




.pricetable_preview_popup
{
    display: block;
    height: 841px;
    left: 90px;
    opacity: 1;
    position: fixed;
    width: 1100px;
    margin: auto;
    position: fixed;
    transition: all 0.3s linear 0s;
    background: white none repeat scroll 0 0;
    top: 50px !important;
    z-index: 9999999 !important;
}
.pricetable_preview_popup .pt_header
{
    border-bottom: 1px solid #d3d3d3;
    color: #333333;
    font-size: 26px;
    font-weight: normal;
    height: 60px;
    padding-left: 40px;
    padding-right: 40px;

}
.pricetable_preview_popup .pt_header .pt_close{
    color: #ffffff;
    cursor: pointer;
    float: right;
    font-family: FontAwesome;
    font-size: 20px;
    margin-right: -15px;
    margin-top: 5px;
}

.pricetable_preview_popup .pt_model{
    float: left;
    height: 90%;
    width: 100%;
    background: #ffffff;
}
/*New change*/
/*#sample4 .grids ul li:hover a {
    display: block;
}*/