body{background:#111}.page-init{overflow:hidden}.intro-content{overflow:hidden}#main-banner-anim{min-height:570px;width:100%;height:570px}@media screen and (max-width:992px){#main-banner-anim{min-height:250px;height:250px}}span.to-top{display:block;width:46px;height:50px;line-height:50px;background:#f47529;color:#fff;text-align:center;border-radius:5px;position:fixed;bottom:20px;right:20px;z-index:111;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s}header.sticky .header{position:fixed;left:0;right:0;top:0;z-index:88;width:100%;height:95px}header .header{background:#111}.intro-content .col{padding-top:25px;background:url(../images/banner-icons.png) no-repeat 40px top}.intro-content .text-uppercase-ha{font-size:70px;font-family:Oswald,sans-serif;color:#f6a42a}@media screen and (max-width:992px){.intro-content .text-uppercase-ha{font-size:48px}}.intro-content .text-uppercase-ha span{color:#f47529}.intro-content h2.text-gray{color:#6b6d70;font-size:56px;font-family:Oswald,sans-serif}@media screen and (max-width:992px){.intro-content h2.text-gray{font-size:38px}}.intro-content p{color:#5b5c5c}.typed-cursor{display:none}.intro-content .col h1{font-size:80px;min-height:210px}.bannerVideo{position:fixed;right:0;top:0;bottom:0;min-width:100%;min-height:100%;max-height:100%;z-index:0;object-fit:fill}.footer,footer{position:relative}.main-intro .container-fluid,.services-sec .container-fluid{max-width:1550px;margin:0 auto;width:100%;position:relative;z-index:1!important}.services-sec .service{height:300px;border:1px solid;margin:20px 30px 40px;position:relative}.serviceDetail .service-name,.services-sec .service .service-name{font-size:28px;background:#111;padding:10px;position:absolute;bottom:-25px;display:inline-block;left:-20px;line-height:1.05}@media (max-width:600px){.serviceDetail .service-name,.services-sec .service .service-name{font-size:20px}}.serviceDetail .service-name{z-index:2}.serviceDetail .arrow-link,.services-sec .service .arrow-link{border-radius:50%;padding:13px 0;width:50px;height:50px;position:absolute;text-align:center;bottom:-20px;right:-20px;cursor:pointer;transition:all .2s}.serviceDetail{position:absolute;left:0;right:0;bottom:0;top:0;background:#111;z-index:1;transition:all 1s;color:#fff}@media (max-width:768px){.serviceDetail{position:fixed;left:15px;right:15px;bottom:15px;top:15px;z-index:6;padding-bottom:60px}}.serviceDetail .ui-border-element{padding:4.5% 9% 6% 6%;max-height:100%;overflow:auto}.serviceDetail h3{font-size:40px;margin-bottom:50px}.serviceDetail .service-name{font-size:38px}.arrow-link.cross{z-index:2}.serviceDetail .arrow-link:hover,.services-sec .service .arrow-link:hover{transform:scale(1.2)}.serviceDetail ul{list-style:none;padding:0;margin-bottom:0}.serviceDetail ul{counter-reset:my-badass-counter}.serviceDetail ul li{position:relative;padding-left:75px;margin-bottom:50px}@media (max-width:768px){.serviceDetail ul li{padding-left:30px}.serviceDetail h3{font-size:24px}}.serviceDetail ul li:before{content:'0'counter(my-badass-counter);counter-increment:my-badass-counter;font-size:40px;color:#f8a429;display:block;position:absolute;left:0;top:-9px;font-family:eina-b}.serviceDetail ul li h4{font-size:34px;font-family:eina-sb;margin-bottom:7px}@media (max-width:768px){.serviceDetail ul li:before{font-size:18px;left:0;top:-3px}.serviceDetail ul li h4{font-size:18px}}.serviceDetail ul li p{color:#f9fcfd}.services-sec .service .arrow-link.arrow-link-back{transform:rotate(180deg)}.serviceDetail .arrow-link img,.services-sec .service .arrow-link img{width:20px}.serviceDetail div.service-img,.services-sec .service>div.service-img{height:150px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto 0;transition:all .5s}.serviceDetail div.service-img{height:350px;top:0;left:auto;right:26px;bottom:auto}.serviceDetail.green .arrow-link,.services-sec .service.green .arrow-link{background:#04a568}.serviceDetail.green .service-name,.serviceDetail.green h3,.services-sec .service.green .service-name{color:#04a568}.services-sec .service.green{border-color:#04a568}.serviceDetail.blue .arrow-link,.services-sec .service.blue .arrow-link{background:#00bff3}.serviceDetail.blue .service-name,.serviceDetail.blue h3,.services-sec .service.blue .service-name{color:#00bff3}.services-sec .service.blue{border-color:#00bff3}.serviceDetail.purple .arrow-link,.services-sec .service.purple .arrow-link{background:#694cd8}.serviceDetail.purple .service-name,.serviceDetail.purple h3,.services-sec .service.purple .service-name{color:#694cd8}.services-sec .service.purple{border-color:#694cd8}.serviceDetail.orange .arrow-link,.services-sec .service.orange .arrow-link{background:#ec7321}.serviceDetail.orange .service-name,.serviceDetail.orange h3,.services-sec .service.orange .service-name{color:#ec7321}.services-sec .service.orange{border-color:#ec7321}.serviceDetail.yellow .arrow-link,.services-sec .service.yellow .arrow-link{background:#f8a329}.serviceDetail.yellow .service-name,.serviceDetail.yellow h3,.services-sec .service.yellow .service-name{color:#f8a329}.services-sec .service.yellow{border-color:#f8a329}.serviceDetail.red .arrow-link,.services-sec .service.red .arrow-link{background:#fa302f}.serviceDetail.red .service-name,.serviceDetail.red h3,.services-sec .service.red .service-name{color:#fa302f}.services-sec .service.red{border-color:#fa302f}.filter-links ul li{margin:0 7px}.filter-links ul li a{display:inline-block;color:#666373;padding:10px;border-bottom:1px solid transparent;text-decoration:none!important;font-weight:600}.filter-links ul li.active a{border-color:#fff;color:#fff}.portfolio-slider{padding-left:100px;position:relative;height:350px}@media(min-width:768px){.portfolio-sec .portfolio-slider .swiper-slide{width:35%!important;cursor:pointer}}.portfolio-slider-arrow span{left:0!important;width:18px!important;height:30px!important;display:block;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat}.portfolio-slider-arrow{background-color:#0a0a0b;padding:38px 8px;position:absolute;top:0;height:106px;width:50px;z-index:10;cursor:pointer;right:auto;left:0;outline:0;border-radius:0 50px 50px 0;bottom:76px;margin:auto}.testimonial-sec{text-align:center;background:#111 url(../images/testimonial-bg.png) no-repeat 30% -20%;background-size:100%}.testimonial-sec .testimonial-heading{font-size:32px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:20px}.testimonial-sec .client-name{color:#93909f}.testimonial-sec .designation{color:#666373}.testimonial-sec .swiper-pagination{position:static;margin-top:30px;position:relative;display:inline-block;z-index:1}@media (min-width:992px){.testimonial-sec .swiper-pagination:before{content:'';height:1px;width:90%;border-top:1px dotted #515151;position:absolute;top:-3px;bottom:0;margin:auto;left:0;right:0;z-index:-1}}.testimonial-sec .swiper-pagination-bullet{border:1px solid #515151;margin:0 8px;width:15px;height:15px;background:#111;opacity:1;outline:0}.testimonial-sec .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f47529;border-color:#f47529}.join-team-sec{color:#f9fcfd}@media (max-width:992px){.testimonial-sec .swiper-pagination-bullet{margin:0 3px;width:8px;height:8px}.join-team-sec{padding:0 15px}}.join-team-sec p{line-height:1.6}@media screen and (max-width:1170px){.portfolio-sec .swiper-slide{width:55%!important}.intro-content .col h1{font-size:70px}.intro-content .col .pl-5{display:inline-block;background:rgba(0,0,0,.7);padding:20px!important}}@media screen and (max-width:992px){.bannerVideo{max-height:100%}.intro-content .col h1{font-size:50px}}@media screen and (max-width:768px){.portfolio-sec .swiper-slide{width:90%!important}.portfolio-slider{padding-left:70px}.testimonial-sec .testimonial-heading{font-size:28px}.intro-content .col h1{font-size:40px}.join-team-content{padding:30px 20px}}#section4 .fp-tableCell{vertical-align:bottom}#footer-anim-1{min-height:400px;height:400px}@media(max-width:768px){#footer-anim-1{min-height:25px;height:25px}}#footer-anim-2{min-height:300px;height:300px}.top-leftStart:after,.top-leftStart:before,.top-leftStart>.ui-border-element:after,.top-leftStart>.ui-border-element:before{content:'';position:absolute}.top-leftStart.red .ui-border-element:after,.top-leftStart.red .ui-border-element:before,.top-leftStart.red:after,.top-leftStart.red:before{border-color:#fa302f!important}.top-leftStart.blue .ui-border-element:after,.top-leftStart.blue .ui-border-element:before,.top-leftStart.blue:after,.top-leftStart.blue:before{border-color:#00bff3!important}.top-leftStart.green .ui-border-element:after,.top-leftStart.green .ui-border-element:before,.top-leftStart.green:after,.top-leftStart.green:before{border-color:#04a568!important}.top-leftStart.orange .ui-border-element:after,.top-leftStart.orange .ui-border-element:before,.top-leftStart.orange:after,.top-leftStart.orange:before{border-color:#ec7321!important}.top-leftStart.purple .ui-border-element:after,.top-leftStart.purple .ui-border-element:before,.top-leftStart.purple:after,.top-leftStart.purple:before{border-color:#694cd8!important}.top-leftStart.yellow .ui-border-element:after,.top-leftStart.yellow .ui-border-element:before,.top-leftStart.yellow:after,.top-leftStart.yellow:before{border-color:#f8a329!important}.top-leftStart .ui-border-element h3,.top-leftStart .ui-border-element h3+p,.top-leftStart .ui-border-element ul li{opacity:0;transition:all 1.5s;transform:translate(0,50px);transition-delay:.7s;-webkit-transform:translate(0,50px)}.top-leftStart{visibility:hidden;opacity:0}.top-leftStart.active{visibility:visible;opacity:1}.top-leftStart .service-img,.top-leftStart .service-name{opacity:0;transition:all 1s}.top-leftStart .ui-border-element h3+p,.top-leftStart.active .service-name,.top-leftStart.active .ui-border-element h3,.top-leftStart.active .ui-border-element ul li{opacity:1;transform:translate(0);-webkit-transform:translateY(0)}.top-leftStart.active .service-img{opacity:.2}.top-leftStart:before{border-top:2px solid #333;left:0;right:100%;top:0;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0,.98,.51,.93);-moz-transition-timing-function:cubic-bezier(0,.98,.51,.93);-o-transition-timing-function:cubic-bezier(0,.98,.51,.93);transition-timing-function:cubic-bezier(0,.98,.51,.93);-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.top-leftStart.active:before{right:0}.top-leftStart:not(.active):before{-webkit-transition-delay:.6s;-moz-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}.top-leftStart:after,.top-leftStart:before,.top-leftStart>.ui-border-element:after,.top-leftStart>.ui-border-element:before{content:'';position:absolute}.top-leftStart .ui-border-element:after{border-right:2px solid #333;top:0;bottom:100%;right:0;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0,.98,.51,.93);-moz-transition-timing-function:cubic-bezier(0,.98,.51,.93);-o-transition-timing-function:cubic-bezier(0,.98,.51,.93);transition-timing-function:cubic-bezier(0,.98,.51,.93);-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}.top-leftStart.active .ui-border-element:after{bottom:0}.top-leftStart:not(.active) .ui-border-element:after{-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}.top-leftStart:after,.top-leftStart:before,.top-leftStart>.ui-border-element:after,.top-leftStart>.ui-border-element:before{content:'';position:absolute}.top-leftStart:after{border-bottom:2px solid #333;left:100%;right:0;bottom:0;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0,.98,.51,.93);-moz-transition-timing-function:cubic-bezier(0,.98,.51,.93);-o-transition-timing-function:cubic-bezier(0,.98,.51,.93);transition-timing-function:cubic-bezier(0,.98,.51,.93);-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}.top-leftStart.active:after{left:0}.top-leftStart:not(.active):after{-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}.top-leftStart:after,.top-leftStart:before,.top-leftStart>.ui-border-element:after,.top-leftStart>.ui-border-element:before{content:'';position:absolute}.top-leftStart .ui-border-element:before{border-left:2px solid #333;top:100%;bottom:0;left:0;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0,.98,.51,.93);-moz-transition-timing-function:cubic-bezier(0,.98,.51,.93);-o-transition-timing-function:cubic-bezier(0,.98,.51,.93);transition-timing-function:cubic-bezier(0,.98,.51,.93);-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-delay:.6s;-moz-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}.top-leftStart.active .ui-border-element:before{top:0}.top-leftStart:not(.active) .ui-border-element:before{-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.text-white-ha{font-size:50px}@media(max-width:768px){.text-white-ha{font-size:30px}}


/* .img-swiper-ha{
  background: url(../images/project1.jpg);
} */


@media (max-width:992px){
  .testimonial-sec .swiper-pagination-bullet{
    margin:0 8px;
    width:15px;
    height:15px
  }
}
.d-none-ctm{
  display: none;
}

.services-boxex:hover{
  cursor: pointer;
}