/**Web Guys Style Sheet**/ /**Moderate Compressed**/ /**Version Final**/ @font-face { font-family:'Gilroy ExtraBold'; src: url('Gilroy-ExtraBold.eot'); src: url('Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'), url('Gilroy-ExtraBold.woff2') format('woff2'), url('Gilroy-ExtraBold.woff') format('woff'), url('Gilroy-ExtraBold.svg#Gilroy-ExtraBold') format('svg'); font-weight: 800; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } html { overflow-x: hidden; } @font-face { font-family:'Gilroy ExtraBold'; src: url('Gilroy ExtraBold.eot'); src: url('Gilroy ExtraBold.eot?#iefix') format('embedded-opentype'), url('Gilroy ExtraBold.woff2') format('woff2'), url('Gilroy ExtraBold.woff') format('woff'), url('Gilroy ExtraBold.svg#Gilroy ExtraBold') format('svg'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } .googlePartner { text-align: right; } body {font-family: 'gilroy-light'!important;} footer.both-side {float: left;margin: -5px 0 0 0;} .both-side {position: relative;z-index:100;} .conacttt .head-contact-form {position:inherit !important; z-index:200 !important;} .down-arrow,.game-plan{text-align:center}body{overflow-x:initial;background:#fff;-webkit-transition:background 1s ease;transition:background 1s ease}header,header #menu .fa{transition:all .35s ease 0}a,a:focus,a:hover{text-decoration:none;transition:all .55s ease 0}header.posi{background:rgba(0, 0, 0, 0.68);height:70px;margin-top:0;padding-top:0;position:fixed;top:0;z-index:99}header .navbar-brand>img{margin:0 0 0 -20px}header #menu .fa{color:#fff;line-height:40px;font-size:18px}header #menu .fa:hover{color:#FDCF3E}header nav.navbar-default{margin-bottom:0}header .navbar-default #navbarCollapse.collapse{background:rgba(0,0,0,0);border:none;margin:10px 0 0}header .navbar-default .navbar-brand{padding:0}header{height:70px;left:0;padding-top:18px;position:absolute;right:0;width:100%;z-index:9999}header .navbar-default{background:rgba(0,0,0,0);border:none;padding:0 10px 0 30px}header .navbar-default .navbar-collapse{float:right}header .navbar-default .navbar-nav a{color:#f6f6f6;font-family:Gilroy-ExtraBold;font-size:14px;text-transform:uppercase;transition:transform 235ms ease-in-out 0}header .navbar-default .navbar-nav li a::after{background-color:#fff;bottom:7px;content:"";height:2px;left:0;margin:0 auto;opacity:0;position:absolute;right:0;transform:translate(-65%,0);transition:all 235ms ease 0;width:40px}header .navbar-default .navbar-nav li a:hover{transform:translate(0,-2px)}header .navbar-default .navbar-nav li a:hover::after{opacity:1;transform:translate(0,0)}header .navbar-default .navbar-nav li.active a{background:rgba(0,0,0,0);color:#fff;transition:all .35s ease 0}header .navbar-default .navbar-nav li a:hover,header .navbar-default .navbar-nav li.active a:focus,header .navbar-default .navbar-nav li.active a:hover{background:0 0;color:#fff}.social-media{position:absolute;right:40px;top:30%}.social-media li{font-size:20px;line-height:44px;list-style:none;margin:0 10px}.social-media .fa{color:#fff}.social-media .fa:hover{color:#FDCF3E}.plan li,footer .footer-item ul li{list-style:none}.both-side{padding-left:40px;padding-right:40px}#google-maps-display .map-generator{max-width:100%;max-height:100%;background:0 0}.down-arrow{bottom:70px;left:0;position:absolute;right:0;width:100%}.main-banner{background:url(../images/main-banner.jpg) no-repeat rgba(0,0,0,0);background-size:cover;min-height:773px}.main-banner .banner-text{position:absolute;top:220px}.main-banner .banner-iphone{position:absolute;right:80px;top:100px;z-index:1}.main-banner .banner-text input[type=text]{background:hsla(0,0%,0%,0);border:1px solid #fff;font-size:18px;border-radius:3px;color:#fff;float:left;padding:6px 8px;width:250px;vertical-align:middle}.main-banner .banner-text input[type=submit]{background:hsla(0,0%,0%,0);border:1px solid #fff;border-radius:3px;color:#fff;padding:6px 20px;font-size:18px;font-weight:700;transition:all .35s ease 0}.main-banner .banner-text input[type=submit]:hover{background:#25ADFF}.main-banner .banner-text>h1{margin-top: -4px !important; color:#f6f6f6;font-family:'Gilroy-ExtraBold';font-size:43px}.main-banner .banner-text p{color:#f6f6f6;display:inline-block;font-family:'Gilroy-ExtraBold';font-size:19px;line-height:normal;margin:10px 0 15px}.main-banner .banner-text>a{border:2px solid #fff;border-radius:5px;color:#f6f6f6;display:inline-block;font-family:'Gilroy-ExtraBold';font-size:18px;margin-right:15px;max-width:140px;padding:5px 0;text-align:center;width:100%}.main-content .expertise{background:url(../images/service-bg.png) no-repeat hsla(0,0%,0%,0);clear:none;height:237px!important;background-size:contain}.featured-projects .box2,section{clear:both}.main-content .expertise h2{font-size:55px;margin:0 0 10px;padding:30px 0 0}.expertise.both-side>h1,.expertise.both-side>span,.main-content .expertise h2{color:#fff;font-family:Gilroy-ExtraBold}.expertise.both-side>h1{color:#fff;display:inline-block;font-size:84px;line-height:24px;margin:0 0 0 30px}.expertise.both-side>span{font-size:49px;font-style:italic}.expert-space{height:100px;clear:both}.game-plan h2{color:#000;font-family:'Gilroy-ExtraBold';font-size:25px;opacity:.7}.game-plan.both-side>p{color:#0d0d0d;font-family:'gilroy-light';font-size:19px;margin:0 auto;max-width:720px;opacity:.5;width:100%}.game-plan .row{margin-bottom:40px}.plan{border:1px solid #e2e2e2;display:inline-block;max-width:370px;min-height:346px;width:100%;transition:all .35s ease 0;-webkit-transition:all .35s ease 0}.plan:hover{margin-top:-5px;background:#000}.plan h3{color:#fff;font-family:'gilroy-extrabold';font-size:28px;margin-bottom:20px}.plan li{color:#fff;font-family:'gilroy-light';font-size:19px;line-height:34px}.plan ul{padding-left:0}.banner-iphone .iphone-container{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:FlipH}.banner-iphone .iphone{height:670px;margin-left:0}.banner-iphone .iphone-content{width:100%;height:462px;max-width:234px;margin-left:129px;background-size:100%;margin-top:107px;-webkit-transform:perspective(189px) rotateY(5deg) rotateX(0) rotateZ(0) skewY(8deg) scaleX(-1) skewX(0);transform:perspective(189px) rotateY(5deg) rotateX(0) rotateZ(0) skewY(8deg) scaleX(-1) skewX(0)}#map{height:100%}section{display:block;width:100%}::-webkit-input-placeholder{color:#fff;font-family:'Gilroy-ExtraBold'}::-moz-placeholder{color:#fff;font-family:'Gilroy-ExtraBold'}:-ms-input-placeholder{color:#fff;font-family:'Gilroy-ExtraBold'}:-moz-placeholder{color:#fff;font-family:'Gilroy-ExtraBold'}.email-part.both-side h2{color:#000;font-family:'gilroy-extrabold';font-size:27px;text-align:left;margin-bottom:50px}.email-part input[type=email]{background:0 0;border-bottom:1px solid #e6e6e6;border-left:0 none;border-right:0 none;border-top:0 none;color:#fff;font-size:52px;max-width:460px;min-height:50px;width:100%;vertical-align:bottom}.email-part input[type=email]::-moz-placeholder{color:#d9d9d9;font-family:gilroy-extrabold;font-size:72px}.email-part .form-group button{background:hsla(0,0%,0%,0);border:1px solid #fff;border-radius:3px;color:#fff;font-size:18px;font-weight:700;padding:6px 20px;transition:all .35s ease 0}.email-part .form-group button:hover{background:#3498DB}.featured-projects .my-heading{background:url(../images/portfolio-bg-2.png) center center no-repeat rgba(0,0,0,0);min-height:215px;background-size:contain}.featured-projects .my-heading>h2{color:#111;display:inline-block;font-family:gilroy-extrabold;font-size:84px;line-height:74px;margin:70px 0 0 50px;max-width:100px;width:100%}.featured-projects .feat-text .my-text{float:right;max-width:840px;width:100%}.featured-projects .my-text h2{color:#fff;font-family:gilroy-extrabold;font-size:75px;margin-bottom:0}.featured-projects .my-text h3{color:#010000;font-family:gilroy-extrabold;font-size:30px;line-height:30px;margin:0 0 10px}.featured-projects .box2-my-text a,.featured-projects .my-text a{border-radius:3px;color:#fff;font-family:Gilroy ExtraBold;font-size:26px;display:inline-block;opacity:.7;transition:all .35s ease 0}.featured-projects .my-text a{float:right;line-height:normal;margin:20px 0;max-width:560px;padding:5px 0 0 59px;position:relative;text-align:left;width:100%;z-index: 999999;}.featured-projects .box2-my-text a:hover,.featured-projects .my-text a:hover{padding:5px 0 0 80px}.featured-projects .box2-my-text a::before,.featured-projects .my-text a::before{background:#25ADFF;content:"";height:2px;left:0;position:absolute;top:20px;transition:all .35s ease 0;width:34px}.featured-projects .box2-my-text a:hover::before,.featured-projects .my-text a:hover::before{width:60px}.featured-projects .box2-my-text a{line-height:normal;max-width:450px;padding:5px 0 0 60px;position:relative;width:100%}.digital-market,.get-together,.seo-service{text-align:center}.featured-projects .my-text a .fa{display:inline-block;font-size:31px;font-weight:700;margin:2px 0 0 20px;max-width:490px}.featured-projects .box2-my-text a .fa{float:right;font-size:31px;font-weight:700;position:relative;top:-10px}.digital-market a,.get-together>a{display:inline-block;padding:7px 0;width:100%}#toggle,#toggle span{display:block}.featured-projects .my-text p{color:#000;font-family:gilroy-light;font-size:26px;line-height:normal;margin:20px 0 0}.featured-projects .box2-my-text h2{color:#fff;font-family:gilroy-extrabold;font-size:75px;line-height:64px;max-width:410px;width:100%}.featured-projects .box2-my-text h3{color:#010000;font-family:gilroy-light;font-size:30px}.featured-projects .box2-my-text p{color:#000;font-family:gilroy-light;font-size:23px;max-width:600px;width:100%}.get-together h1,.get-together>a{color:#f6f6f6;font-family:gilroy-extrabold}.get-together{background:#3babdb;float:left;margin:0px 0 0}.get-together h1{font-size:70px;margin:0 auto 20px;max-width:970px}.get-together>a{border:2px solid #f6f6f6;border-radius:5px;font-size:25px;margin:20px 0;max-width:190px}.get-together a:hover{background:#25aafc}.seo-service.both-side>p{color:#000;font-family:Gilroy ExtraBold;font-size:22px;margin:0 auto 30px;max-width:950px;opacity:.7;width:100%}.seo-service.both-side>span a:hover{color:#FDCF3E}.seo-service.both-side>span,.seo-service.both-side>span a{color:#3babdb;font-family:gilroy-extrabold;font-size:19px}.digital-market{background:url(../images/digital-market.jpg) center center no-repeat rgba(0,0,0,0);min-height:800px;background-size:cover}.digital-market.both-side>h2{color:#f9f9f9;font-family:gilroy-extrabold;font-size:70px}.digital-market.both-side>p{color:#f9f9f9;font-family:gilroy-light;font-size:38px;line-height:50px;margin:30px auto;max-width:1070px;width:100%}.digital-market a{border:2px solid #f6f6f6;border-radius:5px;color:#f6f6f6;font-family:gilroy-extrabold;font-size:25px;margin:20px 10px;max-width:190px}.digital-market a:hover{background:#25aafc}.toggle-menu #menu>ul,footer .footer-item ul{padding-left:0}#toggle{width:28px;height:30px;margin:30px auto 10px}#toggle span:after,#toggle span:before{content:"";position:absolute;left:0;top:-9px}#toggle span,.crossiphone,.overlay,.toggle-menu #menu{position:relative}#toggle span:after{top:9px}#toggle span,#toggle span:after,#toggle span:before{width:20px;height:5px;background-color:#fff;transition:all .35s ease 0;backface-visibility:hidden;border-radius:0}#toggle.on span{background-color:transparent}#toggle.on span:before{transform:rotate(45deg) translate(5px,5px)}#toggle.on span:after{transform:rotate(-45deg) translate(7px,-8px)}#toggle.on+#menu{opacity:1;visibility:visible}.toggle-menu #menu{margin:auto;opacity:0;text-align:center;top:60px;transition:opacity .4s ease 0;visibility:hidden;z-index:9999}.toggle-menu #menu li{list-style:none;margin:0 6px 0 0}.crossiphone-content,.iphone-content,.mac-content{display:inline-block;position:relative;z-index:-1;background-repeat:no-repeat}.footer-item:nth-child(3) .contact-us{padding-left:70px}.crossiphone{background-image:url(../images/iphone-img-revert.png);background-size:100% 100%;display:inline-block;height:625px;width:400px}.crossiphone-content{background-image:url(../images/iphone-web.jpg);background-size:cover;height:449px;margin-left:64px;margin-top:101px;max-width:212px;transform:perspective(189px) rotateY(-13deg) rotateX(0) rotateZ(-1deg) skewY(0) skewX(-1deg);width:100%;z-index:-99}.overlay{background:0 0;width:100%;height:480px;top:480px;margin-top:-480px;z-index:9999}.featured-projects .box2-my-text a::after,.featured-projects .my-text a:after{background:url(../images/arrow-14.png) no-repeat hsla(0,0%,0%,0);content:"";height:32px;opacity:0;position:absolute;width:32px;transition:all .35s ease 0}.email-part .form-group button:hover i{padding:0 0 0 10px}:focus{outline:0}.email-part .form-group .fa{transition:all .35s ease 0}.featured-projects .box2-my-text a::after{right:-20px;top:46px}.featured-projects .my-text a:after{right:30px;top:45px}.iphone,.mac{position:relative;display:inline-block}.featured-projects .box2-my-text a:hover::after,.featured-projects .my-text a:hover::after{opacity:1}@keyframes updowniphonecross{0%,100%{background-position:6px 30px}50%{background-position:6px -2150px}}@-webkit-keyframes updowniphonecross{0%,100%{background-position:6px 30px}50%{background-position:6px -2150px}}#crossiphone-animated{animation:updowniphonecross 80s infinite;-webkit-animation:updowniphonecross 80s infinite}.iphone{background-image:url(../images/iphone-img.png);background-size:100% 100%;margin-left:-100px;width:448px;height:765px;-webkit-transform:translateZ(1000px)}.iphone-content{background-image:url(../images/crossiphone-web.jpg);width:100%;height:540px;max-width:232px;margin-left:124px;background-size:100%;margin-top:111px;-webkit-transform:perspective(189px) rotateY(5deg) rotateX(0) rotateZ(0) skewY(8deg) skewX(0);transform:perspective(189px) rotateY(5deg) rotateX(0) rotateZ(0) skewY(8deg) skewX(0)}@keyframes updowniphone{0%,100%{background-position:6px 10px}50%{background-position:6px -2150px}}@-webkit-keyframes updowniphone{0%,100%{background-position:6px 10px}50%{background-position:6px -2150px}}@keyframes animateduplicate{0%,100%{background-position:6px -10px}50%{background-position:6px -2150px}}@-webkit-keyframes animateduplicate{0%,100%{background-position:6px -10px}50%{background-position:6px -2150px}}#iphone-animated-duplicate{animation:animateduplicate 30s infinite;-webkit-animation:animateduplicate 30s infinite}#iphone-animated{animation:updowniphone 30s infinite;-webkit-animation:updowniphone 30s infinite}.mac{background-image:url(../images/mac-img.png);background-size:100% 100%;width:690px;margin-left:-50px;height:550px;-webkit-transform:translateZ(1000px);transform:scale(.9)}.mac-content{background-image:url(../images/web-mac.jpg);background-size:100% auto;height:315px;margin-left:-31px;margin-top:87px;max-width:648px;transform:perspective(865px) rotateY(-24deg) rotateX(6deg) rotateZ(-.5deg) skewY(-6.9deg) skewX(-5deg);-webkit-transform:perspective(865px) rotateY(-24deg) rotateX(6deg) rotateZ(-.5deg) skewY(-6.9deg) skewX(-5deg);width:100%}@keyframes updown{0%,100%{background-position:6px 0}50%{background-position:6px -1050px}}@-webkit-keyframes updown{0%,100%{background-position:6px 0}50%{background-position:6px -1050px}}@keyframes movingupdown{0%,100%{bottom:70px}50%{bottom:50px}}.down-arrow{animation:movingupdown 2s infinite;-webkit-animation:movingupdown 2s infinite}#mac-animated{animation:updown 30s infinite;-webkit-animation:updown 30s infinite}.two .plan li{color:#fff!important}.two .plan{box-shadow:0 0 6px #fff}.four .featured-projects .box2-my-text h2,.four .featured-projects .my-heading>h2,.four .featured-projects .my-text h2{color:#111!important}.five .seo-service.both-side>p{color:#fff}footer .footer-item .partner-logo{margin:0!important}footer{background:#000;display:inline-block;width:100%}footer .footer-item h3{color:#f9f9f9;font-family:gilroy-extrabold;font-size:22px}footer .footer-item p{color:#f9f9f9;font-family:gilroy-light;font-size:19px;line-height:31px}footer .footer-item:nth-child(2n) img{margin:0 0 0 -20px}footer .footer-item .fa{color:#f9f9f9;font-size:19px;margin:20px 25px 0 0}footer .footer-item a{color:#f9f9f9;font-family:gilroy-light;font-size:19px;transition:all .35s ease 0}footer .footer-item:nth-child(3) p{line-height:17px}footer .footer-item a:hover{color:#fdcf3e}footer .footer-item .fa:hover{color:#FDCF3E} .main-content { position: relative; z-index: 9; overflow-x: hidden; } .main-banner .banner-text p { color: #f6f6f6; display: inline-block; font-family: 'Gilroy-ExtraBold'; font-size: 18px; line-height: normal; margin: 10px 0 15px; letter-spacing: 1px; } /* start new style */ .contact-banner { background: url(../images/cotactbanner.jpg) no-repeat rgba(0,0,0,0); background-size: cover; background-position: center center; } .contact-banner .banner-text>h1 { font-size: 30px; } .contact-banner .banner-text { top: 310px; } .banner-email a { font-size: 24px; color: #f6f6f6; font-family: Gilroy-ExtraBold; letter-spacing: 0.02em; } .banner-email a span { border-bottom: 2px solid #7ADEDC; padding-bottom: 2px; } .contact-binfo p { color: #f6f6f6; font-size: 17px; margin-top: 40px; font-weight: 300 !important; } .banner-call a:hover { background: #25aafc; border: 2px solid #25aafc!important; } .banner-call>a { width: 100%; text-transform: uppercase; font-size: 14px; max-width: 200px; padding: 15px 25px; margin-right: 20px; border-radius: 0; letter-spacing: 2px; height: 52px; display: inline-block; border: 2px solid #f6f6f6 !important; text-align: center; z-index: 1000; } .banner-call>a { color: #f6f6f6; font-family: gilroy-extrabold; display: block; margin-bottom: 15px; } .banner-call { padding-top: 40px; } .contact-banner .banner-info { right: 0px; top: 250px; position: absolute; z-index: 1; } .contact-box ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #666 !important; opacity: 0.2; } .contact-box :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #666 !important; opacity: 0.2; } .contact-box input { line-height: normal; font-family: Gilroy-ExtraBold !important; font-size: 48px !important; width: 100%; margin-bottom: 25px; border: 0 !important; border-bottom: 1px solid rgba(51, 51, 51, 0.11) !important; } .contact-box button { width: 100% !important; background-color: transparent !important; border: 2px solid #000 !important; font-size: 14px !important; max-width: 200px; padding: 15px 25px; border-radius: 0; letter-spacing: 2px; height: 52px; text-transform: uppercase; text-align: center; } .contact-heading { text-align: center; padding-top: 50px; font-weight: 800; font-size: 28px; padding-bottom: 20px; } .submit-box { text-align: center; padding-top: 40px; } .cform-box { padding-left: 6%; padding-right: 6%; padding-bottom: 50px; padding-top: 30px; } .contact-box button:hover { background-color: #1c8dcf !important; border: 1px solid #1c8bcc !important; color: #fff; } .cform-box .success { font-size: 20px; color: #48bfe9; text-align: center; margin-bottom: 10px; margin-top: 10px; } header .navbar-default .navbar-nav li.active a::after { opacity: 1; transform: translate(0,0); } .service-banner .banner-text { top: 320px; text-align: center; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out"; -webkit-transition-delay: 9999s; } .service-banner { background: url(../images/service_bglast.jpg) no-repeat rgba(0,0,0,0); background-size: cover; background-position: center center; } .servic-benner-btn>a { font-size: 14px; max-width: 200px; padding: 15px 25px; margin-right: 20px; border-radius: 0; letter-spacing: 2px; height: 52px; display: inline-block; border: 2px solid #f6f6f6 !important; } .servic-benner-btn>a:hover { border: 2px solid #25aafc !important; } .big-text-banner .banner-text>h1 { font-size: 75px !important; } .service-exp>h1, .service-exp>span, .service-exp h2 { color: #97C9E0 !important; } .service-plan-box .plan h3, .service-plan-box .plan li { color: #000; } .service-plan-box .plan:hover h3, .service-plan-box .plan:hover li { color: #fff !important; } .service-plan-box .plan { box-shadow: 1px 0 25px #ccc!important; } .technology-box h2 { color: #000; font-family: Gilroy-ExtraBold; font-size: 20px; opacity: .6; margin-top: 0 !important; margin-bottom: 5px; } .technology-box h3 { color: #000; font-family: Gilroy-ExtraBold; font-size: 25px; margin-top: 0 !important; } .techo-head { text-align: center; padding-top: 40px; } .technology-icons { background-color: #4AC7F3; padding: 70px 65px 40px; margin-top: 35px; } .ticon-box { text-align: center; margin-bottom: 40px; padding: 0 !important; } .technology-icons h5 { color: #fff; font-family: Gilroy-ExtraBold; font-size: 11px; text-transform: uppercase; letter-spacing: 3px; -webkit-transition: 2s cubic-bezier(.18,1,.21,1); -moz-transition: 2s cubic-bezier(.18,1,.21,1); transition: 2s cubic-bezier(.18,1,.21,1); } .technology-icons img { max-width: 100%; height: 55px; -webkit-transition: 2s cubic-bezier(.18,1,.21,1); -moz-transition: 2s cubic-bezier(.18,1,.21,1); transition: 2s cubic-bezier(.18,1,.21,1); } .method .my-heading h2, .method .my-heading h1 { color: #98CBE0; font-family: Gilroy-ExtraBold; margin-top: 5px; font-size: 40px; } .method .my-heading h2 span,.method .my-heading em { font-size: 32px !important; } .method .my-heading h2 { margin-bottom: 5px; } .method .my-heading { background: url(../images/methodbg.png) center center no-repeat rgba(0,0,0,0); min-height: 237px; background-size: contain; background-position: 8px 0; padding-top: 38px; padding-left: 70px; } .dark-mehtod { background-color: #f2f2f2; } .method-box { padding: 0 40px 0 130px; min-height: 308px !important; } .method-box .col-md-6 { padding: 35px 25px 40px; } .method-box .col-md-6:hover { background-color: #f2f2f2; } .method-box h2 { color: #000; font-family: Gilroy-ExtraBold; font-size: 30px; text-transform: uppercase; margin-bottom: 25px; } .method-box h2 span { color: #98CBE0; font-size: 30px; } .method-box h3 { text-transform: uppercase; font-family: Gilroy-ExtraBold; font-size: 18px; } .method-box h3 a { font-size: 13px; color: #000; border: 1px solid #000; padding: 4px 15px; font-weight: 600; margin-left: 20px; vertical-align: middle; } .method-box p { font-family: Gilroy-ExtraBold; width: 83.2%; font-size: 18px; text-align: justify; word-spacing: -1.2px; } .method-box li { list-style: none; font-family: Gilroy-ExtraBold; font-size: 17px; } .s-head { margin-bottom: 0px; } .service-get-to { margin-top: 0px !important; } header.posi { transition: all 0.3s; webkit-animation-duration: .9s; -moz-animation-duration: .9s; -o-animation-duration: .9s; animation-duration: 0.9s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: slideInDown !important; -moz-animation-name: slideInDown !important; -o-animation-name: slideInDown !important; animation-name: slideInDown !important; } .about-banner { background: url(../images/abbanner.jpg) no-repeat rgba(0,0,0,0); background-size: cover; background-position: top !important; } .about-banner .banner-text { top: 320px; text-align: center; } .about-cultur>h1, .about-cultur>span, .about-cultur h2 { color: #97C9E0 !important; font-family: Gilroy-ExtraBold; } .about-cultur { background: url(../images/CULTURE.png) no-repeat hsla(0,0%,0%,0) !important; } .about-text { text-align: left; } .about-right img { width: 100%; } .about-text h4 { color: #97c9e0; font-size: 28px; margin-top: 0 !important; font-family: Gilroy-ExtraBold; margin-bottom: 38px; } .about-text { font-family: Gilroy-ExtraBold; font-size: 26px; } .about-text h3 { font-family: Gilroy-ExtraBold; font-size: 30px; margin-bottom: 30px; line-height: 38px; } .code-box img { max-width: 100%; } .about-aute h2 { color: #EF5251; font-size: 69px; font-family: Gilroy-ExtraBold; text-align: left; padding-left: 10%; } .about-aute h4 { font-family: Gilroy-ExtraBold; text-transform: uppercase; font-size: 30px; text-align: right; margin-top: 20px; padding-right: 120px; } .about-aute { width: 80%; margin: 0 auto !important; float: none; } .about-team .about-heading>h1, .about-team .about-heading>span, .about-team .about-heading h2 { color: #97C9E0 !important; font-family: Gilroy-ExtraBold !important; } .expertise.both-side .about-heading>span { font-size: 49px; font-style: italic; } .expertise.both-side .about-heading>span { font-size: 49px; font-style: italic; } .expertise.both-side .about-heading>h1 { color: #fff; display: inline-block; font-size: 84px; line-height: 24px; margin: 0 0 0 30px; } .about-team { background: url(../images/TEAMBG.png) no-repeat hsla(0,0%,0%,0) !important; } .about-heading.cstum-heading h2 { padding-left: 45px; } .about-heading { padding-left: 13%; } .team-box h3 { font-family: Gilroy-ExtraBold; text-align: center; font-size: 28px; padding: 0 40px !important; } .code-box { background: url(../images/about-im.jpg) no-repeat hsla(0,0%,0%,0); min-height: 488px; background-size: cover; background-position: center bottom; } .team-info { text-align: center; } .row.team-row img { max-width: 100%; } .team-info h4 { font-family: Gilroy-ExtraBold; font-size: 24px; } .team-info h5 { font-family: Gilroy-ExtraBold; text-transform: uppercase; font-size: 13px; } .navbar-default .navbar-toggle { border: 0 !important; } .about-aute h2::before { position: absolute; top: -50px; left: 20px; background: url(../images/abg.png) no-repeat; content: ""; width: 130px; height: 130px; background-size: cover; /* opacity: 0.8; */ z-index: -1; } .about-text p { margin-bottom: 35px; } .abote-second { padding-left: 8%; padding-right: 8%; } .about-text { font-family: Gilroy-ExtraBold; font-size: 24px; box-shadow: 1px 0 25px #ccc!important; padding: 40px 40px 30px; } .about-right { padding: 0 !important; margin-top: 60px; } .about-cultur { background-position: 54px 0px !important; } .team-box { padding-top: 30px; } .about-page.get-together { } .team-row { padding-left: 40px; padding-right: 40px; margin: 50px 0 0; } .team-item { margin-top: 150px; } .about-cultur h2 { margin: 0 0 -5px; } .about-cultur span { position: relative; top: -15px; left: 20px; } .cstum-heading>h1 { display: inline-block; font-size: 84px; line-height: 24px; margin: 0 0 0 30px; } .cstum-heading>h1, .cstum-heading>span, .cstum-heading h2 { color: #97C9E0 !important; font-family: Gilroy-ExtraBold !important; } .cstum-heading>span { font-size: 49px; font-style: italic; } .about-c-heading.cstum-heading { padding-left: 2%; } .about-c-heading.cstum-heading h2{ padding-left: 45px; } .about-team span { position: relative; top: -15px; left: 20px; } .servic-heading.cstum-heading span { position: relative; top: -15px; left: 10px; } .home-serv .cstum-heading>h1, .home-serv .cstum-heading>span, .home-serv .cstum-heading h2 { color: #fff !important; } .portfolio-banner { background: url(../images/portfolio-banner.jpg) no-repeat rgba(0,0,0,0); background-size: cover; } .portfolio-banner .banner-text { top: 320px; text-align: center; } .portfolio-box .my-text h2, .portfolio-box .box2-my-text h2 { color: #97c9e0; } .portfolio-box .my-text a:hover, .portfolio-box .box2-my-text a:hover { padding: 0px 0 0 0px !important; } .portfolio-box .my-text a, .portfolio-box .box2-my-text a { color: #333; padding: 0; } .portfolio-box .my-text a { width: auto !important; padding-right: 50px !important; } .portfolio-box a b{ font-weight: 100; font-size: 40px; vertical-align: middle; padding-left: 35px; } .portpoli-get h1, .portpoli-get>a { color: #3babdb !important; font-family: gilroy-extrabold; } .portpoli-get { background: #ffffff !important; margin-top: -30px !important; } .port-item img { max-width: 100%; } .port-item { background: url(../images/itemcolor1.png) center center no-repeat rgba(0,0,0,0); float: left; background-size: cover; margin-bottom: 130px; } .port-color-2 { background: url(../images/itcolor-2.png) center center no-repeat rgba(0,0,0,0); background-size: cover; } .port-color-3 { background: url(../images/itemcolor3.png) center center no-repeat rgba(0,0,0,0); background-size: cover; } .nz-box img { position: relative; top: -90px; } .mack-box img { top: -50px !important; } .nz-box { height: 360px; } .ip-box img { position: relative; top: -50px; } .portfolio-box a::before { display: none !important; } .portfolio-box .feat-text .my-text { max-width: 920px; } .cente-im { padding: 0 !important; } .icon-scroll, .icon-scroll:before{ position: absolute; left: 48.5%; z-index: -1; } .icon-scroll{ height: 70px; width: 40px; border: thin solid white; border-radius: 25px; bottom: 70px; } .home-btn .content-style-form h2 { opacity: 1 !important; } .icon-scroll:before{ content: ''; width: 20%; height: 10%; background: #fff; border-radius: 50%; top: 8px; left: 40%; -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; } @-webkit-keyframes scroll { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(46px); transform: translateY(46px); } } @keyframes scroll { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(46px); transform: translateY(46px); } } .main-banner .banner-text p { color: #000; font-family: Gilroy-ExtraBold; } .email-part { height: auto !important; } .home-1center-port h2 { margin-bottom: 25px !important; font-size: 48px !important; line-height: 50px !important; } .home-1center-port h3 { font-size: 23px !important; line-height: 34px; color: #fff !important; font-family: gilroy-extrabold !important; } .home-1center-port p { font-size: 23px !important; line-height: 34px !important; color: #fff !important; } .home-1center-port a { max-width: 480px !important; font-size: 18px !important; line-height: 22px !important; font-family: gilroy-extrabold !important; transition: .2s; } .home-1center-port { padding-right: 80px; } .onecenter-iphone .iphone-content { background-image: url(../images/onecenterscreen.jpg); width: 100%; height: 610px !important; max-width: 259px !important; margin-left: 139px !important; background-size: 100%; margin-top: 142px !important; -webkit-transform: perspective(189px) rotateY(5deg) rotateX(0) rotateZ(0) skewY(8deg) skewX(0); transform: perspective(189px) rotateY(5deg) rotateX(0) rotateZ(0) skewY(8deg) skewX(0); } .onecenter-iphone .iphone { background-image: url(../images/iphone-img.png); background-size: 100% 100%; margin-left: -80px; width: 500px !important; height: 886px !important; } .team-info { position: absolute; top: 70px; left: 54%; border: 3px solid #3babdb; padding: 20px 20px; text-align: left; width: 202px; height: 135px; } .method-top { margin-top: 22px; } .boxlink { display: none; } #boxlink0 { display: block; } .disciplines li a:after { content: ''; position: absolute; right: 100%; height: 2px; width: 0; background: #fff; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: .2s; transition: .2s; margin-top: 25px; opacity:0; } .disciplines li:hover a:after { opacity:1; width: 34px; } .disciplines li { list-style: none; } .disciplines li a { font-size: 20px; line-height: 58px; font-family: gilroy-light; color: rgba(255,255,255,.7); cursor: default; } .disciplines li:hover a{ color: #fff; } .boxlink h3 { font-family: gilroy-light; color: #fff; font-size: 28px; line-height: 35px; } .boxlink { font-family: gilroy-light; font-size: 20px; line-height:32px; width: 85%; color: #fff; } .boxlink ul { padding-left: 20px; } .disciplines li span { font-style: italic; padding-right: 50px; font-family: adobe-garamond-pro,'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 20px; } .dis-box { height: auto !important; margin-top: 30px !important; padding-top: 100px; padding-bottom: 100px; background: #000; } .boxlink img { max-width: 100%; width: 25%; } .dis-box .row { padding: 0 0px 0 60px; } .small-space { height: 30px; clear: both; } .dis-head { color: #fff; font-family: Gilroy-ExtraBold; text-align: center; font-size: 45px; margin-top: 0 !important; margin-bottom: 35px; } .team-item { will-change: transform; -webkit-transition: all 1.5s cubic-bezier(.18,1,.21,1); -moz-transition: all 1.5s cubic-bezier(.18,1,.21,1); transition: all 1.5s cubic-bezier(.18,1,.21,1); } .row.team-row img { will-change: transform; -webkit-transition: all 1.5s cubic-bezier(.18,1,.21,1); -moz-transition: all 1.5s cubic-bezier(.18,1,.21,1); transition: all 1.5s cubic-bezier(.18,1,.21,1); } .main-banner .banner-text input[type=submit] { font-size: 14px; max-width: 200px; padding: 15px 25px; margin-right: 20px; border-radius: 0; letter-spacing: 2px; height: 52px; display: inline-block; border: 2px solid #f6f6f6 !important; text-transform: uppercase; } .main-banner .banner-text input[type=text] { height: 52px; } .main-banner .banner-text input[type=submit]:hover, .digital-market a:hover, .get-together>a:hover, .email-part .form-group button:hover { border: 2px solid #25aafc !important; background-color: #25aafc !important; } .digital-market a { font-size: 14px; max-width: 200px; padding: 15px 25px; border-radius: 0; letter-spacing: 2px; height: 52px; display: inline-block; border: 2px solid #f6f6f6 !important; text-transform: uppercase; } .get-together>a { font-size: 14px; max-width: 200px; padding: 15px 25px; border-radius: 0; letter-spacing: 2px; height: 52px; display: inline-block; border: 2px solid #f6f6f6 !important; text-transform: uppercase; } .portpoli-get a:hover { color: #fff !important; } .portpoli-get>a { border: 2px solid #3babdb !important; } .email-part .form-group button { font-size: 13px; max-width: 200px; padding: 15px 20px; border-radius: 0; letter-spacing: 2px; height: 52px; display: inline-block; border: 2px solid #f6f6f6 !important; text-transform: uppercase; } .stony-ridge-mac .mac-content { background-image: url(../images/stonyscreen-mac.jpg); } .new-spoint p { color: #000 !important; font-size: 18px !important; line-height: 28px !important; font-family: gilroy-extrabold !important; opacity: 1; margin-bottom: 0px !important; margin-top: 0 !important; } .new-spoint { float: left; margin-top: 15px !important; } .new-spoint p span { padding-right: 25px; font-style: italic; font-family: Gilroy-ExtraBold; } .featured-projects .my-text a { float: left; } .menu-telephone::after { display: none !important; } header .navbar-default .navbar-nav li a.menu-telephone:hover { transform: none !important; color: #25adff !important; } .menu-telephone { color: #fff !important; } .social-media .fa:hover { color: #25adff; } .home-vine-yard h2 { font-size: 48px !important; line-height: 50px !important; } .home-vine-yard h3 { font-size: 23px !important; line-height: 34px; color: #fff !important; font-family: Gilroy-ExtraBold !important; } .wine-text { line-height: 34px !important; color: #fff !important; } .home-vine-yard a { line-height: 22px !important; font-family: gilroy-extrabold !important; transition: .2s; font-size: 18px !important; margin: 20px 0; } .freebies-banner { background: url(../images/portfolio-banner.jpg) no-repeat rgba(0,0,0,0); background-size: cover; } .freebies-banner .banner-text { top: 320px; text-align: center; } .freebies-banner .banner-text>h1 { font-size: 58px !important; } .frebb-head { background: url(../images/febbg.png) no-repeat hsla(0,0%,0%,0) !important; background-position: center right !important; } .freeb-heading.cstum-heading span { position: relative; top: -15px; left: 10px; } .freeb-heading.cstum-heading span { position: relative; top: -2px; left: 10px; } .freeb-heading.cstum-heading>h1 { font-size: 55px; } .freeb-heading.cstum-heading h2 { margin: 0 0 -10px; } .freeb-heading.cstum-heading { padding-left: 10%; padding-top: 3%; } .freebies-section { } .freeb-btn { /*border: 1px solid #000;*/ color: #fff; padding: 5px 28px; font-family: Gilroy-ExtraBold !important; font-size: 16px; border-radius: 5px; text-transform: uppercase; } .freebies-item h3 { font-family: 'gilroylight' !important; font-size: 36px; margin-bottom: 30px; color:#fff; } .freebies-item { /* box-shadow: 1px 0 25px #ccc!important; border: 1px solid #e2e2e2; */ padding: 19px 30px; display: inline-block; min-height: 347px; width: 100%; text-align: center; background: url(../images/website-audit.png) no-repeat rgba(0,0,0,0); } .freeb-title { visibility:hidden; opacity:0; } a.freeb-btn-req { visibility:hidden; opacity:0; } .freebies-item:hover a.freeb-btn-req { visibility:visible; opacity:1; color:#fff; float: right; margin:10px; padding:10px; font-family: Gilroy-ExtraBold; font-size: 16px; text-transform: uppercase; top:25px; text-align:right } hr { visibility:hidden; } .freebies-item:hover hr { visibility:visible; margin-left:10px; border-top: 1px solid #fff; width:70%; } .freebies-item:hover { background:no-repeat #4bc7f3; } .freebies-item:hover h3 { display:none; } .freebies-item:hover .freeb-btn { display:none; } .freebies-item:hover .freeb-title { visibility:visible; color:#fff; opacity:1; text-align: center; padding:20px 0px 20px 0px; font-family: Gilroy ExtraBold; font-size: 19px; line-height: 34px; } .freebies-item-seo h3 { font-family: Gilroy-ExtraBold !important; font-size: 42px; margin-bottom: 30px; color:#fff; } .freebies-item-seo { /* box-shadow: 1px 0 25px #ccc!important; border: 1px solid #e2e2e2; */ padding: 19px 30px; display: inline-block; min-height: 347px; width: 100%; text-align: center; background: url(../images/seo-odit.png) no-repeat rgba(0,0,0,0); } .freeb-title { visibility:hidden; opacity:0; } a.freeb-btn-req { visibility:hidden; opacity:0; } .freebies-item-seo:hover a.freeb-btn-req { visibility:visible; opacity:1; color:#fff; float: right; margin:10px; padding:10px; font-family: Gilroy-ExtraBold; font-size: 16px; text-transform: uppercase; top:25px; text-align:right } hr { visibility:hidden; } .freebies-item-seo:hover hr { visibility:visible; margin-left:10px; border-top: 1px solid #fff; width:70%; } .freebies-item-seo:hover { background:no-repeat #fdcf3e; } .freebies-item-seo:hover h3 { display:none; } .freebies-item-seo:hover .freeb-btn { display:none; } .freebies-item-seo:hover .freeb-title { visibility:visible; color:#fff; opacity:1; text-align: center; padding:20px 0px 20px 0px; font-family: Gilroy-ExtraBold; font-size: 19px; line-height: 34px; } .freebies-item-social h3 { font-family: Gilroy-ExtraBold !important; font-size: 42px; margin-bottom: 30px; color:#fff; } .freebies-item-social { /* box-shadow: 1px 0 25px #ccc!important; border: 1px solid #e2e2e2; */ padding: 12px 30px; display: inline-block; min-height: 347px; width: 100%; text-align: center; background: url(../images/social-media-audit.png) no-repeat rgba(0,0,0,0); } .freeb-title { visibility:hidden; opacity:0; } a.freeb-btn-req { visibility:hidden; opacity:0; } .freebies-item-social:hover a.freeb-btn-req { visibility:visible; opacity:1; color:#fff; float: right; margin:10px; padding:10px; font-family: Gilroy-ExtraBold; font-size: 16px; text-transform: uppercase; top:25px; text-align:right } hr { visibility:hidden; } .freebies-item-social:hover hr { visibility:visible; margin-left:10px; border-top: 1px solid #fff; width:70%; } .freebies-item-social:hover { background:no-repeat #ff0000; } .freebies-item-social:hover h3 { display:none; } .freebies-item-social:hover .freeb-btn { display:none; } .freebies-item-social:hover .freeb-title { visibility:visible; color:#fff; opacity:1; text-align: center; padding:20px 0px 20px 0px; font-family: Gilroy-ExtraBold; font-size: 19px; line-height: 34px; } .freebies-item-digital h3 { font-family: Gilroy-ExtraBold !important; font-size: 42px; margin-bottom: 30px; color:#fff; } .freebies-item-digital { /* box-shadow: 1px 0 25px #ccc!important; border: 1px solid #e2e2e2; */ padding: 9px 30px; display: inline-block; min-height: 347px; width: 100%; text-align: center; background: url(../images/website-audit.png) no-repeat rgba(0,0,0,0); } .freeb-title { visibility:hidden; opacity:0; }a.freeb-btn-req { visibility:hidden; opacity:0; } .freebies-item-digital:hover a.freeb-btn-req { visibility:visible; opacity:1; color:#fff; float: right; margin:10px; padding:10px; font-family: Gilroy-ExtraBold; font-size: 16px; text-transform: uppercase; top:25px; text-align:right } hr { visibility:hidden; } .freebies-item-digital:hover hr { visibility:visible; margin-left:10px; border-top: 1px solid #fff; width:70%; } .freebies-item-digital:hover { /* border: 1px solid #e2e2e2; */ background:no-repeat #4bc7f3; padding: 26px 30px; display: inline-block; min-height: 371px; width: 100%; text-align: center; } .freebies-item-digital:hover h3 { display:none; } .freebies-item-digital:hover .freeb-btn { display:none; } .freebies-item-digital:hover .freeb-title { visibility:visible; color:#fff; opacity:1; text-align: center; padding:20px 0px 20px 0px; font-family: Gilroy ExtraBold; font-size: 19px; line-height: 34px; } .container-fluid .row {margin-left: 100px !important; margin-right: 100px !important;} .section-features {width: 100%; margin: 0; padding: 0 90px; margin-top: 90px;} .section-features .col-md-4 {margin: 0 !important; padding: 0 !important;} .section-websiteaudit { width: 100%; padding: 40px 67px; background: url(../images/website-audit.png) no-repeat rgba(0,0,0,0); min-height: 386px; position: relative; margin-bottom: 66px; } .section-websiteaudit > h3 {text-align: center; color: white; font-family: "Gilroy-ExtraBold"; font-size: 36px; vertical-align: middle; margin: 129px 0;} .section-websiteaudit > a {position: absolute; bottom: 30px; right: 30px; color: white;} .section-websiteaudit > a > img {margin-right: 5px; margin-top: -15px;} .freebies-item-adwords h3 { font-family: Gilroy-ExtraBold !important; font-size: 42px; margin-bottom: 30px; color:#fff; } .details {display: none;} .section-websiteaudit:hover {background: no-repeat #4bc7f3; height: 386px; margin-left: 6px; width: 99%; margin-top: 3px; } .section-websiteaudit:hover .details { visibility:visible; display: inline-block; padding: 20px 100px; color: white; font-size: 24px; margin-top: 50px; position: relative; } .section-websiteaudit:hover .details:after {content: ''; position: absolute; left: 102px; top: 0; height: 3px; width: 230px; background-color: white;} .section-websiteaudit:hover h3 { display: none; } .section-seoaudit { width: 100%; padding: 40px 62px; background: url(../images/seo-odit.png) no-repeat rgba(0,0,0,0); min-height: 386px; position: relative; margin-bottom: 30px; } .section-seoaudit > h3 {text-align: center; color: white; font-family: "Gilroy-ExtraBold"; font-size: 36px; vertical-align: middle; margin: 129px 0;} .section-seoaudit > a {position: absolute; bottom: 30px; right: 30px; color: white;} .section-seoaudit > a > img {margin-right: 5px; margin-top: -15px;} .section-seoaudit:hover {background: no-repeat #fdcf3e; margin-left: 6px; width: 99%; margin-top: 3px; } .section-seoaudit:hover .details { visibility:visible; display: inline-block; padding: 20px 100px; color: white; font-size: 24px; margin-top: 90px; position: relative; } .section-seoaudit:hover .details:after {content: ''; position: absolute; left: 102px; top: 0; height: 3px; width: 230px; background-color: white;} .section-seoaudit:hover h3 { display: none; } .section-socialmediaaudit { width: 100%; padding: 40px 51px; background: url(../images/social-media-audit.png) no-repeat rgba(0,0,0,0); min-height: 386px; position: relative; } .section-socialmediaaudit > h3 {text-align: center; color: white; font-family: "Gilroy-ExtraBold"; font-size: 31px; vertical-align: middle; margin: 129px 0;} .section-socialmediaaudit > a {position: absolute; bottom: 30px; right: 30px; color: white;} .section-socialmediaaudit > a > img {margin-right: 5px; margin-top: -15px;} .section-socialmediaaudit:hover {background: no-repeat #ff0000; margin-left: 6px; width: 99%; margin-top: 3px; } .section-socialmediaaudit:hover .details { visibility:visible; display: inline-block; padding: 20px 100px; color: white; font-size: 24px; margin-top: 90px; position: relative; } .section-socialmediaaudit:hover .details:after {content: ''; position: absolute; left: 102px; top: 0; height: 3px; width: 230px; background-color: white;} .section-socialmediaaudit:hover h3 { display: none; } .section-digitalmarketingguide { width: 100%; padding: 18px 51px; background: url(../images/digital-marketing-guide.jpg) no-repeat rgba(0,0,0,0); min-height: 386px; position: relative !important; } .section-digitalmarketingguide > h3 {text-align: center; color: white; font-family: "Gilroy-ExtraBold"; font-size: 36px; vertical-align: middle; margin: 140px 0;} .section-digitalmarketingguide > a {position: absolute; bottom: 30px; right: 30px; color: white;} .section-digitalmarketingguide > a > img {margin-right: 5px; margin-top: -15px;} .section-digitalmarketingguide:hover {background: no-repeat #4bc7f3; margin-left: 6px; width: 99%; top: 3px; } .section-digitalmarketingguide:hover .details { visibility:visible; display: inline-block; padding: 20px 100px; color: white; font-size: 24px; margin-top: 90px; position: relative; } .section-digitalmarketingguide:hover .details:after {content: ''; position: absolute; left: 102px; top: 0; height: 3px; width: 230px; background-color: white;} .section-digitalmarketingguide:hover h3 { display: none; } .section-adwordsstrategy { width: 100%; padding: 15px 62px; background: url(../images/adword-stragy.jpg) no-repeat rgba(0,0,0,0); min-height: 386px; position: relative; margin-bottom: 30px; } .section-adwordsstrategy > h3 {text-align: center; color: white; font-family: "Gilroy-ExtraBold"; font-size: 36px; vertical-align: middle; margin: 140px 0;} .section-adwordsstrategy > a { position: absolute; bottom: 26px; right: 30px; color: white; } .section-adwordsstrategy > a > img {margin-right: 5px; margin-top: -15px;} .section-adwordsstrategy:hover {background: no-repeat #fdcf3e; margin-left: 6px; width: 99%; top: 3px; } .section-adwordsstrategy:hover .details { visibility:visible; display: inline-block; padding: 20px 100px; color: white; font-size: 24px; margin-top: 90px; position: relative; } .section-adwordsstrategy:hover .details:after {content: ''; position: absolute; left: 102px; top: 0; height: 3px; width: 230px; background-color: white;} .section-adwordsstrategy:hover h3 { display: none; } .section-digitalmarketingconsultation { width: 100%; padding: 18px 26px; background: url(../images/digital-marketing.jpg) no-repeat rgba(0,0,0,0); min-height: 386px; position: relative; } .section-digitalmarketingconsultation > h3 {text-align: center; color: white; font-family: "Gilroy-ExtraBold"; font-size: 36px; vertical-align: middle; margin: 140px 0; max-width: 93%;} .section-digitalmarketingconsultation > a {position: absolute; bottom: 30px; right: 30px; color: white;} .section-digitalmarketingconsultation > a > img {margin-right: 5px; margin-top: -15px;} .section-digitalmarketingconsultation:hover {background: no-repeat #ff0000; margin-left: 6px; width: 99%; top: 3px; } .section-digitalmarketingconsultation:hover .details { visibility:visible; display: inline-block; padding: 20px 100px; color: white; font-size: 24px; margin-top: 36px; position: relative; } .section-digitalmarketingconsultation:hover .details:after {content: ''; position: absolute; left: 102px; top: 0; height: 3px; width: 230px; background-color: white;} .section-digitalmarketingconsultation:hover h3 { display: none; } .freebies-item-adwords { /* box-shadow: 1px 0 25px #ccc!important; border: 1px solid #e2e2e2; */ padding: 19px 30px; display: inline-block; min-height: 347px; width: 100%; text-align: center; background: url(../images/adword-stragy.jpg) no-repeat rgba(0,0,0,0); } .freeb-title { visibility:hidden; opacity:0; } a.freeb-btn-req { visibility:hidden; opacity:0; } .freebies-item-adwords:hover a.freeb-btn-req { visibility:visible; opacity:1; color:#fff; float: right; margin:10px; padding:10px; font-family: Gilroy-ExtraBold; font-size: 16px; text-transform: uppercase; top:25px; text-align:right; } hr { visibility:hidden; } .freebies-item-adwords:hover hr { visibility:visible; margin-left:10px; border-top: 1px solid #fff; width:70%; } .freebies-item-adwords:hover { background:no-repeat #fdcf3e; padding: 26px 30px; border: 1px solid #e2e2e2; display: inline-block; min-height: 371px; width: 100%; text-align: center; } .freebies-item-adwords:hover h3 { display:none; } .freebies-item-adwords:hover .freeb-btn { display:none; } .freebies-item-adwords:hover .freeb-title { visibility:visible; color:#fff; opacity:1; text-align: center; padding:20px 0px 20px 0px; font-family: Gilroy ExtraBold; font-size: 19px; line-height: 34px; } .freebies-item-consult h3 { font-family: Gilroy-ExtraBold !important; font-size: 42px; margin-bottom: 30px; color:#fff; } .freebies-item-consult { /* box-shadow: 1px 0 25px #ccc!important; border: 1px solid #e2e2e2; */ padding: 9px 30px; display: inline-block; min-height: 347px; width: 100%; text-align: center; background: url(../images/digital-marketing.jpg) no-repeat rgba(0,0,0,0); } .freeb-title { visibility:hidden; opacity:0; } a.freeb-btn-req { visibility:hidden; opacity:0; } .freebies-item-consult:hover a.freeb-btn-req { visibility:visible; opacity:1; color:#fff; float: right; margin:10px; padding:10px; font-family: Gilroy-ExtraBold; font-size: 16px; text-transform: uppercase; top:25px; text-align:right } hr { visibility:hidden; } .freebies-item-consult:hover hr { visibility:visible; margin-left:10px; border-top: 1px solid #fff; width:70%; } .freebies-item-consult:hover { background:no-repeat #ff0000; padding: 26px 30px; border: 1px solid #e2e2e2; display: inline-block; min-height: 347px; width: 100%; text-align: center; } .freebies-item-consult:hover h3 { display:none; } .freebies-item-consult:hover .freeb-btn { display:none; } .freebies-item-consult:hover .freeb-title { visibility:visible; color:#fff; opacity:1; text-align: center; padding:20px 0px 20px 0px; font-family: Gilroy-ExtraBold; font-size: 19px; line-height: 34px; } .freeb-btn:hover { border: 1px solid #3babdb!important; color: #fff !important; background-color: #3babdb !important; } .freebies-row { padding: 0 50px; margin-top: 110px; display: flex } .freebies-get-to { margin-top: 100px !important; } .freeb-top { margin-top: 8px; } .banner-email a:hover { color: #000 !important; } .technology-icons .inactive img, .technology-icons .inactive h5 { opacity: 0.2; } .home-1center-port a::before, .home-vine-yard a::before { background: #fff !important; } .featured-projects .my-text a.read-m::after { display: none !important; } .main-banner .banner-text { -ms-transform: translateY(50px); -webkit-transform: translateY(50px); transform: translateY(50px); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacityIE)"; filter: alpha(opacity=0); -webkit-transition: all 1s cubic-bezier(.18,1,.21,1) 0s; -moz-transition: all 1s cubic-bezier(.18,1,.21,1) 0s; transition: all 1s cubic-bezier(.18,1,.21,1) 0s; } .main-banner .banner-text.slid-load { -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacityIE)"; filter: alpha(opacity=100); -webkit-transition: all 1.5s cubic-bezier(.18,1,.21,1) .5s; -moz-transition: all 1.5s cubic-bezier(.18,1,.21,1) .5s; transition: all 1.5s cubic-bezier(.18,1,.21,1) .5s; } .stony-iphon-slider { background-image: url(../images/stony-iphone.jpg); } .boxlink img { display: none; } .boxlink .Homer { height:165px; width:165px; background: url('../images/gif01.gif'); background-size: cover !important; } /*this is the hover event trigger*/ .boxlink.active .Homer { cursor:pointer; background:url('../images/gif01_loopable.gif'); background-size: cover !important; } .icon1 .Homer { background: url('../images/gif01.gif'); } .icon2 .Homer { background: url('../images/gif04.gif'); } .icon3 .Homer { background: url('../images/gif03.gif'); } .icon4 .Homer { background: url('../images/gif02.gif'); } .icon5 .Homer { background: url('../images/gif05.gif'); } .icon6 .Homer { background: url('../images/gif06.gif'); } .icon1.active .Homer { background:url('../images/gif01_loopable.gif'); } .icon2.active .Homer { background:url('../images/gif04_loopable.gif'); } .icon3.active .Homer { background:url('../images/gif03_loopable.gif'); } .icon4.active .Homer { background:url('../images/gif02_loopable.gif'); } .icon5.active .Homer { background:url('../images/gif05_loopable.gif'); } .icon6.active .Homer { background:url('../images/gif06_loopable.gif'); } .work-item figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .work-item .inner { width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; padding: 30px; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; padding: 50px; } .work-item h2 { margin: 0; color: #fff; font-family: gilroy-extrabold; font-size: 30px; } .work-item li { display: inline-block; font-family: gilroy-extrabold; font-size: 22px; color: #999; } .new-pget { margin-top: 90px !important; } .work-item { min-height: 374px; } .work-item-services { padding: 0; margin-top: 5px; } .work-item .full-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 1; } .work-item:hover .inner { opacity: 1; } .dis-box .col-md-8 { margin-top: -30px; } .home-slider { background: url(../images/home-slider-new.jpg) no-repeat rgba(0,0,0,0); background-size: cover !important; } .home-slider .banner-text p { font-family: Gilroy-ExtraBold !important; color: #f6f6f6 !important; } .small-seprater { background-color: #fdcf3e; width: 50px; height: 5px; margin-bottom: 5px; margin-top: 5px; } .home-color-btn a { background-color: #0e202e; color: #fff; padding: 15px 10px; margin-right: 20px; border: 1px solid #0e202e; border-radius: 8px; width: 220px; display: inline-block; text-align: center; font-family: Gilroy-ExtraBold; font-size: 17px; } .home-color-btn { margin-top: 20px; } .free-audit { background-color: #d81e2c !important; border-color: #d81e2c !important; } .home-color-btn a:hover { opacity: 0.8; } .webdesign-banner { background: url(../images/website-desi.jpg) no-repeat rgba(0,0,0,0); background-size: cover !important; min-height: 410px !important; } .webdesign-banner .banner-text { top: 150px; text-align: center; } .webdesign-banner .banner-text>h1 { font-size: 58px !important; } .webdesign-banner .banner-call { padding-top: 20px; } .webdesign-get h1 { max-width: 1020px; } .webdesigne-text { font-family: Gilroy-ExtraBold !important; text-align: center; font-size: 22px; width: 80%; margin: 0 auto; } .audit-bg { background: url(../images/audit-bg.jpg) no-repeat rgba(0,0,0,0); background-size: cover; padding: 80px 100px; } .audite-text h2 { color: #fff; font-family: gilroy-extrabold; font-size: 35px; margin-top: 0; } .audite-text p { font-family: Gilroy-ExtraBold; font-size: 20px; color: #fff; } .audit-req-btn a { background: url(../images/audit-btn-bg.jpg) no-repeat rgba(0,0,0,0); background-size: cover; color: #fff; font-family: Gilroy-ExtraBold; font-size: 18px; padding: 20px 20px; display: inline-block; background-position: center right; width: 331px; position: absolute; left: 0; bottom: -20px; } .design-text-bg { background-color: #4ac7f3; padding: 40px 0px 50px 60px; position: relative; right: -75px; z-index: 9; bottom: -72px; } .design-text h3 { color: #fff; font-family: gilroy-extrabold; font-size: 45px; margin-top: 0; } .design-text p { font-family: Gilroy-ExtraBold; font-size: 22px; color: #fff; margin-top: 20px; } .design-text-border { height: 1px; background-color: #fff; margin-top: 60px; } .web-text { color: #fff; font-family: gilroy-extrabold; background-color: #fdcf3e; font-size: 22px; padding: 30px 25px 45px; width: 330px; min-height: 260px; position: relative; right: -1px; } .web-text2 { background-color: #ff0000; font-family: Gilroy-ExtraBold; font-size: 15px; color: #fff; width: 190px; padding: 25px 20px; position: absolute; right: -75px; margin-top: -105px; min-height: 150px; } .web-text2 b { font-size: 18px; } .desige-left-bg { background-color: #4ac7f3; padding: 20px 0; } .desige-left-bg img { max-width: 100%; } .focussed-im { text-align: center; padding-left: 30px; } .design-section h2 { color: #000; font-family: gilroy-extrabold; font-size: 45px; margin-top: 0; margin-bottom: 20px; } .design-section { font-family: Gilroy-ExtraBold; font-size: 22px; line-height: 35px; } .design-section h4 { font-size: 28px; line-height: 35px; } .design-section b { font-family: gilroy-extrabold; } .design-section h5 { font-family: gilroy-extrabold; font-size: 22px; margin-top: 0; } .making-text { line-height: 40px; margin-top: 60px; font-size: 22px; } .desige-right-text { padding: 0 25px; } .designe-second-row { padding: 45px 45px 0; } .design-section img { max-width: 100%; width: 95%; } .focussed-text li:before, .design-section li:before { content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #3babdb; font-size: 18px; /* padding-right: 0.5em; */ position: absolute; /* top: 10px; */ left: 15px; } .design-section li:before { left: 25px; } .focussed-text li { list-style: none; margin-bottom: 25px; font-size: 20px; } .design-section li { list-style: none; margin-bottom: 25px; } .cost-head { margin-bottom: 25px; margin-top: 25px !important; } .web-development .design-text-bg { background-color: #fdcf3e; } .web-development .web-text { background-color: #4ac7f3; } .web-development .audit-bg { background: url(../images/development-bg.jpg) no-repeat rgba(0,0,0,0); } .deve-qute:before { content: open-quote; } .deve-qute:after { content: close-quote; } .deve-qute { font-size: 15.5px; text-align: center; line-height: 17px; margin-top: 40px; } .develop-right-text { min-height: 648px; } .deve-qute:before, .deve-qute:after { font-size: 50px; bottom: -18px; position: relative; font-family: sans-serif; } .develop-p-text { margin-bottom: 60px; } .row.designe-second-row.develop-row h3 { font-family: Gilroy-ExtraBold !important; text-align: center; font-size: 45px; margin-bottom: 25px; } .develop-pint-bottom { text-align: center; } .develop-row .develop-pint-bottom { min-height: 350px; } .ecom-head { margin-bottom: 60px !important; } .develop-pint-bottom p { font-size: 23px; } .ecommerce-banner { background: url(../images/ecommerce.jpg) no-repeat rgba(0,0,0,0); background-size: cover; } .ecomm-p-text { font-family: gilroy-extrabold; font-size: 28px; margin-bottom: 35px; } .ecomm-p-text b { color: #ff0000; } .ecommer-btext p { font-size: 18px; line-height: 25px; } .ecommer-btext h5 { width: 90%; } .ecommer-btext strong { font-size: 14px; font-family: gilroy-extrabold; } .ecommer-btext { background-color: #fdcf3e; padding: 30px 80px; margin-left: -25px; margin-top: 50px; } .ecomm-design-section .audit-req-btn a { bottom: -50px; } .ecomm-design-section .focussed-im { background-color: #4ac7f3; padding-top: 10px; } .ecomm-design-section .desige-left-bg { background-color: transparent; padding: 0; } .buying-text { font-size: 49px; text-align: left; padding: 35px 100px; margin-bottom: 0; color: #f00 !important; } .buying-text b { color: #000; } .ecommerc-build p { margin-bottom: 30px; } .ecomm-design-section .develop-pint-bottom { min-height: 320px; text-align: left !important; } .ecomm-design-section .develop-row h3 { text-align: left !important; } .ecomm-design-section .designe-second-row { padding: 45px 85px 0; } .seo-banner { background: url(../images/seo-banner.jpg) no-repeat rgba(0,0,0,0); } .seo-btn { margin-left: 0; } .seo-section .audit-req-btn a { right: -150px !important; bottom: 0px !important; left: auto !important; } .seo-section .ecommer-btext h5 { width: 100%; } .seo-section .ecommer-btext { padding: 30px 40px; } .seo-row { padding: 60px 60px 0px; } .seo-row h3 { font-family: gilroy-extrabold; font-size: 50px; margin-bottom: 25px; } .seo-second h3 { color: #4ac7f3 !important; } .seo-spical { text-align: right; font-family: gilroy-extrabold; line-height: 25px; margin: 40px 0 100px; } .seo-spical:after { content: url(../images/seo-spacial.png); position: absolute; right: 20px; margin-top: 15px; } .step { text-align: center; background-color: #4ac7f3; padding: 30px 40px; } .step h6 { font-family: gilroy-extrabold; color: #fff; font-size: 25px; } .step h4 { font-family: gilroy-extrabold; font-size: 28px; } .step p { font-size: 16px; line-height: 23px; font-weight: 600; } .step.color2 { background-color: #b0b0b0; } .step.color3 { background-color: #fdcf3e; } .seo-import { padding-right: 70px; } .seo-import p { font-size: 20px; line-height: 30px; margin-bottom: 20px; } .adword-bg { background: url(../images/adword-bg.jpg) no-repeat rgba(0,0,0,0); background-size: cover; padding: 40px 40px 60px; } .adword-bg h4 { font-family: gilroy-extrabold; color: #fff; font-size: 28px; margin-bottom: 20px; } .adword-bg h5 { font-family: gilroy-extrabold; font-size: 22px; line-height: 25px; } .adword-bg p { font-size: 17px; line-height: 25px; margin-bottom: 15px; } .adword-left { padding: 20px 20px 0px 60px; } .adword-left h3 { font-family: Gilroy-ExtraBold; font-size: 35px; margin-bottom: 20px; width: 93%; } .head-bg { background-color: #fdcf3e; font-family: gilroy-extrabold; font-size: 22px; padding: 10px 20px; } .adword-left p { font-size: 18px; line-height: 27px; } .adword-bg .audit-req-btn a { bottom: -40px !important; } .adword-second-row { background: url(../images/adword-secong.jpg) no-repeat rgba(0,0,0,0); background-size: cover; min-height: 768px; padding: 20px 40px; display: flex; } .adword-hediing h3 { font-family: gilroy-extrabold; font-size: 25px; line-height: 30px; margin-bottom: 15px; } .adword-hediing li { list-style: none; margin-bottom: 5px; font-size: 17px; } .adword-item h3 { font-size: 45px; } .adword-item p { margin-bottom: 25px; line-height: 38px; font-size: 22px; } .adword-btn .audit-req-btn a { left: auto !important; bottom: -50px !important; right: 100px !important; } .adword-qute { font-size: 15.5px; text-align: center; line-height: 22px; } .adword-qute b { color: #fff; } .adword-qute span:after { content: close-quote; } .adword-qute span:before { content: open-quote; } .adword-qute { position: absolute; bottom: 20px; margin-left: 50px; font-weight: 600; } .adword-qute span:before, .adword-qute span:after { font-size: 50px; bottom: -18px; position: relative; font-family: sans-serif; font-weight: 500; } .chart-text { font-family: gilroy-extrabold; color: #fff; font-size: 27px; width: 60%; position: absolute; top: 36%; } .featured-projects .my-heading>h2 { color: #fff; } .row.button-row { position: absolute; bottom: 120px; margin: 0; } .home-btn .h-btn { z-index: 1000; width: 100%; height: auto !important; -webkit-transition: opacity 0.1s 0.5s; transition: opacity 0.1s 0.5s; background-color: #0e202e !important; color: #fff !important; padding: 15px 10px !important; margin-right: 20px; border: 1px solid #0e202e; border-radius: 8px; width: 220px !important; display: inline-block; text-align: center; font-family: Gilroy-ExtraBold; font-size: 17px; line-height: 25px !important; /* display: inline-block !important; */ letter-spacing: normal !important; text-transform: capitalize !important; } .home-btn .morph-button-fixed { width: auto !important; height: auto; margin: 0 !important; } .home-btn .free-audit { background-color: #d81e2c !important; border-color: #d81e2c !important; } .home-btn button:hover { opacity: 0.8; } .team-detail h4 { font-family: Gilroy-ExtraBold; text-transform: capitalize; font-size: 37px; margin-bottom: 0 !important; word-spacing: 0.1em; } .team-detail h5 { text-transform: capitalize; font-size: 15px; margin-top: 0 !important; font-family: Gilroy-ExtraBold; } .team-photo:after { background-color: #4ac7f3; width: 254px; position: absolute; content: ""; height: 254px; top: -35px; left: 55px; z-index: -1; } .team-member-right .team-photo:after { top: 35px; left: -35px; } .team-member-right .team-detail { top: 50px; position: absolute; right: 15px; text-align: right; } .team-member-left .team-detail { position: absolute; left: 5px; } .team-member-left { margin-top: 50px; } .team-member-right { margin-top: 150px; } .new-method-box { font-family: gilroy-light; font-size: 20px; } .new-method-box { padding: 0 9%; margin: 60px 0 40px } .method-tem { min-height: 455px; } .method-tem { background: url(../images/method1bg.jpg) center center no-repeat rgba(0,0,0,0); background-size: cover !important; padding: 0; } .mehod-1 { background: url(../images/method1bg.jpg) center center no-repeat rgba(0,0,0,0); } .mehod-2 { background: url(../images/method2bg.jpg) center center no-repeat rgba(0,0,0,0); } .mehod-3 { background: url(../images/method3bg.jpg) center center no-repeat rgba(0,0,0,0); } .mehod-4 { background: url(../images/method4bg.jpg) center center no-repeat rgba(0,0,0,0); } .method-tem h2 { color: #fff; font-family: gilroy-extrabold; margin-top: 0; position: relative; padding-left: 40px; } .method-tem { color: #fff; } .method-inner { background-color: rgba(0, 0, 0, 0.8); position: absolute; top: 0; bottom: 0; right: 0; left: 0; padding: 60px 60px; -webkit-transition: 2s cubic-bezier(.18,1,.21,1); -moz-transition: 2s cubic-bezier(.18,1,.21,1); transition: 2s cubic-bezier(.18,1,.21,1); } .method-tem h2:before { content: ""; width: 39px; height: 1.5px; background-color: #fff; position: absolute; margin-left: -45px; margin-top: 18px; } .conection-btn:before { content: url(../images/conectionarrow.png); top: 5px; position: relative; } .conection-btn a { color: #fff; font-family: gilroy-extrabold; text-transform: uppercase; font-size: 18px; } .conection-btn { position: absolute; bottom: 45px; } .new-method-box p { margin-bottom: 20px; } .method-bg { position: absolute; top: 35%; bottom: 10%; background-color: #dcdcdc; left: 0; right: 0; } .method { position: relative; } .method-inner:hover { background-color: rgba(75, 199, 243, 0.80); } .success { font-size: 16px; color: green; text-align: center; margin-top: 10px; } .home-btn .success { color: #fff; } .email-part .success { color: #000; } /* Outer */ .popup { width:100%; height:100%; display:none; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.75); z-index: 9; } /* Inner */ .popup-inner { max-width: 700px; width: 360px; padding: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); box-shadow: 0px 2px 6px rgba(0,0,0,1); border-radius: 3px; background: #fff; background-color: #3babdb !important; } /* Close Button */ .popup-close { width:30px; height:30px; padding-top:4px; display:inline-block; position:absolute; top:0px; right:0px; transition:ease 0.25s all; -webkit-transform:translate(50%, -50%); transform:translate(50%, -50%); border-radius:1000px; background:rgba(0,0,0,0.8); font-family:Arial, Sans-Serif; font-size:20px; text-align:center; line-height:100%; color:#fff; } .popup-close:hover { -webkit-transform:translate(50%, -50%) rotate(180deg); transform:translate(50%, -50%) rotate(180deg); background:rgba(0,0,0,1); text-decoration:none; } .about-aute { display: none; } .featured-projects .box2-my-text a { display: none; } .featured-projects .my-text a { display: none !important; } /* end new style */ @media screen and (min-width: 240px) and (max-width: 330px){ .onecenter-iphone .iphone { background-image: url(../images/iphone-img.png); background-size: 100%; margin-left: 0; width: 100% !important; height: 520px !important; background-repeat: no-repeat; } .onecenter-iphone .iphone-content { background-image: url(../images/onecenterscreen.jpg); width: 152px; height: 369px !important; max-width: 150px !important; margin-left: 27% !important; background-size: 100%; margin-top: 75px !important; -webkit-transform: perspective(189px) rotateY(5deg) rotateX(0) rotateZ(0) skewY(8deg) skewX(0); transform: perspective(209px) rotateY(7deg) rotateX(0) rotateZ(0) skewY(8deg) skewX(0); } .mac { background-image: url(../images/mac-img.png); background-size: 100% 100%; width: 390px; margin-left: -50px; height: 300px; -webkit-transform: translateZ(1000px); transform: scale(.6); top:-133px!important; } .mac-content { background-image: url(../images/web-mac.jpg); background-size: 100% auto; height: 170px; margin-left: -15px; margin-top: 48px; max-width: 370px; transform: perspective(865px) rotateY(-24deg) rotateX(6deg) rotateZ(-.5deg) skewY(-6.9deg) skewX(-5deg); -webkit-transform: perspective(565px) rotateY(-24deg) rotateX(6deg) rotateZ(-.5deg) skewY(-6.9deg) skewX(-5deg); width: 100%; } .work-item { min-height: 170px; } .work-item figure { } .work-item h2 { font-size: 15px; } .work-item li { font-size: 12px; } } @media screen and (min-width: 331px) and (max-width: 480px){ .work-item { min-height: 170px; } .work-item figure { } .work-item h2 { font-size: 15px; } .work-item li { font-size: 12px; } .onecenter-iphone .iphone-content { background-image: url(../images/onecenterscreen.jpg); height: 609px !important; width: 100%; max-width: 262px; margin-left: 137px; background-size: 100%; margin-top: 143px; -webkit-transform: perspective(189px) rotateY(5deg) rotateX(0) rotateZ(0) skewY(8deg) skewX(0); transform: perspective(189px) rotateY(5deg) rotateX(0) rotateZ(0) skewY(8deg) skewX(0); } .onecenter-iphone .iphone { background-image: url(../images/iphone-img.png); background-size: 100% 100%; margin-left: -80px; width: 500px !important; height: 886px !important; -webkit-transform: translateZ(1000px); transform: scale(.7); } .onecenter-iphone { margin-bottom: -150px; margin-top: -90px; } .mac { background-image: url(../images/mac-img.png); background-size: 100% 100%; width: 390px; margin-left: -20px; height: 300px; -webkit-transform: translateZ(1000px); transform: scale(.8); } .mac-content { background-image: url(../images/web-mac.jpg); background-size: 100% auto; height: 170px; margin-left: -15px; margin-top: 48px; max-width: 370px; transform: perspective(865px) rotateY(-24deg) rotateX(6deg) rotateZ(-.5deg) skewY(-6.9deg) skewX(-5deg); -webkit-transform: perspective(565px) rotateY(-24deg) rotateX(6deg) rotateZ(-.5deg) skewY(-6.9deg) skewX(-5deg); width: 100%; } } @media screen and (min-width: 240px) and (max-width: 767px){ .new-method-box { padding: 0 0px; margin: 40px 0 0px; } .method-bg { display: none; } .method-tem h2 { font-size: 17px; } .method-inner { padding: 30px 20px; } .method-tem { min-height: 320px !important; margin-bottom: 30px; } .method-tem h2:before { margin-top: 8px; } .new-method-box { font-size: 13px; } .conection-btn a { font-size: 13px; } .main-banner .banner-iphone { display: none; } .row.button-row { position: relative; bottom: 0; margin: 0; } .home-btn .h-btn { width: 100% !important; font-size: 12px; line-height: 10px !important; } body { left: 0px; position: relative; } .banner-iphone .iphone-container{ margin-left:-78px; } .social-media { position: absolute; right: 0px; top: 32%; } } @media (max-width: 991px) { .method-tem { min-height: 400px; } .contact-box { background-color: #000 !important; } .cform-box .success { font-size: 15px; color: #fff; } .contact-heading { text-align: center; padding-top: 30px; font-weight: 800; font-size: 45px; padding-bottom: 20px; color: #fff; } .contact-box ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #fff!important; opacity: 0.2; } .contact-box :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff!important; opacity: 0.2; } .contact-box button { border: 2px solid #fff!important; color: #fff; } .contact-box input { font-size: 18px !important; background-color: #333; padding: 5px 10px; color: #fff !important; } .cform-box { padding-left: 10%; padding-right: 10%; padding-bottom: 0px; padding-top: 30px; } .mobile-strategy img { max-width: 100%; width: 80%; } .mobile-strategy h3 { color: #fff; font-family: gilroy-extrabold; font-size: 15px; margin-top: 10px; } .small-space { height: 0px; } .our-head { text-align: center; font-size: 28px; margin-bottom: 25px; margin-top: 0px !important; color: #fff; font-family: Gilroy-ExtraBold; } .mobile-strategy { padding: 0 5px !important; } .mobile-strategy .col-xs-6 { margin-bottom: 15px; } .mobile-strategy { text-align: center; } header .navbar-default .navbar-nav a { font-size: 30px; margin-bottom: 10px; } .menu-social a { color: #fff; } .home-btn .morph-button-fixed { display: block !important; margin-bottom: 15px !important; } .menu-social { text-align: center; } .menu-social li { display: inline-block; font-size: 25px; margin-right: 25px; } header.posi { background: #111 !important; } header .navbar-default .navbar-nav li a::after { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .team-member-right { margin-top: 80px; } .team-member-left { margin-top: 130px; } .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; } .navbar-header { float: none; } .navbar-toggle { display: block; } header .navbar-default .navbar-collapse { float: right; position: fixed; width: 100%; max-width: 100%; left: 0; } .navbar-collapse { border-top: 1px solid transparent; } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin: 15px !important; text-align: center; padding: 50px 0; } .navbar-nav>li { float: none; } .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } .navbar-collapse.collapse { height: 100vh !important; } .navbar-default .navbar-toggle { background-color: #000 !important; } header { padding-top: 0px; background-color: #111; } .navbar-toggle { margin-top: 18px; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .navbar-text { float: none; margin: 15px 0; } header .navbar-default { padding: 0 0px 0 0px !important; } .navbar-header { padding: 0 25px; } header .navbar-brand>img { max-height: 80px; } .navbar-default .container-fluid { padding-right: 0px; padding-left: 0px; } /* since 3.1.0 */ .navbar-collapse.collapse.in { display: block!important; background-color: #111; border: 0; float: none !important; } .collapsing { overflow: hidden!important; } .main-banner .banner-text { position: relative; } .webdesign-banner .banner-text>h1 { font-size: 32px !important; } .audit-bg { margin-top: 100px; } .design-text h3 { font-size: 35px; } .expert-space { height: 70px; } .desige-right-text { padding: 0 45px; margin-top: 30px; } .webdesign-get h1 { max-width: 100%; } .get-together h1 { font-size: 40px; padding: 0 10px; max-width: 100%; } .footer-item:nth-child(3) .contact-us { padding-left: 15px; } aside.footer-item { margin-bottom: 25px; } .design-section li:before { left: 45px; } .develop-right-text .audit-req-btn a { position: relative; left: auto; } .audit-req-btn { text-align: center; margin-top: 20px; } .develop-row .develop-pint-bottom { min-height: auto; margin-bottom: 35px !important; } .ecom-head { margin-bottom: 20px !important; } .seo-section .audit-req-btn a { right: auto !important; bottom: 0px !important; left: auto !important; position: relative; } .adword-left { margin-bottom: 50px; } .adword-bg .audit-req-btn a { left: auto; right: auto; position: relative; } .adword-second-row { min-height: 508px; } .adword-hediing h3 { font-size: 19px; line-height: 25px; } .adword-hediing li { font-size: 16px; } .adword-qute { margin-left: 0; bottom: 35px; } .chart-text { font-family: gilroy-extrabold; color: #fff; font-size: 15px; width: 100%; position: absolute; top: 35%; } .adword-btn .audit-req-btn a { right: 50% !important; } .adword-item h3 { font-size: 35px; } .ecomm-design-section .audit-req-btn a { bottom: 0px; } .main-banner .banner-text>h1 { font-size: 25px; } .home-color-btn a { margin-bottom: 20px; display: block; } .home-slider .banner-text { position: relative; width: 50%; } .main-banner .banner-iphone { right: 0px; } .plan { margin-bottom: 30px; max-width: 90%; } .game-plan .row { margin-bottom: 0px; } .onecenter-iphone { padding-left: 20%; } .featured-projects .feat-text .my-text { max-width: 100%; width: 100%; } .home-1center-port { padding-right: 0px; } .home-get.get-together { margin: 60px 0 0; } .our-web { float: left; } .big-text-banner .banner-text>h1 { font-size: 38px !important; } .main-content .expertise { height: 160px!important; background-size: contain !important; } .about-cultur { background-position: 0px 0px !important; } .cstum-heading>h1 { font-size: 60px; } .about-aute h2 { font-size: 40px; } .dis-head { font-size: 38px; margin-top: 30px !important; margin-bottom: 35px; } .freebies-row { padding: 0 0px; display: block !important; } .freebies-item { margin-bottom: 50px; } .center-ptext { padding: 0 50px; } .cente-im { text-align: center; } .contact-banner .banner-text { top: inherit; margin-top: 90px; } .contact-binfo { padding-left: 5%; } } @media (max-width: 767px) { .home-color-btn a { margin-bottom: 20px; } .port-mobile-hide { display: none; } .our-web { float: left; } .cente-im img { max-width: 100%; width: 70%; margin-top: 30px; } .main-content .expertise { background-position: center right !important; } .cente-im { text-align: center; } .popup-inner { max-width: 100% !important; width: 90% !important; top: 55% !important; } .team-detail h4 { font-size: 17px; word-spacing: normal; } .team-detail h5 { font-size: 11px; } .team-member-left .team-detail { position: relative; left: -22px; } .team-member-right .team-detail { top: 30px; position: relative; right: auto; text-align: left; } .team-photo:after { background-color: #4ac7f3; width: 75%; position: absolute; content: ""; height: 100%; top: -15px; left: 25px; z-index: -1; } .team-item .col-xs-5 { padding: 0; } .team-member-right .team-photo:after { top: -15px; left: -20px; } .team-row { margin: 0px 0 0; } .team-item .col-xs-7 { padding: 0; } .main-content .expertise { height: 160px!important; background-size: contain !important; } .navbar-offcanvas .navbar-nav { margin: 0 30px !important; padding: 30px 0; text-align: center; } .main-banner .banner-iphone { right: 20px; } .navbar-offcanvas { border-color: #101010 !important; top: auto !important; left: 0 !important; max-width: 100% !important; transform: translateX(-250px) !important } header.posi { height: 70px !important; } .navbar-default .navbar-toggle { z-index: 99; } .navbar-offcanvas.offcanvas-transform.in { transform: translateX(0px) !important; transition: all cubic-bezier(.18,1,.21,1) 2s; background-color: #101010 !important; margin-left: 0 !important; } header.posi { background: #111 !important; } .navbar-offcanvas .navbar-nav a { font-size: 19px; transition: all cubic-bezier(.18,1,.21,1) 2s; } } @media (min-width: 1241px) { header .navbar-brand>img { margin: -15px 0 0 -20px; } header.posi { padding-top: 10px; } } @media (min-width: 1100px) and (max-width: 1240px) { .new-method-box { padding: 0 7%; } .method-tem h2 { font-size: 25px; } .method-inner { padding: 30px 30px; } .method-tem { min-height: 405px; } .team-detail h4 { font-size: 30px; } .team-photo:after { width: 215px; height: 215px; } header .navbar-default { padding: 0 0px 0 0px; } header .navbar-brand>img { margin: -15px 0 0 -20px; } .main-content .expertise { background-size: contain !important; } .about-cultur { background-position: 10px 0px !important; } .about-aute h2 { font-size: 58px !important; } .about-text p { margin-bottom: 20px; font-size: 23px; } .get-together h1 { font-size: 62px; } .main-banner .banner-text { position: relative; } header.posi { height: 50px; } .home-slider .banner-text { width: 50%; } .featured-projects .feat-text .my-text { float: right; max-width: 926px; width: 75%; padding-left: 15%; } .team-row { padding-left: 0px; padding-right: 10px; } .freebies-banner .banner-text { top: 270px; } .freebies-item h3 { font-size: 30px; } .mac-content { background-image: url(../images/web-mac.jpg); background-size: 100% auto; height: 315px; margin-left: -20px; margin-top: 85px; max-width: 558px; transform: perspective(865px) rotateY(-24deg) rotateX(6deg) rotateZ(-.5deg) skewY(-6.9deg) skewX(-5deg); -webkit-transform: perspective(865px) rotateY(-24deg) rotateX(6deg) rotateZ(-.5deg) skewY(-6.9deg) skewX(-5deg); width: 100%; } .mac { background-image: url(../images/mac-img.png); background-size: 100% 100%; width: 600px; margin-left: -50px; height: 550px; -webkit-transform: translateZ(1000px); transform: scale(.9); } .contact-banner .banner-info { right: 35px; } .design-section h2 { font-size: 38px; } .making-text { line-height: 30px; margin-top: 20px; font-size: 22px; } .webdesign-get h1 { max-width: 100%; } .design-text-bg { padding: 40px 0px 50px 20px; } .design-text h3 { font-size: 40px !important; } design-section li { margin-bottom: 5px; } .develop-p-text { margin-bottom: 15px; } .deve-qute { margin-top: 10px; } .audit-req-btn a { bottom: 20px; } .row.designe-second-row.develop-row h3 { font-size: 35px; } .develop-row .develop-pint-bottom { min-height: 400px; } .ecommerc-build p { margin-top: 30px; } .ecomm-p-text { font-family: gilroy-extrabold; font-size: 24.5px; margin-bottom: 15px; } .ecommer-btext h5 { width: 100%; } .buying-text { padding: 55px 100px; } .design-section li { margin-bottom: 15px; } .ecomm-design-section .develop-pint-bottom { min-height: 320px !important; } .team-info { left: 58%; padding: 20px 10px; width: 150px; height: 135px; } } @media (min-width: 992px) and (max-width: 1100px) { .new-method-box { padding: 0 2%; } .method-tem h2 { font-size: 22px; } .method-inner { padding: 30px 25px; } .method-tem { min-height: 420px; } .team-detail h4 { font-size: 25px; } .team-photo:after { width: 171px; height: 171px; } header .navbar-default { padding: 0 0px 0 0px; } .home-btn .morph-button-fixed { display: block !important; margin-bottom: 15px !important; } header .navbar-brand>img { margin: -15px 0 0 -20px; } header.posi { height: 50px; } .home-slider .banner-text { width: 50%; } .nav>li>a { position: relative; display: block; padding: 10px 10px; font-size: 13px !important; } .main-banner .banner-text>h1 { font-size: 38px; } .home-color-btn a { width: 200px; } .main-banner .banner-iphone { right: 20px; } .featured-projects .feat-text .my-text { float: right; max-width: 100%; width: 75%; padding-left: 18%; } .mac-content { background-image: url(../images/web-mac.jpg); background-size: 100% auto; height: 315px; margin-left: -20px; margin-top: 76px; max-width: 491px; transform: perspective(865px) rotateY(-24deg) rotateX(6deg) rotateZ(-.5deg) skewY(-6.9deg) skewX(-5deg); -webkit-transform: perspective(865px) rotateY(-24deg) rotateX(6deg) rotateZ(-.5deg) skewY(-6.9deg) skewX(-5deg); width: 100%; } .mac { background-image: url(../images/mac-img.png); background-size: 100% 100%; width: 520px; margin-left: -50px; height: 520px; -webkit-transform: translateZ(1000px); transform: scale(.9); } .about-text h3 { font-size: 25px; margin-bottom: 10px; line-height: 32px; } .about-text p { margin-bottom: 15px; font-size: 18px; } .main-content .expertise { background-size: contain !important; } .about-aute h2 { font-size: 50px; } .team-item { margin-top: 80px; } .main-banner .banner-text { position: relative; } .big-text-banner .banner-text>h1 { font-size: 55px !important; } .main-content .expertise { height: 150px!important; } .method-box { padding: 0 40px 0 40px; } .freebies-item h3 { font-size: 25px; } .freebies-item { min-height: 250px; } .design-section h2 { font-size: 35px; } .design-section h4 { font-size: 23px; line-height: 29px; } .making-text { margin-top: 20px; } .design-text h3 { font-size: 35px; } .design-text-bg { padding: 40px 0px 50px 20px; } .row.designe-second-row.develop-row h3 { font-size: 32px; } .develop-row .develop-pint-bottom { min-height: 420px; } .develop-p-text { margin-bottom: 10px; } .get-together h1 { font-size: 55px; } .ecomm-p-text { font-family: gilroy-extrabold; font-size: 22px; margin-bottom: 30px; } .design-section li { margin-bottom: 8px; } .seo-row h3 { font-size: 35px; } .head-bg { font-size: 20px; } .adword-left h3 { font-size: 30px; } .adword-hediing h3 { font-size: 20px; } .adword-hediing li { font-size: 16px; } .chart-text { font-size: 23px; width: 60%; left: 20%; } .adword-qute { bottom: 45px; } .ecommerc-build p { margin-top: 28px; } } @media (min-width: 481px) and (max-width: 767px) { .home-color-btn a { width: 180px; font-size: 12px; } .main-banner.home-slider .banner-text { margin-top: 50px; width: 100% !important; top: 0px !important; } .banner-iphone .iphone-container { margin-left: -8px !important; } .social-media { display: none; } .cstum-heading>h1 { font-size: 34px; } .expertise h2 { font-size: 22px; } .email-part { padding-left: 15px !important; padding-right: 15px !important; } .feat-img { margin-left: 10%; } .home-1center-port .expert-space { height: 10px; clear: both; } .home-1center-port { padding-right: 0; padding: 0 30px; } .box2-feat-text { padding: 30px 15px; } .home-get.get-together { margin: 60px 0 0; } .get-together h1 { max-width: 100%; padding: 10px; } .digital-market .expert-space { height: 40px; } .digital-market { min-height: 400px; padding: 0 10px !important; } .big-text-banner .banner-text>h1 { font-size: 35px !important; } .main-banner { min-height: 450px; } .about-banner .banner-text { top: 150px !important; } .about-text h3 { font-size: 25px; line-height: 30px; } .about-aute h2 { font-size: 35px; font-family: Gilroy-ExtraBold; text-align: center; padding-left: 0; } .expertise.both-side .about-heading>h1 { font-size: 34px; } .main-content .expertise h2 { font-size: 25px !important; margin: 0; padding: 0 10px !important; } .about-team span { position: relative; top: 0px; left: 20px; } .expertise.both-side .about-heading>span { font-size: 25px; } .team-box h3 { font-size: 20px; padding: 0 40px !important; line-height: 25px; } .team-item { margin-top: 80px; } header { height: 70px !important; } .expert-space { height: 40px; } .method-box { padding: 0 10px 0 10px; min-height: 308px !important; } .method-box h2 { font-size: 25px; } .dis-head { text-align: left; font-size: 35px; margin-bottom: 25px; margin-top: 40px !important; } .dis-box { height: auto !important; margin-top: 30px !important; padding-top: 50px; padding-bottom: 80px; background: #000; } .frebb-head { background-position: center center!important; } .freebies-row { padding: 0 10px; margin-top: 0; display: block; } .freebies-item { margin-bottom: 40px; } .freebies-item h3 { font-family: Gilroy-ExtraBold !important; font-size: 30px; margin-bottom: 32px; } .freebies-section { margin-top: 70px; } .main-banner .banner-text { top: 100px !important; } .home-slider .main-banner .banner-text { top: 0px !important; } .portfolio-box .my-text h2, .portfolio-box .box2-my-text h2 { color: #97c9e0; font-size: 45px !important; line-height: 50px !important; margin-bottom: 10px; } .featured-projects .box2-my-text h3 { color: #010000; font-family: gilroy-light; font-size: 25px; } .featured-projects .my-text h3 { font-size: 25px; line-height: 30px; } .featured-projects .my-text p, .featured-projects .box2-my-text p { font-size: 18px; } .portfolio-box .my-text a, .portfolio-box .box2-my-text a { color: #333; padding: 0; font-size: 22px !important; max-width: 100% !important; } .contact-banner { min-height: 600px; } .contact-box input { font-size: 18px !important; } .web-text { width: 100%; min-height: 150px; position: relative; right: 0; } .design-text-bg { background-color: #4ac7f3; padding: 40px 0px 50px 40px; position: relative; right: 0; z-index: 9; bottom: 0; } .web-text2 { width: 100%; position: relative; right: 0; margin-top: 0; min-height: 150px; } .design-section h2 { font-size: 35px; } .desige-right-text { padding: 0 20px 0 35px; margin-top: 40px; } .designe-second-row { padding: 25px 25px 0; } .audit-req-btn { text-align: center; margin-bottom: 35px; } .desige-right-text .audit-req-btn a { width: 80%; position: relative; left: 0; bottom: -20px; } .audit-req-btn a { width: 80%; } .focussed-text li:before, .design-section li:before { left: 35px !important; } .row.designe-second-row.develop-row h3 { font-size: 28px; margin-bottom: 25px; } .ecomm-p-text { font-size: 25px; } .seo-section .audit-req-btn a { right: 0px !important; bottom: 0px !important; left: auto !important; position: relative; } .seo-row h3 { font-size: 25px; margin-bottom: 25px; } .seo-row { padding: 30px 30px 0px; } .adword-left h3 { font-size: 28px; width: 100%; } .head-bg { font-size: 20px !important; } .adword-left { padding: 20px 30px 0px 30px; } .adword-second-row { background-size: contain; min-height: 480px; padding: 30px 20px; display: block; } .adword-hediing h3 { font-family: gilroy-extrabold; font-size: 18px; line-height: 25px; margin-bottom: 15px; } .adword-qute { display: none; } .adword-hediing li { font-weight: 600; } .chart-text { display: none; } .adword-btn .audit-req-btn a { left: auto !important; bottom: 0; right: 0; position: relative; } .audit-req-btn { margin-bottom: 0; margin-top: 50px; } .seo-row h3 { line-height: 35px; } .buying-text { font-size: 28px !important; text-align: center; padding: 35px 10px; margin-bottom: 0; color: #f00 !important; } .ecomm-design-section .designe-second-row { padding: 55px 25px 0; } } @media (min-width: 280px) and (max-width: 480px) { .mobile-footer { text-align: center; } .col-xs-12 { float: left !important; } .mobile-footer h3 { font-size: 30px !important; margin-bottom: 20px; } .mobile-footer { margin-bottom: 30px !important; } .mobile-footer-social a i { font-size: 28px !important; } .mobile-footer .mf-btn { font-size: 15px !important; max-width: 100%; padding: 15px 15px; border-radius: 0; letter-spacing: 2px; height: 52px; display: inline-block; border: 2px solid #f6f6f6 !important; text-transform: uppercase; width: 100%; margin-bottom: 20px; margin-top: 10px; text-align: center; font-weight: bold; } .home-color-btn a { width: 100% ; font-size: 12px; } .main-banner.home-slider .banner-text { margin-top: 50px; width: 100% !important; top: 0px !important; } .banner-iphone .iphone-container { margin-left: -8px !important; } .social-media { display: none; } .cstum-heading>h1 { font-size: 34px; } .expertise h2 { font-size: 22px; } .email-part { padding-left: 15px !important; padding-right: 15px !important; } .feat-img { margin-left: 0; } .portfolio-box .feat-img { margin-left: 0; } .home-1center-port .expert-space { height: 10px; clear: both; } .home-1center-port { padding-right: 0; padding: 0 30px; } .box2-feat-text { padding: 30px 15px; } .home-get.get-together { margin: 60px 0 0; } .get-together h1 { max-width: 100%; padding: 10px; } .digital-market .expert-space { height: 40px; } .digital-market { min-height: 400px; padding: 0 10px !important; } .big-text-banner .banner-text>h1 { font-size: 35px !important; } .main-banner { min-height: 450px; } .about-banner .banner-text { top: 150px !important; } .about-text h3 { font-size: 18px; line-height: 25px; } .about-aute h2 { font-size: 25px; font-family: Gilroy-ExtraBold; text-align: center; padding-left: 0; } .expertise.both-side .about-heading>h1 { font-size: 34px; } .main-content .expertise h2 { font-size: 25px !important; margin: 0; padding: 0 10px !important; } .about-team span { position: relative; top: 0px; left: 20px; } .expertise.both-side .about-heading>span { font-size: 25px; } .team-box h3 { font-size: 15px; padding: 0 20px !important; line-height: 25px; } .team-item { margin-top: 80px; } header { height: 70px !important; } .expert-space { height: 60px; } .method-box { padding: 0 10px 0 10px; min-height: 308px !important; } .method-box h2 { font-size: 20px; } .dis-head { text-align: left; font-size: 35px; margin-bottom: 25px; margin-top: 40px !important; } .dis-box { height: auto !important; margin-top: -30px !important; padding-top: 50px; padding-bottom: 80px; background: #000; } .frebb-head { background-position: center center!important; } .freebies-row { padding: 0 10px; margin-top: 0; display: block; } .freebies-item { margin-bottom: 40px; } .freebies-item h3 { font-family: Gilroy-ExtraBold !important; font-size: 30px; margin-bottom: 32px; } .freebies-section { margin-top: 70px; } .main-banner .banner-text { top: 100px !important; } .home-slider .main-banner .banner-text { top: 0px !important; } .portfolio-box .my-text h2, .portfolio-box .box2-my-text h2 { color: #97c9e0; font-size: 45px !important; line-height: 50px !important; margin-bottom: 10px; } .featured-projects .box2-my-text h3 { color: #010000; font-family: gilroy-extrabold; font-size: 25px; } .featured-projects .my-text h3 { font-size: 25px; line-height: 30px; } .featured-projects .my-text p, .featured-projects .box2-my-text p { font-size: 18px; } .portfolio-box .my-text a, .portfolio-box .box2-my-text a { color: #333; padding: 0; font-size: 22px !important; max-width: 100% !important; } .contact-banner { min-height: 600px; } .contact-box input { font-size: 18px !important; } .web-text { width: 100%; min-height: 150px; position: relative; right: 0; } .design-text-bg { background-color: #4ac7f3; padding: 40px 0px 50px 40px; position: relative; right: 0; z-index: 9; bottom: 0; } .web-text2 { width: 100%; position: relative; right: 0; margin-top: 0; min-height: 150px; } .design-section h2 { font-size: 25px; } .desige-right-text { padding: 0 20px 0 35px; margin-top: 40px; } .designe-second-row { padding: 25px 25px 0; } .audit-req-btn { text-align: center; margin-bottom: 35px; } .desige-right-text .audit-req-btn a { width: 80%; position: relative; left: 0; bottom: -20px; } .audit-req-btn a { width: 80%; } .focussed-text li:before, .design-section li:before { left: 35px !important; } .row.designe-second-row.develop-row h3 { font-size: 28px; margin-bottom: 25px; } .ecomm-p-text { font-size: 25px; } .seo-section .audit-req-btn a { right: 0px !important; bottom: 0px !important; left: auto !important; position: relative; } .seo-row h3 { font-size: 25px; margin-bottom: 25px; } .seo-row { padding: 30px 30px 0px; } .adword-left h3 { font-size: 28px; width: 100%; } .head-bg { font-size: 20px !important; } .adword-left { padding: 20px 30px 0px 30px; } .adword-second-row { background-size: contain; min-height: 480px; padding: 30px 20px; display: block; } .adword-hediing h3 { font-family: gilroy-extrabold; font-size: 18px; line-height: 25px; margin-bottom: 15px; } .adword-qute { display: none; } .adword-hediing li { font-weight: 600; } .chart-text { display: none; } .adword-btn .audit-req-btn a { left: auto !important; bottom: 0; right: 0; position: relative; } .audit-req-btn { margin-bottom: 0; margin-top: 50px; } .seo-row h3 { line-height: 35px; } .buying-text { font-size: 28px !important; text-align: center; padding: 35px 10px; margin-bottom: 0; color: #f00 !important; } .ecomm-design-section .designe-second-row { padding: 55px 25px 0; } .main-banner .banner-iphone { display: none !important; } .icon-scroll { display: none; } .email-part { margin-top: -60px; } .email-part input[type=email] { max-width: 100%; font-size: 18px; border: 2px solid #fff; min-height: 35px; margin-bottom: 20px; padding: 0 25px; } .email-part .form-group { text-align: center; } .email-part .form-group button { font-size: 13px; max-width: 100%; padding: 5px 20px; border-radius: 0; letter-spacing: 2px; height: 32px; display: inline-block; border: 2px solid #f6f6f6 !important; text-transform: uppercase; line-height: 22px; } .featured-projects .my-heading>h2 { font-size: 24px !important; margin-left: 10px !important; line-height: 24px !important; } .feat-img { } .new-spoint p { font-size: 13px !important; } .featured-projects p { font-size: 15px !important; line-height: 23px !important; } .featured-projects h3 { font-size: 18px !important; } .featured-projects a { max-width: 100% !important; font-size: 12px !important; line-height: 18px !important; font-family: gilroy-extrabold !important; transition: .2s; } .get-together h1 { font-size: 22px !important; } .email-part.both-side h2 { font-size: 16px !important; } .featured-projects .my-heading { min-height: 55px; } .digital-market.both-side>p { color: #f9f9f9; font-family: gilroy-extrabold; font-size: 16px !important; line-height: 25px; margin: 30px auto; max-width: 100%; width: 100%; } .about-text p { margin-bottom: 15px; font-size: 15px; } .about-aute h4 { font-family: Gilroy-ExtraBold; text-transform: uppercase; font-size: 15px; text-align: center; margin-top: 20px; padding-right: 0px; } .team-row { padding-left: 0px; padding-right: 0px; } .row.team-row img { width: 80%; } .team-info h4 { font-size: 22px; } .team-info h5 { font-size: 12px; } .team-info { position: absolute; top: 50px; left: auto; border: 3px solid #3babdb; padding: 20px 20px; text-align: left; width: 150px; height: auto; min-height: 100px; right: 15px; } .about-cultur { background-position: 0px 0px !important; } .method .my-heading h2, .method .my-heading h1 { font-size: 20px; } .method .my-heading { min-height: 55px; background-size: contain; background-position: 8px 0; padding-top: 0; padding-left: 15px; } .method-box h2 span { font-size: 20px; } .method-box p { width: 100%; } .method-box h3 { font-size: 15px; } .method-box h3 a { font-size: 13px; color: #000; border: 1px solid #000; padding: 4px 15px; font-weight: 600; margin-left: 0; vertical-align: middle; display: inline-block; margin-top: 20px; } .method-box .col-md-6 { padding: 25px 25px 30px; } .dis-box .row { padding: 0 0px 0 20px; } .disciplines { padding-left: 0; } .disciplines li a { font-size: 15px; line-height: 38px; font-family: Gilroy-ExtraBold; color: rgba(255,255,255,.7); cursor: default; } .disciplines li span { padding-right: 30px; font-size: 18px; } .boxlink h3 { font-size: 18px; line-height: 25px; } .boxlink { font-size: 15px; line-height: 25px; } .contact-banner .banner-text>h1 { font-size: 15px !important; margin-top: 0; } .contact-banner .banner-info { right: 0; top: 100px; position: relative; z-index: 1; } .webdesign-banner { background-position: center; } .audit-bg { padding: 40px 30px; } .design-section h4 { font-size: 20px; line-height: 25px; } .making-text { line-height: 25px; margin-top: 10px; font-size: 16px; } .designe-second-row p { font-size: 15px; line-height: 25px; } .design-section li { list-style: none; margin-bottom: 15px; font-size: 15px; line-height: 25px } .ecom-head { margin-bottom: 20px !important; } .develop-row .develop-pint-bottom { min-height: auto; } .row.designe-second-row.develop-row h3 { font-size: 18px !important; } desige-right-text .audit-req-btn a { width: 100% !important; } .audit-req-btn a { font-size: 12px; padding: 20px 10px; } .seo-row h3 { font-size: 20px !important; line-height: 30px !important; } .seo-import p { font-size: 15px; line-height: 25px; margin-bottom: 20px; } .seo-import { padding-right: 15px; } .step { padding: 20px 10px; } .step p { font-size: 13px; line-height: 18px; font-weight: 600; } .seo-spical { text-align: center; font-family: gilroy-extrabold; line-height: 20px; margin: 40px 0 100px; font-size: 15px; } .adword-second-row { background: 0; } .adword-btn .audit-req-btn a { left: auto !important; bottom: -50px !important; right: 0!important; width: 100%; } .audit-req-btn { margin-bottom: 0; margin-top: 0px; } .webdesigne-text { font-family: Gilroy-ExtraBold !important; text-align: center; font-size: 15px; width: 100%; margin: 0 auto; padding: 0 10px; } .design-text h3 { font-size: 35px; } .ecommer-btext { background-color: #fdcf3e; padding: 30px 10px; margin-left: 0; margin-top: 50px; } .ecommer-btext h5 { width: 100%; } .design-section h5 { font-size: 16px; margin-top: 0; } .desige-right-text .audit-req-btn a { width: 100%; } } @media (min-width: 1369px) { .main-content .expertise { background-position: center right !important; } } .get-together { z-index: -99 !important; position: relative; } .get-map { position: relative; /* z-index: -99 !important;*/ } .digital-market { position: relative; z-index: -99 !important; } .featured-projects { position: relative; z-index: -99 !important; } .home-serv, .game-plan, .email-part { position: relative; z-index: -99; } @media screen and (max-width: 1369px) { .section-features {width: 100%; margin: 0; padding: 0 10px; margin-top: 100px;} .container-fluid .row {margin: 0 !important;} .section-websiteaudit:hover .details { padding: 20px 10px; } .section-websiteaudit:hover .details:after { left: 10px;} .section-seoaudit:hover .details { padding: 20px 10px; } .section-seoaudit:hover .details:after { left: 10px; } .section-socialmediaaudit:hover .details { padding: 20px 10px; } .section-socialmediaaudit:hover .details:after { left: 10px; } .section-digitalmarketingguide:hover .details { padding: 20px 10px; } .section-digitalmarketingguide:hover .details:after { left: 10px; } .section-adwordsstrategy:hover .details { padding: 20px 10px; } .section-adwordsstrategy:hover .details:after { left: 10px; } .section-digitalmarketingconsultation:hover .details { padding: 20px 10px; } .section-digitalmarketingconsultation:hover .details:after { left: 10px; } .section-digitalmarketingguide, .section-adwordsstrategy, .section-digitalmarketingconsultation {margin-top: -100px;} } .mac.stony-ridge-mac { top: -94px; } @media screen and (max-width: 768px){ .mac.stony-ridge-mac { top: -17px !important; } .section-websiteaudit{ padding: 20px 0!important; } .section-seoaudit{ padding: 20px 0!important; } .section-socialmediaaudit{ padding: 20px 0!important; } .section-digitalmarketingguide{ padding: 20px 0!important; margin-top: -46px!important; } .section-adwordsstrategy{ padding: 20px 0!important; margin-top: 36px!important; } .section-digitalmarketingconsultation{ padding: 20px 0!important; margin-top: 36px!important; } .section-websiteaudit:hover .details { padding: 10px 9px; } .section-seoaudit:hover .details { padding: 11px 16px; } .section-socialmediaaudit:hover .details { padding: 9px 23px; } .section-digitalmarketingguide:hover .details { padding: 10px 9px; } .section-digitalmarketingconsultation:hover .details { padding: 35px 40px; } .section-adwordsstrategy:hover .details { padding: 37px 10px!important; } } @media screen and (max-width: 360px){ .mac.stony-ridge-mac { top: -57px !important; } .section-websiteaudit { padding: 20px 0!important; width: 100%; text-align: center!important; margin-left: -6px; } .section-seoaudit{ padding: 20px 0!important; width: 100%; text-align: center!important; margin-left: -6px; } .section-socialmediaaudit{ padding: 20px 0!important; width: 100%; text-align: center!important; margin-left: -6px; } .section-digitalmarketingguide{ padding: 20px 0!important; width: 100%; text-align: center!important; margin-left: -6px; margin-top: -46px!important; } .section-adwordsstrategy{ padding: 20px 0!important; width: 100%; text-align: center!important; margin-left: -6px; margin-top: 36px!important; } .section-digitalmarketingconsultation{ padding: 20px 0!important; width: 100%; text-align: center!important; margin-left: -6px; margin-top: 36px!important; } } @media screen and (max-width: 320px){ .mac.stony-ridge-mac { top: -17px !important; } .section-adwordsstrategy > a { bottom: 0px; } .section-adwordsstrategy > h3 { font-size: 30px !important; } .section-websiteaudit{ padding: 20px 0!important; } .section-seoaudit{ padding: 20px 0!important; } .section-socialmediaaudit{ padding: 20px 0!important; } .section-digitalmarketingguide{ padding: 20px 0!important; margin-top: -46px!important; } .section-adwordsstrategy{ padding: 20px 0!important; margin-top: 36px!important; } .section-digitalmarketingconsultation{ padding: 20px 0!important; margin-top: 36px!important; } .section-websiteaudit:hover .details { padding: 10px 9px; } .section-seoaudit:hover .details { padding: 11px 16px; } .section-socialmediaaudit:hover .details { padding: 9px 23px; } .section-digitalmarketingguide:hover .details { padding: 10px 9px; } .section-digitalmarketingconsultation:hover .details { padding: 35px 40px; } .section-adwordsstrategy:hover .details { padding: 41px 10px; } } #map .get-map{ overflow: auto; } @media screen and (min-width: 1000px){ .la { position: absolute; width: 97%; height: 100%; } } body span.details { padding-top: 21px !important; margin-top: 20px !important; } .popuplink{ cursor: pointer; } .mmodal section#eight { z-index: -99 !important; } .section-digitalmarketingguide .details,.section-adwordsstrategy .details,.section-digitalmarketingconsultation .details{ padding-top: 21px !important; margin-top: 44px !important; } section#six { position: relative; z-index: 1 !important; } section#three.freebies-get-to { z-index: 1 !important; } .media-extends { z-index: 999999; position: relative; } @media screen and (min-width: 768px) and (max-width: 1200px){ body span.details { padding-top: 20px !important; margin-top: -11px !important; line-height: 34px; padding: 20px 0 !important; width: 98% !important; position: absolute !important; left: 6px; top: 36px; } .section-digitalmarketingguide .details, .section-adwordsstrategy .details, .section-digitalmarketingconsultation .details { padding-top: 21px !important; margin-top: 0 !important; } /* .container-fluid a { position: absolute !important; right: 24px !important; /* bottom: 10px !important; top: 351px; } */ } @media screen and (max-width: 768px){ .section-features .col-sm-4 { max-width: 400px !important; margin: 0 auto !important; } } @media screen and (min-width: 1350px){ .details { padding-left: 0 !important; padding-right: 0 !important; } .details:after { left: 0 !important; top: 0 !important; } .section-features a { top: 350px !important; bottom: inherit !important; } .section-features > div > div { margin-bottom: 0 !important; margin-top: 0 !important; } .container-fluid .row.fre { margin-left: 0px !important; margin-right: 0px !important; } } @media screen and (max-width: 1250px){ .section-digitalmarketingguide > h3 { text-align: center; color: white; font-family: "Gilroy-ExtraBold"; font-size: 30px; vertical-align: middle; margin: 140px 0; } } .webg .baner { background:rgba(67,155,226,0.7)!important; width: 100%!important; height: 100%!important; /* display: block; */ position: absolute; margin: 0px!important; padding: 0!important; background-position: center center; background-size: cover; left: 0 } .webg .service-banner { background: url(../images/webg.png) no-repeat rgba(0,0,0,0); background-size: cover; background-position: center center; } .webg .banner-call { padding-top: 40px; } .webg .perfo { background: #ED2726; padding: 10px 32px; line-height: 1.7; font-size: 17px; min-height: 400px; color: white; border-radius: 14px; box-shadow: 0 0 10px 0 #ED2726; padding-right: 0!important; margin-bottom:12px; } .webg .perfo1 { background: #FDCF3E; padding: 10px 32px; line-height: 1.7; font-size: 17px; min-height: 400px; color: white; border-radius: 14px; box-shadow: 0 0 10px 0 #FDCF3E; padding-right: 0!important; margin-bottom:12px; } .webg .perfo2 { background: #00AEEF; padding: 10px 32px; line-height: 1.7; font-size: 17px; min-height: 400px; color: white; border-radius: 14px; box-shadow: 0 0 10px 0 #00AEEF; padding-right: 0!important; } .webg hr.hrre { background: white; height: 2px; color: white!important; display: block; visibility: visible; } .sli p { padding: 51px 126px; text-align: center; font-size: 24px; color:black; font-family:Gilroy-ExtraBold; } .sli a.left.carousel-control { background: none!important; color: black; } .sli a.right.carousel-control { background: none!important; color: black; } .col-sm-12.conttentbaner { text-align: center; top: 163px; color: white; position: absolute; } .col-sm-12.conttentbaner h1 { font-size: 70px; font-family: 'Gilroy-ExtraBold'; } input.form-control.sub { background: rgba(67,155,226,0.1)!important; color: white; font-weight: bold; font-family: sans-serif; } .col-sm-12.imges1 img { width: 100%; /* min-height: 165px; */ padding: 10px; } .col-sm-12.imges1{ margin-top: 40px; margin-bottom:40px; } .webg .main-banner { min-height: 700px!important; } .sli hr { visibility: visible; color: black!important; background: #999!important; height: 2px; width: 30%; } .col-md-12.getquete { text-align: center; margin-bottom: 70px; } .col-md-12.getquete a { border: 2px solid black; padding: 13px 70px; color: black; font-weight: bold; font-family: "Gilroy-ExtraBold"; } .webg input.form-control { margin-bottom: 12px; } @media screen and (min-width: 240px) and (max-width: 500px){ .col-sm-12.conttentbaner { text-align: center; top: 109px; color: white; position: absolute; } .col-sm-12.conttentbaner h1 { font-size: 40px; font-family: 'Gilroy-ExtraBold'; } } .col-sm-10.improve p { font-size: 18px; padding-right: 2px; line-height: 1.3; } .webg input.form-control { height: 40px; } @media screen and (min-width: 420px) and (max-width: 1200px){ a.navbar-brand { position: static !important; right: 24px !important; /* bottom: 10px !important; */ top: 351px; } } .imges1 { text-align: center; } body .cstum-heading > h2.exp { font-size: 84px; display: inline; margin-left: 29px; padding-left: 0; padding-top: 0 !important; line-height: 29px; } .get-together h2 { font-size: 67px; margin: 0 auto 20px; max-width: 970px; color: #f6f6f6; font-family: gilroy-extrabold; } h2.exp2 { display: inline-block; margin-left: 26px !important; font-size: 55px !important; padding-top: 0 !important; } @media screen and (min-width: 200px) and (max-width: 480px){ .get-together h2 { font-size: 67px; margin: 0 auto 20px; max-width: 970px; color: #f6f6f6; font-family: gilroy-extrabold; font-size: 22px !important; padding: 10px; max-width: 100%; } } .portfolio .get-together h2 { color: #3babdb !important } p.sf.wow.fadeInUp { font-family: gilroy-light; font-size: 26px; line-height: normal; /* margin: 20px 0 0; */ font-size: 23px !important; line-height: 34px !important; /* color: #fff !important; */ } .conacttt .service-banner { background: url(../images/contac1.jpg) no-repeat rgba(0,0,0,0); background-size: cover; background-position: center center; } .conacttt .col-sm-3.conimg { background: #333; text-align: center; padding: 45px 13px; min-height: 445px; } .conacttt img.img-circle { width: 39%; } .conacttt .col-sm-12.conttentbaner h1 { font-size: 70px; margin-top: 76px; font-family: 'Gilroy-ExtraBold'; } .conacttt .col-sm-7.fomr { background: white; padding-top: 51px; } form#conf input[type='text'], form#conf #email { border-top: 0; border-left: 0; border-right: 0; box-shadow: none; border-radius: 0; } form#conf input[type='number'] { border-top: 0; border-left: 0; border-right: 0; box-shadow: none; border-radius: 0; } form#conf input[type="radio"] { position: absolute; margin-top: 4px\9; margin-left: -36px!important; width: 35px; height: 25px; margin-top: 0px!important; } form#conf .btn.btn-info { width: 100%; font-size: 16px; margin-left: 0!important; /* padding: 0; */ font-weight: bold; background: rgba(59, 171, 219, 0.9)!important; padding: 9px!important; } form#conf .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 19px; } form#conf .radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; font-size: 18px; color: black; } form#conf input#Message { margin-top: 9px; } button.btn.get { background: rgba(59, 171, 219, 0.9); color: white; font-size: 14px; font-weight: 600; padding: 11px 19px; z-index: 111111; position: relative; } .conacttt .col-sm-3.conimg h3{ color: white; text-align: center; font-family: 'Gilroy-ExtraBold'; /* background-color: white; */ font-size: 24px; margin-bottom: 21px; } @media screen and (max-width: 320px){ .col-sm-3.conimg span{ margin-right: 4px!important; } .col-sm-3.conimg h4{ color: #e1e1e1; text-align: left; font-size: 16px; } } @media screen and (min-width: 769px){ form#conff { display: none; } button.btn.gett { display: none; } } @media screen and (max-width: 768px){ form#conf { display: none; } button.btn.get { display: none; } .row.gh { padding: 50px; margin-top: 106px; margin-bottom: 0!important; padding-bottom: 20px!important; } .conacttt .col-sm-12.conttentbaner { text-align: center; top:99px; color: white; position: absolute; width: 100%; } .conacttt .col-sm-12.conttentbaner h1 { font-size: 58px; margin-top: 76px; font-family: 'Gilroy-ExtraBold'; } .conacttt .col-sm-3.conimg h4{ color: #e1e1e1; text-align: center!important; margin-bottom: 15px!important; } form#conff input[type='text'] { border-top: 0; border-left: 0; border-right: 0; box-shadow: none; border-radius: 0; } form#conff input[type='number'], form#conff #email { border-top: 0; border-left: 0; border-right: 0; box-shadow: none; border-radius: 0; } .conacttt .col-sm-7.fomr { background: white; padding-top: 20px; } form#conff .col-sm-12 { margin-bottom: 22px; } form#conff .btn-info { color: #fff; background-color: rgba(20, 186, 236, 0.82); border-color: #46b8da; width: 100%!important; padding: 12px; font-size: 17px; font-family: 'Gilroy-ExtraBold'; } form#conff select#sel1 { border-radius: 0; } /*.row.mapsuete h1 { font-size: 30px!important; margin-bottom: 18px!important; font-family: 'Gilroy-ExtraBold'; padding-top: 0!important; }*/ .row.mapsuete .freevp h1 { font-size: 30px!important; margin-bottom: 18px!important; font-family: 'Gilroy-ExtraBold'; padding-top: 25px!important; } .row.mapsuete { padding: 0 20px; } button.btn.gett { width: 100%; padding: 10px; margin-top: 19px; color: white; font-size: 20px; background: rgba(20, 186, 236, 0.82); font-family: 'Gilroy-ExtraBold'; } .cd { box-shadow: 0 0 8px 0 grey; padding-bottom: 22px; border-radius: 3px; width: 100%; display: block; } .freevp { background-image: url(../images/freep.png); background-size: 100% 100%; min-height: 92px!important; } .conacttt .col-sm-7.fomr { background: white; padding-top: 51px; min-height: 0!important; box-shadow: none!important; } } .conacttt .col-sm-7.fomr { background: white; padding-top: 51px; min-height: 445px; box-shadow: 0 0 7px 0 #d4d4d4; } .conacttt input::-webkit-input-placeholder { font-weight: lighter; /* color: red !important; */ font-family: sans-serif; } .freevp{ background-image: url(../images/freep.png); background-size: 100% 100%; min-height: 114px; } .freevp h1 { font-size: 32px; font-family: 'Gilroy-ExtraBold'; padding-top: 43px; z-index: 2; position: relative; font-weight: 600; } .freevp:before { content: ' '; background: rgba(255,255,255,0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .myCheckbox input { /* position: relative;*/ z-index: -9999; position: absolute; } .myCheckbox span { width: 20px; height: 20px; display: block; /* background: url("../images/samneww.jpg"); border-radius: 50px;*/ border-radius: 50px; background: white; border: 1px solid #3babdb; } .myCheckbox input:checked + span { /* background: url("http://webguys.bizgamers.com/images/partner-logo.png");*/ border-radius: 50px; background: #3babdb; } label.colab { display: inline-block; max-width: 100%; margin-bottom: 21px; font-weight: 700; position: absolute!important; margin-left: 21px!important; font-size: 16px; font-weight: lighter; top: -2px; } label.myCheckbox { margin-bottom: 21px!important; } @media only screen and (max-width: 767px) { div#js-bootstrap-offcanvas { padding: 0!important; } .webg div#js-bootstrap-offcanvas { padding: 114px 0!important; } } .g-recaptcha { overflow: hidden; padding-top: 10px; } .rc-anchor-normal-footer { display: none; }