*{ margin:0; padding:0; box-sizing:border-box; font-family: 'Open Sans', sans-serif; } :focus{outline: none !important;} li{ list-style:none;} a, a:hover{ text-decoration:none;} img{ max-width:100%; padding:0; margin:0; width:auto; display:block;} :hover{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms- transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} h3{ font-size:18pt;} #about .icon_div h4{ color: #fff !important; } .custom h3 strong{ color:#7b7b7b !important; } .special h2{ color: #fff !important; } h1{ font-size:86pt;} h2{ font-size: 2rem; line-height: 1; position: relative; text-align: center; text-transform: uppercase; letter-spacing: 5px; font-weight: 500; font-family: 'Poppins', sans-serif, "proxima-nova", "Helvetica Neue", Helvetica, Arial; color: #000; } h4{ font-size: 1.1rem; } .over li h4{color: #7b7b7b;} p{ line-height: 20pt; font-size: 1.1rem; text-align-last: center; color: #000; justify-content: center; text-align: justify; } p.text-left{ text-align-last: left; } h5.iconlist_title { font-weight: bold; } #join1 p,#join p{ text-align-last: left; font-size: 16px;} .text-right{ text-align-last:right; } a.techive_font{font-size:18pt;} /*Nav style by R.C*/ a.navbar-brand { width: 20%;} .navbar .navbar-nav .nav-item .nav-link{ font-size:11pt; color:#fff;} /*Nav style by R.C*/ /*banner style*/ .banner{ background:url(../images/banner_bg.jpg) no-repeat top center; background-size:cover; width:100%; height:100vh; position:relative;} .techive_contact_btn{ background-color: transparent; border-radius:50px; font-size: 15pt;} .btn:not(:disabled):not(.disabled):hover{ background-color:#051438; } canvas.particles-js-canvas-el { position: absolute; top: 0; z-index:0; left: 0;} div#banner h1 {font-size: 62px; line-height: 100px;} #banner{ position:relative; z-index:1;} div#navbar { position: relative; z-index: 999; } .typewrite{color: #fff !important; } .typewrite > .wrap{ color: #fff !important; text-transform: none; } #scrol_img{-webkit-animation: MoveUpDown 1s linear infinite; position:relative; z-index:1; transition: all .5s ease-in-out; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} @-webkit-keyframes MoveUpDown { from { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; bottom: 10px; } to { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; bottom: 5px; } } html { scroll-behavior: smooth; } .techive_btn_contact{ background-color: transparent; border-radius: 50px; } .sticky { background: rgba(2,37,186,1); background: -moz-linear-gradient(top, rgba(2,37,186,1) 0%, rgba(3,78,151,1) 0%, rgba(8,14,59,1) 79%, rgba(8,14,59,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(2,37,186,1)), color-stop(0%, rgba(3,78,151,1)), color-stop(79%, rgba(8,14,59,1)), color-stop(100%, rgba(8,14,59,1))); background: -webkit-linear-gradient(top, rgba(2,37,186,1) 0%, rgba(3,78,151,1) 0%, rgba(8,14,59,1) 79%, rgba(8,14,59,1) 100%); background: -o-linear-gradient(top, rgba(2,37,186,1) 0%, rgba(3,78,151,1) 0%, rgba(8,14,59,1) 79%, rgba(8,14,59,1) 100%); background: -ms-linear-gradient(top, rgba(2,37,186,1) 0%, rgba(3,78,151,1) 0%, rgba(8,14,59,1) 79%, rgba(8,14,59,1) 100%); background: linear-gradient(to bottom, rgba(2,37,186,1) 0%, rgba(3,78,151,1) 0%, rgba(8,14,59,1) 79%, rgba(8,14,59,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0225ba', endColorstr='#080e3b', GradientType=0 ); z-index: 99999 !important; position: fixed !important; border-bottom: 1px solid #fff; top: 0; width: 100%;} .sticky .navbar .navbar-brand img{ width: 150px;} .sticky nav.navbar.navbar-expand-lg { padding: 0;} .navbar-toggler{position: relative; z-index: 9; border:1px solid #000;} .navbar-toggler i{ color: #000; font-size:30px; font-weight: 400; } .sticky .navbar-toggler{ position: relative; z-index: 9; border:1px solid #fff; margin: 10px 0;} .sticky .navbar-toggler i{ color: #fff; font-size:30px; font-weight: 400; } /*banner style*/ /*about*/ .mobile_svg{ overflow: hidden; } #about_text{ justify-content: center; } .icon img{width: auto; margin: auto auto; height: 50px; line-height: 100px; vertical-align: bottom; display: inline-block;} .icon{ width: 100px; height: 100px; border-radius: 50%; text-align: center; line-height: 75px; background: rgba(2,37,186,1); background: -moz-linear-gradient(top, rgba(2,37,186,1) 0%, rgba(3,78,151,1) 0%, rgba(8,14,59,1) 79%, rgba(8,14,59,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(2,37,186,1)), color-stop(0%, rgba(3,78,151,1)), color-stop(79%, rgba(8,14,59,1)), color-stop(100%, rgba(8,14,59,1))); background: -webkit-linear-gradient(top, rgba(2,37,186,1) 0%, rgba(3,78,151,1) 0%, rgba(8,14,59,1) 79%, rgba(8,14,59,1) 100%); background: -o-linear-gradient(top, rgba(2,37,186,1) 0%, rgba(3,78,151,1) 0%, rgba(8,14,59,1) 79%, rgba(8,14,59,1) 100%); background: -ms-linear-gradient(top, rgba(2,37,186,1) 0%, rgba(3,78,151,1) 0%, rgba(8,14,59,1) 79%, rgba(8,14,59,1) 100%); background: linear-gradient(to bottom, rgba(2,37,186,1) 0%, rgba(3,78,151,1) 0%, rgba(8,14,59,1) 79%, rgba(8,14,59,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0225ba', endColorstr='#080e3b', GradientType=0 ); margin: 0 auto; cursor: pointer; box-shadow: 0 10px 10px rgba(0,0,0,0.3); margin-bottom: 15px;} .icon:hover{box-shadow: 0 20px 20px rgba(0,0,0,0.22);} .icon_div{ width: 100%; background: rgb(8,14,55); background: -moz-linear-gradient(top, rgba(8,14,55,1) 0%, rgba(2,37,183,1) 100%, rgba(125,185,232,1) 100%); background: -webkit-linear-gradient(top, rgba(8,14,55,1) 0%,rgba(2,37,183,1) 100%,rgba(125,185,232,1) 100%); background: linear-gradient(to bottom, rgba(8,14,55,1) 0%,rgba(2,37,183,1) 100%,rgba(125,185,232,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#080e37', endColorstr='#7db9e8',GradientType=0 ); border-radius: 20px; margin-top: -65px;} .icon_div p{ font-size: 15pt; } .read_color{ color: #fff; font-weight: bold; text-decoration: underline; } .read_color:hover{text-decoration: underline; color: #000;} /*about*/ /*WEBSITE*/ #website{ background:url(../images/website_bg.jpg) no-repeat center center; background-size:cover;} #website .col-sm-12 ul label{ font-size:18pt; font-weight:bold;} #website .col-sm-12 ul li{ font-size:12pt; font-weight:bold; text-indent:25px; background:url(../images/Star_icon.png) no-repeat left center; line-height:25pt;} /*WEBSITE*/ /*owl crousal*/ .middle_carousel{ width:100%; display:block; margin:0 auto;position:relative; z-index:1; cursor: move; padding: 50px 0;} .middle_carousel img{ margin:0 auto; width:300px; } .middle_carousel .owl-carousel{ position:absolute; top:0; left:0; z-index:-1; padding: 50px 0;} .middle_carousel .owl-carousel .item { padding: 79px 0 0 0; position: relative; margin-bottom: 20px;-webkit-box-shadow: 0 20px 0 0 rgba(0,0,0,.5); box-shadow: 0 20px 0 0 rgba(0,0,0,.8); left: 80px; width: 211px; } #sync2 .owl-item.active.center .item{opacity: 1; } #sync2 .owl-item.active.center .item img{ border-radius: 0; } #sync2 .owl-item.cloned,#sync2 .owl-item .item,#sync2 .owl-item.active{ opacity:1 ; } #sync2 .owl-item .item img{-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5); box-shadow: 0 0 5px 0 rgba(0,0,0,.5);} .owl-item.cloned,.owl-item .item img{border-radius: 40px 0;} .current{ background:#000;} .bg_style{ background-color: #303f9f;} .bg_style1 { background-color: #a61f17; } .bg_style2{background-color: #388e3c;} /*owl crousal*/ /*digital*/ #digital ul li{ text-indent:25px; font-size: 1.1rem; color: #7b7b7b; background:url(../images/Star_icon_1.png) no-repeat left center; font-weight:bold;} #contant{ background:url(../images/content-writers.jpg) no-repeat center center; background-size:cover; background-attachment: fixed;} .design_contant{ border-radius:10px; background: rgba(2,8,42,1); height: 280px; background: -moz-linear-gradient(45deg, rgba(2,8,42,1) 0%, rgba(2,8,42,1) 35%, rgba(3,78,151,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(2,8,42,1)), color-stop(35%, rgba(2,8,42,1)), color-stop(100%, rgba(3,78,151,1))); background: -webkit-linear-gradient(45deg, rgba(2,8,42,1) 0%, rgba(2,8,42,1) 35%, rgba(3,78,151,1) 100%); background: -o-linear-gradient(45deg, rgba(2,8,42,1) 0%, rgba(2,8,42,1) 35%, rgba(3,78,151,1) 100%); background: -ms-linear-gradient(45deg, rgba(2,8,42,1) 0%, rgba(2,8,42,1) 35%, rgba(3,78,151,1) 100%); background: linear-gradient(45deg, rgba(2,8,42,1) 0%, rgba(2,8,42,1) 35%, rgba(3,78,151,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02082a', endColorstr='#034e97', GradientType=1 );} .gradient_img{ height: 60px;} /*digital*/ /*join*/ #join, .our_Ser, #rou_sty, #copyright{background: rgba(8,14,59,1); background: -moz-linear-gradient(top, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(8,14,59,1)), color-stop(27%, rgba(8,14,59,1)), color-stop(32%, rgba(8,14,59,1)), color-stop(100%, rgba(3,78,151,1))); background: -webkit-linear-gradient(top, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); background: -o-linear-gradient(top, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); background: -ms-linear-gradient(top, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); background: linear-gradient(to bottom, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#080e3b', endColorstr='#034e97', GradientType=0 );} #join p small img{ width:25px; vertical-align:top; margin-top:5px; margin-right:10px;} #join p small a:hover{ color:#000 !important;} .form-control{ width:49%; margin-bottom:5px; background-color:transparent;} .form-control-file{ width:98.5%; border-radius:5px; color:#fff;} #remarks{width:98.5%; border-radius:5px; background-color:transparent; color:#fff; padding:10px;} ::placholder{ color:#fff;} #copyright p{ height:50px; line-height:50px;} #email1{ width: 98.5%; } /*join*/ .cursor{ text-indent:5px; color:#fff;} .cursor::after { content:''; display:inline-block; margin-left:3px; background-color:white; animation-name:blink; animation-duration:0.5s; animation-iteration-count: infinite; } h5.cursor::after { height:16px; width:5px; margin-left:5px; } @keyframes blink { 0% { opacity:1; } 49% { opacity:1; } 50% { opacity:0; } 100% { opacity:0; } } .banner1{ background:url(../images/banner_6.jpg) no-repeat top center !important; background-size:cover; width:100vw;} /*contact tab*/ #contact_tab{ bottom: -270px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; position: fixed; z-index: 999999; right: 0;} #contact_tab:hover{ bottom: 0 !important; } .con_tab{ bottom: 0 !important; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} .fa-address-book{ font-size: 30px; } #myDIV{ background-color: #05499c; border-radius: 20px 0 0 0;} .contact_show{ width: 80%; vertical-align: middle; } .contact_show1{ width: 19%;vertical-align: middle; } .contact_icon_fixed{ width: 70px; text-align: center; font-size: 40px; height: 70px; border-radius: 50%; background-color:#fff; color: #080e37; line-height: 70px; z-index: 9999; -webkit-box-shadow: 1px 1px 10px 2px rgba(5,73,156,1); box-shadow: 1px 1px 10px 2px rgba(5,73,156,1); display: block !important; bottom: 10px; right: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} #contact_tab:hover .contact_icon_fixed{ box-shadow:none; border-top: 10px solid #05499c !important; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; margin-bottom: -35px; position: relative; bottom: 0;} .btn-info1{background-color: #05499c;} .remarks{ color: #000 !important; } #contact_tab input::placeholder, .color_place,.remarks::placeholder{ color: #05499c; } .color_place{ font-size: 13px; } .contact_icon_fixed_img{ max-width: 95%;} .contact_form_fixd{ } .border-info1{ border-color: #05499c; font-size: 12px !important; } #contact_form_fixd{ box-shadow: none; border: 1px solid #05499c;background-color: #fff; color: #000; border: 3px solid #05499c !important; } .align_middle{ vertical-align: middle; opacity: 0; overflow: hidden;} .bg_style{width: 50px; text-align: center; height: 50px; border-radius: 50%; background-color:#fff; color: #080e37; line-height: 50px; -webkit-box-shadow: 1px 1px 10px 2px rgba(5,73,156,1); box-shadow: 1px 1px 10px 2px rgba(5,73,156,1); margin-right: 15px; opacity: 0; overflow: hidden;} .bg_style img{ display: inline-block; } .slide-in-right { opacity: 1; -webkit-animation: slide-in-right 2s both; animation: slide-in-right 2s both; } @-webkit-keyframes slide-in-right { 0% { -webkit-transform: translateX(1000px); transform: translateX(1000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slide-in-right { 0% { -webkit-transform: translateX(1000px); transform: translateX(1000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slide-in-right1 { opacity: 1; -webkit-animation: slide-in-right 3s both; animation: slide-in-right 3s both; } @-webkit-keyframes slide-in-right1 { 0% { -webkit-transform: translateX(1000px); transform: translateX(1000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slide-in-right1 { 0% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } #owl-demo .item{ text-align: center; display: inline-block; } .owl-theme .owl-dots, .owl-theme .owl-nav{ display: none; } #owl-demo .owl-item img{margin: 0 auto;} .slider1{ padding-bottom: 40px !important; background: url(../images/sky-blue-brick-wall-texture.png) no-repeat left center; background-size: cover; } .bgz{ height: 80px; } .slider2{padding-top: 15px; color: #fff; } .owl-carousel.owl-drag .owl-item{ text-align: center; } .owl-item.cloned, .owl-item .item img{ border-radius: 0; } /* Feel free to change duration */ .owl-carousel.owl-drag .owl-item .animated { -webkit-animation-duration : 1000 ms ; animation-duration : 1000 ms ; -webkit-animation-fill-mode : both ; animation-fill-mode : both ; } /* .owl-animated-out - only for current item */ /* This is very important class. Use z-index if you want move Out item above In item */ .owl-animated-out { z-index : 1 } /* .owl-animated-in - only for upcoming item /* This is very important class. Use z-index if you want move In item above Out item */ .owl-animated-in { z-index : 0 } /* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css: */ .fadeOut { -webkit-animation-name : fadeOut ; animation-name : fadeOut ; } @-webkit-keyframes fadeOut { 0% { opacity : 1 ; } 100% { opacity : 0 ; } } @keyframes fadeOut { 0% { opacity : 1 ; } 100% { opacity : 0 ; } } .owl-demo .owl-item { opacity: 0; transition: all .5s .5s; } .owl-demo .owl-item.active{ opacity: 1; } .owl-demo .owl-item:last-child.active{ opacity: 0; transition: all .5s .5s; } .slide-in-top { opacity: 1; -webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes slide-in-top { 0% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slide-in-top { 0% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slide-in-top1 { opacity: 1; -webkit-animation: slide-in-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;} @-webkit-keyframes slide-in-top1 { 0% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slide-in-top1 { 0% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slide-in-left { opacity: 1; -webkit-animation: slide-in-left 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-left 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes slide-in-left { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slide-in-left { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slide-in-left1 {opacity: 1; -webkit-animation: slide-in-left 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-left 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes slide-in-left1 { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slide-in-left1 { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slide-in-bottom { opacity: 1; -webkit-animation: slide-in-bottom 3.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-bottom 3.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes slide-in-bottom { 0% { -webkit-transform: translateY(1000px); transform: translateY(1000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slide-in-bottom { 0% { -webkit-transform: translateY(1000px); transform: translateY(1000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .over{ overflow: hidden; } /*APP_Devlopment_Page*/ .banner2{ background: url(../images/app_banner.jpg) no-repeat top center !important; background-size: cover; } .navbar1 .navbar-nav .nav-item .nav-link{ font-size:12pt; color:#000 !important;} .special, .flip-card-front, .why_best, .work_our, .work_with, .img-bg, .toolbox{ background: rgba(8,14,59,1); background: -moz-linear-gradient(top, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(8,14,59,1)), color-stop(27%, rgba(8,14,59,1)), color-stop(32%, rgba(8,14,59,1)), color-stop(100%, rgba(3,78,151,1))); background: -webkit-linear-gradient(top, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); background: -o-linear-gradient(top, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); background: -ms-linear-gradient(top, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); background: linear-gradient(to bottom, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#080e3b', endColorstr='#034e97', GradientType=0 );} /* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */ .flip-card { background-color: transparent; border: 1px solid #000; perspective: 1000px; height: 160px; cursor: pointer; /* Remove this if you don't want the 3D effect */ } /* This container is needed to position the front and back side */ .flip-card-inner { position: relative; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; height: 160px; } /* Do an horizontal flip when you move the mouse over the flip box container */ .flip-card:hover .flip-card-inner { transform: rotateY(180deg); } /* Position the front and back side */ .flip-card-front, .flip-card-back { position: absolute; backface-visibility: hidden; } /* Style the front side (fallback if image is missing) */ .flip-card-front { background-color: #bbb; color: black; width: 100%;} /* Style the back side */ .flip-card-back { background-color: dodgerblue; color: white; transform: rotateY(180deg); top: 40%; left: 30%;} .img_hed{ width: 100px; height: 100px; border-radius: 50%; border:1px solid #fff; line-height: 100px; } #wid_im{ width: 60px; } .work_our .col-lg-4 .w-100{ overflow: hidden; cursor: pointer; position: relative;} .work_our img{-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;} .work_our img:hover{-webkit-transform: scale(1.1); transform: scale(1.1); } .over-lay { width: 100%; position: absolute; top: 0; left: 0; height: 100%; background-color: #000; opacity: .2; z-index: 0} .text-over{width: 100%; position: absolute; top: 0; left: 0; height: 100%; z-index: 1; opacity: 0;} .work_our .col-lg-4 .w-100:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);} .work_our .col-lg-4 .w-100:hover .over-lay{opacity: .5;} .work_our .col-lg-4 .w-100:hover .text-over{opacity: 1;} #gear{ animation-name: ckw; animation-duration: 5s; animation-iteration-count: infinite; transform-origin: 50% 50%; display: inline-block; animation-timing-function: linear; position: absolute; top: 20%; width: 300px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms- transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} #gear1{ animation-name: ckw; animation-duration: 5s; animation-iteration-count: infinite; transform-origin: 50% 50%; animation-timing-function: linear; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms- transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} #gear2{ position: relative;} @keyframes ckw { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .process .col-lg-6 .col-lg-12 p ,.process .col-lg-6 .col-lg-11 p, .process .col-lg-6 .col-lg-10 p{ font-size: 18px; line-height: 20px; text-align-last: left; } .process .col-lg-6 .col-lg-12 h3 ,.process .col-lg-6 .col-lg-11 h3, .process .col-lg-6 .col-lg-10 h3{ font-size: 20px; font-weight: bold; } .process .col-lg-6 .col-lg-12 h3{ color: #c6501a; } .process .col-lg-6 .col-lg-11 h3{ color: #5c2884; } .process .col-lg-6 .col-lg-10 h3{ color: #00539d; } .process .col-lg-6 .col-lg-12:last-child h3{ color: #5cac3f; } .coloe{ color: #029173 !important; } .b-r{ border-radius: 25px; } .img-bg{ width: 100px; height: 100px;border-radius: 50%; line-height: 100px; text-align: center; margin: 0 auto; } .img-bg img{ display: inline-block; } .work_with .b-r p{ font-size: 16px; line-height: 18px; } i.fa.fa-code, i.fa.fa-bug, i.fa.fa-users, i.fa.fa-wrench, i.fa-file-text-o, i.fa-weixin, i.fa-ellipsis-h, i.fa-thumbs-up { color: #fff; font-size: 40px; line-height: 100px; } .col-lg-3.b-r.bg-white.py-4{ flex:0 0 24%; margin-bottom: 15px; margin-right: 15px !important; } .col-lg-3.b-r.bg-white.py-4:nth-child(5), .col-lg-3.b-r.bg-white.py-4:nth-child(9){ margin-right: 0 !important; } .client_say .donts .owl-theme .owl-dots{ display: none; } .client_say .owl-theme .owl-dots{ display: block; } .client_say .owl-theme p{ font-size: 16px; } .client_say .owl-theme .owl-dots .owl-dot span{ width: 50px; height: 50px; border-radius: 50%; border: 1px solid #000;} .client_say .owl-theme .owl-dots .owl-dot:nth-child(1) span{ background: url(../images/985517ce0ec.jpeg) no-repeat center center; background-size: cover !important;} .client_say .owl-theme .owl-dots .owl-dot:nth-child(2) span{ background: url(../images/ayayji.jpeg) no-repeat center center; background-size: cover !important;} .client_say .owl-theme .owl-dots .owl-dot:nth-child(3) span{ background: url(../images/abishek.jpeg) no-repeat center center; background-size: cover !important;} .client_say .owl-theme .owl-dots .owl-dot:nth-child(4) span{ background: url(../images/prdeepji.jpeg) no-repeat center center !important; background-size: cover !important;} .client_say .owl-theme .owl-dots .owl-dot.active span, .client_say .owl-theme .owl-dots .owl-dot:hover span{ width: 80px; height: 80px; outline: none; } .client_say .owl-theme .owl-dots .owl-dot.active span, .client_say .owl-theme .owl-dots .owl-dot:hover span .siz{ font-size: 45px; margin-right: 15px;} h3.pt-2.text-white{ font-size: 20px; padding-bottom: 4px; } a.ct-btn-scroll.ct-js-btn-scroll.w-100.d-block.float-left { position: absolute; bottom: 20px;} .about_i_after:after{ height: 2px; margin-top: 15px; content: ""; width: 40%; float: left; background: rgba(8,14,59,1); background: -moz-linear-gradient(top, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(8,14,59,1)), color-stop(27%, rgba(8,14,59,1)), color-stop(32%, rgba(8,14,59,1)), color-stop(100%, rgba(3,78,151,1))); background: -webkit-linear-gradient(top, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); background: -o-linear-gradient(top, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); background: -ms-linear-gradient(top, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); background: linear-gradient(to bottom, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#080e3b', endColorstr='#034e97', GradientType=0 ); } .about_i_after:before{ height: 2px; margin-top: 15px; content: ""; width: 40%; float: right; background: rgba(8,14,59,1); background: -moz-linear-gradient(top, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(8,14,59,1)), color-stop(27%, rgba(8,14,59,1)), color-stop(32%, rgba(8,14,59,1)), color-stop(100%, rgba(3,78,151,1))); background: -webkit-linear-gradient(top, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); background: -o-linear-gradient(top, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); background: -ms-linear-gradient(top, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); background: linear-gradient(to bottom, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#080e3b', endColorstr='#034e97', GradientType=0 ); } .about_i_after{ width: 20%;} h2{ letter-spacing: 5px !important; margin-top: 0 !important; font-size: 30px !important; text-transform: uppercase; font-weight: 500 !important;} .about_i_color{ color: #fff !important; background:inherit; -webkit-text-fill-color: inherit;} .about_i_after_color:after{ background-color: #fff !important; background:none;} .about_i_after_color:before{ background-color: #fff !important; background:none;} .about_i_after_color .about_i{ background-image: none; background-color: #fff; } .about_i { font-size: 30px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; -moz-background-clip: text; background-image: -moz-linear-gradient(top, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); background-image: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(8,14,59,1)), color-stop(27%, rgba(8,14,59,1)), color-stop(32%, rgba(8,14,59,1)), color-stop(100%, rgba(3,78,151,1))); background-image: -webkit-linear-gradient(top, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); background-image: -o-linear-gradient(top, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); background-image: -ms-linear-gradient(top, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); background-image: linear-gradient(to bottom, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#080e3b', endColorstr='#034e97', GradientType=0 ); } #color-af{} .sticky .navbar1 .navbar-nav .nav-item .nav-link { font-size: 12pt; color: #fff !important; } .sticky .navbar1{background: url(../images/logo_white.png) no-repeat left 6px; background-size: 150px;} .sticky .navbar1 img{display: none;} #pos{ position: relative; background: rgb(2,6,99); background: -moz-linear-gradient(top, rgba(2,6,99,1) 1%, rgba(3,111,165,1) 100%); background: -webkit-linear-gradient(top, rgba(2,6,99,1) 1%,rgba(3,111,165,1) 100%); background: linear-gradient(to bottom, rgba(2,6,99,1) 1%,rgba(3,111,165,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020663', endColorstr='#036fa5',GradientType=0 ); } #pos1{position: absolute; top: 45%; left: 10%; transform: translate(-10%, -50%);} #pos1 h1{ font-size: 42px; color: #000 !important; } #pos1 h2{ color: #000 !important; font-size: 20px !important; line-height: 40px;text-transform: capitalize; } .gradient-color { background-color: #000428; background-image: -moz-linear-gradient(-45deg, #000428, #0074da); background-image: -webkit-linear-gradient(-45deg, #000428, #0074da); background-image: linear-gradient(135deg, #000428, #0074da); } .icon { -webkit-background-clip: text; border-radius: 100px; box-shadow: 0 10px 10px rgba(0,0,0,0.1); width: 100px; height: 100px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; } #text_an{box-shadow: 0 10px 10px rgba(0,0,0,0.1); border-radius: 10px;} #hover_ef:hover .icon,#hover_ef:hover #text_an { box-shadow: 0 20px 20px rgba(255,255,255,0.1); } .do_our{ background-image: url(../images/team-overlay__BlurWyIxMCJd.png); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #box_sh{-webkit-box-shadow: 0 0 2em rgba(0,0,0,.2); box-shadow: 0 0 2em rgba(0,0,0,.2);} [data-aos=flip-left].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms- transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } [data-aos=flip-left] { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms- transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -webkit-transform: perspective(2500px) rotateY(-100deg); transform: perspective(2500px) rotateY(-100deg); opacity: 0; } [data-aos][data-aos][data-aos-delay='600'].aos-animate, body[data-aos-delay='600'] [data-aos].aos-animate { -webkit-transition-delay: .6s; transition-delay: .6s; } [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] { -webkit-transition-timing-function: cubic-bezier(.42,0,.58,1); transition-timing-function: cubic-bezier(.42,0,.58,1); } [data-aos][data-aos][data-aos-duration='1000'], body[data-aos-duration='1000'] [data-aos] { -webkit-transition-duration: 1s; transition-duration: 1s; } #img_adj{ margin: -170px 0; } #img_adj img{ max-width: 600px; } .are_u{ margin: 100px 0 !important;} #ov{ overflow: hidden;} h2#fo.text-left.text-white { font-size: 26px !important; line-height: 46px; } #ani{opacity: 0;} .slide-in-bottom { opacity: 1; -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes slide-in-bottom { 0% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes slide-in-bottom { 0% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } #vert{ vertical-align: middle; } #over_fl{overflow: hidden;} .ani_m, .ani_m1, .ani_m2{opacity: 0;} .slide-in-bck-bottom { opacity: 1; -webkit-animation: slide-in-bck-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-bck-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes slide-in-bck-bottom { 0% { -webkit-transform: translateZ(700px) translateY(300px); transform: translateZ(700px) translateY(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } } @keyframes slide-in-bck-bottom { 0% { -webkit-transform: translateZ(700px) translateY(300px); transform: translateZ(700px) translateY(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } } .slide-in-bck-bottom1 { opacity: 1; -webkit-animation: slide-in-bck-bottom 1.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-bck-bottom 1.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes slide-in-bck-bottom { 0% { -webkit-transform: translateZ(700px) translateY(300px); transform: translateZ(700px) translateY(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } } @keyframes slide-in-bck-bottom { 0% { -webkit-transform: translateZ(700px) translateY(300px); transform: translateZ(700px) translateY(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } } .slide-in-bck-bottom2 { opacity: 1; -webkit-animation: slide-in-bck-bottom 3.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-bck-bottom 3.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes slide-in-bck-bottom { 0% { -webkit-transform: translateZ(700px) translateY(300px); transform: translateZ(700px) translateY(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } } @keyframes slide-in-bck-bottom { 0% { -webkit-transform: translateZ(700px) translateY(300px); transform: translateZ(700px) translateY(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } } .posiss:hover .pos_over{opacity: 1} .posiss:hover .posise{opacity: 1;-webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -ms- transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease;} .posis{position: relative; width: 100%;} .pos_over{ position: absolute; left: 0px; top: 0; width: 100%; height: 100%; background-color: #4eada7; opacity: 0;} .posise{position: absolute;top: 25%; left: 10%; width: 80%; opacity: 0} .posise1{ top: 15% !important; } .pos_over2{background-color: #8a2245 !important;} .pos_over3{background-color: #fff !important;} .pos_over1{ background-color: #16313c !important; } .navbar-toggler{ border: 1px solid #000;} /*Website*/ #font_si{font-size: 20px !important;} .pos11{ top: 28% !important; } #font_sii{font-size: 30px !important; line-height: 42px;} .capp, .capp1{ height: 180px; background: url(../images/static.png) no-repeat center center; background-size: cover; border-radius:0 10px 10px 10px; position: relative; } .capp:after{ content: ""; background: #f2555c; width: 100px; height: 5px; border-radius: 10px 0 0 0px; position: absolute; top: -5px; left: -5px; } .capp:before{ content: ""; background: #f2555c; width: 5px; height: 100px; border-radius: 10px 0 0 0px; position: absolute; top: -5px; left: -5px; } .capp h3 { color: #fff; position: relative; top: 50%; transform: translate(0%,-50%); } .capp1{ background-image: url(../images/dynamic.png); } .capp2{background-image: url(../images/e-com.jpg);} .capp3{background-image: url(../images/laravel.jpeg);} .capp4{background-image: url(../images/pro-man.png);} .capp5{background-image: url(../images/dashboard-final.jpg);} #icon_su h2 { font-size: 20px !important; letter-spacing: 2px !important; font-weight: bold !important; color: #000; } h4.card-title { margin: 0; font-family: "Open Sans"; font-size: 1rem; } .card-header { padding: 0; } ul#tabs-0{ display: inline-block !important; width: 100%; text-align: center; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{ color: #495057 !important;} .tab-pane ul li{ width: 24%; vertical-align: middle; margin-top: 20px; } .tab-pane ul li img{ margin: 0 auto; } .nav-tabs .nav-link{ border: 1px solid #fff !important; } #home-why-us-part .custom_bg, #home-why-us-part .creative_bg, #home-why-us-part .efficiency_bg, #home-why-us-part .global_bg { background-color: white !important; border: 3px solid #3399FE; opacity: 0; } .avia-icon-list .iconlist_icon { height: 70px; width: 70px; } .avia-icon-list .iconlist_icon { height: 64px; width: 64px; line-height: 64px; font-size: 30px; text-align: center; border-radius: 500px; position: relative; float: left; margin-right: 30px; margin-left: 2px; z-index: 5; color: #fff; } .avia-icon-list article.article-icon-entry { min-height: 45px; } #home-why-us-part .iconlist-timeline { border: 2px solid #3399FE; margin-left: 2px; } .avia_transform .avia-icon-list .avia_start_animation .iconlist-timeline { -webkit-animation: avia_slide_down 1s 1 cubic-bezier(0.175,0.885,0.320,1.275); animation: avia_slide_down 1s 1 cubic-bezier(0.175,0.885,0.320,1.275); height: 0; opacity: 0; } .avia-icon-list .iconlist-timeline { position: absolute; top: 1%; left: 32px; width: 1px; height: 99%; border-right-width: 1px; border-right-style: dashed; } #home-industries-bg li.avia_start_animation:after, #home-why-us-part li.avia_start_animation:after { content: ""; background-color: transparent; } li.avia_start_animation:nth-child(1):after, li.avia_start_animation:nth-child(2):after { content: ""; background-color: lightgray; position: absolute; width: 80%; left: 100px; z-index: -1; height: 1px; bottom: -33%; } /* DEMO-SPECIFIC STYLES */ .i11{ font-size: 16px !important; overflow: hidden; white-space: nowrap; margin: 0 auto; animation: typing 5s steps(50, end), blink-caret .5s step-end infinite; } /* The typing effect */ @keyframes typing { from { width: 0 } to { width: 100% } } .typewriter{ position: absolute; top: -30px; right: -25px; } .typewriter-1{left: -35px; top: -30px; } .typewriter img{ opacity: 0; width: 0;border-radius: 50%; cursor: pointer;} .typewriter img:hover{-webkit-box-shadow: 5px 5px 15px 0 rgba(0,0,0,.5); box-shadow: 5px 5px 15px 0 rgba(0,0,0,.5); width: 85px !important; -webkit-transition: all .1s ease !important; -moz-transition: all .1s ease !important; -ms- transition: all .1s ease !important; -o-transition: all .1s ease !important; transition: all .1s ease !important;} .typewriter p{font-size: 0px;} .i111{opacity: 1 !important; width: 80px !important; -webkit-transition: all 3s ease !important; -moz-transition: all 3s ease !important; -ms- transition: all 3s ease !important; -o-transition: all 3s ease !important; transition: all 3s ease !important; display: block !important;} #typewriter1{ top: -10%; right: 15%;} #typewriter1 p{ color: #c6501a;} #typewriter2{ top: 12%; right: 15% } #typewriter2 p{ color: #5c2884;} #typewriter3{ top: 35%; right: 0% } #typewriter3 p{ color: #00539d;} #typewriter4{ top: 60%; right: 15% } #typewriter4 p{ color: #029173 ;} #typewriter5{ top: 83%; right: 23% } #typewriter5 p{ color: #5cac3f ;} .text_an{ width: 84%; float: right; vertical-align: middle; } .img_an{ position: relative;} .imd_an1{ background-color: #fff; position: relative; z-index: 1; opacity: 0;} .set-tim-img-op-add{ opacity: 1 !important;-webkit-transition: all 3s ease; -moz-transition: all 3s ease; -ms-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease; } .img_an:after{ content: ""; left: 47%; position: absolute; height: 0px; width: 3px; background-color: #000; z-index: 0; opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms- transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} .img_ani1:after{ height: 80px; background: rgba(8,14,59,1); background: -moz-linear-gradient(top, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(8,14,59,1)), color-stop(27%, rgba(8,14,59,1)), color-stop(32%, rgba(8,14,59,1)), color-stop(100%, rgba(3,78,151,1))); background: -webkit-linear-gradient(top, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); background: -o-linear-gradient(top, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); background: -ms-linear-gradient(top, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); background: linear-gradient(to bottom, rgba(8,14,59,1) 0%, rgba(8,14,59,1) 27%, rgba(8,14,59,1) 32%, rgba(3,78,151,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#080e3b', endColorstr='#034e97', GradientType=0 ); -webkit-transition: all 4s ease; -moz-transition: all 4s ease; -ms- transition: all 4s ease; -o-transition: all 4s ease; transition: all 4s ease;} .img_ani{ opacity: 1 !important; height: 50px; -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -ms- transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease;} .img_ani1:after.slide-in-top { opacity: 1 !important; -webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes slide-in-top { 0% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes slide-in-top { 0% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } /*#ovr{overflow: hidden;}*/ .ope, .ope2{ opacity: 0; } .ope1{opacity: 1!important; -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -ms- transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease;} .ope3{opacity: 1!important; -webkit-transition: all 5s ease; -moz-transition: all 5s ease; -ms- transition: all 5s ease; -o-transition: all 5s ease; transition: all 5s ease;} #bot_im{position: relative;} #bot_im1{ position: absolute; top: 0; left: -18.5px; opacity: 0; } .ope1 #bot_im1{opacity: 1;-webkit-transition: all 15s ease; -moz-transition: all 15s ease; -ms- transition: all 15s ease; -o-transition: all 15s ease; transition: all 15s ease;} .bot_im1{ top: -10% !important; left: 0 !important; color: #002e80; } #qut{position: absolute;top: -15px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms- transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; right: 0px; } #contact_tab:hover #qut{ opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms- transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;width: 0;} #qut{opacity: 1;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms- transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} .contact_tab{ bottom: 0 !important; } .contact_tab #qut{width: 0;} .contact_tab .contact_icon_fixed{box-shadow: none; border-top: 10px solid #05499c !important; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; margin-bottom: -35px; position: relative; bottom: 0;} #rou_sty{ height: 170px; width: 170px; border-radius: 50%; line-height: 170px; cursor: pointer; } #rou_sty:hover { background: url(../images/works_trigger_background.png) no-repeat center center; background-size: 170px; background-color: #fff !important; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -ms- transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease;} #work-list li{ width: 24%; text-align: center; margin-top: 20px;} #work-list li img{border-radius: 50%;} #work-list{ width: 100%; text-align: center; } .free{ width: 79px; margin: 0 auto; font-size:10px; height: 8px; line-height: 0px; position: relative; z-index: 99; text-align: left; background-color: #034387; } .free:after{ content: ""; width: 25px; border-radius: 50px; height: 16px; position: absolute; left: -9px; z-index: -1; background-color: #034387; top: 0; } .get_form_free{ border-radius: 10px; } #digital #join ul li{text-indent: 0 ; font-size: 1.1rem; color: #fff; background:transparent; font-weight: bold; width: 49%;} .pop_click_after{ position: fixed; z-index: 999999; top: 0px; left: 0; background: rgb(0, 0, 0, .5); height: 100vh; } .get_form_free_top{margin: 5% auto; padding: 3% 0 5% 0 !important; position: relative; height: 80vh;} .close{ position: absolute; color: #fff; right: 15px; top: 15px; } .close span{ color: #fff; font-size: 40px; } input.w-75.mx-auto.px-3 { border-radius: 5px; border: 0; padding: 6px;} .pageination_ul li{ vertical-align: middle; } .pageination_ul li .left_btn_page{ width: 50px; height: 50px; line-height: 50px; font-size: 42px; background-color: #aaa; } .pageination_ul li .center_btn_page{ vertical-align: middle;width: 70px; height: 70px; line-height: 65px; font-size: 18px; color: #fff; background-color: transparent; margin: 0 25px; border-radius: 50%; border: 5px solid #aaa; } .pageination_ul{ position: absolute;bottom: 125px; left: 50%; transform: translate(-50%, 0px); } /*Slider*/ .slidecontainer { width: 100%; } .slider3 { -webkit-appearance: none; width: 100%; height: 15px; border-radius: 5px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; } .slider3:hover { opacity: 1; } .slider3::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; border-radius: 50%; background: #4CAF50; cursor: pointer; position: relative; } .slider3::-moz-range-thumb { width: 25px; height: 25px; border-radius: 50%; background: #4CAF50; cursor: pointer; position: relative; } .slidecontainer #demo{ color: #fff !important; } .does_serv li { width: 19% !important; vertical-align: middle; } /*Slider*/ .dose_ur_com{ width: 50%; text-align: center; margin: 0 auto;} .dose_ur_com li{ width: 49% !important; display: inline-block; } .dose_ur_com .container1 { display: block; text-align: left; color: #fff; vertical-align: middle; position: relative !important; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .dose_ur_com .container2 { display: block; text-align: right; color: #fff; vertical-align: middle; position: relative !important; padding-right: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .dose_ur_com .container2 input { position: absolute; opacity: 0; cursor: pointer; } /* Hide the browser's default radio button */ .dose_ur_com .container1 input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom radio button */ .dose_ur_com .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border-radius: 50%; } .dose_ur_com .checkmark1 { position: absolute; top: 0; right: 0; height: 25px; width: 25px; background-color: #eee; border-radius: 50%; } /* On mouse-over, add a grey background color */ .dose_ur_com .container1:hover input ~ .checkmark { background-color: #ccc; } /* When the radio button is checked, add a blue background */ .dose_ur_com .container2 input:checked ~ .checkmark1 { background-color: #2196F3; } .dose_ur_com .container2:hover input ~ .checkmark1 { background-color: #ccc; } /* When the radio button is checked, add a blue background */ .dose_ur_com .container1 input:checked ~ .checkmark { background-color: #2196F3; } /* Create the indicator (the dot/circle - hidden when not checked) */ .dose_ur_com .checkmark:after { content: ""; position: absolute; display: none; } .dose_ur_com .checkmark1:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ .dose_ur_com .container1 input:checked ~ .checkmark:after { display: block; } /* Style the indicator (dot/circle) */ .dose_ur_com .container1 .checkmark:after { top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: white; } .dose_ur_com .container2 input:checked ~ .checkmark1:after { display: block; } /* Style the indicator (dot/circle) */ .dose_ur_com .container2 .checkmark1:after { top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: white; } .our_cli_wall{ text-align: center;; } .our_cli_wall li{ display: inline-block; border-radius: 50%; margin: 20px 20px 20px 0 } .our_cli_wall li img{padding: 10px; width: 80%; margin: 0 auto; height: 80%;cursor: pointer;} .our_cli_wall li img:hover{-webkit-box-shadow: 1px 3px 15px 2px rgba(255,255,255,5); box-shadow: 1px 3px 15px 2px rgba(255,255,255,5);} /*Join Us*/ .contact_join_us{ background-color: #01418f; color: #fff; margin-left: -10%; } /*Join Us*/ span#siteseal { text-align: center; margin: auto; display: inline-flex; width: 100%; align-items: center; justify-content: left; margin-top: 5px; } .aimit p{ text-align-last: center;} .img_an img, .img_an-1 img { background-color: #001eff; border-radius: 50%; height: 50px; } .why_us_web .col-sm-2{ position: relative; } .after-eff1:nth-child(odd):after{ width: 50% !important; opacity: 1 !important; } .after-eff1:nth-child(even):after{ width: 50% !important; opacity: 1 !important; } .after-eff:nth-child(odd):after{ opacity: 0; position: absolute; content: ""; width: 0%; height: 3px; background-color:blue; left: 0; top: 50%; z-index: 0; background: #e0e0e0; background: -moz-linear-gradient(left, #e0e0e0 0%, #05316e 100%); background: -webkit-linear-gradient(left, #e0e0e0 0%,#05316e 100%); background: linear-gradient(to right, #e0e0e0 0%,#05316e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#05316e',GradientType=1 ); -webkit-transition: all 4s ease; -moz-transition: all 4s ease; -ms- transition: all 4s ease; -o-transition: all 4s ease; transition: all 4s ease; } .after-eff:nth-child(even):after{ opacity: 0;position: absolute; content: ""; width: 0%; height: 3px; background-color:blue; right: 0; top: 50%; z-index: 0; left: auto; background: #05316e; background: -moz-linear-gradient(left, #05316e 0%, #e0e0e0 100%); background: -webkit-linear-gradient(left, #05316e 0%,#e0e0e0 100%); background: linear-gradient(to right, #05316e 0%,#e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05316e', endColorstr='#e0e0e0',GradientType=1 ); -webkit-transition: all 4s ease; -moz-transition: all 4s ease; -ms- transition: all 4s ease; -o-transition: all 4s ease; transition: all 4s ease;} .posweb{ height: 80vh; } .free-for-dig{ width: 90px; } /*Start Anmiation*/ .number-for-animation{ width: 25px; height: 25px; border-radius: 50%; background-color:#d22648; text-align: center; font-size: 14px; line-height: 25px; color: #fff; margin: auto; } .color-animation small{ color: #d22648; font-size: 12px;line-height: normal; } .animation-icon i{color: #d22648; font-size: 14px;} .color-animation{line-height: 0.5; text-align: center;} .animation-one-box{ background-color: #d22648; transform: rotate(45deg); top: 15px; -webkit-box-shadow:inset 0 0 5px 5px rgba(0,0,0,.4); box-shadow:inset 0 0 5px 5px rgba(0,0,0,.4);} .animation-two-box{ background-color: #fff; transform: rotate(30deg); top: 20px; border: 1px solid #999; left: 30px;} .animation-box{width: 100px; height: 100px; border-radius: 5px; position: relative;} .animation-section ul li{ width: 14%; position: relative; height: 250px; } .animation-section ul li:nth-child(2n+0){ overflow: visible; padding-top: 145px;} .animation-third-box{ transform: rotate(-135deg); top: -15px; box-shadow:inset 0 0 5px 5px rgba(0,0,0,.4); background-color: #c26f2a;} .animation-forth-box{ transform: rotate(70deg); border: 1px solid #999; background-color: #fff; top: 30px; left: 25px; } .animation-section ul li:nth-child(5) .animation-box img{transform: rotate(-45deg);} .animation-box img,.animation-box .fa-cogs { transform: rotate(135deg); width: 50px; color: #000 !important; font-size: 46px; position: absolute; top: 25%; left: 25%; } .animation-section ul li:nth-child(2) small,.animation-section ul li:nth-child(2) i{color: #c56d27;} .animation-section ul li:nth-child(2) .number-for-animation{ background-color: #c56d27; } .animation-section ul li:nth-child(3) small,.animation-section ul li:nth-child(3) i{color: #54a50d;} .animation-section ul li:nth-child(3) .animation-one-box{ background-color: #54a50d; } .animation-section ul li:nth-child(3) .number-for-animation{ background-color: #54a50d; } .animation-section ul li:nth-child(4) small,.animation-section ul li:nth-child(4) i{color: #2eb1cb;} .animation-section ul li:nth-child(4) .animation-third-box{ background-color: #2eb1cb; } .animation-section ul li:nth-child(4) .number-for-animation{ background-color: #2eb1cb; } .animation-section ul li:nth-child(5) small,.animation-section ul li:nth-child(5) i{color: #3365b0;} .animation-section ul li:nth-child(5) .animation-one-box{ background-color: #3365b0; } .animation-section ul li:nth-child(5) .number-for-animation{ background-color: #3365b0; } .animation-section ul li:nth-child(6) small,.animation-section ul li:nth-child(6) i{color: #eaa402;} .animation-section ul li:nth-child(6) .animation-third-box{ background-color: #eaa402; } .animation-section ul li:nth-child(6) .number-for-animation{ background-color: #eaa402; } .animation-section ul li:nth-child(7) small,.animation-section ul li:nth-child(7) i{color: #863999;} .animation-section ul li:nth-child(7) .animation-one-box{ background-color: #863999; } .animation-section ul li:nth-child(7) .number-for-animation{ background-color: #863999; } section.animation-section.py-5 { background-color: #eaf4ff; padding-bottom: 100px !important; } #parachute{ transform-origin:50px 5px; transition:transform 1s ease-in 0s; animation-duration: 2.2s; animation-name: paragato; animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-duration: 2.2s; -webkit-animation-name: paragato; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @keyframes paragato { 0%, 100% { -webkit-transform: translateX(50%); transform: translateX(50%); -webkit-transform-origin: 50% 50%; transform-origin: 0% 0%; } from { transform:rotate(-8deg); } to { transform:rotate(8deg); } } @-webkit-keyframes paragato { 0%, 100% { -webkit-transform: translateX(50%); transform: translateX(50%); -webkit-transform-origin: 50% 50%; transform-origin: 0% 0%; } from { transform:rotate(-8deg); } to { transform:rotate(8deg); } } .scale-in-center { -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes scale-in-center { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes scale-in-center { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .transform-img-hori{ position: absolute; right: -60px;} .slide-in-right { -webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes slide-in-right { 0% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes slide-in-right { 0% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .scale-in-center { opacity: 1; -webkit-animation: scale-in-center .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: scale-in-center .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes scale-in-center { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes scale-in-center { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } section.banner3 { margin-top: -70px;} .navbar1 .navbar-nav .nav-item .nav-link{ color: #fff !important; } #join ul li input{ width: 100% !important; } .copp-over-lay{ width: 100%; height: 100%; position: absolute; background-color: rgba(0, 0, 0, .5); top: 0; left: 0; border-radius: 0px 10px 10px 10px;} .mobile_form input,.mobile_form textarea{ border:0; border-bottom:1px solid #eee;} .mobile_form input:focus,.mobile_form textarea:focus{ outline: 0; } #join ul li i{ color: #fff; padding: 5px; border-radius: 50%; border:1px solid #eee; width: 30px; height: 30px; text-align: center; } .mobile_svg .bg_style img{ display: block; margin: 10px auto !important; } #digital ul li input{ width: 70% !important; position: relative; z-index: 999; } #digital .transform-img-hori1 { bottom: 0; right: 15px; position: relative; height: 100px; } #digital .get_form_free_top{ overflow: hidden; } .slide-in-fwd-right { -webkit-animation: slide-in-fwd-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-fwd-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes slide-in-fwd-right { 0% { -webkit-transform: translateZ(-1400px) translateX(1000px); transform: translateZ(-1400px) translateX(1000px); opacity: 0; } 100% { -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); opacity: 1; } } @keyframes slide-in-fwd-right { 0% { -webkit-transform: translateZ(-1400px) translateX(1000px); transform: translateZ(-1400px) translateX(1000px); opacity: 0; } 100% { -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); opacity: 1; } } .free-animation{position:relative;} .free-animation-one{ position:relative;} .for-height-btn{ position: absolute; bottom: 0%; font-weight: normal; font-size: 10px;} .flif{ -webkit-transform: scaleX(-1); transform: scaleX(-1);} .typewriter h4 { font-family: 'Courgette', cursive !important; color: #fff; font-size: 13px; font-family: monospace; overflow: hidden; border-right: .15em solid orange; white-space: nowrap; margin-left:auto; letter-spacing: .15em; animation: typing 5s steps(30, end), blink-caret .5s step-end infinite; } .start3 .typewriter h1{float: left;} .start4 .typewriter h1{ letter-spacing: 0;} .typewriter-1 h1{margin-left:0 !important; margin-right: auto !important; } @keyframes typing { from { width: 0 } to { width: 100% } } @keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: orange } } .slide-in-left { -webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes slide-in-left { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes slide-in-left { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .g-recaptcha div{margin: auto;} .start3 .get_form_free_top, .start5 .get_form_free_top, .start7 .get_form_free_top{ padding: 3% 0 5% 0 !important;} #portfolios .item h2{font-size: 24px !important; margin: 0 !important; color: #051438;} #portfolios.owl-carousel .owl-dots{ display: block; margin-top: 20px; } #portfolios.owl-carousel .owl-dots .owl-dot.active span, #portfolios.owl-carousel .owl-dots .owl-dot:hover span{background-color: #051438;} #portfolios.owl-carousel .owl-dots span{ background-color: #869791;} div#free-animation { position: absolute; bottom: 0; margin: 0 !important; } .fontsii-siez{ font-size: 24px; color: #fff;} #hover_ef p{ text-align-last: left; } #portfolios .btn:not(:disabled):not(.disabled):hover { background-color: #e4e4e4; } .aimit{ margin-top: 20px; } /*digital-marketing-banner-image*/ .digital-marketing-banner-image{position: relative;} .digital-marketing-banner-animation h1{ } /*digital-marketing-banner-image*/ /*digital-marketing-banner-animation*/ .digital-marketing-banner-animation{position: absolute; top: 0; left: 0;} /*digital-marketing-banner-animation*/ /*mobile-marketing-banner-image*/ .mobile-marketing-banner-image{margin-top: -70px;} .mobile-marketing-contant{position: absolute;top: 40%; left: 5%; transform: translate(0%,-50%);} .mobile-marketing-contant h2{ color: #fff; } .mobile-read-more{ text-align: left; font-size: 11px; display: block; margin-bottom: 10px; } /*mobile-marketing-banner-image*/ .outer { display: block; width: 200px; height: 215px; border: 1px solid #000; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); overflow: hidden; position: relative; } .inner { width: 10000px; height: 215px; cursor: pointer; display: block; background: url(../images/restaurant-2697945__340.jpg) 0 0, url(../images/khana-peena-slider-bg-websit.PNG) 350px 0, url(../images/khana-peena-slider-bg-websit-1.PNG) 700px 0, url(../images/khana-peena-slider-bg-websit-2.PNG) 1050px 0; background-repeat: no-repeat; background-size: 350px 215px; } .inner-1{background: url(../images/books-1163695_960_720.jpg) 0 0, url(../images/brainmate-slider-bg-websit.PNG) 350px 0, url(../images/brainmate-slider-bg-websit-1.PNG) 700px 0, url(../images/brainmate-slider-bg-websit-2.PNG) 1050px 0; background-repeat: no-repeat; background-size: 350px 215px;} .inner-2{background: url(../images/books45.jpg) 0 0, url(../images/acta-2.png) 350px 0, url(../images/acta-1.png) 700px 0, url(../images/acta-3.png) 1050px 0; background-repeat: no-repeat;background-size: 350px 215px;} .inner-3{background: url(../images/banner01.jpg) 0 0, url(../images/Qureto.png) 350px 0, url(../images/Qureto-1.png) 700px 0, url(../images/Qureto-2.png) 1050px 0; background-repeat: no-repeat;background-size: 350px 215px;} .inner-4{background: url(../images/download.jpg) 0 0, url(../images/Mancare.png) 350px 0, url(../images/Products-Mancare.png) 700px 0, url(../images/About-Mancare.png) 1050px 0; background-repeat: no-repeat;background-size: 350px 215px;} .inner-5{background: url(../images/IMG_9622.jpg) 0 0, url(../images/Jewellers.png) 350px 0, url(../images/Silver-Coins-Bars.png) 700px 0, url(../images/Silver-Idols.png) 1050px 0; background-repeat: no-repeat;background-size: 350px 215px;} .outer:hover .inner, .outer:focus .inner { animation: swap 8s linear infinite; } .outer:focus { border: 2px solid red; } @keyframes swap { 0% { transform: translate3d(0, 0, 0) } 50% { transform: translate3d(-1050px,0, 0) } 100% { transform: translate3d(0, 0, 0) } } .mobile-inner{background: url(../images/Children.png) 0 0, url(../images/mobile-study-buddy.png) 350px 0, url(../images/mobile-study-buddy-3.png) 700px 0, url(../images/mobile-study-buddy-2.png) 1050px 0; background-repeat: no-repeat; background-size: 350px 215px;} .mobile-inner-1 { width: 10000px; height: 215px; cursor: pointer; display: block; background: url(../images/restaurant-2697945__340.jpg) 0 0, url(../images/khana-peena-mobile.png) 350px 0, url(../images/khana-peena-mobile-1.png) 700px 0, url(../images/khana-peena-mobile-2.png) 1050px 0; background-repeat: no-repeat; background-size: 350px 215px; } .mobile-inner-2{background: url(../images/IMG_9622.jpg) 0 0, url(../images/mbta.png) 350px 0, url(../images/mbta-1.png) 700px 0, url(../images/mbta-2.png) 1050px 0; background-repeat: no-repeat; background-size: 350px 215px;} .mobile-inner-3{background: url(../images/download.jpg) 0 0, url(../images/medico.png) 350px 0, url(../images/medico-1.png) 700px 0, url(../images/medico-2.png) 1050px 0; background-repeat: no-repeat; background-size: 350px 215px;} .mobile-inner-4{background: url(../images/daily-reporting.png) 0 0, url(../images/daliy.png) 350px 0, url(../images/daily-1.png) 700px 0, url(../images/daily-2.png) 1050px 0; background-repeat: no-repeat; background-size: 350px 215px;} .mobile-inner-5{background: url(../images/erp.png) 0 0, url(../images/erp-1.png) 350px 0, url(../images/erp-2.png) 700px 0, url(../images/erp-3.png) 1050px 0; background-repeat: no-repeat; background-size: 350px 215px;} .get_in_touch .g-recaptcha div:first-child{ margin: 0 0 10px 0; } .navbar .navbar-nav .nav-item > .nav-link.active, .navbar .navbar-nav .nav-item > .nav-link:hover { border-bottom: 1px solid #eee; opacity: .7; } .navbar .navbar-nav .nav-item > .nav-link{ border-bottom: 1px solid transparent; } .get_in_touch input,.get_in_touch textarea{background-color: #eee; border: 0; border-radius: 5px; padding: 10px !important; } .get_in_touch button{ width: 120px !important; border-radius: 50px; } .flip-card-inner:hover { -webkit-animation: flip-in-ver-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: flip-in-ver-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes flip-in-ver-right { 0% { -webkit-transform: rotateY(-80deg); transform: rotateY(-80deg); opacity: 0; } 100% { -webkit-transform: rotateY(0); transform: rotateY(0); opacity: 1; } } @keyframes flip-in-ver-right { 0% { -webkit-transform: rotateY(-80deg); transform: rotateY(-80deg); opacity: 0; } 100% { -webkit-transform: rotateY(0); transform: rotateY(0); opacity: 1; } } .pos1-contant-text-color{position: absolute; top: 35%; left: 15%; transform: translate(-10%, -50%);} .pos1-contant-text-color h1{ font-size: 42px; color: #fff } .pos1-contant-text-color h2{ font-size: 20px; line-height: 40px; text-transform: capitalize; } .content-web-service p{line-height: 16pt;} .content-banner #pos{ height: 60vh; width: 100%;} .content-text-design small{ color: #fff; border-radius: 10px; text-align: center; padding: 10px 30px; width: auto; } .content-animation-landing small{ right: -170px; top: 15px; background-color: red; position: relative;} .content-animation-Blogs small{left: -100px; background-color: green; top: 75px; position: relative;} .content-animation-img{position: relative; z-index: 99999;} .content-animation-Product small{ right: -80%; background-color: black; top: 90px; position: relative;} .content-animation-campaigns small{left: -100px; background-color: yellow; top: 140px; color: #000 !important; position: relative;} .content-animation-Infographics small{right: -90%; background-color: brown; top: 150px; position: relative;} /*#contant{ background: url(../images/content-writers.jpeg) no-repeat top center; background-size: cover; background-attachment: fixed; }*/ section#contant img { border-radius: 10px; box-shadow: 0px 0px 6px 0px #fff; } .text-capitlaized{ text-transform: uppercase; } .our-ser-content-page-image-pos{position: relative;} .our-ser-content-page-text-pos p{ line-height: 18px; color: #fff; font-size: 14px; text-align: center; margin-top: 25%; text-shadow: 0 0 10px #000000;} .our-ser-content-page-text-pos{ border-radius: 50%; width: 80px; height: 80px; line-height: 80px; background-color: #fd7344; position: absolute; top: .55%; left: 18.55%; } .our-ser-content-page-text-pos:nth-child(3){ left: 54.99%; background-color: #254995; top: 1.45%;} .our-ser-content-page-text-pos:nth-child(3) p{line-height: 14px;} .our-ser-content-page-text-pos:nth-child(4){ left: 25.90%; top: 27.70%; background-color: #e053c2;} .our-ser-content-page-text-pos:nth-child(5){ top: auto; left: 19.35%; bottom: 21%; font-size: 12px; background-color: #17cd41;} .our-ser-content-page-text-pos:nth-child(6){ right: 24.9%; top: 34%; background-color: #c11e1e; left: auto; font-size: 12px;} .our-ser-content-page-text-pos:nth-child(6) p{ margin-top: 40%; } .our-ser-content-page-text-pos:nth-child(7){ right: 18.5%; bottom: 13%; background-color: #00c0ff; left: auto; font-size: 12px; top: auto;} .digital-marketing-banner-image{position: relative;} .digital-marketing-banner-text{position: absolute; top: 40%; left: 10%; transform: translate(0,-50%); left: 2%;} .pulsate-bck { -webkit-animation: pulsate-bck 1s ease-in-out infinite both; animation: pulsate-bck 1s ease-in-out infinite both; } /* ---------------------------------------------- * Generated by Animista on 2019-7-4 10:36:51 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation pulsate-bck * ---------------------------------------- */ @-webkit-keyframes pulsate-bck { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulsate-bck { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } #contact-social-link i{color: #fff; padding: 5px; border-radius: 50%; border: 1px solid #eee; width: 30px; height: 30px; text-align: center;} .get_free_guide form span{ font-size: 14px; font-weight: normal; } .mob-animation-why-us{ display: none; } .mob-animation-why-us:after, .mob-animation-why-us:after{display: none;} .process-img,#our_Ser-mobile-animation{ display: none; } /*overlay-blog*/ .overlay-blog{ height: 70px; width: 100%; /*background-color: blue;*/ margin-top: -70px; } .techive-blog-content h1{ font-size: 34px; font-weight: bold; padding-bottom: 15px; } .techive-blog-1st-ul li{ list-style: disc; list-style-position: outside; margin-left: 35px; } .techive-blog-header p{color: #000;} .techive-blog-form input{ width: 49.55%; margin-right: .5%; } .techive-blog-form input:last-child{ margin-right: 0; } .techive-blog-content{ background:url(../images/Functionality-Usuability-Ecotone-Digital-4-e1556811686975.jpg) no-repeat center center; background-attachment: fixed; position:relative; } .overlay-techive-banner{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(0,0,0,.5); z-index: 0;} .techive-blog-content h1{ z-index: 9; position: relative; color: #fff; } .techive-blog-header{ border-bottom: 1px solid #000; } .list-style-for-techive-blog li{ list-style: disc; list-style-position: inside; } .list-style-for-techive-blog ul strong{ align-items: center; margin-left: 10px; display: inline-flex; } .techive-blog-inner{ position: relative; } .techive-blog-inner h1{ position: absolute; top: 50%; left: 9%; transform: translate(0%, -50%); border-radius: 5px; background-color: rgba(255,255,255,.5); font-size: 44px; } .pagination{ justify-content: center; } .list-style-blog li{ list-style-type: disc; list-style-position: outside; margin-left: 25px; line-height: normal; } ul.navbar-nav.ml-auto li { list-style: none; } .contact_icon_fixed{ animation: blink 3s infinite; box-shadow: none; border:1px solid #000; } @keyframes blink{ 0%{ -webkit-box-shadow: 1px 1px 3px 6px rgba(5,73,156,1); box-shadow: 1px 1px 3px 6px rgba(5,73,156,1);} 25%{ -webkit-box-shadow: 1px 1px 5px 6px rgba(255,255,255,1); box-shadow: 1px 1px 5px 6px rgba(255,255,255,1);} 50%{ -webkit-box-shadow: 1px 1px 10px 6px rgba(5,73,156,1); box-shadow: 1px 1px 10px 6px rgba(5,73,156,1);} 75%{ -webkit-box-shadow: 1px 1px 5px 6px rgba(255,255,255,1); box-shadow: 1px 1px 5px 6px rgba(255,255,255,1);} 100%{ -webkit-box-shadow: 1px 1px 3px 6px rgba(5,73,156,1); box-shadow: 1px 1px 3px 6px rgba(5,73,156,1);} } .aimit h1, .service h1{letter-spacing: 5px !important; margin-top: 0 !important; font-size: 30px !important; text-transform: uppercase; font-weight: 500 !important; font-size: 2rem; line-height: 1; position: relative; text-align: center; text-transform: uppercase; letter-spacing: 5px; font-weight: 500; color: #000; font-family: 'Poppins', sans-serif, "proxima-nova", "Helvetica Neue", Helvetica, Arial; } p.text-center.text-white.m-0.w-50 { margin: 0 auto !important; } h2#bot_im1 { display: none; } #heightandoverflow .card-header{padding: .75rem 1.25rem; background-color: #034c94;} #heightandoverflow .card-header strong{ color: #fff; } #heightandoverflow .card-footer{border:1px solid #034c94;} .FAQ-webpage { padding-bottom: 30px; overflow: hidden; position: relative; z-index: 9999;} div#heightandoverflow { max-height: 500px; height: auto; overflow-y:auto; } .dropdown-menu{ -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .dropdown:hover .dropdown-menu{ display: block; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } section#contact_tab { display: none; } /*********************************************************/ #fixed-social { position: fixed; top: 50%; z-index: 9; display: block; left: 0; } #fixed-social a { color: #fff; display: block; height: 55px; position: relative; text-align: center; line-height: 55px; width: 55px; margin-bottom: 1px; z-index: 2; background-color: #0054a7; } div#fixed-social i { font-size: 23px; color: #fff; } #fixed-social a span { padding-left: 20px; position: absolute; text-align: left; width: 290px; visibility: hidden; transition-duration: 0.5s; z-index: 1; opacity: 0; background-color: #0054a7; color: #fff; } .fixed-facebook span { background-color: #0054a7; color: #fff; } #fixed-social a:hover span { opacity: 1; visibility: visible; } a.startupcmp { position: absolute; right: 25px; top: 100px; z-index: 99999; } .shake-lr { -webkit-animation: shake-lr 5s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite alternate both; animation: shake-lr 5s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite alternate both; } /* ---------------------------------------------- * Generated by Animista on 2020-12-14 11:36:13 * Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation shake-lr * ---------------------------------------- */ @-webkit-keyframes shake-lr { 0%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 10% { -webkit-transform: rotate(8deg); transform: rotate(8deg); } 20%, 40%, 60% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 30%, 50%, 70% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 80% { -webkit-transform: rotate(-8deg); transform: rotate(-8deg); } 90% { -webkit-transform: rotate(8deg); transform: rotate(8deg); } } @keyframes shake-lr { 0%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 10% { -webkit-transform: rotate(8deg); transform: rotate(8deg); } 20%, 40%, 60% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 30%, 50%, 70% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 80% { -webkit-transform: rotate(-8deg); transform: rotate(-8deg); } 90% { -webkit-transform: rotate(8deg); transform: rotate(8deg); } } /**************************************************88*/