/*
Code Designed by Sahil aka Sap Pisceans
© Club Code Technology 2020
For Coders - The code designed with 95 Cups of Coffee and love. 
Don't code recklessly, Code is already seamless and smooth.
Code at your own risk.
*/




@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,600;0,700;0,800;0,900;1,600;1,700;1,800;1,900&display=swap');
/*--- font-family: 'Poppins', sans-serif; ---*/


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;1,300;1,400&display=swap');
/*--- font-family: 'Open Sans', sans-serif; ---*/




@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap');
/*-- font-family: 'Teko', sans-serif; --*/








body,html{scroll-behavior:smooth;font-family:'Montserrat',sans-serif;color:#555;font-size:14px;font-weight:500;width:100%;overflow-x:hidden}
img{max-width:100%;}
span.img{ display:block !important;}
.sap-big-headings{font-size:62px;font-family:'Merriweather',serif;display:block;text-transform:capitalize;}
.sap-med-headings{font-size:42px;font-family:'Merriweather',serif;display:block;text-transform:capitalize;}
.sap-small-headings{font-size:21px;font-family:'Montserrat',sans-serif;display:block;font-weight:700;text-transform:capitalize;}
.sap-btn-dark,.sap-btn-light{font-family:'Oswald',sans-serif;background-color:#820AFF;color:#fff;border-radius:50px;border:2px solid #820AFF;padding:0;margin:0;min-width:150px;min-height:45px;font-size:16px;text-transform:uppercase;letter-spacing:1px;outline:0;box-shadow:10px 15px 15px 0 rgba(130,10,255,.45);transition:all .3s ease-in-out}
.sap-btn-light{background-color:transparent;color:#6c0ad2;box-shadow:0 0}
.sap-btn-light:hover{background-color:#820AFF;color:#fff}
.sap-btn-dark:hover{box-shadow:0 0 0 0 rgba(130,10,255,.45);background-color:#6c0ad2;border-color:#6c0ad2}
.sap-btn-dark:focus,.sap-btn-light:focus{outline:0}
#nav-icon4{width:30px;height:29px;position:absolute;margin:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;bottom:50px;left:65px;z-index:999999;}
#nav-icon4 span{display:block;position:absolute;height:2px;width:30px;background:#fff;border-radius:9px;opacity:1;right:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
#nav-icon4 span:nth-child(1){top:0;width:24px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
#nav-icon4 span:nth-child(2){top:10px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
#nav-icon4 span:nth-child(3){top:20px;width:16px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
#nav-icon4.open span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:-3px;left:8px;width:30px}
#nav-icon4.open span:nth-child(2){width:0;opacity:0}
#nav-icon4.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:19px;left:8px;width:30px}
.menu-info{background:linear-gradient(45deg,#FF0ACE,#820AFF);position:fixed;left:0;width:100%;top:0;height:100%;z-index:99999;opacity:0;visibility:hidden;transition:all .3s ease-in-out}
.menu-info ul li a{font-size:21px;color:#fff;text-transform:capitalize;position:relative;padding:7px 0;display:inline-block}
.block-head .icon svg{width:102px;height:auto}
.block-head .icon svg path{fill:#555}
/*-- .services:before,.our-portfolio:before{content:"";position:absolute;width:99999px;left:-50%;background-color:#f9f9f9;top:0;transform:translateX(-50%);height:100%;z-index:-1} --*/
.services,.about-us,.testimonials,.our-portfolio,.blog{position:relative;padding:80px 15px}
.block-head .icon{display:flex;align-items:center;justify-content:center;width:200px;height:200px;background-color:#F1F1F1;border-radius:20px;transition:all .3s ease-in-out}
.block-head{display:flex;flex-wrap:wrap;justify-content:center}
.block-head .block{flex-basis:33.3%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 50px 50px}
.block-head .text-para{line-height:30px}
.title-head{display:flex;flex-direction:column;align-items:center;margin:0 auto 40px}
.title-head .punchline{max-width:710px;width:100%;text-align:center;line-height:30px;letter-spacing:.3px}
.clients-logo{display:flex;justify-content:center;align-items:center;margin:0 auto;flex-wrap: wrap;}
ul,ol,li{list-style-type:none;margin:0;padding:0}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:#f1f1f1}
::-webkit-scrollbar-thumb{background:#6c0ad2}
::-moz-selection{color:#fff;background:#6c0ad2}
::selection{color:#fff;background:#6c0ad2}
.port-right-sec .row a:after{content:"\f002";opacity:0;font-family:'Font Awesome 5 Free';color:#fff;position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);background-color:rgba(130,10,255,.7);font-weight:600;display:flex;align-items:center;font-size:35px;justify-content:center;transition:all .3s ease-in-out}
.port-right-sec .row a:hover:after{opacity:1}
.testimonials .col-center{margin:0 auto;float:none!important}
.testimonials .carousel{margin:0 auto;padding:0 70px}
.testimonials .carousel-item{color:#999;font-size:14px;text-align:center;overflow:hidden;min-height:290px}
.testimonials .carousel .item .img-box{width:95px;height:95px;margin:0 auto;border-radius:50%;border-bottom-right-radius:0}
.testimonials .carousel .img-box img{width:100%;height:100%;display:block;border-radius:50%;border-bottom-right-radius:0}
.testimonials .carousel .testimonial{padding:10px 0 20px;line-height:30px;width:100%;max-width:520px;margin:0 auto}
.testimonials .carousel .overview{font-style:italic}
.testimonials .carousel .overview b{text-transform:capitalize;color:#820AFF;font-weight:600;font-size:14px}
.testimonials .carousel .carousel-control{width:40px;height:40px;margin-top:-20px;top:50%;background:none;}
.testimonials .carousel-control i{font-size:68px;line-height:42px;position:absolute;display:inline-block;color:rgba(0,0,0,0.8);text-shadow:0 3px 3px #e6e6e6,0 0 0 #000}
.testimonials .carousel .carousel-indicators{bottom:-40px}
.testimonials .carousel-indicators li,.testimonials .carousel-indicators li.active{width:10px;height:10px;margin:1px 3px;border-radius:50%}
.testimonials .carousel-indicators li{background:#999;border-color:transparent;box-shadow:inset 0 2px 1px rgba(0,0,0,0.2)}
.testimonials .carousel-indicators li.active{background:#555;box-shadow:inset 0 2px 1px rgba(0,0,0,0.2)}
.testimonials .carousel .carousel-control svg path{fill:#555}
.testimonials .carousel .carousel-control svg{height:36px;width:auto}
.our-portfolio .col-md-4{flex-basis:100%;max-width:calc(33.3% - 14px);height:250px;padding:0;overflow:hidden;border-radius:20px;margin:7px; box-shadow: 0 0 5px #999;}
.our-portfolio .col-md-8{flex-basis:100%;max-width:calc(62.4% - -14px);height:250px;padding:0;overflow:hidden;border-radius:20px;margin:7px; box-shadow: 0 0 5px #999;}
.our-portfolio .col-md-4 img,.our-portfolio .col-md-8 img{height:100%;width:100%;object-fit:cover}
a{text-decoration:none!important;outline:0!important}
.menu-open-inner{display:flex;justify-content:space-evenly;transform:translateY(30%);height:100%;}
.menu-info ul li a:before{content:"";width:0;height:2px;background-color:#fff;position:absolute;left:100%;margin:0 0 0 5px;top:50%;transition:all .2s ease-in-out}
.menu-info ul li a:hover:before{width:20px}
.menu-open-footnote,.foot-footnote{color:#fff;font-size:12px;text-transform:capitalize;padding:0}
header .menu-social ul{display:flex}
header .menu-social ul li a{padding:10px 30px 0 0}
header .menu-social ul li a i{font-size:18px}
header .menu-social ul li a:before{display:none}
header ul li.mail-id a{text-transform:lowercase}
.menu-open-footnote{position:absolute;bottom:15px;left:15px}
.menu-info.open{visibility:visible;opacity:1}
.header-inner{width:100%;position:relative;min-height:100px;padding:0 15px}
.header-menu{position:absolute;top:-90px;right:-85px;width:200px;z-index:1}
.no-scroll{overflow:hidden}
.header-logo{display:flex;align-items:center;justify-content:flex-start;height:100%}
.hero-mask{background-image:url(../images/hero-banner.webp);background-size:cover;background-repeat:no-repeat;background-position:center;width:444px;height:463px}
.hero-mask img{width:445px}
.text-para{line-height:30px}
.hero .col-md-7{justify-content:center;display:flex;flex-direction:column}
.hero-btns{padding:20px 0 25px}
.hero .watch-vid a{text-decoration:underline!important;color:#820aff}
.hero-btns button{margin:0 7px 0 0}
.hero .down-arrow{display:flex;align-items:center;justify-content:center; z-index: 1;}
.hero .down-arrow i{font-size:18px;color:#820aff;animation:shake 1.2s infinite ease-in-out}
.hero .down-arrow a{padding:10px 0 20px}
@keyframes shake {
	0%{transform:translateY(10px)}
	50%{transform:translateY(0px)}
	100%{transform:translateY(10px)}
}
.container{transition:all .7s ease-in-out;}
.hero .row{height:90vh}
.hero .text-para{width:100%;max-width:570px}
.block-head .block:hover .icon{background-color:#820aff}
.block-head .block .icon svg path{transition:all .3s ease-in-out}
.block-head .block:hover .icon svg path{fill:#fff}
.block-head .sap-small-headings{padding:30px 0 10px}
.services .sap-btn-dark,.blog .sap-btn-dark{margin:0 auto;display:block}
.about-us .img-block{width:100%;max-width:370px;height:470px;margin-left:auto}
.about-us .img-block img{height:100%;width:100%;object-fit:cover}
.about-us-heading{font-size:23px;font-weight:700;line-height:40px;padding:0 0 10px}
.about-us .text-para{padding:0 0 10px}
#blob_11_{position:absolute;top:30px;left:-100px;transform:rotate(0deg) rotateX(180deg)}
#blob_22_{right:-100px;position:absolute;bottom:30px;transform:rotate(280deg) rotateX(0deg)}
.best-clients{background-image:url(../images/clients.webp);background-size:cover;background-repeat:no-repeat;background-position:center;padding:80px 15px;background-attachment:fixed}
.best-clients *{color:#fff}
.port-left-sec .title-head{align-items:flex-start;padding:0;margin:0 0 10px}
.our-portfolio{padding:80px 30px}
.port-left-sec .sap-btn-dark{margin:10px 0 0;}
.port-right-sec .row{display:flex;flex-wrap:wrap}
.blog-img{height:225px;border-radius:20px;overflow:hidden}
.blog-block-head{display:flex;flex-wrap:wrap}
.blog-img img{height:100%;width:100%;object-fit:cover}
.blog-title-block{background-color:#F1F1F1;height:137px;border-radius:20px;display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(-60px);overflow:hidden;padding:15px}
.blog-title-block .plus svg{height:19px}
.blog-title-block .plus svg path{fill:#555}
.blog-title-block .plus{background-color:#D9D9D9;width:70px;height:70px;display:flex;justify-content:center;border-radius:50px;padding:10px 0 0;position:absolute;bottom:-35px}
.blog-title{max-height:42px;color:#555;overflow:hidden;margin:0 0 7px;display:block}
.blog-date{color:#820aff}
.blog-inner:hover .blog-title-block{transform:translateY(-75px);box-shadow:0 10px 30px 0 rgba(0,0,0,.15);background-color:#F9F9F9}
.blog-inner:hover .blog-title-block .plus{background-color:#820aff}
.blog-inner:hover .blog-title-block .plus svg path{fill:#fff}
.blog-inner *{transition:all .3s ease-in-out}
.ban-title-inner{font-size:32px}
.need-a-website{padding:31px 15px; background:#131a44;}
.need-a-website *{color:#fff}
.need-a-website .sap-btn-dark{background-color:#fff;border-color:#fff;box-shadow:0 0;color:#820aff}
.need-a-website .sap-btn-dark:hover{background-color:#820aff;color:#fff;border-color:#820aff}
.need-a-website .container{display:flex;align-items:center}
footer{background-color:#282828;padding:80px 0 30px}
.foot-logo svg path,.foot-logo svg rect{fill:#fff}
footer a{color:#fff;font-weight:400;transition:all .3s ease-in-out}
.foot-nav{display:flex}
footer .subscribe .text-para{color:#fff;padding:0 0 7px}
footer .subscribe input[type="email"]{height:45px;width:100%;max-width:270px;border-radius:50px;background-color:#eee;border:1px solid #820AFF;outline:0;box-shadow:0 0;color:#820AFF;padding:0 15px;margin:0 10px 0 0}
footer .subscribe input[type="email"]::placeholder{color:#820AFF}
footer .subscribe input[type="submit"]{ font-family: 'Oswald',sans-serif; background-color: #820AFF; color: #fff; border-radius: 50px; border: 2px solid #820AFF; padding: 0; margin: 0; min-width: 150px; min-height: 45px; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; outline: 0; transition: all .3s ease-in-out;}
footer .col-md-5{padding:0 0 80px}
.foot-social ul{display:flex}
.foot-social ul a{padding:10px 18px 0 0;display:block}
footer a:hover{color:#afafaf}
#foot-nav-1{width:30%}
.foot-nav-inner a,.foot-comp-info-inner div{display:block;line-height:30px;}
footer .subscribe .sap-btn-dark{box-shadow:0 0}
.port-left-sec{flex-basis:100%;max-width:35%}
.port-right-sec{flex-basis:100%;max-width:65%}
.our-portfolio{width:100%;max-width:1140px;margin:0 auto}
.port-right-sec .container{padding:0}
.hero .col-md-5{display:flex;align-items:center}
.foot-nav-inner a{display:unset;border-bottom:1px solid transparent}
.foot-nav-inner a:hover{border-bottom:1px solid #afafaf}
footer {overflow: hidden;}
.back-tag {    font-family: 'Oswald',sans-serif;    font-size: 242px;    -webkit-text-stroke: 3px rgba(85, 85, 85, 0.15);    color: transparent;}
.about-us-page .banner-head{background-image:url(../images/about.webp);}
.blog-page .banner-head{background-image:url(../images/our-blog.webp);}
.contact-us-page .banner-head{background-image:url(../images/contact-us.webp);}
.our-services-page .banner-head{background-image:url(../images/hero-banner.webp);}
.single-blog-page .banner-head{background-image:url(../images/single-blog.webp);background-position: top center;}
.banner-head{height:260px;background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;max-width:750px;margin:30px 0;position:relative}
.banner-head:before{content:"";background:linear-gradient(45deg,#FF0ACE,#820AFF);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5}
.banner-title{position:absolute;bottom:0;right:-162px;font-size:100px;text-transform:capitalize;color:#fff;font-weight:600}
.banner-title.back{z-index:-1;color:#820aff;-webkit-text-stroke:5px #820aff}
.banner-title.front{z-index:0}
.banner-title.front:before {content: "";position: absolute;height: 15px;width: 90px;background-color: #fff;right: -120px;top: 50%;
border: 2px solid #820aff;}
#sp-img{height:120px;width:120px;margin:0 auto 10px}
#sp-img img{object-fit:cover;height:100%;width:100%;border-radius:50%;border-bottom-right-radius:0}
#sp-content{display:flex;flex-direction:column;align-items:center;text-align:center}
#sp-name{text-transform:capitalize;color:#820AFF;font-weight:600;font-size:16px}
#sp-content #social i{color:#820aff}
#sp-des{padding:2px 0 10px}
.sp-block {    padding: 0 10px 40px;}
.back-tag {    position: absolute;    top: 100px;    right: 0px;z-index: -1;}
.text-para-head {    position: relative;    padding: 40px 15px 40px;}
#sp-content #social a {    padding: 0 5px;}
.fields-head input[type="text"],.fields-head input[type="email"],.fields-head input[type="number"],.fields-head input[type="tel"],.fields-head textarea{border-radius:30px;width:100%;height:49px;font-size:14px;border:2px solid #820aff;padding:7px 15px;outline:0;box-shadow:0 0;resize:none;overflow:hidden; background:transparent;}
.fields-head textarea{height:129px; border-radius:15px}
.contact-form-inner label {    width: 100%;    margin-bottom: 10px;}
.contact-form-inner{max-width:450px;width:100%;margin:0 auto}
.contact-form-inner sup{color:red;font-size:8px;top:-2px}
.contact-form-inner .label-text{text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.3px}
.contact-form-inner .submit{margin:0 auto;display:block}
.contact-form {    position: relative;    width: 100%;    padding: 10px 15px 40px;}
.contact-form .back-tag {    top: 70px;    right: 160px;}
iframe.map {    margin-bottom: -7px;}
.service-block{display:flex;padding:0 0 80px}
.service-block:last-child {    padding: 0 0 0px;}
.service-block:nth-child(even){flex-direction:row-reverse}
.serv-img img{height:100%;width:100%;object-fit:cover}
.serv-img-title {position: absolute;bottom: 15px;left: 15px;color: #fff;line-height: normal;text-shadow: 0px 5px 15px rgba(0, 0, 0, 0.6);}
.serv-img {position: relative;height: 350px;}
.serv-img:before{content: "";background: linear-gradient(45deg,#FF0ACE,#820AFF);position: absolute;top: 0;left: 0;width: 100%;height: 100%;
opacity: 0.2;}
.service-block:nth-child(odd) .serv-text-head {text-align: right;}
.service-block .about-us-heading {line-height: 35px;}
.single-blog-inner{padding:0}
.blog-vid{ width:100%; max-width:100%;margin:0 auto;width:100%;padding:15px;height:420px}
.blog-vid iframe{width:100%;height:100%}
.single-blog-content .text-para{padding:15px}
.blog-img-small{width:100%;width:100%;padding:10px;margin:0 auto; border:1px solid #ddd; border-radius:5px;}
.blog-img-small img{width:100%;height:auto; border-radius:5px;}
.blog-img-large{width:100%;padding:10px;height:500px; border:1px solid #ddd; border-radius:5px;}
.blog-img-large img{width:100%;height:100%;object-fit:cover; border-radius:5px;}
.single-blog-inner .title-head{padding:0 15px;text-align:center}
.single-blog-content{padding:0}
.single-blog-inner .row{margin:0}
.blog-comments {    padding: 15px 15px 40px;}
.single-blog-inner .title-head {    margin: 20px auto;}
.text-para a {    color: #6c0ad2;}
.text-para a:hover {    text-decoration: underline !important;}
.text-para li {    list-style-type:circle;}
.text-para ul, .text-para ol {    padding: 0 0 0 15px;}
.single-blog-inner .blog-date {    padding: 10px 0 0;    font-weight: 600;}
.back-tag {    font-size: 150px;}















/* Hero Backdrop Code Starts */

.hero{position:relative;}
.hero-backdrop{font-size:130px;font-family:'Oswald',sans-serif;-webkit-text-stroke:3px rgba(85,85,85,0.15);color:transparent;font-weight:900}
.hero-backdrop span{position:absolute}
.code-brackets{letter-spacing:30px;right: 22%;top: -5%;transform:translate(0%,0%);animation:float1 5s infinite ease-in-out;}
.code-num{line-height:80px;right: 4%;bottom: 3%;transform:translate(0%,0%);font-size:80px;animation:float2 5s infinite ease-in-out;}
.code-icon{left:10%;bottom: 12%;transform:translate(50%,0%);font-size:80px;z-index:-1;animation:float3 3s infinite ease-in-out;}
.letter-c1{top: -8%;left: 10%;bottom:0;transform:translate(50%,0%);z-index:-1;animation:float4 5s infinite ease-in-out;}
.letter-c2{top: 20%;left: -6%;bottom:0;transform:translate(50%,0%);z-index:-1;animation:float5 8s infinite ease-in-out;}
.letter-T{top: 35%;left: 45%;bottom:0;transform:translate(50%,0%);z-index:-1;animation:float6 5s infinite ease-in-out;}

.cart-icon{left:-16%;bottom:3%;transform:translate(50%,0%);font-size:80px;animation:float3 3s infinite ease-in-out}
.search-icon{left:-19%;top:4%;transform:translate(50%,0%);font-size:80px;animation:float4 5s infinite ease-in-out}
.youtube-icon{left:-26%;top:43%;transform:translate(50%,0%);font-size:80px;animation:float3 3s infinite ease-in-out}
.fb-icon{right:-10%;top:4%;transform:translate(50%,0%);font-size:80px;animation:float4 5s infinite ease-in-out}
.tweet-icon{right:-20%;top:43%;transform:translate(50%,0%);font-size:80px;animation:float3 3s infinite ease-in-out}
.share-icon{right:-16%;bottom:3%;transform:translate(50%,0%);font-size:80px;animation:float4 5s infinite ease-in-out}


@keyframes float1 {
0%{transform:translate(0%,0%)}
50%{transform:translate(0%,5%)}
0%{transform:translate(0%,0%)}
}
@keyframes float2 {
0%{transform:translate(0%,0%)}
50%{transform:translate(0%,5%)}
0%{transform:translate(0%,0%)}
}
@keyframes float3 {
0%{transform:translate(50%,0%)}
50%{transform:translate(50%,5%)}
0%{transform:translate(50%,0%)}
}
@keyframes float4 {
0%{transform:translate(50%,0%)}
50%{transform:translate(50%,5%)}
0%{transform:translate(50%,0%)}
}
@keyframes float5 {
0%{transform:translate(50%,0%)}
50%{transform:translate(50%,5%)}
0%{transform:translate(50%,0%)}
}
@keyframes float6 {
0%{transform:translate(50%,0%)}
50%{transform:translate(50%,4%)}
0%{transform:translate(50%,0%)}
}

/* Hero Backdrop Code Ends */



@media(max-width:767px)
{
.header-menu {right: -115px;top: -95px;}
#nav-icon4 {bottom: 50px;left: 55px;}
.sap-big-headings{font-size:35px;line-height:normal}
.hero .row{flex-direction:column-reverse;height:100%}
.hero .col-md-7,.hero .col-md-5{flex-basis:100%;max-width:100%;padding:0}
.hero .down-arrow{display:none}
.hero-mask{width:100%;max-width:444px;height:auto}
.hero-mask img{width:100%;max-width:445px}
.hero-btns button{margin:0 0 10px;}
.sap-btn-dark,.sap-btn-light{box-shadow:0 0}
.hero,.services,.about-us,.testimonials,.our-portfolio,.blog, .best-clients{padding:40px 15px}
.hero-btns{padding-bottom:10px}
.title-head{padding:0;justify-content:center;text-align:center;line-height:normal}
.sap-med-headings{font-size:27px;font-weight:600}
.title-head .sap-med-headings{padding:0 0 7px}
.block-head .block{padding:0 0 40px;flex-basis:100%}
.block-head .icon{width:150px;height:150px}
.block-head .icon svg{width:70px;height:auto}
.about-us #blob_11_,.about-us #blob_22_, .contact-us-page #blob_11_, .contact-us-page #blob_22_{display:none}
.about-us .img-block {height: 350px;margin-right: auto;margin-left: 0;}
.about-us-heading{line-height:27px;font-size:18px;padding:10px 0 5px}
.testimonials .carousel .carousel-control svg{height:26px}
.testimonials .carousel{padding:0 25px}
.our-portfolio .row{flex-direction: row;}
.port-left-sec,.port-right-sec{max-width:100%;padding:0}
.port-right-sec{margin:20px 0 0}
.our-portfolio .col-md-4{max-width: calc(33.3% - 14px);margin: 7px;}
.our-portfolio .col-md-8{max-width: calc(66.7% - 14px);margin: 7px;}
.our-portfolio .col-md-4, .our-portfolio .col-md-8{    height: 150px;}
.need-a-website .container{flex-direction:column}
.ban-title-inner{font-size:27px;line-height:normal}
.need-a-website *{padding:0}
.need-a-website .sap-btn-dark{margin:12px 0 0}
.header-inner{padding:0}
.about-us-inner{padding:0}
.about-us .col-md-5,.about-us .col-md-7{padding:0}
.testimonials .col-center{padding:0}
.testimonials .carousel .carousel-control{width:20px}
.blog-block-head,.blog-inner{padding:0}
.blog .col-md-12{padding:0}
.blog-block-head{    max-width: 350px;    margin: 0 auto;}
footer{padding:40px 0 15px}
footer .col-md-5{padding:0 0 40px}
footer .subscribe .text-para{line-height:27px}
.foot-nav-inner{width:100%!important}
.foot-nav-inner a,.foot-comp-info-inner div{line-height:32px}
/*.menu-list:last-child {    padding: 20px 0 0;}
.menu-open-inner {    flex-direction: column;    justify-content: flex-start;    transform: none;    padding: 60px 0 0;}*/
.menu-info{padding:0 15px;overflow-y:auto;overflow-x:hidden}
.menu-open-footnote{display:none}
.menu-info ul li a:before{display:none}
.menu-info ul li a{font-size:19px}
header .menu-social{padding:0 0 20px}
::-webkit-scrollbar{width:5px}
.about-us-heading br {    display: none;}
.banner-title {    font-size: 42px;}
.contact-form .back-tag {    right: 10px;    -webkit-text-stroke: 3px rgba(85, 85, 85, 0.07);}
.blog-img-large {    height: 350px;}
.service-block {    flex-direction: column-reverse !important;    padding: 0 0 40px;}
.serv-img {height: 300px;}
.service-block .serv-text-head {    text-align: left !important;}
.header-logo #Group_460 {    display: none;}
.hero-backdrop{font-size:60px;-webkit-text-stroke-width:2px}
.code-icon,.code-num{font-size:50px;line-height:50px}
.letter-c1{top:-3%;left:0}
.letter-c2{top:-6%;left:30%}
.letter-T{top:13%;left:0}
.code-icon{top:30%;left:-5%}
.code-brackets{top:0;right:5%;letter-spacing:10px}
.code-num{top:30%;right:5%}
.hero-backdrop span{z-index:1}




}


@media(max-width:499px)
{
.sap-btn-dark,.sap-btn-light{width:100%;}
.hero .watch-vid{text-align:center}
.about-us .img-block{height:350px;margin: 0 auto;}
.our-portfolio .col-md-4,.our-portfolio .col-md-8{max-width:calc(100% - 0px);margin:0 0 15px}
.our-portfolio .row{flex-direction:column;}
footer .subscribe input[type="email"]{max-width:100%;margin:0 0 15px}
.foot-nav{flex-direction:column;}
iframe.map {    height: 450px;}
.blog-vid{height: 290px;}


}

@media(min-width:500px) and (max-width:767px)
{
.staff .sp-block {    width: 50%;}
.blog-vid {    height: 400px;}


}

@media(min-width:768px)
{
.hero-backdrop {font-size: 70px;}
.code-num, .search-icon, .fb-icon, .cart-icon, .code-icon, .youtube-icon, span.share-icon, .tweet-icon {font-size: 50px;}
.code-num {line-height: 55px;}

}

@media(min-width:768px) and (max-width:1199px)
{
.header-menu{right:-115px;top:-95px}
#nav-icon4{bottom:50px;left:55px}
.header-inner{padding:0}
.sap-big-headings{font-size:42px;line-height:normal}
.hero .col-md-7,.hero .col-md-5{padding:0}
.hero-mask{width:100%;max-width:444px;height:auto}
.hero-mask img{width:100%;max-width:445px}
.hero .row{height:auto}
.hero,.services,.about-us,.testimonials,.our-portfolio,.blog,.best-clients{padding:40px 15px}
.sap-btn-dark,.sap-btn-light{box-shadow:0 0}
#blob_11_{left:-120px}
#blob_22_{right:-120px}
.about-us-heading{line-height:27px;font-size:18px;padding:10px 0 5px}
::-webkit-scrollbar{width:5px}
.about-us-heading br{display:none}
.sap-med-headings{font-size:27px;font-weight:600}
.about-us .img-block{height:320px;margin-right:auto;margin-left:0}
.best-clients .clients-logo img{height:120px}
.testimonials .col-center{max-width:750px;flex-basis:100%}
.our-portfolio .col-md-4{max-width:calc(33.3% - 14px)}
.our-portfolio .col-md-8{max-width:calc(60.6% - -14px)}
.our-portfolio .col-md-8,.our-portfolio .col-md-4{height:180px}
.port-left-sec,.port-right-sec{padding:0 7px}
.blog-block-head{padding:0}
.blog-inner{padding:0 7px}
.need-a-website .container{max-width:100%;padding:0}
.need-a-website .col-md-10{flex-basis:100%;max-width:78%;line-height:normal;padding:0}
.need-a-website .col-md-2{flex-basis:100%;max-width:22%;display:flex;justify-content:flex-end;padding:0}
footer .col-md-5{flex-basis:100%;max-width:45%}
#foot-nav-1{width:45%}
footer .subscribe input[type="email"]{max-width:220px}
footer .subscribe .form-head form{display:flex}
footer .col-md-5:nth-child(even){max-width:55%}
.block-head .icon{width:150px;height:150px}
.block-head .icon svg{width:70px;height:auto}
.block-head .block{padding:0 12px 50px}
.menu-info ul li a:before{display:none}
.menu-info ul li a{font-size:19px}
.banner-title {    font-size: 62px;}
.serv-img {height: 290px;}
.about-us-inner {    padding: 0;}
.service-block {    padding: 0 0 40px;}
.service-block .about-us-heading {    padding-top: 0;}
.hero-backdrop{font-size: 80px;}
.code-icon,.code-num{font-size: 60px;line-height: 65px;}
.about-us-inner, .about-us {padding-left: 0;padding-right: 0;}




}

@media(min-width:992px) and (max-width:1199px)
{
.about-us .img-block {width: 100%;max-width: 370px;height: 470px;margin-left: auto;}
.our-portfolio .col-md-8 {max-width: calc(62.2% - -14px);}

}

@media(max-width:1199px)
{
.banner-title.back,.banner-title.front:before{display:none}
.banner-title{top:0;left:0;position:relative}
.banner-head{max-width:100%;margin:0 0 30px;display:flex;align-items:center;justify-content:space-evenly}
.cart-icon, .search-icon, .youtube-icon, .fb-icon, .tweet-icon, .share-icon {    display: none;}



}

@media(min-width:1200px)
{
.banner-title {font-size: 70px;}
.serv-img {height: 450px;}
.banner-head {    max-width: 100%;    display: flex;    align-items: center;    justify-content: center;    background-attachment: fixed;
    margin-top: 0;}
.banner-title {    position: relative;    top: 0;    left: 0;}
.banner-title.front:before {    display: none;}
.banner-title.back {    display: none;}
.about-us-inner, .about-us {    padding-left: 0;    padding-right: 0;}



}






/* Header Menu Updated Codes Starts */

.menu-open-inner{flex-direction:column;transform:none;overflow-x:auto;justify-content:flex-start}
.menu-info{max-width:300px;right:0;left:auto;padding:60px 20px 20px;transform:translateX(300px);box-shadow:-10px 0 20px 0 rgba(0,0,0,0.4)}
.menu-info:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}
.menu-info.open{transform:translateX(0px)}
.menu-info ul li a{font-size:15px;padding:0 0 15px;transition:all .3s ease-in-out}
.menu-info ul li a:before{display:none}
.menu-list:last-child:before{content:"";border-top:2px solid #fff;display:block;width:20px;margin:10px 0 0;padding:5px 0 0}
.menu-list{z-index:1}
.menu-info ul li a:hover{opacity:.5}
header .menu-social {    padding-bottom: 30px;}



.main.animated {
    padding: 200px 0 270px;
    width: 100%;
    position: absolute;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50%;
    -webkit-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
	z-index:0;
}
.main .circles {
    position: absolute;
    top: -8%;
    right: -15.5%;
    width: 1283px;
    height: 1283px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.main .circles_outer:after,
.main .circles_outer:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: scale(0.8) translate(-50%, -50%);
    -moz-transform: scale(0.8) translate(-50%, -50%);
    -ms-transform: scale(0.8) translate(-50%, -50%);
    -o-transform: scale(0.8) translate(-50%, -50%);
    transform: scale(0.8) translate(-50%, -50%);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    border: 1px solid rgba(192, 192, 204, 0.5);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 100;
}
.main .circles_outer:before {
    width: 1283px;
    height: 1283px;
}
.main .circles_outer:after,
.main .circles_outer:before {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    -moz-transform: translate(-50%, -50%) scale(0.8);
    -ms-transform: translate(-50%, -50%) scale(0.8);
    -o-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    -o-transition: opacity 1s, -o-transform 1s;
    -moz-transition: opacity 1s, transform 1s, -moz-transform 1s;
    transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.main .circles_outer:after {
    height: 924px;
    width: 924px;
}
.main .circles_inner:after,
.main .circles_inner:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: scale(0.8) translate(-50%, -50%);
    -moz-transform: scale(0.8) translate(-50%, -50%);
    -ms-transform: scale(0.8) translate(-50%, -50%);
    -o-transform: scale(0.8) translate(-50%, -50%);
    transform: scale(0.8) translate(-50%, -50%);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    z-index: 100;
    border: 1px solid rgba(192, 192, 204, 0.5);
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.main .circles_inner:before {
    width: 579px;
    height: 579px;
}
.main .circles_inner:after,
.main .circles_inner:before {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    -moz-transform: translate(-50%, -50%) scale(0.8);
    -ms-transform: translate(-50%, -50%) scale(0.8);
    -o-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    -o-transition: opacity 1s, -o-transform 1s;
    -moz-transition: opacity 1s, transform 1s, -moz-transform 1s;
    transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.main .circles_inner:after {
    width: 263px;
    height: 263px;
}



.animated.main .circles_inner:after,
.animated.main .circles_inner:before,
.animated.main .circles_outer:after,
.animated.main .circles_outer:before {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: opacity 2s, -webkit-transform 2s;
    transition: opacity 2s, -webkit-transform 2s;
    -o-transition: opacity 2s, -o-transform 2s;
    -moz-transition: opacity 2s, transform 2s, -moz-transform 2s;
    transition: opacity 2s, transform 2s;
    transition: opacity 2s, transform 2s, -webkit-transform 2s, -moz-transform 2s, -o-transform 2s;
}
.animated.main .main_content .left_col .main_descr {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -o-animation-delay: 0.1s;
    animation-delay: 0.1s;
    -webkit-animation-name: main_descr_animation;
    -moz-animation-name: main_descr_animation;
    -o-animation-name: main_descr_animation;
    animation-name: main_descr_animation;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.animated.main .main_content .right_col .img_block_1 {
    -webkit-animation: home_esl_animation 2s ease 0.5s 1 forwards;
    -moz-animation: home_esl_animation 2s ease 0.5s 1 forwards;
    -o-animation: home_esl_animation 2s ease 0.5s 1 forwards;
    animation: home_esl_animation 2s ease 0.5s 1 forwards;
}
.animated.main .main_content .right_col .img_block_2 svg {
    -webkit-animation: home_main_dashboard_animation 2s ease 1s 1 forwards;
    -moz-animation: home_main_dashboard_animation 2s ease 1s 1 forwards;
    -o-animation: home_main_dashboard_animation 2s ease 1s 1 forwards;
    animation: home_main_dashboard_animation 2s ease 1s 1 forwards;
}
.animated.main .main_content .right_col .img_block_2 svg #mainscreen_dashboard #chart_1,
.animated.main .main_content .right_col .img_block_2 svg #mainscreen_dashboard #chart_2,
.animated.main .main_content .right_col .img_block_2 svg #mainscreen_dashboard #chart_3,
.animated.main .main_content .right_col .img_block_2 svg #mainscreen_dashboard #chart_4,
.animated.main .main_content .right_col .img_block_2 svg #mainscreen_dashboard #chart_5,
.animated.main .main_content .right_col .img_block_2 svg #mainscreen_dashboard #chart_6,
.animated.main .main_content .right_col .img_block_2 svg #mainscreen_dashboard #chart_7 {
    -webkit-animation: grow 1s ease 1.5s 1 forwards;
    -moz-animation: grow 1s ease 1.5s 1 forwards;
    -o-animation: grow 1s ease 1.5s 1 forwards;
    animation: grow 1s ease 1.5s 1 forwards;
}
.animated.main.homepage_circles_bounce .circles_outer:before {
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    animation-delay: 1.2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.main.homepage_circles_bounce .circles_outer:after,
.animated.main.homepage_circles_bounce .circles_outer:before {
    -webkit-animation-name: infinite-bouncing;
    -moz-animation-name: infinite-bouncing;
    -o-animation-name: infinite-bouncing;
    animation-name: infinite-bouncing;
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s;
}
.animated.main.homepage_circles_bounce .circles_outer:after {
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    animation-delay: 0.9s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.main.homepage_circles_bounce .circles_inner:before {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.main.homepage_circles_bounce .circles_inner:after,
.animated.main.homepage_circles_bounce .circles_inner:before {
    -webkit-animation-name: infinite-bouncing;
    -moz-animation-name: infinite-bouncing;
    -o-animation-name: infinite-bouncing;
    animation-name: infinite-bouncing;
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s;
}
.animated.main.homepage_circles_bounce .circles_inner:after {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}








@-webkit-keyframes infinite-bouncing {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    50% {
        -webkit-transform: translate(-50%, -50%) scale(0.95);
        transform: translate(-50%, -50%) scale(0.95);
        opacity: 1;
    }
    to {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
}
@-moz-keyframes infinite-bouncing {
    0% {
        -moz-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    50% {
        -moz-transform: translate(-50%, -50%) scale(0.95);
        transform: translate(-50%, -50%) scale(0.95);
        opacity: 1;
    }
    to {
        -moz-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
}
@-o-keyframes infinite-bouncing {
    0% {
        -o-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    50% {
        -o-transform: translate(-50%, -50%) scale(0.95);
        transform: translate(-50%, -50%) scale(0.95);
        opacity: 1;
    }
    to {
        -o-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
}
@keyframes infinite-bouncing {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        -moz-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    50% {
        -webkit-transform: translate(-50%, -50%) scale(0.95);
        -moz-transform: translate(-50%, -50%) scale(0.95);
        -o-transform: translate(-50%, -50%) scale(0.95);
        transform: translate(-50%, -50%) scale(0.95);
        opacity: 1;
    }
    to {
        -webkit-transform: translate(-50%, -50%) scale(1);
        -moz-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
}





/* Header Menu Updated Codes Ends */









/* ---- Custom Css 22 April-2021 ---- */






body {
    transition: all linear 0.2s;
}
body.b-fixed {
    height: 100vh;
    overflow: hidden;
}


.header-frame { padding: 25px 0; -webkit-transition: all .3s ease; transition: all .3s ease;}
.header-frame.on-scroll { background-color: #fff; padding: 10px 0 0; box-shadow: 0 2px 40px 0 hsl(0deg 0% 6% / 5%);}
.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030;}
header .left-head span.logo{ float:left; width:100%; position:relative; z-index:1;}
header .left-head span.logo img { max-width: 210px;}
header .left-head span.logo .logo-02{ display:none; position:relative; z-index:1;}
.header-frame.on-scroll header .left-head span.logo .logo-01{ display:none;}
.header-frame.on-scroll header .left-head span.logo .logo-02{ display:block;}
header .right-head{ text-align:right; padding-top:10px; position: inherit;}
header .right-head .navbar { float:right; padding-top: 0; padding-bottom: 0; position: initial;}

header .right-head .navbar .navbar-toggler { box-shadow: none; border: 0; margin-top:14px; padding:0 0; width:35px; outline:none !important;}
header .right-head .navbar .navbar-toggler span{ float:left; width:100%; height:3px; background-image:none; background-color:#fff;}
header .right-head .navbar .navbar-toggler span + span{ margin-top:6px;}
.header-frame.on-scroll .right-head .navbar .navbar-toggler span{ background-color:#000;}
header .right-head .navbar ul.menu{ float:right;;}
header .right-head .navbar ul.menu > li { float:left; padding: 15px 1rem; text-transform: uppercase; font-size: 14px; font-weight: 600; font-family: 'Poppins', sans-serif; letter-spacing: 1px; color:#0EBEE3; height:90px;}
.header-frame.on-scroll header .right-head .navbar ul.menu > li{ height:80px;}
header .right-head .navbar ul.menu > li a{ color:#fff;}
header .right-head .navbar ul.menu > li:hover > a{ color:#0EBEE3;}
.header-frame.on-scroll header .right-head .navbar ul.menu > li > a{ color:#151B3F;}
.header-frame.on-scroll header .right-head .navbar ul.menu > li:hover > a{ color:#0EBEE3;}
header .right-head .navbar ul.menu > li.current-menu-item > a{ color:#0EBEE3;}
.header-frame.on-scroll header .right-head .navbar ul.menu > li.current-menu-item > a{ color:#0EBEE3;}
header .right-head .navbar ul.menu li .sub-menu{ display:none; position:absolute; left:0; width:100%; top:90px; padding:25px;}
header .right-head .navbar ul.menu li .sub-menu:before{ position:absolute; left:50%; transform:translateX(-50%); top:0; width:9999px; height:100%; background:#fff; content:''; z-index:-1; box-shadow:0 5px 5px #ccc;}
.header-frame.on-scroll header .right-head .navbar ul.menu li .sub-menu{ top:80px;}
header .right-head .navbar ul.menu li:hover .sub-menu{ display:grid; grid-template-columns: repeat(2, 1fr);}
header .right-head .navbar ul.menu li .sub-menu .sub-menu-item{ display:inline-grid;}
header .right-head .navbar ul.menu li .sub-menu .sub-menu-item span.img{ float:left; width:100%; text-align:center;}
header .right-head .navbar ul.menu li .sub-menu .sub-menu-item span.img img { width: 400px; max-width:100%;}
header .right-head .navbar ul.menu li .sub-menu .sub-menu-item ul.sub-list{ float:left; width:100%; text-align:left;}
header .right-head .navbar ul.menu li .sub-menu .sub-menu-item ul.sub-list li{ float:left; width:50%; padding:10px 15px; text-transform: uppercase; font-size: 14px; font-weight: 600; font-family: 'Poppins', sans-serif; letter-spacing: 1px; color:#0EBEE3;}
header .right-head .navbar ul.menu li .sub-menu .sub-menu-item ul.sub-list li:nth-of-type(2n+1){ clear:both;}
header .right-head .navbar ul.menu li .sub-menu .sub-menu-item ul.sub-list li a{ color:#333; line-height:19px;}
header .right-head .navbar ul.menu li .sub-menu .sub-menu-item ul.sub-list li a:hover{ color:#0EBEE3;}
header .right-head span.get-quote-btn{ float:right;}
header .right-head span.get-quote-btn a{ width: auto; height: auto; position: relative; display: inline-block; padding: 12px 70px 12px 20px; margin: 0; border-width: 1px; border-style: solid; border-radius:5px; cursor: pointer; outline: none; -webkit-backface-visibility: hidden; vertical-align: middle; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: normal; -webkit-box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); text-decoration: none; text-align: left; font-size: 1em; line-height: 22px; font-weight: 700; background-color: #fff; border-color: #e8eaee; color:#151B3F;}
header .right-head span.get-quote-btn a i{ width: 40px; height: 40px; display: inline-block; position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%);  transform: translateY(-50%); border-radius: 50%; font-size: inherit; text-align: center; display: inline-block; font-size: 16px; line-height: 40px; background-color:#0EBEE3; color: #151B3F;}
header .right-head span.get-quote-btn a:hover{ background-color: #0EBEE3; border-color: #142752; -webkit-transition: all .5s ease; transition: all .5s ease; color:#fff;}
header .right-head span.get-quote-btn a:hover i{ background-color:#fff; color: #0EBEE3; -webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards;}
.bnr-section-frame { background:url(../images/bnr-frame-bg.jpg) center center no-repeat; background-attachment:fixed; background-size:cover; position:relative;}
.bnr-section-frame:before{ position:absolute; left:0; top:0; width:100%; height:100%; content:''; background:rgba(21,27,63,0.7);}
.bnr-section-frame .innr-frame{ padding:10rem 0 12rem; background-image: url(../images/hero-bottom.png); /*-- background-color:#151B3F; --*/ background-repeat: no-repeat no-repeat; background-position:center bottom; position:relative;}
.bnr-section-frame .innr-frame span.bnr-img{ position:absolute; right:0; bottom:100px; width:50%; z-index:9; padding-right:50px; padding-left:70px;}
.bnr-section-frame .innr-frame span.bnr-img img{ width:100%;}
.bnr-section-box .left-box{ padding-top:50px; text-align:center;}
.bnr-section-box .left-box h1{ font-family: 'Poppins', sans-serif; font-size:44px; letter-spacing: 1px; line-height: 1.2; overflow: hidden; color: transparent;   -webkit-text-stroke-width: 1px; -webkit-text-stroke-color:#fff; text-transform:uppercase; padding-bottom:30px;}

.bnr-section-box .left-box .bnr-content h4 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 30px; line-height: 44px; color: #fed555; margin: 0 0 30px; font-weight:400;}
.bnr-section-box .left-box .bnr-content h2 { font-family: 'Open Sans', sans-serif; font-size: 40px; color:#fff; font-weight:400; margin-bottom:40px;}
.bnr-section-box .left-box .bnr-content h2 b{ font-weight:900;}
.bnr-section-box .left-box p{ font-family: 'Open Sans', sans-serif; position: relative; display: block; font-size: 14px; letter-spacing: 0.5px; line-height: 24px; font-weight: 400; color: #fff; margin-bottom:10px;}
.bnr-section-box .left-box ul.bnr-btn-list{ float:left; width:100%; padding-top:25px; text-align:center;}
.bnr-section-box .left-box ul.bnr-btn-list li{ float:none; display:inline-block;}
.bnr-section-box .left-box ul.bnr-btn-list li a{ float:left; position: relative; display: inline-block; padding: 10px 35px; margin: 0; border-width: 2px; border-style: solid; border-color:#0EBEE3; cursor: pointer; outline: none; -webkit-backface-visibility: hidden; vertical-align: middle; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: normal; -webkit-box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); text-decoration: none; text-align: left; font-size:16px; line-height: 22px; font-weight: 700; background-color: #fff; color:#151B3F;}
.bnr-section-box .left-box ul.bnr-btn-list li + li{ margin-left:15px;}
.bnr-section-box .left-box ul.bnr-btn-list li + li a{ background:#0EBEE3; border-color:#fff;}
.bnr-section-box .left-box ul.bnr-btn-list li a:hover{ background:none; color:#fff;}
.bnr-section-box .right-box img{ max-width: 450px; float: right; padding-top: 31px;}



.innr-bnr-frame { padding:120px 0 0; background: radial-gradient(circle, #151b3f, #1c2352, #232c65, #2b3579, #333e8d); }
.innr-bnr-frame h2 { font-family: 'Open Sans', sans-serif; font-size: 47px; color:#fff; font-weight:400; padding-bottom:15px;}
.innr-bnr-frame p{ font-family: 'Open Sans', sans-serif; font-size: 17px; line-height:30px; color:#fff; color:#eee; min-height:80px;}
.innr-bnr-box .left-box { padding-top:40px; padding-bottom:10px; min-height:250px;}
.innr-bnr-box .right-box span.img { max-height: 100%;}
.innr-bnr-box .right-box span.img img { height: 100%; max-width:300px; object-fit: contain;}
.abt-bnr-frame .innr-bnr-box .right-box img{ bottom:40px;}


 /*Services main box*/
.main-services-frame {
    position: fixed;
    top: 0;
	bottom:0;
    width: 100%;
    height: 100vh;
    display: none;
    z-index: 999999;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    background: transparent;
	overflow:auto;
}

.main-services-frame .custom-nav {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    background-color: transparent;
}

.main-services-frame .custom-nav .wb-develop {
    width: 25%;
    padding: 40px 35px 60px;
}

.main-services-frame .custom-nav .wb-develop {
    position: relative;
    -webkit-animation-name: animation-item;
    animation-name: animation-item;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    top: -100vh;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}


.main-services-frame .custom-nav .wb-develop.wb-design {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.main-services-frame .custom-nav .wb-develop.mb-develop {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.main-services-frame .custom-nav .wb-develop.dig-markt {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.main-services-frame .custom-nav.add_class .wb-develop {
    /*background: #e66b87;*/
    position: relative;
    -webkit-animation-name: animation-item-reverse;
    animation-name: animation-item-reverse;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    animation-direction: backwards;
}

.main-services-frame .custom-nav.add_class .wb-develop.web-develpment {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.main-services-frame .custom-nav.add_class .wb-develop.wb-design {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.main-services-frame .custom-nav.add_class .wb-develop.mb-develop {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.main-services-frame .custom-nav.add_class .wb-develop.dig-markt {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

/*Animation of search nav items starts here*/
@-webkit-keyframes animation-item {
    0% {
        top: -100vh
    }

    100% {
        top: 0;
    }
}

@keyframes animation-item {
    0% {
        top: -100vh
    }

    100% {
        top: 0;
    }
}

@-webkit-keyframes animation-item-reverse {
    0% {
        top: 0
    }

    100% {
        top: -100vh;
    }
}

@keyframes animation-item-reverse {
    0% {
        top: 0
    }

    100% {
        top: -100vh;
    }
}

.main-services-frame .custom-nav .wb-develop h3 a { font-size: 23px; color: #fff; text-transform: uppercase; font-weight: 700; margin-bottom: 5px; font-family: 'Open Sans', sans-serif;
}

.main-services-frame .custom-nav .wb-develop p {
    font-size: 15px;
    color: #fff;
    min-height: 105px;
    font-weight: 400;
    letter-spacing: 0.2px;

}

.main-services-frame .custom-nav .wb-develop ul li {
    margin-bottom: 3px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 25px;
    font-family: 'Open Sans', sans-serif;
}

.main-services-frame .custom-nav .wb-develop ul li:before {
    position: absolute;
    content: "";
    background: url(../images/cursor.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    width: 13px;
    height: 12px;
    left: 0;
    transform: rotate(133deg);
    top: 6px;
}

.main-services-frame .custom-nav .wb-develop ul li a {
    color: #fff;
    cursor: pointer;
    opacity: 0.8;
}

.search-item .custom-nav .wb-develop ul li a:hover {
    opacity: 1
}

.main-services-frame.custom-nav .wb-develop ul li a svg {
    fill: #fff;
    width: 15px;
    height: 15px;
    transform: rotate(132deg);
    margin-right: 9px;
}


.main-services-frame .custom-nav .wb-develop figure {
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    text-align: center;
}

.main-services-frame .custom-nav .wb-develop figure img {
    width: 100%;
    max-width: 100px;
}

.main-services-frame .custom-nav .cross {
    position: absolute;
    z-index: 9;
    right: 10px;
    top: 5px;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.main-services-frame .custom-nav .wb-develop {
    background-size: cover;
    background-position: 62%, center center;
    position: relative
}

.main-services-frame .custom-nav .wb-develop.wb-design {
    background-size: cover;
    background-position: center center;
    position: relative
}

.main-services-frame .custom-nav .wb-develop.mb-develop {
    background-size: cover;
    background-position: center center;
    position: relative
}

.main-services-frame .custom-nav .wb-develop.dig-markt {
    background-size: cover;
    background-position: center center;
    position: relative
}

.main-services-frame .custom-nav .wb-develop.mb-develop:before,
.main-services-frame .custom-nav .wb-develop.wb-design:before,
.main-services-frame .wb-develop.web-develpment:before,
.main-services-frame .custom-nav .wb-develop.dig-markt:before {
    position: absolute;
    content: "";
    background: rgba(21, 27, 63, 0.9);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}

.main-services-frame .custom-nav .wb-develop h3,
.main-services-frame .custom-nav .wb-develop p {
    z-index: 1;
    position: relative;
    margin-bottom: 20px;
}



.ser-frame {
    position: relative;
    padding: 120px 0px 90px;
    /*-- background: #fff url(../images/ser-frame-bg.png) center top repeat; --*/
    color: #000;
}
.ser-box .sec-title {
    margin-bottom: 30px;
}
.ser-box .sec-title  h2 {
    position: relative;
    display: block;
    font-size: 70px;
    line-height: 0.9em;
    text-transform: uppercase;
    font-family: 'Teko', sans-serif;
    font-weight: 400;
    margin-bottom: 0px;
	color: #333;
}
.ser-box .sec-title .lower-text {
	position: relative;
    display: block;
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height:24px;
    font-weight: 400;
    padding: 30px 0px 0px;
    color: #333;	
}
.ser-box .innr-ser-block {
    counter-increment: slides-num;
    position: relative;
    margin-bottom: 30px;
}
.ser-box .innr-ser-block .inner-box {
    position: relative;
    display: block;
    padding: 50px 25px;
    background: #eee;
    min-height: 100%;
    overflow: hidden;
    transition: all 500ms ease;
    
    
}
/*--.ser-box .innr-ser-block .inner-box:before {
    content: "0"counter(slides-num) "";
    position: absolute;
    left: 25px;
    top: 50px;
    font-size: 50px;
    line-height: 1em;
    color: #000;
    opacity: 0.17;
    font-family: 'Teko', sans-serif;
    font-weight: 300;
}--*/
.ser-box .innr-ser-block .inner-box .bottom-curve {
    position: absolute;
    right: -70px;
    bottom: 0;
    width: 100px;
    height: 80%;
    background:#eee;
    opacity: 0.2;
    z-index: 0;
    transform: skewX(0deg) scaleX(0);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.ser-box .innr-ser-block .inner-box .icon-box {
    position: absolute;
    left:50%;
	transform:translateX(-50%);
    top: 50px;
    color: #151B3F;
    font-size: 64px;
    line-height: 1em;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.ser-box .innr-ser-block .inner-box h6 {
	font-family: 'Teko', sans-serif;
    position: relative;
    margin: 0;
    margin-top: 90px;
    font-size:25px;
    text-transform: uppercase;
    color: #333;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.2em;
	text-align:center;
}
.ser-box .innr-ser-block .inner-box h6 a {
    color: #333;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}


.ser-box .innr-ser-block .inner-box:hover {
    background: #151B3F;
}
.ser-box .innr-ser-block .inner-box:hover:before, 
.ser-box .innr-ser-block .inner-box:hover .count, 
.ser-box .innr-ser-block .inner-box:hover h6, 
.ser-box .innr-ser-block .inner-box:hover h6 a {
    color: #fff;
}
.ser-box .innr-ser-block .inner-box:hover .bottom-curve {
    transform: skewX(-35deg) scaleX(1);
}
.ser-box .innr-ser-block .inner-box:hover .icon-box {
    color: #fff;
}
.ser-box .innr-ser-block .inner-box:hover h6 a{ text-decoration:underline;}


.about-frame {
    background: radial-gradient(circle, #151b3f, #1c2352, #232c65, #2b3579, #333e8d);
	/*-- background-color:#151B3F; --*/
	padding:100px 0;
}
.about-box h2{ position: relative; display: block; font-size:40px; line-height:1.1; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #fff; padding-bottom:15px;}
.about-box p{
	position: relative;
    display: block;
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #fff;
	margin-bottom:20px;
}
.about-box .left-box img{ border:5px solid #fff; border-radius:10px;}
.about-box .info-box img:first-child {
    margin: 0 20px 0 0;
}
.about-box .info-box img:last-child {
    margin: 0 0 0 20px;
}
.about-box .info-box h6{ font-family: 'Poppins', sans-serif; font-size:18px; color:#fff; font-weight:700;}
.about-box .info-box p{ margin-bottom:0;}


.about-box .right-box > img{ margin-bottom:50px;}
.abt-accordion.accordion > .card {
    border: 0;
    border-radius: 0;
	background-color: transparent;
}
.abt-accordion .card-header {
    padding: 0;
    margin: 5px
    border: 0;
    border-radius: 0;
	background-color: #fff;
}
.abt-accordion .card-header:first-child, 
.abt-accordion.accordion > .card:not(:first-of-type) .card-header:first-child {
    padding: 0;
    margin: 5px;
    display: block;
    -webkit-box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 10%);
    box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 10%);
    border-radius: 5px;
    border-color: #e8eaee;
}
.abt-accordion .card-header h2{ padding-bottom:0; font-family: 'Poppins', sans-serif; font-size: 2.176em; line-height: 1.3em;}
.abt-accordion .card-header .btn.btn-link {
    position: relative;
    width: 100%;
    padding: 12px 40px 12px 20px;
    margin: 0;
    border: 0;
    text-decoration: none;
    text-transform: none;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
	color: #142752;
}
.abt-accordion .card-body {
    padding:22px;
    background: #fff;
    border-radius: 5px;
    margin: 5px;
	position: relative;
    display: block;
	font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 26px;
    font-weight: 400;
    color: #000;
}
/*--.abt-accordion .btn.btn-link:after {
    font-family:'FontAwesome';
    content: "\f102";
    font-size:24px;
    line-height: 25px;
    font-weight: normal;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -12px;
}
.abt-accordion  .btn.btn-link.collapsed:after {    
    content:"\f103"
}--*/

.port-frame{ padding:100px 0;}
.port-box h2{  position: relative; display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #333; text-align:center;}
.port-box p{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 2.125em; font-weight: 700; padding: 20px 0px 50px; color: #555; text-align:center;}

.port-box .button-group .button {
  display: inline-block;
  padding: 0.5em 1.0em;
  -webkit-box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 10%);
	box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 10%);
	border-color: #e8eaee;
  background: #ffffff;
  font-family: sans-serif;
  font-size: 16px;
  cursor: pointer;
  border: 1px solid #e8eaee;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  min-width:80px;
  margin-bottom:15px;
}
.port-box .button-group .button + .button{ margin-left:10px;}
.port-box .button-group .button:focus{ outline:none;}
.port-box .grid article {
  background-color: #FFFFFF;
  padding:15px;
  width:33.3%;
  position:static !important;
}
.port-slider.slick-slider{ height:auto !important; padding:0 35px;}

.port-box .grid article .innr-box{
	position:relative;
    z-index: 0;
	border:4px solid #131a44;
	border-radius:10px;
	overflow:hidden;
}

.port-box .grid article .innr-box > a{
	display:block;
    position: relative;
    overflow: hidden;  
	height:100%;  
}
.port-box .grid article .innr-box > a img {
  display: block;
  max-width: 100%;
  position:relative;
  transition: all 0.3s ease 0s;
  top:0;
}
.port-box .grid article .innr-box:hover > a img {
  opacity: 1;
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    top: -115px;
  transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}


.port-box .grid article .innr-box .text {
    height: auto;
    position: absolute;
    opacity: 0;
    padding: 32px;
    bottom: -101px;
    font-size: 14px;
    left: 0;
    color: #000;
    opacity: 0;
    visibility: hidden;
	z-index:99;
	width:100%;
	transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
	text-align:center;
}
.port-box .grid article .innr-box:hover .text {
    bottom: 0;
    opacity: 1;
    visibility: visible;
	transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.port-box .grid article .innr-box .text span {
	font-family: 'Open Sans', sans-serif;
    color: #939393;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
.port-box .grid article .innr-box .text h3 {
	 font-family: 'Poppins', sans-serif; 
    font-size: 18px;
    font-weight: 600;
	color:#232323;
	padding-top:7px;
	text-transform:uppercase;
	letter-spacing:1px;
}
.port-box .grid article .innr-box .text h3 a{ color:#232323;}



.port-slider .slick-prev:before,
.tech-slider .slick-prev:before{
	content:"\f053";
	font-family:'FontAwesome';
	color:#000;
	font-size:30px;
}

.port-slider .slick-next:before,
.tech-slider .slick-next:before{
	content:"\f054";
	font-family:'FontAwesome';
	color:#000;
	font-size:30px;
}





@media (max-width: 1024px) {
  .grid article {
    width: 31.3%;
  }
}

@media (max-width: 767px) {
  .grid article {
    width: 48%;
  }
}

@media (max-width: 479px) {
  .grid article {
    margin: 2% 0;
    width: 100%;
  }
}



.blog-frame {
    position: relative;
    padding: 120px 0px 90px;
}
.blog-box h2{ display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #333; text-align:center; margin-bottom:50px;}
.blog-box .news-block { position: relative; margin-bottom: 30px;}
.blog-box .news-block .inner-box {
    position: relative;
    display: block;
    text-align: center;
}
.blog-box .news-block .inner-box .image-box {
    position: relative;
    display: block;
    overflow: hidden;
}
.blog-box .news-block .inner-box .image-box img {
    display: block;
    width: 100%;
    -webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    transition: all 500ms ease;
    border-radius: 7px;
}
.blog-box .news-block .text-box {
    position: relative;
    padding: 0px 5px 0px;
}
.blog-box .news-block .post-meta {
    position: relative;
    top: -27px;
    margin: 0 10px -3px;
}
.blog-box .news-block .post-meta ul {
    position: relative;
    display: block;
    padding:13px 5px 3px;
    background: #ffffff;
    border-radius: 7px;
    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 5%);
}
.blog-box .news-block .post-meta ul li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 10px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif; 
}
.blog-box .news-block .post-meta ul li .fa {
    position: relative;
    color: #586091;
    font-size: 17px;
    padding-right: 3px;
    vertical-align: middle;
}
.blog-box .news-block .text-box h3 { display: block; font-size:32px; line-height:35px; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #333; text-align:center;}
.blog-box .news-block .text-box h3 a{ color:#333;}
.blog-box .news-block .text-box .text{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 2.125em; font-weight: 400; padding: 20px 0px 10px; color: #333; text-align:center;}
.blog-box .news-block .text-box .link-box {
    position: relative;
    margin-top: 20px;
}
.blog-box .news-block .text-box .link-box a {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    background: #d3d3d4;
    border-radius: 50%;
}
.blog-box .news-block .text-box .link-box a i {
    font-weight: 700;
    vertical-align: middle;
}

.blog-box a.view-more-btn{
	float: none;
    position: relative;
    display: inline-block;
    padding: 10px 35px;
    margin: 0;
    border-width: 2px;
    border-style: solid;
    border-color: #0EBEE3;
    cursor: pointer;
    outline: none;
    -webkit-backface-visibility: hidden;
    vertical-align: middle;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    white-space: normal;
    -webkit-box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%);
    box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%);
    text-decoration: none;
    text-align: left;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    background-color:#0EBEE3;
    color: #fff;
}
.blog-box .bot-btn-box{ float:left; width:100%; text-align:center; padding-top:50px;}
.blog-box a.view-more-btn:hover {
    background: none;
	color:#151B3F;
}


.test-frame{ position: relative; padding: 100px 0px 80px; background: radial-gradient(circle, #151b3f, #1c2352, #232c65, #2b3579, #333e8d); /*-- background-color:#151B3F; --*/}
.test-box h2{ display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #fff; text-align:center; margin-bottom:50px;}
.test-box .slick-track{ display:flex;}
.test-box .slick-slide{ height:inherit;}
.test-box .testimonial-slider.slick-initialized .slick-slide{ display: inline-flex;}
.test-box .slick-slide > div{ padding:50px 15px 0;}
.test-box .testimonial-slider{ padding:0 30px;}
.test-box .testimonial{
    text-align: left;
    position: relative;
    background:#fff;
    box-shadow: 0 0 5px #ddd;
    border-radius: 8px;
    height:100%;
}
.test-box .testimonial .description{
    padding:10px 20px;
    font-size: 14px;
    color: #000;
	letter-spacing:0.7px;
    line-height: 1.8em;
	font-weight: 400;
    position: relative;
	font-family: 'Open Sans', sans-serif;
}
.test-box .testimonial .title{
	font-family: 'Poppins', sans-serif;
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #142752;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 15px 0;
    padding:0 20px;
    position: relative;
}
.test-box .testimonial .pic{
    display: inline-block;
    width: 100px;
    height: 100px;
    position: relative;
    background: #fff;
    padding: 5px;
    border-radius: 50px;
    margin-top: -50px;
}
.test-box .testimonial .pic img{
    width: 100%;
    height: 100%;
    border-radius: 50px;
    margin-top: -2px;
}
.test-box .owl-theme .owl-controls{ margin-top: 0; }
.test-box .owl-theme .owl-controls .owl-page span{
    width: 10px;
    height: 10px;
    border-radius: 0;
    background: #fff;
    outline: 2px solid #fff;
    outline-offset: 2px;
    margin-right: 8px;
    opacity: 0.7;
    transition: all 0.3s ease 0s;
}
.test-box .owl-theme .owl-controls .owl-page.active span{
    background: #1d9eb9;
    outline: 2px solid #1d9eb9;
}

.testimonial-slider .slick-prev:before{
	content:"\f053";
	font-family:'FontAwesome';
	color:#fff;
	font-size:30px;
}

.testimonial-slider .slick-next:before{
	content:"\f054";
	font-family:'FontAwesome';
	color:#fff;
	font-size:30px;
}

.test-box .read_more_btn{ float:left; width: 100%; text-align:center; margin-top: 40px;}
.test-box .read_more_btn a { float:none; position: relative; display: inline-block; padding: 10px 35px; margin: 0; border-width: 2px; border-style: solid; border-color: #fff; cursor: pointer; outline: none; -webkit-backface-visibility: hidden; vertical-align: middle; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: normal; -webkit-box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); text-decoration: none; text-align: left; font-size: 15px; line-height: 22px; font-weight: 600; background-color: #151B3F; color: #fff; border-radius: 6px;}
.test-box .read_more_btn a:hover { background:  #fff; color: #151B3F;}

.need-a-website button.sap-btn-dark{ float: left; position: relative; display: inline-block; padding:14px 35px; margin: 0; border-width: 2px; border-style: solid; border-radius: 0; border-color: #0EBEE3; cursor: pointer; outline: none; -webkit-backface-visibility: hidden; vertical-align: middle; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: normal; -webkit-box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); text-decoration: none; text-align: left; font-size: 16px; line-height: 22px; font-weight: 700; background-color: #fff; color: #151B3F;}
.need-a-website button.sap-btn-dark:hover{ background-color:#151B3F; color:#fff; border-color:#0EBEE3;}


.cntct-frame-02{ border-top: 1px solid #ddd; background: #fafafa; border-bottom: 1px solid #ddd;} 
.cntct-box .left-cntct-box{ float:left; padding:50px;}
.cntct-box .left-cntct-box h2{ display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #000; margin-bottom:10px;}
.cntct-box .left-cntct-box p{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size:35px; line-height: 2.125em; font-weight: 400; padding: 0 0px 10px; color: #777;}
.cntct-box .left-cntct-box form{ float:left; width:100%;}
.cntct-box .left-cntct-box form ul.form-list{ float:left; width:100%;}
.cntct-box .left-cntct-box form ul.form-list > li{ float:left; width:100%;}
.cntct-box .left-cntct-box form ul.form-list > li + li{ margin-top:20px;}
.cntct-box .left-cntct-box form ul.form-list > li span.text{ float:left; width:100%;}
.cntct-box .left-cntct-box form ul.form-list > li span.text input{ border: 1px solid rgba(0, 0, 0, 0.1); height:45px; border-radius:0; padding:0 15px;}
.cntct-box .left-cntct-box form ul.form-list > li span.textarea{ float:left; width:100%;}
.cntct-box .left-cntct-box form ul.form-list > li span.textarea textarea{ float:left; width:100%; height:150px; border-radius:0; padding:10px 15px;}
.cntct-box .left-cntct-box form ul.form-list > li span.sub-btn input{ float: left; position: relative; display: inline-block; padding:14px 35px; margin: 0; border-width: 2px; border-style: solid; border-radius:0; border-color: #0EBEE3; cursor: pointer; outline: none; -webkit-backface-visibility: hidden; vertical-align: middle; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: normal; -webkit-box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); text-decoration: none; text-align: left; font-size: 16px; line-height: 22px; font-weight: 700; background-color: #fff; color: #151B3F;}
.cntct-box .left-cntct-box form ul.form-list > li span.sub-btn input:hover{ background-color:#151B3F; color:#fff;}
.cntct-box .left-cntct-box form ul.form-list > li ul.sub-list{ float:left; width:100%;}
.cntct-box .left-cntct-box form ul.form-list > li ul.sub-list li{ float:left; width:50%; padding-right:10px;}
.cntct-box .left-cntct-box form ul.form-list > li ul.sub-list li + li{ padding-right:0; padding-left:10px;}
.cntct-box .right-cntct-box{ float:right; width:50%; padding:50px; background: radial-gradient(circle, #151b3f, #1c2352, #232c65, #2b3579, #333e8d); /*-- background-color:#151B3F; --*/ position:relative;}
.cntct-box .right-cntct-box span.map{ float:left; width:100%; height:100%;}
.right-cntct-box span.map-img { float: left; height: 100%; width: 100%; text-align: center; vertical-align: middle;}
.right-cntct-box span.map-img img { position: relative; top: 50%; transform: translateY(-50%);}
.cntct-box .right-cntct-box h2{ display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #333; margin-bottom:10px;}
.cntct-box .right-cntct-box p{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 2.125em; font-weight: 400; padding: 0 0px 10px; color: #777;}
.cntct-box .right-cntct-box h4{ display: block; font-size:18px; line-height: 0.9em; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-weight: 400; margin-bottom: 0px; color: #333; margin-bottom:15px;}
.cntct-box .right-cntct-box div.cntct-add-box{ margin-bottom:30px;}
.cntct-box .right-cntct-box div{ display: block; line-height: 30px;}
.cntct-box .right-cntct-box div a { color: #333; font-weight: 400; transition: all .3s ease-in-out;}






.cntct-add-info{ position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.6); padding:30px 20px 20px;}
.cntct-add-info .innr-box { display: flex !important; justify-content: center; flex-wrap: wrap; width: 100%;}
.cntct-add-info .innr-box .cntct-add-info-details {
    display: flex;
    flex: 0 0 50%;
    flex-direction: row;
    padding: 0px 15px;
    margin-bottom: 20px;
    max-width:50%;
}
.cntct-add-info .innr-box .cntct-add-info-details i {
    font-size: 40px;
    color: #fff;
}
.cntct-add-info .innr-box .cntct-add-info-details .cntct-add-details-info {
    margin-left: 20px;
}

.cntct-add-info .innr-box .cntct-add-info-details .cntct-add-details-info .cntct-add-deatils-heading {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    margin-top: 0;
	font-family: 'Poppins', sans-serif;
}
.cntct-add-info .innr-box .cntct-add-info-details .cntct-add-details-info .cntct-add-details-description {
    font-size:14px;
    line-height: 20px;
    color: #fff;
    margin: 0;
	font-family: 'Open Sans', sans-serif;
}


.cntct-frame-02 .right-cntct-box .cntct-add-info{ position:static; background:none; padding:0 0;}
.cntct-frame-02 .right-cntct-box .cntct-add-info .innr-box .cntct-add-info-details { display: flex; flex: 0 0 100%; flex-direction: row; padding: 0px 15px; margin-bottom:40px; max-width: 100%;}
.cntct-frame-02 .right-cntct-box .cntct-add-info .innr-box .cntct-add-info-details .cntct-add-details-info .cntct-add-deatils-heading{ font-size:20px; line-height:25px;}
.cntct-frame-02 .cntct-add-info-details .cntct-add-details-info .contact-details-description{ margin-bottom:0; padding-bottom:0; color:#fff; font-size: 14px; letter-spacing: 0.8px;}
.cntct-frame-02 .cntct-add-info-details .cntct-add-details-info .contact-details-description i{ font-size: 16px; margin-right:3px;}

.cntct-frame .map-box{ padding:50px; border-top:1px solid #ddd;}
.cntct-frame .map-box span.map-img{ float:left; text-align:center; width:100%;}


.cntct-info-frame{ padding:70px 0;}
.cntct-info-box ul.cntct-info-list{ float:left; width:100%}
.cntct-info-box ul.cntct-info-list li{ float:left; width:33.33%; text-align:center; padding:0 15px;}
.cntct-info-box ul.cntct-info-list li span.icon{ float:left; width:100%; text-align:center;}
.cntct-info-box ul.cntct-info-list li span.icon i{ font-size:35px; margin-bottom:7px;}
.cntct-info-box ul.cntct-info-list li h3{ font-family: 'Open Sans', sans-serif; font-size:20px; color:#555;}





.need-a-website span.get-quote-btn{ float:right;}
.need-a-website span.get-quote-btn a{ width: auto; height: auto; position: relative; display: inline-block; padding:12px 55px 12px 15px; margin: 0; border-width: 1px; border-style: solid; border-radius:5px; cursor: pointer; outline: none; -webkit-backface-visibility: hidden; vertical-align: middle; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: normal; -webkit-box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); text-decoration: none; text-align: left; font-size: 1em; line-height: 22px; font-weight: 700; background-color: #fff; border-color: #e8eaee; color:#151B3F;}
.need-a-website span.get-quote-btn a i{ width: 40px; height: 40px; display: inline-block; position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%);  transform: translateY(-50%); border-radius: 50%; font-size: inherit; text-align: center; display: inline-block; font-size: 16px; line-height: 40px; background-color:#0EBEE3; color: #151B3F;}
.need-a-website span.get-quote-btn a:hover{ background-color: #0EBEE3; border-color: #142752; -webkit-transition: all .5s ease; transition: all .5s ease; color:#fff;}
.need-a-website span.get-quote-btn a:hover i{ background-color:#fff; color: #0EBEE3; -webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards;}



.tech-knwn-frame{ background: radial-gradient(circle, #151b3f, #1c2352, #232c65, #2b3579, #333e8d); padding: 100px 0;}
.tech-knwn-box h2{  position: relative; display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #fff; text-align:center;}
.tech-knwn-box p{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 2.125em; font-weight: 400; padding: 20px 0px 50px; color: #fff; text-align:center;}
.tech-knwn-box ul.tech-knwn-list { display: flex; flex-wrap: wrap; justify-content:center;}
.tech-knwn-box ul.tech-knwn-list li { padding:15px 6px; flex:0 0 15%;}
.tech-knwn-box ul.tech-knwn-list li .innr-box { text-align: center; border-radius: 5px; padding: 5px 5px 10px!important; font-weight: 700; font-size: 14px; color: #525252; display: flex; flex-direction: column; align-items: center; justify-content:center;;}
.tech-knwn-box ul.tech-knwn-list li .innr-box span.img{ display:inline-flex !important; width:90px; height:90px; background:#fff; border-radius:50%; margin-bottom:10px; align-items: center;}
.tech-knwn-box ul.tech-knwn-list li .innr-box img{ width:100%;}
.tech-knwn-box ul.tech-knwn-list li .innr-box h4 { font-size: 17px; font-weight: 600; color:#fff;}





.indus-frame{ padding:100px 0; border-top:1px solid #ddd; background:#fafafa;}
.indus-box h2{  position: relative; display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #333; text-align:center;}
.indus-box .indus-slider{ height:auto !important; padding:0 35px; margin; margin-top:80px;}
.indus-box .grid article { padding: 15px 15px; position: static !important;}
.indus-box .grid article span.img{ float:left; width:100%; text-align:center; margin-bottom:20px;}
.indus-box .grid article span.img img{ float:none; display:inline-block;}
.indus-box .grid article h3{ float:left; width:100%; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 600; color: #142752; margin-bottom: 15px; text-align: center;}

.indus-box .slick-prev{ left:0 !important;}
.indus-box .slick-next{ left:auto; right:0 !important;}
.indus-box .indus-slider .slick-prev:before{ content:"\f053"; font-family:'FontAwesome'; color:#131a44; font-size:30px;}
.indus-box .indus-slider .slick-next:before{ content:"\f054"; font-family:'FontAwesome'; color:#131a44; font-size:30px;}





.foot-frame{  background: radial-gradient(circle, #151b3f, #1c2352, #232c65, #2b3579, #333e8d); /*-- background-color:#151B3F; --*/}
.foot-frame footer{ background:none; padding-bottom:0;}
.foot-frame footer h3{ display: block; font-size:18px; line-height: 0.9em; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-weight: 400; margin-bottom: 0px; color: #fff; margin-bottom:25px;}
.foot-frame footer .left-foot span.foot-logo{ float:left; width:100%; margin-bottom:40px;}
.foot-frame footer .left-foot span.foot-logo svg{ max-width:100%;}

.foot-frame footer .left-foot span.foot-logo img{ max-width:100%;}
.foot-frame footer .left-foot ul.social-list{  float:left; width:100%;}
.foot-frame footer .left-foot ul.social-list li{ float:left;}
.foot-frame footer .left-foot ul.social-list li + li{  margin-left:15px;}
.foot-frame footer .left-foot ul.social-list li i{ font-size:22px;}
.foot-frame footer ul.foot-menu{ float:left; width:100%;}
.foot-frame footer ul.foot-menu li{ float:left; width:100%;}
.foot-frame footer ul.foot-menu li + li{ margin-top:4px;}
.foot-frame footer .right-foot .widget{ display:none;} 
.foot-frame footer .right-foot .widget_newsletterwidgetminimal{ display:block;}
.foot-frame footer .right-foot p{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height:25px; font-weight: 400; padding: 0 0px 10px; color: #eee;}
.foot-frame footer .right-foot input[type=email]{ float: left; width:100%; position: relative; display: inline-block; padding:8px 20px; margin: 0; border-width: 2px; border-style: solid; border-radius: 150px; border-color: #0EBEE3; cursor: pointer; outline: none; -webkit-backface-visibility: hidden; vertical-align: middle; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: normal; -webkit-box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); text-decoration: none; text-align: left; font-size: 16px; line-height: 22px; font-weight: 700; background-color: #fff; color: #151B3F;}
.foot-frame footer .right-foot input[type=submit]{ float: left; position: relative; display: inline-block; padding:10px 20px; margin: 0; border-width: 2px; border-style: solid; border-radius: 150px; border-color: #fff; cursor: pointer; outline: none; -webkit-backface-visibility: hidden; vertical-align: middle; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: normal; -webkit-box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); text-decoration: none; text-align: left; font-size: 16px; line-height: 22px; font-weight: 700; background-color:#0EBEE3; color: #151B3F; margin-top:15px;}
.foot-frame footer .right-foot input[type=submit]:hover{ background:none; color:#fff; border-color: #0EBEE3;}

.foot-frame footer .foot-footnote {
    float: left;
    width: 100%;
    margin-top: 80px;
    padding: 15px 15px;
    border-top: 1px solid #fff;
}

#quotes-modal2 .modal-dialog{ max-width:800px;}
#quotes-modal2 .modal-dialog .modal-body{ padding:0;}

#quotes-modal .modal-dialog{ max-width:800px;}
#quotes-modal .modal-dialog .modal-body{ padding:0;}
.quotes-innr-box .left-box{ float:left; width:50%; background:#151B3F; padding:50px 30px;}
.quotes-innr-box .left-box h3{ display: block; font-size:18px; line-height: 0.9em; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-weight: 400; margin-bottom: 0px; color: #fff; margin-bottom:25px;}
.quotes-innr-box .left-box p{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 2.125em; font-weight: 400; padding: 0 0px 10px; color: #eee;}
.quotes-innr-box .right-box{ float:left; width:50%; padding:50px 30px}
.quotes-innr-box .right-box h2{ display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #333; margin-bottom:10px;}
.quotes-innr-box .right-box p{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 2.125em; font-weight: 400; padding: 0 0px 10px; color: #333;}
.quotes-innr-box .right-box form{ float:left; width:100%;}
.quotes-innr-box .right-box form ul.form-list{ float:left; width:100%;}
.quotes-innr-box .right-box form ul.form-list > li{ float:left; width:100%;}
.quotes-innr-box .right-box form ul.form-list > li + li{ margin-top:15px;}
.quotes-innr-box .right-box form ul.form-list > li span.text{ float:left; width:100%;}
.quotes-innr-box .right-box form ul.form-list > li span.text input{ border: 1px solid rgba(0, 0, 0, 0.1); height:40px; border-radius:5px; padding:0 15px;}
.quotes-innr-box .right-box form ul.form-list > li span.textarea{ float:left; width:100%;}
.quotes-innr-box .right-box form ul.form-list > li span.textarea textarea{ float:left; width:100%; height:150px; border-radius:5px; padding:10px 15px;}
.quotes-innr-box .right-box form ul.form-list > li span.sub-btn{ float:left; width:100%;}
.quotes-innr-box .right-box form ul.form-list > li span.sub-btn input{ float: left; width:100%; position: relative; display: inline-block; padding:10px 35px; margin: 0; border-width: 2px; border-style: solid; border-radius:150px; border-color: #0EBEE3; cursor: pointer; outline: none; -webkit-backface-visibility: hidden; vertical-align: middle; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: normal; -webkit-box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); text-decoration: none; text-align: center; font-size: 16px; line-height: 22px; font-weight: 700; background-color:#0EBEE3; color: #151B3F;}
.quotes-innr-box .right-box form ul.form-list > li span.sub-btn input:hover{ background-color:#151B3F; color:#fff;}
.quotes-innr-box .right-box form ul.form-list > li ul.sub-list{ float:left; width:100%;}
.quotes-innr-box .right-box form ul.form-list > li ul.sub-list li{ float:left; width:50%; padding-right:10px;}
.quotes-innr-box .right-box form ul.form-list > li ul.sub-list li + li{ padding-right:0; padding-left:10px;}
.quotes-innr-box button.close { position: absolute; top: 10px; right: 10px; font-size:40px; line-height: 30px;}





.innr-ser-frame{ padding:80px 0;}
.innr-ser-box h2 { position: relative; display: block; font-size:30px; line-height:35px; font-family: 'Poppins', sans-serif; margin-bottom: 0px; color: #333; text-align: center; padding:0 140px;}
.innr-ser-box ul.innr-ser-list{ float:left; width:100%;}
.innr-ser-box ul.innr-ser-list > li{ float:left; width:100%; margin-top:0;}
.innr-ser-box ul.innr-ser-list > li + li{ margin-top:80px;}
.innr-ser-box ul.innr-ser-list > li .innr-box{ float:left; width:100%;  background: radial-gradient(circle, #151b3f, #1c2352, #232c65, #2b3579, #333e8d); position:relative; padding-right:260px; border-radius:5px;}
.innr-ser-box ul.innr-ser-list > li .innr-box .text-box{ float:left; width:100%; padding:40px 25px;}
.innr-ser-box ul.innr-ser-list > li .innr-box .text-box h3 { font-family: 'Poppins', sans-serif; font-size: 25px; color: #fff; text-transform: uppercase; margin-bottom: 25px;}
.innr-ser-box ul.innr-ser-list > li .innr-box .text-box p { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.8; font-weight: 400;  color: #fff;}
.innr-ser-box ul.innr-ser-list > li .innr-box span.img{ background: #fff; position: absolute; right: -50px; width:300px; height:300px; top: -50px; border: 5px solid #1c2352; border-radius: 50%; padding:15px; overflow:hidden;}
.innr-ser-box ul.innr-ser-list > li .innr-box span.img img{ float: left; width: 100%; text-align: center; top: 50%; position: relative; transform: translateY(-50%);}
.innr-ser-box ul.innr-ser-list > li:nth-child(even) .innr-box{ padding-right:0; padding-left:260px;}
.innr-ser-box ul.innr-ser-list > li:nth-child(even) .innr-box span.img{ right:auto; left:-50px;}

.innr-ser-box ul.innr-ser-list > li .innr-box .text-box h4 { font-family: 'Poppins', sans-serif; font-size:18px; color: #fff; margin-bottom:15px; margin-top:10px;}

.innr-ser-box ul.innr-ser-list > li ul.innr-list{ float:left; width:100%; padding-left:20px;}
.innr-ser-box ul.innr-ser-list > li ul.innr-list li{ float:left;  width:100%; font-family: 'Open Sans', sans-serif; font-size:16px; color:#fff; line-height:22px; position:relative; padding-left:20px;}
.innr-ser-box ul.innr-ser-list > li ul.innr-list li + li{ margin-top:12px;}
.innr-ser-box ul.innr-ser-list > li ul.innr-list li:before{ position:absolute; left:0; top:2px; content:"\f00c"; font-size:16px; color:#fed555; font-family:fontAwesome;}


.blog-frame-02 {  padding-top:100px; padding-bottom: 100px;}
.blog-frame-02 .blog-pagination{ float:left; width:100%;}
.blog-box-02{ float:left; width:100%; position:relative; padding-top:120px; padding-bottom:100px;}
.blog-box-02 .strt-year { position: absolute; left: 50%; top:0; margin-left: -33px; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; width: 66px; height: 66px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; background-color: #131a44; color: #ffffff; padding-top: 20px; margin-bottom: 20px; box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 15%); -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 15%);}
.blog-box-02 .strt-year h2{ font-family: 'Poppins', sans-serif; font-size:22px; line-height:22px; margin-bottom:0;}
.blog-box-02:before { content: ''; position: absolute; top: 0; left: 50%; margin-left: -2px; height: 100%; width: 4px; background:#131a44; opacity: 0.9;}
.blog-box-02 .more-arr-down { position: absolute; left: 50%; top:auto; bottom:0; margin-left: -33px; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; width: 66px; height: 66px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; background-color: #131a44; color: #ffffff; padding-top: 22px; box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 15%); -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 15%);}
.blog-box-02 .more-arr-down a{ color:#fff;}
.blog-box-02 .more-arr-down i{ font-size:25px;}
.blog-box-02 ul.blog-list{ float:left; width:100%; position:relative;}
.blog-box-02 ul.blog-list > li{ float:left; width:100%; margin-bottom:50px;}
.blog-box-02 ul.blog-list > li .innr-box{ float:left; width:100%; position:relative;}
.blog-box-02 ul.blog-list > li .innr-box .author-img { display: inline-block; position: absolute; left: 50%; top: 75px; margin-left: 50px; display:none;}
.blog-box-02 ul.blog-list > li .innr-box .author-img img{ box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 15%); -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 15%); border-radius: 0% 100% 100% 100%; width: 150px; height: 150px;}
.blog-box-02 ul.blog-list > li .innr-box .blog-date { position: absolute; left: 50%; top:15px; margin-left: -33px; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; width: 66px; height: 66px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; border:4px solid #131a44; background:#fff; color: #000; padding-top:8px; margin-bottom: 20px; box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 15%); -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 15%);}
.blog-box-02 ul.blog-list > li .innr-box .blog-date h2{ font-family: 'Poppins', sans-serif; font-size:24px; line-height:24px; margin-bottom:0;}
.blog-box-02 ul.blog-list > li .innr-box .blog-date p{ font-family: 'Open Sans', sans-serif; line-height: 15px; font-size: 15px; text-transform: uppercase; margin-bottom:0; font-weight:600;}
.blog-box-02 ul.blog-list > li .innr-box .innr-cont-box{ float:left; width:45%; position:relative;}
.blog-box-02 ul.blog-list > li .innr-box .innr-cont-box:after { content: ''; width: 20px; height: 20px; position: absolute; background-color: #131a44; right: -10px; top: 30px; z-index: 1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.blog-box-02 ul.blog-list > li .innr-box .innr-cont-box .blog-details{ float:left; width:100%; background:#131a44; padding:20px; border-radius:5px;}
.blog-box-02 ul.blog-list > li .innr-box .innr-cont-box .blog-details span.img{ float:left; width:100%; border-radius:5px;}
.blog-box-02 ul.blog-list > li .innr-box .innr-cont-box .blog-details .text-box{ float:left; width:100%; color:#fff; padding-top:25px;}
.blog-box-02 ul.blog-list > li .innr-box .innr-cont-box .blog-details .text-box h2 { font-family: 'Poppins', sans-serif; font-size: 22px; line-height: 35px; text-align: left;}
.blog-box-02 ul.blog-list > li .innr-box .innr-cont-box .blog-details .text-box h2 a{ color:#fff;}
.blog-box-02 ul.blog-list > li .innr-box .innr-cont-box .blog-details .text-box .blog-info-link { float:left; width:100%; font-size: 13px; line-height: 23px; color: #aaa; margin-bottom:25px;}
.blog-box-02 ul.blog-list > li .innr-box .innr-cont-box .blog-details .text-box .blog-info-link li { display: inline-block; width:auto; margin-right: 10px;}
.blog-box-02 ul.blog-list > li .innr-box .innr-cont-box .blog-details .text-box .blog-info-link li a{ color: #aaa;}
.blog-box-02 ul.blog-list > li .innr-box .innr-cont-box .blog-details .text-box .blog-info-link li a:hover{ color:#0EBEE3;}
.blog-box-02 ul.blog-list > li .innr-box .innr-cont-box .blog-details .text-box p{ float:left; width:100%; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height:27px; font-weight:500; color: #fff;}
.blog-box-02 ul.blog-list > li .innr-box .innr-cont-box .blog-details .text-box span.read-more-btn a { float: left; position: relative; display: inline-block; padding: 10px 20px;  border-width: 2px; border-style: solid; border-color: #0EBEE3; cursor: pointer; outline: none; -webkit-backface-visibility: hidden; vertical-align: middle; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: normal; -webkit-box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); text-decoration: none; text-align: left; font-size: 14px; line-height: 22px; font-weight: 700; background-color: #fff; color: #151B3F; margin:10px 0 15px; border-radius:2px;}
.blog-box-02 ul.blog-list > li .innr-box .innr-cont-box .blog-details .text-box span.read-more-btn a:hover { background: none; color: #fff;}
.blog-box-02 ul.blog-list > li:nth-child(even) .innr-box .author-img{ margin-right: 50px; left: auto; right: 50%; margin-left: 0;}
.blog-box-02 ul.blog-list > li:nth-child(even) .innr-box .author-img img{ border-radius: 100% 0% 100% 100%; float: right;}
.blog-box-02 ul.blog-list > li:nth-child(even) .innr-box .innr-cont-box{ float:right;}
.blog-box-02 ul.blog-list > li:nth-child(even) .innr-box .innr-cont-box:after  { right:auto; left: -10px;}




.abt-main-frame{ padding:80px 0;}
.abt-main-box h2{  position: relative; display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; padding-bottom: 25px; color: #333; text-align:center;}
.abt-main-box p{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 2.125em; font-weight: 400; padding: 0px 20px; color: #333; text-align:center;}



.team-frame{ padding:100px 0; background:#fafafa; border-top:1px solid #ddd;}
.team-box h2{  position: relative; display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; padding-bottom: 25px; color: #333; text-align:center;}
.team-box p{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 2.125em; font-weight: 400; padding: 0px 20px; color: #333; text-align:center;}

.team-frame .innr-team-box{ float:left; width:100%; padding-top:50px;}




.key-fea-frame{ position: relative; padding:60px 0px 50px; border-top: 1px solid #ddd; background: #fafafa; border-bottom: 1px solid #ddd;}
.key-fea-frame h2{ display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #333; text-align:center; margin-bottom:50px;}
.key-fea-box ul.key-fea-list{ display:flex; flex-direction:row; flex-wrap:wrap;}
.key-fea-box ul.key-fea-list li { flex:0 1 33.3%; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #333; padding-left: 20px; position:relative; margin-bottom:20px;}
.key-fea-box ul.key-fea-list li:before { position: absolute; left: 0; top: 2px; content: "\f054"; font-size: 16px; color: #fed555; font-family: fontAwesome;}
.key-fea-box ul.exp-summ-list{ box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top:80px;}
.key-fea-box ul.exp-summ-list li { flex:0 1 33%; min-height: 115px; padding:0 10px;}
.key-fea-box ul.exp-summ-list li .innr-box{ display:flex; background:#fff; box-shadow: 7px 5px 30px 0 rgb(72 73 121 / 15%); flex-direction:row; flex-wrap:wrap; height:100%; align-items:center; padding:0 0}
.key-fea-box ul.exp-summ-list li .innr-box .exp-no{ display:inline-flex; flex:1 1 25%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; align-items:center; font-size:30px; color:#131a44; font-weight:600; padding:10px 10px;}
.key-fea-box ul.exp-summ-list li .innr-box .text-box{ display:inline-flex; flex:1 1 70%; align-items:center; font-size:17px; line-height:25px; color:#333; padding:10px 10px;}



.key-web-frame{ padding:80px 0;}
.key-web-box h2{  position: relative; display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #333; text-align:center;}
.key-web-box .key-web-list{ float:left; width:100%; margin-top:50px; display:flex; flex-wrap:wrap;}
.key-web-box .key-web-list li{ float:left; flex:0 1 33.3%; padding:15px;}
.key-web-box .key-web-list li .innr-box{ float:left; width:100%; background:#fff; border-top-left-radius: 40px; border-bottom-right-radius:40px; border: 1px solid #ddd; box-shadow: 0 0 10px #eee; padding:15px; text-align:center; height:100%;}
.key-web-box .key-web-list li .innr-box span.img{ float:none; display:inline-block; text-align:center; margin-bottom:20px;}
.key-web-box .key-web-list li .innr-box h3{ font-family: 'Poppins', sans-serif; font-size:18px; font-weight: 600; color: #142752; margin-bottom:15px;}
.key-web-box .key-web-list li .innr-box p{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height:27px; font-weight: 400; color: #333; text-align: center;}


.work-plat-frame{ background: radial-gradient(circle, #151b3f, #1c2352, #232c65, #2b3579, #333e8d); padding: 100px 0;}
.work-plat-box h2{ display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #fff; text-align: center; margin-bottom: 50px;}
.work-plat-box p{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 30px; font-weight: 400; color: #fff; margin-bottom: 20px;}
.work-plat-box span.call-to-act-btn{ float:left; width:100%; text-align:center;}
.work-plat-box span.call-to-act-btn a{ float:none; display:inline-block; width: 250px; height: auto; position: relative; padding: 12px 55px 12px 15px; margin: 0; border-width: 1px; border-style: solid; border-radius: 5px; cursor: pointer; outline: none; -webkit-backface-visibility: hidden; vertical-align: middle; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: normal; -webkit-box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); text-decoration: none; text-align: left; font-size:18px; line-height: 22px; font-weight: 700; background-color: #fff; border-color: #e8eaee; color: #151B3F;}
.work-plat-box span.call-to-act-btn a i{ width: 40px; height: 40px; display: inline-block; position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; font-size: inherit; text-align: center; display: inline-block; font-size: 16px; line-height: 40px; background-color: #0EBEE3; color: #151B3F;}
.work-plat-box span.call-to-act-btn a:hover{ background-color: #0EBEE3; border-color: #142752; -webkit-transition: all .5s ease; transition: all .5s ease; color: #fff;}
.work-plat-box span.call-to-act-btn a:hover i{ background-color: #fff; color: #0EBEE3; -webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards;}
.plat-slider{ height:auto !important; padding:0 35px; margin}
.work-plat-box .grid article { padding: 15px 50px; width: 33.3%; position: static !important;}
.work-plat-box .grid article span.img{ float:left; width:100%;}
.work-plat-box .grid article span.img img{ float:left; width:100%;}

.slick-prev{ left:0 !important;}
.slick-next{ left:auto; right:0 !important;}
.plat-slider .slick-prev:before{ content:"\f053"; font-family:'FontAwesome'; color:#fff; font-size:30px;}
.plat-slider .slick-next:before{ content:"\f054"; font-family:'FontAwesome'; color:#fff; font-size:30px;}


.innr-ser-frame-01 .innr-ser-box ul.innr-ser-list > li .innr-box{ background:none; padding-right:0;}
.innr-ser-frame-01 .innr-ser-box ul.innr-ser-list > li .innr-box .text-box{ background:#fff; box-shadow:0 0 5px #bbb; width:60%; border-radius:10px;}
.innr-ser-frame-01 .innr-ser-box ul.innr-ser-list > li .innr-box span.img{ float:right; width:38%; position:static; border:none; border-radius:0; padding:20px;}
.innr-ser-frame-01 .innr-ser-box ul.innr-ser-list > li:nth-child(even) .innr-box{ padding-left:0;}
.innr-ser-frame-01 .innr-ser-box ul.innr-ser-list > li:nth-child(even) .innr-box .text-box{ float:right;}
.innr-ser-frame-01 .innr-ser-box ul.innr-ser-list > li:nth-child(even) .innr-box span.img{ float:left;}
.innr-ser-frame-01 .innr-ser-box ul.innr-ser-list > li .innr-box .text-box h3{ color:#142752;}
.innr-ser-frame-01 .innr-ser-box ul.innr-ser-list > li .innr-box .text-box p{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 27px; font-weight: 400; color: #333; text-align: left;}
.innr-ser-frame-01 .innr-ser-box ul.innr-ser-list > li ul.innr-list li{ color:#555; font-size:15px;}








.store-inti-frame{ background: radial-gradient(circle, #151b3f, #1c2352, #232c65, #2b3579, #333e8d); padding:80px 0;}
.store-inti-box .left-cont-box h2{ display: block; font-size:60px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #fff; margin-bottom: 50px;}
.store-inti-box .left-cont-box p{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 30px; font-weight: 400; color: #fff; margin-bottom: 20px;}
.store-inti-box .holderCircle { width:650px; height:650px; border-radius: 100%; margin: 0 auto; position: relative; }


.store-inti-box .dotCircle { width: 100%; height: 100%; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; border-radius: 100%; z-index: 20; }
.store-inti-box .dotCircle  .itemDot { display: block; width: 80px; height: 80px; position: absolute; background: #ffffff; color:#131a44; border-radius: 20px; text-align: center; line-height: 80px; font-size: 30px; z-index: 3; cursor: pointer; border: 2px solid #e6e6e6; }
.store-inti-box .dotCircle  .itemDot .forActive { width: 56px; height: 56px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; }
.store-inti-box .dotCircle  .itemDot .forActive::after { content: ''; width: 5px; height: 5px; border: 3px solid #7d4ac7; bottom: -31px; left: -14px; filter: blur(1px); position: absolute; border-radius: 100%; }
.store-inti-box .dotCircle  .itemDot .forActive::before { content: ''; width: 6px; height: 6px; filter: blur(5px); top: -15px; position: absolute; transform: rotate(-45deg); border: 6px solid #a733bb; right: -39px; }
.store-inti-box .dotCircle  .itemDot.active .forActive { display: block; }
.store-inti-box .round { position: absolute; left:55px; top:60px; width:540px; height:540px; border: 2px dotted #fff; border-radius: 100%; -webkit-animation: rotation 100s infinite linear; }
.store-inti-box .dotCircle .itemDot:hover, .dotCircle .itemDot.active { color: #ffffff; transition: 0.5s;   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d4ac7+0,a733bb+100 */ background: #7d4ac7; /* Old browsers */ background: -moz-linear-gradient(left, #151b3f 0%, #333e8d 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #151b3f 0%, #333e8d 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #151b3f 0%, #333e8d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#151b3f', endColorstr='#333e8d', GradientType=1); /* IE6-9 */ border: 2px solid #ffffff;}
.store-inti-box .dotCircle .itemDot { font-size: 40px; }
.store-inti-box .contentCircle { width: 370px; border-radius: 100%; color: #222222; position: relative; top:200px; left: 50%; transform: translate(-50%, -50%); }
.store-inti-box .contentCircle .CirItem { border-radius: 100%; color: #222222; position: absolute; text-align: center; bottom: 0; left: 0; opacity: 0; transform: scale(0); transition: 0.5s; font-size: 15px; width: 100%; height: 100%; top: 0; right: 0; margin: auto; line-height: 250px; }
.store-inti-box .CirItem.active { z-index: 1; opacity: 1; transform: scale(1); transition: 0.5s; }
.store-inti-box .contentCircle .CirItem i { font-size: 180px; position: absolute; top: 0; left: 50%; margin-left: -90px; color: #000000; opacity: 0.1; }

.store-inti-box .title-box .title { font-family: 'Poppins', sans-serif; font-size:25px; font-weight: 600; color: #fff; margin-bottom: 15px; position: relative; z-index: -1; }
.store-inti-box .title-box span { text-shadow: 0 10px 10px rgba(0, 0, 0, .15); color: #fff; }
.store-inti-box .title-box p { position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 17px; line-height: 30px; font-weight: 400; color: #fff;}



.process-frame{ padding:100px 0;}
.process-box h2{  position: relative; display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom:20px; color: #333; text-align:center;}
.process-box p{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 17px; line-height: 27px; font-weight: 400; color: #333; text-align: center;}
.process-box ul.process-list{ margin-top:50px; display:flex; flex-direction:row; justify-content:center;}
.process-box ul.process-list li{ padding:60px 10px 70px; flex:0 1 16%; display:flex; flex-direction:column; align-items:center; position:relative;}
.process-box ul.process-list li span.img{ max-width:200px;}
.process-box ul.process-list li h3{ position:absolute; left:50%; transform:translateX(-50%); bottom:0; width:100%; text-align:center; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 600; color: #142752; margin-bottom: 15px; text-align:center; width:190%;}

.process-box ul.process-list li:nth-child(even) h3{ border:-1; bottom:auto; top:0;}

.innr-bnr-frame-01{ padding-bottom:80px;}


.exp-summ-frame{ position: relative; padding: 0 0px 50px; border-top: 1px solid #ddd; background: #fff; border-bottom: 1px solid #ddd;}
.exp-summ-box { background: #fff; border-radius: 5px; margin-top: -57px; padding:20px 15px; box-shadow: 0 0 7px #aaa;}
.exp-summ-box ul.exp-summ-list{ display:flex; flex-direction:row; align-items:center; padding:0 15px;}
.exp-summ-box ul.exp-summ-list li{ display:inline-flex; flex:1 1 25%;}
.exp-summ-box ul.exp-summ-list li .innr-box{ display:flex; flex-direction:row; align-items:center;}
.exp-summ-box ul.exp-summ-list li .innr-box span.icon{ max-width:70px;}
.exp-summ-box ul.exp-summ-list li .innr-box .cont-box{ display:flex; flex-direction:column; justify-content:center; padding:0 15px;}
.exp-summ-box ul.exp-summ-list li .innr-box .cont-box .exp-no{ font-size:30px; color:#131a44; font-weight:600;}
.exp-summ-box ul.exp-summ-list li .innr-box .cont-box .text{ font-size:17px; line-height:25px; color:#333;}


.zoho-dev-ser-box{ padding-top:80px;}
.zoho-dev-ser-box h2{ display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #333; text-align: center; margin-bottom: 50px;}
.zoho-dev-ser-box .tech-slider{ height:auto !important; padding:0 35px; margin}
.zoho-dev-ser-box .grid article { padding: 15px 15px; position: static !important;}
.zoho-dev-ser-box .grid article span.icon{ float:left; width:100%; text-align:center; margin-bottom:20px;}
.zoho-dev-ser-box .grid article span.icon img{ float:none; display:inline-block;}
.zoho-dev-ser-box .grid article h3{ float:left; width:100%; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 600; color: #142752; margin-bottom: 15px; text-align: center;}

.zoho-dev-ser-box .slick-prev{ left:0 !important;}
.zoho-dev-ser-box .slick-next{ left:auto; right:0 !important;}
.zoho-dev-ser-box .tech-slider .slick-prev:before{ content:"\f053"; font-family:'FontAwesome'; color:#131a44; font-size:30px;}
.zoho-dev-ser-box .tech-slider .slick-next:before{ content:"\f054"; font-family:'FontAwesome'; color:#131a44; font-size:30px;}

.our-soln-frame{ background: radial-gradient(circle, #151b3f, #1c2352, #232c65, #2b3579, #333e8d); padding: 100px 0;}
.our-soln-box h2{ display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #fff; text-align: center; margin-bottom: 50px;}
.our-soln-box .our-soln-list{ float:left; width:100%; display:flex; flex-wrap:wrap;}
.our-soln-box .our-soln-list li{ float:left; flex:0 1 25%; padding:10px;}
.our-soln-box .our-soln-list li .innr-box{ float:left; width:100%; background:#fff; border-radius:10px; border: 1px solid #ddd; padding:15px; text-align:center; height:100%;}
.our-soln-box .our-soln-list li .innr-box span.img{ float:none; display:inline-block; text-align:center; margin-bottom:20px;}
.our-soln-box .our-soln-list li .innr-box h3{ font-family: 'Poppins', sans-serif; font-size:18px; font-weight: 600; color: #142752; margin-bottom:15px;}
.our-soln-box .our-soln-list li .innr-box p{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height:27px; font-weight: 400; color: #333; text-align: center;}







.key-benf-frame{ background:#fafafa; border-top: 1px solid #ddd; padding-top:100px; padding-bottom: 100px;}
.key-benf-frame .blog-pagination{ float:left; width:100%;}
.key-benf-box h2{ position: relative; display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #333; text-align: center;}
.key-benf-box .innr-box{ float:left; width:100%; position:relative; padding-top:80px;}
.key-benf-box .innr-box ul.key-benf-list{ float:left; width:100%; position:relative;}
.key-benf-box .innr-box ul.key-benf-list:before { content: ''; position: absolute; top: 0; left: 50%; margin-left: -2px; height: 100%; width: 4px; background:#131a44; opacity: 0.9;}
.key-benf-box .innr-box ul.key-benf-list > li{ float:left; width:100%; padding-bottom:50px; position:relative; z-index:1;}
.key-benf-box .innr-box ul.key-benf-list > li:last-child{ background:#fafafa;}
.key-benf-box .innr-box ul.key-benf-list > li .innr-box{ float:left; width:100%; position:relative; padding-top:0; padding-bottom:0;}
.key-benf-box .innr-box ul.key-benf-list > li .innr-box .icon { position: absolute; left: 50%; top:0; margin-left: -50px; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; width:100px; height: 100px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; border:4px solid #131a44; background:#fff; color: #000; overflow:hidden; margin-bottom: 20px; box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 15%); -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 15%);}
.key-benf-box .innr-box ul.key-benf-list > li .innr-box .icon img{ max-width:90%; margin-top:3%;}
.key-benf-box .innr-box ul.key-benf-list > li .innr-box .innr-cont-box{ float:left; width:50%; padding-right:100px;}
.key-benf-box .innr-box ul.key-benf-list > li .innr-box .innr-cont-box .key-benf-details{ float:left; width:100%; background:#fff; padding:20px; border-radius:5px; position:relative; box-shadow: 7px 5px 30px 0 rgb(0 0 0 / 15%);}
.key-benf-box .innr-box ul.key-benf-list > li .innr-box .innr-cont-box .key-benf-details:after { content: ''; width: 20px; height: 20px; position: absolute; background-color: #fff; right: -10px; top:40px; z-index: 1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.key-benf-box .innr-box ul.key-benf-list > li .innr-box .innr-cont-box .key-benf-details span.img{ float:left; width:100%; border-radius:5px;}
.key-benf-box .innr-box ul.key-benf-list > li .innr-box .innr-cont-box .key-benf-details .text-box{ float:left; width:100%; color:#fff; padding-top:10px;}
.key-benf-box .innr-box ul.key-benf-list > li .innr-box .innr-cont-box .key-benf-details .text-box h2 { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 600; color: #142752; margin-bottom: 15px; text-align: left;}
.key-benf-box .innr-box ul.key-benf-list > li .innr-box .innr-cont-box .key-benf-details .text-box p{ float:left; width:100%; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 27px; font-weight: 400; color: #333; margin-bottom:5px;}
.key-benf-box .innr-box ul.key-benf-list > li .innr-box .innr-cont-box .key-benf-details .text-box span.read-more-btn a { float: left; position: relative; display: inline-block; padding: 10px 20px;  border-width: 2px; border-style: solid; border-color: #0EBEE3; cursor: pointer; outline: none; -webkit-backface-visibility: hidden; vertical-align: middle; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: normal; -webkit-box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); text-decoration: none; text-align: left; font-size: 14px; line-height: 22px; font-weight: 700; background-color: #fff; color: #151B3F; margin:10px 0 15px; border-radius:2px;}
.key-benf-box .innr-box ul.key-benf-list > li .innr-box .innr-cont-box .key-benf-details .text-box span.read-more-btn a:hover { background: none; color: #fff;}
.key-benf-box .innr-box ul.key-benf-list > li:nth-child(even) .innr-box .innr-cont-box{ float:right; padding-right:0; padding-left:100px;}
.key-benf-box .innr-box ul.key-benf-list > li:nth-child(even) .innr-box .innr-cont-box .key-benf-details{ box-shadow: -8px 5px 30px 0 rgb(0 0 0 / 15%);}
.key-benf-box .innr-box ul.key-benf-list > li:nth-child(even) .innr-box .innr-cont-box .key-benf-details:after  { right:auto; left: -10px;}



.cms-web-dev-frame{ padding:80px 0;}
.cms-web-dev-box h2{  position: relative; display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom:40px; color: #333; text-align:center;}
.cms-web-dev-box h4{ font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 600; color: #142752; margin-bottom: 15px;}
.cms-web-dev-box p{ font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 27px; font-weight: 400; color: #333;}
.cms-web-dev-box .cms-web-dev-list{ float:left; width:100%; margin-top:50px; display:flex; flex-wrap:wrap;}
.cms-web-dev-box .cms-web-dev-list > li{ float:left; flex:0 1 50%; padding:15px;}
.cms-web-dev-box .cms-web-dev-list > li .innr-box{ float:left; width:100%; background:#fff; border-top-left-radius: 40px; border-bottom-right-radius:40px; border: 1px solid #ddd; box-shadow: 0 0 10px #eee; padding:15px; text-align:left; height:100%;}
.cms-web-dev-box .cms-web-dev-list > li .innr-box span.img{ float:left; width:100%; text-align:center; margin-bottom:20px;}
.cms-web-dev-box .cms-web-dev-list li .innr-box ul.innr-list{ float:left; width:100%; display:block; text-align:left;}
.cms-web-dev-box .cms-web-dev-list li .innr-box ul.innr-list li{ float:left; width:100%; display:block; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #333; padding-left: 20px; position: relative; margin-bottom:8px; text-align: left;}
.cms-web-dev-box .cms-web-dev-list li .innr-box ul.innr-list li:before{ position: absolute; left: 0; top: 2px; content: "\f054"; font-size: 16px; color: #fed555; font-family: fontAwesome;}
.cms-web-dev-box .cms-web-dev-list li .innr-box h3{ font-family: 'Poppins', sans-serif; font-size:18px; font-weight: 600; color: #142752; margin-bottom:15px;}
.cms-web-dev-box .cms-web-dev-list li .innr-box p{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height:27px; font-weight: 400; color: #333; text-align: center;}
.cms-web-dev-box ul.innr-ser-list{ float:left; width:100%; padding-left:20px; padding-top:30px;}
.cms-web-dev-box ul.innr-ser-list li{ float:left;  width:100%; font-family: 'Open Sans', sans-serif; font-size:16px; color:#333; line-height:22px; position:relative; padding-left:20px;}
.cms-web-dev-box ul.innr-ser-list li + li{ margin-top:12px;}
.cms-web-dev-box ul.innr-ser-list li:before{ position:absolute; left:0; top:2px; content:"\f054"; font-size:16px; color:#fed555; font-family:fontAwesome;}




.why-choose-frame{ padding:80px 0;}
.why-choose-box h2{  position: relative; display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom:40px; color: #333; text-align:center;}
.why-choose-box .why-choose-list{ float:left; width:100%; margin-top:40px; padding:0 80px;}
.why-choose-box .why-choose-list > li{ float:left; width:100%; text-align:left; margin-bottom:80px;}
.why-choose-box .why-choose-list > li .innr-box{ float:left; width:100%; position:relative; padding-top: 50px; padding-right: 330px;}
.why-choose-box .why-choose-list > li .innr-box .heading{ position: absolute; right: 20px; top: 10px; width: 210px; height: 210px; border-radius: 100%; padding: 20px; text-align: center;}
.why-choose-box .why-choose-list > li .innr-box span.head-bg{ position:absolute; right:0; top:0; width:380px;}
.why-choose-box .why-choose-list > li .innr-box h3 { font-family: 'Poppins', sans-serif; font-size:18px; color:#142752; text-transform: uppercase; margin-bottom:10px; position:relative; top:50%; transform:translateY(-50%);}
.why-choose-box .why-choose-list > li .innr-box p{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 27px; font-weight: 400; color: #333; text-align: left; padding:30px; border-left: 20px solid #000; border-radius: 100px; box-shadow: -4px 7px 10px #eee;}
.why-choose-box .why-choose-list > li:nth-child(even) .innr-box{ padding-left: 330px; padding-right:0;}
.why-choose-box .why-choose-list > li:nth-child(even) .innr-box span.head-bg{ right:auto; left:0;}
.why-choose-box .why-choose-list > li:nth-child(even) .innr-box .heading{ right: auto; left:20px;}
.why-choose-box .why-choose-list > li:nth-child(even) .innr-box p{ border-right: 20px solid #000; border-left:none; box-shadow: 4px 7px 10px #eee;}
.why-choose-box .why-choose-list > li:last-child .innr-box span.head-bg{ position:absolute; right:0; top:0; width:250px;}
.why-choose-box .why-choose-list > li:nth-child(1) .innr-box p{ border-color:#ff2e63;}
.why-choose-box .why-choose-list > li:nth-child(2) .innr-box p{ border-color:#0dd8d6;}
.why-choose-box .why-choose-list > li:nth-child(3) .innr-box p{ border-color:#726dbf;}
.why-choose-box .why-choose-list > li:nth-child(4) .innr-box p{ border-color:#ffc40a;}
.why-choose-box .why-choose-list > li:nth-child(5) .innr-box p{ border-color:#6a9f2d;}




.dev-port-frame{ position: relative; padding: 60px 0px 50px; border-top: 1px solid #ddd; background: #fff; border-bottom: 1px solid #ddd;}

.key-comp-frame{ padding:100px 0; background:#fff;}
.key-comp-box h2{  position: relative; display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom:20px; color: #333; text-align:center;}
.key-comp-box p{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 17px; line-height: 27px; font-weight: 400; color: #333; text-align: center;}
.key-comp-box ul.key-comp-list{ margin-top:50px; display:flex; flex-direction:row; justify-content:center;}
.key-comp-box ul.key-comp-list li{ padding:40px 10px 50px; flex:0 1 30%; display:flex; flex-direction:column; align-items:center; position:relative; z-index:1;}
.key-comp-box ul.key-comp-list li:before{ position:absolute; width:100%; top:50%; left:0; margin-top: -11px; height:10px; background:#1c66d1; content:''; z-index:-1;}
.key-comp-box ul.key-comp-list li:first-child:before{ width:50%; left:50%; background:#fbaf35;}
.key-comp-box ul.key-comp-list li:last-child:before{ width:50%; background:#6ba02e;}
.key-comp-box ul.key-comp-list li span.img{ max-width:250px;}
.key-comp-box ul.key-comp-list li h3{ position:absolute; left:50%; transform:translateX(-50%); top:0; width:100%; text-align:center; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 600; color: #142752; margin-bottom: 15px; text-align:center; width:190%;}

.key-comp-box ul.key-comp-list li:nth-child(even) h3{ border:-1; bottom:0; top:auto;}


.pricing-frame{ background: radial-gradient(circle, #151b3f, #1c2352, #232c65, #2b3579, #333e8d); padding: 100px 0;}
.pricing-box h2{ display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #fff; text-align: center; margin-bottom: 50px;}
.pricing-box .card .card-header{ background-color:#0EBEE3; color:#fff;}
.pricing-box .card .card-header h1{ font-weight:600 !important;}
.pricing-box .card .card-body ul{ min-height:75px;}
.pricing-box .card .card-body ul li{ font-size:17px;}
.pricing-box .pricing-card-title{ font-size:32px;}
.pricing-box .pricing-card-title small{ font-size:18px;}


.plat-ser-frame{ padding-top:80px;}
.plat-ser-box h2{  position: relative; display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #333; text-align:center;}
.plat-ser-box ul.plat-ser-list{ float:left; width:100%; padding:20px 15px 0;}
.plat-ser-box ul.plat-ser-list > li{ float:left; width:100%; padding:50px 0 50px; position:relative;}
.plat-ser-box ul.plat-ser-list li h3{ font-family: 'Poppins', sans-serif; font-size: 25px; text-transform: uppercase; margin-bottom: 25px; text-align:center; color:#142752;}
.plat-ser-box ul.plat-ser-list li p{ font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 27px; font-weight: 400; color: #555; text-align: left;}
.plat-ser-box ul.plat-ser-list li p strong{ color:#000;}
.plat-ser-box ul.plat-ser-list li h4{ font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 600; color: #142752; margin-bottom: 15px;}
.plat-ser-box ul.plat-ser-list > li .left-box{ float:left; width:50%; padding-left:15px;}
.plat-ser-box ul.plat-ser-list > li .right-box{ float:right; width:50%; padding:25px; position:relative;}
.plat-ser-box ul.plat-ser-list > li:nth-child(odd) .right-box:before{ position:absolute; left:0; top:0; width:50vw; height:100%; content:''; background:url(../images/services/ios-dev-bg.jpg)0 0 no-repeat; background-size:cover; z-index:-1;}
.plat-ser-box ul.plat-ser-list > li ul.innr-ser-list{ float:left; width:100%; padding-left:20px;}
.plat-ser-box ul.plat-ser-list > li ul.innr-ser-list li{ float:left;  width:100%; font-family: 'Open Sans', sans-serif; font-size:16px; color:#333; line-height:22px; position:relative; padding-left:20px;}
.plat-ser-box ul.plat-ser-list > li ul.innr-ser-list li + li{ margin-top:12px;}
.plat-ser-box ul.plat-ser-list > li ul.innr-ser-list li:before{ position:absolute; left:0; top:2px; content:"\f054"; font-size:16px; color:#fed555; font-family:fontAwesome;}
.plat-ser-box ul.plat-ser-list > li:nth-child(odd) .right-box h4{ color:#fff;}
.plat-ser-box ul.plat-ser-list > li:nth-child(odd) .right-box p{ color:#fff; margin-bottom:20px;}
.plat-ser-box ul.plat-ser-list > li:nth-child(odd) .right-box p strong{ color:#fff;}

.plat-ser-box ul.plat-ser-list > li:nth-child(even):before{ position:absolute; left:50%; transform:translateX(-50%); top:0; height:100%; width:9999px; background: radial-gradient(circle, #151b3f, #1c2352, #232c65, #2b3579, #333e8d); padding: 100px 0; content:''; z-index:-1;}
.plat-ser-box ul.plat-ser-list li:nth-child(even) h3{ color:#fff;}
.plat-ser-box ul.plat-ser-list li:nth-child(even) p{ color:#fff;}
.plat-ser-box ul.plat-ser-list li:nth-child(even) p strong{ color:#fff;}
.plat-ser-box ul.plat-ser-list li:nth-child(even) h4{ color: #fff;}
.plat-ser-box ul.plat-ser-list > li:nth-child(even) ul.innr-ser-list li{ color:#333;}

.plat-ser-box ul.plat-ser-list li:nth-child(even) .left-box{ position:relative; padding:25px 20px;}
.plat-ser-box ul.plat-ser-list li:nth-child(even) .left-box:before{ position:absolute; left:auto; right:0; top:0; width:50vw; height:100%; content:''; background:url(../images/services/android-dev-bg.jpg)0 0 no-repeat; background-size:cover; z-index:-1;}
.plat-ser-box ul.plat-ser-list li:nth-child(even) .left-box p{ color:#fff;}
.plat-ser-box ul.plat-ser-list > li:nth-child(even) .left-box ul.innr-ser-list li{ color:#fff;}

.dev-phase-frame { padding: 100px 0; background: #fafafa;}
.dev-phase-box h2{  position: relative; display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom:20px; color: #333; text-align:center;}
.dev-phase-box .timeline { position: relative; width: 100%; max-width: 1140px; margin: 0 auto; padding: 15px 0;}
.dev-phase-box .timeline::after { content: ''; position: absolute; width: 2px; border-left:3px dashed #142752; top: 0; bottom: 0; left: 50%; margin-left: -1px;}
.dev-phase-box .timeline > div { padding: 15px 30px; position: relative; background: inherit; width: 50%;}
.dev-phase-box .left { left: 0;}
.dev-phase-box .right { left: 50%;}
.dev-phase-box .timeline > div::after { content: ''; position: absolute; width: 16px; height: 16px; top: calc(50% - 8px); right: -8px; background: #ffffff; border:2px solid #142752; border-radius: 16px; z-index: 1;}
.dev-phase-box .timeline > .right::after { left: -8px;}
.dev-phase-box .timeline > div::before { content: ''; position: absolute; width: 50px; height: 2px; top: calc(50% - 1px); right: 8px; background:#142752; z-index: 1;}
.timeline > .right::before {
  left: 8px;
}

.timeline > div .date {
  position: absolute;
  display: inline-block;
  top: calc(50% - 8px);
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color:#142752;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 1;
}

.timeline > .left .date {
  right: -85px;
}

.timeline > .right .date {
  left: -85px;
}

.timeline > div .icon {
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 9px 0;
  top: calc(50% - 20px);
  background: #F6D155;
  border: 2px dotted #142752;
  border-radius: 40px;
  text-align: center;
  font-size: 18px;
  color:#142752;
  z-index: 1;
}

.timeline > .left .icon {
  right: 56px;
}

.timeline > .right .icon {
  left: 56px;
}

.timeline > div .content {
  padding: 30px 90px 30px 30px;
  background: #fff;
  position: relative;
  border-radius:500px;
  box-shadow: 4px 7px 10px #ccc;
}

.timeline > .right .content {
  padding: 30px 30px 30px 90px;
  border-radius: 500px;
  box-shadow: -4px 7px 10px #ccc;
}

.timeline > div .content h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #142752;
  margin-bottom: 15px;
  text-align:center;
}

.timeline > div .content p {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 27px;
  font-weight: 400;
  color: #333;
  text-align: center;
  margin-bottom:0;
}



.digi-info-frame{ position: relative; padding:100px 0px 50px; border-top: 1px solid #ddd; background: #fafafa; border-bottom: 1px solid #ddd;}
.digi-info-box h2{ display: block; font-size: 70px; line-height:55px; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #333; text-align:center; margin-bottom:50px;}
.digi-info-box h2 span{ font-family: 'Open Sans', sans-serif; font-size: 17px;}
.digi-info-box h4{ font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 600; color: #142752; margin-bottom: 15px; text-align:center;}
.digi-info-box p{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 27px; font-weight: 400; color: #333; text-align: left;}



.digi-mark-ser-frame{ background: radial-gradient(circle, #151b3f, #1c2352, #232c65, #2b3579, #333e8d); padding:70px 0;}
.digi-mark-ser-box ul.digi-mark-ser-list{ display:flex; flex-wrap:wrap;}
.digi-mark-ser-box ul.digi-mark-ser-list li{ display:inline-flex; width:50%; padding:15px;}
.digi-mark-ser-box ul.digi-mark-ser-list li .innr-box{ float:left; width:100%; padding-left:25px; padding-top:40px; position:relative;}
.digi-mark-ser-box ul.digi-mark-ser-list li .innr-box:before { content: ''; display: inline-block; width: 100px; height: 100px; background:#fed555; border-radius: 65px; position: absolute; left: -8px; top: 10px; z-index: 0;}
.digi-mark-ser-box ul.digi-mark-ser-list li h1 { font-family:'Open Sans', sans-serif; font-size:40px; color: #fff; text-transform: uppercase; margin-bottom:35px; letter-spacing:1.5px; font-weight:600; position:relative; z-index:1;}
.digi-mark-ser-box ul.digi-mark-ser-list li h4{ font-family:'Open Sans', sans-serif; font-size:27px; color: #fff; margin-bottom:25px; font-weight:300; line-height:40px;}
.digi-mark-ser-box ul.digi-mark-ser-list li p{ font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 30px; font-weight: 400; color: #fff;}


.at-your-reach-frame{ padding:100px 0;}
.at-your-reach-box h2{  position: relative; display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom:20px; color: #333; text-align:center;}
.at-your-reach-box p{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 17px; line-height: 27px; font-weight: 400; color: #333; text-align: center;}
.at-your-reach-box form{ float:left; width:100%; text-align:center;}
.at-your-reach-box form ul.form-list{ float:none; display:inline-block; width:700px; max-width:100%;}
.at-your-reach-box form ul.form-list > li{ float:left; width:100%;}
.at-your-reach-box form ul.form-list > li + li{ margin-top:20px;}
.at-your-reach-box form ul.form-list > li span.text{ float:left; width:100%;}
.at-your-reach-box form ul.form-list > li span.text input{ border: 1px solid rgba(0, 0, 0, 0.1); height:45px; border-radius:0; padding:0 15px; width:100%;}
.at-your-reach-box form ul.form-list > li span.textarea{ float:left; width:100%;}
.at-your-reach-box form ul.form-list > li span.textarea textarea{ float:left; width:100%; height:150px; border-radius:0; padding:10px 15px;}
.at-your-reach-box form ul.form-list > li span.sub-btn input{ float: left; position: relative; display: inline-block; padding:14px 35px; margin: 0; border-width: 2px; border-style: solid; border-radius:0; border-color: #0EBEE3; cursor: pointer; outline: none; -webkit-backface-visibility: hidden; vertical-align: middle; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: normal; -webkit-box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); text-decoration: none; text-align: left; font-size: 16px; line-height: 22px; font-weight: 700; background-color: #fff; color: #151B3F;}
.at-your-reach-box form ul.form-list > li span.sub-btn input:hover{ background-color:#151B3F; color:#fff;}
.at-your-reach-box form ul.form-list > li ul.sub-list{ float:left; width:100%;}
.at-your-reach-box form ul.form-list > li ul.sub-list li{ float:left; width:50%; padding-right:10px;}
.at-your-reach-box form ul.form-list > li ul.sub-list li + li{ padding-right:0; padding-left:10px;}



.it-consult-frame{ position: relative; padding:100px 0px 50px; border-top: 1px solid #ddd; background: #fafafa; border-bottom: 1px solid #ddd;}
.it-consult-box h2{ display: block; font-size: 70px; line-height:28px; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #333; text-align:center; margin-bottom:50px;}


.host-main-frame{ border-top: 1px solid #ddd; background: #fafafa;}
.host-main-frame ul.nav-tabs{ width:100%;}
.host-main-frame ul.nav-tabs li{ width:50%; font-size:20px;}
.host-main-frame ul.nav-tabs li a{ background-color:#ccc; padding:30px 15px; color:#142752; border-radius:0; font-size:25px; line-height: 30px;}
.host-main-frame ul.nav-tabs li a.nav-link.active, .host-main-frame ul.nav-tabs li a.show>.nav-link{ background:#293264; color:#fff;}
.host-main-frame ul.nav-tabs li a span { text-transform: none; font-weight: normal; font-size: 22px;}
.host-main-frame .tab-content .tab-pane {    
    position: relative;
}

.host-main-frame .tab-content{ padding-top:70px; padding-bottom:80px;}
.host-main-frame .tab-content .host-innr-box ul.plans-list{ display:flex;}
.host-main-frame .tab-content .host-innr-box ul.plans-list > li{ width:31%;}
.host-main-frame .tab-content .host-innr-box ul.plans-list > li .innr-box{ float:left; width:100%; background-color: #fff; box-shadow: 0px 0px 16px #ccc; border-radius:10px; overflow:hidden;}
.host-main-frame .tab-content h2{  position: relative; display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom:70px; color: #333; text-align:center;}
.host-innr-box ul.plans-list > li .innr-box .head-box{ float:left; width:100%; padding: 20px 20px 70px; background-color:#ddd;}
.host-innr-box ul.plans-list > li .innr-box .head-box h3{ float:left; width:100%; font-family: 'Poppins', sans-serif; font-size:25px; font-weight: 600; color: #142752; margin-bottom: 15px; text-align: center;}
.host-innr-box ul.plans-list > li .innr-box .head-box h3 span{ position:absolute; left:50%; transform:translateX(-50%); background:#fff; border-radius:5px; padding:5px; top:-10px; color: #142752; font-size: 14px; font-weight: 600; letter-spacing:1px;}
.host-innr-box ul.plans-list > li .innr-box .price-box{ float:left; width:100%; text-align:center; margin: -65px auto 25px;}
.host-innr-box ul.plans-list > li .innr-box .price-box span.price{ float: left; width: 100%; font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 400; color: #9662D6;  line-height: 25px;}
.host-innr-box ul.plans-list > li .innr-box .price-box span.price span{ float: none; display: inline-block; font-size:26px; font-weight: 500; background: #333; border: 5px solid #fff; height: 100px; width: 100px; border-radius: 100px; vertical-align: middle; color: #fff; padding-top: 34px;}
.host-innr-box ul.plans-list > li .innr-box ul.innr-fea-list{ float:left; width:100%; border-bottom: 1px solid #433997;}
.host-innr-box ul.plans-list > li .innr-box ul.innr-fea-list li{ width: 92%; float: left; padding: 15px 0; margin: 0 4% !important;}
.host-innr-box ul.plans-list > li .innr-box ul.innr-fea-list li + li{ border-top: 1px solid #433997;}
.host-innr-box ul.plans-list > li .innr-box ul.innr-fea-list li h3{ width: 45%; display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 14px; margin: 0px; color: #433997; vertical-align: middle;}
.host-innr-box ul.plans-list > li .innr-box ul.innr-fea-list li h4{ width: 50%; font-size: 14px; margin: 0px; color: #433997; font-weight: bold; text-align: center; padding: 0 0px 0 4%; display: inline-block; vertical-align: middle;}
.host-innr-box ul.plans-list > li .innr-box ul.innr-fea-list li p{ width:100%; display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 15px; margin: 0px; color: #333; vertical-align: middle; text-align:center; margin-bottom:0;}
.host-innr-box ul.plans-list > li .innr-box .foot-box{ float:left; width:100%;}
.host-innr-box ul.plans-list > li .innr-box .foot-box .btn-box{ float:left; width:100%; text-align:center; padding:30px 0;}
.host-innr-box ul.plans-list > li .innr-box .foot-box .btn-box span.strt-btn{ float:none; display:inline-block;}
.host-innr-box ul.plans-list > li .innr-box .foot-box .btn-box span.strt-btn a{ color: #131a44; font-family: "Open Sans", Sans-serif; font-size: 20px; font-weight: 600; background-color:transparent; border-style: solid; border-width:2px 2px 2px 2px; border-color: #131a44; border-radius: 30px 30px 30px 30px; padding: 10px 25px;}
.host-innr-box ul.plans-list > li .innr-box .foot-box .info-box{ float:left; width:100%; background: #9662d6; width: 100%; bottom: 0px; padding: 7px 0; text-align:center;}
.host-innr-box ul.plans-list > li .innr-box .foot-box .info-box a{ float:none; display:inline-block; color: #EEEDF4; font-family: "Open Sans", Sans-serif; font-size: 17px; font-weight: 400;}
.host-main-frame .tab-content .host-innr-box ul.plans-list > li:nth-child(2){ width: 37.331%; position: relative; z-index: 9;}
.host-main-frame .tab-content .host-innr-box ul.plans-list > li:nth-child(2) .innr-box{ border:none; margin-top: -30px; box-shadow: 0px 0px 16px grey; background:#293264;}
.host-main-frame .tab-content .host-innr-box ul.plans-list > li:nth-child(2) .innr-box .head-box{ background:#131a44;}
.host-main-frame .tab-content .host-innr-box ul.plans-list > li:nth-child(2) .innr-box .head-box h3{ color:#fff;}
.host-innr-box ul.plans-list > li:nth-child(2) .innr-box .price-box span.price{ color:#fff;}
.host-innr-box ul.plans-list > li:nth-child(2) .innr-box .price-box span.price span{ border-color:#293264; background:#fff; color:#142752;}
.host-innr-box ul.plans-list > li:nth-child(2) .innr-box ul.innr-fea-list li{ border-color:#fff;}
.host-innr-box ul.plans-list > li:nth-child(2) .innr-box ul.innr-fea-list li h3{ color:#fff;}
.host-innr-box ul.plans-list > li:nth-child(2) .innr-box ul.innr-fea-list li h4{ color:#fff;}
.host-innr-box ul.plans-list > li:nth-child(2) .innr-box ul.innr-fea-list li p{ color:#fff;}
.host-innr-box ul.plans-list > li:nth-child(2) .innr-box .foot-box .btn-box{ padding:60px 0;}
.host-innr-box ul.plans-list > li:nth-child(2) .innr-box .foot-box .btn-box span.strt-btn a{ color: #fff; border-color:#fff;}
.host-innr-box ul.plans-list > li:nth-child(2) .innr-box .foot-box .info-box{ background:#423896;}



.erp-res-frame{ position: relative; padding:100px 0px 0; border-top: 1px solid #ddd; background: #fafafa; border-bottom: 1px solid #ddd;}
.erp-res-box h2{ display: block; font-size: 70px; line-height:50px; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #333; text-align:center; margin-bottom:50px;}
.erp-res-box p{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 27px; font-weight: 400; color: #333; text-align: left;}
.erp-res-frame ul.innr-ser-list{ display:flex; padding:2px; flex-wrap:wrap; margin-top:20px;} 
.erp-res-frame ul.innr-ser-list li{ display:inline-flex; padding:2px; width:33.33%;}
.erp-res-frame ul.innr-ser-list li .innr-box{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; min-height:500px; padding:25px 0; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #fff; overflow: hidden; position:relative;}
.erp-res-frame ul.innr-ser-list li .innr-box:before{ position:absolute; left:0; top:0; width:100%; height:100%; content:''; background-image: linear-gradient(to left, #151b3f,  #333e8d 50%, transparent 0%, transparent); background-position: 0% 0; animation-direction: alternate; background-size: 200% 100%; transition: all .25s ease-in;}
.erp-res-frame ul.innr-ser-list li .innr-box span.img{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:0;}
.erp-res-frame ul.innr-ser-list li .innr-box span.img img{ width:100%; height:100%; object-fit:cover; opacity:0.2;}
.erp-res-frame ul.innr-ser-list li .innr-box h3{ width: 95%; z-index: 5; text-transform: uppercase; text-align: center; margin-bottom:20px; line-height: 1.2; font-size: 24px; -webkit-transition: all .6s cubic-bezier(0,.62,.5,.99); transition: all .6s cubic-bezier(0,.62,.5,.99); position:relative; color:#142752;}
.erp-res-frame ul.innr-ser-list li .innr-box .text-box{ z-index: 5; -webkit-transition: all .6s; transition: all .6s; position:relative;}
.erp-res-frame ul.innr-ser-list li .innr-box .text-box p{ z-index: 5; padding: 0 30px; font-family: 'Open Sans', sans-serif; font-size:17px; color:#333; text-align: center; line-height:30px;}
.erp-res-frame ul.innr-ser-list li .innr-box:hover:before{ background-position: 100% 0;}
.erp-res-frame ul.innr-ser-list li .innr-box:hover h3{ color:#fff;}
.erp-res-frame ul.innr-ser-list li .innr-box:hover .text-box p{ color:#fff;}



.our-soln-frame-01 .our-soln-box h2{ display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #fff; text-align: center; margin-bottom: 50px;}
.our-soln-frame-01 .our-soln-box .our-soln-list{ margin-top:35px;}
.our-soln-frame-01 .our-soln-box .our-soln-list li{ flex:0 1 33.33%;}
.our-soln-frame-01 .our-soln-box .our-soln-list li .innr-box{ padding-top:30px;}


.key-web-frame-01 .key-web-box p{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 27px; font-weight: 400; color: #333; text-align:center;}
.key-web-frame-01 .key-web-box .key-web-list{ margin-top:10px;}
.key-web-frame-01 .key-web-box .key-web-list li .innr-box{ padding-top:35px;}


.foot-comp-info-inner > div{ line-height:24px;}
.foot-comp-info-inner > div + div{ margin-top:15px;}



.cntct-add-frame{ padding:80px 0;}
.cntct-add-box h2{  position: relative; display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #333; text-align:center;}
.cntct-add-box .cntct-add-list{ float:left; width:100%; margin-top:50px; display:flex; flex-wrap:wrap;}
.cntct-add-box .cntct-add-list li{ float:left; flex:0 1 33.3%; padding:15px;}
.cntct-add-box .cntct-add-list li .innr-box{ float:left; width:100%; background:#fff; border-top-left-radius: 40px; border-bottom-right-radius:40px; border: 1px solid #ddd; box-shadow: 0 0 10px #eee; padding:35px 20px 20px; text-align:center; height:100%;}
.cntct-add-box .cntct-add-list li .innr-box span.img{ float:none; display:inline-block; text-align:left; margin-bottom:20px;}
.cntct-add-box .cntct-add-list li .innr-box h3{ font-family: 'Poppins', sans-serif; font-size:18px; font-weight: 600; color: #142752; margin-bottom:15px; text-align:left;}
.cntct-add-box .cntct-add-list li .innr-box p{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height:27px; font-weight: 400; color: #333; text-align: left; margin-bottom:0;}
.cntct-add-box .cntct-add-list li .innr-box p a{ color: #333;}


form.wpcf7-form.invalid .wpcf7-response-output { background: #fff; float: left; width: 100%; padding: 5px 10px; border: 1px solid #ff0000; border-radius: 5px; color: #ff0000; margin-top: 15px;}
form.wpcf7-form.sent .wpcf7-response-output { background: #fff; float: left; width: 100%; padding: 5px 10px; border: 1px solid #006400; border-radius: 5px; color: #006400; margin-top: 15px;}




.abt-ser-frame{background: #fff; background:#d05315; padding:0 0;}
.abt-ser-frame .innr-ser-box ul.innr-ser-list{ display:flex; flex-direction:row;}
.abt-ser-frame .innr-ser-box ul.innr-ser-list > li{ padding:60px 0; width:50%;}
.abt-ser-frame .innr-ser-box ul.innr-ser-list > li .innr-box{ background:none; padding-right:0;}
.abt-ser-frame .innr-ser-box ul.innr-ser-list > li .innr-box .text-box{ width:100%; border-radius:10px; padding:0 0;}
.abt-ser-frame .innr-ser-box ul.innr-ser-list > li .innr-box span.img{ float:right; width:40%; position:static; border:none; border-radius:0; padding:20px; background:none !important; height:auto;}
.abt-ser-frame .innr-ser-box ul.innr-ser-list > li .innr-box span.img img{ top:0; transform:none; max-width:500px;}
.abt-ser-frame .innr-ser-box ul.innr-ser-list > li:nth-child(odd){ background: #444; position:relative;}
.abt-ser-frame .innr-ser-box ul.innr-ser-list > li:nth-child(odd):before{ position:absolute; right:100%; top:0; width:9999px; height:100%; content:''; background: #444;}
.abt-ser-frame .innr-ser-box ul.innr-ser-list > li + li{ margin-top:0;}
.abt-ser-frame .innr-ser-box ul.innr-ser-list > li:nth-child(odd) .innr-box .text-box{ padding-right:50px;}
.abt-ser-frame .innr-ser-box ul.innr-ser-list > li:nth-child(even) .innr-box{ padding-left:0;}
.abt-ser-frame .innr-ser-box ul.innr-ser-list > li:nth-child(even) .innr-box .text-box{ float:right; padding-left:50px;}
.abt-ser-frame .innr-ser-box ul.innr-ser-list > li:nth-child(even) .innr-box span.img{ float:left;}
.abt-ser-frame .innr-ser-box ul.innr-ser-list > li .innr-box .text-box h3{ color:#fff;}
.abt-ser-frame .innr-ser-box ul.innr-ser-list > li .innr-box .text-box p{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 27px; font-weight: 400; color: #fff; text-align: left;}
.abt-ser-frame .innr-ser-box ul.innr-ser-list > li ul.innr-list li{ color:#fff; font-size:15px;}


.abt-choose-frame{ background:#fafafa;}
.abt-choose-frame .abt-choose-box h2{ font-size:55px; position: relative; display: block; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 40px; color: #333; text-align: center;}
.abt-choose-box .left-box{ padding-top: 80px; padding-bottom: 80px;}
.abt-choose-box h3{ font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 600; color: #142752; margin-bottom: 10px;}
.abt-choose-box p{ position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 27px; font-weight: 400; color: #333; text-align: left;}
.abt-choose-box ul.innr-choose-list{ float:left; width:100%; display:flex; flex-wrap:wrap;}
.abt-choose-box ul.innr-choose-list li{ float:left; width:50%; padding:15px;}
.abt-choose-box ul.innr-choose-list li .innr-box{ float:left; width:100%; min-height:100%; padding:25px; border-radius: 20px; text-align:center;}
.abt-choose-box ul.innr-choose-list li:nth-child(1) .innr-box{ background:rgba(237, 70, 54, .9);}
.abt-choose-box ul.innr-choose-list li:nth-child(2) .innr-box{ background:rgba(247, 142, 51, .9);}
.abt-choose-box ul.innr-choose-list li:nth-child(3) .innr-box{ background:rgba(83, 183, 87, .9);}
.abt-choose-box ul.innr-choose-list li:nth-child(4) .innr-box{ background:rgba(72, 178, 228, .9);}
.abt-choose-box ul.innr-choose-list li .innr-box span.img{ float: left; width: 100%; text-align: center; margin-bottom: 10px;}
.abt-choose-box ul.innr-choose-list li .innr-box span.img img { width: 100px;}
.abt-choose-box ul.innr-choose-list li .innr-box h3{ color:#fff; font-size:20px; margin-bottom:15px;}
.abt-choose-box ul.innr-choose-list li .innr-box p{ color:#fff; text-align:center; margin-bottom:0;}
.abt-choose-box .right-box span.img{ position:absolute; left:0; top:0; width:50vw; height:100%;}
.abt-choose-box .right-box span.img img{ width:100%; height:100%; object-fit:cover;}



.blog-frame{ padding:80px 0;}
.blog-box h2{  position: relative; display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #333; text-align:center;}
.blog-box .blog-list{ float:left; width:100%; margin-top:50px; display:flex; flex-wrap:wrap;}
.blog-box .blog-list > li{ float:left; flex:0 1 33.3%; padding:15px;}
.blog-box .blog-list li .innr-box{ float:left; width:100%; background:#fff; border-top-left-radius: 40px; border-bottom-right-radius:40px; border: 1px solid #ddd; box-shadow: 0 0 10px #eee; padding:15px; text-align:left; height:100%;}
.blog-box .blog-list li .innr-box span.img{ float:left; width:100%; text-align:left; margin-bottom:20px; height:200px;}
.blog-box .blog-list li .innr-box span.img img{ border-top-left-radius:30px; width:100% !important; height:100% !important; object-fit:cover;}
.blog-box .blog-list li .innr-box .blog-info-link { float:left; width:100%; font-size: 13px; line-height: 23px; color: #aaa; margin-bottom:5px; text-align:left;}
.blog-box .blog-list li .innr-box .blog-info-link li { display: inline-block; width:auto; margin-right: 10px; color:#131a44;}
.blog-box .blog-list li .innr-box .blog-info-link li i{ margin-right:6px;}
.blog-box .blog-list li .innr-box .blog-info-link li a{ color:#131a44;}
.blog-box .blog-list li .innr-box .blog-info-link li a:hover{ color:#0EBEE3;}
.blog-box .blog-list li .innr-box h3{ font-family: 'Poppins', sans-serif; font-size:17px; font-weight: 600; color: #142752; margin-bottom:15px; line-height:22px;}
.blog-box .blog-list li .innr-box h3 a{ color: #142752;}
.blog-box .blog-list li .innr-box p{ float:left; width:100%; position: relative; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height:27px; font-weight: 500; color: #333; text-align: left;}
.blog-box .blog-list li .innr-box span.read-more-btn a{ float: left; position: relative; display: inline-block; padding: 10px 20px; margin: 0; border-width: 2px; border-style: solid; border-radius: 150px; border-color: #fff; cursor: pointer; outline: none; -webkit-backface-visibility: hidden; vertical-align: middle; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: normal;  -webkit-box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); text-decoration: none; text-align: left; font-size: 16px; line-height: 22px; font-weight: 700; background-color: #0EBEE3; color: #151B3F; margin-top: 5px;}
.blog-box .blog-list li .innr-box span.read-more-btn a:hover{ background:none; border-color:#0EBEE3;}


.blog-detail-frame{ padding:80px 0;}
.blog-detail-box h2{ position: relative; display: block; font-size: 70px; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 0px; color: #333; text-align: left;}
.blog-detail-box .blog-date { float:left; width:100%; font-size: 14px; line-height: 23px; color: #aaa; margin-bottom:30px; text-align:left; color:#131a44;}
.blog-detail-box span.img{ float:left; width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; margin-bottom:20px;}
.blog-detail-box span.img img{ float:left; width:100%;}
.blog-detail-box p{ float:left; width:100%; position: relative; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height:27px; font-weight: 500; color: #333; text-align: left;}
.blog-detail-box ul.innr-list{ float: left; width: 100%; display: block; text-align: left; margin-bottom:15px;}
.blog-detail-box ul.innr-list li{ float: left; width: 100%; display: block; font-family: 'Open Sans', sans-serif; font-size: 15px; color: #333; padding-left: 20px; position: relative; margin-bottom: 8px; text-align: left;}
.blog-detail-box ul.innr-list li:before{ position: absolute; left: 0; top: 2px; content: "\f054"; font-size: 16px; color: #fed555; font-family: fontAwesome;}



.team-frame{ padding:80px 0; background:#fff;}
.team-frame .team-box h2{ font-size:55px; position: relative; display: block; line-height: 0.9em; text-transform: uppercase; font-family: 'Teko', sans-serif; font-weight: 400; margin-bottom: 40px; color: #333; text-align: center;}
.team-box ul.team-list{ display:flex; flex-wrap:wrap;}
.team-box ul.team-list li{ width:33.3%; padding:15px;}
.team-box ul.team-list li .innr-box{ padding:20px; background: #f3f6f9; border-radius: 10px; text-align: center; margin-bottom: 15px; height: 100%; box-shadow: 0 2px 3px rgb(0 0 0 / 20%);}
.team-box ul.team-list li .innr-box span.img{ float:left; width:100%; border-radius:15px; overflow:hidden;}
.team-box ul.team-list li .innr-box span.img img{ width:50%; object-fit:cover;}
.team-box ul.team-list li .innr-box .text-box{ float:left; width:100%;}
.team-box ul.team-list li .innr-box .text-box ul.social-list{float:left; width:100%; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; padding:10px 0;}
.team-box ul.team-list li .innr-box .text-box ul.social-list li{ width:auto; padding:10px;}
.team-box ul.team-list li .innr-box .text-box ul.social-list li i{ font-size:20px;}
.team-box ul.team-list li .innr-box .text-box h4{ text-transform:uppercase !important;font-size:16px; color:#000; float: left; width: 100%; margin-bottom: 15px; line-height:22px;}
.team-box ul.team-list li .innr-box .text-box h4 span{ float:left; width:100%; color:#939393; font-size:13px;}
.team-box ul.team-list li .innr-box .text-box p{ text-transform:uppercase !important;position: relative; display: block; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 27px; font-weight: 400; color: #333; text-align: center; padding:0 0;}


span.zoho-auth-part-logo{ float:left; margin-top:60px; width:100%; text-align:center;}
span.zoho-auth-part-logo img{ max-width:400px; width: 100%;}

.key-web-box span.zoho-auth-part-logo{ margin-top:0;}
.key-web-box span.zoho-auth-part-logo img{ max-width:550px;}


.success-stories-frame{ background:#fafafa !important;}
.success-stories-frame .indus-box .left-box span.img{ float: left; width: 170px; height: 170px; margin: 0 15px 15px 0; border-radius: 50%; overflow: hidden; border: 6px solid #0EBEE3;}
.success-stories-frame .indus-box .left-box span.img img{ width:100%; height:100%; object-fit: cover;}
.success-stories-frame .indus-box .left-box h3{ color: #323232; font-weight: bold; font-size: 20px; line-height: 22px; margin-top: 0; font-family: 'Poppins', sans-serif;}
.success-stories-frame .indus-box .left-box h5{ color: #323232; font-weight: normal; font-size:16px; line-height: 22px; margin-top: 0; font-family: 'Poppins', sans-serif; margin-top: 5px;}
.success-stories-frame .indus-box .left-box hr{ overflow:hidden;}
.success-stories-frame .indus-box .left-box .read_more_btn{ float:right; margin-top: 10px;}
.success-stories-frame .indus-box .left-box .read_more_btn a { float:left; position: relative; display: inline-block; padding: 10px 35px; margin: 0; border-width: 2px; border-style: solid; border-color: #0EBEE3; cursor: pointer; outline: none; -webkit-backface-visibility: hidden; vertical-align: middle; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: normal; -webkit-box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); box-shadow: 0px 3px 5px 0px rgb(20 39 82 / 3%); text-decoration: none; text-align: left; font-size: 15px; line-height: 22px; font-weight: 600; background-color: #fff; color: #151B3F; border-radius: 6px;}
.success-stories-frame .indus-box .left-box .read_more_btn a:hover { background:  #0EBEE3; color: #fff;}
.success-stories-frame .indus-box .right-box span.video-box{ float:left; width:100%; border:1px solid #ddd; padding:7px; border-radius: 7px; background:#fff;}
.success-stories-frame .indus-box .right-box span.video-box iframe{ border-radius: 7px;}


/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/

/* Rounded tabs */

@media (min-width: 576px) {
  .rounded-nav {
    border-radius: 50rem !important;
  }
}

@media (min-width: 576px) {
  .rounded-nav .nav-link {
    border-radius: 50rem !important;
  }
}

/* With arrow tabs */

.with-arrow .nav-link.active {
  position: relative;
}

.with-arrow .nav-link.active::after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #2b90d9;
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
}

/* lined tabs */

.lined .nav-link {
  border: none;
  border-bottom: 3px solid transparent;
}

.lined .nav-link:hover {
  border: none;
  border-bottom: 3px solid transparent;
}

.lined .nav-link.active {
  background: none;
  color: #555;
  border-color: #2b90d9;
}

/*
*
* ==========================================
* FOR DEMO PURPOSE
* ==========================================
*
*/




@media (max-width: 767.98px) {
  .timeline::after {
    left: 90px;
  }

  .timeline > div {
    width: 100%;
    padding-left: 120px;
    padding-right: 30px;
  }

  .timeline > .right {
    left: 0%;
  }

  .timeline > .left::after, 
  .timeline > .right::after {
    left: 82px;
  }

  .timeline > .left::before,
  .timeline > .right::before {
    left: 100px;
    border-color: transparent #006E51 transparent transparent;
  }

  .timeline > .left .date,
  .timeline > .right .date {
    right: auto;
    left: 15px;
  }

  .timeline > .left .icon,
  .timeline > .right .icon {
    right: auto;
    left: 146px;
  }

  .timeline > .left .content,
  .timeline > .right .content {
    padding: 30px 30px 30px 90px;
    border-radius:500px;
  }
}




@media (max-width:1199px){
	
	.key-fea-box ul.exp-summ-list li .innr-box .text-box{ flex:1 1 65%;}
	
	.store-inti-box .holderCircle{ width:550px; height:580px;}
	.store-inti-box .round{ width:460px; height:460px; left:50px;}
	.store-inti-box .contentCircle{ width:320px; top:160px;}
	.store-inti-box .title-box .title{ font-size:22px;}
	.store-inti-box .title-box p{ font-size:16px;}
	
	
	.why-choose-box .why-choose-list{ padding:0 20px;}
	
	.innr-ser-box ul.innr-ser-list > li .innr-box span.img{ width:250px; height:250px; top:-60px; right:-30px;}
	.innr-ser-box ul.innr-ser-list > li:nth-child(even) .innr-box span.img{ left:-30px;}
	
	.team-box ul.team-list li .innr-box span.img img{ height:200px;}

}




@media (max-width:991px){
	.innr-ser-box ul.innr-ser-list > li{ padding:0 25px;}
	.innr-ser-box ul.innr-ser-list > li .innr-box span.img{ width:250px; height:250px;}
	.innr-ser-box ul.innr-ser-list > li .innr-box{ padding-right:210px;}
	.innr-ser-box ul.innr-ser-list > li:nth-child(even) .innr-box{ padding-left:210px;}
	
	.blog-box-02 ul.blog-list > li .innr-box .innr-cont-box{ width:42%;}
	
	
	header .right-head .navbar ul.menu { position: fixed; left: -250px; top: 0; width: 250px; background:#131a44; height:100%; transition:0.2s; text-align:left; z-index:2; overflow:auto;}
	header .right-head .navbar ul.menu > li{ float:left; width:100%; position:relative; height:auto; padding:10px 0;}
		header .right-head .navbar ul.menu > li > a{ padding:0 10px;}
	.header-frame.on-scroll header .right-head .navbar ul.menu li{ height:auto;}
	header .right-head .navbar .navbar-collapse.show{ position:relative;}
	header .right-head .navbar .navbar-collapse.show{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:1;}
	header .right-head .navbar .navbar-collapse.show ul.menu{ left:0;}
	.header-frame.on-scroll header .right-head .navbar ul.menu li a{ color:#fff;}
	header .right-head .navbar ul.menu li .sub-menu{ position:static; padding:0 10px; background:rgba(255,255,255,0.8);}
	header .right-head .navbar ul.menu li:hover .sub-menu{ display:block;}
	header .right-head .navbar ul.menu li:hover .sub-menu .sub-menu-item:first-child{ display:none;}
	header .right-head .navbar ul.menu li:hover .sub-menu ul.sub-list{ padding:10px 0}
	header .right-head .navbar ul.menu li:hover .sub-menu ul.sub-list li{ width:100%; padding: 8px 10px;}
	
	header .right-head .navbar .navbar-toggler[aria-expanded="true"]{ z-index:9; position:fixed; left:270px; top:20px;}
	header .right-head .navbar .navbar-toggler[aria-expanded="true"] span:nth-child(2){ display:none;}
	header .right-head .navbar .navbar-toggler[aria-expanded="true"] span { transform: rotate(45deg); background:#fff !important;}
	header .right-head .navbar .navbar-toggler[aria-expanded="true"] span + span { transform: rotate(-45deg); margin-top: -1px;}

	
	
	
	header .right-head .navbar .navbar-toggler[aria-expanded="true"] span.nth-child(2){ opacity:0; visibility:hidden;}
	

	
	
	
	.main-services-frame .custom-nav .wb-develop{ width:50%;}
	.main-services-frame .custom-nav .wb-develop{ padding-bottom:200px;}
	
	
	.key-fea-box ul.exp-summ-list li .innr-box{ flex-direction:column; flex-wrap:nowrap;}
	.key-fea-box ul.exp-summ-list li .innr-box .exp-no{ flex:initial; align-items:initial;}
	.key-fea-box ul.exp-summ-list li .innr-box .text-box{ flex:initial; align-items:initial; text-align:center;}
	
	.key-web-box .key-web-list li{ flex:0 1 50%;}
	
	.work-plat-box .grid article{ padding:15px 30px;}
	
	.innr-ser-frame-01 .innr-ser-box ul.innr-ser-list > li .innr-box .text-box{ width:50%;}
	.innr-ser-frame-01 .innr-ser-box ul.innr-ser-list > li .innr-box span.img{ width:45%;}
	
	.process-box ul.process-list li{ flex:0 1 19%;}
	
	.store-inti-box .dotCircle .itemDot{ width:70px; height:70px; font-size:35px; line-height:70px;}
	
	.host-main-frame ul.nav-tabs li a{ font-size:20px;}
	
	.why-choose-box .why-choose-list > li .innr-box span.head-bg{ width:320px;}	
	.why-choose-box .why-choose-list > li .innr-box{ padding-right:280px;}
	.why-choose-box .why-choose-list > li .innr-box .heading{ right:0; top:0; width:200px; height:200px;}
	.why-choose-box .why-choose-list > li .innr-box h3{ font-size:16px;}
	.why-choose-box .why-choose-list > li:nth-child(even) .innr-box{ padding-left:280px;}
	.why-choose-box .why-choose-list > li:nth-child(even) .innr-box .heading{ left:0;}
	.why-choose-box .why-choose-list > li:last-child .innr-box span.head-bg{ width:200px;}
	
	
	.innr-ser-box ul.innr-ser-list > li{ margin-top:40px;}
	
	.key-fea-box ul.key-fea-list li{ flex: 0 1 50%;}	
	.our-soln-box .our-soln-list li { flex: 0 1 50%;}
	
	.cntct-info-box ul.cntct-info-list li h3{ font-size:16px;}
	
	.blog-box .blog-list li { flex: 0 1 50%;}
	
	
	.team-box ul.team-list li .innr-box span.img img{ height:180px;}
	
	
	
	
}





@media (max-width:767px){
	.ser-box .sec-title h2{ font-size:62px;}
	
	.abt-accordion .card-header,
	.abt-accordion .card-body{ margin-left:0 !important; margin-right:0 !important;}
	
	.about-frame .about-box .left-box{ margin-bottom:25px;}
	
	.right-cntct-box span.map-img{ height:auto; padding:50px;}
	.right-cntct-box span.map-img img{ position:static; transform:none;}
	.cntct-box .right-cntct-box{ padding:0 0;}
	.cntct-add-info{ position:static; float:left; width:100%;}
	
	.need-a-website{ text-align:center;}
	.need-a-website span.get-quote-btn{ float:none; display:inline-block; margin-top:15px;}
	
	.fixed-top{ position:static;}
	.bnr-section-frame .innr-frame{ padding-top:0;}
	.innr-bnr-frame{ padding-top:0;}
	
	
	
	.left-foot, .mid-foot-01{ margin-bottom:40px;}
	
	.innr-bnr-box .right-box { display: none;}
	
	
	.innr-ser-box h2{ padding:0 0 25px;}
	.innr-ser-box ul.innr-ser-list > li{ padding:0 0;}
	
	.innr-ser-box ul.innr-ser-list > li .innr-box .text-box { padding:40px 25px 40px;}
	
	
	.cntct-frame-02 .right-cntct-box .cntct-add-info{ padding:30px 20px 20px;}
	
	.blog-box-02{ padding-top:150px; padding-bottom:60px;}
	.blog-box-02 ul.blog-list > li{ margin-bottom:100px;}
	.blog-box-02 ul.blog-list > li .innr-box .innr-cont-box{ width:80%; margin:0 10%;}	
	.blog-box-02 ul.blog-list > li .innr-box .blog-date{ left:50%; transform:translateX(-50%) !important; top:-30px; margin-left:0; z-index:99;}
	
	.blog-box-02 ul.blog-list > li .innr-box .innr-cont-box:after{ display:none;}
	
	.innr-bnr-frame .innr-bnr-box .right-box{ display:none;}
	.innr-bnr-frame .innr-bnr-box .right-box-01{ display:block;}
	.innr-bnr-frame .innr-bnr-box .right-box-01 span.img{ display:none !important;}
	
	.key-fea-box ul.key-fea-list li{ flex:1 1 100%;}
	
	.key-fea-box ul.exp-summ-list li{ flex:0 1 100%; padding:10px 10px;}
	
	.key-web-box h2{ font-size:60px;}
	.work-plat-box h2{ font-size:60px;}
	
	.innr-ser-frame-01 .innr-ser-box ul.innr-ser-list > li .innr-box .text-box{ width:100%;}
	.innr-ser-frame-01 .innr-ser-box ul.innr-ser-list > li .innr-box span.img{ width:100%; margin-bottom:20px;}
	
	.innr-bnr-box .right-box{ display:none;}
	
	.process-box ul.process-list li { flex: 0 1 50%;}
	.process-box ul.process-list li h3{ font-size:15px;}
	
	.digi-mark-ser-box ul.digi-mark-ser-list li{ width:100%; padding: 15px 25px;}
	.digi-mark-ser-box ul.digi-mark-ser-list li .innr-box:before{ left:0;}
	.digi-mark-ser-box ul.digi-mark-ser-list li .innr-box{ padding-left:40px;}
	
	.quotes-innr-box{ position:relative;}
	.quotes-innr-box .left-box{ width:100%; max-width:100%; flex:0 0 100%;}
	.quotes-innr-box .right-box{ width:100%; max-width:100%; flex:0 0 100%; position:inherit;}
	.quotes-innr-box button.close span{ color:#fff;}
	
	.cms-web-dev-box .cms-web-dev-list > li{ flex:0 1 100%;}
	
	.host-main-frame .tab-content .host-innr-box ul.plans-list{ flex-wrap:wrap;}
	.host-main-frame .tab-content .host-innr-box ul.plans-list li{ flex:0 1 100%; max-width:100%; width:100%;}
	.host-main-frame .tab-content .host-innr-box ul.plans-list li .innr-box{ margin-bottom:30px;}
	.host-main-frame .tab-content .host-innr-box ul.plans-list > li:nth-child(2){ width:100%;}
	.host-main-frame .tab-content .host-innr-box ul.plans-list > li:nth-child(2) .innr-box{ margin-top:0;}
	
	.why-choose-frame{ padding-bottom:0;}
	.why-choose-box .why-choose-list{ margin-top:0;}
	.why-choose-box .why-choose-list > li{ margin-bottom:50px;}
	.why-choose-box .why-choose-list > li .innr-box{ padding-right: 0; padding-top:350px;}
	.why-choose-box .why-choose-list > li .innr-box span.head-bg { width: 100%; transform: rotate(-63deg); text-align: center; margin-top: 70px;}
	.why-choose-box .why-choose-list > li .innr-box span.head-bg img{ width: 320px;} 	
	.why-choose-box .why-choose-list > li .innr-box .heading{ left: 50%; transform: translate(-50%); margin-left:20px; margin-top:20px; }	
	.why-choose-box .why-choose-list > li:nth-child(even) .innr-box{ padding-left: 0; padding-top:350px;}
	.why-choose-box .why-choose-list > li:nth-child(even) .innr-box span.head-bg { width: 100%; transform: rotate(61deg); text-align: center; margin-top: 70px;}
	.why-choose-box .why-choose-list > li:nth-child(even) .innr-box span.head-bg img{ width: 320px;} 
	.why-choose-box .why-choose-list > li:nth-child(even) .innr-box .heading{ margin-left:-20px; left:50%; margin-top:20px;}	
	.why-choose-box .why-choose-list > li:last-child .innr-box span.head-bg{ width:100%;}
	.why-choose-box .why-choose-list > li:last-child .innr-box{ padding-top:210px;}
	.why-choose-box .why-choose-list > li:last-child .innr-box span.head-bg{ margin-top:10px;}
	.why-choose-box .why-choose-list > li:last-child .innr-box span.head-bg img{ width:200px;}
	.why-choose-box .why-choose-list > li:last-child .innr-box .heading{ margin-left:0; margin-top:0;}
	
	
	.innr-ser-box ul.innr-ser-list > li{ margin-top:0;}
	.innr-ser-box ul.innr-ser-list > li + li{ margin-top:50px;}
	.innr-ser-box ul.innr-ser-list > li .innr-box{ padding-right:0; padding-top:0;}
	.innr-ser-box ul.innr-ser-list > li:nth-child(even) .innr-box{ padding-left:0;}
	
	
	.plat-ser-box h2{ font-size:55px;}
	.plat-ser-box ul.plat-ser-list > li .left-box{ width:100%;}
	.plat-ser-box ul.plat-ser-list > li .right-box{ width:100%;}	
	.plat-ser-box ul.plat-ser-list > li:nth-child(odd) .left-box{ padding-bottom:30px;}
	.plat-ser-box ul.plat-ser-list > li:nth-child(odd) .right-box:before{ width:100vw; min-width:100%; left:50%; transform:translateX(-50%);}
	.plat-ser-box ul.plat-ser-list > li:nth-child(even) .left-box:before{ width:100vw; min-width:100%; left:50%; transform:translateX(-50%);}
	
	.dev-phase-box h2{ font-size:55px;}
	.dev-phase-box .timeline::after{ left:0; margin-left:0;}
	.dev-phase-box .timeline > div{ padding:15px 0 15px 35px; width:100%;}
	.dev-phase-box .timeline > div::after{ left:-7px;}
	.dev-phase-box .timeline > div::before{ left:7px;}
	.timeline > .left .date, .timeline > .right .date{ left:10px; margin-top: -35px;}
	.timeline > .left .icon, .timeline > .right .icon{ left:50px;}
	
	.host-main-frame ul.nav-tabs li a{ font-size:18px;}
	
	
	.exp-summ-box ul.exp-summ-list{ flex-wrap:wrap;}
	.exp-summ-box ul.exp-summ-list li { flex: 1 1 50%; margin-bottom:15px;}	
	
	.key-benf-box .innr-box ul.key-benf-list:before{ left:48px;}
	.key-benf-box .innr-box ul.key-benf-list > li .innr-box .icon{ left:0; margin-left:0;}
	.key-benf-box .innr-box ul.key-benf-list > li .innr-box .innr-cont-box{ width:100%; padding-right:0; padding-left:130px;}
	.key-benf-box .innr-box ul.key-benf-list > li:nth-child(even) .innr-box .innr-cont-box{ width:100%; padding-right:0; padding-left:130px;}
	.key-benf-box .innr-box ul.key-benf-list > li .innr-box .innr-cont-box .key-benf-details:after{ right: auto; left: -10px;}
	
	
	.exp-summ-frame { padding: 0 15px 50px;}
	
	.erp-res-frame ul.innr-ser-list li{ width:50%;}
	.our-soln-frame-01 .our-soln-box .our-soln-list li { flex: 0 1 100%;}
	
	
	.cntct-info-box ul.cntct-info-list li{ width:100%;}
	.cntct-info-box ul.cntct-info-list li + li{ margin-top:20px;}
	.cntct-info-box ul.cntct-info-list li h3{ font-size:20px;}
	
	.cntct-add-box .cntct-add-list li { flex: 0 1 100%;}
	
	.digi-info-frame{ padding:50px 0 50px;}
	.digi-mark-ser-frame{ padding:40px 0;}
	.at-your-reach-frame{ padding:40px 0;}
	
	.foot-frame footer .foot-footnote{ margin-top:30px;}
	
	.ser-frame { padding: 30px 0px 0px;}
	.indus-frame{ padding:50px 0 30px;}
	.indus-box .indus-slider{ margin-top:10px;}
	
	.about-frame{ padding:50px 0;}
	
	.port-frame{ padding:50px 0;}
	.port-box p{ padding-bottom:20px;}
	
	.test-frame{ padding:50px 0 50px;}
	.test-box h2{ margin-bottom:30px;}
	
	.abt-main-frame{ padding:50px 0;}
	
	.abt-ser-frame .innr-ser-box ul.innr-ser-list > li .innr-box .text-box{ width:100%;}
	.abt-ser-frame .innr-ser-box ul.innr-ser-list > li .innr-box span.img{ width:100%; margin-bottom:20px;}
	
	
	.abt-choose-box .left-box{ padding-top:50px; padding-bottom:0;}
	.abt-choose-box .right-box{  padding-bottom:40px;}
	.abt-choose-box .right-box span.img{ float:left; width:100%; position:static;; padding:20px;}
	.abt-choose-box .right-box span.img img{ border:1px solid #ddd; border-radius:10px;}
	
	.blog-box .blog-list li { flex: 0 1 100%;}
	
	
	header .right-head .navbar .navbar-toggler span{ background-color:#000;}
	.abt-ser-frame .innr-ser-box ul.innr-ser-list{ flex-direction:column; padding:0 15px;}
	.abt-ser-frame .innr-ser-box ul.innr-ser-list > li{ width:100%;}
	.abt-ser-frame .innr-ser-box ul.innr-ser-list > li:nth-child(odd):after { position: absolute; left: 100%; top: 0; width: 9999px; height: 100%; content: ''; background: #444;}
	.abt-ser-frame .innr-ser-box ul.innr-ser-list > li:nth-child(odd) .innr-box .text-box { padding-right:0;}
	.abt-ser-frame .innr-ser-box ul.innr-ser-list > li:nth-child(even) .innr-box .text-box { float:left; padding-left:0;}
	
	.team-box ul.team-list li{ width:50%;}
	
	.team-box ul.team-list li .innr-box span.img img{ height:auto;}

	
}




@media (max-width:576px){
	.ser-box .sec-title h2{ font-size:58px;}
	
	.cntct-add-info .innr-box .cntct-add-info-details { flex: 0 0 100%; max-width:100%;}
	
	.mid-foot-02{ margin-bottom:40px;}
	
	.blog-box-02 ul.blog-list > li .innr-box .innr-cont-box{ width:90%; margin:0 5%;}
	
	.main-services-frame .custom-nav .wb-develop{ width:100%;}
	
	.key-web-box .key-web-list li{ flex:0 1 100%; padding:15px 30px;}
	
	.store-inti-box .holderCircle { width: 530px; height:530px; left: 50%; transform: translateX(-50%);}
	.store-inti-box .round { width: 430px; height: 430px; left: 50%; transform: translateX(-50%);}
	.store-inti-box .dotCircle{ width:500px; height:500px;}
	
	
	.process-box ul.process-list{ flex-direction:column;}
	.process-box ul.process-list li{ flex:unset;}
	
	.at-your-reach-box form ul.form-list > li ul.sub-list li{ width:100%;}
	.at-your-reach-box form ul.form-list > li ul.sub-list li + li{ padding-left:0; margin-top: 20px; }
	
	
	.header-frame{ background:#fff;}
	.header-frame header .left-head span.logo .logo-01{ display:none;}
	.header-frame header .left-head span.logo .logo-02{ display:block;}
	header .left-head{ max-width:100%; flex:0 0 100%; text-align:center;}
	header .right-head{ max-width:100%; flex:0 0 100%;}
	header .right-head .navbar{ float:left;}
	header .right-head .navbar .navbar { padding: 0 0;}
	.header-frame .right-head .navbar .navbar-toggler span{ background-color:#000;}
	.header-frame header .right-head .navbar ul.menu li a{ color:#fff;}
	.header-frame header .right-head .navbar ul.menu li:hover a{ color:#0EBEE3;}
	.header-frame header .right-head .navbar ul.menu li.current-menu-item a{ color:#0EBEE3;}
	header .left-head span.logo{ text-align:center;}
	header .left-head span.logo a{ float:none; display:inline-block;}
	
	.quotes-innr-box .right-box form ul.form-list > li ul.sub-list li{ width:100%; padding-right:0;}
	.quotes-innr-box .right-box form ul.form-list > li ul.sub-list li + li{ padding-left:0; margin-top:15px;}
	
	.test-box .testimonial .description{ padding:20px;}
	
	.cntct-box .left-cntct-box h2{ font-size:55px;}
	.cntct-box .left-cntct-box form ul.form-list > li ul.sub-list li{ width:100%; padding-right:0;}
	.cntct-box .left-cntct-box form ul.form-list > li ul.sub-list li + li{ padding-left:0; margin-top:20px;}
	
	
	.host-main-frame ul.nav-tabs li{ width:100%}
	
	
	.timeline > .left .content, .timeline > .right .content{ padding-left:55px;}
	
	.process-box h2{ font-size:55px;}
	.process-box ul.process-list li{ padding:0 15px;}
	.process-box ul.process-list li + li{ margin-top:40px;}
	.process-box ul.process-list li span.img{ max-width:150px;}
	.process-box ul.process-list li h3{ position:static; transform:none; order:-1;}
	
	.key-comp-box h2{ font-size:55px;}
	.key-comp-box ul.key-comp-list li h3{ font-size:15px; width:150%;}
	
	
	.host-main-frame ul.nav-tabs li{ width:100%;}
	
	.why-choose-box .why-choose-list > li .innr-box p{ border-radius:50px;} 
	
	.process-box ul.process-list li h3{ width:100%;}
	.timeline > .left .content, .timeline > .right .content{ border-radius:50px;}
	
	.our-soln-box .our-soln-list li { flex: 0 1 100%;}
	
	.erp-res-frame ul.innr-ser-list li{ width:100%;}
	.erp-res-frame ul.innr-ser-list li .innr-box{ min-height:400px;}
	
	
	.foot-frame footer{ text-align:center;}
	.foot-frame footer .left-foot ul.social-list li{ float:none; display:inline-block;}
	.foot-comp-info-inner > div + div{ width:100% !important; justify-content:center !important;}
	.foot-comp-info-inner > div a{ margin:0 10px;}
	
	.abt-choose-box ul.innr-choose-list li{ width:100%;}
	
	
	
	
	
}




@media (max-width:480px){
	.ser-box .sec-title h2{ font-size:52px;}
	.exp-summ-box ul.exp-summ-list li { flex: 1 1 100%;}
	
	.team-box ul.team-list li{ width:100%;}
	
}




@media only screen and (min-width:300px) and (max-width:599px) {
	.holderCircle {/* width: 300px; height: 300px;*/ margin: 110px auto; }
	.holderCircle::after { width: 100%; height: 100%; }
	.dotCircle { width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
}