#mega_info_bar { position: relative } #mega_info_bar .mega_hvr_btn { display: table; margin: 10px 0; text-decoration: none; transition: background .3s ease, color .3s ease } #mega_info_bar .mega_wrap img { display: block; margin: 0 auto } #mega_info_bar a { text-shadow: none } #mega_info_bar .mega_content { padding-bottom: 20px; overflow: hidden } #mega_info_bar .mega_content .mega_hvr_btn:hover { text-decoration: none } #mega_info_bar .mega_content h1, #mega_info_bar .mega_content h2, #mega_info_bar .mega_content h3, #mega_info_bar .mega_content h4, #mega_info_bar .mega_content p { margin: 5px 0 } .Clearfix { clear: both } #mega_info_bar_2 { position: relative } #mega_info_bar_2 .mega_hvr_btn { margin-bottom: 15px; text-decoration: none; display: inline-block; transition: background .3s ease, color .3s ease } #mega_info_bar_2 .mega_hvr_btn:hover { text-decoration: none } #mega_info_bar_2 .mega_wrap img { display: block; margin: 0 auto } #mega_info_bar_2 a { text-shadow: none } #mega_info_bar_2 .mega_content { overflow: hidden; padding-top: 10px; text-align: center } #mega_info_bar_2 .mega_content h1, #mega_info_bar_2 .mega_content h2, #mega_info_bar_2 .mega_content h3, #mega_info_bar_2 .mega_content h4, #mega_info_bar_2 .mega_content p { margin: 5px 0 } .ribbon { position: absolute; right: -5px; top: -5px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right } .ribbon span { font-size: 10px; font-weight: 700; color: #fff; text-transform: uppercase; text-align: center; line-height: 20px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 100px; display: block; background: #79a70a; box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 19px; right: -21px } .ribbon span::before { content: ""; position: absolute; left: 0; top: 100%; z-index: -1; border-left: 3px solid #79a70a; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #79a70a } .ribbon span::after { content: ""; position: absolute; right: 0; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #79a70a; border-bottom: 3px solid transparent; border-top: 3px solid #79a70a } @media only screen and (max-width:768px) { #mega_info_bar_2 .mega_wrap img { height: auto!important } #mega_info_bar .mega_wrap img { height: auto!important } } @media only screen and (max-width:480px) { #mega_info_bar .mega_content, #mega_info_bar .mega_wrap { float: inherit!important; width: 100%!important; text-align: center } #mega_info_bar img { margin: 0 auto; display: block } }.price_table_1 { border-radius: 5px } .price_table_1 .content { width: 100%; padding: 0 } .price_table_1 img { display: block; margin: 7px auto; border-radius: 8px } .price_table_1 ul { list-style: none; font-size: 15px; padding: 0; margin: 0!important } .uae_pricing_table .disable_item { text-decoration: line-through; opacity: .7 } .price_table_1 li { border-bottom: 1px solid #494a5a; padding: 9px 0; margin: 0; text-align: center; list-style-type: none } .price_table_1 li:last-child { border-bottom: none } .price_table_1 .whole { display: inline-block } .price_table_1 .type { border-radius: 5px 5px 0 0; background-color: #eac80d; height: 55px; position: relative } .price_table_1 .type p { font-size: 22px; text-transform: uppercase; color: #fff; text-align: center; padding-top: 8px } .price_table_1 .plan { border-radius: 0 0 5px 5px; text-align: center } .price_table_1 .plan .amount { font: icon; font-size: 82px; } .price_table_1 .standard { background-color: #1abc9c; border-bottom: 3px solid #18937b } .price_table_1 .header { border-bottom: 1px solid #494a5a; padding-bottom: 30px; font-size: 30px } .price_table_1 .price_curr { vertical-align: top; position: absolute; margin-top: 16px; margin-left: -19px; display: inline-block } .price_table_1 .month { font-size: 14px; color: #575757; padding: 0; margin: -10px 0; text-align: center } .price .price-btn { color: #fff; background: #34495e; border-bottom: 2px solid #263849; padding: 10px 0; border-radius: 4px; font-size: 18px; text-decoration: none; display: block; width: 100% } .price .price-btn:hover { top: 1px; outline: 0; -webkit-box-shadow: none; box-shadow: none } .price_table_1 .price { padding: 20px 10px 10px; border-top: 1px solid #494a5a } .ribbonstyle3::before { content: "Featured"; position: absolute; width: auto; background: #00c853; color: #fff; top: 35px; right: -17px; z-index: 10; font-size: 12px; font-weight: 600; text-transform: uppercase; padding: 5px 10px; } .ribbonstyle3::after { content: ""; position: absolute; top: 20px; right: -17px; width: 0; height: 0; border-bottom: 15px solid #00c853; border-right: 15px solid transparent; z-index: 9; opacity: .9; } .price_table_1 .ribbonstyle3::before, .price_table_1 .ribbonstyle3::after { right: -15px; } .mega-price-table-6 .ribbonstyle3::before, .mega-price-table-8 .ribbonstyle3::before, .mega-price-table-6 .ribbonstyle3::after, .mega-price-table-8 .ribbonstyle3::after { right: -15px; } .price_table_1 .ribbon-right { right: -5px; top: -5px; } .ribbon-right { position: absolute; right: -6px; top: -6px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right; font-weight: 500; } .ribbon-right span { font-size: 10px; font-weight: 700; color: #FFF; text-transform: uppercase; text-align: center; line-height: 20px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 100px; display: block; background: #79A70A; background: linear-gradient(#05EFF7 0, #087F8F 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 19px; right: -21px } .ribbon-right span::after, .ribbon-right span::before { content: ""; top: 100%; border-bottom: 3px solid transparent; border-top: 3px solid #087F8F; position: absolute; z-index: -1; font-weight: 500; } .ribbon-right span::before { left: 0; border-left: 3px solid #087F8F; border-right: 3px solid transparent } .ribbon-right span::after { right: 0; border-left: 4px solid transparent; border-right: 3px solid #087F8F } .mega-price-table-2 .pricing-table { color: #fff; text-align: left; font-size: 16px; width: 100%; max-width: 1000px } .mega-price-table-2 .pricing-table img { position: absolute; left: 0; top: 0; height: 100%; z-index: -1 } .mega-price-table-2 .pricing-table .plan { /*margin: 0 .5%;*/ width: 100%; position: relative; float: left; background-color: #222f3d; border-radius: 8px } .mega-price-table-2 .pricing-table .plan.hover i, .mega-price-table-2 .pricing-table .plan:hover i { -webkit-transform: scale(1.2); transform: scale(1.2) } .mega-price-table-2 .pricing-table * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .25s ease-out; transition: all .25s ease-out } .mega-price-table-3 *, .mega-price-table-4>.pricing-table * { -webkit-box-sizing: border-box; -webkit-transition: all .25s ease-out } .mega-price-table-2 .pricing-table header { color: #fff } .mega-price-table-2 .pricing-table .plan-title { line-height: 60px; position: relative; margin: 0; padding: 0 20px; font-size: 1.3em; letter-spacing: 2px; font-weight: 700 } .mega-price-table-2 .pricing-table .plan-title:after { position: absolute; content: ''; top: 100%; left: 20px; width: 30px; height: 3px; background-color: #fff } .mega-price-table-2 .pricing-table .plan-cost { padding: 0 20px; margin: 10px 0 } .mega-price-table-2 .pricing-table .plan-price { font-weight: 400; font-size: 2em; margin: 10px 0; display: inline-block } .mega-price-table-2 .pricing-table .plan-type { opacity: .8; font-size: .7em; text-transform: uppercase } .mega-price-table-2 .pricing-table .price-content ul { padding: 0 0 20px; margin: 0; list-style: none; font-size: .9em } .mega-price-table-2 .pricing-table .price-content ul li { padding: 8px 20px; color: #000 } .mega-price-table-2 .pricing-table .price-content i { margin-right: 8px; color: rgba(255, 255, 255, .5) } .mega-price-table-2 .pricing-table .plan-select { border-top: 1px solid rgba(0, 0, 0, .2); padding: 20px; text-align: center } .mega-price-table-2 .pricing-table .plan-select a { background-color: #156dab; color: #fff; text-decoration: none; padding: 12px 20px; font-size: .75em; font-weight: 600; border-radius: 8px; text-transform: uppercase; letter-spacing: 4px; display: inline-block } .mega-price-table-2 .pricing-table .featured { z-index: 1; border-radius: 8px; background-color: #156dab } .mega-price-table-2 .pricing-table .featured .plan-select { padding: 30px 20px } .mega-price-table-2 .pricing-table .featured .plan-select a { background-color: #10507e } @media only screen and (max-width:767px) { .mega-price-table-2 .pricing-table .plan { width: 49%; margin: .5% } .mega-price-table-2 .pricing-table .plan-select a, .mega-price-table-2 .pricing-table .plan-title { -webkit-transform: translateY(0); transform: translateY(0) } .mega-price-table-2 .pricing-table .featured .plan-select, .mega-price-table-2 .pricing-table .plan-select { padding: 20px } .mega-price-table-2 .pricing-table .featured { margin-top: 0 } .mega-price-table-2 .pricing-table .featured header { line-height: 70px } } @media only screen and (max-width:440px) { .mega-price-table-2 .pricing-table .plan { margin: .5% 0; width: 100% } } .mega-price-table-3 { font-family: 'Source Sans Pro', Arial, sans-serif; color: #fff; text-align: left; font-size: 16px; width: 100%; max-width: 1000px } .mega-price-table-3 img { position: absolute; left: 0; top: 0; height: 100%; z-index: -1 } .mega-price-table-3 .plan { margin: 0; width: 100%; position: relative; float: left; /*overflow: hidden;*/ border-top: 1px solid #333; border-bottom: 1px solid #333; box-shadow: 0 0 5px rgba(0, 0, 0, .3); background-color: #1a1a1a } .mega-price-table-3 .plan.hover i, .mega-price-table-3 .plan:hover i { -webkit-transform: scale(1.2); transform: scale(1.2) } .mega-price-table-3 .plan:first-of-type { border-radius: 8px 0 0 8px; border-left: 1px solid #333 } .mega-price-table-3 .plan:last-of-type { border-radius: 0 8px 8px 0; border-right: 1px solid #333 } .mega-price-table-3 * { box-sizing: border-box; transition: all .25s ease-out } .mega-price-table-3 header { line-height: 70px; color: #fff } .mega-price-table-3 .plan-title { background-color: #156dab; position: relative; margin: 20px 0; padding: 0 20px; text-transform: uppercase; letter-spacing: 2px; line-height: 70px } .mega-price-table-3 .plan-title .price-title-span { position: absolute; content: ''; top: 100%; left: 20px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0; border-color: #156dab transparent transparent } .mega-price-table-3 .plan-cost { position: absolute; top: 0; right: 0; padding: 0 20px; text-align: right } .mega-price-table-3 .plan-price { font-weight: 600; font-size: 1.8em } .mega-price-table-3 .plan-type { opacity: .8; font-size: .7em; text-transform: uppercase } .mega-price-table-3 .price-content ul { padding: 0 0 20px; margin: 0; list-style: none; font-size: .9em } .mega-price-table-3 .price-content ul li { padding: 8px 20px } .mega-price-table-3 .price-content ul i { margin-right: 8px; color: rgba(255, 255, 255, .5) } .mega-price-table-3 .plan-select { border-top: 1px solid rgba(0, 0, 0, .2); padding: 20px; text-align: center } .mega-price-table-3 .plan-select a { background-color: #156dab; color: #fff; text-decoration: none; padding: 12px 20px; font-size: .75em; font-weight: 600; border-radius: 20px; text-transform: uppercase; letter-spacing: 4px; display: inline-block } .mega-price-table-3 .plan-select a:hover { background-color: #1b8ad8 } .mega-price-table-3 .featured { margin-top: -10px; box-shadow: 0 0 25px rgba(0, 0, 0, .4); z-index: 1; border-radius: 8px; border: 1px solid #333 } .mega-price-table-3 .featured header { line-height: 90px } .mega-price-table-3 .featured .plan-select { padding: 30px 20px } @media only screen and (max-width:767px) { .mega-price-table-3 .plan { width: 50% } .mega-price-table-3 .plan-select a, .mega-price-table-3 .plan-title { -webkit-transform: translateY(0); transform: translateY(0) } .mega-price-table-3 .featured .plan-select, .mega-price-table-3 .plan-select { padding: 20px } .mega-price-table-3 .featured { margin-top: 0 } .mega-price-table-3 .featured header { line-height: 70px } } @media only screen and (max-width:440px) { .mega-price-table-3 .plan { width: 100% } } .mega-price-table-4>.pricing-table { color: #fff; text-align: left; font-size: 16px; width: 100%; max-width: 1000px } .mega-price-table-4>.pricing-table img { position: absolute; left: 0; top: 0; height: 100%; z-index: -1 } .mega-price-table-4>.pricing-table .plan { margin: 0; width: 100%; position: relative; float: left; /*overflow: hidden;*/ border: 3px solid #442232; box-shadow: 0 0 5px rgba(0, 0, 0, .3); background-color: #5f3047 } .mega-price-table-4>.pricing-table .plan.hover i, .mega-price-table-4>.pricing-table .plan:hover i { -webkit-transform: scale(1.2); transform: scale(1.2) } .mega-price-table-4>.pricing-table .plan:first-of-type { border-radius: 8px 0 0 8px } .mega-price-table-4>.pricing-table .plan:last-of-type { border-radius: 0 8px 8px 0 } .mega-price-table-4>.pricing-table * { box-sizing: border-box; transition: all .25s ease-out } .mega-price-table-4>.pricing-table header { color: #fff } .mega-price-table-4>.pricing-table .plan-title { background-color: rgba(0, 0, 0, .5); position: relative; margin: 0; padding: 20px 20px 0; text-transform: uppercase; letter-spacing: 4px } .mega-price-table-4>.pricing-table .plan-title:after { position: absolute; content: ''; top: 100%; left: 0; width: 0; height: 0; border-style: solid; border-width: 40px 300px 0 0; border-color: rgba(0, 0, 0, .5) transparent transparent } .mega-price-table-4>.pricing-table .plan-cost { padding: 40px 20px 10px; text-align: right } .mega-price-table-4>.pricing-table .plan-price { font-weight: 400; font-size: 3em } .mega-price-table-4>.pricing-table .plan-type { opacity: .8; font-size: .7em; text-transform: uppercase } .mega-price-table-4>.pricing-table .price-content ul { padding: 0; margin: 0; list-style: none } .mega-price-table-4>.pricing-table .price-content ul li { padding: 8px 5% } .mega-price-table-4>.pricing-table .price-content ul i { margin-right: 8px; color: rgba(0, 0, 0, .5) } .mega-price-table-4>.pricing-table .plan-select { border-top: 1px solid rgba(0, 0, 0, .2); padding: 20px; text-align: center } .mega-price-table-4>.pricing-table .plan-select a { background-color: #442232; color: #fff; text-decoration: none; padding: 12px 20px; font-size: .75em; font-weight: 600; border-radius: 20px; text-transform: uppercase; letter-spacing: 4px; display: inline-block } .mega-price-table-4>.pricing-table .plan-select a:hover { background-color: #552a3f } .mega-price-table-4>.pricing-table .featured { margin-top: -10px; border-color: #331926; box-shadow: 0 0 25px rgba(0, 0, 0, .4); z-index: 1; border-radius: 8px } .mega-price-table-4>.pricing-table .featured .plan-select { padding: 30px 20px } @media only screen and (max-width:767px) { .mega-price-table-4>.pricing-table .plan { width: 50% } .mega-price-table-4>.pricing-table .plan-select a, .mega-price-table-4>.pricing-table .plan-title { -webkit-transform: translateY(0); transform: translateY(0) } .mega-price-table-4>.pricing-table .featured .plan-select, .mega-price-table-4>.pricing-table .plan-select { padding: 20px } .mega-price-table-4>.pricing-table .featured { margin-top: 0 } } @media only screen and (max-width:440px) { .mega-price-table-4>.pricing-table .plan { width: 100% } } .mega-price-table-5>.pricing-table { color: #000; text-align: center; font-size: 16px; width: 100%; max-width: 1000px } .mega-price-table-5>.pricing-table .plan { margin: 0; width: 100%; position: relative; float: left; /*overflow: hidden;*/ background-color: #e6e6e6; border: 5px solid #1e1e1e; box-shadow: 0 0 5px rgba(0, 0, 0, .3) } .mega-price-table-5>.pricing-table .plan.hover i, .mega-price-table-5>.pricing-table .plan:hover i { -webkit-transform: scale(1.2); transform: scale(1.2) } .mega-price-table-5>.pricing-table * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .25s ease-out; transition: all .25s ease-out } .mega-price-table-5>.pricing-table .header { position: relative; background-color: #191919; color: #fff; padding: 20px } .mega-price-table-5>.pricing-table .header .price-title5-span { width: 0; height: 0; border-style: solid; border-width: 24px 150px 0; border-color: #191919 transparent transparent; content: ''; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .mega-price-table-5>.pricing-table .plan-title { top: 0; margin: 8px 0; text-transform: uppercase; font-weight: 400; letter-spacing: 1px } .mega-price-table-5>.pricing-table .plan-cost { margin: 8px 0 0 } .mega-price-table-5>.pricing-table .plan-price { font-weight: 400; font-size: 2em; color: #fff } .mega-price-table-5>.pricing-table .plan-type { opacity: .8; color: #fff; font-size: .7em; text-transform: uppercase } .mega-price-table-5>.pricing-table .price-content ul { padding: 40px 0 0; margin: 0; list-style: none; font-size: .8em } .mega-price-table-5>.pricing-table .price-content ul li { padding: 10px 5%; font-weight: 500 } .mega-price-table-5>.pricing-table .price-content ul li:nth-child(even) { background: rgba(0, 0, 0, .08) } .mega-price-table-5>.pricing-table .price-content ul i { margin-right: 8px; opacity: 1 } .mega-price-table-5>.pricing-table .plan-select { border-top: 1px solid rgba(0, 0, 0, .2); padding: 20px } .mega-price-table-5>.pricing-table .plan-select a { background-color: #1e1e1e; color: #fff; text-decoration: none; padding: 12px 20px; font-size: .75em; font-weight: 600; text-transform: uppercase; display: inline-block } .mega-price-table-5>.pricing-table .plan-select a:hover { background-color: #2b2b2b } .mega-price-table-5>.pricing-table .featured .header, .mega-price-table-5>.pricing-table .featured .plan-select a { background-color: #222f3d } .mega-price-table-5>.pricing-table .featured { border: 5px solid #2b3c4e; box-shadow: 0 0 20px rgba(0, 0, 0, .3); z-index: 1 } .mega-price-table-5>.pricing-table .featured .header .price-title5-span { border-color: #222f3d transparent transparent } .mega-price-table-5>.pricing-table .featured .plan-select { padding: 30px 20px } @media only screen and (max-width:767px) { .mega-price-table-5>.pricing-table .plan { width: 50% } .mega-price-table-5>.pricing-table .plan-select a, .mega-price-table-5>.pricing-table .plan-title { -webkit-transform: translateY(0); transform: translateY(0) } .mega-price-table-5>.pricing-table .featured .plan-select, .mega-price-table-5>.pricing-table .plan-select { padding: 20px } .mega-price-table-5>.pricing-table .featured { margin-top: 0 } } @media only screen and (max-width:440px) { .mega-price-table-5>.pricing-table .plan { width: 100% } } .mega-price-table-6 .pricing-table6 { color: #000; text-align: center; font-size: 16px; width: 100%; max-width: 1000px; margin: 0 1px } .mega-price-table-6 .pricing-table6 h4 { color: #fff; font-weight: 400 } .mega-price-table-6 .pricing-table6 .plan { margin: 0; width: 100%; position: relative; float: left; background-color: #e6e6e6; border: 1px solid #191919; box-shadow: 0 0 5px rgba(0, 0, 0, .3) } .mega-price-table-6 .pricing-table6 .plan.hover i, .mega-price-table-6 .pricing-table6 .plan:hover i { -webkit-transform: scale(1.2); transform: scale(1.2) } .mega-price-table-6 .pricing-table6 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .25s ease-out; transition: all .25s ease-out } .mega-price-table-6 .pricing-table6 .header { position: relative; background-color: #262626; color: #fff; padding: 20px } .mega-price-table-6 .pricing-table6 .header i { font-size: 56px; margin: 8px 0; display: inline-block; color: #fff; } .mega-price-table-6 .pricing-table6 .plan-title { top: 0; margin: 8px 0; text-transform: uppercase; font-weight: 400; letter-spacing: 1px } .mega-price-table-6 .pricing-table6 .plan-cost { margin: 8px 0 } .mega-price-table-6 .pricing-table6 .plan-price { font-weight: 400; font-size: 1.3em; color: #fff } .mega-price-table-6 .pricing-table6 .plan-type { opacity: .8; color: #fff; font-size: .7em; text-transform: uppercase } .mega-price-table-6 .pricing-table6 .price-content ul { padding: 0; margin: 0; text-align: center; list-style: none; font-size: .8em } .mega-price-table-6 .pricing-table6 .price-content ul li { border-top: 1px solid rgba(0, 0, 0, .2); padding: 10px 5%; font-weight: 500 } .mega-price-table-6 .pricing-table6 .price-content ul i { margin-right: 8px; opacity: .4 } .mega-price-table-6 .pricing-table6 .plan-select { background-color: #191919 } .mega-price-table-6 .pricing-table6 .plan-select a { color: #fff; text-decoration: none; padding: 20px; width: 100%; font-size: .75em; font-weight: 600; text-transform: uppercase; display: inline-block } .mega-price-table-6 .pricing-table6 .featured { background-color: #262626; color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, .3); z-index: 1 } .mega-price-table-6 .pricing-table6 .featured .plan-select a { padding: 20px; } @media only screen and (max-width:767px) { .mega-price-table-6 .pricing-table6 .plan { width: 50% } .mega-price-table-6 .pricing-table6 .plan-select a, .mega-price-table-6 .pricing-table6 .plan-title { -webkit-transform: translateY(0); transform: translateY(0) } .mega-price-table-6 .pricing-table6 .featured .plan-select a, .mega-price-table-6 .pricing-table6 .plan-select a { padding: 20px } .mega-price-table-6 .pricing-table6 .featured { margin-top: 0 } } @media only screen and (max-width:440px) { .mega-price-table-6 .pricing-table6 .plan { width: 100% } } .mega-price-table-7 .pricing-table7 { color: #000; text-align: center; font-size: 16px; width: 100%; max-width: 1000px } .mega-price-table-7 .pricing-table7 .plan { margin: 0; width: 100%; position: relative; float: left; background-color: #fff; border: 1px solid #07151f } .mega-price-table-7 .pricing-table7 .plan.hover .plan-cost, .mega-price-table-7 .pricing-table7 .plan:hover .plan-cost { -webkit-transform: scale(1.1); transform: scale(1.1) } .mega-price-table-7 .pricing-table7 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .25s ease-out; transition: all .25s ease-out } .mega-price-table-7 .pricing-table7 .header { position: relative; background-color: #0d293c; color: #fff; padding: 20px 20px 25px } .mega-price-table-7 .pricing-table7 .plan-title { top: 0; font-size: 1.4em; font-weight: 500; margin: 0; text-transform: uppercase; color: #fff } .mega-price-table-7 .pricing-table7 h5 { color: #fff; font-weight: 400; font-size: 14px; padding-bottom: 20px; margin-top: 10px } .mega-price-table-7 .pricing-table7 .plan-cost { border: 2px solid #fff; border-radius: 50%; text-align: center; width: 90px; height: 90px; margin: 0 auto; display: table } .mega-price-table-7 .pricing-table7 .plan-price { display: block; font-weight: 400; font-size: 1.3em; color: #fff } .mega-price-table-7 .pricing-table7 .plan-type { opacity: .8; color: #fff; font-size: .7em } .mega-price-table-7 .pricing-table7 .price-content ul { padding: 0 0 10px; margin: 0; text-align: center; list-style: none; font-size: .8em } .mega-price-table-7 .pricing-table7 .price-content ul li { padding: 5px 5%; color: #fff } .mega-price-table-7 .pricing-table7 .price-content ul i { margin-right: 8px; opacity: .4 } .mega-price-table-7 .pricing-table7 .plan-select { background-color: #333; padding: 15px 0 } .mega-price-table-7 .pricing-table7 .plan-select a { color: #fff; text-decoration: none; padding: 4px 17px; border-radius: 25px; font-size: 14px; text-transform: uppercase; display: inline-block } .mega-price-table-7 .pricing-table7 .featured { margin-top: -10px; background-color: #0d293c; color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, .4); z-index: 1 } .mega-price-table-7 .pricing-table7 .featured .plan-select a { padding: 35px 25px } @media only screen and (max-width:767px) { .mega-price-table-7 .pricing-table7 .plan { width: 50% } .mega-price-table-7 .pricing-table7 .featured .plan-select a, .mega-price-table-7 .pricing-table7 .plan-select a { padding: 20px } .mega-price-table-7 .pricing-table7 .featured { margin-top: 0 } } @media only screen and (max-width:440px) { .mega-price-table-7 .pricing-table7 .plan { width: 100% } } .mega-price-table-8 { width: 100%; background: #f7f7f7; color: #777; border-bottom: 5px solid #ddd; transform: scale(1.03); -webkit-transition: all .3s linear; transition: all .3s linear } .mega-price-table-8:hover { -webkit-box-shadow: 0 0 7px rgba(167, 167, 167, .5); box-shadow: 0 0 7px rgba(167, 167, 167, .5) } .mega-price-table-8 .price-head { padding: 20px 0; text-align: center } .mega-price-table-8 .price-head h3 { padding: 0; margin: 0; font-size: 16px; font-weight: 400; line-height: 1.4em; color: #fff } .mega-price-table-8 .price-head h5 { padding: 0; margin: 4px 20px 15px; font-size: 12px; font-weight: 400; color: #fff } .mega-price-table-8 .price-box { text-align: center; padding: 0 0 10px; margin-top: -1px } .mega-price-table-8 .price-box span { color: #fff; line-height: 1 } .mega-price-table-8 .price-box .plan-price { font-size: 40px; display: block } .mega-price-table-8 .price-box .plan-type { font-size: 14px } .mega-price-table-8 .price-content ul { list-style-type: none; text-align: center; padding-top: 8px; margin: 0 } .mega-price-table-8 .price-content ul li { border-bottom: 1px solid #ededed; line-height: 2.2em; margin-left: 30px; margin-right: 30px } .mega-price-table-8 .price-table-wrap { padding: 25px 0 15px; text-align: center } .mega-price-table-8 .price-table-wrap .price-table-btn { color: #fff; background: #555; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px; display: inline-block; text-decoration: none; font-weight: 400; line-height: 1em }