/*====================================================================== Site Name: BluewhaleApps Description: this site is developed by BluewhaleApps LLC. Version: 1.0 Author: Bluewhale Apps ------------------------------------------------------------------------ Layout Width: 100% Container Width: 1140px Responsive Layout: Yes =======================================================================*/ @import url('css2-MuseoModernowght400500_swap.css'); @import url('css2-Poppinswght400500600_swap.css'); @import url("all.css"); /* Animation */ @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;} .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} @media (prefers-reduced-motion) { .animated{-webkit-animation:unset !important;animation:unset !important;-webkit-transition:none !important;transition:none !important;} } /*====================================================================== Slick slider =======================================================================*/ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;} .slick-list:focus{outline:none;} .slick-list.dragging{cursor:pointer;cursor:hand;} .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} .slick-track{position:relative;top:0;left:0;display:block;} .slick-track:before, .slick-track:after{display:table;content:'';} .slick-track:after{clear:both;} .slick-loading .slick-track{visibility:hidden;} .slick-slide{display:none;float:left;height:100%;min-height:1px;} [dir='rtl'] .slick-slide{float:right;} .slick-slide img{display:block;} .slick-slide.slick-loading img{display:none;} .slick-slide.dragging img{pointer-events:none;} .slick-initialized .slick-slide{display:block;} .slick-loading .slick-slide{visibility:hidden;} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;} .slick-arrow.slick-hidden{display:none;} .slider-nav-syncing{margin: 50px 0 40px; text-align: center;} .slider-nav-syncing .item{font-weight: 700; border-bottom: solid 2px transparent; padding-bottom: 2px; margin: 0 15px; transition: all 0.3s ease; cursor: pointer; opacity: 0.8;} .slider-nav-syncing .item:hover{opacity: 1;} .slider-nav-syncing .slick-current{border-color: #2E5AEF; opacity: 1;} /*====================================================================== Start Custom Style =======================================================================*/ *{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; outline: none;} html{border: 0; margin: 0;outline: 0;padding: 0;vertical-align: baseline;} a {color:#2E5AEF; text-decoration: none; outline: 0; cursor: pointer;} a:hover {text-decoration:none; color:#272934;} img{outline: none; max-width: 100%; height: auto; vertical-align: middle; font-size: 14px;} ::selection {background-color: #4068ef; color: #fff;} /********* Clear floats *********/ .container:before, .container:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after, .radioList:after, .radioList:before {content:" ";display:table} .container:after, .row:after, ul:after, .boxs:after, .radioList:after{clear:both} /********* Common Classes *********/ body,button,input,select,textarea {font-family: 'Muli', sans-serif; color:#272934; margin: 0; padding:0; font-size: 17px; line-height: 1.6; word-spacing: 1px; appearance: none;} body{padding-top: 70px;overflow-x: hidden;} body.home{padding-top: 0;} h1 {font-size: 80px; line-height: normal;} h2 {font-size: 50px; line-height: normal;} h3 {font-size: 26px;} h4 {font-size: 24px;} h5 {font-size: 20px;} h6 {font-size: 18px; font-weight: 200;} h3,h4,h5 {font-weight:600; line-height: 1.3;} h1,h2,h3,h4,h5,h6{margin:0 0 15px; font-weight: 800;} p,ul,ol,dd,table,fieldset,address{margin: 0 0 25px;} li{margin-bottom: 5px;} blockquote {position: relative; padding-left: 30px; border-left: 5px solid #2E5AEF; font-size: 24px; font-weight: 200; line-height: 1.4;} blockquote:before {content: '"'; float: left; padding-right: 5px; margin-left: -15px;} blockquote span{font-size: 16px; color: #9d9d9d;} h3 a,h4 a{color: #272934;} h3 a:hover,h4 a:hover,h5 a:hover{color: #2E5AEF;} p:empty{display: none;} .btn, .hs-button{background: #eee; border: none; text-transform: uppercase; text-align: center; padding: 10px 25px; cursor: pointer; display: inline-block; text-transform: uppercase; font-weight: 800; line-height: 20px; min-width: 110px; letter-spacing: 0.5px; position: relative; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px;} .btn-secondary, .btn-yellow{background: #F8E71C; color: #000;} .btn-secondary:hover, .btn-yellow:hover{background: #e4d316; color: #000;} .btn-secondary{font-size: 20px; padding: 14px 30px; margin-top: 15px;} .btn-primary, .hs-button{background: #2E5AEF; color: #fff;} .btn-primary:hover, .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary, .hs-button:hover{background: #1641D1; color: #fff;} .btn-big{padding:20px 40px; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.1);} .center-btn{margin: 50px 0 0 0;} a, :before, :after, .what-we-do .col-4, .menu-overlay, .btn, .hs-button{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .row {margin:0 -15px;} .container {margin:0 auto; width:100%; max-width:1140px; min-width: 280px; padding-left: 20px; padding-right: 20px;} .container-fluid{width:100%; padding-left: 20px; padding-right: 20px;} .section{padding: 70px 0; clear: both;} .section > h2{text-align: center;} .gray-bg{background-color: #f7f9fb;} .list-none{list-style: none; padding: 0; margin: 0;} .no-m{margin: 0 !important;} .no-p{padding: 0 !important;} .relative{position: relative !important;} .center-align, .title-text{left: 50%; top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);position: absolute;} .flex{display: flex;} .flex-middle{display: flex; justify-content: center; flex-direction: column;} .flex-reverse{display: -webkit-flex; /* Safari */-webkit-flex-direction: row-reverse; /* Safari 6.1+ */display: flex;flex-direction: row-reverse; } .sub-text{margin-left: auto; margin-right: auto;} .circle{background-color: #F8E71C; width: 370px; height: 370px; border-radius: 100%; max-height: inherit; margin: 0 auto;} .blue{background-color: #2E5AEF;} .pink{background-color: #ED018C;} .link, p a{position: relative; background: linear-gradient(to bottom, currentColor 25%, transparent 25%); background-repeat: no-repeat; background-position: right 1.4em; background-size: 0% .25em; transition: background-size 0.3s; display: inline-block;} .link:hover, p a:hover{background-image: linear-gradient(to bottom, currentColor 25%, transparent 25%); background-size: 100% .25em; background-position: left 1.4em;} .bg{opacity: 0.66; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-image: linear-gradient(134deg, #2E5AEF 0%, #101010 100%); background: -moz-linear-gradient(45deg, rgba(46,90,239,1) 0%, rgba(16,16,16,1) 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(46,90,239,1)), color-stop(100%, rgba(16,16,16,1))); /* safari4+,chrome */ background: -webkit-linear-gradient(45deg, rgba(46,90,239,1) 0%, rgba(16,16,16,1) 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(45deg, rgba(46,90,239,1) 0%, rgba(16,16,16,1) 100%); /* opera 11.10+ */ background: -ms-linear-gradient(45deg, rgba(46,90,239,1) 0%, rgba(16,16,16,1) 100%); /* ie10+ */ background: linear-gradient(45deg, rgba(46,90,239,1) 0%, rgba(16,16,16,1) 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101010', endColorstr='#2E5AEF',GradientType=1 ); /* ie6-9 */ } .height-auto{height: auto;} #wp-admin-bar-root-default{float: left;} body > #wpadminbar{display: none;} .wpcf7-form div.wpcf7-response-output{margin: 20px auto; padding: 8px 15px; text-align: center; line-height: normal; max-width: 760px; font-size: 12px;} .wpcf7-form div.wpcf7 .ajax-loader{margin: 0px -26px 0 10px;} .wpcf7-form span.wpcf7-not-valid-tip{font-size: 12px; text-align: left; padding-top: 5px;} .d-none{display: none;} .home h1{font-size: 16px; overflow: hidden; height: 0; margin: 0;} .ellipsis {position: relative; height: 42px; text-overflow: ellipsis; overflow: hidden; display: block;} .title-header img, .box-img img, .blog-image img, .insights-img img, .work-box img, .service-img img, .article-image img{width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease;} .box-img:hover img, .blog-image:hover img, .insights-img:hover img, .work-box:hover img{opacity: .8;} .work-box img{max-width: none;} .aligncenter{margin: 25px auto; display: block;} img[data-lazyloaded]{opacity: 0;} img.litespeed-loaded{-webkit-transition: opacity .5s linear 0.2s; -moz-transition: opacity .5s linear 0.2s; transition: opacity .5s linear 0.2s; opacity: 1;} .search-form{margin: 30px auto 0; width: 370px; display: block; position: relative;} .search-form .btn{position: absolute; right: 3px; top: 3px; font-size: 14px; padding: 9px;} .form-control{border:none; border-radius: 50px; padding: 8px 15px; display: block; width: 100%;} .search-label{margin-bottom: 15px; display: block;} .search-filter a{font-size: 14px; padding: 8px 15px; margin: 0 0 15px; width: 100%;} .search-filter a.btn-block{margin-left: 0; margin-right: 0;} .search-filter .flex a:first-child{margin-right: 10px;} img.vp-lazyload, img.vp-lazyloaded, img.vp-lazypreload, img.vp-lazyloading{opacity: 1 !important;} /********** Alignment **********/ .pull-left{float:left !important;} .pull-right{float:right !important;} .left, .text-left{text-align:left;} .right, .text-right{text-align:right;} .center, .text-center, .center p, .text-center p{text-align:center;} .justify{text-align:justify;} /* ******** Grid : 12 Coloum ******** */ .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {float:left; padding-left:15px; padding-right:15px; position: relative;} .col-12 {width:100%} .col-11 {width:91.66666667%} .col-10 {width:83.33333333%} .col-9 {width:75%} .col-8 {width:66.66666667%} .col-7 {width:58.33333333%} .col-6 {width:50%} .col-5 {width:41.66666667%} .col-4 {width:33.33333333%} .col-3 {width:25%} .col-2 {width:16.66666667%} .col-1 {width:8.33%} /********** Hamburger **********/ .nav-trigger {position: relative; float: right; width: 24px; height: 24px; margin:12px 0 0 10px; cursor: pointer; z-index: 1000;} .nav-trigger span {display: block; position: absolute; height: 2px; width: 100%; background-color: #2E5AEF; 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-trigger span:nth-child(1) {top: 0px;} .nav-trigger span:nth-child(2) {top: 8px; width: 90%;} .nav-trigger span:nth-child(3) {top: 16px;} .nav-trigger:hover span:nth-child(1) {width: 80%;} .nav-trigger:hover span:nth-child(3) {width: 60%;} .open{overflow: hidden;} .open .nav-trigger span, .open .nav-trigger:hover span{width: 100%;} .open .nav-trigger span:nth-child(1) {top: 7px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg);transform: rotate(135deg);} .open .nav-trigger span:nth-child(2) {opacity: 0;} .open .nav-trigger span:nth-child(3) {top: 7px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);} .open .nav-trigger:hover span:nth-child(1) {transform: rotate(-45deg);} .open .nav-trigger:hover span:nth-child(3) {transform: rotate(45deg);} .menu-overlay {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #fff; z-index: 999; opacity: 0; visibility: hidden; overflow: auto;} .menu-overlay .container{padding: 100px 50px; height: 100%;} .menu-overlay .flex{height: 100%;} .nav a{font-size: 30px; font-weight: 600; padding: 5px 0; color: #000; position: relative;} .nav a:hover, .nav .current-menu-item a{} .nav a:before{content: ""; background-color: #2E5AEF; position: absolute; left: -5px; top: 50%; width: 0; height: 2px; margin-top: -1px; display: none;} .nav a:hover:before, .nav .current-menu-item a:before{width: 15px; left: -20px;} .menu-overlay .btn{max-width: 290px; margin:10px 0 40px; padding: 14px; font-size: 15px; text-transform: none;} .menu-overlay h2{font-weight: 200;} .menu-overlay h3{background: linear-gradient(90deg, #3D50E1, #1294F6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 15px;} .menu-overlay p{text-align: left;} .open .menu-overlay {opacity: 1; visibility: visible;} .open .header-container {z-index: 1000;} .dropdown-toggle{position: relative; padding-right: 20px !important; } .dropdown-toggle:after{position: absolute; top: 50%; right:0; margin-top: -3px; content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #000;} .menu-overlay .nav{max-width: 260px;} /* .menu-overlay .nav > li{padding: 0 20px;} */ .menu-overlay .dropdown-menu>li>a, .menu-overlay .nav .dropdown-menu a{padding: 7px 0; font-size: 22px; line-height: normal;} .menu-overlay .nav .dropdown-menu a:hover{background: linear-gradient(90deg, #3D50E1, #1294F6); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .menu-overlay .dropdown-toggle:after{display: none;} .menu-overlay .dropdown:after{content: "+"; position: absolute; width: 24px; height: 24px; right: 0; top: 14px; background: #eee; z-index: 2; text-align: center; line-height: 22px; cursor: pointer; border-radius: 3px;} .menu-overlay .dropdown:after:hover{background-color: #ddd;} .menu-overlay .dropdown-menu{display: block !important; opacity: 1; transition: all 0.5s ease; top: 0; max-height: 0; overflow: hidden; box-shadow: none; margin: 0; padding: 0; position: relative; border-radius: 3px;} .open-dropdown .menu-overlay .dropdown-menu{max-height: 400px; padding: 5px 30px;} .open-dropdown .menu-overlay .dropdown:after{content: "-";} /********** Home slider **********/ /* .home .footer, .page-id-441 .footer{margin: 0;} */ .main-slider{float: left; width: 100%; height: 100vh; min-height: 550px; color: #fff; position: relative; overflow: hidden; text-align: center;} .main-slider .container{display: table; height: 100%; position: relative; z-index: 1;} .slide-content-headings{padding:70px 15px 30px; display: table-cell; vertical-align: middle;} .slide-content-headings .btn{margin-top: 15px;} .slide-content-headings h2{font-size: 50px;} .slide-content-headings h3{font-size: 38px; font-weight: 300; max-width: 900px; margin: 30px auto;} .slider, .slider .slide.slick-slide{height: calc(100vh - 80px); min-height: calc(550px - 80px);} .slide.slick-slide{position: relative; background-color: #1132a0;} .slide.slick-slide .slide-img {width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; opacity: 1 !important; -webkit-animation-duration: 3s; animation-duration: 3s; transition: all 1s ease; position: absolute; left: 0; top: 0;} .slider [data-animation-in] {opacity: 0; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; transition: opacity 0.5s ease 0.3s;} .slick-dotted .slick-slider {margin-bottom: 30px;} .slick-dots {position: absolute; bottom: 20px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%;} .slick-dots li {position: relative; display: inline-block; margin: 0 5px; padding: 0; cursor: pointer;} .slick-dots li button {border: 0; display: block; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; transition: all 0.3s ease;} .slick-dots li button:hover, .slick-dots li button:focus {outline: none;} .stick-dots .slick-dots li {height: 3px; width: 50px;} .stick-dots .slick-dots li button {position: relative; background-color: white; opacity: 0.5; width: 50px; height: 3px; padding: 0;} .stick-dots .slick-dots li button:hover, .stick-dots .slick-dots li button:focus {opacity: 1;} .stick-dots .slick-dots li.slick-active button {color: white; opacity: 1;} .stick-dots .slick-dots li.slick-active button:hover, .stick-dots .slick-dots li.slick-active button:focus {opacity: 1;} .popup{position: relative; z-index: 1;} /********** Layout **********/ .site-header{position: fixed; left: 0; top: 0; width: 100%; z-index: 99; padding: 15px 20px; background-color: #fff;box-shadow: 0 2px 4px rgba(0,0,0,0.2); min-height: 70px; min-width: 280px;} .logo{margin: 4px 0 2px 0;} .logo img{display: block; max-height:34px;} #menu-main-menu > li{float: left; margin: 0 20px;} #menu-main-menu > li > a{display: block; padding: 10px 0; color: #272934; position: relative; font-size: 16px; line-height: 20px; font-weight: 600; text-transform: uppercase; background: none; -webkit-background-clip: inherit; -webkit-text-fill-color: inherit;} #menu-main-menu > li > a:hover, #menu-main-menu > li.current-menu-item > a{color: #2E5AEF;} #menu-main-menu > li a::before {position: absolute; top: 80%; left: 0; width: 100%; height: 1px; background: #2E5AEF; content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px);} #menu-main-menu > li a:hover::before, #menu-main-menu > li.current-menu-item > a:before { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px);} #menu-main-menu > li.btn{padding: 0;} #menu-main-menu > li.btn a{padding: 10px 25px;} #menu-main-menu > li.btn a, .wp-megamenu .btn a:hover{color: #fff;} #menu-main-menu > li.btn a:before{display: none;} .site-header .header-search{float: right; display: none;} .site-header .search-icon{margin: 8px 5px; padding: 3px 5px; font-size: 18px; color: #2E5AEF; background: none; border: none; cursor: pointer;} .site-header .search-field{display: none;} .wp-megamenu-wrap{float: right;} .sub-menu, .dropdown-menu li a::before{display: none;} .nav li{position: relative;} /* #menu-main-menu>li.menu-item-has-children.dropdown{margin-right: 30px;} */ .dropdown-menu {border-radius: 10px !important; overflow: hidden; position: absolute; top: 35px; left: 0; z-index: 1000; display: none; min-width: 220px; padding: 5px 0; margin: 2px 0 0; background-color: #2E5AEF; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); border-radius: 0; border: none; list-style: none;} .dropdown-menu li{margin: 0; position: relative;} .dropdown-menu>li>a, .nav .dropdown-menu a{padding: 8px 20px; font-size: 16px; font-weight: normal; color: #ffffff; display: block; background: none;} .dropdown-menu>li>a:hover, .nav .dropdown-menu a:hover{background: #eee; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus{/*background-color: #2E5AEF; color: #fff;*/ color: #f8e71c; -webkit-text-fill-color: unset;} .dropdown-menu>.active>a:hover, .nav .dropdown-menu a:hover{ color: #272934; -webkit-text-fill-color: unset; } /* .nav .dropdown-menu{position: relative; top: 0; display: none !important;} */ .partners{position: absolute; left: 0; bottom: 0; background-color: #f5f5f5; width: 100%; margin: 0; overflow: auto;} .partners .container{height: 80px;} .partners li{display: table-cell; text-align: center; padding: 0 10px; vertical-align: middle;} .partners img{max-height: 51px; max-width: none;} .page-template-service-details .partners{text-align: center;} .page-template-service-details .partners img{max-height: 80px;} .img-big img{border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;} .img-small{left: 250px; top: -100px; margin-bottom: -60px; background: url(../image/dot-bg.png) no-repeat right bottom; background-size: 180px; width: 220px; height: 215px;} .img-small img{border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;} .read-more{font-size: 16px; font-weight:600; padding-right: 34px; position: relative;} .read-more:after{content: ""; position: absolute; right: 0; top: 50%; margin-top: -4px; width: 24px; height: 10px; background: url(../image/arrow.png) no-repeat center center; background-size: 24px;} .read-more:hover:after{margin-right: -10px;} .read-more:hover{background: none;} .know-more{position: absolute; bottom: 0; left: 20px; margin-bottom: 18px;} .link-more{margin: 0;} .what-we-do .circle{left: 100px; top: 100px;} .what-we-do .row{display: flex; margin-left: 0;} .what-we-do .col-4{padding-bottom: 15px; float: none; padding-left: 0;} .what-we-do .col-4 h3{font-size: 20px; text-transform: uppercase;} .what-we-do ul{padding-left: 17px;} .what-we-do h3 a{color: #272934;} .what-we-do h3 a:hover{color: #2E5AEF;} .what-we-do .sub-text{margin-bottom: 30px;} .service-icon{line-height: 75px;} .white-box{background-color: #fdfdfd; border-radius: 5px; position: relative; height: 100%; padding: 10px 20px 35px; transition: all 0.3s ease;} .white-box:hover{box-shadow: 0 3px 12px rgba(0,0,0,0.1);} .row-works{padding-top: 50px; padding-bottom: 50px; border-top: solid 1px #DCDCDC;} .row-works:first-child{border: none;} .row-works .col-6{min-height: 400px;} .app-icon{min-width: 60px;} .app-title{padding-left: 15px;} .app-title br{display: none;} #nokey, #nokey_serv, #nokey_serv_details{position: absolute; top: 0;} .client-say{overflow: hidden;} .client-say .container, .insights .container{position: relative;} .client-say .sub-text{margin-bottom: 50px;} .client-img{float: left; width: auto;} .client-img:before{content: ""; width: 80px; height: 80px; position: absolute; right: -15px; bottom: -15px; background-color: #F4E41E; border-radius: 5px;} .client-img img{border-radius: 5px;} .client-info .fa-quote-left, .client-info .fa-quote-right{content: ""; color: #F4E41E; position: absolute; left: -20px; top: 0; font-size: 40px;} .client-info .fa-quote-right{color: #ECEEF4; left: auto; right: 30px; bottom: -10px; font-size: 200px;} .client-quote {margin: 12px 0 0 15px;} .client-quote p{font-weight: 200; font-size: 24px; line-height: 1.4; max-width: 80%; margin-bottom: 50px;} .client-quote h5{margin: 0;} .client-quote h6{margin-bottom: 10px;} .slider-nav{margin-left: calc(25% + 25px);} .slider-nav .item{width: 40px !important; margin-right: 10px;} .slider-nav .item a{position: relative; display: inline-block;} .slider-nav .item a img{border-radius: 3px;} .slider-nav .item a:after, .slider-nav .item.slick-current a:after{content: ""; position: absolute; left: 50%; bottom: -7px; width: 0; height: 2px; background-color: #2E5AEF; border-radius: 5px;} .slider-nav .item a:hover:after, .slider-nav .item.slick-current a:after{width: 36px; left: 2px;} .slider-nav .slick-list{padding: 0 !important;} .row-insights{margin-top: 40px; margin-bottom: 40px;} .insights-info{border: 1px solid #DBDBDB; padding: 15px 25px 15px 95px; min-height: 123px; margin-left: 25px; position: relative; display: block;} .insights-info:before{content: ""; background-color: #F8E71C; position: absolute; left: 0; top: 0; width: 0; height: 100%; z-index: -1;} .insights-info:hover:before{width: 100%;} .insights-info .insights-title{margin: 0 0 10px; height: 50px; overflow: hidden; color: #272934; font-weight:600; line-height: 1.5; display: block;} .insights-img{z-index: 1; background-color: #f7f9fb;} .insights-img a:hover{opacity: .9;} .insights-left .insights-img{width: 600px; height: 280px; position: relative;} .insights-left .insights-info{margin: -45px 0 0 15px; padding: 65px 20px 20px 20px;} .insights-right .insights-img{width: 90px; height: 90px; left: 55px;} .insights-box{margin-bottom: 20px;} /*.contact-us{background: #f7f9fb url(../images/map-bg.png) no-repeat center center; background-size: contain;}*/ .contact-us{background: #f7f9fb;} .wpcf7{margin-bottom:25px;} .form{margin: 0 auto; max-width: 760px;} .form-group{margin-bottom:20px;} .hs-form-field{margin-bottom: 25px; display: inline-block; position: relative; width: 50%; padding:0 15px; vertical-align: top;} .hs-input, .form-control, .wpcf7-number{border: 1px solid hsl(0, 0%, 91%); padding: 10px 15px; width: 100%; font-size: 16px; font-weight: 200; line-height: 20px; box-shadow: none; border-radius: 5px;} .wpcf7-number{width: auto;} .hs-error-msgs{list-style: none; font-size: 12px; color: #bb0000; margin: 5px 0 0 0; padding: 0;} .hs-fieldtype-textarea, .textarea{width: 100%; margin: 0 0 10px;} .hs-fieldtype-textarea textarea, .wpcf7-textarea{height: 150px; resize: none;} .hs-form-required{color: #bb0000;} .hs_recaptcha{margin: 0; float: left;} .hs_submit, .hs_error_rollup{margin-top: 15px; text-align: center;} .hs_error_rollup{margin: 0;} .wpcf7-recaptcha{width: 304px; margin: 0 auto;} .wpcf7-form-control.wpcf7-mathcaptcha{border: 1px solid #E7E7E7; padding: 10px 15px; font-size: 16px; font-weight: 200; line-height: 20px; box-shadow: none; border-radius: 5px;} div.wpcf7 input[type="file"].wpcf7-file {padding: 8px 15px; height: 42px;} .wpcf7-form div.wpcf7-response-output{max-width: 100%; border-radius: 5px;} .get-in-touch{max-width: 700px; margin: 0 auto;} .get-in-touch .wpcf7 {margin-bottom: 0 !important;} .get-in-touch h2, .get-in-touch p{text-align: center;} .get-in-touch p{margin-bottom: 40px;} .get-in-touch br{display:none;} .get-in-touch b{color: #2E5AEF; font-size: 30px;} .offices{margin: 0 auto; max-width: 940px; padding-left: 75px;} .offices h4{margin-bottom: 10px;} .offices p{margin: 0;} .offices a{color: #272934;} .offices a:hover{color: #2E5AEF} .footer{background-color: #2E5AEF; color: #fff; padding: 50px 0 30px; font-size: 14px; border-bottom: solid 5px #F8E71C; position:relative; margin-bottom: -35px;} .footer ul{padding: 0; margin: 0; list-style: none;} .footer a{color: #fff;} .footer a:hover{color: #F8E71C;} .footer h3{font-size: 14px; margin-bottom: 10px; text-transform: uppercase; font-weight:600;} .footer .menu-contact-menu-container li a{white-space: nowrap;} .footer .hs-input{border-radius: 50px;} .footer .hs-form-field{margin-bottom: 20px;} .footer-top{display: flex;} .footer-top .col-3{width: auto; margin-left: 25px;} .footer-top .col-3:first-child{margin-left: 0;} .footer-top #menu-footer-menu{text-transform: uppercase; font-weight:600;} .footer-top #menu-footer-menu li{margin-bottom: 8px;} .footer-top #menu-company-menu a{white-space: nowrap;} .bluewhale-icon{position: absolute; left: 15px; top: 0;} .bluewhale-icon img{height: auto;} .sub-footer-menu, .footer-mid{font-weight: 200;} .sub-footer-menu li li{margin-bottom: 5px; position: relative;} .sub-footer-menu li li:before{content: ""; background-color: #F8E71C; position: absolute; left: -12px; top: 11px; width: 4px; height: 1px;} .sub-footer-menu li li:hover:before{width: 10px; left: -18px;} .sub-footer-menu li li.link a{color: #F8E71C; display:inline-block;} .sub-footer-menu li li.link a:hover{color: #fff;} .sub-footer-menu li li.link:before{display: none;} .newsletter{min-width: 275px;} .footer-mid{padding: 15px 0; margin: 30px 0; border-top: solid 1px rgba(216,216,216,.1); border-bottom: solid 1px rgba(216,216,216,.1);} .footer-mid p{margin:2px 0;} .footer-mid .col-4{padding-left: 0;} .footer-mid .col-8{padding-right: 0;} .footer-mid .col-8 p{text-align: right;} .footer-clutch .fa{color: #F8E71C; font-size: 13px; position: relative; top: -1px;} .footer-clutch a{display: inline-block; position: relative; top: 5px; margin-left: 20px;} .footer-clutch, .social{text-transform: uppercase; font-size: 13px;} .social a{display: inline-block; width: 24px; line-height: 24px; font-size: 14px; background-color: #fff; color: #2E5AEF; text-align: center; border-radius: 50px; margin-left: 5px; transition: all 0.3s ease;} .social a:hover{background: none; background-color: #F8E71C; color: #000;} .social a:before{transition: none;} .social span{display: inline-block; margin-right: 5px;} .footer-bottom{text-transform: uppercase; font-weight: 600;} .footer-bottom a{margin-right: 15px;} .footer-bottom .col-8, .footer-bottom .col-4{padding: 0;} .footer-badges{border-bottom: solid 1px rgba(216,216,216,.1); padding-bottom: 10px; margin-bottom: 30px;} .footer-badges .footer-clutch .fa{margin: 0 2px;} .badges{margin-bottom: 30px;} .badge{display: inline-block; margin: 0 7px;} .badge img{height: 125px;} #cookie-law-info-again{font-size: 10px; background-color: #F8E71C !important; box-shadow:none;} div#cookie-law-info-bar{padding:15px; font-size: 13px; background: none !important; box-shadow: none; text-align: center; width: 100%; z-index: 99;} div#cookie-law-info-bar > span{background-color: rgba(255, 255, 255,0.9); box-shadow: rgba(0,0,0,.5) 0px 5px 50px; display: block; margin: 0 auto; padding: 8px 10px 8px 15px; border-radius: 10px; display: inline-block; line-height: 1.5;} div#cookie-law-info-bar .cli-plugin-button, div#cookie-law-info-bar .cli-plugin-button:visited{font-size: 12px; background-color: #2E5AEF !important; border-radius: 50px; display: inline-block; padding: 10px 16px; line-height: 1;} div#cookie-law-info-bar .cli-plugin-button:hover{background-color: #1641D1 !important;} div#cookie-law-info-bar .cli-plugin-main-link{font-weight: bold; text-decoration: underline; margin: 0 15px 0 0 !important;} /********** Inner page design **********/ .page-header{background-color: #2E5AEF; color: #fff; padding: 50px 0; text-align: center; display: none;} .title-header{position: relative; overflow: hidden; text-align: center; color: #fff; height: 440px; background-color: #2E5AEF; background-image: linear-gradient(to left top, #ed018c, #d919a9, #ba34c5, #8a49dd, #2e5aef);} .title-header .wp-post-image{left: 50%; top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);position: absolute;} .title-header .container{max-width: 960px;} .overlay-header{background-color: #000000; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8; background-image: linear-gradient(to left top, #ed018c, #d919a9, #ba34c5, #8a49dd, #2e5aef);} .title-text{position: relative; z-index: 1; } .title-text a{color: #fff;} .title-text h1{font-size: 58px;} .title-text p{font-size: 28px; line-height: 1.4; font-weight:600; text-align: center; margin: 0 auto; max-width: 800px;} .nav-previous{float: left; max-width: 48%;} .nav-next{float: right; max-width: 48%;} .navigation a{background-color: #ddd; color: #272934; border: none; text-transform: uppercase; text-align: center; padding: 10px 25px; cursor: pointer; display: inline-block; text-transform: uppercase; font-size: 14px; font-weight:600; line-height: 20px; min-width: 110px; letter-spacing: 0.5px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px;} .navigation a:hover{background-color: #1641D1; color: #fff;} .entry-content{min-height: 300px;} .searchform{display: inline-block; width: 100%; margin-bottom: 30px;} .searchform input{border: 1px solid #E7E7E7; padding: 10px 15px; width: 100%; font-weight: 200; line-height: 20px; box-shadow: none; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px;} .searchform input#searchsubmit{background-color: #2E5AEF; color: #fff; border: none; text-transform: uppercase; text-align: center; padding: 10px 25px; margin-top: 15px; cursor: pointer; text-transform: uppercase; font-size: 14px; font-weight: 600; line-height: 20px; width: auto; min-width: 110px; letter-spacing: 0.5px;} .searchform input#searchsubmit:hover{background-color: #1641D1; color: #fff;} .box-brdr{border:solid 1px #e5e5e5; padding: 50px; margin-top: 15px; margin-bottom: 15px; transition: all 0.3s ease;} .box-brdr:hover{background-color: #f7f9fb;} .box-brdr h3{color: #bfbfbf; font-size: 85px; font-weight: 100; line-height: 1; margin: 0;} .box-brdr p{font-size: 12px; font-weight:600; text-transform: uppercase; letter-spacing: 2px; margin: 0;} .why-us{background-color: #f7f9fb;} .divider{border: solid 2px #2e5aef; width: 7%; margin: 40px auto; border-radius: 5px;} .step-list{margin-top: 30px;} .step-list .box-content{padding: 15px 30px 0 110px; position: relative;} .step-list .box-content:nth-child(3), .step-list .box-content:nth-child(5), .step-list .box-content:nth-child(7){clear: both;} .step-list span{color: #e2e3e3; position: absolute; left: 0; top: 12px; width: 80px; font-size: 70px; font-weight:600; line-height: 1; text-align: right;} .step-list h3{font-size: 20px; margin:0 0 10px;} .step-list h3:empty{margin: 0;} .step-text{margin-top: 20px;} .step-text li{list-style: none; padding: 0 15px; display: inline-block; line-height: normal; margin: 10px 0; color: #9c9ca1; border-left: solid 1px #ddd;} .step-text li:first-child{border:none;} .step-top{max-width: 840px; margin-left: auto; margin-right: auto;} .step-top h2{font-size: 45px;} .team-list .col-4{float: none; display: inline-block; vertical-align: top; margin: 30px -2px 0;} .team-list h5{font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; margin: 0;} .team-list h3{font-size: 35px; font-weight: 200; margin: 0 0 10px;} .team-list p{opacity: 0.5; margin-bottom: 10px;} .our-clients{border-top:solid 1px #e5e9ec;} .logo-list{text-align: center;} .logo-list .col-4{float: none; display: inline-block; width: 33%;} .logo-image{background-color: #f7f9fb; padding: 25px; margin: 15px 0; border-radius: 5px; transition: all 0.3s ease;} .logo-image:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1); background-color: #fff;} .logo-image img{max-height: 50px;} .icon-box img{max-height: 40px;} .page-template-contact h1{font-size: 24px;} .contact-page{background-color: inherit;} .contact-page h5 a:hover:before{width: 15px; left: -25px;} .contact-page .form{margin-bottom: 30px;} .contact-page .wpcf7-recaptcha{margin: 0;} .small-text{font-size:14px;} .location h2{font-size: 30px;} .location .service-img p{height: 100%;} .vp-portfolio__items-wrap{padding: 30px 5px;} .vp-portfolio__item-meta-categories{opacity: 0; visibility: hidden; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;} .vp-portfolio__item:hover .vp-portfolio__item-meta-categories{opacity: 1; visibility: visible;} .vp-portfolio__item-meta-date{opacity: 0.5;} .vp-portfolio__items-style-default .vp-portfolio__item-align-left{min-height: 140px;} .vp-portfolio__items-style-default .vp-portfolio__item-align-left .vp-portfolio__item-meta-categories, .vp-portfolio__items-style-default .vp-portfolio__item-align-left .vp-portfolio__item-meta-inline{position: absolute; display: -webkit-box; display: flex; flex-wrap: wrap; bottom: 100%; left: 0; padding: 15px 10px; margin: 0;} .vp-portfolio__items-style-default .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category{margin: 10px 5px 0px;} .vp-portfolio__items-style-default .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category a{display: inline-block; padding: 3px 8px; font-size: 12px; border-radius: 3px; background-color: #F8E71C; color: #272934;} .vp-portfolio__items-style-default .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category a:hover{color: #fff; background-color: #2e5aef;} .vp-portfolio__items-style-default .vp-portfolio__item-meta-title{overflow: hidden; text-overflow: ellipsis;} .vp-portfolio__items-style-default .vp-portfolio__item-meta-excerpt{line-height: 1.4;} .vp-portfolio .vp-portfolio__item-wrap .vp-portfolio__item-img-wrap::before{padding-top: 58% !important;} /*Service page*****************************/ .service-header{margin: 0;} .bottom-arrow {position: absolute; left: 50%; bottom: 40px; width: 24px; height: 36px; margin-left: -12px; z-index: 1; display:none;} .bottom-arrow a{display: block;} .icon-scroll, .icon-scroll:before { position: absolute;} .icon-scroll {width: 24px; height: 36px; box-shadow: inset 0 0 0 1px #fff; border-radius: 25px;} .icon-scroll:before {content: ''; width: 2px; height: 8px; background: #fff; margin-left: -1px; top: 6px; border-radius: 4px; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: scroll; animation-name: scroll;} .top-text{background-color: #f7f9fb; text-align: center; padding: 50px 15px; position: relative;} .top-text img{display: block; margin: 0 auto;} .top-text.social{padding-top: 100px; padding-bottom: 100px;} .top-text.social p{text-align: center;} .top-text.social a{width: 50px; line-height: 50px; font-size: 20px; margin: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.1);} .service-img{position: relative; z-index: 1; width: 400px; height: 400px; margin-bottom: 40px; text-align: center;} .service-item .row-works{border: none; padding-bottom: 0;} .service-item:nth-child(odd){background-color: #f7f9fb;} .service-item .flex-middle img{border-radius: 15px; position: relative; z-index: 1;} .service-item .circle{width: 300px; height: 300px; position: absolute; left: 200px; top: 140px;} .service-item:nth-child(odd) .circle{background-color: #ED018C;} .service-item .flex-reverse .service-img{right: -135px;} .service-item .flex-reverse .circle{left: auto; right: 200px;} .postid-14172 .service-item .icon-list{ display: none; } .work-box{background: #000; height: 450px; width: 100%; display: block; position: relative; margin-bottom: 30px; overflow: auto;} .work-big{height: 930px;} .work-overlay{position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background-image: linear-gradient(180deg, rgba(238,238,238,0.00) 25%, #000000 100%);} .work-details{position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px; color: #fff;} .work-details h3{font-weight:600; margin-bottom: 15px;} .work-details p{font-size: 24px; line-height: 1.4; margin: 0;} .logos-list{text-align: center; margin: 50px 0;} .logos-list a{display: inline-block; position: relative; margin: 0 10px 20px 10px; width: 100px; white-space: nowrap; font-size: 12px; color: #000000; vertical-align: top;} .logos-list a:before{content: ""; display: block; width: 100px; height: 100px; box-shadow: 0 4px 4px 0 rgba(0,0,0,0.06); border-radius: 100px; position: absolute; left: 0; top: 0;} .logos-list a:hover:before{box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); } .logos-list img{height: 80px; max-width: 55px;} .logos-list span{width: 100%; height: 100px; display: block; position: relative; margin-bottom: 10px;} .box{margin-bottom: 30px; box-shadow: 0 2px 3px rgba(0,0,0,0.1); border-radius: 5px; overflow: hidden; position: relative;} .box-img, .blog-image{position: relative; height: 170px; border-radius: 5px 5px 0 0; overflow: hidden;} .blog-image{border-radius: 5px; height: auto; margin-bottom: 20px;} .box-img a{display: block; width: 100%; height: 100%;} .box-details{padding: 15px 20px; border-radius: 0 0 5px 5px; background-color: #fff; display: block;} .box-details h3{font-size: 15px; margin: 0;} .box-details p{margin-bottom: 10px; font-size: 14px; color: #888;} .box-details a{color: #000000;} .box-details a:hover{color: #2E5AEF;} .our-expertise, .our-services{padding-bottom: 0;} .our-expertise{border-bottom: solid 1px #ddd;} .related-work h2, .related-blogs h2{margin-bottom: 40px;} /*Not found**********************************/ .error404, .page-template-404{background:#bfe6ff;} .not-found{padding: 40px 0 350px; background: url(../image/image-404.jpg) no-repeat center bottom; position: relative;} .not-found:before{content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 500px; background: url(../image/image-404bg.jpg) repeat-x 25px bottom; z-index: -1;} .not-found h1{font-size: 50px;} .not-found h3{font-weight: 300;} .search-area{background-color: #b2ddf9; padding: 30px 60px 35px; max-width: 460px; margin: 35px auto; border-radius: 5px;} .search-area .searchform{margin: 0;} .search-area p{margin-bottom: 15px;} /*Blog***************************************/ .sidebar-form .wpcf7{margin-bottom: 0 !important;} .article-box, #sidebar .xoxo > li{background: #FFFFFF; box-shadow: 0 2px 3px rgba(0,0,0,0.1); margin-bottom: 15px; padding: 15px; border-radius: 5px;} .blog-details .article-box{padding: 20px 30px;} .article-box .wtr-time-wrap{background: #f7f9fb; padding: 5px 8px; border-radius: 3px; margin: 0 0 5px 0; position: relative; top: -10px;} .blog-list{padding: 30px 0;} .blog-list .col-3, .blog-details .col-3{padding-left: 0;} .article-image{padding-right: 0;} .article-image a{display: block; overflow: hidden; border-radius: 5px; width: 250px; height: 250px;} .category-label span{display: inline-block; padding: 3px 8px; font-size: 12px; border-radius: 3px; background-color: #F8E71C; margin:0 2px 3px 0;} .article-details{font-size: 15px;} .article-details h3{margin-bottom: 10px; margin-top: 5px;} .article-details h3 a{color: #272934; display: inline-block; font-size: 20px;} .article-details h3 a:hover{color: #2E5AEF;} .article-details p{opacity: .6; margin-bottom: 15px;} .article-footer{padding: 0; margin:15px 0 0 0; list-style: none;} .article-footer li{display: inline-block; margin-left: 8px; padding-left: 10px; border-left: solid 1px #ddd; vertical-align: middle; color: #888;} .article-footer li:first-child{padding-left: 0; margin-left: 0; border:none;} .share div{display: inline-block; vertical-align: middle;} .share .social a{background-color: #888; color: #fff;} .share .social a:hover{background-color: #2E5AEF; color: #fff;} .icon-date .far, .icon-view .far{padding-right: 4px; opacity: 0.6;} .st-has-labels{margin-bottom: 20px !important;} #sidebar ul{list-style: none; padding: 0; margin: 0;} #sidebar ul h3{margin-bottom: 10px; text-transform: uppercase; font-size: 18px; border-bottom: solid 1px #E6E6E6; padding-bottom: 10px; margin-bottom: 15px;} #sidebar li li{position: relative; font-size: 13px;} #sidebar li li a{color: #272934;} #sidebar li li a:hover, .vp-portfolio__items-style-default h2.vp-portfolio__item-meta-title a:hover{color: #2E5AEF;} #sidebar .searchform{margin: 0;} #sidebar .rpwwt-widget ul li{border-top: solid 1px #E6E6E6; padding-top: 15px; margin:15px 0 0 0;} #sidebar .rpwwt-widget ul li:first-child{border:none; padding-top: 0; margin: 0;} #sidebar .rpwwt-widget ul li img{border-radius: 5px; margin: 0; float: left;} #sidebar .rpwwt-post-title, #sidebar .rpwwt-post-date{display: block; margin-left: 71px; line-height: normal;} #sidebar .rpwwt-post-title{font-weight: 600; max-height: 32px; overflow: hidden;} #sidebar .rpwwt-post-date{color: #888; margin-top: 8px;} #sidebar .widget_categories li{display: inline-block; width: 100%; text-align: right; color: #999;} #sidebar .widget_categories li a{float: left;} #sidebar .hbspt-form{margin-bottom: 5px;} #sidebar .hs-form-field{margin-bottom: 10px; width: 100%; padding: 0;} #sidebar .hs-form-field.hs_recaptcha{margin: 0;} #sidebar .hs-input{padding: 8px 10px; max-height: 80px; font-size: 14px;} #sidebar .hs_submit, #sidebar .hs_error_rollup{text-align: left; margin: 0;} #sidebar .hs_submit .hs-input{padding: 9px 10px;} #sidebar .wpcf7-submit{margin-bottom: 5px;} #sidebar .wpcf7-recaptcha{transform: scale(0.79); margin: -17px -32px;} #sidebar .textwidget p{margin: 0;} #sidebar .textwidget br{display: none;} .entry-footer, .timeline-meta, .projects .entry-footer, .single-projects .entry-meta, #comments{display: none;} .blog-details{background-color: #f7f9fb; padding-top: 30px; padding-bottom: 30px;} .blog-details h1{font-size: 40px;} .blog-details .entry-meta{font-size: 14px;} .blog-details .vcard:before{content: "Written by ";} .blog-details .entry-date{display: block; border-bottom: solid 1px #ddd; padding-bottom: 20px;} .blog-details .article-nav{border-top: solid 1px #ddd; padding: 20px; background: #f7f9fb; overflow: hidden; margin-left: -30px; margin-right: -30px; margin-bottom: -20px; border-radius: 0 0 5px 5px;} .blog-details article h2{font-size: 30px;} .blog-details article h2, .blog-details article h3{color: #2E5AEF;} .blog-details article p, .blog-details article ul{color: #292929; word-break: break-word; font-size: 19px; line-height: 30px;} .blog-details h1{color: #000;} .blog-details .article-footer{padding: 0 0 15px 0; margin:15px 0 25px 0; list-style: none; border-bottom: solid 1px #ddd;} .blog-details .related-blogs{padding-bottom: 0;} .blog-details .col-3, .blog-list .col-3{position: sticky; position: -webkit-sticky; top: 88px;} .post{position: relative;} .share-footer{display: inline-block; width: 100%; margin: 0 0 20px 0; padding-top: 50px; position: relative;} .share-footer:before{content: ". . ."; position: absolute; left: 50%; top: 0; line-height: 1;} .fixed-social{position: sticky; position: -webkit-sticky; float: left; margin:0 0 20px -93px; font-size: 1.5rem; top: 120px;} .fixed-social a{display: block; margin-bottom: 20px; line-height: 1; color: #fff; border-radius: 50px; background-color: #2E5AEF; position: relative; transition: all .2s ease-in-out; padding: 8px; text-align: center;} .fixed-social a:hover{color: #fff; transform: translateY(-4px);} .fixed-social span{font-size: 15px; float: right; padding: 10px 6px;} .timeline-main-title{text-align: center;} .single-projects .blog-image{margin-bottom: 20px;}Ï .cool-timeline .timeline-post .timeline-content .content-details ul {margin: 0 15px;} .cool-timeline .event-description .content-details ul li{list-style:inherit; margin: 15px;} .search h2{font-size: 24px; margin-bottom: 15px; text-align: left;} .search h2 a{color: #272934;} .search-results .article-details h3{margin-bottom: 0;} .search-results .article-details p{margin: 5px 0 0 0;} .search-results .article-footer, .search-results .article-footer li{margin: 0;} .pagination{text-align: center; margin-top: 30px; margin-bottom: 15px; display: flex; align-items: center; justify-content: center;} .pagination .page-numbers{display: inline-flex; align-items: center; padding: 5px 10px; margin: 0 2px; background-color: #fff; border-radius: 3px; box-shadow: 0 2px 3px rgba(0,0,0,0.1); min-width: 38px;} /*Sitemap***************************************/ #sitemap_list{margin: 0 0 40px; padding: 0; list-style: none;} #sitemap_list li a{color: #223547; display: block;} #sitemap_list li a:hover{color: #2E5AEF;} #sitemap_list li.home-item{margin: 25px 0; font-weight: 600;} #sitemap_list > li{padding: 0; margin: 15px 0;} #sitemap_list > li.page_item > a, #sitemap_list > li.cat-item > a{border:none; background: #eee; padding: 15px 20px; font-weight:600; border-radius: 4px;} #sitemap_list > li.page_item > a:hover, #sitemap_list > li.cat-item > a:hover{background: #F8E71C; color: #272934; padding-left: 30px;} #sitemap_list ul{margin-top: 15px;} #sitemap_list ul ul{margin: 5px 0;} /*Work***************************************/ .section .vp-portfolio__filter-wrap{margin: 0 0 25px;} .section .vp-portfolio__items-style-default .vp-portfolio__item-meta{padding: 0 0 15px;} .section .vp-portfolio__items-style-default .vp-portfolio__item-meta>*{margin: 0 0 10px;} .section .vp-portfolio__items-style-default .vp-portfolio__item-meta-title{/*height: 58px;*/ overflow: hidden; text-overflow: ellipsis; margin-top: 15px; padding-right: 40px;} .section .vp-portfolio__item-meta-categories{opacity: 0; visibility: hidden; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; display: flex; white-space: nowrap; height: 40px; overflow: hidden; position: absolute; top: -66px; left: 9px;} .section .vp-portfolio__item:hover .vp-portfolio__item-meta-categories{opacity: 1; visibility: visible;} .section .vp-portfolio__item-meta-date{opacity: 0.5;} .section .vp-portfolio__items-style-default .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category{margin: 0 5px; display: inline-block;} .section .vp-portfolio__items-style-default .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category a{display: inline-block; padding: 3px 8px; font-size: 12px; border-radius: 3px; background-color: #F8E71C; color: #272934;} .section .vp-portfolio__items-style-default .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category a:hover{color: #fff;} .section .vp-portfolio__items-style-default .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category::after{display: none;} .work-page{overflow: hidden;} .work-page .section, .work-about .container{position: relative;} .work-page .section li{font-weight: 300; margin-bottom: 10px;} .work-page .section.work-about, .work-page .our-services{padding: 0;} .project-platform{font-weight: 300; font-size: 15px;} .project-logo{max-width: 130px; border-radius: 10px; margin: 0 auto 30px;} .work-about:before, .work-about .container:before{content: ""; width: 50%; position: absolute; right: 0; top: 0; bottom: 15px; background: #F8E71C;} .work-about .container:before{width: 80%; display: inline-block; border-radius: 30px;} .work-about h3{margin: 15px 0 5px; font-size: 20px; text-transform: uppercase;} .work-about p{margin-bottom: 15px;} .work-about .col-4{padding-right: 30px;} .about-icons{color: #2E5AEF; margin-top: 15px; display: none;} .about-icons i{padding-right: 5px;} .about-icons span{margin-right: 50px; display: inline-block;} .work-overview{padding-bottom: 50px;} .work-overview p, .work-text{font-weight: 500; font-size: 19px; color: #272934;} .work-featured:before, .work-solution:before, .work-results:before, .work-next:before{content: ""; width: 50%; position: absolute; left: 0; top: 0; bottom: 0; z-index: -1; background: #2E5AEF;} .work-featured{margin-top: 70px; padding: 0; color: #fff;} .work-featured .container{padding:70px 20px; background: #2E5AEF; border-radius: 0 30px 30px 0;} .featured{width: 100%; max-width: 80%; min-height: 450px; margin: 40px auto 0; position: relative;} .featured-image{position: absolute; width: 250px; left: 50%; top: 50%; margin-left: -134px;} .featured-left{float: left; text-align: right; width: 250px;} .featured-right{float: right; width: 250px;} .featured-item{display: block; padding: 20px 0; max-width: 250px; font-weight: 300; position: relative; line-height: 1.3;} .featured-item:before{content: ""; width: 20px; height: 2px; border-radius: 5px; background-color: rgba(255,255,255,0.3); position: absolute; top: 10px;} .featured-left .featured-item:before{right: 0;} .featured-item:hover:before{width: 30px;} .client-quote.client-info{margin: 0 auto; max-width: 800px;} .client-quote.client-info p{max-width: 100%; position: relative; padding: 0 30px; margin-bottom: 0; text-align: center; font-weight: 500;} .client-quote.client-info h5{font-size: 16px; font-weight: 400;} .client-quote.client-info .fa-quote-right{font-size: 130px;} .full-image, .work-page .full-image{position: relative; width: 100%; height: 480px; overflow: hidden; padding: 0; text-align: center;} .full-image:hover .vert-move {-webkit-animation: mover 6s infinite alternate; -moz-animation: mover 6s infinite alternate; -ms-animation: mover 6s infinite alternate; -o-animation: mover 6s infinite alternate; animation: mover 6s infinite alternate;} .full-image img{width: 100%;} .work-page .work-testimonial{text-align: center; padding: 70px 0 0;} .work-design .container{position: relative;} .design-item{margin-top: 40px; position: relative;} .design-logo img{max-height: 130px; max-width: none; width: auto; display: block;} .design-font img{max-height: 270px;} .design-colors{padding-left: 100px;} .design-icons img{max-height: 90px;} .color-item{margin:0 40px 40px 0; text-align: center; display: inline-block;} .color{display: block; width: 70px; height: 70px; background-color: #000; /*border: solid 10px #f0f0f0;*/ border-radius: 100%; margin: 0 auto 5px;} .color-rgb{font-size: 14px;} .circle-bg{width: 30px; height: 30px; background-color: #FFEDED; border-radius: 100%; position: absolute; right: 48%; top: 20%;} .bg1{width: 76px; height: 76px; } .bg2{background-color:#F1F1F1; top:25%; right: 15%;} .bg3{background-color:#F1F1F1; top:75%; right: 55%;} .bg4{width: 36px; height: 36px; top:78%; right: 23%;} .bg5{width: 44px; height: 44px; top:90%; right: 0;} .work-wd{padding: 0; background-color: #161819; margin-top: 70px; max-height: 600px;} .cd-image-container{max-width: 1400px;} .work-requirement{background-color: #f7f9fb; margin-bottom: 70px;} .icon-list{list-style: none; display: table; table-layout: fixed; width: 100%; padding:20px 0 0 0;} .icon-list li{display: table-cell; padding-left: 15px;} .icon-list li:first-child{padding-left: 0;} .icon-list img{max-height: 47px; max-width:150px; width: auto;} .icon-list span{display: block; margin-top: 10px; font-size: 13px; line-height: 1.4;} .work-approach{padding-top: 0;} .work-solution{padding:0; margin-bottom: 100px;} .work-solution:before, .work-next:before{background-color: #F8E71C;} .work-solution .container, .work-next .container{padding:70px 50px 30px 15px; background: #F8E71C; border-radius: 0 30px 30px 0;} .work-solution p{padding-right: 30px;} .work-next .container{padding:40px 40px 35px 15px; background: #f5f5f5;} .work-next:before{background: #f5f5f5;} .solution-info{display: inline-block; width: 100%;} .solution-info ul, .results-info ul{margin: 0 0 15px;} .solution-img{float: right; width: 450px; margin: 5px -30px -60px 30px; text-align: center;} .solution-img img{max-height: 450px;} .work-results{color: #fff; padding: 0; margin-bottom: 80px;} .work-results:before{left: auto; right: 0; border-radius: 0;} .work-results .container{padding:60px 15px 30px 50px; background: #2E5AEF; border-radius: 30px 0 0 30px;} .work-results .container > p{text-align: center;} .results-info{margin-top: 20px;} .results-info .results-img{float: left; width: 250px; margin: 0 50px -80px 50px;} .work-next{padding: 0; margin-top: 100px; margin-bottom: 100px; position: relative;} .work-next .col-3{margin: -65px 0 -60px 0; text-align: center; height: 200px; display: flex; align-items: center; justify-content: center;} .work-next .col-3 img{max-height: 100%;} .work-next p{margin: 0;} .postid-394 .work-next .col-3{margin: -60px 0 -30px 0;} .handpicked{background: #f7f9fb; padding: 20px; margin-bottom: 20px; border-left: 3px solid #2E5AEF;} .handpicked *{margin: 0;} .handpicked h3{font-size: 20px; font-weight: 500;} .handpicked .btn{padding: 8px 20px; border-radius: 3px;} .handpicked .btn:hover i{padding: 0 5px;} .handpicked .twitter-btn{margin: 10px 0 0 0;} .handpicked .twitter-btn i{font-size: 20px; position: relative; top: 2px; transition: all 0.3s ease;} .handpicked .twitter-btn span{font-size: 14px;} .expandSearch{position: relative; overflow: hidden;} .expandSearch i{position: absolute; top: 0; left: 0; user-select: none; transition: 0.24s;} .expandSearch i:hover{color: #1641D1;} .expandSearch input{font-size: 16px; line-height: 1.3; border:none; border-radius: 4px; transition: 0.24s; width: 0px; padding: 8px 0 8px 34px; border: solid 2px transparent; height: 40px; min-width: 38px;} .expandSearch input:focus{outline: none; width:200px; min-width: 200px; border-color: #ddd; padding-right: 8px;} .expandSearch input:focus + i{color: #ddd; pointer-events: none;} /* Resources and FAQs**********/ .resources .sub-text, .faq .sub-text{max-width: 800px;} .faq-service{border-top: solid 1px #eee; border-bottom: solid 1px #eee;} .image-boxes{margin-top: 30px;} .image-boxes .box-details{text-align: center; font-weight: 600; color: #272934;} .image-boxes .box-details:hover{color: #2E5AEF;} .image-boxes p{margin:0;} .image-boxes p a{background:none;} .accordion{display: inline-block; width: 100%; margin-top: 30px;} .ac-title {background-color: #eee; cursor: pointer; padding: 15px 20px; width: 100%; border: none; outline: none;transition: all 0.3s ease; text-align: left; font-weight:600; border-radius: 4px;} .ac-title:hover {background: #F8E71C; color: #272934; padding-left: 30px;} .panel {padding: 20px 18px 0; overflow: hidden; max-height: 0; transition: all 0.5s ease;} .active .panel{max-height:1600px;} /*LP pages*/ .page-id-6872 .title-header, .lp-form br{display: none;} .get-in-touch .lp-page-botm-form .wpcf7 {margin-bottom: 25px !important;} .lp-top{background-color: #2e5aef; position: relative; overflow: hidden;} .lp-top::before{content: ""; opacity: 0.8; background-image: linear-gradient(to left top, #ed018c, #d919a9, #ba34c5, #8a49dd, #2e5aef); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;} .lp-top .container{position: relative; z-index: 2;} .lp-bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; display: block;} .lp-page h1{font-size: 50px; margin-bottom: 30px;} .lp-page .partners .container, .partners.relative{height: auto;} .lp-page .contact-us{background-color: #fff;} .lp-page .partners{position: relative;} .lp-page .partners li, .partners.relative li{padding: 15px 10px;} .lp-page .offices{margin-top: 60px;} .lp-page .btn-white{background:#fff; font-size: 14px; text-transform: none;} .lp-page .btn-white:hover{background:#f8e71c;} .lp-page .success-stories{border-top: solid 1px #e9eaeb;} .lp-page .success-stories .view-more{display: none;} .lp-form{padding: 25px 20px 15px; background-color: #f5f5f5; border-radius: 5px;} .lp-form h3{text-align: center; font-size: 30px;} .lp-form .form-button .btn{font-size: 14px; padding: 8px 16px; text-transform: none; letter-spacing: normal; margin: 0;} .lp-form{background-color: #fff; padding: 25px 30px 30px;} .lp-form h3{font-size: 20px; text-align: left;} .lp-form .form-group label{color: #808080; padding-left: 15px; font-size: 14px;} .lp-form .form-group:last-child{margin-bottom: 0;} .lp-form .captcha-btn label{padding-left: 0;} .lp-form .captcha-btn .form-button{float: right;} .lp-form .captcha-btn .ajax-loader{position: absolute; left: -10px; top: 10px;} .lp-form .hs-input, .lp-form .form-control, .lp-form .wpcf7-number{border-color: #000; padding: 7px 14px; font-size: 14px;} .lp-form .hs-fieldtype-textarea textarea, .lp-form .wpcf7-textarea{height: 100px;} .lp-form .form-text{font-size: 10px; margin: 10px 0 0 0;} .lp-top-text{color: #fff;} .lp-top-text .btn{font-size: 14px; text-transform: none;} .hbspt-form{text-align: left;} .hbspt-form textarea{width: 100% !important;} .hbspt-form fieldset, .hbspt-form fieldset .input{margin: 0 auto !important; max-width: 700px !important;} .submitted-message{text-align: center;} .whitebg-text{background: #fff; margin: 60px auto; padding: 0; width: 90%; text-align: left;} .whitebg-text p{text-align: left;} .success-stories .sub-text{font-size: 26px; font-weight: 800; padding: 0 80px;} .meet-owner h2{margin-bottom: 50px;} .meet-owner{background-color: #f7f9fb;} .meet-img-text .img-small{top: 0; left: 0; padding:0; margin: 15px auto 0; width: 330px; height: 357px;} .meet-img-text .img-small:before{content: ""; position: absolute; left: 20px; top: 30px; background-color: #F8E71C; width: 270px; height: 290px;} .meet-img-text .img-small img{position: relative; border-radius: 0; width: 270px;} .page-id-7231 .whitebg-text .meet-img-text .img-small img{background-color: #fff; padding: 5px 5px 5px 10px; border: solid 2px #232323;} .skype-phone span{display: inline-block; padding-left: 22px; margin-right: 15px; font-size: 15px;} .skype-phone .icon-skype{background:url(../image/skype.png) no-repeat 0 center;} .skype-phone .icon-linkedin{background:url(../image/linkedin.png) no-repeat 0 center; background-size: 17px;} .skype-phone .icon-phone{background:url(../image/mobile.png) no-repeat 2px center;} .top-img-text{padding-bottom: 0;} .meet-img-text .img-small{height: 335px; margin-top: 0;} .meet-img-text .img-small:before{height: 260px;} .meet-img-text ul{margin: 0;} .text-center .meet-img-text p{text-align: left;} .postid-368 .project-logo{max-width: 170px;} .postid-368 .work-about .col-4{width: 50%;} .postid-368 .work-about p{margin: 0;} .postid-368 .featured{min-height: 300px; padding-top: 40px;} .postid-368 .featured-image{margin-top: 80px;} .postid-368 .work-wd{padding: 30px;} .postid-368 .cd-image-container{width: 90%;} .postid-368 .solution-img{margin: 20px -120px -100px 20px;} .postid-368 .results-info .results-img{margin: 50px;} .postid-368 .work-results{margin-bottom: 70px;} .lp-services{list-style: none; margin: 0 0 60px 0; padding: 0;} .lp-services li{border-top: solid 1px #EBEBEB; padding: 32px 15px 30px; margin: 0; display: inline-block; width: 49.50%; vertical-align: top;} .lp-services li:first-child, .lp-services li:nth-child(2){border: none;} .lp-services h5{color: #2E5AEF; margin: 0 0 5px;} .lp-services p, .service-custom{margin: 0;} .service-custom{padding-bottom: 0;} .lp-gray{background-color: #f7f9fb; margin-top: 40px;} .s-left{float: left; position: relative;} .s-left:after {content: ""; position: absolute; background: yellow; width: 60px; height: 60px; left: 0; top: 6px; border-radius: 50px;} .s-left img{position: relative; margin:0 0 0 30px; max-width: 36px; z-index: 1;} .s-right{margin-left: 90px;} .lp-boxes{display: flex; margin-bottom: 20px;} .lp-boxes .col-4{padding-bottom: 15px; float: none;} .lp-boxes .white-box{border: solid 4px #2E5AEF; padding: 0;} .lp-boxes .white-box h3{font-size: 17px; background-color: #F8E71C; border-bottom: solid 4px #2E5AEF; padding: 10px 10px 10px 15px;} .lp-boxes .white-box ul{padding: 8px 15px 15px 40px; margin: 0;} .lp-boxes .white-box li{line-height: 1.3; margin-bottom: 15px;} .lp-number, .lp-number ul{padding: 0; margin: 0 auto; display: flex; flex-wrap: wrap;} .lp-number li{margin-bottom: 15px;} .page-links{margin-top: 50px; margin-bottom:50px;} .page-links h3, .page-links h3 a{font-size: 20px; display:inline-block; padding-right: 15px; color: #2e5aef;} .page-links h3{min-height:56px;} .page-links ul{list-style: none;} .page-links ul a{font-size: 18px; font-weight: 600; line-height: normal; padding: 7px 0;} .page-links .nav a:before{left: -14px; top: 18px; width: 7px; height: 2px; margin-top: -1px;} .page-links .nav a:hover:before, .nav .current-menu-item a:before{width: 13px; left: -20px;} .article-notice{display: flex; align-items: center; padding: 30px; background-color: #f8f8f8; border-left: 4px solid #2E5AEF; margin: 0 0 30px;} .article-notice p{margin: 0;} iframe{max-width: 100%} /* Footer Slider */ .footerBaseSlider .slick-slide img{margin:auto;height:125px;} .footerBaseSlider{width:95%;margin-left:auto;margin-right:auto;} .footerBaseSlider .slick-arrow{position:absolute;font-size:0;width:20px;height:20px;border:none;border-radius:100%;top:0;bottom:0;margin:auto;background-color:#fff;cursor:pointer;} .footerBaseSlider .slick-prev{left:-20px;} .footerBaseSlider .slick-next{right:-20px;} .footerBaseSlider .slick-prev:before {border-right: 5px solid #000;} .footerBaseSlider .slick-next:before {border-left: 5px solid #000;} .footerBaseSlider .slick-prev:before,.footerBaseSlider .slick-next:before{position:absolute;left:50%;top:50%;content:'';border-top:5px solid transparent;border-bottom:5px solid transparent;transform:translate(-50%,-50%);} /* Contact Form */ .wpcf7-form-control-wrap.your-phone .error {text-align: left !important;display: inline-block;width: 100%;} /* Home Partner Section */ .homePartner{padding-top:0;text-align:center;} .logoPartner{display:flex;justify-content:space-between;margin-top:50px;} .logoPartner .logoImg{width:calc(100%/8 - 0px);display:inline-block;margin:0 5px;border:1px solid #f2f2f2;} .logoPartner .logoImg:hover img{-webkit-filter: grayscale(100%); filter: grayscale(100%);} .logoPartner img{transition:.5s all;} /* Company Mission and Vision */ .companyDigiFirstSec{background-color:transparent;} .companyMissionSection .companyMisWrap{display:flex;align-items:center;} .companyMissionSection .companyMisWrap .leftSec{display:flex;position: relative;} .companyMissionSection .companyMisMain:nth-child(2n) .companyMisWrap{flex-direction:row-reverse;} .companyMissionSection .companyMisMain{background-color:#f7f9fb;} .companyMissionSection .companyMisMain:nth-child(2n){background-color:transparent;} .companyMissionSection .companyMisMain .missionContentWrap{padding-left:50px;} .companyMissionSection .companyMisMain:nth-child(2n) .missionContentWrap{padding-left:0;padding-right:50px;} .companyMissionSection .companyMisMain:nth-child(2n) .leftSec{justify-content:flex-end;} .companyMissionSection .companyMisWrap .leftSec:before{width:400px;height:400px;position:absolute;right:60px;top:15px;content:'';background-color:#2e5aef;border-radius:100%;} .companyMissionSection .companyMisWrap .leftSec img{position:relative;width:400px;} .companyMissionSection .companyMisMain:nth-child(2n) .leftSec:before{background-color:#f8e71d;right:auto;left:60px;top:90px;} .companyMissionSection .companyMisMain:nth-child(2n) .companyMisWrap{padding-bottom:80px;} .companyMissionSection .companyMisMain .missionContentWrap p > strong {margin-top: 10px;display: inline-block;} /* New Contact form Style*/ .contact-yellow{background: #F8E71C; text-align: center;} .form-area{background: #f7f9fb; margin-top: 30px;} .form-header{background: #2E5AEF; padding: 15px;} .form-header p, .form-header h2, .form-header a{margin: 0; color: #fff;} .form-header h2{font-size: 20px;} .form-body{padding: 30px;} /* .form-body label{display: none;} */ .form-body .wpcf7-textarea{height: 166px;} .form-body .form-button{margin-top: 15px;} .form-logos{display: inline-block; width: 100%; margin-top: 70px;} .form-logos .logoPartner{margin: 0; background: #fff; padding: 2px;} .form-logos .logoPartner .logoImg{width: calc(100%/3 - 4px); margin: 2px; line-height: 62px; height: 80px; padding: 8px;} .form-logos .logoPartner .logoImg img{max-height: 100%} /*Clutch Popup*/ .clutch{position: fixed; right: -301px; top: 46.5%; z-index: 98; transition: all 0.3s ease;} .clutch-widget, .btn-clutch{float: left;} .btn-clutch{border-radius: 0; transform: rotate(-90deg); margin: 76px -75px 0 -78px; padding: 9px 15px 10px; text-transform: none; font-weight: bold; border:solid 2px #272934;} .open-clutch .clutch{right: -17px;} .section.gray-bg.contact-us{display: none;} .rating-logos{display: flex;} .rating-logos span{display: inline-block; margin-left: 70px;} .rating-logos span:first-child{margin-left: 0;} .rating-logos img{max-height: 56px;} .process ul, .app-services ul, .tab-logos{list-style: none; margin: 50px auto 0; padding: 0; max-width: 900px;} .process li{display: inline-block; width: 24%; min-width: 170px; padding: 0 5%; vertical-align: bottom; border-bottom: solid 5px #f8e61b; margin: 20px -4px; position: relative;} .process li:before{content: ""; width: 5px; height: 5px; border: solid 5px #2E5AEF; position: absolute; left: 50%; bottom: -10px; margin-left: -5px; border-radius: 20px;} .process p{margin-bottom: 10px;} .process h5{font-size: 15px; min-height: 40px;} .app-services{padding-top: 30px; padding-bottom: 30px;} .app-services li{display: inline-block; width: 20%; min-width: 150px; padding: 0 2%; margin: 0 -4px; vertical-align: top;} .app-services p{margin-bottom: 10px;} .app-services h5{font-size: 14px; font-weight: normal;} .custom-tabs .container{max-width: 900px;} .tabs input { display: none; } .tabs input + label { display: inline-block } .tabs input ~ .tab { display: none } .tabs #tab1:checked ~ .tab.content1, .tabs #tab2:checked ~ .tab.content2, .tabs #tab3:checked ~ .tab.content3, .tabs #tab4:checked ~ .tab.content4, .tabs #tab5:checked ~ .tab.content5 {display: block; margin-left: 320px; overflow: hidden;} .tabs input + label {padding: 5px 12px; position: relative; display: block; text-transform: uppercase; font-weight: 800; float: left; width: 300px; clear: both; margin-bottom: 5px; cursor: pointer; transition: all 0.3s ease;} .tabs input + label:hover, .tabs input:checked + label {background: #f8e61b;} .tabs input ~ .tab {padding: 12px;} .tab-logos{text-align: center; margin-top: 0;} .tab-logos li{display: inline-block; vertical-align: top; margin: 5px;} .tab-logos li img{max-width: 120px;} .gov-info{text-align: left; padding: 15px 0 0 0;} .gov-info:before{content: ""; background: url(../image/box-skin1.png) no-repeat right bottom; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%;} .gov-info h3{max-width: 340px; margin: 0 auto 15px; text-align: center;} .gov-info .flex-img{padding-left: 40px; border-left: solid 1px #ddd;} /* New LP pages */ .faq-new{text-align: center;} .faq-new h2{font-size: 60px; max-width: 700px; margin: 20px auto 40px;} .faq-new-box{background-color: #2E5AEF; text-align: center; border-radius: 10px; padding: 20px; font-weight: 300; color: #fff; margin-bottom: 20px; min-height: 310px; display: flex; flex-direction: column; align-items: center; justify-content: center;} .faq-new-box h3{font-size:20px;} .faq-new-box br{display: none;} .faq-new-box .row{margin: 0;} .yellowbox{ background-color: #F8E71C; width: calc(25% - 20px); border-radius: 10px; color: #000; padding: 10px; margin: 10px; min-height: 120px; min-width: 120px; line-height: normal; display: flex; flex-direction: column; align-items: center; justify-content: center;} .yellowbox p{margin: 3px 0;} .yellowbox ul{text-align: left; margin: 0; padding: 0 0 0 25px; font-weight: bold;} .faq-new-box:nth-child(3){float: left; width: 60%;} .faq-new-box:nth-child(3) .yellowbox{width: 30%;} .faq-new-box:nth-child(4){float: right; width: calc(40% - 20px);} .faq-new-box:nth-child(4) p{margin: 0;} .faq-boxes{display: flex; flex-basis: auto; flex-wrap: wrap; justify-content: center; align-items: center;} .new-lp-page .top-img-text{border-top: solid 1px #eee;} .our-works ul{margin: 0;} .lp-page-v1 .sub-text{text-align: left;} .lp-page-v1 .sub-text ul{margin: auto; padding: 0; max-width: 1000px;} .lp-page-v1 .sub-text li{width: calc(50% - 60px); float: left; margin: 3px 30px; padding: 0;} .services-item{display: inline-block; margin: 15px; width: calc(16% - 20px); min-width: 120px; vertical-align: top;} .services-item p{font-size: 15px; font-weight: 300; line-height: normal; margin: 0;} .services-img{position: relative; overflow: hidden; width: 100%; height: 170px; border-radius: 5px; margin-bottom: 10px;} .lp-solutions{padding-top: 0;} .solutions-item{display: inline-block; margin: 10px; width: calc(33% - 20px); min-width: 300px; vertical-align: top;} .solutions-img{max-width: 180px; position: relative; margin: 0 auto 15px; min-height: 70px;} /* .lp-apps .services-list{margin-bottom: 70px;} */ .lp-apps .services-img{height: auto;} .page-template-lp-page-florida .services-img{height: auto;} .page-template-lp-page-florida .whitebg-text p{text-align: center;} .page-template-lp-page-florida .services-list{padding-bottom: 70px;} /* Work page new */ .work-page-new .websiteLayoutSection{text-align: center;} .work-page-new .casePrevantiveWrap .leftPart{padding-right: 80px;} .work-page-new .websiteLayoutSection:before, .work-page-new .casePrevantiveWrap .leftPart:before{display: none;} /* .work-page-new .websiteLayoutSection .websiteLayoutWrap{margin-top: 30px;} */ /* .work-page-new .websiteLayoutSection .websiteLayoutWrap .tablet{width: 25%;} */ .work-page-new .casePrevantiveSection{position: relative; padding: 10px 0 50px 0;} .work-page-new .casePrevantiveSection .dynamic-color{position: absolute; left: 0; top: 50%; width: 50%; height: 350px; margin-top: -175px; border-radius: 0 15px 15px 0;} .work-page-new .caseBannerSection{padding: 0; margin: 70px 0 230px 0;} /* New casestudy design */ .blog-casestudy h1{text-transform: uppercase;} .blog-casestudy h2{margin-bottom: 40px;} .blog-casestudy .sub-description img, .blog-cs-2 img, .blog-cs-6 img{width: 100%;} .blog-cs-2{background-color: #2E5AEF; color: #fff;} .blog-cs-3 .flex{align-items: center;} .blog-cs-4{background-color: #F8E71C;} .blog-cs-5 .flex{align-items: center; margin-bottom: 40px;} .blog-cs-6{background-color: #f7f9fb; text-align: center;} @media screen and (max-width: 767px){ .blog-casestudy{text-align: center;} .blog-casestudy h2{margin-bottom: 30px;} .blog-casestudy .flex{display: block;} .blog-casestudy .flex img{margin-bottom: 20px;} } .table-content{background-color: #f2fbff; overflow: hidden; clear: both; padding: 20px 25px; margin-bottom: 20px; border-radius: 5px; color: #292929;} .table-content ul{margin: 0;} .app-dev h3{text-align: center; max-width: 620px; margin: 0 auto 30px;} .app-dev ul{margin: 0; padding: 0;} .app-dev li, .lp-number li{padding: 12px; background-color: #eee; border-radius: 5px; list-style: none; display: inline-block; width: calc(50% - 17px); margin: 7px; vertical-align: top;} .work-page .service-item{background: none;} /* Case Study */ /* .casestudypage{font-family:'Poppins',sans-serif !important;} */ .casestudypage h2, .casestudypage h3{font-size:32px;line-height:38px;font-weight: 800;} /* Case Full Section */ .caseFullSection{text-align:center;padding:70px 0;margin-top:-1px;position:relative;} .caseFullSection h2{font-size:32px;line-height:38px;margin-bottom:20px;} .caseFullSection p{font-weight:200 !important;font-size:15px !important;line-height:24px !important;margin-bottom:20px;} .caseFullSection p:last-child{margin-bottom:0;} /* Mobile View */ .caseMobieView{padding-top:80px;text-align:center;} .caseMobieView .mobileViewImage{display:flex;} .caseMobieView .mobileViewImage img{width:100%;} /* Case Computer */ .caseComputerSection .caseComputerWrap{position:relative;} .caseComputerSection .caseComputerWrap .computerimg{display:flex;} .caseComputerSection .caseComputerWrap .computerimg img{width:100%;} .caseComputerSection{padding-top:85px;} .caseComputerSection .caseVisit{position:absolute;top:95px;right:95px;} .caseComputerSection .caseVisit a{color:#fff !important;font-size:20px;line-height:30px;font-weight:lighter;text-align:center;background:#000;border-radius:27px;padding:15px 37px;position:relative;padding-bottom:18px;} .caseComputerSection .caseVisit a:hover:before{opacity:1;transition:all 0.45s ease-in;width:61.5%;} .caseComputerSection .caseVisit a::before{position:absolute;content:"";width:0%;height:2px;background-color:#fff;bottom:15px;opacity:0;transition:all 0.45s ease-out;} /* Case Copy */ .caseCopy{text-align:center;padding-top:50px;padding-bottom:20px;} .caseCopy p {margin-bottom: 0;} /* Responsive View */ .caseResponsiveSection .responsiveViewImage{display:flex;position:relative;padding-left:20%;} .caseResponsiveSection .responsiveViewImage img{width:100%;} .caseResponsiveSection{padding:70px 0;} .caseResponsiveSection h3{margin-bottom:20px;} .caseResponsiveSection .responsiveViewImage:before{position:absolute;content:'' !important;background:#6A6A6A;width:7px;height:181px;bottom:0;top:40px;display:inline-block !important;left:13%;} /* Transform Section */ .transforMainWrap{position:relative;} .transforMainWrap .transformimage{position:absolute;left:0;top:0;bottom:0;width:50%;display:flex;} .transforMainWrap .transformimage img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;} .transforMainWrap .transformText{width:50%;margin-left:auto;padding-left:70px;padding-top:50px;padding-bottom:50px;} .transforMainWrap .transformText h3{margin-bottom:20px;} .transforMainWrap .transformText p{font-size:15px;line-height:24px;font-weight:400;margin-bottom: 0;} /* Cosmatic Section */ .cosmaticDentSection {padding: 80px 0;} .cosmaticDentMainWrap{position:relative;} .cosmaticDentMainWrap .cosmaticDentimage{position:absolute;right:0;top:0;bottom:0;width:50%;display:flex;} .cosmaticDentMainWrap .cosmaticDentimage img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;} .cosmaticDentMainWrap .cosmaticDentText{width:50%;margin-right:auto;padding-right:70px;padding-top:50px;padding-bottom:50px;} .cosmaticDentMainWrap .cosmaticDentText h3{margin-bottom:20px;} .cosmaticDentMainWrap .cosmaticDentText p{font-size:15px;line-height:24px;font-weight:400;margin-bottom: 20px;} .cosmaticDentMainWrap .cosmaticDentText p:last-child{margin-bottom: 0px;} /* General Dent */ .generalDentSection .generalDentTextWrap{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:30px;} .generalDentSection .generalDentTextWrap .leftPart{width:40%;} .generalDentSection .generalDentTextWrap .rightPart{width:60%;} .generalDentSection .generalDentTextWrap .rightPart p{font-size:15px;font-weight:400;line-height:24px;margin-bottom: 0;} .generalDentSection{padding-top:80px;} .generalDentSection .generalDentimg{width:90%;display: flex;} .generalDentSection .generalDentimg img{width:100%;} /* Case Study Web Section */ .web-section {margin: 120px 0 50px;} .web-section .flex-middle img {margin: -50px 0;} .web-section .container:before {width: 90%;border-radius: 50px 0 0 50px;} .web-section .about-icons .link {color: #000;} .web-section .about-icons img {margin: 0 15px 0 0 !important;width: 17px;height: 17px;object-fit: cover;} /* Blog List Sidebar Our Resource Slider */ #sidebar #custom_html-3{position:relative;padding:0;overflow:HIDDEN;} .blogListOurResource .resTextImgPart .leftPart img{width:90px;height:auto;object-fit:cover;object-position:center center;} .blogListOurResource .resTextImgPart .leftPart{width:50%;} .blogListOurResource .resTextImgPart .rightPart{width:50%;} .blogListOurResource .resTextImgPart{display:flex;flex-wrap:wrap;align-items:center;} .blogListOurResource .resTextImgPart .rightPart p {line-height: 21px;font-size: 14px;margin-bottom: 20px;} .blogListOurResource .resTextImgPart .rightPart a{text-decoration:none;background:#2E5AEF;color:#fff;border:none;text-transform:uppercase;text-align:center;padding:5px 15px;cursor:pointer;display:inline-block;text-transform:uppercase;font-weight:500;line-height:20px;min-width:110px;letter-spacing:0.5px;position:relative;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;font-size:11px;margin-top: 20px;} .blogListOurResource .resourceContentWrap{padding:10px;} .blogListOurResource .resourceContentWrap h3{margin-bottom:20px;text-transform:uppercase;} .blogListOurResource .blogListOurResourceWrap .blogResourceSlider{margin-bottom:0;overflow:hidden;padding:15px;} .blogListOurResource .blogListOurResourceWrap .blogResourceSlider{margin-bottom:0;overflow:hidden;} .blogListOurResource .blogListOurResourceWrap .resouceSliderBox{outline:none !important;border:none !important;} .blogListOurResource .blogListOurResourceWrap .blogResourceSlider .slick-dots{bottom:7px;left:0;right:0;} .blogListOurResource .blogListOurResourceWrap .blogResourceSlider .slick-dots button::before{font-size:30px;} .blogListOurResource .blogListOurResourceWrap .blogResourceSlider .slick-dots li{margin-left:5px;margin-right:5px;} .blogListOurResource .blogListOurResourceWrap .blogResourceSlider:before{position:absolute;left:-90px;bottom:-66px;width:190px;height:190px;background-color:#f0f0f0;content:'';border-radius:100px;} .blogListOurResource .blogListOurResourceWrap .blogResourceSlider:after{position:absolute;right:-25px;top:-25px;width:60px;height:60px;background-color:#f0f0f0;content:'';border-radius:100px;} .blogListOurResource .blogListOurResourceWrap .blogResourceSlider .slick-dots li button{border-radius:100%;background: rgba(0, 0, 0, 0.55);} .blogListOurResource .blogListOurResourceWrap .blogResourceSlider .slick-dots li.slick-active button{background:#2E5AEF;} /* Subscribe Our Newsletters */ .blogSubscriberNewsSection{position:relative;overflow:hidden;background-color:#fff;margin-top: 70px;} .blogSubscriberNewsSection:before{position:absolute;left:-210px;bottom:-76px;width:300px;height:300px;background-color:#f0f0f0;content:'';border-radius:100%;} .blogSubscriberNewsSection:after{position:absolute;right:-100px;top:-25px;width:200px;height:200px;background-color:#f0f0f0;content:'';border-radius:100%;} .blogSubscriberNewsSection .blogSubscriberPart{display:flex;align-items:center;flex-wrap:wrap;width:80%;margin:auto;} .blogSubscriberNewsSection .blogSubscriberPart > div{width:50%;} .blogSubscriberNewsSection .blogSubscriberPart .leftPart img{width:100%;} .blogSubscriberNewsSection .blogSubscriberPart .leftPart{padding-right:100px;} .blogSubscriberNewsSection .blogSubscriberNewsWrap > h2 {margin-bottom: 40px;} .blogSubscriberNewsSection .blogSubscriberPart .rightPart h5{font-size:20px;font-weight:800;margin-bottom:0 !important;} .blogSubscriberNewsSection .blogSubscriberPart .rightPart p{margin:10px 0 30px;} .blogSubscriberNewsSection .subscribeForm .email input{width:100%;border:1px solid #f0f0f0;height:40px;padding:10px 20px;line-height:1;} .blogSubscriberNewsSection .subscribeForm .submit{margin-top:25px;} .blogSubscriberNewsSection .subscribeForm .submit input{border-radius:50px;border:none;text-decoration:none;background:#2E5AEF;color:#fff;border:none;text-transform:uppercase;text-align:center;padding:10px 15px;cursor:pointer;display:inline-block;text-transform:uppercase;font-weight:500;line-height:20px;min-width:110px;letter-spacing:0.5px;position:relative;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;font-size:12px;} .blogSubscriberNewsSection .blogSubscriberNewsWrap{position:relative;} .blogSubscriberNewsSection .blogSubscriberNewsWrap .airoplanImg{width:60%;position:absolute;bottom:-20px;right:80px;} .blogSubscriberNewsSection .blogSubscriberNewsWrap .airoplanImg img{width:100%;} .blogSubscriberNewsSection .blogSubscriberPart .rightPart{padding-right:100px;position:relative;z-index:1;} .blogSubscriberNewsSection .blogSubscriberPart .form-group br{display: none;} /* Get Our Brochure Pop Up */ .blogGetOurBroPopUp .blogGetOurBroWrap{display:flex;align-items:center;flex-wrap:wrap;background-color:#fff;border-radius:20px;padding:30px 30px;margin:0 auto;} .blogGetOurBroPopUp .blogGetOurBroWrap .rightPart{width:60%;padding-left:40px;padding-right:15px;} .blogGetOurBroPopUp .blogGetOurBroWrap .leftPart{width:40%;} .blogGetOurBroPopUp .blogGetOurBroWrap .rightPart h4{font-size:25px;margin-bottom:20px;font-weight:900;} .blogGetOurBroPopUp .blogGetOurBroWrap .rightPart form .form-row{display:flex;flex-direction:column;margin-bottom:15px;} .blogGetOurBroPopUp .blogGetOurBroWrap .rightPart form .form-row label{font-size:14px;margin-bottom:4px;} .blogGetOurBroPopUp .blogGetOurBroWrap .rightPart form .form-row input{width:100%;border:1px solid #f0f0f0;height:25px;padding:5px 10px;outline:none;} .blogGetOurBroPopUp .blogGetOurBroWrap .rightPart form .submitBtn button{width:auto;text-decoration:none;background:#2E5AEF;color:#fff;border:none;text-transform:uppercase;text-align:center;padding:8px 15px;cursor:pointer;display:inline-block;text-transform:uppercase;font-weight:500;line-height:20px;min-width:110px;letter-spacing:0.5px;position:relative;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;font-size:12px;} .blogGetOurBroPopUp .blogGetOurBroWrap .rightPart .submitBtn{margin-top:30px;} .blogGetOurBroPopUp .blogGetOurBroWrap .leftPart img {width: 100%;} .blogGetOurBroPopUp .blogGetOurBroWrap .rightPart .form-group label {font-weight: normal;display: inline-block;margin-bottom: 5px;} .blogGetOurBroPopUp .blogGetOurBroWrap .rightPart .wpcf7 {margin-bottom: 0;} /* blog Get Our Brochure Thank You */ div#popmake-7871, div#popmake-7805 {margin-left: -30%;width: 30%;padding: 0;} .thankyouSubscribePopUp .thankyouSubscribePopUpWrap{display:flex;align-items:center;flex-wrap:wrap;background-color:#fff;border-radius:20px;padding:30px 30px;margin:0 auto;} .thankyouSubscribePopUp .thankSusFirst{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:15px;} .thankyouSubscribePopUp .thankSusFirst .thankImg{width:17%;} .thankyouSubscribePopUp .thankSusFirst .thankImg img{width:100%;} .thankyouSubscribePopUp .thankSusFirst .thankHead{width:66%;} .thankyouSubscribePopUp .thankSusFirst .thankHead h4{text-align:center;font-size:22px;font-weight:700;} .thankyouSubscribePopUp .thankyouContent p{text-align:center;font-size:12px;width:90%;margin:auto;line-height:20px;} /* Blog Lets Build Pop Up */ .letsBuildPopUpSection .letsBuildPopUp{display:flex;flex-wrap:wrap;} .letsBuildPopUpSection .letsBuildPopUp .rightPart{width:55%;padding:20px 25px 20px 0;} .letsBuildPopUpSection .letsBuildPopUp .leftPart{width:45%;} .letsBuildPopUpSection .letsBuildPopUp .leftPart img{width:100%;height:100%;object-position:-20px center;border-radius:20px 0 0 20px;object-fit:cover;} .letsBuildPopUpSection .letsBuildPopUp .rightPart h4{font-size:30px;font-weight:900;margin-bottom:0 !important;} .letsBuildPopUpSection .letsBuildPopUp .rightPart > p{font-size:13px;line-height:20px;margin:10px 0 15px;font-weight: 800;} .letsBuildPopUpSection .letsBuildPopUp .rightPart > p b{color:#2E5AEF;font-weight:800;} .letsBuildPopUpSection .letsBuildPopUp .rightPart .submitBtn button{border-radius:50px;border:none;text-decoration:none;background:#2E5AEF;color:#fff;border:none;text-transform:uppercase;text-align:center;padding:10px 15px;cursor:pointer;display:inline-block;text-transform:uppercase;font-weight:500;line-height:20px;min-width:110px;letter-spacing:0.5px;position:relative;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;font-size:12px;} .letsBuildPopUpSection .letsBuildPopUp .rightPart .form-row{width:calc(50% - 5px);display:flex;flex-direction:column;} .letsBuildPopUpSection .letsBuildPopUp .rightPart form{display:flex;flex-wrap:wrap;} .letsBuildPopUpSection .letsBuildPopUp .rightPart form .form-row.message{width:100%;margin:15px 0;} .letsBuildPopUpSection .letsBuildPopUp .rightPart form .form-row.message input{height:50px;} .letsBuildPopUpSection .letsBuildPopUp .rightPart .form-row:first-child{margin-right:10px;} .letsBuildPopUpSection .letsBuildPopUp .rightPart .form-row label{font-size:14px;margin-bottom:4px;} .letsBuildPopUpSection .letsBuildPopUp .rightPart .form-row br {display: none;} .letsBuildPopUpSection .letsBuildPopUp .rightPart .form-row label {font-weight: 800;} .letsBuildPopUpSection .letsBuildPopUp .rightPart .form-row input{width:100%;border:1px solid #f0f0f0;height:30px;padding:5px 10px;outline:none;} .letsBuildPopUpSection .letsBuildPopUp .rightPart .wpcf7 {margin-bottom: 0 !important;} .letsBuildPopUpSection .letsBuildPopUp .rightPart .form-group label {font-weight: normal;margin-bottom: 5px;display: inline-block;} .letsBuildPopUpSection .letsBuildPopUp .rightPart .form-group textarea {height: 70px;} .pum-container.pum-responsive.pum-responsive-medium {padding: 0;border-radius: 20px;} #sidebar .widget_categories ul {height: 310px;overflow-y: scroll;padding-right: 15px;} #sidebar .widget_categories ul::-webkit-scrollbar-thumb {border-radius:100px;} .pum-content.popmake-content > p {display: none;} #sidebar #text-5 h3{text-transform:inherit;color:#2e5aef;font-weight:700;border:none;margin-bottom:0;} #sidebar #custom_html-4{margin-bottom:0;border-radius:5px 5px 0 0;background:#F8E71C;} #sidebar #custom_html-4 h3{margin-bottom:0;border-bottom:0;padding-bottom:0;font-size:13px;text-transform:capitalize;} #sidebar #text-5{border-radius:0 0 5px 5px;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } /* Author */ .blogPubAuthor{border-top:solid 1px #ddd;padding:20px;overflow:hidden;margin-left:-30px;margin-right:-30px;margin-bottom:-20px;border-radius:0 0 5px 5px;} .blogPubAuthor .leftPart{width:15%;margin-top:10px;} .blogPubAuthor .rightPart{width:85%;padding-left:20px;} .blogPubAuthor .authorWrap{display:flex;flex-wrap:wrap;padding-bottom: 20px;padding-left: 10px;padding-right: 10px;} .blogPubAuthor .rightPart .authorName {font-weight: 900;font-size: 25px;} .blogPubAuthor .leftPart .authorImageWrap{position:relative;width:100px;height:100px;border-radius:100%;} .blogPubAuthor .leftPart .authorImageWrap .authorImg{border-radius:100%;border:2px solid #2E5AEF;overflow:hidden;} .blogPubAuthor .leftPart .authorImageWrap a{background:#7e8084;width:25px;height:25px;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:100%;position:absolute;bottom:0;right:0px;font-size:15px;} .blogPubAuthor .leftPart .authorImageWrap a:hover {background-color: #2E5AEF;} .blogPubAuthor .rightPart .authorContent p {margin-bottom: 0;font-size: 15px;} .casestudypage h2, .casestudypage h3{font-size:28px;line-height:40px;font-weight: 800;} .caseBannerSection {padding-top: 70px;padding-bottom: 110px;} .caseBannerSection .caseBannerImage{display:flex;} .caseBannerSection .caseBannerImage img{width:100%;height:100%;} .caseBannerSection .caseBannerTxt h1{font-size:45px;line-height:50px;margin-bottom:20px} .caseBannerSection .caseBannerWrap{display:flex;flex-wrap:wrap;align-items:center;} .caseBannerSection .caseBannerWrap .leftpart{width:50%;padding-right:70px;} .caseBannerSection .caseBannerWrap .rightpart{width:50%;} .caseBannerSection h2 {margin-bottom: 10px;} .caseFullSection{background:#2E5AEF;padding:70px 0;display:none;} .caseFullSection p{color:#fff;font-size:24px !important;line-height:40px !important;font-style:italic;font-weight:600;margin-bottom: 0;} .casePrevantiveSection {padding: 0px 0 255px;} .casePrevantiveWrap{display:flex;align-items:center;flex-wrap:wrap;} .casePrevantiveWrap h2{font-size: 28px;} .casePrevantiveWrap .leftPart{padding-right:40px;position:relative;display:flex;width:55%;} .casePrevantiveWrap .leftPart img{width:100%;} .casePrevantiveWrap .rightPart{padding-left:40px;width:45%;} .casePrevantiveWrap .rightPart h3{margin-bottom:10px;} .casePrevantiveWrap .leftPart:before{position:absolute;content:'';background:#F8E71D;width:83%;height:360px;right:3px;bottom:-40px;z-index:-1;} /* case Layout Section */ .caseWebLayoutSection{background:#2E5AEF;padding-bottom: 80px;} .caseWebLayoutSection .caseWebLayoutMain{display:flex;flex-wrap:wrap;margin-bottom: 80px;} .caseWebLayoutSection .caseWebLayoutMain:last-child{margin-bottom: 0;} .caseWebLayoutSection .caseWebLayoutMain > div{width:calc(100% / 2 - 0px);} .caseWebLayoutSection .caseWebLayoutMain img{width:100%;} .caseWebLayoutSection .caseWebLayoutMain .leftpart{padding-right:70px;display:flex;margin-top:-135px;} .caseWebLayoutSection .caseWebLayoutMain .rightpart{padding-left:70px;position: relative;} .caseWebLayoutSection .caseWebLayoutMain:first-child .rightpart{padding-top: 80px;} .caseWebLayoutSection .caseWebLayoutMain p{color:#fff;} .caseWebLayoutSection .caseWebLayoutMain h3{margin-bottom:10px;color:#fff;} .caseWebLayoutSection .caseWebLayoutMain:nth-child(2n){flex-direction:row-reverse;/*align-items:flex-end;*/} .caseWebLayoutSection .caseWebLayoutMain:nth-child(2n) .leftpart{padding-left:70px;padding-right:0;margin-top:-460px;margin-bottom:-235px;} .caseWebLayoutSection .caseWebLayoutMain:nth-child(2n) .rightpart{padding-left:0;padding-right:70px;} .caseWebLayoutSection .caseWebLayoutMain:nth-child(2n) .rightpart:before{left:auto;right:-50px;} .caseWebLayoutSection .caseWebLayoutMain ul {padding-left: 20px;margin-bottom: 0;} .caseWebLayoutSection .caseWebLayoutMain ul li {color: #fff;} /* Text formate */ .big-heading-main .big-heading-main-wrap{padding-top: 250px;padding-bottom: 50px;position: relative;} .big-heading-main .big-heading-main-wrap:before{position:absolute;content:'';right:0;top:0;width:2px; height:70%;background-color:rgba(0,0,0,0.08);} .big-heading-main .mainBigFont h5{font-size:250px;color:#f5f5f5;line-height:55px;} .big-heading-main .mainBigFont h4{font-size:60px;font-weight:800;margin-left:9px;line-height: 1;} .big-heading-main .bigFullPart{margin-top:70px;} .big-heading-main .bigFullPart h3{margin-bottom:15px;} .big-heading-main .bigTwoPart{display:flex;flex-wrap:wrap;margin-top:35px;} .big-heading-main .bigTwoPart > div{width:calc(100%/2 - 0px);} .big-heading-main .bigTwoPart .leftPart .onlyBold{font-size:30px;font-weight:800;} .big-heading-main .bigTwoPart .leftPart .onlyBold strong{display:block;font-weight:800;word-break: break-all;} .big-heading-main .bigTwoPart .leftPart .onlyBold strong:nth-child(1){text-transform:uppercase;} .big-heading-main .bigTwoPart .leftPart > p{margin-bottom:25px;} .big-heading-main .bigTwoPart .leftPart h3{margin-bottom:20px;margin-top:50px;font-weight:700;} .big-heading-main .bigTwoPart .leftPart > p:last-child {margin-bottom: 0;} .big-heading-main .onlylight strong{display:block;font-weight:normal;word-break: break-all;} .big-heading-main .onlylight strong:first-child{text-transform:uppercase;margin-top:15px;margin-bottom:15px;} .big-heading-main .bigTwoPart .leftPart{padding-right:30px;width:55%;position: relative;} .big-heading-main .bigTwoPart .leftPart:before{position:absolute;content:'';left:0;bottom:0;width:2px; height:70%;background-color:rgba(0,0,0,0.08);} .big-heading-main .bigTwoPart .rightPart{width:45%;padding-left:50px;position:relative;padding-bottom: 70px;} .big-heading-main .bigTwoPart .rightPart:before{position:absolute;content:'';left:0;top:0;bottom:0;width:2px;background-color:rgba(0,0,0,0.08);} .big-heading-main .colorBox{text-align:center;} .big-heading-main .colorBox .colorImg img {width: 85%;} .big-heading-main .twoColorImg{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:90px;} .big-heading-main .colorBox p{margin-top:45px;font-size:18px;} .big-heading-main .twoColorImg .colorBox:last-child p{margin-top:30px;} .big-heading-main .bigTwoPart .rightPart .onlylight img {width: 95%;} /* Website Layout */ .websiteLayoutSection{position:relative;padding-top:20px;padding-bottom:50px;} .websiteLayoutSection:before{position:absolute;right:0;top:0;width:64%;height:941px;background-color:#229A2C;content:'';z-index:-1;} .websiteLayoutSection .websiteLayImt img{width:100%;} .websiteLayoutSection .desktop{max-width:45%;} .websiteLayoutSection .websiteLayoutWrap{display:flex; justify-content: center;} .websiteLayoutSection .websiteLayoutWrap p{margin-bottom:20px;font-size:18px;font-weight:500;} .websiteLayoutSection .websiteLayoutWrap .websiteLayImt {display: flex;} .websiteLayoutSection .websiteLayoutWrap .tablet{margin:0 10px;} .websiteLayoutSection .websiteLayoutWrap .mobile{width:17%;} .websiteLayoutSection .websiteLayoutWrap .tablet p,.websiteLayoutSection .websiteLayoutWrap .mobile p{color:#fff;} .work-results .websiteLayoutSection .container{padding: 0;} /* New LP pages */ /* @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-290px * 7))} } */ .infinite-slider{margin:40px auto -120px;overflow:hidden;position: relative;width: 100%;display: inline-block;} /* .slide-track {animation: scroll 40s linear infinite; display: flex; width: calc(290px * 14);} */ .slide-item{border-radius: 8px; overflow: hidden; margin: 10px;} .slide-item img{height: 100%; width: 100%; object-fit: cover;} .img-mobiles{position: relative; z-index: 2; max-width: 430px; margin: 0 auto;} .img-mobile{position: absolute; max-width: 60%; top: 30px; right: 15px;} .img-second{max-width: 68%; position: relative; top: 0; right: 0px; z-index: 1;} .project-brif{background-color: #F8E71C; position: relative;} .project-brif:after{content: ""; border-width: 0 0 10rem 100vw; border-style: solid; border-color: transparent transparent #fff transparent; position: absolute; bottom: 0; left: 0; z-index: 1;} .project-brif .img-mobiles{margin:0 auto -220px;} .tech-services{padding-top: 200px;} .tech-services .flex-middle{align-items: center;} .tech-list{text-align: center;} .tech{font-weight: 300; text-align: center; border: 1px solid #E7E7E7; border-radius: 7px; margin: 10px; display: inline-block; vertical-align: top; max-width: 150px; padding: 15px 10px; line-height: normal;} .industries-serve{background-color: #2E5AEF; color: #fff; position: relative; padding-top: 10rem; padding-bottom: 0; margin-bottom: 200px;} .industries-serve:after{content: ""; border-width: 10rem 0 0 100vw; border-style: solid; border-color: #fff transparent transparent transparent; position: absolute; top: -1px; left: 0; z-index: 1;} .wwa .flex-middle{flex-direction: row; align-items: center;} .wwa-images{max-width: 500px; margin: 0 auto;} .wwa-img{max-width: 62%; position: relative;} .wwa-img:before{content: ""; position: absolute; left: 0; bottom: 0; height: 80%; max-height: 180px; width: 100%; background-color:#FFE7E4;} .wwa-img img{position: relative;} .wwa-img2{float: right; margin: -70px 0 -70px 0;} .wwa-img1:before{max-height: 150px;} .wwa-img2:before{background-color:#D8CEFF;} .wwa-img3:before{background-color:#FFE9C8;} .why-us-points{background-color: #F8E71C; padding-top: 10rem; position: relative;} .why-us-points:after{content: ""; border-width: 10rem 100vw 0 0; border-style: solid; border-color: #fff transparent transparent transparent; position: absolute; top: -1px; left: 0; z-index: 1;} .why-us-points .tech{border-color: #000; max-width: 28%; margin: 15px 50px;} .logo-slider{background-color: #f5f5f5; margin: 0; padding: 30px 0;} .logo-slider .slide-item{margin: 0 30px;} .success-stories-new h2{text-align: center;} .related-services li{display: inline-block; margin: 10px 5px;} .related-services li a{display: flex; align-items: center; padding: 15px 20px; cursor: pointer; min-width: 110px; border: solid 1px #272934; color: #272934; border-radius: 50px; min-width: 200px;} .related-services li svg{width: 36px; height: 36px; margin-right: 10px;} .related-services li strong{font-weight: 600; text-align: left;} .related-services li span{display: block; line-height: 20px; letter-spacing: 0.5px;} .related-services a:hover{background-color: #2E5AEF; border-color: #2E5AEF; color: #fff;} .related-services a svg path{fill:#2E5AEF;} .related-services a:hover svg path{fill:#fff;} .accordion-panel .btn{margin-bottom: 50px; font-size: 16px;} *[class*="--light"], *[data-nosnippet] {display: none !important;} /* Career Page */ .career-info{position: relative;} .career-info::before{content: ""; background-color: #F8E71C; clip-path: polygon(0 0, 100% 0%, 100% 70%, 0% 100%); position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .career-info .col-6:last-child{padding-right: 80px;} .career-details h2{max-width: 700px;} .career-details h4, .career-details p{font-size: 18px;} .career-details .col-4{margin-top: 30px;} .career-openings{background-color: #2E5AEF; clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%); padding-top: 180px; color: #fff;} .career-openings .col-6{margin-top: 30px;} .career-openings a{background-color: #fff; color: #272934; font-size: 14px; display: flex; position: relative; padding: 15px 20px; align-items: center;} .career-openings a:hover{background-color: #F8E71C;} .career-openings a span{margin-left: auto; font-weight: 300; background: url(../image/arrow-gray.svg) no-repeat right center; background-size: 18px auto; padding-right: 30px; white-space: nowrap;} .career-form h3{font-size: 18px; margin-bottom: 30px;} .career-form .form{max-width: 100%;} body.is-visible{overflow: hidden;} .modal{position: fixed; z-index: 100; top: 0; left: 0; visibility: hidden; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} .is-visible.modal{visibility: visible;} .modal-overlay{ position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background: hsla(0, 0%, 0%, 0.5); visibility: hidden; opacity: 0; transition: visibility 0s linear 0.3s, opacity 0.3s;} .is-visible .modal-overlay{opacity: 1; visibility: visible; transition-delay: 0s;} .modal-wrapper{max-width: 700px; background-color: #fff; box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35); margin: 30px; position: relative; z-index: 11; border-radius: 15px; overflow: hidden;} .modal-transition{transition: all 0.3s 0.12s; transform: translateY(-10%); opacity: 0;} .is-visible .modal-transition{transform: translateY(0); opacity: 1;} .modal-body{overflow: auto; max-height: 75vh;} .modal-header, .modal-body{padding: 20px 25px;} .modal-header{position: relative; box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06); border-bottom: 1px solid #e8e8e8; display: flex; align-items: center; flex-wrap: wrap;} .modal-header h3{margin: 0 60px 0 0; opacity: 0.6;} .modal h2{font-size: 24px; margin: 0 auto 0 0;} .modal h3{font-size: 16px;} .modal ul{padding-left: 15px; font-size: 16px;} .modal-close{position: absolute; right: 25px; width: 40px; height: 40px; overflow: hidden; background: none; border: none; background-color: #eee; border-radius: 50px; margin: -10px 0; cursor: pointer; transition: all 0.3s ease;} .modal-close::before, .modal-close::after{content: ""; position: absolute; height: 2px; width: 50%; top: 50%; left: 25%; margin-top: -1px; background: #000; border-radius: 5px; transition: all 0.3s ease;} .modal-close::before{transform: rotate(45deg);} .modal-close::after{transform: rotate(-45deg);} .modal-close:hover{background-color: #2E5AEF;} .modal-close:hover::before, .modal-close:hover::after{background: #fff;} /* New Casestudy */ .csl{overflow-x: hidden;} .csl a{color: #272934;} .csl .section{position: relative; padding: 0 0 60px;} .csl .flex-reverse{flex-direction: column-reverse;} .csl .csl-first{padding-top: 60px;} .csl-first::before{content: ""; width: 31%; height: 300px; background-color: #F8E71C; position: absolute; left: 0; bottom: 18%;} .csl-first .container{position: relative;} .csl-first h2{max-width: 750px; font-size: 60px;} .csl-first p{max-width: 450px; float: right;} .csl-second::before, .csl-third::before, .csl-four::before{content: ""; width: 25%; height: 300px; background-color: #2E5AEF; position: absolute; left: 0; top: -30px;} .csl-third::before{background-color: #ED0F92;} .csl-four::before{background-color: #F8E71C;} .csl-info{font-family: 'Poppins', sans-serif; margin: 0 0 15px 0;} .csl-info strong{font-weight: 500; display: block; text-transform: uppercase; letter-spacing: 3px; font-size: 18px; line-height: 1.3; margin-bottom: 5px;} .csl-info span{display: block; opacity: 0.5; width: 75%; max-width: 450px; font-size: 12px; font-weight: 500;} .img-cover{position: absolute; left: 0; top: 0; object-fit: cover; width: 100%; height: 100%;} .csl-second .csl-8x4{padding-bottom: 60%;} .csl-2x4, .csl-8x4, .csl-3x6, .csl-4x3{padding-bottom: 150%; position: relative; display: block; margin: 0 0 15px;} .csl-third .csl-2x4, .csl-third .csl-8x4{padding-bottom: 450px;} .csl-four .csl-4x3{padding-bottom: 55%;} .csl-four .col-5{margin-top: 110px;} .csd .section{position: relative;} .casestudy-header{overflow: hidden; text-align: left;} .casestudy-header h1{max-width: 400px;} .casestudy-logo{max-width: 200px; margin-bottom: 20px;} .csd-list{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap;} .csd-list li{width: 50%; padding-right: 50px;} .csd-list h2{margin-bottom: 10px;} .csd-list p{opacity: 0.6; max-width: 180px; font-weight: 600; line-height: normal;} .yellow-box{background-color: #F8E71C; padding: 35px; margin: -155px 0 0 0;} .yellow-box h2{max-width: 400px;} .csl-9x4{max-width: 80%;} .csd-second::before{content: ""; background-color: #2E5AEF; position: absolute; right: 0; bottom: 10px; width: 30%; height: 40%; z-index: -1;} .csd-third{padding-bottom: 0;} .csd-third .csd-fluid{margin-bottom: 70px;} .csd-third h2{line-height: 1.1;} .csd-fluid .col-9{max-width: 69%;} .csd3-img img{width: 100%; object-fit: cover;} .csd-four::before{content: ""; background-color: #ED0F92; position: absolute; left: 0; bottom: 10px; width: 30%; height: 40%; z-index: -1;} .csd-four .csl-9x4{margin-left: auto;} .csd-five .col-6 p{max-width: 490px;} .csd-five .col-4{padding-left: 80px;} .csd-five .col-4 ul{padding-left: 18px; margin: 0 0 10px;} .csl-100{margin: 30px 0;} .csd-timeline{margin-top: 30px;} .csd-timeline h4{font-size: 14px; font-weight: normal;} .csd-timeline .col-2 h3{font-size: 18px;} .csd-timeline .col-10 h3{font-size: 50px; opacity: 0.1;} .lp-wwcd .icon{margin-bottom: 15px;} .lp-wwcd .icon img{height: 60px;} .lp-wwcd .row p{max-width: 359px; margin: 0 auto 25px;} .lp-services-new{align-items: center;} .lp-services-new h2{max-width: 560px; margin: 0 auto 40px;} .lp-services-new.gray-bg h2{max-width: 700px;} .lp-services-new .flex{align-items: center;} .lp-services-list{margin: 50px 0 0 0;} .lp-services-list ul{list-style: none; margin: 0; padding: 0;} .lp-services-list h3{font-size: 22px; letter-spacing: 3px; text-transform: uppercase;} .lp-detail-info .text-center{margin: 0 auto; max-width: 900px;} .lp-detail-info .flex{align-items: center;} .lp-detail-info .flex ul{margin: 0;} .lp-detail-info .col-6:first-child{padding: 0 20px 20px 20px;} .lp-detail-info .col-6:first-child::before{content: ""; width: 120px; height: 120px; background-color: #F8E71C; position: absolute; left: 0; bottom: 0;} .lp-detail-info .col-6:first-child img{position: relative; z-index: 1;} .lp-salesforce .lp-services-new h4{max-width: 1000px; margin: 0 auto 30px;} .lp-ensures .row{max-width: 1000px; margin: 50px auto 0; font-weight: 600;} .key-features .team-list .col-4:before{content: ""; position: absolute; left: 15px; top: 0; height: 2px; width: 20px; background: #2e5aef;} /************************************************ [Responsive Stylesheet] *************************************************/ @media screen and (min-width: 1279px) and (max-width: 1450px){ .solution-img {margin: -40px -120px -80px 30px;} } @media (min-width: 1025px) { .white-box:hover{background-color: #fff;} .footer .container{padding-left: 140px;} .box .category-label{position: absolute; left: 20px; bottom: 102px; opacity: 0; transition: all 0.3s ease;} .box:hover .category-label, .page-template-tpl-news .box .category-label{bottom: 122px; opacity: 1;} .contact-page .col-5{padding-left: 150px;} .share-footer .category-label{float: left; width: 70%;} .share-footer .share{float: right;} .postid-404 .solution-img{margin-top: -40px;} .footer-top .col-3{max-width: 25%;} } /********************Min 768px*******************/ @media screen and (min-width:768px){ body *::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(255,255,255,0.3)} body *::-webkit-scrollbar-track{background-color:rgba(255,255,255,0.3)} body *::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.3)} .key-features .team-list .col-4{/*min-height: 280px;*/ position: relative; padding-top: 10px;} .key-features .team-list .col-4:nth-child(4), .key-features .team-list .col-4:nth-child(7), .key-features .team-list .col-4:nth-child(10), .key-features .team-list .col-4:nth-child(13){clear: both;} .key-features .team-list h3{font-size: 26px; margin-bottom: 10px;} /* Mouse Animation */ /* .mouseAnimation .cursor { position:absolute;background:#000;width:6px;height:6px;border-radius:100%;z-index:10000;transform:scale(1);user-select:none;pointer-events:none;transition:0.3s ease-in-out transform,0.2s ease-in-out opacity;z-index:10001;} .mouseAnimation .cursor.active {opacity: 0.5; transform: scale(0); } .mouseAnimation .cursor.hovered {opacity: 0.08;} .mouseAnimation .cursor-follower { position:absolute;width:25px;height:25px;border-radius:100%;z-index:10000;transform:translatex(5px,5px);user-select:none;pointer-events:none;transition:0.6s ease-in-out transform,0.2s ease-in-out opacity;border:1px solid #1641D1;} .mouseAnimation .cursor-follower.active {opacity: 0.7; transform: scale(3); } .mouseAnimation .cursor-follower.hovered {opacity: 0.08;} .mouseAnimation .link {position: absolute; right: 20px; top: 20px; text-decoration: none; color: #fff; } */ .work-about .col-4{margin-top: -50px; margin-bottom: -30px;} .work-about .col-8{padding: 20px 0;} .featured{display: flex; align-items: center; justify-content: space-between;} .featured-image {left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0;} /*.featured-image img{max-height: 450px; max-width: none; width: auto;}*/ .postid-398 .work-about .col-4 img{position: relative; right: -60px;} .postid-398 .work-featured .featured-image img{min-width: 380px; margin-left: -60px;} .postid-398 .results-info .results-img{width: auto; margin-top: 110px;} .lp-services-list .col-6:first-child{padding-right: 50px; border-right: solid 1px #E9EAEB;} .lp-services-list .col-6:last-child{padding-left: 50px;} } /*iPad*/ @media screen and (min-width: 768px) and (max-width: 1024px){ .footer .container{padding-left: 30px; padding-right: 30px;} #sidebar .widget_categories li{text-align: left;} } /********************Max*******************/ @media (max-width:1279px){ .pum-container.pum-responsive.pum-responsive-medium {width: 70% !important;} .letsBuildPopUpSection .letsBuildPopUp .leftPart img {object-position: -75px center;} .blogListOurResource .resTextImgPart{flex-direction:column;} .blogListOurResource .resTextImgPart > div{width:100% !important;} .blogListOurResource .resTextImgPart .leftPart {margin-bottom: 15px;} .blogListOurResource .blogListOurResourceWrap .blogResourceSlider .slick-dots {bottom: 25px;} div#popmake-7871, div#popmake-7805 {width: 40%;} .big-heading-main .bigTwoPart .leftPart .onlyBold {font-size: 26px;} .caseBannerSection {padding-top: 60px;padding-bottom: 30px;} .caseWebLayoutSection .caseWebLayoutMain .leftpart, .caseWebLayoutSection .caseWebLayoutMain:nth-child(2n) .rightpart {padding-right: 40px;} .caseWebLayoutSection .caseWebLayoutMain .rightpart, .caseWebLayoutSection .caseWebLayoutMain:nth-child(2n) .leftpart {padding-left: 40px;} .big-heading-main .bigFullPart {margin-top: 50px;} .websiteLayoutSection:before {height: 820px;} .casePrevantiveWrap .leftPart:before {height: 325px;} .casePrevantiveSection {padding: 30px 0 240px;} .postid-392 .solution-img {margin: -30px -60px -130px 30px;} .postid-392 .work-results .results-info .results-img {margin-left: -60px;} } @media screen and (max-width:1199px){ #menu-main-menu > li{margin: 0 8px;} #menu-main-menu>li>a{font-size: 13px;} .article-image a{width: 100%; max-width: none;} .service-item .flex-reverse .service-img{right: -50px;} .work-page .work-featured, .work-page .work-solution, .work-page .work-next{padding-right: 20px;} .solution-img{margin:20px -20px -60px 30px;} .bg5{right: 30px;} .work-results{padding-left: 20px;} .featured{max-width:90%;} } @media screen and (max-width:1024px){ h2 {font-size: 40px;} h3 {font-size: 22px;} h4 {font-size: 18px;} .bluewhale-icon{display: none;} .work-overlay{height: 80%;} .footer-mid .col-8{padding: 0;} .footer .hs-input{max-width: 290px;} .share-footer .share{margin-top: 15px;} .not-found:before{background-position: 15px bottom;} .title-header{height: 330px;} } @media screen and (max-width:1023px){ #menu-main-menu{display: none;} .nav{margin-bottom: 30px;} .nav a{display: block; font-size: 24px;} .menu-overlay .dropdown-menu>li>a, .menu-overlay .nav .dropdown-menu a{font-size: 18px;} .menu-overlay .btn{margin: 0 0 20px;} .slide-content-headings h3{font-size: 35px;} .section, .blog-list{padding: 30px 0;} .work-wd{padding: 0;} .work-wd .cd-handle{width: 30px; height: 30px; margin-left: -15px; margin-top: -15px;} .img-big{width: 230px;} .img-small {left: 150px; top: -60px; background-size: 140px; width: 180px; height: 180px; padding-right: 20px;} .footer-top .col-3, .footer-mid .col-3, .footer-mid .col-4{width: 50%;} .client-info .col-3{padding-right: 50px;} .insights-left .insights-img{width: 300px;} .insights-right .insights-img{width: 100px; left: 40px;} .insights-info{padding: 20px 20px 20px 80px; min-height: 140px; margin-left: 25px;} .footer-top{display: block;} .footer-top .col-3{margin:0 0 30px;} .footer-mid{margin-top: 20px;} .footer-mid .flex{display: block;} .footer-mid .col-8, .footer-bottom .col-4{width: 100%; margin-top: 20px; text-align: left;} .footer-mid .col-8 p{text-align: left;} .work-details{padding: 15px;} .work-box{height: 340px;} .work-big{height: 710px;} .article-image{width: 100%; padding:0 15px 15px;} .article-details{width: 100%;} .blog-details h1{font-size: 32px;} .fixed-social{margin-left: -50px;} .circle, .service-item .circle{width: 320px; height: 320px;} .service-img{width: 300px; height: 300px;} .service-item .circle{left: 30px; top: 70px;} .service-item .flex-reverse .circle{right: 30px;} .offices, .work-featured, .work-solution, .work-results, .work-next{padding: 0;} .work-about:before, .work-about .container:before{top: 0; bottom: 0;} .work-about .container:before {width: 84%;} .work-about .container{padding: 30px;} .featured{margin-top: 25px; min-height:430px;} .featured-image{width: 220px;} .featured-left,.featured-right{width:175px;} .featured-item{padding: 28px 0 0 0;} .featured-item:before{top: 20px;} .design-icons img{max-height:none; padding-right: 80px;} .design-colors{padding-left: 15px;} .work-solution{margin-bottom: 50px;} .solution-img{width: auto; margin: 10px 0 10px 30px;} .solution-img img{width:290px;} .work-results{padding-left: 20px; margin: 0 0 90px;} .work-results .container, .work-solution .container{padding: 40px;} .results-info .results-img{margin-left: 35px;} .results-info .list {margin: 0 0 0 315px;} .work-page .work-testimonial{padding-top: 50px; padding-bottom: 50px;} .client-info .fa-quote-left, .client-info .fa-quote-right{left: 0;} .client-info .fa-quote-right{left: auto; right: 0;} .client-quote.client-info{max-width:80%;} .work-next .col-3{width: 40%;} .work-next .col-9{width: 60%;} .team-list h3{font-size:28px;} .step-list h3{font-size:17px;} .box-brdr{padding:30px;} .box-brdr h3{font-size: 60px;} .not-found{padding-bottom: 350px;} .not-found:before{background-position: 55px bottom;} .lp-top .flex, .lp-boxes{display: block;} .lp-top .col-6.flex-middle, .lp-boxes .col-4{width: 100%;} .lp-top-text{text-align: center; padding-bottom: 15px;} .meet-img-text .img-small{width: 200px; height: 250px;} .meet-img-text .img-small:before{width: 200px; height: 200px;} .success-stories .sub-text{padding: 0;} .logoPartner {margin-top: 20px;} .logoPartner .logoImg {margin: 0 10px;} .generalDentSection .generalDentimg {width: 100%;} .cosmaticDentMainWrap .cosmaticDentimage{position:inherit;width:100%;} .cosmaticDentMainWrap .cosmaticDentText{width:100%;padding-top:0;padding-bottom:30px;padding-right: 0;} .cosmaticDentSection{padding:60px 0 0;} .transforMainWrap .transformText{width:100%;padding-left: 0;} .transforMainWrap .transformimage{position:inherit;width:100%;} .transforMainWrap{display:flex;flex-wrap:wrap;flex-direction:column-reverse;} .caseComputerSection{padding-top:50px;} .caseResponsiveSection{padding:60px 0 50px;} .companyMissionSection .companyMisWrap .leftSec:before{width:300px;height:300px;right:-20px;bottom:-20px;top:auto;} .companyMissionSection .companyMisMain:nth-child(2n) .leftSec:before {left: -50px;} .web-section {margin-bottom: 0;margin-top: 70px;} .blogSubscriberNewsSection {margin-top: 30px;} .blogSubscriberNewsSection .blogSubscriberPart .leftPart{padding-right:40px;} .blogSubscriberNewsSection .blogSubscriberPart .rightPart{padding-right:0;} .blogSubscriberNewsSection .blogSubscriberPart .rightPart .form{margin-top:20px !important;margin-bottom:0 !important;} .blogSubscriberNewsSection .blogSubscriberPart .rightPart .subscribeForm .wpcf7{margin-bottom:0;} div#popmake-7871, div#popmake-7805 {width: 50%;} .letsBuildPopUpSection .letsBuildPopUp .leftPart {display: none;} .letsBuildPopUpSection .letsBuildPopUp .rightPart {width: 100%;padding: 20px 25px;} .blogPubAuthor .leftPart{width:21%;} .blogPubAuthor .rightPart{width:79%;} .caseBannerSection .caseBannerTxt h1 {font-size: 35px;line-height: 40px;} .caseFullSection {padding: 50px 0;} .casePrevantiveSection {padding: 0px 0 190px;} .caseWebLayoutSection .caseWebLayoutMain:nth-child(2n) .leftpart{margin-top:-150px;padding-left:0;margin-bottom:-195px;} .casestudypage h2, .casestudypage h3 {font-size: 23px;line-height: 35px;} .caseBannerSection {padding-top: 40px;padding-bottom: 30px;} .caseBannerSection .caseBannerWrap .leftpart {padding-right: 30px;} .casePrevantiveWrap .leftPart {padding-right: 30px;width: 50%;} .caseBannerSection h2, .casePrevantiveWrap .rightPart h3 {margin-bottom: 15px;} .casePrevantiveWrap .leftPart:before {height: 215px;bottom: -25px;} .casePrevantiveWrap .rightPart {padding-left: 30px;width: 50%;} .caseWebLayoutSection .caseWebLayoutMain h3 {margin-bottom: 15px;} .caseWebLayoutSection .caseWebLayoutMain .rightpart{padding-left:0;} .caseWebLayoutSection .caseWebLayoutMain:first-child .rightpart {padding-top: 40px;} .caseWebLayoutSection .caseWebLayoutMain {margin-bottom: 40px;} .big-heading-main .mainBigFont h5 {font-size: 200px;line-height: 0;} .big-heading-main .big-heading-main-wrap {padding-top: 200px;} .big-heading-main .bigTwoPart .leftPart{width:100%;padding-right:0;margin-bottom:25px;} .big-heading-main .bigTwoPart .leftPart h3{margin-top:30px;} .big-heading-main .bigTwoPart .rightPart{width:100%;padding-left:0;display:flex;align-items:center;justify-content:space-between;padding-bottom: 0px;} .big-heading-main .bigTwoPart .rightPart .onlylight{padding-left:0;} .big-heading-main .twoColorImg {margin-top: 10px;} .big-heading-main .colorBox {width: 45%;} .big-heading-main .bigTwoPart .rightPart:before{display: none;} .big-heading-main .bigTwoPart .leftPart:before {bottom: -60px;} .big-heading-main .colorBox p {margin-bottom: 0;} .websiteLayoutSection .websiteLayoutWrap{flex-wrap: wrap;} .img-mobiles{max-width: 300px;} .project-brif .img-mobiles{margin: 0 auto -110px;} .project-brif{padding: 50px 0 7rem;} .project-brif:after{border-width: 0 0 7rem 100vw;} .industries-serve, .why-us-points{padding-top: 7rem;} .industries-serve:after, .why-us-points:after{border-width: 7rem 0 0 100vw;} .modal-header{padding-right: 70px;} .modal-close{right: 15px;} .modal h2{font-size: 22px;} .modal h3{font-size: 14px; margin-top: 3px;} .career-details .col-4{margin-top: 10px;} .career-info{padding-bottom: 80px; margin-bottom: 30px;} .career-info .col-6:last-child{padding-right: 15px; padding-top: 30px;} .career-info::before{clip-path: polygon(0 0, 100% 0%, 100% 90%, 0% 100%);} .career-openings{clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%); padding-top: 100px;} } /********************Mobile*******************/ @media screen and (max-width: 767px){ body, button, input, select, textarea{font-size: 16px; line-height: 1.5;} body{min-width: 290px;} h1{font-size: 60px;} h2{font-size: 30px;} h3{font-size: 26px;} h4{font-size: 22px;} .btn, .btn-secondary{font-size: 14px; padding: 10px 20px; margin: 0;} .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{width: 100%;} .what-we-do .col-4, .footer-mid .col-3, .lp-box .col-4{width: 100%; padding: 15px 0 0;} .what-we-do .col-4, .offices .col-4{padding:10px 0;} .what-we-do .row{display: block; margin: 0;} .lp-box{display: block;} .menu-overlay .container{padding: 30px;} .menu-overlay .nav {max-width: 100%;} .slide-content-headings{padding-left: 5px; padding-right: 5px;} .slide-content-headings h2{font-size: 24px;} .slide-content-headings h3{font-size: 22px; font-weight: normal;} .partners img{max-height: 36px; margin-left: -12px;} .flex.row, .flex-reverse, .flex-middle{display: block;} .hs-form-field{margin-bottom: 20px; width:100%;} .popup{max-width: 320px; margin: 0 auto 40px;} .row-works {padding: 30px 0;} .row-works .center img{max-width: 290px;} .client-info .col-3{padding-right: 15px; text-align: center;} .client-img{float: none; padding-bottom: 20px; margin-bottom: 30px;} .client-img img{margin: 0 auto;} .client-img:before {right: 50%; bottom: 0; margin-right: -95px;} .client-info .fa-quote-left{font-size: 30px; left: 15px;} .client-quote {margin: 3px 0 0 40px;} .client-quote h3{font-size: 22px; max-width: 96%; margin-bottom: 30px;} .client-say .slider-nav{margin: 20px 0 0 40px;} .row-insights{margin-bottom: 10px;} .insights-info .insights-title{margin: 0;} .insights-left .insights-img, .insights-right .insights-img {width: 90px; height: 90px;} .insights-left .insights-img{left: 60px; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); position: absolute; max-height: 100%; margin-top: -10px;} .insights-left .insights-info{padding: 20px 20px 20px 80px; min-height: 140px; margin: 0 0 20px 25px;} .insights-right .insights-img{left: 45px;} .footer{padding: 30px 0 20px;} .footer-top .col-3{margin: 0; padding: 0 15px; width: 100%;} .footer-top .sub-footer-menu{margin-bottom: 10px;} .footer-mid{margin-bottom: 20px;} .footer-mid .col-4{padding-top: 0; width: 100%;} .footer-mid .col-8{padding: 0;} .form{margin-top: 30px; margin-bottom: 50px;} .social span{display: block; margin-bottom: 10px;} .social .fa-facebook-f{margin: 0;} .footer-bottom{font-size: 13px;} .vp-portfolio__items-wrap{padding-left: 0; padding-right: 0;} .title-text h1{font-size: 30px;} .title-text p{font-size: 17px; font-weight: 600;} .service-header{padding: 50px 0 90px;} .work-box {height: 330px;} .work-overlay{height: 100%;} .blog-details .article-box {padding: 15px;} .blog-details .article-nav{margin-left: -15px; margin-right: -15px; margin-bottom: -15px;} .blog-details h1{font-size: 28px;} .blog-details h2, .blog-details article h2{font-size: 24px;} .blog-list .col-3, .blog-details .col-3{padding-left: 15px;} .title-header{height: auto; padding: 50px 15px;} .title-text{top: 0; left: 0; transform: none;} .bottom-arrow{bottom: 5px;} .icon-scroll{width: 20px; height: 30px;} .client-quote p{max-width: 100%; font-size: 19px; margin-bottom: 20px;} .project-logo{max-width: 130px; margin: 0 auto 20px;} .work-page .section.work-about{margin: 50px 0; padding-left: 20px;} .work-page .section h2{margin-bottom: 20px;} .work-about .container:before{width: 100%;} .work-about .container{padding: 20px;} .work-about .col-4{padding: 0 0 30px; margin-top: -70px; margin-left: 15px;} .work-about .col-4 img{max-width:200px; margin: 0 auto;} .work-about h3{margin-top: 0;} .about-icons{margin: 0 0 10px;} .work-featured,.results-info,.work-results,.results-info .list{margin: 0; display: block;} .work-featured .container, .work-results .container, .work-solution .container, .work-next .container{padding: 30px 20px;} .featured-left, .featured-right{width: 100%; text-align: left;} .featured-image{width: 150px; margin:0 0 10px -75px; position: relative;} .featured-item {padding: 15px 0 0 0; max-width: 100%;} .featured-item:before{top: 10px;} .featured-left .featured-item:before{left:0;} .design-icons img{padding-right: 5px;} .design-item,.design-colors{margin-top: 30px;} .design-item:first-child{margin: 0;} .icon-list{padding: 0; margin: 0; display: block;} .icon-list li {display: inline-block; width: 50%; vertical-align: top; padding: 10px 10px 0 0;} .work-approach{padding-bottom: 10px;} .work-solution{margin-bottom: 20px;} .solution-img{margin: 0 0 30px; width: 100%; text-align: center;} .results-info .results-img {margin: 0 auto 30px; width: 200px; float: none;} .work-page .work-testimonial{padding-top: 50px; padding-bottom: 50px;} .client-quote.client-info{max-width: 100%; margin: 20px 0 0 0;} .client-info .fa-quote-left{left: 0;} .client-quote.client-info .fa-quote-right {font-size: 100px;} .client-quote.client-info p{font-size: 17px;} .work-next .col-3,.work-next .col-9{width: 100%; padding: 0;} .work-next .col-3{padding: 0 40px; margin: -100px 0 20px 0;} .work-next{margin-bottom: 30px;} .footer-bottom{padding: 0 15px;} .footer-badges{margin-left: 0; margin-right: 0;} .badge img{height: 90px; margin: 5px;} .not-found {padding-bottom: 330px;} .not-found h1{font-size: 38px; margin: 0 0 8px;} .search-area{padding: 20px 20px 25px 20px; margin: 25px auto;} .top-img-text h2, .success-stories .sub-text{font-size: 19px;} .lp-page h1, .lp-page h2{font-size: 30px; margin-bottom: 20px;} .whitebg-text{width: 100%; padding: 15px 0; margin: 0;} .success-stories .sub-text{padding: 0;} .success-stories .sub-text p{margin:0;} .meet-owner h2{margin-bottom: 25px;} .meet-img-text .img-small{margin-bottom: 30px; width: 290px; height: 307px; background-size: 200px;} .meet-img-text .img-small img{width: 230px;} .meet-img-text .img-small:before{width: 230px; height: 240px;} .lp-form .form{margin: 20px 0 0 0;} .lp-form h3 {font-size: 24px;} .hs-input{width: 100% !important;} .hs_recaptcha{margin:0;} .section .lp-services li{width: 100%;} .section .lp-services li{padding: 25px 0; border-top: solid 1px #EBEBEB;} .section .lp-services li:first-child{border: none;} .lp-boxes{margin: 0;} .page-id-7091 .whitebg-text, .page-id-7171 .whitebg-text, .page-id-7218 .whitebg-text {margin: 30px auto 0; width: 100%;} .lp-boxes .col-4{padding: 0 0 20px 0;} .our-works-list .center.flex-middle{margin-bottom: 40px;} .skype-phone span{margin: 0 0 10px 0;} .get-in-touch .hbspt-form{margin: 0 -15px;} .page-links{margin-bottom: 0;} .page-links ul{margin-left: 15px;} .form-body{padding: 20px;} .form-body .form{margin: 0;} .form-logos .col-6{padding: 0;} .form-logos .col-6:first-child{margin-bottom: 30px;} .btn-clutch{margin: 64px -63px 0 -78px; padding: 8px 15px 9px;} /* 28-04-2020 */ .hbspt-form .hs-form-iframe {width: 100% !important;} .step-top h2 {font-size: 28px;} /* Footer Slider */ .footerBaseSlider .slick-slide img {width: 100%;height: 80px;object-fit: contain;} .footerBaseSlider {width: 90%;} .mouseAnimation {display: none;} .article-notice{display: inline-block; padding: 20px 5px 30px;} .article-notice .text-right{text-align: left; margin-top: 20px;} .blog-details article p, .blog-details article ul{font-size: 17px; line-height: 28px;} .gov-info{padding: 0;} .gov-info h3{margin: 0 auto;} .gov-info.row-works .col-6.flex-img{padding: 0 20px 15px 20px; border: none;} .gov-info:before{display: none;} .section .vp-portfolio__filter-wrap{margin: 20px 0 0 0;} .section .vp-portfolio__layout-elements-align-center .vp-filter__style-default{display: block; white-space: nowrap; overflow: auto; padding-bottom: 15px; padding-left: 20px;} .section .vp-filter__style-default .vp-filter__item{display: inline-block;} .yellowbox{width: calc(50% - 20px); min-height: auto;} .lp-page-v1 .sub-text li{width: calc(100% - 20px); margin-right: 0;} .work-page-new .websiteLayoutSection .websiteLayoutWrap .tablet{margin: 15px 5px; width: calc(50% - 10px);} .work-page-new .casePrevantiveWrap .leftPart{margin-bottom: 30px;} .app-dev li, .lp-number li{margin: 7px 0; width: 100%;} .work-page-new .casePrevantiveSection{padding: 0;} .work-page-new .casePrevantiveSection .dynamic-color{display: none;} .work-page-new .work-results{margin-bottom: 20px;} .big-heading-main .firs-box{flex-direction:column;text-align:center;margin-bottom:15px;padding-bottom:0;} .big-heading-main .firs-box .big-heading{margin-right:0;font-size:90px;line-height:100px;margin-bottom: 0 !important;} .big-heading-main .headline-2{font-size:25px;margin-bottom:5px;} .big-heading-main span.inn-headline{font-size:18px;} .big-heading-main .firs-box .sub-heading-below{font-size:25px;line-height:45px;} .big-heading-main span.abcd-text{font-size:18px;line-height:20px;} .big-heading-main .color-main {margin-top: 30px;} .big-heading-main .color-main .color-heading {font-size: 22px;} .generalDentSection {padding-top: 50px;} .generalDentSection .generalDentTextWrap{flex-direction:column;} .generalDentSection .generalDentTextWrap .leftPart{width:100%;} .generalDentSection .generalDentTextWrap .rightPart{width:100%;} .cosmaticDentSection {padding: 35px 0 0;} .transforMainWrap .transformText {padding-top: 30px;padding-bottom: 30px;} .caseResponsiveSection {padding: 40px 0 30px;} .caseMobieView{padding-top:40px;padding-bottom: 20px;} .caseMobieView h3{margin-bottom:0 !important;} .caseComputerSection {padding-top: 40px;} .caseComputerSection .caseVisit {top: 40px;right: 25px;} .caseComputerSection .caseVisit a {font-size: 15px;line-height: 10px;padding: 10px 25px;padding-bottom: 10px;} .caseCopy {padding-top: 20px;} /* Company Mission */ .companyMissionSection .companyMisWrap .leftSec:before{width:250px;height:250px;top: auto;right: 0;bottom: -30px;} .companyMissionSection .companyMisMain:nth-child(2n) .leftSec:before {top: auto;left: 0;bottom: -30px;} .companyMissionSection .companyMisWrap{flex-wrap:wrap;} .companyMissionSection .companyMisMain:nth-child(2n) .missionContentWrap{padding-right:0;} .companyMissionSection .companyMisMain .missionContentWrap{padding-left:0;margin-top:40px;} .companyMissionSection .companyMisMain:nth-child(2n) .companyMisWrap {padding-bottom: 0;} .companyMissionSection .companyMisWrap .leftSec {justify-content: center !important;} /* 09-06-2020 */ /* Case Study Web Section */ .web-section .flex-middle img {margin: 0px 0 30px;} .web-section .container:before {width: 100%;} /* 12-06-2020 */ .blogSubscriberNewsSection .blogSubscriberPart .rightPart p {margin: 10px 0 20px;} #sidebar #text-4 .form {margin-top: 0px;margin-bottom: 0;} #sidebar #text-5 .form {margin-top: 0px;margin-bottom: 0;} .blogSubscriberNewsSection .blogSubscriberNewsWrap > h2 {margin-bottom: 30px;} .letsBuildPopUpSection .letsBuildPopUp .leftPart {display: none;} .letsBuildPopUpSection .letsBuildPopUp .rightPart {width: 100%;padding: 20px 25px;} .letsBuildPopUpSection .letsBuildPopUp .rightPart .form {margin-bottom: 0;margin-top: 0;} .letsBuildPopUpSection .letsBuildPopUp .rightPart h4 {font-size: 25px;} .pum-container.pum-responsive.pum-responsive-medium {width: 90% !important;} .blogGetOurBroPopUp .blogGetOurBroWrap .rightPart {padding-left: 10px;} .blogGetOurBroPopUp .blogGetOurBroWrap .rightPart .form {margin-bottom: 0;margin-top: 0;} .blogGetOurBroPopUp .blogGetOurBroWrap .leftPart {width: 100%;margin-bottom: 15px;text-align: center;} .blogGetOurBroPopUp .blogGetOurBroWrap .leftPart img {width: 50%;} .blogGetOurBroPopUp .blogGetOurBroWrap .rightPart {width: 100%;padding-left: 0;padding-right: 0;} .blogGetOurBroPopUp .blogGetOurBroWrap {padding: 20px 20px;} div#popmake-7871, div#popmake-7805{width:90%;} .thankyouSubscribePopUp .thankSusFirst .thankHead h4{font-size:20px;margin-bottom:0;} .thankyouSubscribePopUp .thankyouSubscribePopUpWrap{padding:20px 20px;} .blogListOurResource .resTextImgPart .leftPart img {width: 100px;height: 100px;object-fit: contain;} .blogListOurResource .resTextImgPart .rightPart a {margin-top: 15px;margin-bottom: 15px;} .blogListOurResource .blogListOurResourceWrap .blogResourceSlider .slick-dots {bottom: 10px;} /* Author */ .blogPubAuthor {margin-left: -15px;margin-right: -15px;margin-bottom: -15px;} /* 18-06-2020 */ .casestudypage h2,.casestudypage h3{font-size:21px;line-height:30px;margin-bottom:10px !important;} .caseBannerSection .caseBannerWrap .leftpart{width:100%;padding-right:0px;} .caseBannerSection .caseBannerWrap .rightpart{width:100%;} .caseBannerSection {padding-bottom: 0px;} .caseFullSection p{font-size:18px !important;line-height:25px !important;} .casePrevantiveWrap .rightPart {width: 100%;padding-left: 0;margin-bottom: 30px;} .caseFullSection {padding: 40px 0;} .casePrevantiveSection {padding: 0px 0 40px;} .casePrevantiveWrap{flex-direction:column-reverse;} .casePrevantiveWrap .leftPart{width:100%;padding-right:0;} .casePrevantiveWrap .leftPart:before{display:none;} .caseWebLayoutSection .caseWebLayoutMain:nth-child(2n) .leftpart {margin-bottom: 0;} .caseWebLayoutSection {padding: 40px 0;} .big-heading-main .mainBigFont h5 {font-size: 150px;} .big-heading-main .big-heading-main-wrap {padding-top: 100px;} .big-heading-main .bigFullPart {margin-top: 30px;} .big-heading-main .bigFullPart h3 {margin-bottom: 10px !important;} .big-heading-main .bigFullPart p {margin-bottom: 0;} .big-heading-main .bigTwoPart {margin-top: 20px;} .big-heading-main .bigTwoPart .leftPart h3 {margin-top: 20px;margin-bottom: 10px !important;} .big-heading-main .bigTwoPart .leftPart > p {margin-bottom: 15px;} .big-heading-main .bigTwoPart .leftPart {margin-bottom: 15px;} .big-heading-main .big-heading-main-wrap:before, .big-heading-main .bigTwoPart .leftPart:before{display: none;} .websiteLayoutSection .desktop{width:40%;} .websiteLayoutSection .websiteLayoutWrap .tablet{width:25%;} .websiteLayoutSection .websiteLayoutWrap .mobile{width:25%;} .websiteLayoutSection .desktop, .websiteLayoutSection .websiteLayoutWrap .tablet {margin-right: 25px;} .caseWebLayoutSection .caseWebLayoutMain .leftpart {margin-top: 0;} .caseWebLayoutSection .caseWebLayoutMain:first-child .rightpart {padding-top: 0;} /* Fox Entertainment Mobile Case*/ /* 25-06-2020 */ .postid-392 .work-overview p {font-size: 20px;line-height: 30px;} .postid-392 .work-about .col-4{width:100%;margin-left:0;padding-bottom:0;} .postid-392 .work-about .col-4 img{width:100%;max-width:100%;} .postid-392 .work-about .col-8{width:100%;} .postid-392 .work-about .container{padding-bottom:0;} .postid-392 .solution-img {margin: 0 0 30px;} .postid-392 .work-page .section.work-about {margin-bottom: 50px;} .postid-392 .solution-img{margin:0 0 30px;} .postid-392 .work-page .section.work-about{margin-bottom:50px;} .postid-392 .work-results .results-info .results-img{margin:0 auto 30px;} .postid-392 .work-results .results-info{margin-top:20px;} .postid-392 .work-requirement {margin-bottom: 50px;} .postid-392 .work-solution {margin-bottom: 50px;} .postid-392 .work-featured .container {padding-bottom: 50px;} .casePrevantiveWrap .leftPart, .work-page-new .casePrevantiveWrap .leftPart{width:100%;padding-right:0;} .work-page-new .casePrevantiveWrap{flex-direction: column;} .work-page-new .casePrevantiveSection .dynamic-color{width: 100%; border-radius: 0; top: 35%;} .work-page-new .caseBannerSection{margin: 0 0 30px;} .work-page-new .caseBannerSection .caseBannerWrap{flex-direction: column-reverse;} .work-page-new .caseBannerSection .caseBannerWrap .leftpart{margin-top: 30px;} .wwa-images{margin-bottom: 50px;} .success-stories-new .img-mobile{margin-top: 20px; margin-bottom: 50px;} .tech, .why-us-points .tech{max-width: 130px; margin: 6px 3px;} .industries-serve{margin-bottom: 100px;} .infinite-slider{margin: 0 auto -80px;} /* .slide-item{height: 90px; width: 100px; margin: 0 10px;} */ .csl .section{padding: 0;} .csl .csl-first{padding: 40px 0;} .csl-first::before{display: none;} .csl-first h2{font-size: 34px;} .csl-second::before, .csl-third::before, .csl-four::before{width: 50%; max-width: 200px; height: 250px;} .csl-info{margin: 0 0 30px 0;} .csl-third, .csl-four{margin-top: 20px;} .csl-four .col-5{margin-top: 0;} .csd-list li{padding: 0;} .yellow-box{margin: 0; padding: 20px;} .yellow-box h2 {max-width: 240px;} .csd-five .col-4{padding-left: 15px;} .csd-third .csd-fluid{margin-bottom: 40px;} .csd .csd-four{padding-top: 0;} .csd-fluid .col-9{max-width: 100%; padding: 0;} .logo-list .col-4{width: 46%;} .lp-form .captcha-btn{text-align: center;} .lp-form .captcha-btn .form-button{width: 100%; margin-top: 25px;} .lp-services-list .col-6{padding: 0;} .lp-detail-info .col-6:first-child{margin-bottom: 15px;} .lp-detail-info .col-6:first-child::before{left: 10px; bottom: 10px;} .get-in-touch .form > .form-group{margin-top: 20px;} } @media screen and (max-width: 568px){ .logo {margin: 6px 0 2px 0; max-width: 150px;} .slide-content-headings br{display: none;} .circle, .service-item .circle, .row-works .circle{width: 280px; height: 280px;} .service-img{width: 250px; height: 250px; margin: 10px auto;} .service-item .circle{left: 15px; top: 5px;} .service-item .flex-reverse .service-img{right: 0;} .service-item .flex-reverse .circle{right: 15px;} .row-works .col-6{min-height: 330px;} .row-works .col-6.flex-img{padding: 25px 0 50px;} .img-small {background-size: 100px; width: 140px; height: 140px; left: 140px; padding-right: 15px;} .navigation a{padding: 8px 15px; font-size: 12px; min-width: 90px;} /* Home Logo Partner */ .logoPartner .logoImg{width:calc(100%/3 - 10px); margin: 0 5px 10px;} .logoPartner{justify-content:center;flex-wrap:wrap;} .process ul, .app-services ul, .tab-logos{margin-top: 20px;} .process li{width: 50%;} .app-services li{margin: 0;} .yellowbox{width: 100%; margin:10px 0;} .caseResponsiveSection h3, .generalDentSection .generalDentTextWrap, .cosmaticDentMainWrap .cosmaticDentText, .transforMainWrap .transformText {text-align: center;} .caseResponsiveSection .responsiveViewImage:before{display:none !important;} .caseResponsiveSection .responsiveViewImage {padding-left: 0;} .caseComputerSection .caseVisit{position:initial;text-align:center;margin-top:10px;} .caseComputerSection .caseVisit a{display:inline-block;padding:14px 25px;} .big-heading-main span.abcd-text{word-break:break-all;font-size:16px;line-height:16px;} .big-heading-main .mainColorWrap {width: 100%;} .caseBannerSection .caseBannerTxt p br {display: none;} /* 12-06-2020 */ .blogSubscriberNewsSection .blogSubscriberPart > div{width:100%;} .blogSubscriberNewsSection .blogSubscriberPart .leftPart{margin-bottom:30px;} .blogSubscriberNewsSection .blogSubscriberPart{width:100%;} .blogSubscriberNewsSection .container{position:relative;z-index:1;} .blogGetOurBroPopUp .blogGetOurBroWrap .leftPart img {width: 50%;} .letsBuildPopUpSection .letsBuildPopUp .rightPart h4 {font-size: 21px;} .blogGetOurBroPopUp .blogGetOurBroWrap .rightPart h4 {font-size: 21px;margin-bottom: 10px;} .blogListOurResource .resTextImgPart .leftPart img {margin: auto;} .blogListOurResource .resTextImgPart > div {text-align: center;} .blogSubscriberNewsSection .blogSubscriberPart .rightPart {text-align: center;} .article-footer li.share {padding-left: 0;margin-left: 0;border-left: none;} /* Author */ .blogPubAuthor .leftPart{width:100%;margin-top:0;margin-bottom:10px;} .blogPubAuthor .rightPart{width:100%;padding-left:0;} .blogPubAuthor .authorWrap{padding-right:0;text-align:center;padding-left:0;} .blogPubAuthor .rightPart .authorName {font-size: 21px;margin-bottom: 5px;} .blogPubAuthor .leftPart .authorImageWrap {margin: 0 auto;} /* 18-06-2020 */ /* .caseBannerSection .caseBannerTxt p, .casePrevantiveWrap .rightPart p, .caseWebLayoutSection .caseWebLayoutMain p {font-size: 17px;line-height: 25px;} */ .caseBannerSection .caseBannerWrap .leftpart {margin-bottom: 15px;} .caseBannerSection {padding-bottom: 15px;} .caseWebLayoutSection .caseWebLayoutMain img {width: 100%;} .caseWebLayoutSection .caseWebLayoutMain {margin-bottom: 30px;} .big-heading-main .big-heading-main-wrap {padding-top: 70px;padding-bottom: 30px;} .big-heading-main .mainBigFont h5 {font-size: 90px;} .big-heading-main .mainBigFont h4 {font-size: 40px;} .big-heading-main .bigFullPart {margin-top: 20px;} .big-heading-main .bigTwoPart .rightPart {flex-direction: column;align-items: flex-start;} .big-heading-main .bigTwoPart .rightPart .onlylight {margin-bottom: 15px;} .big-heading-main .onlylight strong:first-child {margin-top: 10px;margin-bottom: 10px;} .big-heading-main .colorBox p {margin-top: 20px !important;font-size: 17px !important;} .big-heading-main .bigTwoPart .leftPart .onlyBold {font-size: 23px;} .big-heading-main .colorBox .colorImg img {width: 80%;} .websiteLayoutSection:before{display: none;} .websiteLayoutSection .websiteLayoutWrap .tablet p, .websiteLayoutSection .websiteLayoutWrap .mobile p {color: #000; } .websiteLayoutSection {padding-top: 0;} .websiteLayoutSection .websiteLayoutWrap > div {width: 100% !important;margin-right: 0 !important;margin-bottom: 21px;} .websiteLayoutSection .websiteLayoutWrap p {text-align: center;} .caseWebLayoutSection .caseWebLayoutMain{flex-direction:column-reverse;} .caseWebLayoutSection .caseWebLayoutMain > div{width:100%;padding-left:0 !important;padding-right:0 !important;} .caseWebLayoutSection .caseWebLayoutMain:nth-child(2n) {flex-direction: column-reverse;} .caseWebLayoutSection .caseWebLayoutMain:nth-child(2n) .leftpart {margin-top: 20px;} .websiteLayoutSection .websiteLayoutWrap .mobile .websiteLayImt, .websiteLayoutSection .websiteLayoutWrap .tablet .websiteLayImt {justify-content: center;} .websiteLayoutSection .websiteLayoutWrap .mobile img, .websiteLayoutSection .websiteLayoutWrap .tablet .websiteLayImt img {width: auto;} .lp-services-new .flex .col-6:first-child{margin-bottom: 20px;} } .blog-details table, .blog-details table th, .blog-details table td{ border: 1px solid #000; } @media all and (max-width: 767px) and (orientation:landscape) { .main-slider{height: auto;} .slider, .slide.slick-slide{height: 375px;} .slide-content-headings{padding: 50px 0 0 0;} .slide-content-headings h3{font-size: 18px; margin: 15px auto;} .partners{position: relative;} } .lp-services-new{ display:none; } /* /////////// IMAGE ZOOM /////////// */ @-webkit-keyframes zoomInImage{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}to{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}}@keyframes zoomInImage{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}to{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}}.zoomInImage{-webkit-animation-name:zoomInImage;animation-name:zoomInImage}@-webkit-keyframes zoomOutImage{from{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes zoomOutImage{from{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.zoomOutImage{-webkit-animation-name:zoomOutImage;animation-name:zoomOutImage}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:800ms;animation-duration:800ms}.animated.faster{-webkit-animation-duration:500ms;animation-duration:500ms}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion){.animated{-webkit-animation:unset!important;animation:unset!important;-webkit-transition:none!important;transition:none!important}}@-webkit-keyframes mover{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}@keyframes mover{0%{transform:translateY(0)}100%{transform:translateY(-50%)}} .blog-casestudy .case-approch ul{ padding-left: 57px; margin-top: 38px; } .blog-casestudy .case-approch ul li{ margin-bottom: 20px; } .blog-casestudy .case-approch ul li:last-child{ margin-bottom: 0; } .blog-details .blog-banner{ background-color:#ED0F92; }