@font-face{font-family:'mod_regular';src:url("../fonts/Moderat-Regular.ttf");font-weight:normal;font-style:normal}@font-face{font-family:'mod_bold';src:url("../fonts/Moderat-Bold.ttf");font-weight:bold;font-style:normal}@font-face{font-family:'mod_medium';src:url("../fonts/Moderat-Medium.ttf");font-weight:500;font-style:normal}@font-face{font-family:'mod_light';src:url("../fonts/Moderat-Light.ttf");font-weight:300;font-style:normal}.mod_regular,.btn-white,.btn-purple,.section-title,.sub-content,#footer #footer-bottom{font-family:'mod_regular'}.mod_bold,#home-banner h1,#how-we-do-it #how-we-do-it-list .nav-tabs .nav-item .nav-link.active,#featured-projects #project-slider .project-item .project-tags span,#footer #footer-bottom .heading{font-family:'mod_bold'}.mod_medium,.btn-blue,#home-banner p,#what-we-do #what-we-do-list .item .caption,#featured-projects #project-slider .project-item .project-title,#modal-contact .modal-dialog .modal-content h1,#modal-contact .modal-dialog .modal-content label,#modal-contact .modal-dialog .modal-content .btn-submit{font-family:'mod_medium'}.mod_light{font-family:'mod_light'}.mod_regular,.btn-white,.btn-purple,.section-title,.sub-content,#footer #footer-bottom{font-family:'mod_regular'}body{font-family:'mod_regular'}.ani-transparent{opacity:0}.ani-delay-100{animation-delay:100ms}.ani-delay-200{animation-delay:200ms}.ani-delay-300{animation-delay:300ms}.ani-delay-400{animation-delay:400ms}.ani-delay-500{animation-delay:500ms}.ani-delay-600{animation-delay:600ms}.ani-delay-700{animation-delay:700ms}.ani-delay-800{animation-delay:800ms}.ani-delay-900{animation-delay:900ms}.ani-delay-1000{animation-delay:1000ms}.ani-delay-1100{animation-delay:1100ms}.ani-delay-1200{animation-delay:1200ms}.ani-delay-1300{animation-delay:1300ms}.ani-delay-1400{animation-delay:1400ms}.ani-delay-1500{animation-delay:1500ms}.ani-delay-1600{animation-delay:1600ms}.ani-delay-1700{animation-delay:1700ms}.ani-delay-1800{animation-delay:1800ms}.ani-delay-1900{animation-delay:1900ms}.ani-delay-2000{animation-delay:2000ms}.ani-delay-2100{animation-delay:2100ms}.ani-delay-2200{animation-delay:2200ms}.ani-delay-2300{animation-delay:2300ms}.ani-delay-2400{animation-delay:2400ms}.ani-delay-2500{animation-delay:2500ms}.ani-delay-2600{animation-delay:2600ms}.ani-delay-2700{animation-delay:2700ms}.ani-delay-2800{animation-delay:2800ms}.ani-delay-2900{animation-delay:2900ms}.ani-delay-3000{animation-delay:3000ms}.ani-delay-3100{animation-delay:3100ms}.ani-delay-3200{animation-delay:3200ms}.ani-delay-3300{animation-delay:3300ms}.ani-delay-3400{animation-delay:3400ms}.ani-delay-3500{animation-delay:3500ms}.ani-delay-3600{animation-delay:3600ms}.ani-delay-3700{animation-delay:3700ms}.ani-delay-3800{animation-delay:3800ms}.ani-delay-3900{animation-delay:3900ms}.ani-delay-4000{animation-delay:4000ms}.ani-delay-4100{animation-delay:4100ms}.ani-delay-4200{animation-delay:4200ms}.ani-delay-4300{animation-delay:4300ms}.ani-delay-4400{animation-delay:4400ms}.ani-delay-4500{animation-delay:4500ms}.ani-delay-4600{animation-delay:4600ms}.ani-delay-4700{animation-delay:4700ms}.ani-delay-4800{animation-delay:4800ms}.ani-delay-4900{animation-delay:4900ms}.ani-delay-5000{animation-delay:5000ms}.ani-delay-5100{animation-delay:5100ms}.ani-delay-5200{animation-delay:5200ms}.ani-delay-5300{animation-delay:5300ms}.ani-delay-5400{animation-delay:5400ms}.ani-delay-5500{animation-delay:5500ms}.ani-delay-5600{animation-delay:5600ms}.ani-delay-5700{animation-delay:5700ms}.ani-delay-5800{animation-delay:5800ms}.ani-delay-5900{animation-delay:5900ms}.ani-delay-6000{animation-delay:6000ms}.ani-delay-6100{animation-delay:6100ms}.ani-delay-6200{animation-delay:6200ms}.ani-delay-6300{animation-delay:6300ms}.ani-delay-6400{animation-delay:6400ms}.ani-delay-6500{animation-delay:6500ms}.ani-delay-6600{animation-delay:6600ms}.ani-delay-6700{animation-delay:6700ms}.ani-delay-6800{animation-delay:6800ms}.ani-delay-6900{animation-delay:6900ms}.ani-delay-7000{animation-delay:7000ms}.ani-delay-7100{animation-delay:7100ms}.ani-delay-7200{animation-delay:7200ms}.ani-delay-7300{animation-delay:7300ms}.ani-delay-7400{animation-delay:7400ms}.ani-delay-7500{animation-delay:7500ms}.ani-delay-7600{animation-delay:7600ms}.ani-delay-7700{animation-delay:7700ms}.ani-delay-7800{animation-delay:7800ms}.ani-delay-7900{animation-delay:7900ms}.ani-delay-8000{animation-delay:8000ms}.ani-delay-8100{animation-delay:8100ms}.ani-delay-8200{animation-delay:8200ms}.ani-delay-8300{animation-delay:8300ms}.ani-delay-8400{animation-delay:8400ms}.ani-delay-8500{animation-delay:8500ms}.ani-delay-8600{animation-delay:8600ms}.ani-delay-8700{animation-delay:8700ms}.ani-delay-8800{animation-delay:8800ms}.ani-delay-8900{animation-delay:8900ms}.ani-delay-9000{animation-delay:9000ms}.ani-delay-9100{animation-delay:9100ms}.ani-delay-9200{animation-delay:9200ms}.ani-delay-9300{animation-delay:9300ms}.ani-delay-9400{animation-delay:9400ms}.ani-delay-9500{animation-delay:9500ms}.ani-delay-9600{animation-delay:9600ms}.ani-delay-9700{animation-delay:9700ms}.ani-delay-9800{animation-delay:9800ms}.ani-delay-9900{animation-delay:9900ms}.ani-delay-10000{animation-delay:10000ms}.bg-gray{background:#686E80}.text-gray{color:#686E80}.text-white{color:#fff}.fs-15{font-size:15px}.fs-16{font-size:16px}.fs-18{font-size:18px}.fs-20{font-size:20px}.fs-22{font-size:20px}img{max-width:100%}img.full{width:100%}header{position:fixed;width:100%;padding:30px 0;z-index:100;transition:all ease 0.5s}header.active{background:#fff;padding:15px 0;opacity:0}header #logo img{width:175px}.btn-blue{background:#388DFF;color:#fff;font-size:16px;padding:15px;border-radius:30px;min-width:220px;display:inline-block;text-align:center;transition:all ease 0.5s}.btn-blue img{width:30px;height:30px;margin-left:20px}.btn-blue:hover{background:#005AD1;color:white;text-decoration:none}.btn-white{background:#fff;color:#388DFF;font-size:16px;padding:15px;border-radius:30px;min-width:220px;display:inline-block;text-align:center;transition:all ease 0.5s}.btn-white:hover{opacity:0.8;color:#388DFF;text-decoration:none}.btn-purple{background:#388DFF;color:#ffffff;font-size:16px;padding:15px;border-radius:30px;display:inline-block;text-align:center;transition:all ease 0.5s}.btn-purple:hover{opacity:0.8;background:#1F1148;color:#ffffff;text-decoration:none}.container{max-width:1050px}#floating-panel{position:fixed;height:100vh;z-index:999;width:60px}#floating-panel .logo{padding:0px 15px}#floating-panel .logo,#floating-panel #menu-mail{transition:all ease 0.5s}#floating-panel.active .logo,#floating-panel.active #menu-mail{opacity:1}#floating-panel .wrapper{margin:0 auto;text-align:center}#floating-panel .wrapper #side-nav{margin:50px 0px;padding:0;list-style:none}#floating-panel .wrapper #side-nav li.active a:before{background:#70ADFF}#floating-panel .wrapper #side-nav li a{display:block;position:relative}#floating-panel .wrapper #side-nav li a:after{content:'';width:20px;height:20px;background:transparent;left:50%;margin-left:-10px;position:absolute;border-radius:100%;border:2px solid #bfbfbf}#floating-panel .wrapper #side-nav li a:before{content:'';width:14px;height:14px;background:transparent;position:absolute;border-radius:100%;transform:translate(-38%, 23%);transition:all 0.5s}#floating-panel .wrapper #side-nav li a:hover{text-decoration:none}#floating-panel .wrapper #menu-mail{color:#bfbfbf}.section{position:relative;overflow:hidden}.section:not(#home-banner){padding:4rem 0}.bg{position:absolute}#bg-1{left:-200px;top:140px}#bg-2{left:-247px;top:157px}#bg-3{left:-120px;top:120px}#bg-4{top:-50px;left:-40px;animation:stretch 5s ease infinite alternate}@keyframes stretch{0%{transform:scale(1.3) rotate(0deg)}100%{transform:scale(1.5) rotate(20deg)}}@keyframes stretch2{0%{transform:scale(1)}100%{transform:scale(1.1)}}#bg-5{right:-80px;top:-80px}#bg-6{left:-50%;top:60px;animation:stretch2 5s ease infinite alternate}#bg-7{right:-80px;top:0px}#bg-8{right:-1000px;top:60px;animation:stretch2 5s ease infinite alternate}#bg-9{transform:rotate(110deg);top:110px;left:-60px}#bg-10{top:60px;left:-20px}#bg-11{right:-200px;transform:rotate(90deg);bottom:140px}#bg-12{top:-60px;left:-10px}#bg-13{right:-280px;transform:rotate(140deg);bottom:0}#bg-14{top:-200px;transform:rotate(320deg);left:-350px}#bg-15{transform:rotate(370deg) scale(2);right:-250px;top:-250px}@keyframes scrolldown{0%{right:0px;opacity:0}100%{right:11px;opacity:1}}#home-banner{padding:9.5rem 0;color:#686E80;font-size:18px}#home-banner h1{font-size:50px;color:#000}#home-banner p{font-size:20px;margin:24px 0}#home-banner .text{padding-left:50px}#home-banner .image{text-align:center}#home-banner #scroll-down{position:fixed;right:30px;transform:rotate(-90deg);bottom:70px;color:#686E80;font-size:14px;text-decoration:none;transition:all 2s ease;z-index:98;pointer-events:none}#home-banner #scroll-down:hover{transform:rotate(-90deg) scale(1.1)}#home-banner #scroll-down i{border:1px solid;width:30px;text-align:center;border-radius:50%;height:30px;padding-top:3px;font-size:20px;position:relative}#home-banner #scroll-down i:before{position:absolute;top:50%;transform:translateY(-50%);animation:scrolldown 1s ease infinite alternate}#home-banner #scroll-down span{padding-top:5px;float:right;margin-left:10px}@media screen and (max-width: 767px){#home-banner .image{margin-top:2rem}#home-banner .image svg{height:325px}#home-banner .text{padding-left:15px}#home-banner .text h1{font-size:2rem}}.section-title{position:relative;color:#FA9678;font-size:20px;margin-bottom:40px}.sub-content{font-size:22px;margin-bottom:3rem}#what-we-do #what-we-do-list{max-width:900px;margin:50px auto}#what-we-do #what-we-do-list .item{text-align:center;cursor:pointer}#what-we-do #what-we-do-list .item:hover .image{transform:scale(1.1)}#what-we-do #what-we-do-list .item .image{margin-bottom:25px;display:flex;justify-content:center;transition:all 0.5s ease}#what-we-do #what-we-do-list .item .caption{font-size:18px;transition:all 0.5s ease}@keyframes bounce{0%{opacity:1;transform:translateY(0)}25%{opacity:1;transform:translateY(5px)}50%{opacity:1;transform:translateY(-5px)}75%{opacity:1;transform:translateY(5px)}100%{opacity:1;transform:translateY(0px)}}@keyframes slide-left{0%{opacity:0;transform:translateX(-10%)}30%{opacity:1;transform:translateX(0)}100%{opacity:1;transform:translateX(0)}}@keyframes slide-right{0%{opacity:0;transform:translateX(10%)}30%{opacity:1;transform:translateX(0)}100%{opacity:1;transform:translateX(0)}}@keyframes opacity{0%{opacity:0}6%{opacity:1}100%{opacity:1}}@keyframes star-blink{0%{opacity:1}25%{opacity:0}50%{opacity:1}75%{opacity:0}100%{opacity:1}}@keyframes paper-plane{0%{transform:scale(1)}25%{transform:scale(0.75)}50%{transform:scale(0.5)}75%{transform:scale(0.25)}100%{transform:scale(0)}}@keyframes moveUpDown{0%{opacity:1;transform:translateY(0)}25%{opacity:1;transform:translateY(40px)}50%{opacity:1;transform:translateY(0)}75%{opacity:1;transform:translateY(40px)}100%{opacity:1;transform:translateY(0)}}@keyframes handShake{0%{opacity:1;transform:translateY(0)}25%{opacity:1;transform:translateY(-20px)}50%{opacity:1;transform:translateY(20px)}75%{opacity:1;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@keyframes circle-path{from{transform:rotate(0deg) translateX(15px) rotate(0deg)}to{transform:rotate(360deg) translateX(15px) rotate(-360deg)}}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}#how-we-do-it #how-we-do-it-list .tab-pane{text-align:center}#how-we-do-it #how-we-do-it-list .tab-pane.active{animation:slide-left 10s ease-out}#how-we-do-it #how-we-do-it-list .tab-pane.active #content-marketing-svg .paper-1{animation:slide-left 4s 1.5s ease-out 1, bounce 5s 1s ease-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #content-marketing-svg .paper-2{animation:slide-left 4s 1s ease-out 1, bounce 5s 1.5s ease-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #content-marketing-svg .checklist-1{animation:opacity 4s 1.6s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #content-marketing-svg .checklist-2{animation:opacity 4s 1.75s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #content-marketing-svg .checklist-3{animation:opacity 4s 1.9s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #content-marketing-svg .checklist-4{animation:opacity 4s 2.05s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #content-marketing-svg .checklist-5{animation:opacity 4s 2.2s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #content-marketing-svg .notes-1{animation:opacity 4s 2.4s ease-out 1, bounce 5s 1.1s ease-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #content-marketing-svg .notes-2{animation:opacity 4s 2.8s ease-out 1, bounce 5s 1.2s ease-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #content-marketing-svg .notes-3{animation:opacity 4s 3.2s ease-out 1, bounce 5s 1.3s ease-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #socialmedia-svg .youtube-section{animation:slide-left 4s 3.2s ease-out 1, bounce 5s 1.1s ease-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #socialmedia-svg .socialmedia-chatbox{animation:slide-right 4s 1.6s ease-out 1, bounce 5s 1.2s ease-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #socialmedia-svg .option-section{animation:opacity 4s 1.5s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #digital-advertising-svg .top-advers{animation:opacity 4s 1.5s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #digital-advertising-svg .column-advers{animation:slide-right 4s 1.6s ease-out, bounce 5s 1.2s ease-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #digital-advertising-svg .text-advers{animation:slide-left 4s 1.2s ease-out, bounce 5s 1.1s ease-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #influencer-marketing-svg .star-1{animation:star-blink 5s 1.75s ease-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #influencer-marketing-svg .star-2{animation:star-blink 5s 2s ease-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #influencer-marketing-svg .star-3{animation:star-blink 5s 2.25s ease-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #influencer-marketing-svg .star-4{animation:star-blink 5s 2.5s ease-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #influencer-marketing-svg .photo-profile{animation:slide-left 4s 3.2s ease-out, bounce 5s 1s ease-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #influencer-marketing-svg .like-icon{animation:slide-right 4s 3.2s ease-out , bounce 5s 1.5s ease-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #email-marketing-svg .paper-plane{animation:paper-plane 3s 1.5s ease-out infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #email-marketing-svg .document-in-envelope{animation:opacity 4s 3.2s ease-in , bounce 5s 1.5s ease-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #email-marketing-svg .notification-icon{animation:star-blink 10s 2s ease-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #telemarketing-svg .chat-circle{animation:opacity 4s 3.2s ease-in , bounce 5s 1.3s ease-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #telemarketing-svg .chat-square{animation:opacity 4s 3.2s ease-in , bounce 5s 1.5s ease-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #web-design-development-svg .web-design-code{animation:opacity 4s 3.2s ease-in , moveUpDown 5s 1.5s ease-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #crm-marketing-automation-svg .hand-shake{animation:opacity 4s 3.2s ease-in , handShake 3s 1.5s ease-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #analytics-optimization-svg .pie-chart{animation:slide-left 4s 0.2s ease-in;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #analytics-optimization-svg .dna-chart{animation:slide-right 4s 0.4s ease-in;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .tab-pane.active #seo-svg .magnifying-glass{animation:circle-path 4s 0.4s ease-in infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#how-we-do-it #how-we-do-it-list .nav-tabs{display:block;border-bottom:none}#how-we-do-it #how-we-do-it-list .nav-tabs .nav-item .nav-link{color:#686E80;border:none;background-color:transparent;transition:all 0.5s;height:45px}#how-we-do-it #how-we-do-it-list .nav-tabs .nav-item .nav-link.active{color:#388DFF;font-size:1.2rem}#how-we-do-it #how-we-do-it-list .nav-tabs .nav-item .nav-link.active:before{content:'\f0da';display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:1.2rem;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px}#featured-projects #project-wrapper{position:relative}#featured-projects #project-wrapper .lSPager{display:none}#featured-projects #project-wrapper .pager-no{display:none}#featured-projects #project-wrapper .lSPager.lSpg{position:absolute;bottom:20px;text-align:left;margin-left:30px}#featured-projects #project-wrapper .lSSlideOuter .lSPager.lSpg>li a{background-color:#909090;border-radius:0;display:inline-block;height:1px;overflow:hidden;text-indent:-999em;width:50px;position:relative;z-index:99;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s}#featured-projects #project-wrapper .lSSlideOuter .lSPager.lSpg>li.active a,#featured-projects #project-wrapper .lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#388DFF;height:3px}@media screen and (max-width: 767px){#featured-projects #project-wrapper .lSPager.lSpg{margin-top:3rem !important}}#featured-projects .project-wrapper{background:#F2F4F6;padding:40px 0;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,0.1)}#featured-projects #project-slider{height:auto !important}@keyframes bounce{0%{opacity:1;transform:translateY(0)}25%{opacity:1;transform:translateY(5px)}50%{opacity:1;transform:translateY(-5px)}75%{opacity:1;transform:translateY(5px)}100%{opacity:1;transform:translateY(0px)}}@keyframes slide-left{0%{opacity:0;transform:translateX(-10%)}30%{opacity:1;transform:translateX(0)}100%{opacity:1;transform:translateX(0)}}@keyframes slide-right{0%{opacity:0;transform:translateX(10%)}30%{opacity:1;transform:translateX(0)}100%{opacity:1;transform:translateX(0)}}#featured-projects #project-slider .project-item{padding:0 40px}#featured-projects #project-slider .project-item a{color:inherit;text-decoration:none}#featured-projects #project-slider .project-item a:hover{text-decoration:none}#featured-projects #project-slider .project-item .image a{display:block;text-align:center}#featured-projects #project-slider .project-item .content{padding-top:60px}#featured-projects #project-slider .project-item .project-logo{margin-bottom:30px}#featured-projects #project-slider .project-item .project-title{font-size:22px;margin-bottom:25px}#featured-projects #project-slider .project-item .project-desc{font-size:18px;margin-bottom:30px}#featured-projects #project-slider .project-item .project-tags span{background:white;font-size:12px;padding:8px 15px 8px 15px;border-radius:25px;text-transform:uppercase;text-align:center;margin-right:5px;display:inline-block;margin-bottom:5px;border:1px solid #D1D1D2}#featured-projects #project-slider .project-item.active .dust-svg .pie-chart{animation:slide-right 4s 0.4s ease-in, bounce 3s 1.5s ease-in-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#featured-projects #project-slider .project-item.active .dust-svg .all-chart{animation:slide-left 4s 0.4s ease-in, bounce 3s 1.7s ease-in-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#featured-projects #project-slider .project-item.active .suvarna-svg .profile-suvarna{animation:slide-right 4s 0.4s ease-in, bounce 3s 1.5s ease-in-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#featured-projects #project-slider .project-item.active .suvarna-svg .info-suvarna{animation:slide-left 4s 0.4s ease-in, bounce 3s 1.7s ease-in-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#featured-projects #project-slider .project-item.active .upj-svg .upj-purple{animation:slide-left 4s 0.4s ease-in, bounce 3s 1.3s ease-in-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#featured-projects #project-slider .project-item.active .upj-svg .upj-pink{animation:slide-right 4s 0.4s ease-in, bounce 3s 1.5s ease-in-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#featured-projects #project-slider .project-item.active .upj-svg .upj-darkgrey{animation:slide-left 4s 0.4s ease-in, bounce 3s 1.7s ease-in-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#featured-projects #project-slider .project-item.active .dunhal-svg .font-standard{font-family:'mod_regular';font-size:0.85rem}#featured-projects #project-slider .project-item.active .dunhal-svg #Vector_Smart_Object4{animation:slide-right 4s 1.4s ease-in;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media screen and (max-width: 767px){#featured-projects #project-slider .project-item .project-tags span{font-size:10px}}#featured-projects .page{margin:0;padding:0;list-style:none}#featured-projects .page li{display:inline-block}#featured-projects .pager-no{position:absolute;bottom:15px;font-size:20px}#featured-projects .pager-no#last-no{margin-left:40px}#our-clients .container{max-width:675px;margin:0 auto}#our-clients #client-list .item{height:60px;border-radius:10px;margin-bottom:30px;display:flex;justify-content:center;align-items:center;transition:all 0.5s ease}#our-clients #client-list .item img{object-fit:contain;height:100%;width:100%}#our-clients #client-list .item:hover{transform:scale(1.1)}#footer{position:relative;overflow:hidden;z-index:99}#footer #footer-pattern{position:absolute;width:100%;margin-top:-100px}#footer #footer-pattern img{width:100%}#footer #footer-banner .footer-wrapper{background-image:url("./../images/main-banner/background banner@3x.png");background-repeat:no-repeat;background-size:cover;border-radius:8px;min-height:300px;color:#fff;position:relative;margin-bottom:-150px;display:flex;align-items:center;padding:0 150px}#footer #footer-banner h1{font-family:"mod_bold";color:black;flex:1 1 0}#footer #footer-banner h1 a{display:flex;align-items:center}#footer #footer-banner h1 a img{width:30px;height:30px;margin-left:20px}@media screen and (max-width: 991px){#footer #footer-banner .footer-wrapper{padding:40px;text-align:center;display:block;min-height:unset}#footer #footer-banner h1{display:block !important}#footer #footer-banner h1 span{margin-right:0 !important;margin-bottom:3rem}#footer #footer-banner h1 a{display:inline-block}}#footer #footer-bottom{background:#000;color:#fff;padding-top:300px;padding-bottom:30px;font-size:12px}#footer #footer-bottom .heading{text-transform:uppercase;min-height:35px;margin-bottom:15px}#footer #footer-bottom .heading img{width:175px}#footer #footer-bottom .content.type-mail{margin:2rem 0}#footer #footer-bottom .content.type-mail .mail-link{margin-top:1rem;color:#388DFF;font-size:12px;text-decoration:none;position:relative;padding-bottom:5px}#footer #footer-bottom .content.type-mail .mail-link::after{content:'';height:1px;width:100%;background:#A4A4A5;position:absolute;bottom:0;left:0;background:linear-gradient(to right, #388DFF 50%, #A4A4A5 50%);background-size:200% 100%;background-position:right bottom;transition:all .5s ease-out}#footer #footer-bottom .content.type-mail .mail-link:hover{text-decoration:none}#footer #footer-bottom .content.type-mail .mail-link:hover::after{background-position:left bottom}#footer #footer-bottom a.mail-link{color:#32A9E0;font-size:18px}#footer #footer-bottom #copy{margin-top:15px}#footer #scroll-top{position:absolute;right:30px;transform:rotate(-90deg);bottom:70px;color:#fff;font-size:14px;opacity:0;transition:all 2s ease;display:flex;align-items:center;text-decoration:none}#footer #scroll-top:hover{transform:rotate(-90deg) scale(1.1)}#footer #scroll-top.active{opacity:1}#footer #scroll-top i{border:1px solid;width:30px;text-align:center;border-radius:50%;height:30px;padding-top:3px;font-size:20px}#footer #scroll-top span{padding-top:5px;float:right;margin-left:10px}#modal-contact{background:url("../images/main-banner/background banner@3x.png") no-repeat;background-size:cover;background-position:center}#modal-contact .container{padding-left:15px;max-width:740px}#modal-contact .modal-dialog{max-width:100%;width:100%;margin:0;height:100vh}#modal-contact .modal-dialog .modal-header{border:none}#modal-contact .modal-dialog .btn-close{border:none;background:none;color:black;cursor:pointer;position:absolute;top:5%;right:5%}#modal-contact .modal-dialog .btn-close i.fa.fa-times{border:1px solid;padding:10px;border-radius:20px;width:40px;height:40px;margin-right:5px}#modal-contact .modal-dialog .modal-content{border-radius:0;color:black;border:none;height:100%;background:transparent}#modal-contact .modal-dialog .modal-content .modal-body{display:flex;align-items:center}#modal-contact .modal-dialog .modal-content h1{font-size:36px;text-align:center}#modal-contact .modal-dialog .modal-content .form-group{position:relative;padding-top:30px}#modal-contact .modal-dialog .modal-content .form-group .help-block.form-error{color:#b94a48;margin-top:5px;font-family:"mod_medium";font-size:12px;display:block;text-align:left}#modal-contact .modal-dialog .modal-content label{position:absolute;transition:all ease 0.5s;top:30px;font-size:12px}#modal-contact .modal-dialog .modal-content label.active{top:10px;font-size:10px}#modal-contact .modal-dialog .modal-content .input{position:relative;background:none;border:none;border-bottom:1px solid black;width:100%;color:black}#modal-contact .modal-dialog .modal-content .btn-submit{font-size:16px;background:#388DFF;color:#fff;border-radius:30px;border:none;cursor:pointer;padding:15px 40px;transition:all ease 0.5s}#modal-contact .modal-dialog .modal-content .btn-submit:hover{background:#052D89}.booking-icon{height:19px;margin-right:5px;margin-top:-5px}svg{max-width:100%}@keyframes bounce{0%{opacity:1;transform:translateY(0)}25%{opacity:1;transform:translateY(10px)}50%{opacity:1;transform:translateY(5px)}75%{opacity:1;transform:translateY(10px)}100%{opacity:1;transform:translateY(0px)}}@keyframes opacity{0%{opacity:0}6%{opacity:1}100%{opacity:1}}svg g.phone{animation:slide-left 10s 2s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes slide-left{0%{opacity:0;transform:translateX(5%)}15%{opacity:1;transform:translateX(0)}100%{opacity:1;transform:translateX(0)}}svg g.phone-screen{animation:slide-right 10s 3s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes slide-right{0%{opacity:0;transform:translateX(-5%)}15%{opacity:1;transform:translateX(0)}100%{opacity:1;transform:translateX(0)}}svg g.hand{animation:hand-click 10s 6s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes hand-click{0%{opacity:0;transform:translateX(-15px)}6%{opacity:1;transform:translateX(-10px)}12%{opacity:1;transform:translateX(0)}100%{opacity:1;transform:translateX(0)}}svg g.button{animation:button-click 10s 6.1s ease-out 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes button-click{0%{transform:translateX(0)}6%{transform:translate(5px, -5px)}100%{transform:translate(5px, -5px)}}svg g.phone-like{animation:opacity 10s 6.5s ease-out 1 , bounce 3s 9s ease-in-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}svg g.shopping-bag-big{animation:opacity 10s 6.7s ease-out 1 , bounce 3s 9.25s ease-in-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}svg g.shopping-bag-small{animation:opacity 10s 7.1s ease-out 1 , bounce 3s 9.5s ease-in-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}svg g.phone-like{animation:opacity 10s 6.9s ease-out 1 , bounce 3s 9.75s ease-in-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}svg g.email{animation:opacity 10s 7.2s ease-out 1 , bounce 3s 10s ease-in-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}svg g.email-notification{animation:opacity 10s 7.5s ease-out 1 , bounce 3s 10s ease-in-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}svg g.like{animation:opacity 10s 8.5s ease-out 1 , bounce 3s 10.25s ease-in-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}svg g.follower{animation:opacity 10s 8.1s ease-out 1 , bounce 3s 10.5s ease-in-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}svg g.networking{animation:opacity 10s 7.8s ease-out 1 , bounce 3s 10.125s ease-in-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}svg g.notification{animation:opacity 10s 8s ease-out 1 , bounce 3s 10.4s ease-in-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}svg g.socialmedia{animation:opacity 10s 8.4s ease-out 1 , bounce 3s 10.65s ease-in-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}svg g.signup-text,svg g.signup-board,svg g.signup-board-shadow{animation:opacity 10s 8.7s ease-out 1 , bounce 3s 10.75s ease-in-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}svg g.profile-card,svg g.profile-data{animation:opacity 10s 8.9s ease-out 1 , bounce 3s 11s ease-in-out infinite;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes opacity{0%{opacity:0}6%{opacity:1}100%{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(-10px)}6%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(10px)}6%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}@keyframes rounded-up{0%{opacity:0;transform:translateY(135px)}20%{opacity:0;transform:translateY(50px)}40%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}@keyframes rounded-down{0%{opacity:0;transform:translateY(-135px)}20%{opacity:0;transform:translateY(-50px)}40%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}@keyframes bounce{0%{opacity:1;transform:translateY(0)}25%{opacity:1;transform:translateY(5px)}50%{opacity:1;transform:translateY(-5px)}75%{opacity:1;transform:translateY(5px)}100%{opacity:1;transform:translateY(0px)}}#Infographic #Technic #Attract{animation:opacity 10s 2.5s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Technic #Attract text{font-family:'mod_bold'}#Infographic #Technic #Convert{animation:opacity 10s 2.75s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Technic #Convert text{font-family:'mod_bold'}#Infographic #Technic #Close{animation:opacity 10s 3s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Technic #Close text{font-family:'mod_bold'}#Infographic #Technic #Delight{animation:opacity 10s 3.25s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Technic #Delight text{font-family:'mod_bold'}#Infographic #Icon text{font-family:'mod_regular'}#Infographic #Icon #digital_strategy{animation:slide-up 10s 3.55s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Icon #digital_strategy #Vector_Smart_Object,#Infographic #Icon #digital_strategy image{animation:bounce 3s 4.5s ease-out infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Icon #digital_activation{animation:slide-down 10s 3.7s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Icon #digital_activation #Vector_Smart_Object-2,#Infographic #Icon #digital_activation image{animation:bounce 3s 4.55s ease-out infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Icon #Leads_generation{animation:slide-up 10s 3.85s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Icon #Leads_generation #Vector_Smart_Object-3,#Infographic #Icon #Leads_generation image{animation:bounce 3s 4.6s ease-out infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Icon #leads_nurturing{animation:slide-down 10s 4s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Icon #leads_nurturing #Vector_Smart_Object-4,#Infographic #Icon #leads_nurturing image{animation:bounce 3s 4.65s ease-out infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Icon #convertion_optimization{animation:slide-up 10s 4.15s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Icon #convertion_optimization #Vector_Smart_Object-5,#Infographic #Icon #convertion_optimization image{animation:bounce 3s 4.7s ease-out infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Icon #retention_optimization{animation:slide-down 10s 4.3s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Icon #retention_optimization #Vector_Smart_Object-6,#Infographic #Icon #retention_optimization image{animation:bounce 3s 4.75s ease-out infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Persona text{font-family:'mod_regular'}#Infographic #Persona #Strangers{animation:slide-up 10s 3.5s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Persona #Visitors{animation:slide-down 10s 3.25s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Persona #Prospects{animation:slide-up 10s 3.5s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Persona #Customers{animation:slide-down 10s 3.75s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Persona #Advocates{animation:slide-up 10s 3.4s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Number{animation:slide-down 10s 3.5s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Number text{font-family:'mod_medium'}#Infographic #Procedur #Rounded #_1-2{animation:rounded-down 10s 3.5s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Procedur #Rounded #_2-2{animation:rounded-up 10s 3.65s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Procedur #Rounded #_3-2{animation:rounded-down 10s 3.8s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Procedur #Rounded #_4-2{animation:rounded-up 10s 3.95s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Procedur #Rounded #_5-2{animation:rounded-down 10s 4.1s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic #Procedur #Rounded #_6{animation:rounded-up 10s 4.25s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Infographic .wave-info{animation:opacity 10s 2s ease-out 1;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media screen and (max-width: 1200px){#floating-panel{display:none !important}}@media screen and (max-width: 767px){#infographic-mobile svg{height:850px !important}body{font-size:12px}svg{height:250px}#how-we-do-it #how-we-do-it-list .tab-pane img{height:200px;object-fit:contain;object-position:center}#how-we-do-it #how-we-do-it-list .nav-tabs{text-align:center}#home-banner #scroll-down,#footer #scroll-top{display:none}.btn-blue{font-size:14px}.btn-white{font-size:14px}.btn-purple{font-size:14px}.booking-icon{height:16px}}@media screen and (max-width: 576px){#floating-panel{display:none !important}#home-banner{height:auto}#how-we-do-it #how-we-do-it-list .nav-tabs .nav-item .nav-link{font-size:0.75rem;height:38px}#how-we-do-it #how-we-do-it-list .nav-tabs .nav-item .nav-link.active{font-size:0.9rem}#how-we-do-it #how-we-do-it-list .nav-tabs .nav-item .nav-link.active:before{font-size:0.9rem}#footer #footer-banner h1 span{font-size:1.8rem}#footer #footer-bottom{padding-top:200px}#footer #footer-pattern{margin-top:0px}#modal-contact .modal-dialog .modal-content .btn-close{top:15px;right:15px}#modal-contact .modal-dialog .modal-content .btn-close i.fa.fa-times{padding:5px;width:30px;height:30px}#modal-contact .modal-dialog .modal-content .container{text-align:center}#modal-contact .modal-dialog .modal-content .form-group{padding-top:15px;margin-bottom:10px}#modal-contact .modal-dialog .modal-content label{top:15px}#modal-contact .modal-dialog .modal-content label.active{top:5px}#modal-contact .modal-dialog .modal-content h1{font-size:16px;text-align:center}#footer-bottom .col-md-3{margin-bottom:20px}#footer #footer-bottom .heading{min-height:0;margin-bottom:10px}}