@import url(http://fonts.googleapis.com/css?family=Ubuntu);

        /** {
            margin: 0;
            padding: 0;
        }

        body {
            font-family: Ubuntu, arial, verdana;
            background: #fff;
        }*/

        /*----------
        Blocks
        ----------*/
        /*Pricing table and price blocks*/
        .pricing_table {
            font-family: Ubuntu, arial, verdana;
            line-height: 150%;
            font-size: 12px;
            margin: 0 auto;
            /*width: 75%;*/
            /*max-width: 800px;*/
            padding-top: 10px;
            padding-left: 12px;
            /*margin-top: 100px;*/
        }

        .pricing_table_2 {
            font-family: Ubuntu, arial, verdana;
            line-height: 150%;
            font-size: 12px;
            margin: 0 auto;
            width: 80%;
            /*max-width: 800px;*/
            padding-top: 10px;
            padding-left: 12px;
            /*margin-top: 100px;*/
        }

        .price_block {
            text-align: center;
            width: 100%;
            color: #fff;
            float: left;
            list-style-type: none;
            transition: all 0.25s;
            position: relative;
            box-sizing: border-box;
            margin-bottom: 10px;
            border-bottom: 1px solid transparent;
        }

        .price_block_2 {
            text-align: center;
            width: 100%;
            color: #fff;
            float: left;
            list-style-type: none;
            transition: all 0.25s;
            position: relative;
            box-sizing: border-box;
            margin-bottom: 10px;
            border-bottom: 1px solid transparent;
        }


        /*Price heads*/
        .pricing_table h3 {
            text-transform: uppercase;
            margin: -10px 0 1px 0;
            padding: 10px 0;
            background: #F2C116;
            color: #000;
        }

        .pricing_table_2 h3 {
            text-transform: uppercase;
            margin: -10px 0 1px 0;
            padding: 10px 0;
            background: #F2C116;
            color: #000;
        }


        .pricing_table h4 {
            text-transform: uppercase;
            padding: 15px 5px;
            background: #F2C116;
            color: #000;
             margin: 0 0px 0 0;
        }
        .pricing_table_2 h4 {
            text-transform: uppercase;
            padding: 15px 5px;
            background: #F2C116;
            color: #000;
             margin: 0 0px 0 0;
        }


        /*Price tags*/
        .price {
            display: table;
            background: #444;
            width: 100%;
            height: 70px;
        }

        .price_figure {
            font-size: 24px;
            text-transform: uppercase;
            vertical-align: middle;
            display: table-cell;
        }

        .price_number {
            font-weight: bold;
            display: block;
        }

        .price_tenure {
            font-size: 12px;
        }

        /*Features*/
        .features {
            background: #EAE9E9;
            color: #000;
        }

            .features li {
                padding: 5px 2px;
                border-bottom: 1px solid #ccc;
                font-size: 14px;
                list-style-type: none;
            }

        .footer {
            padding: 15px;
            background: #EAE9E9;
        }
a.action_button {
            text-decoration: none;
            color: #fff;
            font-weight: bold;
            border-radius: 5px;
            background: linear-gradient(#666, #333);
              padding: 11px 15px;
            font-size: 13px;
            text-transform: uppercase;
        }

       input[type='submit'].action_button {
            text-decoration: none;
            color: #fff;
            font-weight: bold;
            border-radius: 5px;
            background: linear-gradient(#666, #333);
              padding: 11px 20px;
            font-size: 13px;
            text-transform: uppercase;
        }

        .price_block:hover {
            box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.5);
            transform: scale(1.04) translateY(-5px);
            z-index: 1;
            border-bottom: 0 none;
        }

       .price_block_2:hover {
            box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.5);
            transform: scale(1.04) translateY(-5px);
            z-index: 1;
            border-bottom: 0 none;
        }

            .price_block:hover .price {
                background: linear-gradient(#F2C116, #a98300);
                box-shadow: inset 0 0 45px 1px #F2C116;
            }
            .price_block_2:hover .price {
                background: linear-gradient(#F2C116, #a98300);
                box-shadow: inset 0 0 45px 1px #F2C116;
            }

            .price_block:hover h3 {
                background: #F2C116;
            }
            .price_block_2:hover h3 {
                background: #F2C116;
            }

            .price_block:hover h4 {
                background: #F2C116;
            }
            .price_block_2:hover h4 {
                background: #F2C116;
            }


            .price_block:hover .action_button {
                background: linear-gradient(#F2C116, #a98300);
            }
            .price_block_2:hover .action_button {
                background: linear-gradient(#F2C116, #a98300);
            }

            .features li img {
                vertical-align:top;
                display:inline;
            }

        @media only screen and (min-width : 480px) and (max-width : 767px) {
            .price_block {
                width: 50%;
            }

                .price_block:nth-child(odd) {
                    border-right: 1px solid transparent;
                }

                .price_block:nth-child(3) {
                    clear: both;
                }

                .price_block:nth-child(odd):hover {
                    border: 0 none;
                }
        }

        @media only screen and (min-width : 768px) {

            .price_block {
                width: 33%;
            }
            .price_block_2 {
                width: 50%;
            }
            .price_block {
                border-right: 1px solid transparent;
                border-bottom: 0 none;
            }
            .price_block_2 {
                border-right: 1px solid transparent;
                border-bottom: 0 none;
            }

                .price_block:last-child {
                    border-right: 0 none;
                }
                .price_block_2:last-child {
                    border-right: 0 none;
                }

                .price_block:hover {
                    border: 0 none;
                }
                .price_block_2:hover {
                    border: 0 none;
                }
        }


            @media only screen and (min-width : 1024px) {

            .price_block {
                width: 33%;
            }
            .price_block_2 {
                width: 50%;
            }

            .price_block {
                border-right: 1px solid transparent;
                border-bottom: 0 none;
            }
            .price_block_2 {
                border-right: 1px solid transparent;
                border-bottom: 0 none;
            }

                .price_block:last-child {
                    border-right: 0 none;
                }
                .price_block_2:last-child {
                    border-right: 0 none;
                }

                .price_block:hover {
                    border: 0 none;
                }
                .price_block_2:hover {
                    border: 0 none;
                }
        }



        .skeleton, .skeleton ul, .skeleton li, .skeleton div, .skeleton h3, .skeleton span, .skeleton p {
            border: 5px solid rgba(255, 255, 255, 0.9);
            border-radius: 5px;
            margin: 7px !important;
            background: rgba(0, 0, 0, 0.05) !important;
            padding: 0 !important;
            text-align: left !important;
            display: block !important;
            width: auto !important;
            height: auto !important;
            font-size: 10px !important;
            font-style: italic !important;
            text-transform: none !important;
            font-weight: normal !important;
            color: black !important;
        }

            .skeleton .label {
                font-size: 11px !important;
                font-style: italic !important;
                text-transform: none !important;
                font-weight: normal !important;
                color: white !important;
                border: 0 none !important;
                padding: 5px !important;
                margin: 0 !important;
                float: none !important;
                text-align: left !important;
                text-shadow: 0 0 1px white;
                background: none !important;
            }

        .skeleton {
            display: none !important;
            margin: 100px !important;
            clear: both;
        }