@charset "utf-8";

/* Smart Pricing Tables

--------------------------------------- */



/* Open Sans google font import

--------------------------------------- */

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



html, body{

	border: 0;

	margin: 0;

	padding: 0;

	font-size: 100%;

	vertical-align: baseline;

	-webkit-font-smoothing: antialiased;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

	font: inherit;

}



/* @pricing table wrappers

---------------------------------- */

.smart-grids{ max-width:1140px; margin:0 auto; }

.smart-wrapper{ display:block; padding:20px; }

.smart-pricing,

.smart-pricing *{

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

}



.smart-pricing {

	font-family:"Open Sans", Arial, Helvetica, sans-serif;

	line-height: 1.231;

	font-weight: 400;

	font-size: 16px;

	color: #626262;

}





/* @pricing table grid

--------------------------------- */

.smart-pricing .pricing-tables,

.smart-pricing .pricing-tables .colm-list{ display:block;  position:relative; }

.smart-pricing .pricing-tables:before,

.smart-pricing .pricing-tables:after { display: table; content: ""; line-height: 0; }

.smart-pricing .pricing-tables:after{ clear: both; }



/* @pricing table columns

--------------------------------------------------------- */

.smart-pricing .pricing-tables .colm{

	min-height:1px;

	position:relative;

	float:left;

}



/* seperated pricing table columns

---------------------------------------------------------- */

.smart-pricing .separated-tables{ margin:0 -10px; }

.smart-pricing .separated-tables .colm{	padding-left:10px; padding-right:10px;}



/* pricing table columns

---------------------------------------------------------- */

.smart-pricing .six-colm .colm		{	width:16.66%;	}

.smart-pricing .five-colm .colm		{	width:20%;		}

.smart-pricing .four-colm .colm		{	width:25%;		}

.smart-pricing .three-colm .colm	{	width:33.33%; 	}

.smart-pricing .two-colm .colm		{	width:50%; 		}

.smart-pricing .one-colm .colm		{	width:100%; 	}



/* @general pricing table styling

------------------------------------------ */

.smart-pricing .pricing-tables .pricing-header{ position:relative; }

.smart-pricing .pricing-tables ul,

.smart-pricing .pricing-tables ul li,

.smart-pricing .pricing-tables .pricing-header h1,

.smart-pricing .pricing-tables .pricing-header h2{

	padding:0;

	margin:0;

}

.smart-pricing .pricing-tables .pricing-header h1,

.smart-pricing .pricing-tables .pricing-header h2{

	font-family:"Open Sans", Arial, Helvetica, sans-serif;

	font-weight:300;

}

.smart-pricing .pricing-tables ul,

.smart-pricing .pricing-tables ul li{ list-style-type:none; }

.smart-pricing .pricing-tables ul li i{ font-size:14px; margin:0 5px; }



/* @pricing table styles || elegant + dark

------------------------------------------------------------ */

.smart-pricing .dark-style .colm-list,

.smart-pricing .elegant-style .colm-list{

	-webkit-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.04);

	-moz-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.04);

	-o-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.04);

	box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.04);

	-webkit-transition: all 0.2s ease;

	-moz-transition: all 0.2s ease;

	-ms-transition: all 0.2s ease;

	-o-transition: all 0.2s ease;

	transition: all 0.2s ease;

}



.smart-pricing .dark-style ul,

.smart-pricing .elegant-style ul{ margin-left:-1px;  }

.smart-pricing .elegant-style ul {

	border: 1px solid #d2d2d2;

	background-color:#F5F5F5;

	border-top:0;

}



.smart-pricing .dark-style ul{ background: #333;  border: 1px solid #000; }

.smart-pricing .dark-style ul li,

.smart-pricing .elegant-style ul li {

	padding: 12px;

	text-align:center;

}



.smart-pricing .elegant-style ul li {

	color: #666;

	border-top:1px solid #ffffff;

	border-bottom:1px solid #d2d2d2;

	text-shadow: 0 1px rgba(255, 255, 255, 0.9);

}



.smart-pricing .dark-style ul li{

	color: #D0D0D0;

    background-color: #333;

    border: 1px solid #444;

	border-bottom:1px solid #111;

   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);

    text-shadow: 0 -1px rgba(0, 0, 0, 0.6);

}

.smart-pricing .dark-style .pricing-footer,

.smart-pricing .elegant-style .pricing-footer{

	padding: 20px;

	margin-top: -2px;

	margin-left: -1px;

	text-align: center;

}

.smart-pricing .elegant-style .pricing-footer{

	border: 1px solid #d2d2d2;

	background-color: #999;

	background-image: -webkit-linear-gradient(top,  #ccc, #999);

    background-image: -moz-linear-gradient(top,  #ccc, #999);

	background-image: -ms-linear-gradient(top,  #ccc, #999);

    background-image: -o-linear-gradient(top,  #ccc, #999);

    background-image: linear-gradient(to bottom,  #ccc, #999);

    -webkit-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5);

	-moz-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5);

	-o-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5);

    box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5);

}

.smart-pricing .dark-style .pricing-footer{

	background-color: #1C1C1C;

    background-image: -webkit-linear-gradient(top,  #1C1C1C, #070707);

    background-image: -moz-linear-gradient(top,  #1C1C1C, #070707);

	background-image: -ms-linear-gradient(top,  #1C1C1C, #070707);

    background-image: -o-linear-gradient(top,  #1C1C1C, #070707);

    background-image: linear-gradient(to bottom,  #1C1C1C, #070707);

    -webkit-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5);

	-moz-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5);

	-o-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.05);

    box-shadow: inset 0 1px #353535, inset 0 0 0 1px rgba(255, 255, 255, 0.1);

	border: 1px solid #000;

}



.smart-pricing .dark-style .pricing-header,

.smart-pricing .elegant-style .pricing-header{margin-left: -1px; text-align:center; }

.smart-pricing .pricing-tables .header-colored h1,

.smart-pricing .pricing-tables .header-colored h2{ color:#303030; }

.smart-pricing .dark-style .pricing-header h1,

.smart-pricing .elegant-style .pricing-header h1 {

	font-size: 32px;

	font-weight: 800;

	padding: 15px 15px;

	letter-spacing: 1px;

	text-transform:uppercase;

}



.smart-pricing .dark-style .pricing-header h2,

.smart-pricing .elegant-style .pricing-header h2 {

	text-transform:uppercase;

	padding: 30px 15px;

	font-size: 11px;

	font-weight:400;

}



.smart-pricing .dark-style .pricing-header h2 span,

.smart-pricing .elegant-style .pricing-header h2 span { display: block; font-size: 46px; font-weight:800; }



.smart-pricing .dark-style .pricing-header h2,

.smart-pricing .elegant-style .pricing-header h2,

.smart-pricing .dark-style .pricing-header h2 span,

.smart-pricing .elegant-style .pricing-header h2 span{

	-webkit-transition: font-size 0.4s;

	-moz-transition: font-size 0.4s;

	-ms-transition: font-size 0.4s;

	-o-transition: font-size 0.4s;

	transition: font-size 0.4s;

}



/* featured columns

----------------------------------------------------------- */

.smart-pricing .dark-style .featured-package,

.smart-pricing .elegant-style .featured-package{

	-webkit-box-shadow:rgba(0, 0, 0, 0.25) 0 0 9px 0;

	-moz-box-shadow: rgba(0, 0, 0, 0.25) 0 0 9px 0;

	-o-box-shadow: rgba(0, 0, 0, 0.25) 0 0 9px 0;

	box-shadow: rgba(0, 0, 0, 0.25) 0 0 9px 0;

	box-shadow: rgba(0,0,0,0.25) 0 0 12px 0 \0/IE9;

	margin: -20px 0 0 0;

	position:relative;

	z-index:99;

	top:0;

}



.smart-pricing .dark-style .featured-package .pricing-footer,

.smart-pricing .elegant-style .featured-package .pricing-footer{ padding:25px 20px; }

.smart-pricing .dark-style .featured-package .pricing-header h2 span,

.smart-pricing .elegant-style .featured-package .pricing-header h2 span { font-size: 62px; }



.smart-pricing .dark-style .featured-package{

	-webkit-box-shadow:rgba(0, 0, 0, 1) 0 0 9px 0;

	-moz-box-shadow: rgba(0, 0, 0, 1) 0 0 9px 0;

	-o-box-shadow: rgba(0, 0, 0, 1) 0 0 9px 0;

	box-shadow: rgba(0, 0, 0, 1) 0 0 9px 0;

	box-shadow: rgba(0,0,0,1) 0 0 12px 0 \0/IE9;

}



/* animate pricing table columns on :hover

----------------------------------------------------------- */

.smart-pricing:hover,

.smart-pricing:hover .dark-style .featured-package,

.smart-pricing:hover .elegant-style .featured-package{

	z-index:1;

	-webkit-box-shadow:none;

	-moz-box-shadow:none;

	-o-box-shadow:none;

	box-shadow:none;

}



.smart-pricing:hover .dark-style .featured-package,

.smart-pricing:hover .elegant-style .featured-package{ margin:0; }

.smart-pricing:hover .dark-style .featured-package .pricing-footer,

.smart-pricing:hover .elegant-style .featured-package .pricing-footer{ padding:20px; }

.smart-pricing:hover .dark-style .featured-package .pricing-header h2 span,

.smart-pricing:hover .elegant-style .featured-package .pricing-header h2 span { font-size:46px; }



.smart-pricing .dark-style .colm-list:hover,

.smart-pricing .elegant-style .colm-list:hover,

.smart-pricing .dark-style .featured-package:hover,

.smart-pricing .elegant-style .featured-package:hover{

	-webkit-box-shadow:rgba(0, 0, 0, 0.25) 0 0 9px 0;

	-moz-box-shadow: rgba(0, 0, 0, 0.25) 0 0 9px 0;

	-o-box-shadow: rgba(0, 0, 0, 0.25) 0 0 9px 0;

	box-shadow: rgba(0, 0, 0, 0.25) 0 0 9px 0;

	box-shadow: rgba(0,0,0,0.25) 0 0 12px 0 \0/IE9;

	margin: -20px 0 0 0;

	position:relative;

	z-index:99;

	top:0;

}



.smart-pricing .dark-style .colm-list:hover,

.smart-pricing .dark-style .featured-package:hover{

	-webkit-box-shadow:rgba(0, 0, 0, 1) 0 0 9px 0;

	-moz-box-shadow: rgba(0, 0, 0, 1) 0 0 9px 0;

	-o-box-shadow: rgba(0, 0, 0, 1) 0 0 9px 0;

	box-shadow: rgba(0, 0, 0, 1) 0 0 9px 0;

	box-shadow: rgba(0,0,0,1) 0 0 12px 0 \0/IE9;

}



.smart-pricing .dark-style .colm-list:hover .pricing-footer,

.smart-pricing .elegant-style .colm-list:hover .pricing-footer,

.smart-pricing .dark-style .featured-package:hover .pricing-footer,

.smart-pricing .elegant-style .featured-package:hover .pricing-footer{ padding:25px 20px; }

.smart-pricing .dark-style .colm-list:hover .pricing-header h2 span,

.smart-pricing .elegant-style .colm-list:hover .pricing-header h2 span,

.smart-pricing .dark-style .featured-package:hover .pricing-header h2 span,

.smart-pricing .elegant-style .featured-package:hover .pricing-header h2 span{ font-size: 62px;   }



/* features column

------------------------------------------------------ */

.smart-pricing .dark-style .features-list:hover,

.smart-pricing .elegant-style .features-list:hover{

	z-index:1;

	margin:0;

	-webkit-box-shadow:none;

	-moz-box-shadow:none;

	-o-box-shadow:none;

	box-shadow:none;

}

.smart-pricing .dark-style .features-list:hover,

.smart-pricing .elegant-style .features-list:hover{

	-webkit-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.04);

	-moz-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.04);

	-o-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.04);

	box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.04);

}



.smart-pricing .dark-style .features-list .pricing-header h2 span,

.smart-pricing .elegant-style .features-list .pricing-header h2 span,

.smart-pricing .dark-style .features-list:hover .pricing-header h2 span,

.smart-pricing .elegant-style .features-list:hover .pricing-header h2 span{

	text-transform:none;

	margin-top:46px;

	font-size:46px;

}



.smart-pricing .elegant-style .features-list ul{

	border: 1px solid #d2d2d2;

	border-bottom:0;

	margin-top:-1px;

}



.smart-pricing .dark-style .features-list ul{ border-bottom:0; }

.smart-pricing .dark-style .features-list ul li,

.smart-pricing .elegant-style .features-list ul li{ text-align:left; }



/* zebra stripped pricing tables

------------------------------------------------------------------------------- */

.smart-pricing .dark-style.stripped-tables ul li:nth-child(even) { background: #272727; }

.smart-pricing .elegant-style.stripped-tables ul li:nth-child(even) { background: #EBEBEB;  }



/* buttons

--------------------------------------------------------------- */

.smart-pricing .pricing-button{

	border:0;

	width:100%;

	height:50px;

	color:#444444;

	padding:0 1.5em;

	cursor: pointer;

	font-weight: 400;

	font-size: 1.4em;

	text-decoration:none;

	background-color:#ddd;

	font-family:"Open Sans", Arial, Helvetica, sans-serif;

	-webkit-border-radius :3px;

	-moz-border-radius :3px;

	-o-border-radius :3px;

	border-radius :3px;

	display:inline-block;

	*display:inline;

	zoom:1;

}

.smart-pricing a.pricing-button{ line-height:50px; }

.smart-pricing .pricing-button:hover,

.smart-pricing .pricing-button:active{ background:#C2C2C2; }

.smart-pricing .six-colm .pricing-button{ font-size:1em; }



/* buttons gradient IE8+

--------------------------------------------------- */

.smart-pricing .grad-button{

   border             		:1px solid rgba(0,0,0,.2);

   border-bottom      		:1px solid rgba(0,0,0,.4);

   box-shadow         		:0 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 0 rgba(255,255,255,.3);

   background-image   		:-moz-linear-gradient(top, rgba(255, 255, 255, .3), rgba(0, 0, 0, .1));

   background-image   		:-webkit-linear-gradient(top, rgba(255, 255, 255, .3), rgba(0, 0, 0, .1));

   background-image   		:-o-linear-gradient(top, rgba(255, 255, 255, .3), rgba(0, 0, 0, .1));

   background-image   		:-ms-linear-gradient(top, rgba(255, 255, 255, .3), rgba(0, 0, 0, .1));

   filter             		:progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000');

}

.smart-pricing .dark-style .grad-button{

   border             		:1px solid rgba(225,225,225,.4);

   border-bottom      		:1px solid rgba(225,225,225,.08);

   border-top      		    :1px solid rgba(225,225,225,.6);

   box-shadow         		:0 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 0 rgba(255,255,255,0);

}

.smart-pricing .grad-button:hover{

   background-image   		:-moz-linear-gradient(top, rgba(255, 255, 255, .1), rgba(0, 0, 0, .1));

   background-image   		:-webkit-linear-gradient(top, rgba(255, 255, 255, .1), rgba(0, 0, 0, .1));

   background-image   		:-o-linear-gradient(top, rgba(255, 255, 255, .1), rgba(0, 0, 0, .1));

   background-image   		:-ms-linear-gradient(top, rgba(255, 255, 255, .1), rgba(0, 0, 0, .1));

   filter            		:progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF');

}







/* top header themes + buttons

------------------------------------------------------------------------------- */

.smart-pricing .grey-btn,

.smart-pricing .grey-lite { background-color: #909090; color:#fff; }

.smart-pricing .grey-dark,

.smart-pricing .grey-btn:hover{ background-color: #808080; color:#fff; }

.smart-pricing .black-btn,

.smart-pricing .black-lite { background-color: #333333; color:#fff; }

.smart-pricing .black-dark,

.smart-pricing .black-btn:hover { background-color: #222222; color:#fff; }

.smart-pricing .blue-btn,

.smart-pricing .blue-lite{ background-color: #3399FF; color:#fff; }

.smart-pricing .blue-dark,

.smart-pricing .blue-btn:hover{ background-color: #0078F0; color:#fff; }

.smart-pricing .green-btn,

.smart-pricing .green-lite { background-color: #93C230; color:#fff;  }

.smart-pricing .green-dark,

.smart-pricing .green-btn:hover  { background-color: #7BA428; color:#fff; }

.smart-pricing .orange-btn,

.smart-pricing .orange-lite { background-color: #FFAE35; color:#fff; }

.smart-pricing .orange-dark,

.smart-pricing .orange-btn:hover{ background-color: #FF8000; color:#fff; }

.smart-pricing .red-btn,

.smart-pricing .red-lite{ background-color: #F03D00; color:#fff; }

.smart-pricing .red-dark,

.smart-pricing .red-btn:hover{ background-color: #CC3300; }



.smart-pricing .monoblue1-btn,

.smart-pricing .monoblue-top-1 { background-color: #52B5D5; color:#fff; }

.smart-pricing .monoblue-bottom-1,

.smart-pricing .monoblue1-btn:hover { background-color: #64C3DE; color:#fff; }

.smart-pricing .monoblue2-btn,

.smart-pricing .monoblue-top-2 { background-color: #3591CA; color:#fff; }

.smart-pricing .monoblue-bottom-2,

.smart-pricing .monoblue2-btn:hover { background-color: #44A3D5; color:#fff; }

.smart-pricing .monoblue3-btn,

.smart-pricing .monoblue-top-3 { background-color: #1F5F9F; color:#fff; }

.smart-pricing .monoblue-bottom-3,

.smart-pricing .monoblue3-btn:hover { background-color: #2972B0; color:#fff; }

.smart-pricing .monoblue4-btn,

.smart-pricing .monoblue-top-4 { background-color: #1A3E7B; color:#fff; }

.smart-pricing .monoblue-bottom-4,

.smart-pricing .monoblue4-btn:hover { background-color: #224A88; color:#fff; }



.smart-pricing .monogreen1-btn,

.smart-pricing .monogreen-top-1 { background-color: #83C145; color:#fff; }

.smart-pricing .monogreen-bottom-1,

.smart-pricing .monogreen1-btn:hover { background-color: #96CD56; color:#fff; }

.smart-pricing .monogreen2-btn,

.smart-pricing .monogreen-top-2 { background-color: #44982B; color:#fff; }

.smart-pricing .monogreen-bottom-2,

.smart-pricing .monogreen2-btn:hover { background-color: #55A938; color:#fff; }

.smart-pricing .monogreen3-btn,

.smart-pricing .monogreen-top-3 { background-color: #186D31; color:#fff; }

.smart-pricing .monogreen-bottom-3,

.smart-pricing .monogreen3-btn:hover { background-color: #208240; color:#fff; }

.smart-pricing .monogreen4-btn,

.smart-pricing .monogreen-top-4 { background-color: #0A4945; color:#fff; }

.smart-pricing .monogreen-bottom-4,

.smart-pricing .monogreen4-btn:hover { background-color: #0E5B56; color:#fff; }



.smart-pricing .monobrown1-btn,

.smart-pricing .monobrown-top-1 { background-color: #F0B128; color:#fff; }

.smart-pricing .monobrown-bottom-1,

.smart-pricing .monobrown1-btn:hover { background-color: #F3BF34; color:#fff; }

.smart-pricing .monobrown2-btn,

.smart-pricing .monobrown-top-2 { background-color: #ED8000; color:#fff; }

.smart-pricing .monobrown-bottom-2,

.smart-pricing .monobrown2-btn:hover { background-color: #F19300; color:#fff; }

.smart-pricing .monobrown3-btn,

.smart-pricing .monobrown-top-3 { background-color: #D85200; color:#fff; }

.smart-pricing .monobrown-bottom-3,

.smart-pricing .monobrown3-btn:hover { background-color: #E06400; color:#fff; }

.smart-pricing .monobrown4-btn,

.smart-pricing .monobrown-top-4 { background-color: #B5280B; color:#fff; }

.smart-pricing .monobrown-bottom-4,

.smart-pricing .monobrown4-btn:hover { background-color: #C3350F; color:#fff; }



.smart-pricing .monopurple1-btn,

.smart-pricing .monopurple-top-1 { background-color: #7468A4; color:#fff; }

.smart-pricing .monopurple-bottom-1,

.smart-pricing .monopurple1-btn:hover { background-color: #867CAF; color:#fff; }

.smart-pricing .monopurple2-btn,

.smart-pricing .monopurple-top-2 { background-color: #605386; color:#fff; }

.smart-pricing .monopurple-bottom-2,

.smart-pricing .monopurple2-btn:hover { background-color: #70619B; color:#fff; }

.smart-pricing .monopurple3-btn,

.smart-pricing .monopurple-top-3 { background-color: #514172; color:#fff; }

.smart-pricing .monopurple-bottom-3,

.smart-pricing .monopurple3-btn:hover { background-color: #604D87; color:#fff; }

.smart-pricing .monopurple4-btn,

.smart-pricing .monopurple-top-4 { background-color: #44315B; color:#fff; }

.smart-pricing .monopurple-bottom-4,

.smart-pricing .monopurple4-btn:hover { background-color: #533D71; color:#fff; }



.smart-pricing .monoblack1-btn,

.smart-pricing .monoblack-top-1 { background-color: #4D4D4D; color:#fff; }

.smart-pricing .monoblack-bottom-1,

.smart-pricing .monoblack1-btn:hover { background-color: #606060; color:#fff; }

.smart-pricing .monoblack2-btn,

.smart-pricing .monoblack-top-2 { background-color: #303030; color:#fff; }

.smart-pricing .monoblack-bottom-2,

.smart-pricing .monoblack2-btn:hover { background-color: #3F3F3F; color:#fff; }

.smart-pricing .monoblack3-btn,

.smart-pricing .monoblack-top-3 { background-color: #101010; color:#fff; }

.smart-pricing .monoblack-bottom-3,

.smart-pricing .monoblack3-btn:hover { background-color: #1D1D1D; color:#fff; }

.smart-pricing .monoblack4-btn,

.smart-pricing .monoblack-top-4 { background-color: #000000; color:#fff; }

.smart-pricing .monoblack-bottom-4,

.smart-pricing .monoblack4-btn:hover { background-color: #0E0E0E; color:#fff; }



.smart-pricing .bronze1-btn,

.smart-pricing .bronze-top-1 { background-color: #4D4D4D; color:#fff; }

.smart-pricing .bronze-bottom-1,

.smart-pricing .bronze1-btn:hover { background-color: #606060; color:#fff; }

.smart-pricing .bronze2-btn,

.smart-pricing .bronze-top-2 { background-color: #CD7F32; color:#fff; }

.smart-pricing .bronze-bottom-2,

.smart-pricing .bronze2-btn:hover { background-color: #D99E63; color:#fff; }

.smart-pricing .bronze3-btn,

.smart-pricing .bronze-top-3 { background-color: #101010; color:#fff; }

.smart-pricing .bronze-bottom-3,

.smart-pricing .bronze3-btn:hover { background-color: #1D1D1D; color:#fff; }

.smart-pricing .bronze4-btn,

.smart-pricing .bronze-top-4 { background-color: #CD7F32; color:#fff; }

.smart-pricing .bronze-bottom-4,

.smart-pricing .bronze4-btn:hover { background-color: #D99E63; color:#fff; }



.smart-pricing .silver1-btn,

.smart-pricing .silver-top-1 { background-color: #4D4D4D; color:#fff; }

.smart-pricing .silver-bottom-1,

.smart-pricing .silver1-btn:hover { background-color: #606060; color:#fff; }

.smart-pricing .silver2-btn,

.smart-pricing .silver-top-2 { background-color: #A1A1A1; color:#fff; }

.smart-pricing .silver-bottom-2,

.smart-pricing .silver2-btn:hover { background-color: #BFBFBF; color:#fff; }

.smart-pricing .silver3-btn,

.smart-pricing .silver-top-3 { background-color: #101010; color:#fff; }

.smart-pricing .silver-bottom-3,

.smart-pricing .silver3-btn:hover { background-color: #1D1D1D; color:#fff; }

.smart-pricing .silver4-btn,

.smart-pricing .silver-top-4 { background-color: #a1a1a1; color:#fff; }

.smart-pricing .silver-bottom-4,

.smart-pricing .silver4-btn:hover { background-color: #BFBFBF; color:#fff; }



.smart-pricing .gold1-btn,

.smart-pricing .gold-top-1 { background-color: #4D4D4D; color:#fff; }

.smart-pricing .gold-bottom-1,

.smart-pricing .gold1-btn:hover { background-color: #606060; color:#fff; }

.smart-pricing .gold2-btn,

.smart-pricing .gold-top-2 { background-color: #FDD017; color:#fff; }

.smart-pricing .gold-bottom-2,

.smart-pricing .gold2-btn:hover { background-color: #FDDB53; color:#fff; }

.smart-pricing .gold3-btn,

.smart-pricing .gold-top-3 { background-color: #101010; color:#fff; }

.smart-pricing .gold-bottom-3,

.smart-pricing .gold3-btn:hover { background-color: #1D1D1D; color:#fff; }

.smart-pricing .gold4-btn,

.smart-pricing .gold-top-4 { background-color: #FDD017; color:#fff; }

.smart-pricing .gold-bottom-4,

.smart-pricing .gold4-btn:hover { background-color: #FDDB53; color:#fff; }



.smart-pricing .platinum1-btn,

.smart-pricing .platinum-top-1 { background-color: #4D4D4D; color:#fff; }

.smart-pricing .platinum-bottom-1,

.smart-pricing .platinum1-btn:hover { background-color: #606060; color:#fff; }

.smart-pricing .platinum2-btn,

.smart-pricing .platinum-top-2 { background-color: #888786; color:#fff; }

.smart-pricing .platinum-bottom-2,

.smart-pricing .platinum2-btn:hover { background-color: #A7A6A5; color:#fff; }

.smart-pricing .platinum3-btn,

.smart-pricing .platinum-top-3 { background-color: #101010; color:#fff; }

.smart-pricing .platinum-bottom-3,

.smart-pricing .platinum3-btn:hover { background-color: #1D1D1D; color:#fff; }

.smart-pricing .platinum4-btn,

.smart-pricing .platinum-top-4 { background-color: #888786; color:#fff; }

.smart-pricing .platinum-bottom-4,

.smart-pricing .platinum4-btn:hover { background-color: #A7A6A5; color:#fff; }





/* @ribbon

----------------------------------------- */

.smart-pricing .ribbon,

.smart-pricing .ribbon-large{

	width:75px;

	height:78px;

	overflow:hidden;

	position:absolute;

	right: -2px;

	top: -2px;

	z-index:1;

}



.smart-pricing .ribbon-inner{

	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;

	-webkit-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.15);

	-moz-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.15);

	-o-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.15);

	box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.15);

	-webkit-transform: translate3d(0, 0, 0);

	-webkit-backface-visibility: hidden;

	-webkit-perspective: 1000;

	-webkit-transform:rotate(45deg);

	-moz-transform:rotate(45deg);

	-ms-transform:rotate(45deg);

	-o-transform:rotate(45deg);

	transform:rotate(45deg);

	letter-spacing:4px;

	text-align:center;

	position:relative;

	font-weight:700;

	font-size:14px;

	padding:7px 0;

	width:100px;

	color:#fff;

	z-index:1;

	left:3px;

	top:6px;

}



.smart-pricing .ribbon-inner:before,

.smart-pricing .ribbon-inner:after{

	content:"";

	border-top:3px solid;

	border-left:3px solid transparent;

	border-right:3px solid transparent;

	position:absolute;

	bottom:-3px;

}



.smart-pricing .ribbon-inner:before{ left:0px; }

.smart-pricing .ribbon-inner:after{ right:0px; }

.smart-pricing .ribbon-large{ width:115px; height:118px; }

.smart-pricing .ribbon-large .ribbon-inner{

	width:160px;

	left:-8px;

	top:28px;

}



.smart-pricing .ribbon-inner-green{ background:#0E993C; }

.smart-pricing .ribbon-inner-green:before,

.smart-pricing .ribbon-inner-green:after{ border-top-color:#0B792F; }



.smart-pricing .ribbon-inner-lite-green{ background: #4ebd4a; }

.smart-pricing .ribbon-inner-lite-green:before,

.smart-pricing .ribbon-inner-lite-green:after{ border-top-color:#3c9b39; }



.smart-pricing .ribbon-inner-black{ background:#333333; }

.smart-pricing .ribbon-inner-black:before,

.smart-pricing .ribbon-inner-black:after{ border-top-color:#111111; }



.smart-pricing .ribbon-inner-red{ background: #ee4f3d; }

.smart-pricing .ribbon-inner-red:before,

.smart-pricing .ribbon-inner-red:after{ border-top-color:#e42914; }



.smart-pricing .ribbon-inner-yellow{ background: #faa226; }

.smart-pricing .ribbon-inner-yellow:before,

.smart-pricing .ribbon-inner-yellow:after{ border-top-color:#e88a05; }



.smart-pricing .ribbon-inner-purple{ background:#9464e2; }

.smart-pricing .ribbon-inner-purple:before,

.smart-pricing .ribbon-inner-purple:after{ border-top-color:#7639da; }



.smart-pricing .ribbon-inner-blue{ background: #00acee;}

.smart-pricing .ribbon-inner-blue:before,

.smart-pricing .ribbon-inner-blue:after{ border-top-color:#0087bb; }



/* tooltips

------------------------------------------------- */

.sptip{

	text-decoration: none;

	position: relative;

	margin-left:4px;

	outline: none;

	float: right;

	cursor: help;

}



.sptip .sptip-content {

	-webkit-transition: margin 0.6s, opacity 0.6s, visibility 0.6s;

	-moz-transition: margin 0.6s, opacity 0.6s, visibility 0.6s;

	-ms-transition: margin 0.6s, opacity 0.6s, visibility 0.6s;

	-o-transition: margin 0.6s, opacity 0.6s, visibility 0.6s;

	transition: margin 0.6s, opacity 0.6s, visibility 0.6s;

	margin-bottom: -20px;

	padding: 0.8em 1em;

	position: absolute;

	visibility:hidden;

	text-shadow:none;

	text-align:left;

	left: -9999em;

	bottom: 100%;

	color: #fff;

	opacity:0;



}



.sptip:hover .sptip-content{

	visibility: visible;

	background-color: #000;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	margin-bottom:10px;

	opacity: 0.95;

	width: 14em;

	z-index:99;

	left:-12em;

}



.sptip .sptip-content:after {

	content: '';

	position: absolute;

	border-top: 8px solid #000;

	border-right: 8px solid transparent;

	border-left: 8px solid transparent;

	right:12px;

	top:100%;

}



/* @responsive adjustments for mobile + tablet devices

--------------------------------------------------------------------- */

@media only screen and (min-width: 769px) and (max-width: 980px) {

	.smart-pricing .six-colm .pricing-button,

	.smart-pricing .four-colm .pricing-button,

	.smart-pricing .five-colm .pricing-button{ font-size:1em; }

	.smart-pricing .six-colm .pricing-button{ font-size:1.4em; }

	.smart-pricing .six-colm ul li,

	.smart-pricing .four-colm ul li,

	.smart-pricing .five-colm ul li{ font-size:13px; }

	.smart-pricing .six-colm .pricing-button{ font-size:1.4em; }

	.smart-pricing .six-colm .colm,

	.smart-pricing .five-colm .colm{ width:33.33%;  margin-bottom:25px; }

	.smart-pricing .four-colm .colm{ width:50%;  margin-bottom:25px; }

}



@media (max-width: 768px) {

	.smart-pricing:hover,

	.smart-pricing:hover .dark-style .featured-package,

	.smart-pricing:hover .elegant-style .featured-package,

	.smart-pricing .dark-style .colm-list:hover,

	.smart-pricing .dark-style .featured-package:hover,

	.smart-pricing .dark-style .featured-package,

	.smart-pricing .elegant-style .featured-package,

	.smart-pricing .dark-style .colm-list:hover,

	.smart-pricing .elegant-style .colm-list:hover,

	.smart-pricing .dark-style .featured-package:hover,

	.smart-pricing .elegant-style .featured-package:hover{

		-webkit-box-shadow:none;

		-moz-box-shadow:none;

		-o-box-shadow:none;

		box-shadow:none;

		z-index:1;

	}

	.smart-pricing:hover .dark-style .featured-package,

	.smart-pricing:hover .elegant-style .featured-package{ margin:0; }

	.smart-pricing:hover .dark-style .featured-package .pricing-footer,

	.smart-pricing:hover .elegant-style .featured-package .pricing-footer,

	.smart-pricing .dark-style .colm-list:hover .pricing-footer,

	.smart-pricing .elegant-style .colm-list:hover .pricing-footer,

	.smart-pricing .dark-style .featured-package .pricing-footer,

	.smart-pricing .elegant-style .featured-package .pricing-footer,

	.smart-pricing .dark-style .featured-package:hover .pricing-footer,

	.smart-pricing .elegant-style .featured-package:hover .pricing-footer{ padding:20px; }

	.smart-pricing .dark-style .featured-package .pricing-header h2 span,

	.smart-pricing .elegant-style .featured-package .pricing-header h2 span,

	.smart-pricing:hover .dark-style .featured-package .pricing-header h2 span,

	.smart-pricing:hover .elegant-style .featured-package .pricing-header h2 span,

	.smart-pricing .dark-style .colm-list:hover .pricing-header h2 span,

	.smart-pricing .elegant-style .colm-list:hover .pricing-header h2 span,

	.smart-pricing .dark-style .featured-package:hover .pricing-header h2 span,

	.smart-pricing .elegant-style .featured-package:hover .pricing-header h2 span { font-size:46px; }

	.smart-pricing .dark-style .colm-list:hover,

	.smart-pricing .elegant-style .colm-list:hover,

	.smart-pricing .dark-style .featured-package:hover,

	.smart-pricing .elegant-style .featured-package:hover{

		margin:0 0 0 0;

		position:relative;

		top:0;

	}



	.smart-pricing .pricing-tables{ margin:0;  }

	.smart-pricing .five-colm .colm,

	.smart-pricing .four-colm .colm,

	.smart-pricing .pricing-tables .colm-list{

		margin-top:0;

		margin-bottom:30px;

	}

	.smart-pricing .pricing-tables .colm{

		width: 100%;

		float:none;

		padding:0;

	}

	.smart-pricing .six-colm .pricing-button{ font-size:1.4em; }

	.smart-pricing .comparison-table .features-list{ display:none; }

    .smart-pricing .comparison-table ul li:before {

			font-weight:700;

            content: attr(data-feature);

			text-align: center;

			margin-bottom:5px;

            display: block;

     }

}