@charset "utf-8";
/* Smart Pricing Tables
--------------------------------------- */

/* Open Sans google font import
--------------------------------------- */
@import url("https://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:660px; 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: 12px;
    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: #f9f9f9;
    background-image: -webkit-linear-gradient(top,  #fbfbfb, #ededed);
    background-image: -moz-linear-gradient(top,  #fbfbfb, #ededed);
    background-image: -ms-linear-gradient(top,  #fbfbfb, #ededed);
    background-image: -o-linear-gradient(top,  #fbfbfb, #ededed);
    background-image: linear-gradient(to bottom,  #fbfbfb, #ededed);
    -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:#fff; }
.smart-pricing .dark-style .pricing-header h1,
.smart-pricing .elegant-style .pricing-header h1 {
    font-size: 13px;
    font-weight: 400;
    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: 10px 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: 32px; font-weight:300; }

.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: 48px; }

.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:32px; }

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

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

.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:40px;
    color:#444444;
    padding:0 0em;
    cursor: pointer;
    font-weight: 400;
    font-size: 1.3em;
    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; }


/* @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:95px; height:98px; }
.smart-pricing .ribbon-large .ribbon-inner{
    width:160px;
    left:-20px;
    top:20px;
}

.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: #666666;
    opacity:0;
}

.sptip:hover .sptip-content{
    visibility: visible;
    background-color: #D0E0F4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom:10px;
    opacity: 0.95;
    width: 28em;
    z-index:100;
    left:-12em;
        -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 10px 10px 0px rgba(0, 0, 0, 0.2);
}

.sptip .sptip-content:after {
    content: '';
    position: absolute;
    border-top: 16px solid #D0E0F4;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
    right:165px;
    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;
    }
}