-%%-////---/-.+/--+------/------/--0+--/-/-----.-----ÿÀ  ¥2" ÿÄ     ÿÄ J    ! 1AQ"aq2‘#BR‚¡ÁÑ3br’¢±Âð$CSƒ²á4c“%DsÓñÿÄ   ÿÄ *  !1AQa‘"2q3±ð#b¡ÿÚ   ? ¼QxJQaÍuò¸Zö Úü8,ÐÚú "SSn<rçù–´âE—^ªBÖ9À\†¸ÔÁT­ÃÛ5 ëd´³Í#Ý;Þ38œî ¶H£M:wÎ3…³…âpÔF&‚FK¸9„â4àGEõªfÿ ‘ñ(ßw­pŽF|È¥ù®häðÍѶ¹‘[ÒinÙW¶ùñY˜Q{›K"išÒ[Ú8žë\F¹@-?v"ÔU”,ìöžkÿ {I‡£šÍ?e ríV .............................................................................................................................................................................. ............................................................................. ÿØÿà JFIF    ÿÛ „  ( %!1!%)+//.383,7(-.+  -%%-////---/-.+/--+------/------/--0+--/-/-----.-----ÿÀ  ¥2" ÿÄ     ÿÄ J    ! 1AQ"aq2‘#BR‚¡ÁÑ3br’¢±Âð$CSƒ²á4c“%DsÓñÿÄ   ÿÄ *  !1AQa‘"2q3±ð#b¡ÿÚ   ? ¼QxJQaÍuò¸Zö Úü8,ÐÚú "SSn<rçù–´âE—^ªBÖ9À\†¸ÔÁT­ÃÛ5 ëd´³Í#Ý;Þ38œî ¶H£M:wÎ3…³…âpÔF&‚FK¸9„â4àGEõªfÿ ‘ñ(ßw­pŽF|È¥ù®häðÍѶ¹‘[ÒinÙW¶ùñY˜Q{›K"išÒ[Ú8žë\F¹@-?v"ÔU”,ìöžkÿ {I‡£šÍ?e ríV .............................................................................................................................................................................. ............................................................................. var/www/html/assets/css/pricing.css000077500000055247000000000000013346 0ustar00 @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700|Open+Sans:400,700'); body { padding: 0px; margin: 0px; font-family: 'Montserrat', sans-serif; line-height: 26px; color: #3E3F4C; font-weight: 400; font-size: 14px; overflow-x: hidden; background: #ffffff; } /*----------------------- Typography -----------------------*/ p.lead { font-weight: 300; font-size: 16px; line-height: 32px; color: #a2a2a2; } .text-dark { color: #4A4A4A; } .text-light { color: #ffffff; } ul { margin: 0; padding: 0; } li { list-style: none; } a, a:hover, a:active, a:focus { text-decoration: none; outline: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } label { font-weight: 400; font-family: 'Montserrat', sans-serif; color: #333c4e; } h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; color: #3E3F4C; font-weight: 600; margin: 0; padding: 0; } h1 { font-size: 43px; } h2 { font-size: 35px; } h3 { font-size: 30px; } h4 { font-size: 22px; } h5 { font-size: 16px; } h6 { font-size: 14px; } a, a:hover, a:active, a:focus { transition: all 0.3s ease; } .bg-black { background-color: #131313; } .bg-gray { background-color: #eeeeee; } .bg-white { background-color: #ffffff; } section { position: relative; } .ls-1 { letter-spacing: 1px; } .float_left { float: left; } .float_right { float: right; } .overlay-white { background: rgba(255, 255, 255, 0.7); } .overlay-black { background: rgba(1, 1, 1, 0.7); } .bg-theme-primary{ background: #E5223F; } .bg-theme { background: #d8203b; } .bg-dark { background: #101b25; } .light-bg{ background: #F9EAED; } .gradient-bg{ background-image: linear-gradient(to top, #E5223F 0%, #d8203b 100%); } section.pricing { padding: 5rem 0; background: #fdfdfd; } section.pricing .generic_content .generic_head_price .generic_price_tag .price .cent{ display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 400; vertical-align: bottom; } section.pricing .generic_content .generic_head_price .generic_price_tag .month{ font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 3px; vertical-align: bottom; } section.pricing .generic_content .generic_feature_list ul{ list-style: none; padding: 0; margin: 0; } section.pricing .generic_content .generic_feature_list ul li{ font-size: 16px; padding: 15px 0; transition: all 0.3s ease-in-out 0s; } section.pricing .generic_content .generic_feature_list ul li:hover{ transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; } section.pricing .generic_content .generic_feature_list ul li .fa{ padding: 0 10px; } section.pricing .generic_content .generic_price_btn{ margin: 20px 0 32px; } section.pricing .generic_content .generic_price_btn a{ border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; -webkit-border-radius: 50px; display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 18px; outline: medium none; padding: 12px 30px; text-decoration: none; text-transform: uppercase; } section.pricing .generic_content, section.pricing .generic_content:hover, section.pricing .generic_content .generic_head_price .generic_head_content .head_bg, section.pricing .generic_content:hover .generic_head_price .generic_head_content .head_bg, section.pricing .generic_content .generic_head_price .generic_head_content .head h2, section.pricing .generic_content:hover .generic_head_price .generic_head_content .head h2, section.pricing .generic_content .price, section.pricing .generic_content:hover .price, section.pricing .generic_content .generic_price_btn a, section.pricing .generic_content:hover .generic_price_btn a{ transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; } /* Flip Style Pricing */ section.pricing .flip-pricing .pricing-switcher { text-align: center; } section.pricing .flip-pricing .pricing-switcher .fieldset { display: inline-block; position: relative; padding: 2px; border: 2px solid #101b25; background: #101b25; } section.pricing .flip-pricing .pricing-switcher input[type="radio"] { position: absolute; opacity: 0; } section.pricing .flip-pricing .pricing-switcher label { position: relative; z-index: 1; display: inline-block; float: left; width: 92px; height: 40px; line-height: 45px; cursor: pointer; font-size: 14px; font-weight: 700; color: #ffffff; } section.pricing .flip-pricing .pricing-switcher .switch { position: absolute; top: 4px; left: 4px; height: 40px; width: 90px; background-color: #ea2c58; color: #ffffff; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; } section.pricing .flip-pricing .pricing-switcher input[type="radio"]:checked + label + .switch, section.pricing .flip-pricing .pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) + .switch { -webkit-transform: translateX(90px); -moz-transform: translateX(90px); -ms-transform: translateX(90px); -o-transform: translateX(90px); transform: translateX(90px); } section.pricing .flip-pricing .no-js .pricing-switcher { display: none; } section.pricing .flip-pricing .pricing-list { margin: 2em 0 0; } section.pricing .flip-pricing .pricing-list > li { position: relative; margin-bottom: 1em; } @media only screen and (min-width: 768px) { section.pricing .flip-pricing .pricing-list { /*margin: 3em 0 0;*/ } section.pricing .flip-pricing .pricing-list:after { content: ""; display: table; clear: both; } section.pricing .flip-pricing .pricing-list > li { width: 33.3333333333%; float: left; padding-left: 15px; padding-right: 15px; } section.pricing .flip-pricing .has-margins .pricing-list > li { width: 32.3333333333%; float: left; margin-right: 1.5%; } section.pricing .flip-pricing .has-margins .pricing-list > li:last-of-type { margin-right: 0; } } section.pricing .flip-pricing .pricing-wrapper { position: relative; } section.pricing .flip-pricing .touch .pricing-wrapper { -webkit-perspective: 2000px; -moz-perspective: 2000px; perspective: 2000px; } section.pricing .flip-pricing .pricing-wrapper.is-switched .is-visible { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-animation: rotate 0.5s; -moz-animation: rotate 0.5s; animation: rotate 0.5s; } section.pricing .flip-pricing .pricing-wrapper.is-switched .is-hidden { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-animation: rotate-inverse 0.5s; -moz-animation: rotate-inverse 0.5s; animation: rotate-inverse 0.5s; opacity: 0; } section.pricing .flip-pricing .pricing-wrapper.is-switched .is-selected { opacity: 1; } section.pricing .flip-pricing .pricing-wrapper.is-switched.reverse-animation .is-visible { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-animation: rotate-back 0.5s; -moz-animation: rotate-back 0.5s; animation: rotate-back 0.5s; } section.pricing .flip-pricing .pricing-wrapper.is-switched.reverse-animation .is-hidden { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-animation: rotate-inverse-back 0.5s; -moz-animation: rotate-inverse-back 0.5s; animation: rotate-inverse-back 0.5s; opacity: 0; } section.pricing .flip-pricing .pricing-wrapper.is-switched.reverse-animation .is-selected { opacity: 1; } section.pricing .flip-pricing .pricing-wrapper > li { background-color: #ffffff; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 1px solid transparent; } section.pricing .flip-pricing .pricing-wrapper > li::after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 50px; pointer-events: none; background: -webkit-linear-gradient( right , #ffffff, rgba(255, 255, 255, 0)); background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0)); } section.pricing .flip-pricing .pricing-wrapper > li.is-ended::after { display: none; } section.pricing .flip-pricing .pricing-wrapper .is-visible { position: relative; z-index: 5; box-shadow: 1px 1px 7px #ccc; } section.pricing .flip-pricing .pricing-wrapper .is-hidden { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } section.pricing .flip-pricing .pricing-wrapper .is-selected { z-index: 3 !important; } @media only screen and (min-width: 768px) { section.pricing .flip-pricing .pricing-wrapper > li::before { content: ''; position: absolute; z-index: 6; left: -1px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 50%; width: 1px; background-color: #b1d6e8; } section.pricing .flip-pricing .pricing-wrapper > li::after { display: none; } section.pricing .flip-pricing .exclusive .pricing-wrapper > li { border: 1px solid #f64d4d; } section.pricing .flip-pricing .has-margins .pricing-wrapper > li, section.pricing .flip-pricing .has-margins .exclusive .pricing-wrapper > li { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); } :nth-of-type(1) > section.pricing .flip-pricing .pricing-wrapper > li::before { display: none; } section.pricing .flip-pricing .has-margins .pricing-wrapper > li { border-radius: 4px 4px 6px 6px; } section.pricing .flip-pricing .has-margins .pricing-wrapper > li::before { display: none; } } @media only screen and (min-width: 1500px) { section.pricing .flip-pricing .full-width .pricing-wrapper > li { padding: 2.5em 0; } } section.pricing .flip-pricing .no-js .pricing-wrapper .is-hidden { position: relative; -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); margin-top: 1em; } @media only screen and (min-width: 768px) { section.pricing .flip-pricing .exclusive .pricing-wrapper > li::before { display: none; } section.pricing .flip-pricing .exclusive + li .pricing-wrapper > li::before { display: none; } } section.pricing .flip-pricing .pricing-header h2 { padding: 0.6em; font-weight: 400; margin-bottom: 10px; margin-top: 10px; text-transform: uppercase; text-align: center; color: #fff; } section.pricing .flip-pricing .pricing-header { height: auto; padding: 1.9em 0 1.6em; font-family: 'Montserrat', sans-serif; font-weight: 700; pointer-events: auto; text-align: center; color: #fff !important; } section.pricing .flip-pricing .exclusive .pricing-header { color: #E5223F; background-color: transparent; } section.pricing .flip-pricing .pricing-header h2 { font-size: 2rem; letter-spacing: 2px; } section.pricing .flip-pricing .currency, section.pricing .flip-pricing .value { font-size: 3rem; font-weight: 700; } section.pricing .flip-pricing .duration { font-weight: 700; font-size: 1.3rem; color: #8dc8e4; text-transform: uppercase; } section.pricing .flip-pricing .exclusive .duration { color: #f3b6ab; } section.pricing .flip-pricing .duration::before { /*content: '/'; */ margin-right: 2px; } section.pricing .flip-pricing .value { font-size: 4rem; font-weight: 300; } section.pricing .flip-pricing .currency, section.pricing .flip-pricing .duration { color: #fff; } section.pricing .flip-pricing .exclusive .currency, section.pricing .flip-pricing .exclusive .duration { color: #fff; } section.pricing .flip-pricing .currency { display: inline-block; margin-top: 10px; vertical-align: top; font-size: 2rem; font-weight: 700; } section.pricing .flip-pricing .duration { font-size: 1.4rem; } section.pricing .flip-pricing .pricing-body { overflow-x: auto; -webkit-overflow-scrolling: touch; } section.pricing .flip-pricing .is-switched .pricing-body { overflow: hidden; } section.pricing .flip-pricing .pricing-body { overflow-x: visible; padding: 2rem; } section.pricing .flip-pricing .pricing-features { width: 600px; } section.pricing .flip-pricing .pricing-features:after { content: ""; display: table; clear: both; } section.pricing .flip-pricing .pricing-features li { width: 100px; float: left; padding: 1.6em 1em; font-size: 1.5rem; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } section.pricing .flip-pricing .pricing-features em { display: block; margin-bottom: 5px; font-weight: 700; font-style: normal !important; } section.pricing .flip-pricing .pricing-features { width: auto; } section.pricing .flip-pricing .pricing-features li { float: none; width: auto; padding: 0.5rem; } section.pricing .flip-pricing .exclusive .pricing-features li { margin: 0 3px; } section.pricing .flip-pricing .pricing-features em { display: inline-block; margin-bottom: 0; } section.pricing .flip-pricing .has-margins .exclusive .pricing-features li { margin: 0; } section.pricing .flip-pricing .pricing-footer { position: absolute; z-index: 1; top: 0; left: 0; height: 80px; width: 100%; } section.pricing .flip-pricing .pricing-footer { position: relative; height: auto; padding: 1.8em 0; text-align: center; height: 6em; } section.pricing .flip-pricing .pricing-footer::after { display: none; } section.pricing .flip-pricing .has-margins .pricing-footer { padding-bottom: 0; } section.pricing .flip-pricing .select { position: relative; z-index: 1; display: block; height: 100%; overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent; } section.pricing .flip-pricing .select { position: static; display: inline-block; height: auto; padding: .50em; color: #E5223F; border: 2px solid #f64d4d; font-size: 1.4rem; text-indent: 0; text-transform: uppercase; /*letter-spacing: 2px;*/ transition: all .6s; width: 52%; background: transparent; } section.pricing .flip-pricing .no-touch .select:hover { background-color: #E5223F; color: #ffffff; } section.pricing .flip-pricing .exclusive .select { background-color: #f64d4d; color: #ffffff; } section.pricing .flip-pricing .no-touch .exclusive .select:hover { background-color: #24e0ba; } section.pricing .flip-pricing .secondary-theme .exclusive .select { background-color: #E5223F; } section.pricing .flip-pricing .no-touch .secondary-theme .exclusive .select:hover { background-color: #112e3c; } section.pricing .flip-pricing .has-margins .select { display: block; padding: 1.7em 0; border-radius: 0 0 4px 4px; } @-webkit-keyframes rotate { 0% { -webkit-transform: perspective(2000px) rotateY(0); } 70% { -webkit-transform: perspective(2000px) rotateY(200deg); } 100% { -webkit-transform: perspective(2000px) rotateY(180deg); } } @-moz-keyframes rotate { 0% { -moz-transform: perspective(2000px) rotateY(0); } 70% { -moz-transform: perspective(2000px) rotateY(200deg); } 100% { -moz-transform: perspective(2000px) rotateY(180deg); } } @keyframes rotate { 0% { -webkit-transform: perspective(2000px) rotateY(0); -moz-transform: perspective(2000px) rotateY(0); -ms-transform: perspective(2000px) rotateY(0); -o-transform: perspective(2000px) rotateY(0); transform: perspective(2000px) rotateY(0); } 70% { -webkit-transform: perspective(2000px) rotateY(200deg); -moz-transform: perspective(2000px) rotateY(200deg); -ms-transform: perspective(2000px) rotateY(200deg); -o-transform: perspective(2000px) rotateY(200deg); transform: perspective(2000px) rotateY(200deg); } 100% { -webkit-transform: perspective(2000px) rotateY(180deg); -moz-transform: perspective(2000px) rotateY(180deg); -ms-transform: perspective(2000px) rotateY(180deg); -o-transform: perspective(2000px) rotateY(180deg); transform: perspective(2000px) rotateY(180deg); } } @-webkit-keyframes rotate-inverse { 0% { -webkit-transform: perspective(2000px) rotateY(-180deg); } 70% { -webkit-transform: perspective(2000px) rotateY(20deg); } 100% { -webkit-transform: perspective(2000px) rotateY(0); } } @-moz-keyframes rotate-inverse { 0% { -moz-transform: perspective(2000px) rotateY(-180deg); } 70% { -moz-transform: perspective(2000px) rotateY(20deg); } 100% { -moz-transform: perspective(2000px) rotateY(0); } } @keyframes rotate-inverse { 0% { -webkit-transform: perspective(2000px) rotateY(-180deg); -moz-transform: perspective(2000px) rotateY(-180deg); -ms-transform: perspective(2000px) rotateY(-180deg); -o-transform: perspective(2000px) rotateY(-180deg); transform: perspective(2000px) rotateY(-180deg); } 70% { -webkit-transform: perspective(2000px) rotateY(20deg); -moz-transform: perspective(2000px) rotateY(20deg); -ms-transform: perspective(2000px) rotateY(20deg); -o-transform: perspective(2000px) rotateY(20deg); transform: perspective(2000px) rotateY(20deg); } 100% { -webkit-transform: perspective(2000px) rotateY(0); -moz-transform: perspective(2000px) rotateY(0); -ms-transform: perspective(2000px) rotateY(0); -o-transform: perspective(2000px) rotateY(0); transform: perspective(2000px) rotateY(0); } } @-webkit-keyframes rotate-back { 0% { -webkit-transform: perspective(2000px) rotateY(0); } 70% { -webkit-transform: perspective(2000px) rotateY(-200deg); } 100% { -webkit-transform: perspective(2000px) rotateY(-180deg); } } @-moz-keyframes rotate-back { 0% { -moz-transform: perspective(2000px) rotateY(0); } 70% { -moz-transform: perspective(2000px) rotateY(-200deg); } 100% { -moz-transform: perspective(2000px) rotateY(-180deg); } } @keyframes rotate-back { 0% { -webkit-transform: perspective(2000px) rotateY(0); -moz-transform: perspective(2000px) rotateY(0); -ms-transform: perspective(2000px) rotateY(0); -o-transform: perspective(2000px) rotateY(0); transform: perspective(2000px) rotateY(0); } 70% { -webkit-transform: perspective(2000px) rotateY(-200deg); -moz-transform: perspective(2000px) rotateY(-200deg); -ms-transform: perspective(2000px) rotateY(-200deg); -o-transform: perspective(2000px) rotateY(-200deg); transform: perspective(2000px) rotateY(-200deg); } 100% { -webkit-transform: perspective(2000px) rotateY(-180deg); -moz-transform: perspective(2000px) rotateY(-180deg); -ms-transform: perspective(2000px) rotateY(-180deg); -o-transform: perspective(2000px) rotateY(-180deg); transform: perspective(2000px) rotateY(-180deg); } } @-webkit-keyframes rotate-inverse-back { 0% { -webkit-transform: perspective(2000px) rotateY(180deg); } 70% { -webkit-transform: perspective(2000px) rotateY(-20deg); } 100% { -webkit-transform: perspective(2000px) rotateY(0); } } @-moz-keyframes rotate-inverse-back { 0% { -moz-transform: perspective(2000px) rotateY(180deg); } 70% { -moz-transform: perspective(2000px) rotateY(-20deg); } 100% { -moz-transform: perspective(2000px) rotateY(0); } } @keyframes rotate-inverse-back { 0% { -webkit-transform: perspective(2000px) rotateY(180deg); -moz-transform: perspective(2000px) rotateY(180deg); -ms-transform: perspective(2000px) rotateY(180deg); -o-transform: perspective(2000px) rotateY(180deg); transform: perspective(2000px) rotateY(180deg); } 70% { -webkit-transform: perspective(2000px) rotateY(-20deg); -moz-transform: perspective(2000px) rotateY(-20deg); -ms-transform: perspective(2000px) rotateY(-20deg); -o-transform: perspective(2000px) rotateY(-20deg); transform: perspective(2000px) rotateY(-20deg); } 100% { -webkit-transform: perspective(2000px) rotateY(0); -moz-transform: perspective(2000px) rotateY(0); -ms-transform: perspective(2000px) rotateY(0); -o-transform: perspective(2000px) rotateY(0); transform: perspective(2000px) rotateY(0); } } .blue .select { color: #439eb3 !important; border: 2px solid #439eb3 !important; font-weight: bold; } .blue .pricing-header { background-color: #439eb3 !important; } .pink .select { font-weight: bold; } .pink .pricing-header { background-color: #f64d4d !important; } .green .select { color: #30dbb5 !important; border: 2px solid #30dbb5 !important; font-weight: bold; } .green .pricing-header { background-color: #30dbb5 !important; } /* .stripe-button-el { display: none !important; } */ .pricing-header p { margin-bottom: 0; }