CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="https://gmpg.org/xfn/11"> <script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script> <title>PopularFX – The easiest feature rich WordPress Theme with 400 templates</title> <style type="text/css"> label[for="password"], .password-input, .lost_password{ display:none !important; } </style> <link rel="alternate" type="application/rss+xml" title="PopularFX » Feed" href="https://www.popularfx.com/feed/" /> <script> var pagelayer_ajaxurl = "https://www.popularfx.com/site-admin/admin-ajax.php?"; var pagelayer_global_nonce = "89bb857193"; var pagelayer_server_time = 1744141031; var pagelayer_is_live = ""; var pagelayer_facebook_id = ""; var pagelayer_settings = {"post_types":["post","page","docs"],"enable_giver":"1","max_width":1170,"tablet_breakpoint":780,"mobile_breakpoint":360,"sidebar":[],"body_font":false,"color":false}; var pagelayer_recaptch_lang = ""; var pagelayer_recaptch_version = ""; </script><style id="pagelayer-wow-animation-style" type="text/css">.pagelayer-wow{visibility: hidden;}</style> <style id="pagelayer-global-styles" type="text/css"> :root{--pagelayer-color-primary:#007bff;--pagelayer-color-secondary:#6c757d;--pagelayer-color-text:#1d1d1d;--pagelayer-color-accent:#61ce70;--pagelayer-font-primary-font-family:Open Sans;--pagelayer-font-secondary-font-family:Roboto;--pagelayer-font-text-font-family:Montserrat;--pagelayer-font-accent-font-family:Poppins;} .pagelayer-row-stretch-auto > .pagelayer-row-holder, .pagelayer-row-stretch-full > .pagelayer-row-holder.pagelayer-width-auto{ max-width: 1170px; margin-left: auto; margin-right: auto;} @media (min-width: 781px){ .pagelayer-hide-desktop{ display:none !important; } } @media (max-width: 780px) and (min-width: 361px){ .pagelayer-hide-tablet{ display:none !important; } .pagelayer-wp-menu-holder[data-drop_breakpoint="tablet"] .pagelayer-wp_menu-ul{ display:none; } } @media (max-width: 360px){ .pagelayer-hide-mobile{ display:none !important; } .pagelayer-wp-menu-holder[data-drop_breakpoint="mobile"] .pagelayer-wp_menu-ul{ display:none; } } @media (max-width: 780px){ [class^="pagelayer-offset-"], [class*=" pagelayer-offset-"] { margin-left: 0; } .pagelayer-row .pagelayer-col { margin-left: 0; width: 100%; } .pagelayer-row.pagelayer-gutters .pagelayer-col { margin-bottom: 16px; } .pagelayer-first-sm { order: -1; } .pagelayer-last-sm { order: 1; } } </style><link rel='stylesheet' id='pagelayer-frontend-css' href='https://www.popularfx.com/site-data/plugins/pagelayer/css/givecss.php?give=pagelayer-frontend.css%2Cnivo-lightbox.css%2Canimate.min.css%2Cowl.carousel.min.css%2Cowl.theme.default.min.css%2Cfont-awesome5.min.css&premium=premium-frontend.css&ver=1.9.6' type='text/css' media='all' /> <link rel='stylesheet' id='sitepad-style-css' href='https://www.popularfx.com/sitepad-data/themes/ui/style.css?ver=5.1.6' type='text/css' media='all' /> <script type='text/javascript' src='https://www.popularfx.com/site-inc/js/jquery/jquery.js?ver=1.12.4'></script> <script type='text/javascript' src='https://www.popularfx.com/site-inc/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script> <script type='text/javascript' src='https://www.popularfx.com/site-data/plugins/pagelayer/js/givejs.php?give=pagelayer-frontend.js%2Cnivo-lightbox.min.js%2Cwow.min.js%2Cjquery-numerator.js%2CsimpleParallax.min.js%2Cowl.carousel.min.js&premium=chart.min.js%2Cpremium-frontend.js%2Cshuffle.min.js&ver=1.9.6'></script> <meta name="generator" content="SitePad 5.1.6" /> <link rel="canonical" href="https://www.popularfx.com/" /> <link rel='shortlink' href='https://www.popularfx.com/' /> <link rel="alternate" type="application/json+oembed" href="https://www.popularfx.com/sp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.popularfx.com%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://www.popularfx.com/sp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.popularfx.com%2F&format=xml" /> <script type="text/javascript"> // Make $ is jQuery $ = jQuery; </script> <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>  <script src="https://www.dwin1.com/19038.js" type="text/javascript" defer="defer"></script> </head> <body class="home page-template-default page page-id-994 wp-embed-responsive group-blog pagelayer-body"> <div class="pagelayer-popup-modal" > <div class="pagelayer-popup-modal-content"> <div class="pagelayer-popup-content"> <div pagelayer-id="ro27775" class="p-ro27775 pagelayer-popup" data-overlay_close="true" data-selector_close=".pagelayer-contact-submit-btn" data-popup_cbtn="true" data-popup_cbtn_position="inside" data-trig_click="true" data-trig_click_ele=".popularfx-download"> <style pagelayer-style-id="ro27775">[pagelayer-popup-id="ro27775"] .pagelayer-popup-modal-content{width:50%;background-color:#7ba9b5} [pagelayer-popup-id="ro27775"]{pointer-events: all;background-color:rgba(0,0,0,0.80);pointer-events: all} [pagelayer-popup-id="ro27775"] .pagelayer-popup-close{display:block;border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;border-color: #CCC} </style></div> <div pagelayer-id="o5r6041" class="p-o5r6041 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="o5r6041">.p-o5r6041 .pagelayer-col-holder{padding: 10px} .p-o5r6041 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-o5r6041 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-o5r6041 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-o5r6041 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-o5r6041 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="wex9134" class="p-wex9134 pagelayer-col pagelayer-col-12"> <div class="pagelayer-col-holder"> <div pagelayer-id="dcg2206" class="p-dcg2206 pagelayer-heading" align="center"> <style pagelayer-style-id="dcg2206">.p-dcg2206{text-align: center;padding-top: 0%; padding-right: 0%; padding-bottom: 2%; padding-left: 0%;font-size: NaNpx !important} .p-dcg2206 .pagelayer-heading-holder *{color:#fefefe;font-family: !important; font-size: 24px !important; font-style: !important; font-weight: 600 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: 3.5px !important; word-spacing: px !important} .p-dcg2206 .pagelayer-heading-holder{color:#fefefe;font-family: !important; font-size: 24px !important; font-style: !important; font-weight: 600 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: 3.5px !important; word-spacing: px !important} </style><div class="pagelayer-heading-holder"><h2>Download PopularFX Templates</h2></div> </div> <div pagelayer-id="tk91282" class="p-tk91282 pagelayer-text"> <style pagelayer-style-id="tk91282">.p-tk91282{padding-top: 22px; padding-right: 22px; padding-bottom: 22px; padding-left: 22px;font-size: 23px !important} </style><div class="pagelayer-text-holder"><p><span style="color: rgb(255, 255, 255);">Subscribe to our Newsletter for WordPress related news and tutorials and get a 25% discount !<br /></span></p></div></div> <div pagelayer-id="j725150" class="p-j725150 pagelayer-contact"> <style pagelayer-style-id="j725150">.p-j725150 .pagelayer-contact-form{text-align: center} .p-j725150 label{padding-top:px; padding-right:px; padding-bottom:10px; padding-left:px} .p-j725150 input, .p-j725150 select, .p-j725150 textarea{padding-top:15px; padding-right:15px; padding-bottom:15px; padding-left:15px;border-style: solid;border-color: #ffffff;border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px 20px;-webkit-transition: all 400ms; transition: all 400ms} .p-j725150 input[type="checkbox"] + label:before, .p-j725150 input[type="radio"]{height:10px; min-height:10px; width:10px} .p-j725150 input[type="checkbox"] + label:before{border-style: solid;border-color: #ffffff} .p-j725150 .pagelayer-btn-holder{background-color: #3acb95;color: #ffffff;-webkit-transition: all 400ms !important; transition: all 400ms !important;border-style: solid;border-color: #3acb95;border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px 20px} .p-j725150{margin-top: 0%; margin-right: 16%; margin-bottom: 0%; margin-left: 16%} </style><div class="pagelayer-contact-form-div pagelayer-contact-form-holder"> <div class="pagelayer-message-box pagelayer-message-top"></div> <form class="pagelayer-contact-form" id="download-subscribe-form" name="Download Subscribe Form" onsubmit="return pagelayer_contact_submit(this, event)" method="POST"> <div class="pagelayer-contact-holder"> <div pagelayer-id="fok8202" class="p-fok8202 pagelayer-contact_item"> <style pagelayer-style-id="fok8202">.p-fok8202{width:100%;display:inline-block;padding-top:0px; padding-right:0px; padding-bottom:4px; padding-left:0px} @media (max-width: 360px){.p-fok8202{width:100%} } </style><input type="email" placeholder="Enter your email" name="email" /></div> </div> <input type="hidden" name="cfa-pagelayer-id" /> <input type="hidden" name="cfa-post-id" value="10513" /> <div class="pagelayer-contact-submit-holder"> <button type="submit" form="download-subscribe-form" class="pagelayer-contact-submit-btn pagelayer-btn-holder pagelayer-ele-link pagelayer-btn-custom pagelayer-btn-small {{icon_position}}"> <i class="fa fa-circle-o-notch fa-spin" style="display:none;margin-right:5px;"></i> <span class="pagelayer-btn-text">Subscribe and Download</span> </button> </div> </form> <div class="pagelayer-message-box pagelayer-message-bottom"></div> </div></div> <div pagelayer-id="n0j4928" class="p-n0j4928 pagelayer-heading" align="center"> <style pagelayer-style-id="n0j4928">.p-n0j4928{text-align: center} .p-n0j4928 .pagelayer-heading-holder *{color:#fefefe;font-family: !important; font-size: 14px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-n0j4928 .pagelayer-heading-holder{color:#fefefe;font-family: !important; font-size: 14px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style><div class="pagelayer-heading-holder"><p>By entering your email, you agree to our <a href="https://popularfx.com/terms">Terms of Service</a> and <a href="https://popularfx.com/privacy">Privacy Policy</a></p></div> </div> </div></div> </div></div> </div> </div> </div><div class="pagelayer-popup-modal" > <div class="pagelayer-popup-modal-content"> <div class="pagelayer-popup-content"> <div pagelayer-id="pm64375" class="p-pm64375 pagelayer-popup bounceIn pagelayer-wow" data-popup_animation="bounceIn" data-overlay_close="true" data-popup_cbtn="true" data-popup_cbtn_position="inside" data-trig_load="true" data-trig_load_sec="15" data-popup_cookie_session="true" data-popup_cookie_close="1" data-popup_cookie_selector=".pagelayer-contact-submit-btn" data-popup_cookie_name="popup_cookie_704" data-popup_cookie_exp="30"> <style pagelayer-style-id="pm64375">[pagelayer-popup-id="pm64375"] .pagelayer-popup-modal-content{width:60%;height:58%;-webkit-animation-delay: 600ms; animation-delay: 600ms;background-color:#4fafc7} [pagelayer-popup-id="pm64375"]{pointer-events: all;background-color:rgba(0,0,0,0.80);pointer-events: all} [pagelayer-popup-id="pm64375"] .pagelayer-popup-close{display:block;border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;border-color: #CCC} @media (max-width: 360px){[pagelayer-popup-id="pm64375"] .pagelayer-popup-modal-content{width:100%;height:100%} } </style></div> <div pagelayer-id="ryx7097" class="p-ryx7097 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="ryx7097">.p-ryx7097 .pagelayer-col-holder{padding: 10px} .p-ryx7097>.pagelayer-row-holder .pagelayer-col{align-content: default} .p-ryx7097 > .pagelayer-background-overlay{background-color: #47b0cd;opacity: 1;-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-ryx7097 .pagelayer-svg-top .pagelayer-shape-fill{fill:#fff} .p-ryx7097 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-ryx7097 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#fff} .p-ryx7097 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-ryx7097{padding-top: 14px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px} @media (max-width: 360px){.p-ryx7097{padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} } </style> <div class="pagelayer-row-shape"> <div class="pagelayer-row-svg"> </div> </div> <div class="pagelayer-background-overlay"></div> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="cvk7591" class="p-cvk7591 pagelayer-col pagelayer-col-12"> <div class="pagelayer-col-holder"> <div pagelayer-id="71v1198" class="p-71v1198 pagelayer-heading" align="center"> <style pagelayer-style-id="71v1198">.p-71v1198{text-align: center;padding-top: 0%; padding-right: 0%; padding-bottom: 2%; padding-left: 0%;font-size: NaNpx !important} .p-71v1198 .pagelayer-heading-holder *{color:#fefefe;font-family: !important; font-size: 24px !important; font-style: !important; font-weight: 600 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: 3.5px !important; word-spacing: px !important} .p-71v1198 .pagelayer-heading-holder{color:#fefefe;font-family: !important; font-size: 24px !important; font-style: !important; font-weight: 600 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: 3.5px !important; word-spacing: px !important} </style><div class="pagelayer-heading-holder"><h2>Subscribe to our Newsletter</h2></div> </div> <div pagelayer-id="m412514" class="p-m412514 pagelayer-text"> <style pagelayer-style-id="m412514">.p-m412514{padding-top: 22px; padding-right: 22px; padding-bottom: 22px; padding-left: 22px;font-size: 23px !important} </style><div class="pagelayer-text-holder"><p><span style="color: rgb(255, 255, 255);">Subscribe to our Newsletter for WordPress related news and tutorials and get a 25% discount ! Also keep yourself up-to-date of all the templates we add monthly.<br /></span></p></div></div> <div pagelayer-id="c4m7969" class="p-c4m7969 pagelayer-contact"> <style pagelayer-style-id="c4m7969">.p-c4m7969 .pagelayer-contact-form{text-align: center} .p-c4m7969 label{padding-top:px; padding-right:px; padding-bottom:10px; padding-left:px} .p-c4m7969 input, .p-c4m7969 select, .p-c4m7969 textarea{padding-top:15px; padding-right:15px; padding-bottom:15px; padding-left:15px;border-style: solid;border-color: #ffffff;border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px 20px;-webkit-transition: all 400ms; transition: all 400ms} .p-c4m7969 input[type="checkbox"] + label:before, .p-c4m7969 input[type="radio"]{height:10px; min-height:10px; width:10px} .p-c4m7969 input[type="checkbox"] + label:before{border-style: solid;border-color: #ffffff} .p-c4m7969 .pagelayer-btn-holder{background-color: #3acb95;color: #ffffff;-webkit-transition: all 400ms !important; transition: all 400ms !important;border-style: solid;border-color: #3acb95;border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px 20px} .p-c4m7969{margin-top: 0%; margin-right: 16%; margin-bottom: 0%; margin-left: 16%} </style><div class="pagelayer-contact-form-div pagelayer-contact-form-holder"> <div class="pagelayer-message-box pagelayer-message-top"></div> <form class="pagelayer-contact-form" id="subscribe-form" name="Subscribe Form" onsubmit="return pagelayer_contact_submit(this, event)" method="POST"> <div class="pagelayer-contact-holder"> <div pagelayer-id="t7k5212" class="p-t7k5212 pagelayer-contact_item"> <style pagelayer-style-id="t7k5212">.p-t7k5212{width:100%;display:inline-block;padding-top:0px; padding-right:0px; padding-bottom:4px; padding-left:0px} @media (max-width: 360px){.p-t7k5212{width:100%} } </style><input type="email" placeholder="Enter your email" name="email" /></div> </div> <input type="hidden" name="cfa-pagelayer-id" /> <input type="hidden" name="cfa-post-id" value="10496" /> <div class="pagelayer-contact-submit-holder"> <button type="submit" form="subscribe-form" class="pagelayer-contact-submit-btn pagelayer-btn-holder pagelayer-ele-link pagelayer-btn-custom pagelayer-btn-small {{icon_position}}"> <i class="fa fa-circle-o-notch fa-spin" style="display:none;margin-right:5px;"></i> <span class="pagelayer-btn-text">Subscribe to PopularFX Newsletters</span> </button> </div> </form> <div class="pagelayer-message-box pagelayer-message-bottom"></div> </div></div> </div></div> </div></div> </div> </div> </div> <header class="pagelayer-header"><div pagelayer-id="6t69263" class="p-6t69263 pagelayer-post_props"> </div> <div pagelayer-id="cie8278" class="p-cie8278 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default pagelayer-hide-desktop pagelayer-hide-tablet pagelayer-hide-mobile"> <style pagelayer-style-id="cie8278">.p-cie8278 .pagelayer-col-holder{padding: 10px} .p-cie8278 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-cie8278 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-cie8278 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-cie8278 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-cie8278 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-cie8278{background-image: url("https://www.popularfx.com/sitepad-data/uploads/2022/12/Fondo_footer.jpg");background-position-x: center;background-position-y: center;background-repeat: no-repeat;background-size: cover;padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="9ag8964" class="p-9ag8964 pagelayer-col pagelayer-col-4"> <style pagelayer-style-id="9ag8964">.p-9ag8964{align-content: center !important} .p-9ag8964 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="d9h8415" class="p-d9h8415 pagelayer-heading zoomIn pagelayer-wow" align="center"> <style pagelayer-style-id="d9h8415">.p-d9h8415{text-align: center;padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;position:relative; left:margin; transform:translateX(-margin);height:auto;-webkit-animation-delay: 600ms; animation-delay: 600ms} .p-d9h8415 .pagelayer-heading-holder *{color:#ffffff} .p-d9h8415 .pagelayer-heading-holder{color:#ffffff} .p-d9h8415{ transform: rotate(-20deg); } </style><div class="pagelayer-heading-holder"><h2>New year Offer<br />35% Off<br /></h2></div> </div> </div></div> <div pagelayer-id="dqv5346" class="p-dqv5346 pagelayer-col pagelayer-col-4"> <style pagelayer-style-id="dqv5346">.p-dqv5346{align-content: center !important} .p-dqv5346 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="dtt7950" class="p-dtt7950 pagelayer-countdown"> <style pagelayer-style-id="dtt7950">.p-dtt7950 .pagelayer-countdown-count{color:#ffffff;font-family: ; font-size: 30px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} .p-dtt7950 .pagelayer-countdown-name span{color:#ffffff} .p-dtt7950 .pagelayer-countdown-name{font-family: ; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-dtt7950 .pagelayer-countdown-expired p{color:#efb810;font-family: ; font-size: 50px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-dtt7950 .pagelayer-countdown-expired{text-align:center} .p-dtt7950 .pagelayer-countdown-item{background-color:rgba(239,184,16,0.00);padding-top: 11px; padding-right: 11px; padding-bottom: 11px; padding-left: 11px} </style><div class="pagelayer-countdown-container" pagelayer-expiry-date="2023-01-01" pagelayer-time-type="server"> <div class="pagelayer-countdown-expired"> <p>Offer Expired</p> </div> <div class="pagelayer-countdown-counter"> <div class="pagelayer-countdown-days pagelayer-countdown-item pagelayer-countdown-block"> <div class="pagelayer-days-count pagelayer-countdown-count"></div> <div class="pagelayer-countdown-name"> <span>Days</span> </div> </div> <div class="pagelayer-countdown-hours pagelayer-countdown-item pagelayer-countdown-block"> <div class="pagelayer-hours-count pagelayer-countdown-count"></div> <div class="pagelayer-countdown-name"> <span>Hours</span> </div> </div> <div class="pagelayer-countdown-minutes pagelayer-countdown-item pagelayer-countdown-block"> <div class="pagelayer-minutes-count pagelayer-countdown-count"></div> <div class="pagelayer-countdown-name"> <span>Minutes</span> </div> </div> <div class="pagelayer-countdown-seconds pagelayer-countdown-item pagelayer-countdown-block"> <div class="pagelayer-seconds-count pagelayer-countdown-count"></div> <div class="pagelayer-countdown-name"> <span>Seconds</span> </div> </div> </div> </div></div> </div></div> <div pagelayer-id="3hl900" class="p-3hl900 pagelayer-col pagelayer-col-4"> <style pagelayer-style-id="3hl900">.p-3hl900{align-content: center !important} .p-3hl900 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="98u6683" class="p-98u6683 pagelayer-btn"> <style pagelayer-style-id="98u6683">.p-98u6683 .pagelayer-btn-text{font-family: ; font-size: px !important; font-style: !important; font-weight: 700 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-98u6683 .pagelayer-btn-holder{font-family: ; font-size: px !important; font-style: !important; font-weight: 700 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;padding: calc(24px / 2) 24px;background-color: #efb810;color: #ffffff;-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-98u6683{text-align: center} .p-98u6683 .pagelayer-btn-anim-thin{background-color: unset !important} .p-98u6683 .pagelayer-btn-anim-thin::before{background-color: #efb810} .p-98u6683 .pagelayer-btn-anim-thin::after{background-color: #efb810} </style><a class="pagelayer-btn-holder pagelayer-ele-link pagelayer-btn-custom pagelayer-btn-custom {{icon_position}}"> <span class="pagelayer-btn-text">COUPON CODE - NEWYEAR</span> </a></div> </div></div> </div></div> <div pagelayer-id="48e9115" class="p-48e9115 pagelayer-row pagelayer-row-stretch-full pagelayer-height-default"> <style pagelayer-style-id="48e9115">.p-48e9115 .pagelayer-col-holder{padding: 10px} .p-48e9115 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-48e9115 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-48e9115 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-48e9115 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-48e9115 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-48e9115{background: #ede7f6} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="z6r7554" class="p-z6r7554 pagelayer-col pagelayer-col-6"> <style pagelayer-style-id="z6r7554">.p-z6r7554 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-z6r7554 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="0vo6852" class="p-0vo6852 pagelayer-inner_row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="0vo6852">.p-0vo6852 .pagelayer-col-holder{padding: 10px} .p-0vo6852 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-0vo6852 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-0vo6852 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-0vo6852 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-0vo6852 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="h8a1429" class="p-h8a1429 pagelayer-col"> <style pagelayer-style-id="h8a1429">.p-h8a1429{align-content: center !important} .p-h8a1429 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .pagelayer-row-holder .p-h8a1429{width: 20%} .p-h8a1429 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} @media (max-width: 780px) and (min-width: 361px){.pagelayer-row-holder .p-h8a1429{width: 30%} } @media (max-width: 360px){.pagelayer-row-holder .p-h8a1429{width: 75%} } </style> <div class="pagelayer-col-holder"> <div pagelayer-id="ks26043" class="p-ks26043 pagelayer-wp_title"> <style pagelayer-style-id="ks26043">.p-ks26043 .pagelayer-wp-title-heading{font-family: Poppins; font-size: 25px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;color:#4511b1;text-align:left;padding: 0px 0px 0px 0px} </style><div class="pagelayer-wp-title-content"> <div class="pagelayer-wp-title-section"> <a href="https://www.popularfx.com" class="pagelayer-wp-title-link pagelayer-ele-link"> <div class="pagelayer-wp-title-holder"> <div class="pagelayer-wp-title-heading">PopularFX</div> </div> </a> </div> <div></div></div></div> </div></div> <div pagelayer-id="dqu8461" class="p-dqu8461 pagelayer-col"> <style pagelayer-style-id="dqu8461">.p-dqu8461{align-content: center !important} .p-dqu8461 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .pagelayer-row-holder .p-dqu8461{width: 60%} .p-dqu8461 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} @media (max-width: 780px) and (min-width: 361px){.pagelayer-row-holder .p-dqu8461{width: 70%} } @media (max-width: 360px){.pagelayer-row-holder .p-dqu8461{width: 25%} } </style> <div class="pagelayer-col-holder"> <div pagelayer-id="ty95969" class="p-ty95969 pagelayer-wp_menu"> <style pagelayer-style-id="ty95969">.p-ty95969 .pagelayer-wp_menu-ul{text-align:right} .p-ty95969 .pagelayer-wp-menu-container li.menu-item{list-style: none} .p-ty95969 .pagelayer-wp_menu-ul>li a:first-child{color: #000000} .p-ty95969 .pagelayer-menu-hover-background .pagelayer-wp_menu-ul>li:hover{background-color: #4511b1} .p-ty95969 .pagelayer-wp_menu-ul>li>a:hover:before{background-color: #4511b1;border-color:#4511b1} .p-ty95969 .pagelayer-wp_menu-ul>li>a:hover:after{background-color: #4511b1;border-color:#4511b1} .p-ty95969 .pagelayer-wp_menu-ul>li.pagelayer-active-sub-menu{background-color: #4511b1} .p-ty95969 .pagelayer-wp-menu-container ul li.menu-item > a{font-family: Montserrat !important; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-ty95969 .pagelayer-wp_menu-ul>li>a{padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom : 10px} .p-ty95969 .pagelayer-menu-type-horizontal .sub-menu{left:0px} .p-ty95969 .pagelayer-menu-type-horizontal .sub-menu .sub-menu{left:unset;left:100% !important;top:0px} .p-ty95969 .pagelayer-wp-menu-container ul.sub-menu>li a{color: #ffffff} .p-ty95969 .pagelayer-wp-menu-container ul.sub-menu{background-color: #0986c0} .p-ty95969 .pagelayer-wp-menu-container ul.sub-menu li a{padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom : 10px} .p-ty95969 .pagelayer-wp-menu-container .sub-menu a{margin-left: 10px} .p-ty95969 .pagelayer-wp-menu-container .sub-menu .sub-menu a{margin-left: calc(2 * 10px)} .p-ty95969 .pagelayer-primary-menu-bar{text-align:right} .p-ty95969 .pagelayer-primary-menu-bar i{color:#ffffff;background-color:#4511b1;font-size:30px} .p-ty95969 .pagelayer-menu-type-dropdown{width:30%;background-color:#ffffff} .p-ty95969 .pagelayer-menu-type-dropdown .pagelayer-wp_menu-ul{width:100%;top: 8%; transform: translateY(-8%)} .p-ty95969 .pagelayer-wp_menu-close i{font-size:25px;padding:8px;color:rgba(255,255,255,0.76);background-color:#4511b1;-webkit-transition: all 600ms !important; transition: all 600ms !important} .p-ty95969 .pagelayer-wp_menu-close i:hover{color:#ffffff;background-color:#000000} @media (max-width: 780px) and (min-width: 361px){.p-ty95969 .pagelayer-primary-menu-bar{text-align:right} .p-ty95969 .pagelayer-primary-menu-bar i{font-size:20px;padding:10 {{val[1]}}} .p-ty95969 .pagelayer-menu-type-dropdown .pagelayer-wp_menu-ul > li > a{justify-content: center} } @media (max-width: 360px){.p-ty95969 .pagelayer-primary-menu-bar i{font-size:20px;padding:10 {{val[1]}}} .p-ty95969 .pagelayer-menu-type-dropdown .pagelayer-wp_menu-ul > li > a{justify-content: center} .p-ty95969 .pagelayer-menu-type-dropdown{width:50%} } </style><div class="pagelayer-wp-menu-holder" data-layout="horizontal" data-submenu_ind="caret-down" data-drop_breakpoint="tablet"> <div class="pagelayer-primary-menu-bar"><i class="fas fa-bars"></i></div> <div class="pagelayer-wp-menu-container pagelayer-menu-type-horizontal pagelayer-menu-hover-underline slide pagelayer-wp_menu-right" data-align="right"> <div class="pagelayer-wp_menu-close"><i class="fas fa-times"></i></div> <div class="menu-header-menu-container"><ul id="26" class="pagelayer-wp_menu-ul"><li id="menu-item-996" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-994 current_page_item menu-item-996"><a href="https://www.popularfx.com/" aria-current="page"><span class="pagelayer-nav-menu-title">Home</span></a><div class="pagelayer-mega-menu pagelayer-mega-editor-996"></div></li> <li id="menu-item-997" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-997"><a href="https://www.popularfx.com/features/"><span class="pagelayer-nav-menu-title">Features</span></a><div class="pagelayer-mega-menu pagelayer-mega-editor-997"></div></li> <li id="menu-item-998" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-998"><a href="https://www.popularfx.com/templates/"><span class="pagelayer-nav-menu-title">Templates</span></a><div class="pagelayer-mega-menu pagelayer-mega-editor-998"></div></li> <li id="menu-item-999" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-999"><a href="https://www.popularfx.com/premium/"><span class="pagelayer-nav-menu-title">Premium</span></a><div class="pagelayer-mega-menu pagelayer-mega-editor-999"></div></li> <li id="menu-item-1000" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1000"><a href="https://www.popularfx.com/pricing/"><span class="pagelayer-nav-menu-title">Pricing</span></a><div class="pagelayer-mega-menu pagelayer-mega-editor-1000"></div></li> <li id="menu-item-1001" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1001"><a href="https://www.popularfx.com/plugin/"><span class="pagelayer-nav-menu-title">Plugin</span></a><div class="pagelayer-mega-menu pagelayer-mega-editor-1001"></div></li> <li id="menu-item-1002" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1002"><a href="https://www.popularfx.com/docs/"><span class="pagelayer-nav-menu-title">Docs</span></a><div class="pagelayer-mega-menu pagelayer-mega-editor-1002"></div></li> <li id="menu-item-1003" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1003"><a href="https://www.popularfx.com/blog/"><span class="pagelayer-nav-menu-title">Blog</span></a><div class="pagelayer-mega-menu pagelayer-mega-editor-1003"></div></li> <li id="menu-item-1588" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1588"><a href="https://www.popularfx.com/contact/"><span class="pagelayer-nav-menu-title">Contact</span></a><div class="pagelayer-mega-menu pagelayer-mega-editor-1588"></div></li> </ul></div> </div> </div></div> </div></div> <div pagelayer-id="74d3989" class="p-74d3989 pagelayer-col pagelayer-hide-tablet pagelayer-hide-mobile"> <style pagelayer-style-id="74d3989">.p-74d3989{align-content: center !important} .p-74d3989 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .pagelayer-row-holder .p-74d3989{width: 10%} .p-74d3989 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="ds84110" class="p-ds84110 pagelayer-btn popularfx-download"> <style pagelayer-style-id="ds84110">.p-ds84110{text-align: left} .p-ds84110 .pagelayer-btn-holder{background-color: #4511b1;color: #ffffff;-webkit-transition: all 400ms !important; transition: all 400ms !important;border-color: #4511b1} .p-ds84110 .pagelayer-btn-anim-thin{background-color: unset !important;border-style: unset !important} .p-ds84110 .pagelayer-btn-anim-thin::before{background-color: #4511b1} .p-ds84110 .pagelayer-btn-anim-thin::after{background-color: #4511b1} .p-ds84110 .pagelayer-btn-custom:hover, .p-ds84110 .pagelayer-btn-anim-slide:after{background-color: #000000} .p-ds84110 .pagelayer-btn-holder, .p-ds84110 .pagelayer-btn-anim-thin:after, .p-ds84110 .pagelayer-btn-anim-thin:before{border-style: solid;border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px} .p-ds84110 .pagelayer-btn-holder, .p-ds84110 .pagelayer-btn-anim-glow:before{border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px 20px} </style><a class="pagelayer-btn-holder pagelayer-ele-link pagelayer-btn-custom pagelayer-btn-mini {{icon_position}}" href="https://a.softaculous.com/popularfx/download-pfx-theme.php"> <span class="pagelayer-btn-text">Download</span> </a></div> </div></div> </div></div> <div pagelayer-id="zz21046" class="p-zz21046 pagelayer-inner_row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="zz21046">.p-zz21046 .pagelayer-col-holder{padding: 10px} .p-zz21046 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-zz21046 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-zz21046 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-zz21046 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-zz21046 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-zz21046{padding-top: 0px; padding-right: 0px; padding-bottom: 110px; padding-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="vrn4300" class="p-vrn4300 pagelayer-col pagelayer-col-5"> <style pagelayer-style-id="vrn4300">.p-vrn4300{align-content: center !important} .p-vrn4300 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-vrn4300 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="zye6022" class="p-zye6022 pagelayer-heading" align="left"> <style pagelayer-style-id="zye6022">.p-zye6022{text-align: left} .p-zye6022 .pagelayer-heading-holder *{color:#4511b1;font-family: Poppins !important; font-size: 40px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: 1.3em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-zye6022 .pagelayer-heading-holder{color:#4511b1;font-family: Poppins !important; font-size: 40px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: 1.3em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style><div class="pagelayer-heading-holder">Easily Build your WordPress Website</div> </div> <div pagelayer-id="rh42118" class="p-rh42118 pagelayer-heading"> <style pagelayer-style-id="rh42118">.p-rh42118 .pagelayer-heading-holder *{font-family: Montserrat !important; font-size: 16px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-rh42118 .pagelayer-heading-holder{font-family: Montserrat !important; font-size: 16px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-rh42118{margin-top: 10px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px} </style><div class="pagelayer-heading-holder">Your Website is the window of your business. Keep it fresh. Keep it exciting. PopularFX WordPress Theme has so many exciting features to create a beautiful websites.</div> </div> <div pagelayer-id="7yy1413" class="p-7yy1413 pagelayer-btn"> <style pagelayer-style-id="7yy1413">.p-7yy1413 .pagelayer-btn-text{font-family: Poppins; font-size: 16px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-7yy1413 .pagelayer-btn-holder{font-family: Poppins; font-size: 16px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;padding: calc(25px / 2) 25px;background-color: #4511b1;color: #ffffff;-webkit-transition: all 600ms !important; transition: all 600ms !important;border-color: #42414f} .p-7yy1413{text-align: left;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} .p-7yy1413 .pagelayer-btn-anim-thin{background-color: unset !important;border-style: unset !important} .p-7yy1413 .pagelayer-btn-anim-thin::before{background-color: #4511b1} .p-7yy1413 .pagelayer-btn-anim-thin::after{background-color: #4511b1} .p-7yy1413 .pagelayer-btn-custom:hover, .p-7yy1413 .pagelayer-btn-anim-slide:after{background-color: #000000} .p-7yy1413 .pagelayer-btn-holder, .p-7yy1413 .pagelayer-btn-anim-thin:after, .p-7yy1413 .pagelayer-btn-anim-thin:before{border-style: solid;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px} .p-7yy1413 .pagelayer-btn-holder {border-radius:0px;} </style><a class="pagelayer-btn-holder pagelayer-ele-link pagelayer-btn-anim pagelayer-btn-custom {{icon_position}} pagelayer-btn-anim-slide pagelayer-btn-anim-left" href="./features"> <span class="pagelayer-btn-text">Learn More</span> </a></div> </div></div> <div pagelayer-id="w8l2018" class="p-w8l2018 pagelayer-col pagelayer-col-7"> <style pagelayer-style-id="w8l2018">.p-w8l2018 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-w8l2018 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="dzg7611" class="p-dzg7611 pagelayer-image"> <style pagelayer-style-id="dzg7611">.p-dzg7611 .pagelayer-image-holder{text-align: center} .p-dzg7611 .pagelayer-image-holder .pagelayer-image-overlay-content{text-align: center} .p-dzg7611 .pagelayer-img{-webkit-transition: all 400ms; transition: all 400ms} .p-dzg7611 .pagelayer-image-caption{color: #0986c0} </style><div class="pagelayer-image-holder pagelayer-anim-par"> <img class="pagelayer-img pagelayer-animation-{{anim_hover}}" src="https://www.popularfx.com/sitepad-data/uploads/2021/01/home-img1.png" title="home-img1" alt="home-img1" srcset="https://www.popularfx.com/sitepad-data/uploads/2021/01/home-img1.png, https://www.popularfx.com/sitepad-data/uploads/2021/01/home-img1.png 1x, " /> </div> </div> </div></div> </div></div> </div></div> </div></div> </header> <div id="primary" class="content-area"> <main id="main" class="site-main" role="main"> <article id="post-994" class="post-994 page type-page status-publish hentry"> <div class="entry-content"> <div pagelayer-id="b6y8273" class="p-b6y8273 pagelayer-post_props"> </div> <div pagelayer-id="fg99381" class="p-fg99381 pagelayer-row pagelayer-row-stretch-full pagelayer-height-default"> <style pagelayer-style-id="fg99381">.p-fg99381 .pagelayer-col-holder{padding: 10px} .p-fg99381 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-fg99381 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-fg99381 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-fg99381 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#ffffff} .p-fg99381 .pagelayer-row-svg .pagelayer-svg-bottom{width:120%;height:133px;transform: rotateY(180deg)} .p-fg99381{margin-top: -125px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;padding-top: 65px; padding-right: 65px; padding-bottom: 65px; padding-left: 65px} </style> <div class="pagelayer-row-shape"> <div class="pagelayer-row-svg"> <svg class="pagelayer-svg-bottom"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"> <path class="pagelayer-shape-fill" d="M790.5,93.1c-59.3-5.3-116.8-18-192.6-50c-29.6-12.7-76.9-31-100.5-35.9c-23.6-4.9-52.6-7.8-75.5-5.3c-10.2,1.1-22.6,1.4-50.1,7.4c-27.2,6.3-58.2,16.6-79.4,24.7c-41.3,15.9-94.9,21.9-134,22.6C72,58.2,0,25.8,0,25.8V100h1000V65.3c0,0-51.5,19.4-106.2,25.7C839.5,97,814.1,95.2,790.5,93.1z" /> </svg></svg> </div> </div> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-full"></div></div> <div pagelayer-id="6e22247" class="p-6e22247 pagelayer-row pagelayer-row-stretch-full pagelayer-height-default"> <style pagelayer-style-id="6e22247">.p-6e22247 .pagelayer-col-holder{padding: 10px} .p-6e22247 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-6e22247 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-6e22247 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-6e22247 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-6e22247 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-6e22247{margin-top: 100px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="5088720" class="p-5088720 pagelayer-col pagelayer-col-4"> <style pagelayer-style-id="5088720">.p-5088720{align-content: center !important} .p-5088720 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-5088720 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="mrf2396" class="p-mrf2396 pagelayer-heading" align="left"> <style pagelayer-style-id="mrf2396">.p-mrf2396{text-align: left} .p-mrf2396 .pagelayer-heading-holder *{color:#404040;font-family: Poppins !important; font-size: 40px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: 1.4em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-mrf2396 .pagelayer-heading-holder{color:#404040;font-family: Poppins !important; font-size: 40px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: 1.4em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style><div class="pagelayer-heading-holder">Designs from more than 500+ templates</div> </div> <div pagelayer-id="3nf4740" class="p-3nf4740 pagelayer-heading" align="left"> <style pagelayer-style-id="3nf4740">.p-3nf4740{text-align: left;margin-top: 10px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} .p-3nf4740 .pagelayer-heading-holder *{font-family: Montserrat !important; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-3nf4740 .pagelayer-heading-holder{font-family: Montserrat !important; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style><div class="pagelayer-heading-holder">PopularFX WordPress theme comes with a page builder which provides you with powerful 500+ designed templates and 1000+ pre made sections and tools which simplifies your website building process.</div> </div> <div pagelayer-id="okv5964" class="p-okv5964 pagelayer-btn"> <style pagelayer-style-id="okv5964">.p-okv5964{text-align: center} .p-okv5964 .pagelayer-btn-holder{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style><a class="pagelayer-btn-holder pagelayer-ele-link pagelayer-btn-primary pagelayer-btn-small {{icon_position}}" href="./templates"> <span class="pagelayer-btn-text">View Templates</span> </a></div> </div></div> <div pagelayer-id="ec34901" class="p-ec34901 pagelayer-col pagelayer-col-8"> <style pagelayer-style-id="ec34901">.p-ec34901 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-ec34901 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="6ro6656" class="p-6ro6656 pagelayer-image"> <style pagelayer-style-id="6ro6656">.p-6ro6656 .pagelayer-image-holder{text-align: center} .p-6ro6656 .pagelayer-image-holder .pagelayer-image-overlay-content{text-align: center} .p-6ro6656 .pagelayer-img{-webkit-transition: all 400ms; transition: all 400ms} .p-6ro6656 .pagelayer-image-caption{color: #0986c0} </style><div class="pagelayer-image-holder pagelayer-anim-par"> <img class="pagelayer-img pagelayer-animation-{{anim_hover}}" src="https://www.popularfx.com/sitepad-data/uploads/2021/01/design-process.jpg" title="design-process" alt="design-process" srcset="https://www.popularfx.com/sitepad-data/uploads/2021/01/design-process.jpg, https://www.popularfx.com/sitepad-data/uploads/2021/01/design-process.jpg 1x, " /> </div> </div> </div></div> </div></div> <div pagelayer-id="7xk4504" class="p-7xk4504 pagelayer-row pagelayer-row-stretch-full pagelayer-height-default"> <style pagelayer-style-id="7xk4504">.p-7xk4504 .pagelayer-col-holder{padding: 10px} .p-7xk4504 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-7xk4504 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-7xk4504 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-7xk4504 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-7xk4504 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-7xk4504{margin-top: 100px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;padding-top: 040px; padding-right: 0px; padding-bottom: 100px; padding-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="bmj5463" class="p-bmj5463 pagelayer-col pagelayer-col-6"> <style pagelayer-style-id="bmj5463">.p-bmj5463{align-content: center !important;padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px} .p-bmj5463 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-bmj5463 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="mrc3361" class="p-mrc3361 pagelayer-heading" align="left"> <style pagelayer-style-id="mrc3361">.p-mrc3361{text-align: left} .p-mrc3361 .pagelayer-heading-holder *{color:#404040;font-family: Poppins !important; font-size: 40px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: 1.4em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-mrc3361 .pagelayer-heading-holder{color:#404040;font-family: Poppins !important; font-size: 40px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: 1.4em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style><div class="pagelayer-heading-holder">Exciting Features of PopularFX WordPress Theme<br /></div> </div> <div pagelayer-id="jsf6700" class="p-jsf6700 pagelayer-text"> <style pagelayer-style-id="jsf6700">.p-jsf6700 .pagelayer-text-holder {font-family:montserrat; font-weight:500; margin-bottom:0px;} </style><div class="pagelayer-text-holder"><span style="font-size: 14px;">PopularFX WordPress theme is simple yet powerful for any type of website. Popularfx comes with page builder which has so many designing options and tools which helps you create website fast and easily. Visual editing enables you to design your website layout exactly how you want.</span><p style="font-size: 14px;"></p></div></div> </div></div> <div pagelayer-id="gu12227" class="p-gu12227 pagelayer-col pagelayer-col-3"> <style pagelayer-style-id="gu12227">.p-gu12227 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-gu12227 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-gu12227{padding-top: 50px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="exo8369" class="p-exo8369 pagelayer-iconbox"> <style pagelayer-style-id="exo8369">.p-exo8369 .pagelayer-service-icon{text-align: left;,;padding-top:10px; padding-right:0px; padding-bottom:0px; padding-left:0px;font-size:35px} .p-exo8369 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-exo8369 .pagelayer-service-heading{text-align:left;padding-top:15px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#404040;font-family: Poppins; font-size: 22px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-exo8369 .pagelayer-service-details{text-align:left} .p-exo8369 .pagelayer-service-text{padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px} .p-exo8369 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-exo8369{padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px;box-shadow: 1px 1px 40px 4px #e9e9e9 !important} .p-exo8369 .pagelayer-service-text {font-family:montserrat; font-weight:500; font-size:14px;} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-desktop pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Live Editing</div> <div class="pagelayer-service-text"><span style="font-size: 14px;">Visual design makes it easier to design website with drag and drop feature.</span></div> </div> </div></div> <div pagelayer-id="9s95225" class="p-9s95225 pagelayer-iconbox"> <style pagelayer-style-id="9s95225">.p-9s95225 .pagelayer-service-icon{text-align: left;,;padding-top:10px; padding-right:0px; padding-bottom:0px; padding-left:0px;font-size:35px} .p-9s95225 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-9s95225 .pagelayer-service-heading{text-align:left;padding-top:15px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#404040;font-family: Poppins; font-size: 22px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-9s95225 .pagelayer-service-details{text-align:left} .p-9s95225 .pagelayer-service-text{padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px} .p-9s95225 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-9s95225{margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px;box-shadow: 1px 1px 40px 4px #e9e9e9 !important} .p-9s95225 .pagelayer-service-text p {font-family:montserrat; font-weight:500;} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-font pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Google Fonts</div> <div class="pagelayer-service-text"><p> <span style="font-size: 14px;">Use our integrated Google fonts for your modern style and professional layout.</span><span style="font-size: 14px;"></span></p></div> </div> </div></div> </div></div> <div pagelayer-id="jx37937" class="p-jx37937 pagelayer-col pagelayer-col-3"> <style pagelayer-style-id="jx37937">.p-jx37937 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-jx37937 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="vn52720" class="p-vn52720 pagelayer-iconbox"> <style pagelayer-style-id="vn52720">.p-vn52720 .pagelayer-service-icon{text-align: left;,;padding-top:10px; padding-right:0px; padding-bottom:0px; padding-left:0px;font-size:35px} .p-vn52720 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-vn52720 .pagelayer-service-heading{text-align:left;padding-top:15px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#404040;font-family: Poppins; font-size: 22px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-vn52720 .pagelayer-service-details{text-align:left} .p-vn52720 .pagelayer-service-text{padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px} .p-vn52720 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-vn52720{padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px;box-shadow: 1px 1px 40px 4px #e9e9e9 !important} .p-vn52720 .pagelayer-service-text {font-family:montserrat; font-weight:500; margin-bottom:0px;} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-text-height pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Typography</div> <div class="pagelayer-service-text"><span style="font-size: 14px;">Beautify your page headings and title with variety of typography options.</span><p><span style="font-size: 14px;"></span></p></div> </div> </div></div> <div pagelayer-id="aoo9133" class="p-aoo9133 pagelayer-iconbox"> <style pagelayer-style-id="aoo9133">.p-aoo9133 .pagelayer-service-icon{text-align: left;,;padding-top:10px; padding-right:0px; padding-bottom:0px; padding-left:0px;font-size:35px} .p-aoo9133 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-aoo9133 .pagelayer-service-heading{text-align:left;padding-top:15px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#404040;font-family: Poppins; font-size: 22px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-aoo9133 .pagelayer-service-details{text-align:left} .p-aoo9133 .pagelayer-service-text{padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px} .p-aoo9133 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-aoo9133{margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px;box-shadow: 1px 1px 40px 4px #e9e9e9 !important} .p-aoo9133 .pagelayer-service-text {font-family:montserrat; font-weight:500; margin-bottom:0px;} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-mobile-alt pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Responsive</div> <div class="pagelayer-service-text"><span style="font-size: 14px;">PopularFX have a fully responsive layout and it will fit your desktop screen, all the way down to your smartphone.</span><p></p></div> </div> </div></div> </div></div> </div></div> <div pagelayer-id="f159747" class="p-f159747 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="f159747">.p-f159747 .pagelayer-col-holder{padding: 10px} .p-f159747 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-f159747 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-f159747 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-f159747 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-f159747 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-f159747{margin-top: 100px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="tll3559" class="p-tll3559 pagelayer-col"> <style pagelayer-style-id="tll3559">.p-tll3559 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-tll3559 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="fnf8602" class="p-fnf8602 pagelayer-heading" align="center"> <style pagelayer-style-id="fnf8602">.p-fnf8602{text-align: center} .p-fnf8602 .pagelayer-heading-holder *{color:#404040;font-family: Poppins !important; font-size: 40px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: 1.4em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-fnf8602 .pagelayer-heading-holder{color:#404040;font-family: Poppins !important; font-size: 40px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: 1.4em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style><div class="pagelayer-heading-holder">Some of our new themes</div> </div> </div></div> </div></div> <div pagelayer-id="l3n8760" class="p-l3n8760 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="l3n8760">.p-l3n8760 .pagelayer-col-holder{padding: 10px} .p-l3n8760 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-l3n8760 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-l3n8760 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-l3n8760 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-l3n8760 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-l3n8760{margin-top: 40px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="wwb5056" class="p-wwb5056 pagelayer-col pagelayer-col-3"> <style pagelayer-style-id="wwb5056">.p-wwb5056 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-wwb5056 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="uf77332" class="p-uf77332 pagelayer-service pagelayer-animation-float"> <style pagelayer-style-id="uf77332">.p-uf77332 img{filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) opacity(100%) saturate(100%)} .p-uf77332 .pagelayer-service-image img{border-style: solid;border-color: #bdbdbd;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px;-webkit-transition: all 600ms !important; transition: all 600ms !important} .p-uf77332:hover img{filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) opacity(100%) saturate(100%)} .p-uf77332 .pagelayer-service-heading{text-align:center;padding-top:20px; padding-right:0px; padding-bottom:20px; padding-left:0px;color:#404040;font-family: Poppins; font-size: 20px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-uf77332 .pagelayer-service-details{text-align:center} .p-uf77332 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-uf77332{box-shadow: 1px 1px 15px 1px #dcdcdc !important;border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-image"> <img class="pagelayer-img pagelayer-animation-{{anim_hover}}" src="https://www.popularfx.com/sitepad-data/uploads/2021/01/screenshot2.jpg" title="screenshot2" alt="screenshot2" srcset="https://www.popularfx.com/sitepad-data/uploads/2021/01/screenshot2.jpg, https://www.popularfx.com/sitepad-data/uploads/2021/01/screenshot2.jpg 1x, " /> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Academy</div> <div class="pagelayer-service-text"> </div> </div> <a href="./templates/academy" class="pagelayer-ele-link pagelayer-box-link"> </a> </div></div> </div></div> <div pagelayer-id="3dw4302" class="p-3dw4302 pagelayer-col pagelayer-col-3"> <style pagelayer-style-id="3dw4302">.p-3dw4302 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-3dw4302 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="2k95624" class="p-2k95624 pagelayer-service pagelayer-animation-float"> <style pagelayer-style-id="2k95624">.p-2k95624 img{filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) opacity(100%) saturate(100%)} .p-2k95624 .pagelayer-service-image img{border-style: solid;border-color: #bdbdbd;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px;-webkit-transition: all 600ms !important; transition: all 600ms !important} .p-2k95624:hover img{filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) opacity(100%) saturate(100%)} .p-2k95624 .pagelayer-service-heading{text-align:center;padding-top:20px; padding-right:0px; padding-bottom:20px; padding-left:0px;color:#404040;font-family: Poppins; font-size: 20px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-2k95624 .pagelayer-service-details{text-align:center} .p-2k95624 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-2k95624{box-shadow: 1px 1px 15px 1px #dcdcdc !important;border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-image"> <img class="pagelayer-img pagelayer-animation-{{anim_hover}}" src="https://www.popularfx.com/sitepad-data/uploads/2021/01/screenshot3.jpg" title="screenshot3" alt="screenshot3" srcset="https://www.popularfx.com/sitepad-data/uploads/2021/01/screenshot3.jpg, https://www.popularfx.com/sitepad-data/uploads/2021/01/screenshot3.jpg 1x, " /> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Associate</div> <div class="pagelayer-service-text"> </div> </div> <a href="./templates/associate" class="pagelayer-ele-link pagelayer-box-link"> </a> </div></div> </div></div> <div pagelayer-id="mfh5078" class="p-mfh5078 pagelayer-col pagelayer-col-3"> <style pagelayer-style-id="mfh5078">.p-mfh5078 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-mfh5078 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="03q5094" class="p-03q5094 pagelayer-service pagelayer-animation-float"> <style pagelayer-style-id="03q5094">.p-03q5094 img{filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) opacity(100%) saturate(100%)} .p-03q5094 .pagelayer-service-image img{border-style: solid;border-color: #bdbdbd;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px;-webkit-transition: all 600ms !important; transition: all 600ms !important} .p-03q5094:hover img{filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) opacity(100%) saturate(100%)} .p-03q5094 .pagelayer-service-heading{text-align:center;padding-top:20px; padding-right:0px; padding-bottom:20px; padding-left:0px;color:#404040;font-family: Poppins; font-size: 20px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-03q5094 .pagelayer-service-details{text-align:center} .p-03q5094 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-03q5094{box-shadow: 1px 1px 15px 1px #dcdcdc !important;border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-image"> <img class="pagelayer-img pagelayer-animation-{{anim_hover}}" src="https://www.popularfx.com/sitepad-data/uploads/2021/01/screenshot5.jpg" title="screenshot5" alt="screenshot5" srcset="https://www.popularfx.com/sitepad-data/uploads/2021/01/screenshot5.jpg, https://www.popularfx.com/sitepad-data/uploads/2021/01/screenshot5.jpg 1x, " /> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Conceptial</div> <div class="pagelayer-service-text"> </div> </div> <a href="./templates/conceptial" class="pagelayer-ele-link pagelayer-box-link"> </a> </div></div> </div></div> <div pagelayer-id="q5a3979" class="p-q5a3979 pagelayer-col pagelayer-col-3"> <style pagelayer-style-id="q5a3979">.p-q5a3979 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-q5a3979 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="9y62466" class="p-9y62466 pagelayer-service pagelayer-animation-float"> <style pagelayer-style-id="9y62466">.p-9y62466 img{filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) opacity(100%) saturate(100%)} .p-9y62466 .pagelayer-service-image img{border-style: solid;border-color: #bdbdbd;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px;-webkit-transition: all 600ms !important; transition: all 600ms !important} .p-9y62466:hover img{filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) opacity(100%) saturate(100%)} .p-9y62466 .pagelayer-service-heading{text-align:center;padding-top:20px; padding-right:0px; padding-bottom:20px; padding-left:0px;color:#404040;font-family: Poppins; font-size: 20px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-9y62466 .pagelayer-service-details{text-align:center} .p-9y62466 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-9y62466{box-shadow: 1px 1px 15px 1px #dcdcdc !important;border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-image"> <img class="pagelayer-img pagelayer-animation-{{anim_hover}}" src="https://www.popularfx.com/sitepad-data/uploads/2021/01/screenshot4.jpg" title="screenshot4" alt="screenshot4" srcset="https://www.popularfx.com/sitepad-data/uploads/2021/01/screenshot4.jpg, https://www.popularfx.com/sitepad-data/uploads/2021/01/screenshot4.jpg 1x, " /> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Coffeeshop</div> <div class="pagelayer-service-text"> </div> </div> <a href="./templates/coffeeshop" class="pagelayer-ele-link pagelayer-box-link"> </a> </div></div> </div></div> </div></div> <div pagelayer-id="vim7490" class="p-vim7490 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="vim7490">.p-vim7490 .pagelayer-col-holder{padding: 10px} .p-vim7490 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-vim7490 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-vim7490 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-vim7490 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-vim7490 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-vim7490{margin-top: 40px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="yuf1383" class="p-yuf1383 pagelayer-col pagelayer-col-3"> <style pagelayer-style-id="yuf1383">.p-yuf1383 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-yuf1383 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="7be3584" class="p-7be3584 pagelayer-service pagelayer-animation-float"> <style pagelayer-style-id="7be3584">.p-7be3584 img{filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) opacity(100%) saturate(100%)} .p-7be3584 .pagelayer-service-image img{border-style: solid;border-color: #bdbdbd;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px;-webkit-transition: all 600ms !important; transition: all 600ms !important} .p-7be3584:hover img{filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) opacity(100%) saturate(100%)} .p-7be3584 .pagelayer-service-heading{text-align:center;padding-top:20px; padding-right:0px; padding-bottom:20px; padding-left:0px;color:#404040;font-family: Poppins; font-size: 20px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-7be3584 .pagelayer-service-details{text-align:center} .p-7be3584 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-7be3584{box-shadow: 1px 1px 15px 1px #dcdcdc !important;border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-image"> <img class="pagelayer-img pagelayer-animation-{{anim_hover}}" src="https://www.popularfx.com/sitepad-data/uploads/2021/01/screenshot6.jpg" title="screenshot6" alt="screenshot6" srcset="https://www.popularfx.com/sitepad-data/uploads/2021/01/screenshot6.jpg, https://www.popularfx.com/sitepad-data/uploads/2021/01/screenshot6.jpg 1x, " /> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Coverdesk</div> <div class="pagelayer-service-text"> </div> </div> <a href="./templates/coverdesk" class="pagelayer-ele-link pagelayer-box-link"> </a> </div></div> </div></div> <div pagelayer-id="wos5715" class="p-wos5715 pagelayer-col pagelayer-col-3"> <style pagelayer-style-id="wos5715">.p-wos5715 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-wos5715 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="4az2235" class="p-4az2235 pagelayer-service pagelayer-animation-float"> <style pagelayer-style-id="4az2235">.p-4az2235 img{filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) opacity(100%) saturate(100%)} .p-4az2235 .pagelayer-service-image img{border-style: solid;border-color: #bdbdbd;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px;-webkit-transition: all 600ms !important; transition: all 600ms !important} .p-4az2235:hover img{filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) opacity(100%) saturate(100%)} .p-4az2235 .pagelayer-service-heading{text-align:center;padding-top:20px; padding-right:0px; padding-bottom:20px; padding-left:0px;color:#404040;font-family: Poppins; font-size: 20px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-4az2235 .pagelayer-service-details{text-align:center} .p-4az2235 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-4az2235{box-shadow: 1px 1px 15px 1px #dcdcdc !important;border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-image"> <img class="pagelayer-img pagelayer-animation-{{anim_hover}}" src="https://www.popularfx.com/sitepad-data/uploads/2021/01/screenshot7.jpg" title="screenshot7" alt="screenshot7" srcset="https://www.popularfx.com/sitepad-data/uploads/2021/01/screenshot7.jpg, https://www.popularfx.com/sitepad-data/uploads/2021/01/screenshot7.jpg 1x, " /> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Codevista</div> <div class="pagelayer-service-text"> </div> </div> <a href="./templates/codevista" class="pagelayer-ele-link pagelayer-box-link"> </a> </div></div> </div></div> <div pagelayer-id="dpl2110" class="p-dpl2110 pagelayer-col pagelayer-col-3"> <style pagelayer-style-id="dpl2110">.p-dpl2110 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-dpl2110 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="vwg2259" class="p-vwg2259 pagelayer-service pagelayer-animation-float"> <style pagelayer-style-id="vwg2259">.p-vwg2259 img{filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) opacity(100%) saturate(100%)} .p-vwg2259 .pagelayer-service-image img{border-style: solid;border-color: #bdbdbd;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px;-webkit-transition: all 600ms !important; transition: all 600ms !important} .p-vwg2259:hover img{filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) opacity(100%) saturate(100%)} .p-vwg2259 .pagelayer-service-heading{text-align:center;padding-top:20px; padding-right:0px; padding-bottom:20px; padding-left:0px;color:#404040;font-family: Poppins; font-size: 20px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-vwg2259 .pagelayer-service-details{text-align:center} .p-vwg2259 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-vwg2259{box-shadow: 1px 1px 15px 1px #dcdcdc !important;border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-image"> <img class="pagelayer-img pagelayer-animation-{{anim_hover}}" src="https://www.popularfx.com/sitepad-data/uploads/2021/01/screenshot8.jpg" title="screenshot8" alt="screenshot8" srcset="https://www.popularfx.com/sitepad-data/uploads/2021/01/screenshot8.jpg, https://www.popularfx.com/sitepad-data/uploads/2021/01/screenshot8.jpg 1x, " /> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Eatlist</div> <div class="pagelayer-service-text"> </div> </div> <a href="./templates/eatlist" class="pagelayer-ele-link pagelayer-box-link"> </a> </div></div> </div></div> <div pagelayer-id="una7609" class="p-una7609 pagelayer-col pagelayer-col-3"> <style pagelayer-style-id="una7609">.p-una7609 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-una7609 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="6wg2154" class="p-6wg2154 pagelayer-service pagelayer-animation-float"> <style pagelayer-style-id="6wg2154">.p-6wg2154 img{filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) opacity(100%) saturate(100%)} .p-6wg2154 .pagelayer-service-image img{border-style: solid;border-color: #bdbdbd;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px;-webkit-transition: all 600ms !important; transition: all 600ms !important} .p-6wg2154:hover img{filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) hue-rotate(0deg) opacity(100%) saturate(100%)} .p-6wg2154 .pagelayer-service-heading{text-align:center;padding-top:20px; padding-right:0px; padding-bottom:20px; padding-left:0px;color:#404040;font-family: Poppins; font-size: 20px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-6wg2154 .pagelayer-service-details{text-align:center} .p-6wg2154 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-6wg2154{box-shadow: 1px 1px 15px 1px #dcdcdc !important;border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-image"> <img class="pagelayer-img pagelayer-animation-{{anim_hover}}" src="https://www.popularfx.com/sitepad-data/uploads/2021/01/screenshot1.jpg" title="screenshot1" alt="screenshot1" srcset="https://www.popularfx.com/sitepad-data/uploads/2021/01/screenshot1.jpg, https://www.popularfx.com/sitepad-data/uploads/2021/01/screenshot1.jpg 1x, " /> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Opportunity</div> <div class="pagelayer-service-text"> </div> </div> <a href="./templates/oppotunity" class="pagelayer-ele-link pagelayer-box-link"> </a> </div></div> </div></div> </div></div> <div pagelayer-id="rv69720" class="p-rv69720 pagelayer-row pagelayer-row-stretch-full pagelayer-height-default"> <style pagelayer-style-id="rv69720">.p-rv69720 .pagelayer-col-holder{padding: 10px} .p-rv69720 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-rv69720 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-rv69720 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-rv69720 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-rv69720 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-rv69720{margin-top: 100px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="7k91911" class="p-7k91911 pagelayer-col pagelayer-col-6"> <style pagelayer-style-id="7k91911">.p-7k91911 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-7k91911 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="92m4397" class="p-92m4397 pagelayer-image"> <style pagelayer-style-id="92m4397">.p-92m4397 .pagelayer-image-holder{text-align: center} .p-92m4397 .pagelayer-image-holder .pagelayer-image-overlay-content{text-align: center} .p-92m4397 .pagelayer-img{-webkit-transition: all 400ms; transition: all 400ms} .p-92m4397 .pagelayer-image-caption{color: #0986c0} </style><div class="pagelayer-image-holder pagelayer-anim-par"> <img class="pagelayer-img pagelayer-animation-{{anim_hover}}" src="https://www.popularfx.com/sitepad-data/uploads/2021/01/home-img2.png" title="home-img2" alt="home-img2" srcset="https://www.popularfx.com/sitepad-data/uploads/2021/01/home-img2.png, https://www.popularfx.com/sitepad-data/uploads/2021/01/home-img2.png 1x, " /> </div> </div> </div></div> <div pagelayer-id="cli7497" class="p-cli7497 pagelayer-col pagelayer-col-6"> <style pagelayer-style-id="cli7497">.p-cli7497{align-content: center !important} .p-cli7497 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-cli7497 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="b3u2711" class="p-b3u2711 pagelayer-anim_heading pagelayer-heading-rotating"> <style pagelayer-style-id="b3u2711">.p-b3u2711{text-align: center;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} .p-b3u2711 .pagelayer-animated-heading{font-family: Poppins !important; font-size: 40px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;background:#404040; -webkit-background-clip: text} .p-b3u2711.pagelayer-hEffect-shadow .pagelayer-animated-heading{color:#404040} .p-b3u2711 .pagelayer-rotating-text *{background:#404040; -webkit-background-clip: text;background:#4511b1; -webkit-background-clip: text} .p-b3u2711 .pagelayer-aheading-loading-bar .pagelayer-words-wrapper:after{background:#404040;background:#4511b1} .p-b3u2711 .pagelayer-aheading-clip .pagelayer-words-wrapper:after{background:#404040;background:#4511b1} </style><div class="pagelayer-aheading-holder pagelayer-aheading-clip"> <div class="pagelayer-animated-heading pagelayer-animated-title">Design Your</div> <div class="pagelayer-animated-heading pagelayer-rotating-text pagelayer-words-wrapper"><span class="pagelayer-is-visible">Homepage</span><span> Blog Page</span><span> Header</span><span> Footer</span></div> <div class="pagelayer-blobs_1"></div><div class="pagelayer-blobs_2"></div><div class="pagelayer-blobs_3"></div><div class="pagelayer-blobs_4"></div><div class="pagelayer-blobs_5"></div><div class="pagelayer-blobs_6"></div><div class="pagelayer-blobs_7"></div> </div> </div> <div pagelayer-id="zab8684" class="p-zab8684 pagelayer-heading" align="center"> <style pagelayer-style-id="zab8684">.p-zab8684{text-align: center;margin-top: 10px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px;padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px} .p-zab8684 .pagelayer-heading-holder *{font-family: Montserrat !important; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-zab8684 .pagelayer-heading-holder{font-family: Montserrat !important; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style><div class="pagelayer-heading-holder">Easily build your website using our PopularFX theme. You can design all the pages of your website with our drag and drop feature which allows you to create your website faster and attractive.</div> </div> </div></div> </div></div> <div pagelayer-id="yml2088" class="p-yml2088 pagelayer-row pagelayer-row-stretch-full pagelayer-height-default"> <style pagelayer-style-id="yml2088">.p-yml2088 .pagelayer-col-holder{padding: 10px} .p-yml2088 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-yml2088 .pagelayer-svg-top .pagelayer-shape-fill{fill:#ffffff} .p-yml2088 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-yml2088 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-yml2088 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-yml2088{background: #f9f9f9;margin-top: 100px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;padding-top: 060px; padding-right: 0px; padding-bottom: 160px; padding-left: 0px} </style> <div class="pagelayer-row-shape"> <div class="pagelayer-row-svg"> </div> </div> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="j183712" class="p-j183712 pagelayer-col"> <style pagelayer-style-id="j183712">.p-j183712 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-j183712 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="xf92116" class="p-xf92116 pagelayer-heading" align="center"> <style pagelayer-style-id="xf92116">.p-xf92116{text-align: center;border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px} .p-xf92116 .pagelayer-heading-holder *{color:#404040;font-family: Poppins !important; font-size: 40px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-xf92116 .pagelayer-heading-holder{color:#404040;font-family: Poppins !important; font-size: 40px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style><div class="pagelayer-heading-holder">Salient features of PopularFX WordPress Theme<br /></div> </div> <div pagelayer-id="0i83351" class="p-0i83351 pagelayer-inner_row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="0i83351">.p-0i83351 .pagelayer-col-holder{padding: 10px} .p-0i83351 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-0i83351 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-0i83351 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-0i83351 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-0i83351 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-0i83351{margin-top: 25px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="lum9349" class="p-lum9349 pagelayer-col pagelayer-col-4"> <style pagelayer-style-id="lum9349">.p-lum9349 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-lum9349 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="g5n7932" class="p-g5n7932 pagelayer-iconbox"> <style pagelayer-style-id="g5n7932">.p-g5n7932 .pagelayer-service-icon i{padding: calc(0.5em + 20px);color:#ffffff;-webkit-transition: all 400ms; transition: all 400ms} .p-g5n7932 .pagelayer-service-icon.pagelayer-service-stacked i{background-color:#4511b1} .p-g5n7932 .pagelayer-service-icon{font-size:30px} .p-g5n7932 .pagelayer-service-heading{text-align:center;padding-top:15px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#404040;font-family: Poppins; font-size: 22px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-g5n7932 .pagelayer-service-details{text-align:center} .p-g5n7932 .pagelayer-service-text{padding-top:0px; padding-right:0px; padding-bottom:15px; padding-left:0px} .p-g5n7932 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-g5n7932{background: #ffffff;padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px;box-shadow: 1px 1px 40px 4px #e9e9e9 !important} .p-g5n7932 .pagelayer-service-text {font-family:montserrat;} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-stacked"> <i class="far fa-object-ungroup pagelayer-icon-circle pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Drag & Drop</div> <div class="pagelayer-service-text"><span style="font-size: 14px;">Design your page by simply dragging widget from given choices of PopularFX widgets.</span><p></p></div> </div> </div></div> </div></div> <div pagelayer-id="9hy3332" class="p-9hy3332 pagelayer-col pagelayer-col-4"> <style pagelayer-style-id="9hy3332">.p-9hy3332 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-9hy3332 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="sa47681" class="p-sa47681 pagelayer-iconbox"> <style pagelayer-style-id="sa47681">.p-sa47681 .pagelayer-service-icon i{padding: calc(0.5em + 20px);color:#ffffff;-webkit-transition: all 400ms; transition: all 400ms} .p-sa47681 .pagelayer-service-icon.pagelayer-service-stacked i{background-color:#4511b1} .p-sa47681 .pagelayer-service-icon{font-size:30px} .p-sa47681 .pagelayer-service-heading{text-align:center;padding-top:15px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#404040;font-family: Poppins; font-size: 22px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-sa47681 .pagelayer-service-details{text-align:center} .p-sa47681 .pagelayer-service-text{padding-top:0px; padding-right:0px; padding-bottom:15px; padding-left:0px} .p-sa47681 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-sa47681{background: #ffffff;padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px;box-shadow: 1px 1px 40px 4px #e9e9e9 !important} .p-sa47681 .pagelayer-service-text {font-family:montserrat;} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-stacked"> <i class="fas fa-edit pagelayer-icon-circle pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">In-line Editing</div> <div class="pagelayer-service-text"><span style="font-size: 14px;">In-line editing feature makes it easy to add/remove text by simply click on any text and start typing.</span><p></p></div> </div> </div></div> </div></div> <div pagelayer-id="xpv5256" class="p-xpv5256 pagelayer-col pagelayer-col-4"> <style pagelayer-style-id="xpv5256">.p-xpv5256 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-xpv5256 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="q4r7024" class="p-q4r7024 pagelayer-iconbox"> <style pagelayer-style-id="q4r7024">.p-q4r7024 .pagelayer-service-icon i{padding: calc(0.5em + 20px);color:#ffffff;-webkit-transition: all 400ms; transition: all 400ms} .p-q4r7024 .pagelayer-service-icon.pagelayer-service-stacked i{background-color:#4511b1} .p-q4r7024 .pagelayer-service-icon{font-size:30px} .p-q4r7024 .pagelayer-service-heading{text-align:center;padding-top:15px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#404040;font-family: Poppins; font-size: 22px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-q4r7024 .pagelayer-service-details{text-align:center} .p-q4r7024 .pagelayer-service-text{padding-top:0px; padding-right:0px; padding-bottom:15px; padding-left:0px} .p-q4r7024 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-q4r7024{background: #ffffff;padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px;box-shadow: 1px 1px 40px 4px #e9e9e9 !important} .p-q4r7024 .pagelayer-service-text {font-family:montserrat;} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-stacked"> <i class="fas fa-pencil-alt pagelayer-icon-circle pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Visual Effects</div> <div class="pagelayer-service-text"><span style="font-size: 14px;">Create your page more attractive with animation effects that trigger when element is in display area.</span><p></p></div> </div> </div></div> </div></div> </div></div> <div pagelayer-id="j1s5800" class="p-j1s5800 pagelayer-inner_row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="j1s5800">.p-j1s5800 .pagelayer-col-holder{padding: 10px} .p-j1s5800 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-j1s5800 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-j1s5800 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-j1s5800 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-j1s5800 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-j1s5800{margin-top: 25px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="k0s2395" class="p-k0s2395 pagelayer-col pagelayer-col-4"> <style pagelayer-style-id="k0s2395">.p-k0s2395 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-k0s2395 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="vf23904" class="p-vf23904 pagelayer-iconbox"> <style pagelayer-style-id="vf23904">.p-vf23904 .pagelayer-service-icon i{padding: calc(0.5em + 20px);color:#ffffff;-webkit-transition: all 400ms; transition: all 400ms} .p-vf23904 .pagelayer-service-icon.pagelayer-service-stacked i{background-color:#4511b1} .p-vf23904 .pagelayer-service-icon{font-size:30px} .p-vf23904 .pagelayer-service-heading{text-align:center;padding-top:15px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#404040;font-family: Poppins; font-size: 22px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-vf23904 .pagelayer-service-details{text-align:center} .p-vf23904 .pagelayer-service-text{padding-top:0px; padding-right:0px; padding-bottom:25px; padding-left:0px} .p-vf23904 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-vf23904{background: #ffffff;padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px;box-shadow: 1px 1px 40px 4px #e9e9e9 !important} .p-vf23904 .pagelayer-service-text {font-family:montserrat;} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-stacked"> <i class="fas fa-clock pagelayer-icon-circle pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Revision, Undo & Redo</div> <div class="pagelayer-service-text"><span style="font-size: 14px;">Easily Undo, Redo your changes and travel through all your editing history with Revision Control.</span><p></p></div> </div> </div></div> </div></div> <div pagelayer-id="lq38628" class="p-lq38628 pagelayer-col pagelayer-col-4"> <style pagelayer-style-id="lq38628">.p-lq38628 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-lq38628 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="8131197" class="p-8131197 pagelayer-iconbox"> <style pagelayer-style-id="8131197">.p-8131197 .pagelayer-service-icon i{padding: calc(0.5em + 20px);color:#ffffff;-webkit-transition: all 400ms; transition: all 400ms} .p-8131197 .pagelayer-service-icon.pagelayer-service-stacked i{background-color:#4511b1} .p-8131197 .pagelayer-service-icon{font-size:30px} .p-8131197 .pagelayer-service-heading{text-align:center;padding-top:15px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#404040;font-family: Poppins; font-size: 22px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-8131197 .pagelayer-service-details{text-align:center} .p-8131197 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-8131197{background: #ffffff;padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px;box-shadow: 1px 1px 40px 4px #e9e9e9 !important} .p-8131197 .pagelayer-service-text {font-family:montserrat;} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-stacked"> <i class="fas fa-rocket pagelayer-icon-circle pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Excellent Performance</div> <div class="pagelayer-service-text"><span style="font-size: 14px;">PopularFX theme has created in a way so it can load pages faster. With less use of code theme is lightweight and provides great performance</span><p></p></div> </div> </div></div> </div></div> <div pagelayer-id="c7r3405" class="p-c7r3405 pagelayer-col pagelayer-col-4"> <style pagelayer-style-id="c7r3405">.p-c7r3405 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-c7r3405 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="xmq6997" class="p-xmq6997 pagelayer-iconbox"> <style pagelayer-style-id="xmq6997">.p-xmq6997 .pagelayer-service-icon i{padding: calc(0.5em + 20px);color:#ffffff;-webkit-transition: all 400ms; transition: all 400ms} .p-xmq6997 .pagelayer-service-icon.pagelayer-service-stacked i{background-color:#4511b1} .p-xmq6997 .pagelayer-service-icon{font-size:30px} .p-xmq6997 .pagelayer-service-heading{text-align:center;padding-top:15px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#404040;font-family: Poppins; font-size: 22px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-xmq6997 .pagelayer-service-details{text-align:center} .p-xmq6997 .pagelayer-service-text{padding-top:0px; padding-right:0px; padding-bottom:25px; padding-left:0px} .p-xmq6997 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-xmq6997{background: #ffffff;padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px;box-shadow: 1px 1px 40px 4px #e9e9e9 !important} .p-xmq6997 .pagelayer-service-text {font-family:montserrat;} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-stacked"> <i class="fas fa-crop pagelayer-icon-circle pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Easily Customizable</div> <div class="pagelayer-service-text"><span style="font-size: 14px;">Fully customizable widgets helps design beautiful pages with options such as font colors, sizing, animation and spacing.</span><p></p></div> </div> </div></div> </div></div> </div></div> </div></div> </div></div> <div pagelayer-id="qic3457" class="p-qic3457 pagelayer-row pagelayer-row-stretch-full pagelayer-height-default"> <style pagelayer-style-id="qic3457">.p-qic3457 .pagelayer-col-holder{padding: 10px} .p-qic3457 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-qic3457 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-qic3457 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-qic3457 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#ffffff} .p-qic3457 .pagelayer-row-svg .pagelayer-svg-bottom{width:120%;height:133px;transform: rotateY(180deg)} .p-qic3457{margin-top: -125px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;padding-top: 65px; padding-right: 65px; padding-bottom: 65px; padding-left: 65px} </style> <div class="pagelayer-row-shape"> <div class="pagelayer-row-svg"> <svg class="pagelayer-svg-bottom"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"> <path class="pagelayer-shape-fill" d="M790.5,93.1c-59.3-5.3-116.8-18-192.6-50c-29.6-12.7-76.9-31-100.5-35.9c-23.6-4.9-52.6-7.8-75.5-5.3c-10.2,1.1-22.6,1.4-50.1,7.4c-27.2,6.3-58.2,16.6-79.4,24.7c-41.3,15.9-94.9,21.9-134,22.6C72,58.2,0,25.8,0,25.8V100h1000V65.3c0,0-51.5,19.4-106.2,25.7C839.5,97,814.1,95.2,790.5,93.1z" /> </svg></svg> </div> </div> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-full"></div></div> <div pagelayer-id="k4t2175" class="p-k4t2175 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="k4t2175">.p-k4t2175 .pagelayer-col-holder{padding: 10px} .p-k4t2175 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-k4t2175 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-k4t2175 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-k4t2175 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-k4t2175 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-k4t2175{margin-top: 100px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="5la1158" class="p-5la1158 pagelayer-col"> <style pagelayer-style-id="5la1158">.p-5la1158 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-5la1158 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="1dc6595" class="p-1dc6595 pagelayer-heading" align="center"> <style pagelayer-style-id="1dc6595">.p-1dc6595{text-align: center;border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px} .p-1dc6595 .pagelayer-heading-holder *{color:#404040;font-family: Poppins !important; font-size: 40px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-1dc6595 .pagelayer-heading-holder{color:#404040;font-family: Poppins !important; font-size: 40px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style><div class="pagelayer-heading-holder">PopularFX WordPress Basic Widgets</div> </div> </div></div> </div></div> <div pagelayer-id="3fg3950" class="p-3fg3950 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="3fg3950">.p-3fg3950 .pagelayer-col-holder{padding: 10px} .p-3fg3950 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-3fg3950 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-3fg3950 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-3fg3950 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-3fg3950 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-3fg3950{margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="hkc8476" class="p-hkc8476 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="hkc8476">.p-hkc8476 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-hkc8476 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="s437453" class="p-s437453 pagelayer-iconbox"> <style pagelayer-style-id="s437453">.p-s437453 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-s437453 .pagelayer-service-icon{font-size:20px} .p-s437453:hover .pagelayer-service-icon i{color:#ffffff} .p-s437453 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-s437453:hover .pagelayer-service-heading{color:#ffffff} .p-s437453 .pagelayer-service-details{text-align:center} .p-s437453 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-s437453{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-s437453:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-bars pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Row</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="qud5338" class="p-qud5338 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="qud5338">.p-qud5338 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-qud5338 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="cpr9209" class="p-cpr9209 pagelayer-iconbox"> <style pagelayer-style-id="cpr9209">.p-cpr9209 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-cpr9209 .pagelayer-service-icon{font-size:20px} .p-cpr9209:hover .pagelayer-service-icon i{color:#ffffff} .p-cpr9209 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-cpr9209:hover .pagelayer-service-heading{color:#ffffff} .p-cpr9209 .pagelayer-service-details{text-align:center} .p-cpr9209 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-cpr9209{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-cpr9209:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-columns pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Coloumns</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="uk19967" class="p-uk19967 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="uk19967">.p-uk19967 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-uk19967 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="5b02775" class="p-5b02775 pagelayer-iconbox"> <style pagelayer-style-id="5b02775">.p-5b02775 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-5b02775 .pagelayer-service-icon{font-size:20px} .p-5b02775:hover .pagelayer-service-icon i{color:#ffffff} .p-5b02775 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-5b02775:hover .pagelayer-service-heading{color:#ffffff} .p-5b02775 .pagelayer-service-details{text-align:center} .p-5b02775 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-5b02775{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-5b02775:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-text-width pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Title</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="pct8176" class="p-pct8176 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="pct8176">.p-pct8176 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-pct8176 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="sa43471" class="p-sa43471 pagelayer-iconbox"> <style pagelayer-style-id="sa43471">.p-sa43471 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-sa43471 .pagelayer-service-icon{font-size:20px} .p-sa43471:hover .pagelayer-service-icon i{color:#ffffff} .p-sa43471 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-sa43471:hover .pagelayer-service-heading{color:#ffffff} .p-sa43471 .pagelayer-service-details{text-align:center} .p-sa43471 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-sa43471{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-sa43471:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-align-left pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Rich Text</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="vh36941" class="p-vh36941 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="vh36941">.p-vh36941 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-vh36941 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="l7d3976" class="p-l7d3976 pagelayer-iconbox"> <style pagelayer-style-id="l7d3976">.p-l7d3976 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-l7d3976 .pagelayer-service-icon{font-size:20px} .p-l7d3976:hover .pagelayer-service-icon i{color:#ffffff} .p-l7d3976 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-l7d3976:hover .pagelayer-service-heading{color:#ffffff} .p-l7d3976 .pagelayer-service-details{text-align:center} .p-l7d3976 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-l7d3976{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-l7d3976:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-quote-right pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Quote</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="1rt4548" class="p-1rt4548 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="1rt4548">.p-1rt4548 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-1rt4548 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="hkb3953" class="p-hkb3953 pagelayer-iconbox"> <style pagelayer-style-id="hkb3953">.p-hkb3953 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-hkb3953 .pagelayer-service-icon{font-size:20px} .p-hkb3953:hover .pagelayer-service-icon i{color:#ffffff} .p-hkb3953 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-hkb3953:hover .pagelayer-service-heading{color:#ffffff} .p-hkb3953 .pagelayer-service-details{text-align:center} .p-hkb3953 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-hkb3953{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-hkb3953:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-list pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">List</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="4cb3627" class="p-4cb3627 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="4cb3627">.p-4cb3627 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-4cb3627 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="och4370" class="p-och4370 pagelayer-iconbox"> <style pagelayer-style-id="och4370">.p-och4370 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-och4370 .pagelayer-service-icon{font-size:20px} .p-och4370:hover .pagelayer-service-icon i{color:#ffffff} .p-och4370 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-och4370:hover .pagelayer-service-heading{color:#ffffff} .p-och4370 .pagelayer-service-details{text-align:center} .p-och4370 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-och4370{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-och4370:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="far fa-star pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Icon</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> </div></div> <div pagelayer-id="ob65325" class="p-ob65325 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="ob65325">.p-ob65325 .pagelayer-col-holder{padding: 10px} .p-ob65325 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-ob65325 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-ob65325 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-ob65325 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-ob65325 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-ob65325{margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="lar5146" class="p-lar5146 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="lar5146">.p-lar5146 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-lar5146 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="ru44249" class="p-ru44249 pagelayer-iconbox"> <style pagelayer-style-id="ru44249">.p-ru44249 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-ru44249 .pagelayer-service-icon{font-size:20px} .p-ru44249:hover .pagelayer-service-icon i{color:#ffffff} .p-ru44249 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-ru44249:hover .pagelayer-service-heading{color:#ffffff} .p-ru44249 .pagelayer-service-details{text-align:center} .p-ru44249 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-ru44249{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-ru44249:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-id-badge pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Badge</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="2ho1947" class="p-2ho1947 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="2ho1947">.p-2ho1947 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-2ho1947 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="9ih7648" class="p-9ih7648 pagelayer-iconbox"> <style pagelayer-style-id="9ih7648">.p-9ih7648 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-9ih7648 .pagelayer-service-icon{font-size:20px} .p-9ih7648:hover .pagelayer-service-icon i{color:#ffffff} .p-9ih7648 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-9ih7648:hover .pagelayer-service-heading{color:#ffffff} .p-9ih7648 .pagelayer-service-details{text-align:center} .p-9ih7648 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-9ih7648{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-9ih7648:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-info-circle pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Tooltip</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="2t22816" class="p-2t22816 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="2t22816">.p-2t22816 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-2t22816 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="5eh8497" class="p-5eh8497 pagelayer-iconbox"> <style pagelayer-style-id="5eh8497">.p-5eh8497 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-5eh8497 .pagelayer-service-icon{font-size:20px} .p-5eh8497:hover .pagelayer-service-icon i{color:#ffffff} .p-5eh8497 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-5eh8497:hover .pagelayer-service-heading{color:#ffffff} .p-5eh8497 .pagelayer-service-details{text-align:center} .p-5eh8497 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-5eh8497{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-5eh8497:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-image pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Image</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="qz74804" class="p-qz74804 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="qz74804">.p-qz74804 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-qz74804 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="adw8987" class="p-adw8987 pagelayer-iconbox"> <style pagelayer-style-id="adw8987">.p-adw8987 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-adw8987 .pagelayer-service-icon{font-size:20px} .p-adw8987:hover .pagelayer-service-icon i{color:#ffffff} .p-adw8987 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-adw8987:hover .pagelayer-service-heading{color:#ffffff} .p-adw8987 .pagelayer-service-details{text-align:center} .p-adw8987 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-adw8987{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-adw8987:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-images pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Image Slider</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="onc5038" class="p-onc5038 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="onc5038">.p-onc5038 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-onc5038 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="igt6246" class="p-igt6246 pagelayer-iconbox"> <style pagelayer-style-id="igt6246">.p-igt6246 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-igt6246 .pagelayer-service-icon{font-size:20px} .p-igt6246:hover .pagelayer-service-icon i{color:#ffffff} .p-igt6246 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-igt6246:hover .pagelayer-service-heading{color:#ffffff} .p-igt6246 .pagelayer-service-details{text-align:center} .p-igt6246 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-igt6246{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-igt6246:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-th pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Grid Gallery</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="yio3033" class="p-yio3033 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="yio3033">.p-yio3033 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-yio3033 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="06y1708" class="p-06y1708 pagelayer-iconbox"> <style pagelayer-style-id="06y1708">.p-06y1708 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-06y1708 .pagelayer-service-icon{font-size:20px} .p-06y1708:hover .pagelayer-service-icon i{color:#ffffff} .p-06y1708 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-06y1708:hover .pagelayer-service-heading{color:#ffffff} .p-06y1708 .pagelayer-service-details{text-align:center} .p-06y1708 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-06y1708{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-06y1708:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-star-half-alt pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Star Rating</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="z1a2342" class="p-z1a2342 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="z1a2342">.p-z1a2342 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-z1a2342 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="frz2375" class="p-frz2375 pagelayer-iconbox"> <style pagelayer-style-id="frz2375">.p-frz2375 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-frz2375 .pagelayer-service-icon{font-size:20px} .p-frz2375:hover .pagelayer-service-icon i{color:#ffffff} .p-frz2375 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-frz2375:hover .pagelayer-service-heading{color:#ffffff} .p-frz2375 .pagelayer-service-details{text-align:center} .p-frz2375 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-frz2375{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-frz2375:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="far fa-square pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Button</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> </div></div> <div pagelayer-id="r6k1435" class="p-r6k1435 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="r6k1435">.p-r6k1435 .pagelayer-col-holder{padding: 10px} .p-r6k1435 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-r6k1435 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-r6k1435 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-r6k1435 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-r6k1435 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-r6k1435{margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="khx3211" class="p-khx3211 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="khx3211">.p-khx3211 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-khx3211 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="4ao6910" class="p-4ao6910 pagelayer-iconbox"> <style pagelayer-style-id="4ao6910">.p-4ao6910 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-4ao6910 .pagelayer-service-icon{font-size:20px} .p-4ao6910:hover .pagelayer-service-icon i{color:#ffffff} .p-4ao6910 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-4ao6910:hover .pagelayer-service-heading{color:#ffffff} .p-4ao6910 .pagelayer-service-details{text-align:center} .p-4ao6910 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-4ao6910{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-4ao6910:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-video pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Video</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="ri87480" class="p-ri87480 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="ri87480">.p-ri87480 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-ri87480 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="0xy1108" class="p-0xy1108 pagelayer-iconbox"> <style pagelayer-style-id="0xy1108">.p-0xy1108 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-0xy1108 .pagelayer-service-icon{font-size:20px} .p-0xy1108:hover .pagelayer-service-icon i{color:#ffffff} .p-0xy1108 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-0xy1108:hover .pagelayer-service-heading{color:#ffffff} .p-0xy1108 .pagelayer-service-details{text-align:center} .p-0xy1108 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-0xy1108{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-0xy1108:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-grip-horizontal pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Tabs</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="4w31984" class="p-4w31984 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="4w31984">.p-4w31984 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-4w31984 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="xd94287" class="p-xd94287 pagelayer-iconbox"> <style pagelayer-style-id="xd94287">.p-xd94287 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-xd94287 .pagelayer-service-icon{font-size:20px} .p-xd94287:hover .pagelayer-service-icon i{color:#ffffff} .p-xd94287 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-xd94287:hover .pagelayer-service-heading{color:#ffffff} .p-xd94287 .pagelayer-service-details{text-align:center} .p-xd94287 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-xd94287{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-xd94287:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-list pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Accordian</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="58i9125" class="p-58i9125 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="58i9125">.p-58i9125 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-58i9125 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="f3y9995" class="p-f3y9995 pagelayer-iconbox"> <style pagelayer-style-id="f3y9995">.p-f3y9995 .pagelayer-service-icon i{color:#1c54b2;-webkit-transition: all 400ms; transition: all 400ms} .p-f3y9995 .pagelayer-service-icon{font-size:20px} .p-f3y9995:hover .pagelayer-service-icon i{color:#ffffff} .p-f3y9995 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-f3y9995:hover .pagelayer-service-heading{color:#ffffff} .p-f3y9995 .pagelayer-service-details{text-align:center} .p-f3y9995 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-f3y9995{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-f3y9995:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-server pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Collapse</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="kv87390" class="p-kv87390 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="kv87390">.p-kv87390 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-kv87390 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="6xd9314" class="p-6xd9314 pagelayer-iconbox"> <style pagelayer-style-id="6xd9314">.p-6xd9314 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-6xd9314 .pagelayer-service-icon{font-size:20px} .p-6xd9314:hover .pagelayer-service-icon i{color:#ffffff} .p-6xd9314 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-6xd9314:hover .pagelayer-service-heading{color:#ffffff} .p-6xd9314 .pagelayer-service-details{text-align:center} .p-6xd9314 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-6xd9314{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-6xd9314:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-square pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Space</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="fln5046" class="p-fln5046 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="fln5046">.p-fln5046 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-fln5046 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="jlg6848" class="p-jlg6848 pagelayer-iconbox"> <style pagelayer-style-id="jlg6848">.p-jlg6848 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-jlg6848 .pagelayer-service-icon{font-size:20px} .p-jlg6848:hover .pagelayer-service-icon i{color:#ffffff} .p-jlg6848 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-jlg6848:hover .pagelayer-service-heading{color:#ffffff} .p-jlg6848 .pagelayer-service-details{text-align:center} .p-jlg6848 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-jlg6848{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-jlg6848:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-code pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Embed</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="ijr4988" class="p-ijr4988 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="ijr4988">.p-ijr4988 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-ijr4988 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="x0t1621" class="p-x0t1621 pagelayer-iconbox"> <style pagelayer-style-id="x0t1621">.p-x0t1621 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-x0t1621 .pagelayer-service-icon{font-size:20px} .p-x0t1621:hover .pagelayer-service-icon i{color:#ffffff} .p-x0t1621 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-x0t1621:hover .pagelayer-service-heading{color:#ffffff} .p-x0t1621 .pagelayer-service-details{text-align:center} .p-x0t1621 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-x0t1621{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-x0t1621:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="far fa-square pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Shortcode</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> </div></div> <div pagelayer-id="9by7197" class="p-9by7197 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="9by7197">.p-9by7197 .pagelayer-col-holder{padding: 10px} .p-9by7197 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-9by7197 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-9by7197 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-9by7197 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-9by7197 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-9by7197{margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="fxo9934" class="p-fxo9934 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="fxo9934">.p-fxo9934 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-fxo9934 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="txp9827" class="p-txp9827 pagelayer-iconbox"> <style pagelayer-style-id="txp9827">.p-txp9827 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-txp9827 .pagelayer-service-icon{font-size:20px} .p-txp9827:hover .pagelayer-service-icon i{color:#ffffff} .p-txp9827 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-txp9827:hover .pagelayer-service-heading{color:#ffffff} .p-txp9827 .pagelayer-service-details{text-align:center} .p-txp9827 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-txp9827{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-txp9827:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-map pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Google Map</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="v2w3850" class="p-v2w3850 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="v2w3850">.p-v2w3850 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-v2w3850 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="ojr2892" class="p-ojr2892 pagelayer-iconbox"> <style pagelayer-style-id="ojr2892">.p-ojr2892 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-ojr2892 .pagelayer-service-icon{font-size:20px} .p-ojr2892:hover .pagelayer-service-icon i{color:#ffffff} .p-ojr2892 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-ojr2892:hover .pagelayer-service-heading{color:#ffffff} .p-ojr2892 .pagelayer-service-details{text-align:center} .p-ojr2892 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-ojr2892{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-ojr2892:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-comment-dots pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Testimonial</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="48u6756" class="p-48u6756 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="48u6756">.p-48u6756 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-48u6756 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="sm27335" class="p-sm27335 pagelayer-iconbox"> <style pagelayer-style-id="sm27335">.p-sm27335 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-sm27335 .pagelayer-service-icon{font-size:20px} .p-sm27335:hover .pagelayer-service-icon i{color:#ffffff} .p-sm27335 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-sm27335:hover .pagelayer-service-heading{color:#ffffff} .p-sm27335 .pagelayer-service-details{text-align:center} .p-sm27335 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-sm27335{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-sm27335:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-th-list pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Progress Bars</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="mwr9057" class="p-mwr9057 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="mwr9057">.p-mwr9057 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-mwr9057 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="7ql6741" class="p-7ql6741 pagelayer-iconbox"> <style pagelayer-style-id="7ql6741">.p-7ql6741 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-7ql6741 .pagelayer-service-icon{font-size:20px} .p-7ql6741:hover .pagelayer-service-icon i{color:#ffffff} .p-7ql6741 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-7ql6741:hover .pagelayer-service-heading{color:#ffffff} .p-7ql6741 .pagelayer-service-details{text-align:center} .p-7ql6741 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-7ql6741{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-7ql6741:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-adjust pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Color Block</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="o9m5300" class="p-o9m5300 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="o9m5300">.p-o9m5300 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-o9m5300 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="7cg1703" class="p-7cg1703 pagelayer-iconbox"> <style pagelayer-style-id="7cg1703">.p-7cg1703 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-7cg1703 .pagelayer-service-icon{font-size:20px} .p-7cg1703:hover .pagelayer-service-icon i{color:#ffffff} .p-7cg1703 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-7cg1703:hover .pagelayer-service-heading{color:#ffffff} .p-7cg1703 .pagelayer-service-details{text-align:center} .p-7cg1703 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-7cg1703{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-7cg1703:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-exclamation-circle pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Alert</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="ede1711" class="p-ede1711 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="ede1711">.p-ede1711 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-ede1711 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="w5a1456" class="p-w5a1456 pagelayer-iconbox"> <style pagelayer-style-id="w5a1456">.p-w5a1456 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-w5a1456 .pagelayer-service-icon{font-size:20px} .p-w5a1456:hover .pagelayer-service-icon i{color:#ffffff} .p-w5a1456 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-w5a1456:hover .pagelayer-service-heading{color:#ffffff} .p-w5a1456 .pagelayer-service-details{text-align:center} .p-w5a1456 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-w5a1456{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-w5a1456:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-window-minimize pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Divider</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="e5o2527" class="p-e5o2527 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="e5o2527">.p-e5o2527 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-e5o2527 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="rrv4651" class="p-rrv4651 pagelayer-iconbox"> <style pagelayer-style-id="rrv4651">.p-rrv4651 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-rrv4651 .pagelayer-service-icon{font-size:20px} .p-rrv4651:hover .pagelayer-service-icon i{color:#ffffff} .p-rrv4651 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-rrv4651:hover .pagelayer-service-heading{color:#ffffff} .p-rrv4651 .pagelayer-service-details{text-align:center} .p-rrv4651 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-rrv4651{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-rrv4651:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-share-square pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Social Profile</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> </div></div> <div pagelayer-id="nna8940" class="p-nna8940 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="nna8940">.p-nna8940 .pagelayer-col-holder{padding: 10px} .p-nna8940 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-nna8940 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-nna8940 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-nna8940 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-nna8940 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-nna8940{margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="evi1533" class="p-evi1533 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="evi1533">.p-evi1533 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-evi1533 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="55j4258" class="p-55j4258 pagelayer-iconbox"> <style pagelayer-style-id="55j4258">.p-55j4258 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-55j4258 .pagelayer-service-icon{font-size:20px} .p-55j4258:hover .pagelayer-service-icon i{color:#ffffff} .p-55j4258 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-55j4258:hover .pagelayer-service-heading{color:#ffffff} .p-55j4258 .pagelayer-service-details{text-align:center} .p-55j4258 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-55j4258{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-55j4258:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-file-image pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Image Box</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="hzf8987" class="p-hzf8987 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="hzf8987">.p-hzf8987 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-hzf8987 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="cuy3439" class="p-cuy3439 pagelayer-iconbox"> <style pagelayer-style-id="cuy3439">.p-cuy3439 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-cuy3439 .pagelayer-service-icon{font-size:20px} .p-cuy3439:hover .pagelayer-service-icon i{color:#ffffff} .p-cuy3439 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-cuy3439:hover .pagelayer-service-heading{color:#ffffff} .p-cuy3439 .pagelayer-service-details{text-align:center} .p-cuy3439 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-cuy3439{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-cuy3439:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-icons pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Icon Box</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="z9b4472" class="p-z9b4472 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="z9b4472">.p-z9b4472 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-z9b4472 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="e0j2567" class="p-e0j2567 pagelayer-iconbox"> <style pagelayer-style-id="e0j2567">.p-e0j2567 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-e0j2567 .pagelayer-service-icon{font-size:20px} .p-e0j2567:hover .pagelayer-service-icon i{color:#ffffff} .p-e0j2567 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-e0j2567:hover .pagelayer-service-heading{color:#ffffff} .p-e0j2567 .pagelayer-service-details{text-align:center} .p-e0j2567 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-e0j2567{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-e0j2567:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-sort-numeric-down pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Counter</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="sfk5048" class="p-sfk5048 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="sfk5048">.p-sfk5048 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-sfk5048 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="2vb5203" class="p-2vb5203 pagelayer-iconbox"> <style pagelayer-style-id="2vb5203">.p-2vb5203 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-2vb5203 .pagelayer-service-icon{font-size:20px} .p-2vb5203:hover .pagelayer-service-icon i{color:#ffffff} .p-2vb5203 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-2vb5203:hover .pagelayer-service-heading{color:#ffffff} .p-2vb5203 .pagelayer-service-details{text-align:center} .p-2vb5203 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-2vb5203{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-2vb5203:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-anchor pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Anchor</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="rui9301" class="p-rui9301 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="rui9301">.p-rui9301 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-rui9301 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> </div></div> <div pagelayer-id="02a5391" class="p-02a5391 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="02a5391">.p-02a5391 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-02a5391 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> </div></div> <div pagelayer-id="2qd4762" class="p-2qd4762 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="2qd4762">.p-2qd4762 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-2qd4762 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> </div></div> </div></div> <div pagelayer-id="kco6008" class="p-kco6008 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="kco6008">.p-kco6008 .pagelayer-col-holder{padding: 10px} .p-kco6008 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-kco6008 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-kco6008 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-kco6008 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-kco6008 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-kco6008{margin-top: 100px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="l0x1031" class="p-l0x1031 pagelayer-col"> <style pagelayer-style-id="l0x1031">.p-l0x1031 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-l0x1031 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="0h68277" class="p-0h68277 pagelayer-heading" align="center"> <style pagelayer-style-id="0h68277">.p-0h68277{text-align: center;border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px} .p-0h68277 .pagelayer-heading-holder *{color:#404040;font-family: Poppins !important; font-size: 40px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-0h68277 .pagelayer-heading-holder{color:#404040;font-family: Poppins !important; font-size: 40px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style><div class="pagelayer-heading-holder">PopularFX WordPress Pro Widgets</div> </div> </div></div> </div></div> <div pagelayer-id="xr91024" class="p-xr91024 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="xr91024">.p-xr91024 .pagelayer-col-holder{padding: 10px} .p-xr91024 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-xr91024 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-xr91024 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-xr91024 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-xr91024 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-xr91024{margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="mlg4636" class="p-mlg4636 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="mlg4636">.p-mlg4636 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-mlg4636 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="fzb5017" class="p-fzb5017 pagelayer-iconbox"> <style pagelayer-style-id="fzb5017">.p-fzb5017 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-fzb5017 .pagelayer-service-icon{font-size:20px} .p-fzb5017:hover .pagelayer-service-icon i{color:#ffffff} .p-fzb5017 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-fzb5017:hover .pagelayer-service-heading{color:#ffffff} .p-fzb5017 .pagelayer-service-details{text-align:center} .p-fzb5017 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-fzb5017{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-fzb5017:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-comment-dots pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Image Hotspot</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="2lx2066" class="p-2lx2066 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="2lx2066">.p-2lx2066 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-2lx2066 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="cbj9060" class="p-cbj9060 pagelayer-iconbox"> <style pagelayer-style-id="cbj9060">.p-cbj9060 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-cbj9060 .pagelayer-service-icon{font-size:20px} .p-cbj9060:hover .pagelayer-service-icon i{color:#ffffff} .p-cbj9060 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-cbj9060:hover .pagelayer-service-heading{color:#ffffff} .p-cbj9060 .pagelayer-service-details{text-align:center} .p-cbj9060 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-cbj9060{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-cbj9060:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-video pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Video Slider</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="n8g3248" class="p-n8g3248 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="n8g3248">.p-n8g3248 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-n8g3248 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="8e93339" class="p-8e93339 pagelayer-iconbox"> <style pagelayer-style-id="8e93339">.p-8e93339 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-8e93339 .pagelayer-service-icon{font-size:20px} .p-8e93339:hover .pagelayer-service-icon i{color:#ffffff} .p-8e93339 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-8e93339:hover .pagelayer-service-heading{color:#ffffff} .p-8e93339 .pagelayer-service-details{text-align:center} .p-8e93339 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-8e93339{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-8e93339:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-arrows-alt pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Call To Action</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="wf28375" class="p-wf28375 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="wf28375">.p-wf28375 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-wf28375 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="6bt8443" class="p-6bt8443 pagelayer-iconbox"> <style pagelayer-style-id="6bt8443">.p-6bt8443 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-6bt8443 .pagelayer-service-icon{font-size:20px} .p-6bt8443:hover .pagelayer-service-icon i{color:#ffffff} .p-6bt8443 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-6bt8443:hover .pagelayer-service-heading{color:#ffffff} .p-6bt8443 .pagelayer-service-details{text-align:center} .p-6bt8443 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-6bt8443{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-6bt8443:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-calendar-day pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Modal</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="xa84243" class="p-xa84243 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="xa84243">.p-xa84243 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-xa84243 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="akt4127" class="p-akt4127 pagelayer-iconbox"> <style pagelayer-style-id="akt4127">.p-akt4127 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-akt4127 .pagelayer-service-icon{font-size:20px} .p-akt4127:hover .pagelayer-service-icon i{color:#ffffff} .p-akt4127 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-akt4127:hover .pagelayer-service-heading{color:#ffffff} .p-akt4127 .pagelayer-service-details{text-align:center} .p-akt4127 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-akt4127{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-akt4127:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-quote-right pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Splash Screen</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="6qg5537" class="p-6qg5537 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="6qg5537">.p-6qg5537 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-6qg5537 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="10e7323" class="p-10e7323 pagelayer-iconbox"> <style pagelayer-style-id="10e7323">.p-10e7323 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-10e7323 .pagelayer-service-icon{font-size:20px} .p-10e7323:hover .pagelayer-service-icon i{color:#ffffff} .p-10e7323 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-10e7323:hover .pagelayer-service-heading{color:#ffffff} .p-10e7323 .pagelayer-service-details{text-align:center} .p-10e7323 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-10e7323{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-10e7323:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-chart-bar pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Chart</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="8uy5186" class="p-8uy5186 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="8uy5186">.p-8uy5186 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-8uy5186 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="87q2250" class="p-87q2250 pagelayer-iconbox"> <style pagelayer-style-id="87q2250">.p-87q2250 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-87q2250 .pagelayer-service-icon{font-size:20px} .p-87q2250:hover .pagelayer-service-icon i{color:#ffffff} .p-87q2250 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-87q2250:hover .pagelayer-service-heading{color:#ffffff} .p-87q2250 .pagelayer-service-details{text-align:center} .p-87q2250 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-87q2250{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-87q2250:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-sort-numeric-down pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Countdown Timer</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> </div></div> <div pagelayer-id="msy8427" class="p-msy8427 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="msy8427">.p-msy8427 .pagelayer-col-holder{padding: 10px} .p-msy8427 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-msy8427 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-msy8427 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-msy8427 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-msy8427 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-msy8427{margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="4sn1343" class="p-4sn1343 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="4sn1343">.p-4sn1343 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-4sn1343 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="2ve4247" class="p-2ve4247 pagelayer-iconbox"> <style pagelayer-style-id="2ve4247">.p-2ve4247 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-2ve4247 .pagelayer-service-icon{font-size:20px} .p-2ve4247:hover .pagelayer-service-icon i{color:#ffffff} .p-2ve4247 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-2ve4247:hover .pagelayer-service-heading{color:#ffffff} .p-2ve4247 .pagelayer-service-details{text-align:center} .p-2ve4247 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-2ve4247{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-2ve4247:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-dollar-sign pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Pricing Table</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="f7p6484" class="p-f7p6484 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="f7p6484">.p-f7p6484 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-f7p6484 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="y649976" class="p-y649976 pagelayer-iconbox"> <style pagelayer-style-id="y649976">.p-y649976 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-y649976 .pagelayer-service-icon{font-size:20px} .p-y649976:hover .pagelayer-service-icon i{color:#ffffff} .p-y649976 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-y649976:hover .pagelayer-service-heading{color:#ffffff} .p-y649976 .pagelayer-service-details{text-align:center} .p-y649976 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-y649976{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-y649976:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-file-code pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Contact Form</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="6ip4647" class="p-6ip4647 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="6ip4647">.p-6ip4647 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-6ip4647 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="dnv6507" class="p-dnv6507 pagelayer-iconbox"> <style pagelayer-style-id="dnv6507">.p-dnv6507 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-dnv6507 .pagelayer-service-icon{font-size:20px} .p-dnv6507:hover .pagelayer-service-icon i{color:#ffffff} .p-dnv6507 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-dnv6507:hover .pagelayer-service-heading{color:#ffffff} .p-dnv6507 .pagelayer-service-details{text-align:center} .p-dnv6507 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-dnv6507{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-dnv6507:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-address-card pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Testimonial Slider</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="ulr5452" class="p-ulr5452 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="ulr5452">.p-ulr5452 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-ulr5452 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="epb5589" class="p-epb5589 pagelayer-iconbox"> <style pagelayer-style-id="epb5589">.p-epb5589 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-epb5589 .pagelayer-service-icon{font-size:20px} .p-epb5589:hover .pagelayer-service-icon i{color:#ffffff} .p-epb5589 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-epb5589:hover .pagelayer-service-heading{color:#ffffff} .p-epb5589 .pagelayer-service-details{text-align:center} .p-epb5589 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-epb5589{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-epb5589:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-square pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Button Group</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="hzj6065" class="p-hzj6065 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="hzj6065">.p-hzj6065 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-hzj6065 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="uyx3669" class="p-uyx3669 pagelayer-iconbox"> <style pagelayer-style-id="uyx3669">.p-uyx3669 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-uyx3669 .pagelayer-service-icon{font-size:20px} .p-uyx3669:hover .pagelayer-service-icon i{color:#ffffff} .p-uyx3669 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-uyx3669:hover .pagelayer-service-heading{color:#ffffff} .p-uyx3669 .pagelayer-service-details{text-align:center} .p-uyx3669 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-uyx3669{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-uyx3669:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-download pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Download Button</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="5mw1886" class="p-5mw1886 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="5mw1886">.p-5mw1886 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-5mw1886 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="t039847" class="p-t039847 pagelayer-iconbox"> <style pagelayer-style-id="t039847">.p-t039847 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-t039847 .pagelayer-service-icon{font-size:20px} .p-t039847:hover .pagelayer-service-icon i{color:#ffffff} .p-t039847 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-t039847:hover .pagelayer-service-heading{color:#ffffff} .p-t039847 .pagelayer-service-details{text-align:center} .p-t039847 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-t039847{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-t039847:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-share-alt pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Social Share</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="jsd9085" class="p-jsd9085 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="jsd9085">.p-jsd9085 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-jsd9085 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="g9i3755" class="p-g9i3755 pagelayer-iconbox"> <style pagelayer-style-id="g9i3755">.p-g9i3755 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-g9i3755 .pagelayer-service-icon{font-size:20px} .p-g9i3755:hover .pagelayer-service-icon i{color:#ffffff} .p-g9i3755 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-g9i3755:hover .pagelayer-service-heading{color:#ffffff} .p-g9i3755 .pagelayer-service-details{text-align:center} .p-g9i3755 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-g9i3755{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-g9i3755:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-music pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Audio</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> </div></div> <div pagelayer-id="u9s3194" class="p-u9s3194 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="u9s3194">.p-u9s3194 .pagelayer-col-holder{padding: 10px} .p-u9s3194 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-u9s3194 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-u9s3194 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-u9s3194 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-u9s3194 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-u9s3194{margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="y4r5145" class="p-y4r5145 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="y4r5145">.p-y4r5145 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-y4r5145 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="3a09538" class="p-3a09538 pagelayer-iconbox"> <style pagelayer-style-id="3a09538">.p-3a09538 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-3a09538 .pagelayer-service-icon{font-size:20px} .p-3a09538:hover .pagelayer-service-icon i{color:#ffffff} .p-3a09538 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-3a09538:hover .pagelayer-service-heading{color:#ffffff} .p-3a09538 .pagelayer-service-details{text-align:center} .p-3a09538 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-3a09538{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-3a09538:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-table pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Table</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="8y84605" class="p-8y84605 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="8y84605">.p-8y84605 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-8y84605 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="k5h4465" class="p-k5h4465 pagelayer-iconbox"> <style pagelayer-style-id="k5h4465">.p-k5h4465 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-k5h4465 .pagelayer-service-icon{font-size:20px} .p-k5h4465:hover .pagelayer-service-icon i{color:#ffffff} .p-k5h4465 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-k5h4465:hover .pagelayer-service-heading{color:#ffffff} .p-k5h4465 .pagelayer-service-details{text-align:center} .p-k5h4465 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-k5h4465{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-k5h4465:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-columns pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Posts</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="6ld7336" class="p-6ld7336 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="6ld7336">.p-6ld7336 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-6ld7336 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="erl8550" class="p-erl8550 pagelayer-iconbox"> <style pagelayer-style-id="erl8550">.p-erl8550 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-erl8550 .pagelayer-service-icon{font-size:20px} .p-erl8550:hover .pagelayer-service-icon i{color:#ffffff} .p-erl8550 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-erl8550:hover .pagelayer-service-heading{color:#ffffff} .p-erl8550 .pagelayer-service-details{text-align:center} .p-erl8550 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-erl8550{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-erl8550:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-text-width pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Post Portfolio</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="0458829" class="p-0458829 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="0458829">.p-0458829 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-0458829 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="dy44101" class="p-dy44101 pagelayer-iconbox"> <style pagelayer-style-id="dy44101">.p-dy44101 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-dy44101 .pagelayer-service-icon{font-size:20px} .p-dy44101:hover .pagelayer-service-icon i{color:#ffffff} .p-dy44101 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-dy44101:hover .pagelayer-service-heading{color:#ffffff} .p-dy44101 .pagelayer-service-details{text-align:center} .p-dy44101 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-dy44101{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-dy44101:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-align-left pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Slides</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="2vs2439" class="p-2vs2439 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="2vs2439">.p-2vs2439 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-2vs2439 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="6t34764" class="p-6t34764 pagelayer-iconbox"> <style pagelayer-style-id="6t34764">.p-6t34764 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-6t34764 .pagelayer-service-icon{font-size:20px} .p-6t34764:hover .pagelayer-service-icon i{color:#ffffff} .p-6t34764 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-6t34764:hover .pagelayer-service-heading{color:#ffffff} .p-6t34764 .pagelayer-service-details{text-align:center} .p-6t34764 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-6t34764{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-6t34764:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-unlock-alt pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Login</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="rct4191" class="p-rct4191 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="rct4191">.p-rct4191 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-rct4191 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="ibq7088" class="p-ibq7088 pagelayer-iconbox"> <style pagelayer-style-id="ibq7088">.p-ibq7088 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-ibq7088 .pagelayer-service-icon{font-size:20px} .p-ibq7088:hover .pagelayer-service-icon i{color:#ffffff} .p-ibq7088 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-ibq7088:hover .pagelayer-service-heading{color:#ffffff} .p-ibq7088 .pagelayer-service-details{text-align:center} .p-ibq7088 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-ibq7088{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-ibq7088:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-braille pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Animated Heading</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="w3d3733" class="p-w3d3733 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="w3d3733">.p-w3d3733 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-w3d3733 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="vz58920" class="p-vz58920 pagelayer-iconbox"> <style pagelayer-style-id="vz58920">.p-vz58920 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-vz58920 .pagelayer-service-icon{font-size:20px} .p-vz58920:hover .pagelayer-service-icon i{color:#ffffff} .p-vz58920 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-vz58920:hover .pagelayer-service-heading{color:#ffffff} .p-vz58920 .pagelayer-service-details{text-align:center} .p-vz58920 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-vz58920{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-vz58920:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-list-ol pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Menu List</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> </div></div> <div pagelayer-id="3ar5229" class="p-3ar5229 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="3ar5229">.p-3ar5229 .pagelayer-col-holder{padding: 10px} .p-3ar5229 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-3ar5229 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-3ar5229 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-3ar5229 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-3ar5229 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-3ar5229{margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="8vt3707" class="p-8vt3707 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="8vt3707">.p-8vt3707 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-8vt3707 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="qmg9111" class="p-qmg9111 pagelayer-iconbox"> <style pagelayer-style-id="qmg9111">.p-qmg9111 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-qmg9111 .pagelayer-service-icon{font-size:20px} .p-qmg9111:hover .pagelayer-service-icon i{color:#ffffff} .p-qmg9111 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-qmg9111:hover .pagelayer-service-heading{color:#ffffff} .p-qmg9111 .pagelayer-service-details{text-align:center} .p-qmg9111 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-qmg9111{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-qmg9111:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-clone pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Flipbox</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="gkb3018" class="p-gkb3018 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="gkb3018">.p-gkb3018 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-gkb3018 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="x4k4862" class="p-x4k4862 pagelayer-iconbox"> <style pagelayer-style-id="x4k4862">.p-x4k4862 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-x4k4862 .pagelayer-service-icon{font-size:20px} .p-x4k4862:hover .pagelayer-service-icon i{color:#ffffff} .p-x4k4862 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-x4k4862:hover .pagelayer-service-heading{color:#ffffff} .p-x4k4862 .pagelayer-service-details{text-align:center} .p-x4k4862 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-x4k4862{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-x4k4862:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-star-half-alt pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Reviews</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="gb34322" class="p-gb34322 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="gb34322">.p-gb34322 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-gb34322 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="fho3621" class="p-fho3621 pagelayer-iconbox"> <style pagelayer-style-id="fho3621">.p-fho3621 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-fho3621 .pagelayer-service-icon{font-size:20px} .p-fho3621:hover .pagelayer-service-icon i{color:#ffffff} .p-fho3621 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-fho3621:hover .pagelayer-service-heading{color:#ffffff} .p-fho3621 .pagelayer-service-details{text-align:center} .p-fho3621 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-fho3621{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-fho3621:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fab fa-facebook-square pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Facebook Button</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="gt66089" class="p-gt66089 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="gt66089">.p-gt66089 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-gt66089 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="3x14038" class="p-3x14038 pagelayer-iconbox"> <style pagelayer-style-id="3x14038">.p-3x14038 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-3x14038 .pagelayer-service-icon{font-size:20px} .p-3x14038:hover .pagelayer-service-icon i{color:#ffffff} .p-3x14038 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-3x14038:hover .pagelayer-service-heading{color:#ffffff} .p-3x14038 .pagelayer-service-details{text-align:center} .p-3x14038 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-3x14038{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-3x14038:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fab fa-facebook-square pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Facebook Embed</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="sum5652" class="p-sum5652 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="sum5652">.p-sum5652 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-sum5652 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="g3f9265" class="p-g3f9265 pagelayer-iconbox"> <style pagelayer-style-id="g3f9265">.p-g3f9265 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-g3f9265 .pagelayer-service-icon{font-size:20px} .p-g3f9265:hover .pagelayer-service-icon i{color:#ffffff} .p-g3f9265 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-g3f9265:hover .pagelayer-service-heading{color:#ffffff} .p-g3f9265 .pagelayer-service-details{text-align:center} .p-g3f9265 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-g3f9265{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-g3f9265:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fab fa-facebook-square pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Facebook Comments</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="oq56333" class="p-oq56333 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="oq56333">.p-oq56333 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-oq56333 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="vp03990" class="p-vp03990 pagelayer-iconbox"> <style pagelayer-style-id="vp03990">.p-vp03990 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-vp03990 .pagelayer-service-icon{font-size:20px} .p-vp03990:hover .pagelayer-service-icon i{color:#ffffff} .p-vp03990 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-vp03990:hover .pagelayer-service-heading{color:#ffffff} .p-vp03990 .pagelayer-service-details{text-align:center} .p-vp03990 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-vp03990{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-vp03990:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fab fa-facebook-square pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Facebook Page</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="14p5203" class="p-14p5203 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="14p5203">.p-14p5203 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-14p5203 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="mdr1751" class="p-mdr1751 pagelayer-iconbox"> <style pagelayer-style-id="mdr1751">.p-mdr1751 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-mdr1751 .pagelayer-service-icon{font-size:20px} .p-mdr1751:hover .pagelayer-service-icon i{color:#ffffff} .p-mdr1751 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-mdr1751:hover .pagelayer-service-heading{color:#ffffff} .p-mdr1751 .pagelayer-service-details{text-align:center} .p-mdr1751 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-mdr1751{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-mdr1751:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-window-maximize pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Templates</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> </div></div> <div pagelayer-id="6xn3643" class="p-6xn3643 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="6xn3643">.p-6xn3643 .pagelayer-col-holder{padding: 10px} .p-6xn3643 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-6xn3643 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-6xn3643 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-6xn3643 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-6xn3643 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-6xn3643{margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="uom6727" class="p-uom6727 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="uom6727">.p-uom6727 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-uom6727 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="j951038" class="p-j951038 pagelayer-iconbox"> <style pagelayer-style-id="j951038">.p-j951038 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-j951038 .pagelayer-service-icon{font-size:20px} .p-j951038:hover .pagelayer-service-icon i{color:#ffffff} .p-j951038 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-j951038:hover .pagelayer-service-heading{color:#ffffff} .p-j951038 .pagelayer-service-details{text-align:center} .p-j951038 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-j951038{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-j951038:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-text-width pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Post Title</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="dkx1341" class="p-dkx1341 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="dkx1341">.p-dkx1341 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-dkx1341 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="b2m2667" class="p-b2m2667 pagelayer-iconbox"> <style pagelayer-style-id="b2m2667">.p-b2m2667 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-b2m2667 .pagelayer-service-icon{font-size:20px} .p-b2m2667:hover .pagelayer-service-icon i{color:#ffffff} .p-b2m2667 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-b2m2667:hover .pagelayer-service-heading{color:#ffffff} .p-b2m2667 .pagelayer-service-details{text-align:center} .p-b2m2667 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-b2m2667{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-b2m2667:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-font pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Post Excerpt</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="sni8445" class="p-sni8445 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="sni8445">.p-sni8445 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-sni8445 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="s7a4547" class="p-s7a4547 pagelayer-iconbox"> <style pagelayer-style-id="s7a4547">.p-s7a4547 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-s7a4547 .pagelayer-service-icon{font-size:20px} .p-s7a4547:hover .pagelayer-service-icon i{color:#ffffff} .p-s7a4547 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-s7a4547:hover .pagelayer-service-heading{color:#ffffff} .p-s7a4547 .pagelayer-service-details{text-align:center} .p-s7a4547 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-s7a4547{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-s7a4547:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-text-height pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Post Content</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="l1h8051" class="p-l1h8051 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="l1h8051">.p-l1h8051 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-l1h8051 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="z428500" class="p-z428500 pagelayer-iconbox"> <style pagelayer-style-id="z428500">.p-z428500 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-z428500 .pagelayer-service-icon{font-size:20px} .p-z428500:hover .pagelayer-service-icon i{color:#ffffff} .p-z428500 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-z428500:hover .pagelayer-service-heading{color:#ffffff} .p-z428500 .pagelayer-service-details{text-align:center} .p-z428500 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-z428500{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-z428500:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-image pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Featured Image</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="tpg4107" class="p-tpg4107 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="tpg4107">.p-tpg4107 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-tpg4107 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="zmc4126" class="p-zmc4126 pagelayer-iconbox"> <style pagelayer-style-id="zmc4126">.p-zmc4126 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-zmc4126 .pagelayer-service-icon{font-size:20px} .p-zmc4126:hover .pagelayer-service-icon i{color:#ffffff} .p-zmc4126 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-zmc4126:hover .pagelayer-service-heading{color:#ffffff} .p-zmc4126 .pagelayer-service-details{text-align:center} .p-zmc4126 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-zmc4126{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-zmc4126:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-address-card pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Author Box</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="79d5536" class="p-79d5536 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="79d5536">.p-79d5536 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-79d5536 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="c0o2120" class="p-c0o2120 pagelayer-iconbox"> <style pagelayer-style-id="c0o2120">.p-c0o2120 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-c0o2120 .pagelayer-service-icon{font-size:20px} .p-c0o2120:hover .pagelayer-service-icon i{color:#ffffff} .p-c0o2120 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-c0o2120:hover .pagelayer-service-heading{color:#ffffff} .p-c0o2120 .pagelayer-service-details{text-align:center} .p-c0o2120 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-c0o2120{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-c0o2120:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-comment-dots pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Post Comments</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="o7y5037" class="p-o7y5037 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="o7y5037">.p-o7y5037 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-o7y5037 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="f8u1174" class="p-f8u1174 pagelayer-iconbox"> <style pagelayer-style-id="f8u1174">.p-f8u1174 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-f8u1174 .pagelayer-service-icon{font-size:20px} .p-f8u1174:hover .pagelayer-service-icon i{color:#ffffff} .p-f8u1174 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-f8u1174:hover .pagelayer-service-heading{color:#ffffff} .p-f8u1174 .pagelayer-service-details{text-align:center} .p-f8u1174 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-f8u1174{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-f8u1174:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-ellipsis-h pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Post Navigation</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> </div></div> <div pagelayer-id="abs3530" class="p-abs3530 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="abs3530">.p-abs3530 .pagelayer-col-holder{padding: 10px} .p-abs3530 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-abs3530 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-abs3530 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-abs3530 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-abs3530 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-abs3530{margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="gv43320" class="p-gv43320 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="gv43320">.p-gv43320 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-gv43320 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="lll6103" class="p-lll6103 pagelayer-iconbox"> <style pagelayer-style-id="lll6103">.p-lll6103 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-lll6103 .pagelayer-service-icon{font-size:20px} .p-lll6103:hover .pagelayer-service-icon i{color:#ffffff} .p-lll6103 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-lll6103:hover .pagelayer-service-heading{color:#ffffff} .p-lll6103 .pagelayer-service-details{text-align:center} .p-lll6103 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-lll6103{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-lll6103:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-align-justify pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Post Info</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="7yw4619" class="p-7yw4619 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="7yw4619">.p-7yw4619 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-7yw4619 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="8aw6061" class="p-8aw6061 pagelayer-iconbox"> <style pagelayer-style-id="8aw6061">.p-8aw6061 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-8aw6061 .pagelayer-service-icon{font-size:20px} .p-8aw6061:hover .pagelayer-service-icon i{color:#ffffff} .p-8aw6061 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-8aw6061:hover .pagelayer-service-heading{color:#ffffff} .p-8aw6061 .pagelayer-service-details{text-align:center} .p-8aw6061 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-8aw6061{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-8aw6061:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-search pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Search Form</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="blo9857" class="p-blo9857 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="blo9857">.p-blo9857 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-blo9857 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="smf3057" class="p-smf3057 pagelayer-iconbox"> <style pagelayer-style-id="smf3057">.p-smf3057 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-smf3057 .pagelayer-service-icon{font-size:20px} .p-smf3057:hover .pagelayer-service-icon i{color:#ffffff} .p-smf3057 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-smf3057:hover .pagelayer-service-heading{color:#ffffff} .p-smf3057 .pagelayer-service-details{text-align:center} .p-smf3057 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-smf3057{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-smf3057:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-link pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Breadcrumb</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="v982654" class="p-v982654 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="v982654">.p-v982654 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-v982654 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="l1g1385" class="p-l1g1385 pagelayer-iconbox"> <style pagelayer-style-id="l1g1385">.p-l1g1385 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-l1g1385 .pagelayer-service-icon{font-size:20px} .p-l1g1385:hover .pagelayer-service-icon i{color:#ffffff} .p-l1g1385 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-l1g1385:hover .pagelayer-service-heading{color:#ffffff} .p-l1g1385 .pagelayer-service-details{text-align:center} .p-l1g1385 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-l1g1385{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-l1g1385:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-sitemap pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Sitemap</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="xka5679" class="p-xka5679 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="xka5679">.p-xka5679 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-xka5679 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="5w34339" class="p-5w34339 pagelayer-iconbox"> <style pagelayer-style-id="5w34339">.p-5w34339 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-5w34339 .pagelayer-service-icon{font-size:20px} .p-5w34339:hover .pagelayer-service-icon i{color:#ffffff} .p-5w34339 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-5w34339:hover .pagelayer-service-heading{color:#ffffff} .p-5w34339 .pagelayer-service-details{text-align:center} .p-5w34339 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-5w34339{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-5w34339:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-align-center pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Site Title</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="u0r1732" class="p-u0r1732 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="u0r1732">.p-u0r1732 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-u0r1732 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="aon6551" class="p-aon6551 pagelayer-iconbox"> <style pagelayer-style-id="aon6551">.p-aon6551 .pagelayer-service-icon i{color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-aon6551 .pagelayer-service-icon{font-size:20px} .p-aon6551:hover .pagelayer-service-icon i{color:#ffffff} .p-aon6551 .pagelayer-service-heading{text-align:center;padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px;color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;-webkit-transition: all 400ms; transition: all 400ms} .p-aon6551:hover .pagelayer-service-heading{color:#ffffff} .p-aon6551 .pagelayer-service-details{text-align:center} .p-aon6551 .pagelayer-service-btn{-webkit-transition: all 400ms; transition: all 400ms} .p-aon6551{-webkit-transition: all 600ms !important; transition: all 600ms !important;padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;box-shadow: 1px 1px 12px 1px #e5e5e5 !important;border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px} .p-aon6551:hover{background: #4511b1} </style><div class="pagelayer-service-container pagelayer-service-align-top pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-default"> <i class="fas fa-bars pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <div class="pagelayer-service-heading">Primary Menu</div> <div class="pagelayer-service-text"> </div> </div> </div></div> </div></div> <div pagelayer-id="9bl1699" class="p-9bl1699 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="9bl1699">.p-9bl1699 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-9bl1699 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> </div></div> </div></div> <div pagelayer-id="y1b8689" class="p-y1b8689 pagelayer-row pagelayer-row-stretch-full pagelayer-height-default"> <style pagelayer-style-id="y1b8689">.p-y1b8689 .pagelayer-col-holder{padding: 10px} .p-y1b8689 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-y1b8689 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-y1b8689 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-y1b8689 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-y1b8689 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-y1b8689{background: linear-gradient(150deg, #300b7b 5%, #6a40c0 100%, #6a40c0 77%);margin-top: 100px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;padding-top: 100px; padding-right: 0px; padding-bottom: 100px; padding-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="bj19148" class="p-bj19148 pagelayer-col"> <style pagelayer-style-id="bj19148">.p-bj19148 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-bj19148 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="liy5827" class="p-liy5827 pagelayer-heading" align="center"> <style pagelayer-style-id="liy5827">.p-liy5827{text-align: center} .p-liy5827 .pagelayer-heading-holder *{color:#fcfcfd;font-family: Poppins !important; font-size: 40px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-liy5827 .pagelayer-heading-holder{color:#fcfcfd;font-family: Poppins !important; font-size: 40px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style><div class="pagelayer-heading-holder">Best Responsive WordPress Theme</div> </div> <div pagelayer-id="2823217" class="p-2823217 pagelayer-heading" align="center"> <style pagelayer-style-id="2823217">.p-2823217{text-align: center;margin-top: 5px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px;width:800px !important;position:relative; left:50%; transform:translateX(-50%);height:auto} .p-2823217 .pagelayer-heading-holder *{color:#ffffff;font-family: Montserrat !important; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-2823217 .pagelayer-heading-holder{color:#ffffff;font-family: Montserrat !important; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style><div class="pagelayer-heading-holder">PopularFX WordPress theme is free and fully customizable responsive theme. It comes with drag and drop page builder with many free customizable widgets which helps you create website with ease. Unlock unlimited possibilities on upgrading to PopularFX premium to design your creative website.</div> </div> <div pagelayer-id="55m1083" class="p-55m1083 pagelayer-btn"> <style pagelayer-style-id="55m1083">.p-55m1083 .pagelayer-btn-text{font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 600 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-55m1083 .pagelayer-btn-holder{font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 600 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;padding: calc(30px / 2) 30px;background-color: #ffca28;color: #000000;-webkit-transition: all 400ms !important; transition: all 400ms !important;box-shadow: 0px 0px 0px 0px #3e4242 !important;border-color: #42414f} .p-55m1083{text-align: center;margin-top: 8px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} .p-55m1083 .pagelayer-btn-anim-thin{background-color: unset !important;border-style: unset !important} .p-55m1083 .pagelayer-btn-anim-thin::before{background-color: #ffca28} .p-55m1083 .pagelayer-btn-anim-thin::after{background-color: #ffca28} .p-55m1083 .pagelayer-btn-custom:hover, .p-55m1083 .pagelayer-btn-anim-slide:after{background-color: #000000} .p-55m1083 .pagelayer-btn-holder:hover{color: #ffffff} .p-55m1083 .pagelayer-btn-holder, .p-55m1083 .pagelayer-btn-anim-thin:after, .p-55m1083 .pagelayer-btn-anim-thin:before{border-style: solid;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px} .p-55m1083 .pagelayer-btn-holder {border-radius:0px;} </style><a class="pagelayer-btn-holder pagelayer-ele-link pagelayer-btn-anim pagelayer-btn-custom {{icon_position}} pagelayer-btn-anim-slide pagelayer-btn-anim-left"> <span class="pagelayer-btn-text">Download Here</span> </a></div> </div></div> </div></div> <div pagelayer-id="5e35012" class="p-5e35012 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="5e35012">.p-5e35012 .pagelayer-col-holder{padding: 10px} .p-5e35012 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-5e35012 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-5e35012 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-5e35012 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-5e35012 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-5e35012{margin-top: 100px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="2q24109" class="p-2q24109 pagelayer-col"> <style pagelayer-style-id="2q24109">.p-2q24109 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-2q24109 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="2nf1311" class="p-2nf1311 pagelayer-heading" align="center"> <style pagelayer-style-id="2nf1311">.p-2nf1311{text-align: center;border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px} .p-2nf1311 .pagelayer-heading-holder *{color:#404040;font-family: Poppins !important; font-size: 40px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-2nf1311 .pagelayer-heading-holder{color:#404040;font-family: Poppins !important; font-size: 40px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style><div class="pagelayer-heading-holder">Select your pricing plan</div> </div> </div></div> </div></div> <div pagelayer-id="pqw1062" class="p-pqw1062 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="pqw1062">.p-pqw1062 .pagelayer-col-holder{padding: 10px} .p-pqw1062 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-pqw1062 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-pqw1062 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-pqw1062 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-pqw1062 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-pqw1062{margin-top: 50px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="axw9002" class="p-axw9002 pagelayer-col pagelayer-col-4"> <style pagelayer-style-id="axw9002">.p-axw9002 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-axw9002 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="fuf5618" class="p-fuf5618 pagelayer-pricing"> <style pagelayer-style-id="fuf5618">.p-fuf5618 .pagelayer-pricing-type{color:#4511b1;font-family: Poppins; font-size: 25px !important; font-style: Normal !important; font-weight: 500 !important; font-variant: Normal !important; text-decoration-line: None !important; text-decoration-style: Double !important; line-height: 1.65em !important; text-transform: Uppercase !important; letter-spacing: 3px !important; word-spacing: 0px !important} .p-fuf5618 .pagelayer-pricing-sub-title{color:#4511b1;font-family: Poppins; font-size: 18px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: 2em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-fuf5618 .pagelayer-pricing-details{background-color:#ffffff !important;padding: 25px 0px 10px 0px} .p-fuf5618 .pagelayer-pricing-price .pagelayer-pricing-currency{color:#444444;font-family: Montserrat; font-size: 25px !important; font-style: Normal !important; font-weight: 500 !important; font-variant: Normal !important; text-decoration-line: None !important; text-decoration-style: Solid !important; line-height: 0em !important; text-transform: Capitalize !important; letter-spacing: 0px !important; word-spacing: 0px !important;line-height:30%} .p-fuf5618 .pagelayer-pricing-price .pagelayer-pricing-rate{font-family: Montserrat; font-size: 50px !important; font-style: Normal !important; font-weight: 500 !important; font-variant: Normal !important; text-decoration-line: None !important; text-decoration-style: Solid !important; line-height: 1em !important; text-transform: Capitalize !important; letter-spacing: 0px !important; word-spacing: 0px !important;color:#444444} .p-fuf5618 .pagelayer-pricing-rate-section{margin: 10px 0px 0px 0px;padding: 0px 0px 0px 0px} .p-fuf5618 .pagelayer-pricing-duration{display:inline-block;color:#0b0a0a;font-family: Montserrat; font-size: 16px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-fuf5618 .pagelayer-pricing-features{background-color:#ffffff;padding: 16px 0px 18px 0px !important} .p-fuf5618 .pagelayer-pricing-ul li span{color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-fuf5618 .pagelayer-pricing-btn{padding:7px 25px;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: Uppercase !important; letter-spacing: px !important; word-spacing: px !important;margin-top: 20px;color:#ffffff;background-color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-fuf5618 .pagelayer-pricing-additional{color:#000000;font-family: ; font-size: 16px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-fuf5618{box-shadow: 0px 0px 80px 0px rgba(0,0,0,0.10) !important;border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px} .p-fuf5618 .pagelayer-pricing-btn{margin-bottom:20px;} </style><div class="pagelayer-pricing-details"> <h3 class="pagelayer-pricing-type">Personal</h3> </div> <div class="pagelayer-pricing-rate-section"> <h2 class="pagelayer-pricing-price"> <span class="pagelayer-pricing-currency pagelayer-pricing-currency-top">$</span><span class="pagelayer-pricing-rate pagelayer-pricing-amt">59</span> </h2> <p class="pagelayer-pricing-duration">Per Year</p> </div> <div class="pagelayer-pricing-features"> <ul class="pagelayer-pricing-ul"> <div pagelayer-id="3hr3361" class="p-3hr3361 pagelayer-list_item"> <li class="pagelayer-list-li"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon "></i> <span class="pagelayer-list-item">For 1 Site</span> </span> </li></div> <div pagelayer-id="md97929" class="p-md97929 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="./templates"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon "></i> <span class="pagelayer-list-item">All 350+ Templates</span> </span> </a> </li></div> <div pagelayer-id="rd78542" class="p-rd78542 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="https://pagelayer.com"> <span class="pagelayer-list-icon-holder"> <span class="pagelayer-list-item">Includes Pagelayer Pro</span> </span> </a> </li></div> <div pagelayer-id="3a62457" class="p-3a62457 pagelayer-list_item"> <li class="pagelayer-list-li"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon "></i> <span class="pagelayer-list-item">50+ Pro Widgets</span> </span> </li></div> <div pagelayer-id="xl76755" class="p-xl76755 pagelayer-list_item"> <li class="pagelayer-list-li"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon "></i> <span class="pagelayer-list-item">Support for 1 year</span> </span> </li></div> <div pagelayer-id="c3n6581" class="p-c3n6581 pagelayer-list_item"> <li class="pagelayer-list-li"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon "></i> <span class="pagelayer-list-item">Updates for 1 year</span> </span> </li></div> </ul> <a href="https://softaculous.com/clients?ca=create_order_popularfx&plan=personal" class="pagelayer-pricing-btn pagelayer-btn-custom pagelayer-ele-link pagelayer-button pagelayer-btn-custom">Buy Now</a> </div></div> </div></div> <div pagelayer-id="0ki4990" class="p-0ki4990 pagelayer-col pagelayer-col-4"> <style pagelayer-style-id="0ki4990">.p-0ki4990 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-0ki4990 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="fxy5761" class="p-fxy5761 pagelayer-pricing"> <style pagelayer-style-id="fxy5761">.p-fxy5761 .pagelayer-pricing-type{color:#4511b1;font-family: Poppins; font-size: 25px !important; font-style: Normal !important; font-weight: 500 !important; font-variant: Normal !important; text-decoration-line: None !important; text-decoration-style: Double !important; line-height: 1.65em !important; text-transform: Uppercase !important; letter-spacing: 3px !important; word-spacing: 0px !important} .p-fxy5761 .pagelayer-pricing-sub-title{color:#4511b1;font-family: Poppins; font-size: 18px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: 2em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-fxy5761 .pagelayer-pricing-details{background-color:#ffffff !important;padding: 25px 0px 10px 0px} .p-fxy5761 .pagelayer-pricing-price .pagelayer-pricing-currency{color:#444444;font-family: Montserrat; font-size: 25px !important; font-style: Normal !important; font-weight: 500 !important; font-variant: Normal !important; text-decoration-line: None !important; text-decoration-style: Solid !important; line-height: 0em !important; text-transform: Capitalize !important; letter-spacing: 0px !important; word-spacing: 0px !important;line-height:30%} .p-fxy5761 .pagelayer-pricing-price .pagelayer-pricing-rate{font-family: Montserrat; font-size: 50px !important; font-style: Normal !important; font-weight: 500 !important; font-variant: Normal !important; text-decoration-line: None !important; text-decoration-style: Solid !important; line-height: 1em !important; text-transform: Capitalize !important; letter-spacing: 0px !important; word-spacing: 0px !important;color:#444444} .p-fxy5761 .pagelayer-pricing-rate-section{margin: 10px 0px 0px 0px;padding: 0px 0px 0px 0px} .p-fxy5761 .pagelayer-pricing-duration{display:inline-block;color:#0b0a0a;font-family: Montserrat; font-size: 16px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-fxy5761 .pagelayer-pricing-features{background-color:#ffffff;padding: 16px 0px 18px 0px !important} .p-fxy5761 .pagelayer-pricing-ul li span{color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-fxy5761 .pagelayer-pricing-btn{padding:7px 25px;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: Uppercase !important; letter-spacing: px !important; word-spacing: px !important;margin-top: 20px;color:#ffffff;background-color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-fxy5761 .pagelayer-pricing-additional{color:#000000;font-family: ; font-size: 16px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-fxy5761{margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;box-shadow: 0px 0px 80px 0px rgba(0,0,0,0.10) !important;border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px} .p-fxy5761 .pagelayer-pricing-btn{margin-bottom:20px;} </style><div class="pagelayer-pricing-details"> <h3 class="pagelayer-pricing-type">Professional</h3> </div> <div class="pagelayer-pricing-rate-section"> <h2 class="pagelayer-pricing-price"> <span class="pagelayer-pricing-currency pagelayer-pricing-currency-top">$</span><span class="pagelayer-pricing-rate pagelayer-pricing-amt">89</span> </h2> <p class="pagelayer-pricing-duration">Per Year</p> </div> <div class="pagelayer-pricing-features"> <ul class="pagelayer-pricing-ul"> <div pagelayer-id="fps1379" class="p-fps1379 pagelayer-list_item"> <li class="pagelayer-list-li"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon "></i> <span class="pagelayer-list-item">For 5 Sites</span> </span> </li></div> <div pagelayer-id="32t8748" class="p-32t8748 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="./templates"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon "></i> <span class="pagelayer-list-item">All 350+ Templates</span> </span> </a> </li></div> <div pagelayer-id="f1p5703" class="p-f1p5703 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="https://pagelayer.com"> <span class="pagelayer-list-icon-holder"> <span class="pagelayer-list-item">Includes Pagelayer Pro</span> </span> </a> </li></div> <div pagelayer-id="bvo3234" class="p-bvo3234 pagelayer-list_item"> <li class="pagelayer-list-li"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon "></i> <span class="pagelayer-list-item">50+ Pro Widgets</span> </span> </li></div> <div pagelayer-id="hvv8432" class="p-hvv8432 pagelayer-list_item"> <li class="pagelayer-list-li"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon "></i> <span class="pagelayer-list-item">Support for 1 year</span> </span> </li></div> <div pagelayer-id="yjg9815" class="p-yjg9815 pagelayer-list_item"> <li class="pagelayer-list-li"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon "></i> <span class="pagelayer-list-item">Updates for 1 year</span> </span> </li></div> </ul> <a href="https://softaculous.com/clients?ca=create_order_popularfx&plan=professional" class="pagelayer-pricing-btn pagelayer-btn-custom pagelayer-ele-link pagelayer-button pagelayer-btn-custom">Buy Now</a> </div></div> </div></div> <div pagelayer-id="3yf5613" class="p-3yf5613 pagelayer-col pagelayer-col-4"> <style pagelayer-style-id="3yf5613">.p-3yf5613 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-3yf5613 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="wd13764" class="p-wd13764 pagelayer-pricing"> <style pagelayer-style-id="wd13764">.p-wd13764 .pagelayer-pricing-type{color:#4511b1;font-family: Poppins; font-size: 25px !important; font-style: Normal !important; font-weight: 500 !important; font-variant: Normal !important; text-decoration-line: None !important; text-decoration-style: Double !important; line-height: 1.65em !important; text-transform: Uppercase !important; letter-spacing: 3px !important; word-spacing: 0px !important} .p-wd13764 .pagelayer-pricing-sub-title{color:#4511b1;font-family: Poppins; font-size: 18px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: 2em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-wd13764 .pagelayer-pricing-details{background-color:#ffffff !important;padding: 25px 0px 10px 0px} .p-wd13764 .pagelayer-pricing-price .pagelayer-pricing-currency{color:#444444;font-family: Montserrat; font-size: 25px !important; font-style: Normal !important; font-weight: 500 !important; font-variant: Normal !important; text-decoration-line: None !important; text-decoration-style: Solid !important; line-height: 0em !important; text-transform: Capitalize !important; letter-spacing: 0px !important; word-spacing: 0px !important;line-height:30%} .p-wd13764 .pagelayer-pricing-price .pagelayer-pricing-rate{font-family: Montserrat; font-size: 50px !important; font-style: Normal !important; font-weight: 500 !important; font-variant: Normal !important; text-decoration-line: None !important; text-decoration-style: Solid !important; line-height: 1em !important; text-transform: Capitalize !important; letter-spacing: 0px !important; word-spacing: 0px !important;color:#444444} .p-wd13764 .pagelayer-pricing-rate-section{margin: 10px 0px 0px 0px;padding: 0px 0px 0px 0px} .p-wd13764 .pagelayer-pricing-duration{display:inline-block;color:#0b0a0a;font-family: Montserrat; font-size: 16px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-wd13764 .pagelayer-pricing-features{background-color:#ffffff;padding: 16px 0px 18px 0px !important} .p-wd13764 .pagelayer-pricing-ul li span{color:#000000;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-wd13764 .pagelayer-pricing-btn{padding:7px 25px;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: Uppercase !important; letter-spacing: px !important; word-spacing: px !important;margin-top: 20px;color:#ffffff;background-color:#4511b1;-webkit-transition: all 400ms; transition: all 400ms} .p-wd13764 .pagelayer-pricing-additional{color:#000000;font-family: ; font-size: 16px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-wd13764{box-shadow: 0px 0px 80px 0px rgba(0,0,0,0.10) !important;border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px} .p-wd13764 .pagelayer-pricing-btn{margin-bottom:20px;} </style><div class="pagelayer-pricing-details"> <h3 class="pagelayer-pricing-type">Business</h3> </div> <div class="pagelayer-pricing-rate-section"> <h2 class="pagelayer-pricing-price"> <span class="pagelayer-pricing-currency pagelayer-pricing-currency-top">$</span><span class="pagelayer-pricing-rate pagelayer-pricing-amt">249</span> </h2> <p class="pagelayer-pricing-duration">Per Year</p> </div> <div class="pagelayer-pricing-features"> <ul class="pagelayer-pricing-ul"> <div pagelayer-id="3tc2698" class="p-3tc2698 pagelayer-list_item"> <li class="pagelayer-list-li"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon "></i> <span class="pagelayer-list-item">For All Sites</span> </span> </li></div> <div pagelayer-id="w513899" class="p-w513899 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="./templates"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon "></i> <span class="pagelayer-list-item">All 350+ Templates</span> </span> </a> </li></div> <div pagelayer-id="6qu5460" class="p-6qu5460 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="https://pagelayer.com"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon "></i> <span class="pagelayer-list-item">Includes Pagelayer Pro</span> </span> </a> </li></div> <div pagelayer-id="mjq2088" class="p-mjq2088 pagelayer-list_item"> <li class="pagelayer-list-li"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon "></i> <span class="pagelayer-list-item">50+ Pro Widgets</span> </span> </li></div> <div pagelayer-id="emy4393" class="p-emy4393 pagelayer-list_item"> <li class="pagelayer-list-li"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon "></i> <span class="pagelayer-list-item">Support for 1 year</span> </span> </li></div> <div pagelayer-id="5ec3333" class="p-5ec3333 pagelayer-list_item"> <li class="pagelayer-list-li"> <span class="pagelayer-list-icon-holder"> <i class="pagelayer-list-icon "></i> <span class="pagelayer-list-item">Updates for 1 year</span> </span> </li></div> </ul> <a href="https://softaculous.com/clients?ca=create_order_popularfx&plan=business" class="pagelayer-pricing-btn pagelayer-btn-custom pagelayer-ele-link pagelayer-button pagelayer-btn-custom">Buy Now</a> </div></div> </div></div> </div></div> <div pagelayer-id="csr3145" class="p-csr3145 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="csr3145">.p-csr3145 .pagelayer-col-holder{padding: 10px} .p-csr3145 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-csr3145 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-csr3145 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-csr3145 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-csr3145 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-csr3145{margin-top: 100px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="5tj3289" class="p-5tj3289 pagelayer-col"> <style pagelayer-style-id="5tj3289">.p-5tj3289 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-5tj3289 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="nwf5889" class="p-nwf5889 pagelayer-heading" align="center"> <style pagelayer-style-id="nwf5889">.p-nwf5889{text-align: center} .p-nwf5889 .pagelayer-heading-holder *{color:#404040;font-family: Poppins !important; font-size: 40px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-nwf5889 .pagelayer-heading-holder{color:#404040;font-family: Poppins !important; font-size: 40px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style><div class="pagelayer-heading-holder">What Our Clients Says</div> </div> </div></div> </div></div> <div pagelayer-id="2hv3210" class="p-2hv3210 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="2hv3210">.p-2hv3210 .pagelayer-col-holder{padding: 10px} .p-2hv3210 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-2hv3210 .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3} .p-2hv3210 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-2hv3210 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-2hv3210 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-2hv3210{margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;padding-top: 0px; padding-right: 0px; padding-bottom: 60px; padding-left: 0px} </style> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="8pq8857" class="p-8pq8857 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="8pq8857">.p-8pq8857 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-8pq8857 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> </div></div> <div pagelayer-id="8hz6848" class="p-8hz6848 pagelayer-col pagelayer-col-10"> <style pagelayer-style-id="8hz6848">.p-8hz6848 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-8hz6848 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="4x03548" class="p-4x03548 pagelayer-testimonial_slider"> <style pagelayer-style-id="4x03548">.p-4x03548 .pagelayer-owl-prev{background-color: #6a6969 !important;color: #ffffff !important;width: 40px; height: 40px;border-radius: 40% !important} .p-4x03548 .pagelayer-owl-next{background-color: #6a6969 !important;color: #ffffff !important;width: 40px; height: 40px;border-radius: 40% !important} .p-4x03548 .pagelayer-owl-dot span{background-color: rgba(32,31,33,0.72) !important;width: 6px !important; height: 6px !important} .p-4x03548 .pagelayer-owl-dot.active span{background-color: #4511b1 !important;width: 10px !important; height: 10px !important} .p-4x03548 .pagelayer-owl-dots{margin-top: 20px !important} .p-4x03548 .pagelayer-testimonial-content {font-family:montserrat; font-weight:500; line-height:1.8; margin:10px;} .p-4x03548 .pagelayer-owl-stage-outer{box-shadow:1px 1px 40px 4px #e0e0e0;} .p-4x03548 .pagelayer-testimonial{padding:20px;} </style><div class="pagelayer-testimonials-holder pagelayer-owl-holder pagelayer-owl-carousel pagelayer-owl-theme" data-slides-items="1" data-slides-controls="pager"> <div pagelayer-id="cdj7135" class="p-cdj7135 pagelayer-testimonial"> <style pagelayer-style-id="cdj7135">.p-cdj7135{text-align:center} .p-cdj7135 .pagelayer-testimonial-author-details{margin-top:15px} .p-cdj7135 .pagelayer-testimonial-author {color:#404040} .p-cdj7135 .pagelayer-testimonial-author{font-family: Poppins; font-size: 25px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-cdj7135 .pagelayer-testimonial-cite{margin-top: 5px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px} .p-cdj7135 .pagelayer-testimonial-author-title{color:#4511b1;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 600 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style><div class="pagelayer-testimonial-content"><p>These guys are great and have gone the extra mile for me, so a big thank you to all of the team ? These guys created a specific template for my business which saved me so much time - I can now edit the template which is fantastic and get it up and running on google. <br /></p><p>All I can say is WOW! give them a try - you won't be disappointed </p></div> <div class="pagelayer-testimonial-author-details"> <div class="pagelayer-top-position"> <div class="pagelayer-testimonial-cite"> <a class="pagelayer-ele-link" href="https://stemcellactivationpatches.com"> <span class="pagelayer-testimonial-author">Jan Makin</span> </a> <span class="pagelayer-testimonial-author-title"> Web Developer (stemcellactivationpatches.com) </span> </div> </div> </div></div> <div pagelayer-id="5bx3894" class="p-5bx3894 pagelayer-testimonial"> <style pagelayer-style-id="5bx3894">.p-5bx3894{text-align:center} .p-5bx3894 .pagelayer-testimonial-author-details{margin-top:15px} .p-5bx3894 .pagelayer-testimonial-image{width:1px !important; height:1px !important} .p-5bx3894 .pagelayer-testimonial-author {color:#404040} .p-5bx3894 .pagelayer-testimonial-author{font-family: Poppins; font-size: 25px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-5bx3894 .pagelayer-testimonial-cite{margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px} .p-5bx3894 .pagelayer-testimonial-author-title{color:#4511b1;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 600 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style><div class="pagelayer-testimonial-content">PopularFX and Pagelayer both are very nice content management plugins. I would recommend this to all WordPress agencies. Its fast, simple and gets the work done easily.<br /></div> <div class="pagelayer-testimonial-author-details"> <div class="pagelayer-top-position"> <div class="pagelayer-testimonial-cite"> <span class="pagelayer-testimonial-author">Jim Holden</span> <span class="pagelayer-testimonial-author-title"> Web Developer </span> </div> </div> </div></div> </div></div> </div></div> <div pagelayer-id="4gk7972" class="p-4gk7972 pagelayer-col pagelayer-col-1"> <style pagelayer-style-id="4gk7972">.p-4gk7972 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-4gk7972 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> </div></div> </div></div> </div> </article> </main> </div> <footer class="pagelayer-footer"><div pagelayer-id="osf3567" class="p-osf3567 pagelayer-post_props"> </div> <div pagelayer-id="qkz7847" class="p-qkz7847 pagelayer-row pagelayer-row-stretch-auto pagelayer-height-default"> <style pagelayer-style-id="qkz7847">.p-qkz7847 .pagelayer-col-holder{padding: 10px} .p-qkz7847 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-qkz7847 .pagelayer-svg-top .pagelayer-shape-fill{fill:#ffffff} .p-qkz7847 .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px} .p-qkz7847 .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993} .p-qkz7847 .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px} .p-qkz7847{background: linear-gradient(150deg, #704ad1 40%, #7561fc 90%, #7561fc 40%);padding-top: 120px; padding-right: 0px; padding-bottom: 40px; padding-left: 0px} </style> <div class="pagelayer-row-shape"> <div class="pagelayer-row-svg"> <svg class="pagelayer-svg-top"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"> <path class="pagelayer-shape-fill" d="M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7c23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4c21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z" /> </svg></svg> </div> </div> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-auto"> <div pagelayer-id="dqp6805" class="p-dqp6805 pagelayer-col pagelayer-col-6"> <style pagelayer-style-id="dqp6805">.p-dqp6805 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-dqp6805 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="0lWXivN1" class="p-0lWXivN1 pagelayer-contact"> <style pagelayer-style-id="0lWXivN1">.p-0lWXivN1 .pagelayer-contact-form{text-align: center} .p-0lWXivN1 label{padding-top:px; padding-right:px; padding-bottom:10px; padding-left:px} .p-0lWXivN1 ::placeholder{font-family: Montserrat !important; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-0lWXivN1 input, .p-0lWXivN1 select, .p-0lWXivN1 textarea{padding-top:12px; padding-right:10px; padding-bottom:12px; padding-left:10px;border-style: solid;border-color: #0986c0;border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-webkit-transition: all 400ms; transition: all 400ms} .p-0lWXivN1 input[type="checkbox"] + label:before, .p-0lWXivN1 input[type="radio"]{height:10px; min-height:10px; width:10px} .p-0lWXivN1 input[type="checkbox"] + label:before{border-style: solid;border-color: #0986c0} .p-0lWXivN1 input, .p-0lWXivN1 select, .p-0lWXivN1 textarea, .p-0lWXivN1 input[type="checkbox"] + label:before{border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px} .p-0lWXivN1 input:focus, .p-0lWXivN1 select:focus, .p-0lWXivN1 textarea:focus{border-style: solid;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px} .p-0lWXivN1 .pagelayer-btn-text{font-family: Poppins; font-size: 16px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-0lWXivN1 .pagelayer-btn-holder{font-family: Poppins; font-size: 16px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;padding-top:12px; padding-right:20px; padding-bottom:12px; padding-left:20px;background-color: #495fd5;color: #ffffff;-webkit-transition: all 600ms !important; transition: all 600ms !important;border-style: solid;border-color: #42414f;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;border-radius: 19px 19px 19px 19px; -webkit-border-radius: 19px 19px 19px 19px;-moz-border-radius: 19px 19px 19px 19px} .p-0lWXivN1 .pagelayer-btn-holder:hover{background-color: #ffffff;color: #281491} .p-0lWXivN1{margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} </style><div class="pagelayer-contact-form-div pagelayer-contact-form-holder"> <div class="pagelayer-message-box pagelayer-message-top"></div> <form class="pagelayer-contact-form" id="contact-form" name="Contact Form" onsubmit="return pagelayer_contact_submit(this, event)" method="POST"> <div class="pagelayer-contact-holder"> <div pagelayer-id="51fLCOce" class="p-51fLCOce pagelayer-contact_item"> <style pagelayer-style-id="51fLCOce">.p-51fLCOce{width:100%;padding-top:px; padding-right:px; padding-bottom:10px; padding-left:px} </style><input type="text" placeholder="Subscribe To Our Newsletter" name="email" /></div> </div> <input type="hidden" name="cfa-pagelayer-id" /> <div class="pagelayer-contact-submit-holder"> <button type="submit" form="contact-form" class="pagelayer-contact-submit-btn pagelayer-btn-holder pagelayer-ele-link pagelayer-btn-custom pagelayer-btn-custom {{icon_position}}"> <i class="fa fa-circle-o-notch fa-spin" style="display:none;margin-right:5px;"></i> <span class="pagelayer-btn-text">Subscribe</span> </button> </div> </form> <div class="pagelayer-message-box pagelayer-message-bottom"></div> </div></div> <div pagelayer-id="kx74889" class="p-kx74889 pagelayer-wp_title"> <style pagelayer-style-id="kx74889">.p-kx74889 .pagelayer-wp-title-heading{font-family: Poppins; font-size: 30px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important;color:#ffffff;text-align:left;padding: 0px 0px 0px 0px} </style><div class="pagelayer-wp-title-content"> <div class="pagelayer-wp-title-section"> <a href="https://www.popularfx.com" class="pagelayer-wp-title-link pagelayer-ele-link"> <div class="pagelayer-wp-title-holder"> <div class="pagelayer-wp-title-heading">PopularFX</div> </div> </a> </div> <div></div></div></div> <div pagelayer-id="sda4952" class="p-sda4952 pagelayer-heading"> <style pagelayer-style-id="sda4952">.p-sda4952 .pagelayer-heading-holder *{color:#ffffff;font-family: Montserrat !important; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-sda4952 .pagelayer-heading-holder{color:#ffffff;font-family: Montserrat !important; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-sda4952{font-family: Montserrat !important} </style><div class="pagelayer-heading-holder"><div> Best wordpress theme to create beautiful and responsive website.</div></div> </div> <div pagelayer-id="iy44685" class="p-iy44685 pagelayer-text"> <style pagelayer-style-id="iy44685">.p-iy44685{font-family: Montserrat !important;font-size: 14px !important;font-weight: 500 !important} .p-iy44685 a{ color: white; text-decoration: underline; } .p-iy44685 { color: white;} </style><div class="pagelayer-text-holder"><p>The PopularFX Theme and PopularFX Templates Plugin is licensed under <a href="http://www.gnu.org/licenses/lgpl-2.1.html" target="_blank" rel="noopener noreferrer">LGPL v2.1</a></p></div></div> <div pagelayer-id="r7n8428" class="p-r7n8428 pagelayer-copyright"> <style pagelayer-style-id="r7n8428">.p-r7n8428 .pagelayer-copyright *, .p-r7n8428 .pagelayer-copyright{color:#ffffff;font-family: Poppins; font-size: 14px !important; font-style: !important; font-weight: !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-r7n8428 .pagelayer-copyright{text-align: left} </style><div class="pagelayer-copyright"> <a href="https://www.popularfx.com"> 漏 2021 PopularFX </a> </div></div> </div></div> <div pagelayer-id="66q2874" class="p-66q2874 pagelayer-col pagelayer-col-2"> <style pagelayer-style-id="66q2874">.p-66q2874 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-66q2874 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="e8h2382" class="p-e8h2382 pagelayer-heading"> <style pagelayer-style-id="e8h2382">.p-e8h2382 .pagelayer-heading-holder *{color:#ffffff;font-family: Poppins !important; font-size: 20px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-e8h2382 .pagelayer-heading-holder{color:#ffffff;font-family: Poppins !important; font-size: 20px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style><div class="pagelayer-heading-holder">Our Products</div> </div> <div pagelayer-id="thw2869" class="p-thw2869 pagelayer-list"> <style pagelayer-style-id="thw2869">.p-thw2869 li{list-style-type: none;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-thw2869 .pagelayer-list-icon-holder{padding-bottom: calc(6px/2); padding-top: calc(6px/2)} .p-thw2869 .pagelayer-list-item{color:#ffffff} .p-thw2869 li > a{font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-thw2869 .pagelayer-list-item, .p-thw2869 .pagelayer-list-ul > div{transition: all 600ms} .p-thw2869 .pagelayer-list-ul > div:hover .pagelayer-list-item{color:#ffffff} .p-thw2869 .pagelayer-list-icon{color:#0986c0} </style><ul class="pagelayer-list-ul pagelayer-list-type-none"> <div pagelayer-id="7mu7891" class="p-7mu7891 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="https://softaculous.com"> <span class="pagelayer-list-icon-holder"> <span class="pagelayer-list-item">Softaculous</span> </span> </a> </li></div> <div pagelayer-id="j273839" class="p-j273839 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="https://virtualizor.com"> <span class="pagelayer-list-icon-holder"> <span class="pagelayer-list-item">Virtualizor</span> </span> </a> </li></div> <div pagelayer-id="fhr9588" class="p-fhr9588 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="https://sitepad.com"> <span class="pagelayer-list-icon-holder"> <span class="pagelayer-list-item">SitePad</span> </span> </a> </li></div> <div pagelayer-id="gvd3014" class="p-gvd3014 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="https://webuzo.com"> <span class="pagelayer-list-icon-holder"> <span class="pagelayer-list-item">Webuzo</span> </span> </a> </li></div> <div pagelayer-id="3013367" class="p-3013367 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="https://pagelayer.com"> <span class="pagelayer-list-icon-holder"> <span class="pagelayer-list-item">Pagelayer</span> </span> </a> </li></div> <div pagelayer-id="7sg6470" class="p-7sg6470 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="https://loginizer.com"> <span class="pagelayer-list-icon-holder"> <span class="pagelayer-list-item">Loginizer</span> </span> </a> </li></div> <div pagelayer-id="1yr8638" class="p-1yr8638 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="https://wpcentral.co"> <span class="pagelayer-list-icon-holder"> <span class="pagelayer-list-item">wpCentral</span> </span> </a> </li></div> <div pagelayer-id="go26924" class="p-go26924 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="https://ampps.com"> <span class="pagelayer-list-icon-holder"> <span class="pagelayer-list-item">AMPPS</span> </span> </a> </li></div> <div pagelayer-id="awf8394" class="p-awf8394 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="https://repositery.com"> <span class="pagelayer-list-icon-holder"> <span class="pagelayer-list-item">Repositery</span> </span> </a> </li></div> </ul></div> </div></div> <div pagelayer-id="zm44770" class="p-zm44770 pagelayer-col pagelayer-col-2"> <style pagelayer-style-id="zm44770">.p-zm44770 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-zm44770 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="4wd6082" class="p-4wd6082 pagelayer-heading"> <style pagelayer-style-id="4wd6082">.p-4wd6082 .pagelayer-heading-holder *{color:#ffffff;font-family: Poppins !important; font-size: 20px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-4wd6082 .pagelayer-heading-holder{color:#ffffff;font-family: Poppins !important; font-size: 20px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style><div class="pagelayer-heading-holder">Support</div> </div> <div pagelayer-id="rqs8750" class="p-rqs8750 pagelayer-list"> <style pagelayer-style-id="rqs8750">.p-rqs8750 li{list-style-type: none;font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-rqs8750 .pagelayer-list-icon-holder{padding-bottom: calc(6px/2); padding-top: calc(6px/2)} .p-rqs8750 .pagelayer-list-item{color:#ffffff} .p-rqs8750 li > a{font-family: Montserrat; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-rqs8750 .pagelayer-list-ul > div:hover .pagelayer-list-item{color:#ffffff} .p-rqs8750 .pagelayer-list-icon{color:#0986c0} </style><ul class="pagelayer-list-ul pagelayer-list-type-none"> <div pagelayer-id="ru49571" class="p-ru49571 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="https://www.popularfx.com/docs"> <span class="pagelayer-list-icon-holder"> <span class="pagelayer-list-item">Documentation</span> </span> </a> </li></div> <div pagelayer-id="mlk6872" class="p-mlk6872 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="https://popularfx.deskuss.com"> <span class="pagelayer-list-icon-holder"> <span class="pagelayer-list-item">Help Center</span> </span> </a> </li></div> <div pagelayer-id="kbi1134" class="p-kbi1134 pagelayer-list_item"> <li class="pagelayer-list-li"> <a class="pagelayer-list-url pagelayer-ele-link" href="https://www.popularfx.com/contact"> <span class="pagelayer-list-icon-holder"> <span class="pagelayer-list-item">Contact Us</span> </span> </a> </li></div> </ul></div> </div></div> <div pagelayer-id="zko3567" class="p-zko3567 pagelayer-col pagelayer-col-2"> <style pagelayer-style-id="zko3567">.p-zko3567 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px} .p-zko3567 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important} </style> <div class="pagelayer-col-holder"> <div pagelayer-id="g334996" class="p-g334996 pagelayer-heading"> <style pagelayer-style-id="g334996">.p-g334996 .pagelayer-heading-holder *{color:#ffffff;font-family: Poppins !important; font-size: 20px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-g334996 .pagelayer-heading-holder{color:#ffffff;font-family: Poppins !important; font-size: 20px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} </style><div class="pagelayer-heading-holder">About</div> </div> <div pagelayer-id="p8v8522" class="p-p8v8522 pagelayer-wp_menu"> <style pagelayer-style-id="p8v8522">.p-p8v8522 .pagelayer-wp_menu-ul{text-align:left} .p-p8v8522 .pagelayer-wp-menu-container li.menu-item{list-style: none} .p-p8v8522 .pagelayer-wp_menu-ul>li a:first-child{color: #ffffff} .p-p8v8522 .pagelayer-wp-menu-container ul li.menu-item > a{font-family: Montserrat !important; font-size: 14px !important; font-style: !important; font-weight: 500 !important; font-variant: !important; text-decoration-line: !important; text-decoration-style: Solid !important; line-height: em !important; text-transform: !important; letter-spacing: px !important; word-spacing: px !important} .p-p8v8522 .pagelayer-menu-hover-underline:not(.none) .pagelayer-wp_menu-ul>li>a:before, .p-p8v8522 .pagelayer-menu-hover-doubleline:not(.none) .pagelayer-wp_menu-ul>li>a:before, .p-p8v8522 .pagelayer-menu-hover-doubleline:not(.none) .pagelayer-wp_menu-ul>li>a:after, .p-p8v8522 .pagelayer-menu-hover-overline:not(.none) .pagelayer-wp_menu-ul>li>a:before{height:1px} .p-p8v8522 .pagelayer-menu-hover-framed .pagelayer-wp_menu-ul>li>a:hover:before{border-width: 1px} .p-p8v8522 ul.sub-menu li>a{justify-content:left !important} .p-p8v8522 .pagelayer-wp-menu-container ul.sub-menu>li a{color: #ffffff} .p-p8v8522 .pagelayer-wp-menu-container ul.sub-menu{background-color: #0986c0} .p-p8v8522 .pagelayer-primary-menu-bar{text-align:left} .p-p8v8522 .pagelayer-primary-menu-bar i{background-color:rgba(9,134,192,0.31);font-size:30px} .p-p8v8522 .pagelayer-menu-type-dropdown .pagelayer-wp_menu-ul > li > a{justify-content: flex-start} .p-p8v8522 .pagelayer-menu-type-dropdown{width:30%;background-color:#ffffff} .p-p8v8522 .pagelayer-menu-type-dropdown .pagelayer-wp_menu-ul{width:100%;top: 8%; transform: translateY(-8%)} .p-p8v8522 .pagelayer-wp_menu-close i{font-size:25px;padding:8px;color:rgba(255,255,255,0.41);background-color:rgba(0,0,0,0.21);-webkit-transition: all 600ms !important; transition: all 600ms !important} .p-p8v8522 .pagelayer-wp_menu-close i:hover{color:#ffffff;background-color:#000000} .p-p8v8522 .pagelayer-wp_menu-ul{padding-left:0px;} </style><div class="pagelayer-wp-menu-holder" data-layout="vertical" data-submenu_ind="caret-down" data-drop_breakpoint="{{drop_breakpoint}}"> <div class="pagelayer-primary-menu-bar"><i class="fas fa-bars" data-icon="fas fa-bars"></i></div> <div class="pagelayer-wp-menu-container pagelayer-menu-type-vertical pagelayer-menu-hover- slide pagelayer-wp_menu-right" data-align="left"> <div class="pagelayer-wp_menu-close"><i class="fas fa-times"></i></div> <div class="menu-footer-menu-container"><ul id="39" class="pagelayer-wp_menu-ul"><li id="menu-item-1395" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-994 current_page_item menu-item-1395"><a href="https://www.popularfx.com/" aria-current="page"><span class="pagelayer-nav-menu-title">Home</span></a><div class="pagelayer-mega-menu pagelayer-mega-editor-1395"></div></li> <li id="menu-item-1398" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1398"><a href="https://www.popularfx.com/features/"><span class="pagelayer-nav-menu-title">Features</span></a><div class="pagelayer-mega-menu pagelayer-mega-editor-1398"></div></li> <li id="menu-item-1404" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1404"><a href="https://www.popularfx.com/templates/"><span class="pagelayer-nav-menu-title">Templates</span></a><div class="pagelayer-mega-menu pagelayer-mega-editor-1404"></div></li> <li id="menu-item-1401" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1401"><a href="https://www.popularfx.com/premium/"><span class="pagelayer-nav-menu-title">Premium</span></a><div class="pagelayer-mega-menu pagelayer-mega-editor-1401"></div></li> <li id="menu-item-1402" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1402"><a href="https://www.popularfx.com/pricing/"><span class="pagelayer-nav-menu-title">Pricing</span></a><div class="pagelayer-mega-menu pagelayer-mega-editor-1402"></div></li> <li id="menu-item-1400" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1400"><a href="https://www.popularfx.com/plugin/"><span class="pagelayer-nav-menu-title">Plugin</span></a><div class="pagelayer-mega-menu pagelayer-mega-editor-1400"></div></li> <li id="menu-item-1397" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1397"><a href="https://www.popularfx.com/docs/"><span class="pagelayer-nav-menu-title">Docs</span></a><div class="pagelayer-mega-menu pagelayer-mega-editor-1397"></div></li> <li id="menu-item-1396" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1396"><a href="https://www.popularfx.com/blog/"><span class="pagelayer-nav-menu-title">Blog</span></a><div class="pagelayer-mega-menu pagelayer-mega-editor-1396"></div></li> <li id="menu-item-1403" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1403"><a href="https://www.popularfx.com/pro-vs-free/"><span class="pagelayer-nav-menu-title">Pro vs Free</span></a><div class="pagelayer-mega-menu pagelayer-mega-editor-1403"></div></li> </ul></div> </div> </div></div> </div></div> </div></div> </footer><link rel="preload" href="https://fonts.googleapis.com/css?family=Poppins%3A400%2C500%7CMontserrat%3A400%2C500%2C600" as="fetch" crossorigin="anonymous"> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-128066189-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-128066189-1'); </script> <link rel='stylesheet' id='pagelayer-google-font-css' href='https://fonts.googleapis.com/css?family=Poppins%3A400%2C500%7CMontserrat%3A400%2C500%2C600&ver=1.9.6' type='text/css' media='all' /> <script type='text/javascript'> jQuery(document).ready(function(){ let pass_input = jQuery('form.login [name="password"]'); if(pass_input.length){ pass_input.attr('required', false); pass_input.attr('value', ''); } }) </script> <script type='text/javascript' src='https://www.popularfx.com/site-inc/js/wp-embed.min.js?ver=5.1.6'></script> <div pagelayer-id="i4oTrFN7teTlPrDN" class="p-i4oTrFN7teTlPrDN pagelayer-modal"> <style pagelayer-style-id="i4oTrFN7teTlPrDN">.p-i4oTrFN7teTlPrDN .pagelayer-modal-body{width: 70%} .p-i4oTrFN7teTlPrDN .pagelayer-modal-button{text-align: left} .p-i4oTrFN7teTlPrDN .pagelayer-btn-holder{-webkit-transition: all 400ms !important; transition: all 400ms !important} .p-i4oTrFN7teTlPrDN .pagelayer-modal-title{text-align: center;padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px} .p-i4oTrFN7teTlPrDN .pagelayer-modal-close:before{height: 50px; right: calc( 50px / 2 )} .p-i4oTrFN7teTlPrDN .pagelayer-modal-close{height: 50px; width: 50px} .p-i4oTrFN7teTlPrDN .pagelayer-modal-close:after{height: 50px; right: calc( 50px / 2 )} </style><div class="pagelayer-modal-container"> <div class="pagelayer-modal-button"> <a class="pagelayer-btn-holder pagelayer-ele-link pagelayer-btn-default pagelayer-btn-large {{button_icon_position}}" onclick="pagelayer_render_pl_modal(event)"> <span class="pagelayer-btn-text">Open Modal Box</span> </a> </div> <div class="pagelayer-modal-content pagelayer-modal-dark"> <div class="pagelayer-modal-close" onclick="pagelayer_pl_modal_close(event)"></div> <div class="pagelayer-modal-body"> <div class="pagelayer-modal-title">Newsletter Subscription</div> <div class="pagelayer-modal-content-overflow"> <div class="pagelayer-modal-bottom-content"> Subscribing you to the mailing list</div> </div> </div> </div> </div></div><style> .grecaptcha-badge{visibility:hidden;} [pagelayer-id="i4oTrFN7teTlPrDN"] .pagelayer-modal-button{ max-width: 0px; max-height: 0px; overflow: auto; } </style> <script> $ = jQuery; function prod_email_subscribe(){ $('.pagelayer-contact-submit-btn').click(function(e){ var email = $(this).closest('form').find('[name=email]').val(); var modal = jQuery('[pagelayer-id="i4oTrFN7teTlPrDN"]'); modal.find('.pagelayer-modal-button a').click(); modal.find('.pagelayer-modal-bottom-content').html('Subscribing you to the mailing list ......'); $.ajax({ dataType: "script", cache: true, url: "https://www.google.com/recaptcha/api.js?render=6LfLpqwUAAAAAGPVKvtw5Nz-xz67W2lWjFKAnjFM", success: function(){ grecaptcha.ready(function() { grecaptcha.execute("6LfLpqwUAAAAAGPVKvtw5Nz-xz67W2lWjFKAnjFM").then(function(token) { $.ajax({ type: "POST", data: { pagelayer_nonce: pagelayer_global_nonce, email : email, recaptcha_token : token }, url: pagelayer_ajaxurl+'action=email_subscribe', dataType: "json", // Checking for success success: function(data){ //alert(data); if('error' in data && data['error']){ modal.find('.pagelayer-modal-bottom-content').html(data['error'].join('\n')); }else{ modal.find('.pagelayer-modal-bottom-content').html('Congratulations! A subscription link has been emailed to you. Please use it to verify your email and enable the subscription.'); } }, error: function(data) { alert("Oops ... There was some error!"); modal.find('.pagelayer-modal-close').click(); } }); }); }); } }); }); } $(document).ready(function(){ prod_email_subscribe(); $('.pagelayer-contact-form').attr('onsubmit', 'return false;'); }); </script> </body> </html>