.appts-table-wrapper .clearfix:after, .appts-table-wrapper.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .appts-table-wrapper { clear: both; } *.appts-table-wrapper .clearfix { height: 1%; } .appts-table-wrapper .clearfix, .appts-table-wrapper.clearfix { display: block; } .appts-table-wrapper b, .appts-table-wrapper strong{ font-weight: bold ! important; } .appts-table-wrapper * { backface-visibility: hidden; outline: 0; border: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .appts-table-wrapper, .appts-table-wrapper span, .appts-table-wrapper p { line-height: 1; margin: 0; padding: 0; } .appts-table-wrapper a { text-decoration: none; border: 0; line-height: 1; outline: 0; } .appts-table-item { position: relative; } .appts-table-item video, .appts-table-item audio { max-width: 100%; } .appts-table-content-wrap { font-size: 0px; } .appts-table-item-wrapper { margin: 0px 0; } .appts-rating { font-size: 20px; padding: 20px 0 10px; position: relative; } .appts-rating span { display: inline-block ! important; } /*template-1 css start*/ .appts-template_01 .appts-table-content-wrap { font-size: 0; text-align: center; } .appts-template_01 .appts-table-item-wrapper { width: 33.33%; display: inline-block; text-align: center; vertical-align: top; } .appts-template_01 .appts-content-all-wrap { margin: 0 4px; position: relative; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .appts-template_01 .appts-highlighted .appts-content-all-wrap, .appts-template_01 .appts-content-all-wrap:hover { -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); } .appts-template_01 .appts-hover-disabled .appts-content-all-wrap:hover { -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); } .appts-template_01 .appts-content-all-wrap.appts-table-item-hidden .appts-content-ribbon-wrap { overflow: hidden; position: relative; } .appts-template_01 .appts-table-item-wrapper .appts-table-item { border: 1px solid #e5e5e5; padding-bottom: 35px; background: #fff; } .appts-template_01 .appts-table-item-wrapper .appts-table-title-wrapper { position: relative; background: #eee; min-height: 100px; text-align: center; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; } .appts-template_01 .appts-table-item-wrapper .appts-table-title-wrapper .appts-img-wrapper { width: 100%; position: relative; } .appts-template_01 .appts-table-item-wrapper .appts-table-title-wrapper .appts-img-wrapper img { /*width: 100%;*/ } .appts-template_01 .appts-table-item-wrapper .appts-title-wrap { padding: 26px 20px; } .appts-template_01 .appts-table-item-wrapper.appts-feature-image .appts-title-wrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .appts-template_01 .appts-table-item-wrapper .appts-title-wrap span { display: block; font-family: 'Open Sans', sans-serif; text-transform: uppercase; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .appts-template_01 .appts-table-item-wrapper .appts-title-wrap span.appts-item-title { font-size: 26px; font-weight: 700; color: #20242a; line-height: 1.2; } .appts-template_01 .appts-table-item-wrapper .appts-title-wrap span.appts-item-sub_title { font-size: 14px; line-height: 1.2; color: #777; font-weight: 400; } .appts-template_01 .appts-pricing-info { padding-top: 21px; padding-bottom: 18px; } .appts-template_01 .appts-price-rating-wrapper > div:last-child{ padding-bottom: 18px; } .appts-template_01 .appts-price-value { position: relative; display: inline-block; margin: 5px 0; } .appts-template_01 .appts-price-value:before { content: ''; position: absolute; width: 100%; height: 2px; background: #777; top: 50%; } .appts-template_01 .appts-price-html-content .appts-price-value { font-size: 14px; line-height: 1.2; color: #777; font-weight: 400; } .appts-template_01 .appts-price-html-content .appts-price-value:before { content: none; } .appts-template_01 .appts-price-value span { font-size: 30px; } .appts-template_01 .appts-selling-value { display: block; } .appts-template_01 .appts-selling-value span { font-size: 42px; font-weight: bold; } .appts-template_01 .appts-price-value span, .appts-template_01 .appts-selling-value span { color: #2c2c2c; display: inline-block; vertical-align: top; font-family: 'Roboto', sans-serif; } .appts-template_01 span.appts-decimal, .appts-template_01 span.appts-decimal { font-size: 24px; } .appts-template_01 .appts-payment-name { font-size: 14px; font-weight: 600; color: #9e9e9e; padding-bottom: 10px; display: block; line-height: 1.5; font-family: 'Roboto', sans-serif; } .appts-template_01 .appts-pricing-info i { display: inline-block; padding: 0 5px; vertical-align: middle; } .appts-template_01 .appts-price-html-content .appts-price-value span { display: inline-block; font-size: 25px; color: #222; font-weight: 700; } .appts-template_01 .appts-price-html-content .appts-payment-name { padding: 5px 0; color: #9e9e9e; } .appts-template_01 .appts-pricing-body { padding: 33px 5px; position: relative; } .appts-template_01 .appts-header-wrap { position: relative; } .appts-template_01 .appts-header-wrap:before, .appts-template_01 .appts-pricing-body:after { content: ''; position: absolute; width: 119px; height: 0; border-top: 4px solid; border-color: #a5a5a5; left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; } .appts-template_01 .appts-pricing-body span { display: block; line-height: 1.2; } .appts-pricing-body span { word-break: break-word; max-width: 100%; } .appts-template_01 .appts-video-sc-wrapper { margin: 5px 0; } .appts-template_01 .appts-pricing-content { margin-bottom: 16px; } .appts-template_01 .appts-pricing-content:last-child { margin-bottom: 0; } .appts-template_01 .footer-content, .appts-template_01 .appts-pricing-content-info { font-family: 'Open Sans', sans-serif; font-size: 15px; color: #494c4f; font-weight: 400; } .appts-template_01 .appts-pricing-footer { padding-top: 30px; } .appts-template_01 .appts-pricing-footer-content { margin-bottom: 16px; } .appts-template_01 .appts-pricing-footer-content:last-child { margin-bottom: 0; } .appts-template_01 .appts-pricing-footer span { display: block; } .appts-template_01 .appts-pricing-content-button a, .appts-template_01 .appts-pricing-footer-content-button a { display: inline-block; font-size: 18px; font-weight: 500; color: #fff; background: #ea525c; padding: 11px 17px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-transform: uppercase; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .appts-template_01 .appts-table-item-wrapper.appts-highlighted .appts-pricing-content-button a, .appts-template_01 .appts-table-item-wrapper.appts-highlighted .appts-pricing-footer-content-button a, .appts-template_01 .appts-pricing-content-button a:hover, .appts-template_01 .appts-pricing-footer-content-button a:hover { background: #4a4b4d; } .appts-template_01 .appts-table-item-wrapper.appts-highlighted .appts-table-title-wrapper, .appts-template_01 .appts-content-all-wrap:hover .appts-table-title-wrapper { background: #20242a; } .appts-template_01 .appts-hover-disabled .appts-content-all-wrap:hover .appts-table-title-wrapper { background: #eee; } .appts-template_01 .appts-table-item-wrapper.appts-highlighted .appts-title-wrap span.appts-item-title, .appts-template_01 .appts-table-item-wrapper.appts-highlighted .appts-title-wrap span.appts-item-sub_title, .appts-template_01 .appts-content-all-wrap:hover .appts-title-wrap span.appts-item-title, .appts-template_01 .appts-content-all-wrap:hover .appts-title-wrap span.appts-item-sub_title { color: #fff; } .appts-template_01 .appts-table-item-wrapper.appts-feature-image.appts-highlighted .appts-title-wrap span.appts-item-title, .appts-template_01 .appts-table-item-wrapper.appts-feature-image.appts-highlighted .appts-title-wrap span.appts-item-sub_title, .appts-template_01 .appts-table-item-wrapper.appts-feature-image .appts-content-all-wrap:hover .appts-title-wrap span.appts-item-title, .appts-template_01 .appts-table-item-wrapper.appts-feature-image .appts-content-all-wrap:hover .appts-title-wrap span.appts-item-sub_title { color: #20242a; } .appts-template_01 .appts-hover-disabled .appts-content-all-wrap:hover .appts-title-wrap span.appts-item-title, .appts-template_01 .appts-hover-disabled .appts-content-all-wrap:hover .appts-title-wrap span.appts-item-sub_title, .appts-template_01 .appts-table-item-wrapper.appts-feature-image.appts-hover-disabled .appts-content-all-wrap:hover .appts-title-wrap span.appts-item-title, .appts-template_01 .appts-table-item-wrapper.appts-feature-image.appts-hover-disabled .appts-content-all-wrap:hover .appts-title-wrap span.appts-item-sub_title { color: #000; } /*template-1 css end*/ /*template-2 css start*/ .appts-template_02 { text-align: center; } .appts-template_02 .appts-table-content-wrap { font-size: 0; text-align: center; } .appts-template_02 .appts-table-item-wrapper { width: 25%; display: inline-block; text-align: center; vertical-align: top; } .appts-template_02 .appts-content-all-wrap { margin: 0 0px; position: relative; -moz-transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } .appts-template_02 .appts-table-item-wrapper .appts-content-all-wrap:hover, .appts-template_02 .appts-table-item-wrapper.appts-highlighted .appts-content-all-wrap { -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); -moz-transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } .appts-template_02 .appts-hover-disabled .appts-content-all-wrap:hover { -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); -moz-transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } .appts-template_02 .appts-content-all-wrap.appts-table-item-hidden .appts-content-ribbon-wrap { overflow: hidden; position: relative; } .appts-template_02 .appts-table-item-wrapper .appts-table-item { border: 1px solid #e1e1e1; padding-bottom: 35px; background: #fff; padding-bottom: 22px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /*.appts-template_02 .appts-table-item-wrapper .appts-table-item:hover , .appts-template_02 .appts-table-item-wrapper.appts-highlighted .appts-table-item{ padding-bottom: 30px; } .appts-template_02 .appts-hover-disabled .appts-table-item:hover{ padding-bottom: 22px; }*/ .appts-template_02 .appts-table-item-wrapper .appts-table-header-wrapper { background-color: #f3f3f3; text-align: center; padding: 30px 10px; background-size: cover; background-repeat: no-repeat; position: relative; background-position: 50%; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /*.appts-template_02 .appts-table-item-wrapper .appts-table-item:hover .appts-table-header-wrapper, .appts-template_02 .appts-table-item-wrapper.appts-highlighted .appts-table-header-wrapper { padding-top: 40px; }*/ .appts-template_02 .appts-hover-disabled .appts-table-item:hover .appts-table-header-wrapper { padding-top: 30px; } .appts-template_02 .appts-title-price-wrap { position: relative; } .appts-template_02 .appts-item-title { font-size: 14px; font-family: 'Montserrat', sans-serif; color: #373737; margin-bottom: 20px; font-weight: 600; text-transform: uppercase; display: block; position: relative; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .appts-template_02 .appts-item-sub_title { text-align: center; font-size: 11px; position: relative; font-family: 'Montserrat', sans-serif; font-weight: 600; color: #373737; display: block; margin-bottom: 20px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .appts-template_02 .appts-table-item-wrapper .appts-table-item:hover .appts-item-title, .appts-template_02 .appts-table-item-wrapper.appts-highlighted .appts-table-item .appts-item-title, .appts-template_02 .appts-table-item-wrapper .appts-table-item:hover .appts-item-sub_title, .appts-template_02 .appts-table-item-wrapper.appts-highlighted .appts-table-item .appts-item-sub_title { color: #fff; } .appts-template_02 .appts-table-item-wrapper.appts-hover-disabled .appts-table-item:hover .appts-item-title, .appts-template_02 .appts-table-item-wrapper.appts-hover-disabled .appts-table-item:hover .appts-item-sub_title { color: #373737; } .appts-template_02 .appts-pricing-info { position: relative; padding-bottom: 22px; } .appts-template_02 .appts-price-value, .appts-template_02 .appts-selling-value { font-family: 'Montserrat', sans-serif; line-height: 1; font-weight: 500; word-break: break-all; } .appts-template_02 .appts-selling-value { display: block; font-size: 70px; } .appts-template_02 .appts-price-value { font-size: 30px; position: relative; } .appts-template_02 .appts-price-value:before { position: absolute; content: ''; width: 100%; height: 2px; background: #000; top: 50%; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .appts-template_02 .appts-price-html-content .appts-price-value:before { content: none; } .appts-template_02 .appts-selling-value span, .appts-template_02 .appts-price-value span { color: #000; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .appts-template_02 .appts-price-html-content .appts-price-value { font-size: 20px; color: #000; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; line-height: 1.5; } .appts-template_02 .appts-table-item:hover .appts-price-html-content .appts-price-value, .appts-template_02 .appts-table-item-wrapper.appts-highlighted .appts-price-html-content .appts-price-value { color: #fff; } .appts-template_02 .appts-pricing-info .appts-payment-name { font-size: 11px; font-family: 'Montserrat', sans-serif; font-weight: 600; color: #373737; text-transform: uppercase; display: block; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-top: 20px; } .appts-template_02 .appts-table-item-wrapper.appts-highlighted .appts-pricing-info .appts-payment-name, .appts-template_02 .appts-table-item-wrapper.appts-highlighted .appts-table-item .appts-price-value span, .appts-template_02 .appts-table-item-wrapper.appts-highlighted .appts-table-item .appts-selling-value span, .appts-template_02 .appts-table-item-wrapper .appts-table-item:hover .appts-pricing-info .appts-payment-name, .appts-template_02 .appts-table-item-wrapper .appts-table-item:hover .appts-price-value span, .appts-template_02 .appts-table-item-wrapper .appts-table-item:hover .appts-selling-value span { color: #fff; } .appts-template_02 .appts-table-item-wrapper.appts-hover-disabled .appts-table-item:hover .appts-pricing-info .appts-payment-name, .appts-template_02 .appts-table-item-wrapper.appts-hover-disabled .appts-table-item:hover .appts-price-value span, .appts-template_02 .appts-table-item-wrapper.appts-hover-disabled .appts-table-item:hover .appts-selling-value span { color: #000; } .appts-template_02 .appts-table-item-wrapper .appts-table-item:hover .appts-price-value:before { background: #fff; } .appts-template_02 .appts-table-item-wrapper.appts-hover-disabled .appts-table-item:hover .appts-price-value:before { background: #000; } .appts-template_02 .appts-pricing-body .appts-pricing-content { text-align: center; background: #fff; padding: 19px 0; } .appts-template_02 .appts-pricing-body .appts-pricing-content:nth-child(2n) { background: #f7f7f7; } .appts-template_02 .appts-pricing-body span.appts-pricing-content-info { font-size: 15px; font-family: 'Open Sans', sans-serif; font-weight:500; display: block; color: #1a1a1a; text-transform: capitalize; } .appts-template_02 .appts-pricing-footer-content { text-align: center; } .appts-template_02 .appts-pricing-content-button a, .appts-template_02 .appts-pricing-footer-content-button a { font-size: 15px; font-weight: 300; color: #fff; background: #f8ca35; padding: 15px 21px; display: inline-block; text-transform: capitalize; border: 2px solid transparent; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; line-height: 1; } .appts-template_02 .appts-pricing-content-button a:hover, .appts-template_02 .appts-pricing-footer-content-button a:hover { color: #f8ca35; border: 2px solid #f8ca35; background: transparent; } .appts-template_02 .appts-pricing-footer-content span { font-size: 15px; font-family: 'Open Sans', sans-serif; font-weight: 600; display: block; color: #1a1a1a; text-transform: capitalize; padding: 19px 0; } .appts-template_02 .appts-table-item-wrapper.appts-feature-image .appts-table-header-wrapper:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(255, 255, 255, 0.6); -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .appts-template_02 .appts-table-item-wrapper .appts-table-header-wrapper .appts-img-wrapper { text-align: center; } .appts-template_02 .appts-table-item-wrapper .appts-table-header-wrapper { background-position: center center ! important; background-size: cover ! important; background-repeat: no-repeat ! important; } .appts-template_02 .appts-table-item-wrapper .appts-table-header-wrapper.appts-feature-image { position: relative; padding: 0; } .appts-template_02 .appts-table-item-wrapper.appts-feature-image .appts-content-all-wrap:hover .appts-table-header-wrapper:before, .appts-template_02 .appts-table-item-wrapper.appts-feature-image.appts-highlighted .appts-table-header-wrapper:before { background-color: rgba(248, 202, 53, 0.6); } .appts-template_02 .appts-content-all-wrap:hover .appts-table-header-wrapper, .appts-template_02 .appts-table-item-wrapper.appts-highlighted .appts-table-header-wrapper { background-color: #f8ca35; } .appts-template_02 .appts-hover-disabled .appts-content-all-wrap:hover .appts-table-header-wrapper { background-color: #f3f3f3; } /*template2 css end*/ /*template 3 css start*/ .appts-template_03 { text-align: center; } .appts-template_03 .appts-table-content-wrap { font-size: 0; text-align: center; } .appts-template_03 .appts-table-item-wrapper { display: inline-block; width: 33.33%; vertical-align: top; } .appts-template_03 .appts-content-all-wrap { position: relative; margin: 0 8px; } .appts-template_03 .appts-table-item-hidden { overflow: initial; } .appts-template_03 .appts-table-item-wrapper.appts-table-item-hidden .appts-ribbon-content-wrap { overflow: hidden; position: relative; } .appts-template_03 .appts-table-item-wrapper .appts-table-item { padding-bottom: 33px; border: 1px solid #f3f3f3; background: #fff; } .appts-template_03 .appts-table-header-wrapper { position: relative; background-color: #383838; background-repeat: no-repeat; background-position: 50%; background-size: cover; } .appts-template_03 .appts-feature-image .appts-table-header-wrapper:before { position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.4); -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .appts-template_03 .appts-title-price-wrap { padding: 20px 0 94px; text-align: center; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: relative; } .appts-template_03 .appts-html-pricing-info .appts-title-price-wrap { padding: 20px 0; } .appts-template_03 .appts-pricing-info { width: 148px; height: 148px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; border: 3px solid #ddd; position: absolute; left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -50%; overflow:hidden; } .appts-template_03 .appts-html-pricing-info .appts-pricing-info { width: 90%; /* margin: 0 auto; */ height: auto; -moz-border-radius: 0; -webkit-border-radius: 0%; border-radius: 0; background: transparent; border: 0; position: relative; -moz-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(-50%); left: 50%; } .appts-template_03 .appts-pricing-info .appts-pricing-info-div { position: relative; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .appts-template_03 .appts-html-pricing-info .appts-pricing-info .appts-pricing-info-div { top: 0%; -moz-transform: translateY(-0%); -webkit-transform: translateY(-0%); transform: translateY(-0%); } .appts-template_03 .appts-price-value-wrap { display: inline-block; } .appts-template_03 .appts-price-value, .appts-template_03 .appts-selling-value { font-family: 'Roboto', sans-serif; font-weight: 700; color: #333333; display: inline-block; max-width: 100%; word-break: break-all; position: relative; } .appts-template_03 .appts-price-html-content .appts-price-value { font-size: 30px; } .appts-template_03 .appts-price-value:before { height: 1px; background: #000; content: ''; position: absolute; top: 50%; left: 0; right: 0; } .appts-template_03 .appts-price-html-content .appts-price-value:before { content: none; } .appts-template_03 .appts-selling-value .appts-integer, .appts-template_03 .appts-selling-value .appts-decimal { font-size: 57px; } .appts-template_03 .appts-price-value .appts-integer, .appts-template_03 .appts-price-value .appts-decimal { font-size: 30px; } .appts-template_03 .appts-price-value > span, .appts-template_03 .appts-selling-value > span { display: inline-block; vertical-align: top; } .appts-template_03 .appts-currency-symbol { font-size: 30px; } .appts-template_03 .appts-payment-name { font-family: 'Roboto', sans-serif; font-size: 30px; color: #333333; font-weight: 700; display: inline-block; } .appts-template_03 .appts-selling-value .appts-payment-name { vertical-align: bottom; } .appts-template_03 .appts-html-pricing-info .appts-price-value, .appts-template_03 .appts-html-pricing-info .appts-payment-name { color: #fff; display: block; } .appts-template_03 .appts-html-pricing-info .appts-payment-name { padding: 10px 0; } .appts-template_03 .appts-item-title { font-size: 26px; line-height: 1.2; font-weight: 600; font-family: 'Roboto', sans-serif; color: #f8f8f8; display: block; text-transform: uppercase; } .appts-template_03 .appts-item-sub_title { font-family: 'Roboto', sans-serif; color: #f8f8f8; font-size: 14px; font-weight: 500; text-transform: uppercase; display: block; margin-top: 2px; } .appts-template_03 .appts-pricing-body { padding-top: 110px; text-align: center; padding: 110px 30px 33px; } .appts-template_03 .appts-table-header-wrapper.appts-html-pricing-info + .appts-pricing-body { padding: 40px 30px 33px; } .appts-template_03 .appts-pricing-body .appts-pricing-content { padding: 15px 0; border: 1px solid #dddddd; border-bottom: 0; } .appts-template_03 .appts-pricing-body .appts-pricing-content span { font-size: 16px; font-weight: 400; font-family: 'Roboto', sans-serif; color: #5c5c5c; text-transform: capitalize; } .appts-template_03 .appts-pricing-body .appts-pricing-content span i { margin-right: 15px; } .appts-template_03 .appts-pricing-body .appts-pricing-content:last-child { border-bottom: 1px solid #dddddd; } .appts-template_03 .appts-pricing-content-button a, .appts-template_03 .appts-pricing-footer-content-button a { display: inline-block; padding: 12px 35px; border-radius: 25px; background: #383838; color: #f2f2f2; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 400; text-transform: uppercase; max-width: 100%; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .appts-template_03 .appts-pricing-content-button a:visited, .appts-template_03 .appts-pricing-footer-content-button a:visited { color: #f2f2f2; } .appts-template_03 .appts-pricing-footer-content { text-align: center; } .appts-template_03 .appts-pricing-footer-content span { display: block; } .appts-template_03 .appts-pricing-footer-content .footer-content { display: inline-block; font-size: 16px; font-weight: 300; font-family: 'Roboto', sans-serif; color: #5c5c5c; text-transform: capitalize; padding: 20px 0; } .appts-template_03 .appts-highlighted .appts-table-header-wrapper, .appts-template_03 .appts-content-all-wrap:hover .appts-table-header-wrapper { background-color: #ee4f50; } .appts-template_03 .appts-hover-disabled .appts-content-all-wrap:hover .appts-table-header-wrapper { background-color: #383838; } .appts-template_03 .appts-table-item-wrapper.appts-feature-image .appts-content-all-wrap:hover .appts-table-header-wrapper:before, .appts-template_03 .appts-highlighted.appts-feature-image .appts-table-header-wrapper:before { background-color: rgba(238, 79, 80, 0.7); } .appts-template_03 .appts-table-item-wrapper .appts-content-all-wrap:hover .appts-pricing-content-button a, .appts-template_03 .appts-highlighted .appts-pricing-content-button a, .appts-template_03 .appts-table-item-wrapper .appts-content-all-wrap:hover .appts-pricing-footer-content-button a, .appts-template_03 .appts-highlighted .appts-pricing-footer-content-button a { background: #ee4f50; color: #f2f2f2; } .appts-template_03 .appts-hover-disabled .appts-content-all-wrap:hover .appts-pricing-content-button a, .appts-template_03 .appts-hover-disabled .appts-content-all-wrap:hover .appts-pricing-footer-content-button a { background: #383838; } .appts-template_03 .appts-table-item-wrapper:hover .appts-pricing-content-button a:hover, .appts-template_03 .appts-highlighted .appts-pricing-content-button a:hover, .appts-template_03 .appts-table-item-wrapper:hover .appts-pricing-footer-content-button a:hover, .appts-template_03 .appts-highlighted .appts-pricing-footer-content-button a:hover { background: #c95858; } /*template 3 css end*/ /*template 4 css start */ .appts-template_04 .appts-table-content-wrap { font-size: 0; text-align: center; } .appts-template_04 .appts-table-item-wrapper { width: 33.33%; display: inline-block; vertical-align: top; } .appts-template_04 .appts-content-all-wrap { position: relative; margin: 0 14px; border-radius: 10px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .appts-template_04 .appts-table-item-wrapper .appts-table-item { background: #fff; display: inline-block; width: 100%; padding-bottom: 20px; -moz-transition: all 0.5 ease-in-out; -webkit-transition: all 0.5 ease-in-out; transition: all 0.5 ease-in-out; -moz-box-shadow: 0 0 2px 1px #f2f2f2; -webkit-box-shadow: 0 0 2px 1px #f2f2f2; box-shadow: 0 0 2px 1px #f2f2f2; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; z-index: 1; overflow: hidden; } .appts-template_04 .appts-table-item-wrapper .appts-ribbon-content-wrap { position: relative; } .appts-template_04 .appts-table-item-wrapper.appts-table-item-hidden .appts-ribbon-content-wrap { overflow: hidden; } .appts-template_04 .appts-table-item-wrapper .appts-content-all-wrap:hover, .appts-template_04 .appts-table-item-wrapper.appts-highlighted .appts-content-all-wrap { box-shadow: 0 0 10px rgba(10, 10, 10, 0.42); -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.42); -moz-box-shadow: 0 0 10px rgba(10, 10, 10, 0.42); } .appts-template_04 .appts-hover-disabled .appts-content-all-wrap:hover { box-shadow: 0 0 0 rgba(10, 10, 10, 0.42); -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0.42); -moz-box-shadow: 0 0 0 rgba(10, 10, 10, 0.42); } .appts-template_04 .appts-title-price-wrap { padding: 50px 0; background-size: cover; background-repeat: no-repeat; position: relative; background-position: 50%; } .appts-template_04 .appts-title-price-wrap:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.4); } .appts-template_04 .appts-pricing-info { margin: 0 auto; width: 122px; height: 122px; border: 2px solid #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; position: relative; overflow: hidden; } .appts-template_04 .appts-pricing-info.appts-html-pricing-info { width: 95%; height: auto; border: 0; -moz-border-radius: 0%; -webkit-border-radius: 0%; border-radius: 0%; } .appts-template_04 .appts-pricing-info-div { position: absolute; top: 50%; left: 0; right: 0; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .appts-template_04 .appts-html-pricing-info .appts-pricing-info-div { position: static; -moz-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%); } .appts-template_04 .appts-selling-value, .appts-template_04 .appts-price-value { font-family: 'Lato', sans-serif; font-weight: 300; color: #fff; display: inline-block; } .appts-template_04 .appts-selling-value { display: block; } .appts-template_04 .appts-selling-value .appts-integer { font-size: 42px; } .appts-template_04 .appts-selling-value .appts-currency-symbol, .appts-template_04 .appts-selling-value .appts-decimal { font-size: 20px; vertical-align: top; } .appts-template_04 .appts-selling-value .appts-decimal { text-decoration: underline; } .appts-template_04 .appts-price-value { display: inline-block; font-size: 20px; position: relative; } .appts-template_04 .appts-price-value:before { content: ''; position: absolute; top: 50%; width: 100%; height: 2px; background: #fff; } .appts-template_04 .appts-price-html-content .appts-price-value:before { content: none; } .appts-template_04 .appts-html-pricing-info .appts-price-value { display: block; } .appts-template_04 .appts-price-value span { display: inline-block; vertical-align: top; margin-right: 5px; } .appts-template_04 .appts-price-value-wrap { display: inline-block; } .appts-template_04 .appts-payment-name { display: block; font-size: 20px; font-weight: 400; color: #fff; position: relative; } .appts-template_04 .appts-html-pricing-info .appts-payment-name { display: block; padding: 10px 0; } .appts-template_04 .appts-html-pricing-info .appts-payment-name:before { content: none; } .appts-template_04 .appts-title-wrap span { display: block; text-align: center; border-bottom: 1px solid #dbdbdb; font-family: 'Lato', sans-serif; color: #000; font-weight: 400; text-transform: capitalize; padding: 18px 0; } .appts-template_04 .appts-item-title { font-size: 20px; } .appts-template_04 .appts-item-sub_title { font-size: 15px; } .appts-template_04 .appts-pricing-body { text-align: center; padding: 37px 0 23px; } .appts-template_04 .appts-pricing-content span { font-family: 'Lato', sans-serif; display: block; font-size: 14px; color: #4f4f4f; line-height: 1; margin-bottom: 16px; font-weight: 400; text-transform: capitalize; } .appts-template_04 .appts-pricing-content span i { margin-right: 15px; } .appts-template_04 .appts-pricing-footer-content span { font-family: 'Lato', sans-serif; display: block; font-size: 14px; color: #4f4f4f; line-height: 1; margin-bottom: 16px; font-weight: 400; text-transform: capitalize; text-align: center; } .appts-template_04 .appts-pricing-content-button a, .appts-template_04 .appts-pricing-footer-content-button a { display: inline-block; padding: 12px 35px; border-radius: 25px; background: #383838; color: #f2f2f2; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 500; text-transform: uppercase; max-width: 100%; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .appts-template_04 .appts-pricing-content-button a:hover, .appts-template_04 .appts-pricing-footer-content-button a:hover { background: #ee4f50; color: #f2f2f2; } /*template 4 css end */ /*template 5 css start*/ .appts-template_05 .appts-table-content-wrap { font-size: 0; text-align: center; } .appts-template_05 .appts-table-item-wrapper { display: inline-block; vertical-align: top; width: 33.33%; } .appts-template_05 .appts-table-item-wrapper.appts-feature-image { padding-top: 0px; } .appts-template_05 .appts-content-all-wrap { margin: 0 13px; position: relative; /* -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;*/ } .appts-template_05 .appts-content-all-wrap:hover, .appts-template_05 .appts-table-item-wrapper.appts-highlighted .appts-content-all-wrap { box-shadow: 0 0 10px rgba(10, 10, 10, 0.42); -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.42); -moz-box-shadow: 0 0 10px rgba(10, 10, 10, 0.42); } .appts-template_05 .appts-hover-disabled .appts-content-all-wrap:hover { box-shadow: 0 0 0 rgba(10, 10, 10, 0.42); -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0.42); -moz-box-shadow: 0 0 0 rgba(10, 10, 10, 0.42); } .appts-template_05 .appts-content-all-wrap .appts-ribbon-content-wrap { position: relative; } .appts-template_05 .appts-table-item-hidden .appts-content-all-wrap .appts-ribbon-content-wrap { overflow: hidden; } .appts-template_05 .appts-table-item { text-align: center; padding-top: 35px; background-color: #f3f3f3; padding-bottom: 35px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .appts-template_05 .appts-feature-image .appts-table-item { padding-top: 0px; } .appts-template_05 .appts-img-wrapper { margin-bottom: 35px; overflow: hidden; -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background: #eee; } .appts-template_05 .appts-table-item-wrapper .appts-img-wrapper img { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .appts-template_05 .appts-table-item-wrapper:hover .appts-img-wrapper img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .appts-template_05 .appts-hover-disabled .appts-img-wrapper img { -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .appts-template_05 .appts-title-wrap { margin-bottom: 15px; } .appts-template_05 .appts-title-wrap span { display: block; font-family: 'Titillium Web', sans-serif; line-height: 1.5; font-weight: 500; color: #737373; text-transform: uppercase; } .appts-template_05 .appts-item-title { font-size: 24px; } .appts-template_05 .appts-item-sub_title { font-size: 18px; } .appts-template_05 .appts-pricing-info .appts-price-value-wrap { display: inline-block; } .appts-template_05 .appts-pricing-info .appts-price-value, .appts-template_05 .appts-pricing-info .appts-selling-value { font-family: 'Open Sans', sans-serif; font-weight: 500; color: #000; } .appts-template_05 .appts-pricing-info .appts-price-value { display: inline-block; font-size: 20px; position: relative; } .appts-template_05 .appts-pricing-info .appts-price-value:before { content: ''; position: absolute; top: 50%; width: 100%; height: 2px; background: #000; } .appts-template_05 .appts-price-html-content .appts-price-value { color: #737373; } .appts-template_05 .appts-price-html-content .appts-price-value:before { content: none; } .appts-template_05 .appts-pricing-info .appts-selling-value { display: block; font-size: 36px; } .appts-template_05 .appts-pricing-info .appts-payment-name { display: inline-block; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #737373; } .appts-template_05 .appts-pricing-info .appts-price-html-content .appts-price-value, .appts-template_05 .appts-pricing-info .appts-price-html-content .appts-payment-name { display: block; } .appts-template_05 .appts-pricing-info .appts-price-html-content span { line-height: 1.5; } .appts-template_05 .appts-pricing-info { margin-bottom: 18px; } .appts-template_05 .appts-pricing-body { padding: 0 25px 18px; } .appts-template_05 .appts-pricing-content { padding: 18px 0; border-bottom: 1px solid #e5e5e5; } .appts-template_05 .appts-pricing-content:last-child { border-bottom: 0; } .appts-template_05 .appts-pricing-content span { display: block; font-family: 'Open Sans', sans-serif; font-size: 14px; text-transform: capitalize; font-weight: 600; } .appts-template_05 .appts-pricing-footer { padding: 0px 25px 0px; } .appts-template_05 .appts-pricing-footer-content span { display: block; font-family: 'Open Sans', sans-serif; font-size: 14px; text-transform: capitalize; font-weight: 600; padding: 18px 0; display: block; } .appts-template_05 .appts-pricing-content-button a, .appts-template_05 .appts-pricing-footer-content-button a { font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: uppercase; padding: 16px 36px; display: inline-block; background: #fd4326; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 2px solid; border-color: transparent; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .appts-template_05 .appts-pricing-content-button a:hover, .appts-template_05 .appts-pricing-footer-content-button a:hover { background: transparent; color: #fd4326; border-color: #fd4326; } /*template 5 css end*/ /*----------------------*/ /*shadow design css start*/ .appts-table-item-wrapper.shadow1 .appts-content-all-wrap { box-shadow: 0 10px 6px -6px #777; } .appts-template_24 .appts-table-item-wrapper.shadow1 .appts-content-all-wrap, .appts-template_10 .appts-table-item-wrapper.shadow1 .appts-content-all-wrap { box-shadow: none; } .appts-table-item-wrapper.shadow2 .appts-content-all-wrap:before, .appts-table-item-wrapper.shadow2 .appts-content-all-wrap:after { z-index: 0; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .appts-table-item-wrapper .appts-table-item { z-index: 99; } /*shadow design css ends*/ /*ribbon css start*/ .appts-ribbon-display { text-align: center; display: block; position: absolute; z-index: 999; } /*ribbon type 1 css start*/ .appts-ribbon-1.appts-ribbon-display { top: 19px; width: 150px; } .appts-ribbon-display.appts-gradient-selected .appts-ribbon-wrap { background: linear-gradient(-90deg, #9BC90D, #79A70A); } .appts-ribbon-display.appts-ribbon-left.appts-ribbon-1 { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .appts-ribbon-display.appts-ribbon-right.appts-ribbon-1 { transform: rotate(45deg); -webkit-transform: rotate(45deg); } /**/ .appts-template_24 .appts-ribbon-display.appts-ribbon-left.appts-ribbon-1 { transform: rotate(0deg); -webkit-transform: rotate(0deg); } .appts-template_24 .appts-ribbon-display.appts-ribbon-right.appts-ribbon-1 { transform: rotate(0deg); -webkit-transform: rotate(0deg); } /**/ .appts-ribbon-1.appts-ribbon-left { left: -39px; } .appts-ribbon-1.appts-ribbon-right { right: -39px; } .appts-ribbon-1 .appts-ribbon-wrap { font-size: 11px; font-family: 'Lato', sans-serif; font-weight: bold; line-height: 1.5; text-transform: uppercase; color: #fff; background: #fd4326; text-decoration: none; font-style: normal; padding: 10px 0; width: 100%; } /*ribbon type 1 css end*/ /*ribbon type 2 css start*/ .appts-ribbon-2.appts-ribbon-left { left: 0; top: 10px; width: auto; } .appts-ribbon-2.appts-ribbon-right { right: 0; top: 10px; width: auto; } .appts-ribbon-2 .appts-ribbon-wrap { font-size: 14px; font-weight: 300; color: #fff; background: #f0d101; width: 100%; font-family: 'Open Sans', sans-serif; font-style: italic; padding: 9px 12px; position: relative; } .appts-ribbon-2 .appts-ribbon-wrap:before, .appts-ribbon-2 .appts-ribbon-wrap:after { content: ''; position: absolute; height: 50%; } .appts-ribbon-2.appts-ribbon-left .appts-ribbon-wrap:before, .appts-ribbon-2.appts-ribbon-left .appts-ribbon-wrap:after { left: 100%; } .appts-ribbon-2.appts-ribbon-right .appts-ribbon-wrap:before, .appts-ribbon-2.appts-ribbon-right .appts-ribbon-wrap:after { right: 100%; } .appts-ribbon-2.appts-ribbon-left .appts-ribbon-wrap:before { width: 0; border-style: solid; border-width: 20px 20px 0 0; border-color: #f0d101 transparent transparent transparent; top: 0; } .appts-ribbon-2.appts-ribbon-left .appts-ribbon-wrap:after { width: 0; border-style: solid; border-width: 20px 0 0 20px; border-color: transparent transparent transparent #f0d101; bottom: 0; } .appts-ribbon-2.appts-ribbon-right .appts-ribbon-wrap:before { width: 0; height: 0; border-style: solid; border-width: 0 20px 20px 0; border-color: transparent #f0d101 transparent transparent; top: 0; } .appts-ribbon-2.appts-ribbon-right .appts-ribbon-wrap:after { width: 0; height: 0; border-style: solid; border-width: 0 0 20px 20px; border-color: transparent transparent #f0d101 transparent; bottom: 0; } /*ribbon type 2 css end*/ /*ribbon css end*/ /*Responsive css for wp-pricing-table start*/ @media only screen and (max-width: 1200px) { .appts-table-item-wrapper { margin: 20px 0; } } @media only screen and (max-width: 992px) { .appts-table-wrapper.appts-4-columns .appts-table-content-wrap .appts-table-item-wrapper, .appts-table-wrapper.appts-5-columns .appts-table-content-wrap .appts-table-item-wrapper, .appts-table-wrapper.appts-6-columns .appts-table-content-wrap .appts-table-item-wrapper, .appts-table-wrapper.appts-7-columns .appts-table-content-wrap .appts-table-item-wrapper, .appts-table-wrapper.appts-8-columns .appts-table-content-wrap .appts-table-item-wrapper, .appts-table-wrapper.appts-9-columns .appts-table-content-wrap .appts-table-item-wrapper, .appts-table-wrapper.appts-10-columns .appts-table-content-wrap .appts-table-item-wrapper, .appts-table-wrapper.appts-11-columns .appts-table-content-wrap .appts-table-item-wrapper, .appts-table-wrapper.appts-12-columns .appts-table-content-wrap .appts-table-item-wrapper, .appts-table-wrapper.appts-13-columns .appts-table-content-wrap .appts-table-item-wrapper, .appts-table-wrapper.appts-14-columns .appts-table-content-wrap .appts-table-item-wrapper, .appts-table-wrapper.appts-15-columns .appts-table-content-wrap .appts-table-item-wrapper, .appts-table-wrapper.appts-16-columns .appts-table-content-wrap .appts-table-item-wrapper, .appts-table-wrapper.appts-17-columns .appts-table-content-wrap .appts-table-item-wrapper, .appts-table-wrapper.appts-18-columns .appts-table-content-wrap .appts-table-item-wrapper, .appts-table-wrapper.appts-19-columns .appts-table-content-wrap .appts-table-item-wrapper, .appts-table-wrapper.appts-20-columns .appts-table-content-wrap .appts-table-item-wrapper, .appts-table-wrapper.appts-21-columns .appts-table-content-wrap .appts-table-item-wrapper { width: 50%; } .appts-header-template-2 .appts-common-header-title-subtitle-wrap{ width:40%; } .appts-header-template-2 .appts-common-header-description{ width:60%; } } @media only screen and (max-width: 840px) { .appts-table-wrapper.appts-3-columns .appts-table-content-wrap .appts-table-item-wrapper { width: 400px; max-width: 100%; display: block; margin: 20px auto; } } @media only screen and (max-width: 768px) { .appts-table-wrapper .appts-table-content-wrap .appts-table-item-wrapper { width: 400px ! important; max-width: 100%; display: block; margin: 10px auto; } } @media only screen and (max-width: 640px) { .appts-header-template-2 .appts-common-header-title-subtitle-wrap{ width:100%; display:block; } .appts-header-template-2 .appts-common-header-description{ width:100%; display:block; } .appts-header-template-2 .appts-common-header-title-subtitle-wrap{ padding:10px; } } @media only screen and (max-width: 480px) {} /*Responsive css for wp-pricing-table end*/ /*animate_edit start*/ @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-15px, 0, 0); transform: translate3d(-15px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-15px, 0, 0); transform: translate3d(-15px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftSmall { from { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftSmall { from { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftSmall { -webkit-animation-name: fadeInLeftSmall; animation-name: fadeInLeftSmall; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(15px, 0, 0); transform: translate3d(15px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(15px, 0, 0); transform: translate3d(15px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightSmall { from { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightSmall { from { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightSmall { -webkit-animation-name: fadeInRightSmall; animation-name: fadeInRightSmall; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftSmall { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-15px, 0, 0); transform: translate3d(-15px, 0, 0); } } @keyframes fadeOutLeftSmall { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-15px, 0, 0); transform: translate3d(-15px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(20%, 0, 0); transform: translate3d(20%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(20%, 0, 0); transform: translate3d(20%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightSmall { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } } @keyframes fadeOutRightSmall { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } } .fadeOutRightSmall { -webkit-animation-name: fadeOutRightSmall; animation-name: fadeOutRightSmall; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpSmall { from { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpSmall { from { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpSmall { -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownSmall { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownSmall { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownSmall { -webkit-animation-name: fadeInDownSmall; animation-name: fadeInDownSmall; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-15px, 0, 0); transform: translate3d(-15px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-15px, 0, 0); transform: translate3d(-15px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } */ /*animate_edit edit code*/