/* 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%;
}


.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{ display:none !important; }


.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;}


.grids .inner_grid .pt_remove_row{ right:-72px;  border-radius: 0 4px 4px 0; border-left:0px;}
.grids .pt_remove_row, .grids .pt_clone_row{ 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;     }
.grids .pt_remove_row:hover, .grids .pt_clone_row:hover{ background:#29334C;}
.grids .pt_remove_row i, .grids .pt_clone_row 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{ display:block;}
.pricing-plans .grids:last-child li:first-child:hover .pt_remove_row{ display:none;}
.pricing-plans .grids:last-child li:nth-child(2):hover .pt_remove_row{ display:none;}
.pricing-plans .grids:last-child li:first-child:hover .pt_clone_row{ width:52px; border-radius:0px 5px 5px 0px;right:-52px;}
.pricing-plans .grids:last-child li:nth-child(2):hover .pt_clone_row{ width:52px; border-radius:0px 5px 5px 0px;right:-52px; }

.grids18 .grids{ width:18%;}
.grids19 .grids{ width:19%;}
.grids20 .grids{ width:20%;}

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

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

.grids48 .grids{ width:48%;}
.grids49 .grids{ width:49%;}
.grids50 .grids{ 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;}
.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{float: left; height: 45px; width:33.33%; border-right: 1px solid #29334C; position:relative; color:#fff;}
.column_level_settings a 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;}





#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{ 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 label{display:table-cell; height:60px;padding:0px 10px; vertical-align:middle; text-align:center;}
#sample1 .price-value h2 label span{  width:100%; display:inline-block;}
#sample1 .price-value{  padding:0px; position: relative; float:left; width:100%; }
#sample1 .price-value h5 {font-family: "Open Sans"; padding:11px 10px; 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;}
#sample1 .grids ul li{ background:#fff; color: #C7C4C4; font-size: 16px; color: #364762; text-align: center; display: block; padding: 16px 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: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; 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.even{background:#f1f1f1; margin: 0;}
#sample1 .column-1 h2 label{ height:101px; 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);}


/* ----------------------------- 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; }

.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{ 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 h5 { padding:10px 0 15px 0px; 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{ float:left; width:100%; text-align:center;     font-size: 13px;}
#sample2 .price-value h5 span{ width:100%; display:inline-block;}
#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 .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;}






/*----------------------------------- 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;}

.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{ 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);}
#sample3 .price-value h2 span{display:table-cell; height:60px; color: #ffffff; vertical-align:middle; }
#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 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;} 
#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%;}
#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; }






/*----------------------------------- 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;}


.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{ -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; }
#sample4 .price-value h2 span{display:table-cell; height:70px;  vertical-align:middle; }
#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{ font-weight:400; font-size:20px;}
#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%;}
#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; }






/*----------------------------------- 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;  }

.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{ 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; }
#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 0; 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 sup{ font-weight:400; font-size:18px;  border-radius:0px 0px 8px 8px;} 
#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%;}
#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;  }




/*----------------------------------- 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;   }

.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;   -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{  padding:0px; position: relative; float:left; width:100%; }
#sample6 .price-value h5 {background:rgba(255,255,255,0.2);  padding:25px 0; color:#fff; float:left; width:100%; font-size: 30px; font-weight:400; word-wrap: break-word;border-radius:0px 0px; margin:0px; }
#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%;}
#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;  }















/*----------------------------------- 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;}

.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{ -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; padding-top:30px; }
#sample7 .price-value h2 span{display:table-cell; height:70px;  vertical-align:middle; }
#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:20px 0; 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); }
#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: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{ float:left; width:100%; text-align: center;}
#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;}

#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);}
#sample8 .price-value h2 span{display:table-cell; height:30px; color: #ffffff; vertical-align:middle; }
#sample8 .price-value{ padding:0px; position: relative; float:left; width:100%; }
#sample8 .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;  }
#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:8px 10px 8px 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%;}
#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; }




/*----------------------------------- 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);}

#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{ font-size:22px; 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:80px; vertical-align:middle; }
#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%;}
#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;}

#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{ 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 label{display:table-cell; height:60px;padding:0px 10px; vertical-align:middle; text-align:center;}
#sample10 .price-value h2 label span{  width:100%; text-align:center; display:inline;}
#sample10 .price-value{  padding:0px; position: relative; float:left; width:100%; }
#sample10 .price-value h5 {font-family: "Open Sans"; padding:10px 10px 0px 10px; color:#fff; float:left; width:100%; font-size: 28px; font-weight:600; word-wrap: break-word; margin:0px; }
#sample10 .price-value h5 span{ float:left; width:100%; line-height:20px;}
#sample10 .price-value h5 label{ font-size:13px;}
#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:nth-child(even){ background:#F1F1F1; margin:0px; }
#sample10 .price-bg { float:left; width:100%; } 
#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; 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 .column-1.grids:hover{ box-shadow:none !important; margin-top:0px !important;  }
#sample10 .column-1{ border-top:1px solid #e3e3e3 !important; 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 label{ height:101px; color:#333; padding:0px 15px 0px 15px;}
#sample10 .column-1 h2 label{ height: 119px;}
#sample10 .column-1 .price-value h2{color:#1a3e7b; font-size:20px;}
#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 10px; border-radius:6px; font-size:14px; margin:1px 5px; display:inline; width:100%; cursor:pointer; }
#sample10 .add_hover .common i{ font-size:16px; font-weight:normal;}
#sample10 .add_hover .common:hover{ background:#dfdfdf;}
#sample10 .grids ul li:hover .add_hover{ display:block; }


/*----------------------------------------------------------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;}


#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;}

#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{  font-size:24px; font-weight: 400; width: 100%; margin:0px 0px; font-family: 'Open Sans'; display:table; float:left; }
#sample11 .price-value h2 label{display:table-cell; height:60px;padding:0px 10px; font-weight: 600;  vertical-align:middle; text-align:center;}
#sample11 .price-value h2 label span{  width:100%; text-align:center; display:inline;}
#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:15px 10px 15px 10px; float:left; width:100%; font-size: 28px; font-weight:600; word-wrap: break-word; margin:0px; }
#sample11 .price-value h5 span{ float:left; width:100%;}
#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%; 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%;}













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

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

@media(max-width:768px){
	
	.pricing-grids .grids {
	width: 55%;
	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 {
	width: 65% !important;
	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;
}