/* * ---------------------------------------------------------------------------------------- Author : onepageboss Template Name: Zestia - OnePage Creative Agency Template Version : 1.0 * ---------------------------------------------------------------------------------------- */ /* * ---------------------------------------------------------------------------------------- * 01.GLOBAL CSS STYLE * 02.PRELOADER & BOUNCE CCS STYLE * 03.HOMEPAGE CSS STYLE SLIDER BACKGROUND CSS STYLE VIDEO BACKGROUND CSS STYLE * 04.ABOUT CSS STYLE * 05.SERVICE CSS STYLE * 06.CALL TO ACTION CSS STYLE * 07.KEY SKILL CSS STYLE * 08.PORTFOLIO CSS STYLE * 09.TESTIMONIAL CSS STYLE * 10.FAQ CSS STYLE * 11.CONTACT CSS STYLE * 12.FOOTER CSS STYLE * ---------------------------------------------------------------------------------------- */ /* * ---------------------------------------------------------------------------------------- * 01.GLOBAL STYLE * ---------------------------------------------------------------------------------------- */ @font-face { font-family: josefin-sans; src: url(../../fonts/josefin-sans/JosefinSans-Regular.ttf); } @font-face { font-family: trajan; src: url(../../fonts/trajan/Trajan-Pro-Regular.ttf); } body { font-size: 14px; font-weight: 500; height: 100%; font-family: josefin-sans; } p, li{ font-size: 18px; font-weight: 500; font-family: josefin-sans; color: #2d2d2d; line-height: 28px; } h2{ color:#EE4823; margin-top: 10px; } html, body { height: 100% } h1, h2, h3, h4, h5, h6 { font-family: trajan; font-weight: 900; } a { text-decoration: none; -webkit-transition: all 0.4s; -webkit-transition: all 0.2s; transition: all 0.2s; } img { width: 100%; } a:hover { text-decoration: none; } a:focus { outline: none; text-decoration: none; } p { line-height: 28px; } ul, li { margin: 0; padding: 0; } fieldset { border: 0 none; margin: 0 auto; padding: 0; } .no-padding { padding: 0 } .section-padding { padding: 30px 0px; } .section-title { margin-bottom: 60px; text-align: center; } .section-title h2 { font-size: 40px; text-transform: capitalize; margin-bottom: 0px; font-weight: 500; margin-top: 0; } a.read-more { display: inline-block; color: #fff; padding: 12px 25px; text-transform: capitalize; font-size: 14px; border: 1px solid #623BCC; background-color: #623BCC; font-weight: 600; letter-spacing: 1px; box-shadow: 0px 0px 70px rgba(29, 24, 24, 0.09); border-radius: 5px; } a.read-more:hover { background: transparent; color: #000; border: 1px solid #623BCC; -webkit-transition: .3s; transition: .3s; } .scrollup { border-radius: 50%; height: 40px; width: 40px; font-size: 14px; color: #fff; text-align: center; position: fixed; bottom: 30px; right: 30px; line-height: 43px; cursor: pointer; display: none; z-index: 2; background: #447fc2; background-image: linear-gradient(to bottom right, #EE4823, #447fc2); } .scrollup:hover { box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } /* * ---------------------------------------------------------------------------------------- * 02.PRELOADER & BOUNCE CCS STYLE * ---------------------------------------------------------------------------------------- */ .preloader-area { position: fixed; background: #fff; z-index: 11000; height: 100%; width: 100%; overflow: hidden; } .spinner { margin: auto; width: 40px; height: 40px; position: relative; text-align: center; position: absolute; left: 50%; right: 50%; margin-left: -20px; top: 50%; -webkit-animation: sk-rotate 2.0s infinite linear; animation: sk-rotate 2.0s infinite linear; } .dot1, .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #EE4823; border-radius: 100%; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .dot1 { background-color: #000; } .dot2 { top: auto; background-color: #EE4823; bottom: 0; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) } } @keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) } } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } /* * ---------------------------------------------------------------------------------------- * 03.HOMEPAGE CSS STYLE * ---------------------------------------------------------------------------------------- */ .welcome-image-area { position: relative; height: 100%; background: url(../images/bg/mainbg.jpg); background-size: cover; z-index: 1; } .welcome-image-area:after { position: absolute; background: #000; opacity: .8; left: 0; top: 0; width: 100%; height: 100%; content: ""; z-index: -1; } .display-table { display: table; width: 100%; height: 100%; } .display-table-cell { display: table-cell; vertical-align: middle; } .header-text { margin-top: 60px; } .header-text h2 { color: #fff; font-size: 85px; margin-top: 10px; font-weight: 900; text-transform: capitalize; margin-bottom: 0; font-family: josefin-sans; } .header-text p { color: #fff; font-size: 25px; margin: 0; margin-bottom: 40px; padding: 0px 200px; } .header-top-area { position: fixed; left: 0; top: 0; width: 100%; z-index: 999; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .logo { padding-top: 29px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .logo a p { text-transform: capitalize; font-size: 24px; font-weight: 700; color: #fff; } .mainmenu .navbar-nav li { margin-right: 30px; } .mainmenu .navbar-nav li:last-child{ margin-right:0px; } .mainmenu .navbar-nav li a { color: #fff; text-transform: uppercase; font-size: 15px; padding-top: 20px; padding-bottom: 10px; padding-right: 0; padding-left: 0; -webkit-transition: .3s; transition: .3s; font-weight: 600; } .mainmenu .navbar-nav li a:hover { background: none; color: #EE4823; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav li a:focus, .nav li a:hover { background: none; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .navbar { margin: 0; } .menu-bg { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background: #fff; box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35); background: #fff; border: none; } .menu-bg .logo { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; padding: 10px 0px; } .menu-bg .logo a p { color: #000; } .menu-bg .mainmenu .navbar-nav li a { color: #2d2d2d; padding-top: 28px; -webkit-transition: .3s; transition: .3s; padding-bottom: 28px; } .menu-bg .mainmenu .navbar-nav li.active a{ color: #EE4823; } .menu-bg .mainmenu .navbar-nav li a:hover { color: #EE4823; } a.slide-btn { margin: 0px 5px; display: inline-block; color: #000; padding: 12px 25px; text-transform: capitalize; font-size: 16px; border: 1px solid #fff; background-color: #fff; font-weight: 600; letter-spacing: 1px; box-shadow: 0px 0px 70px rgba(29, 24, 24, 0.09); border-radius: 5px; } a.slide-btn:hover { background: transparent; color: #fff; border: 1px solid #fff; -webkit-transition: .3s; transition: .3s; } a.slide-btn.other-btn { background: transparent; } a.slide-btn.other-btn:hover { background: #623BCC; } .version:after { position: absolute; content: ''; background-size: contain !important; background-repeat: no-repeat; background-position: bottom center; height: 100%; width: 100%; left: -1px; right: -1px; bottom: 0; z-index: -1; } /*.version:after { background-image: url(../images/bg/banner-waves-2.png); }*/ .bhoechie-tab { background: url(../images/why-us-bg.jpg); background-size: cover; background-position: center; padding:50px 0px; position:relative; height: 625px; } .bhoechie-tab::before{ background: #ffffffa3 none repeat scroll 0 0; content: ""; height: 100%; position: absolute; right: 0; width:100%; top: 0; } #particles-js { position: absolute; width: 100%; height: 100%; top: 0; } .particle-bg { background: url(../images/bg/particlebg.jpg); background-size: cover; background-position: center; } /* * ---------------------------------------------------------------------------------------- * VIDEO BACKGROUND CSS STYLE * ---------------------------------------------------------------------------------------- */ .welcome-video-area { position: relative; height: 100%; background-size: cover; z-index: 1; background-position: center center; } .welcome-video-area:after { position: absolute; background: rgba(0, 0, 0, .5); left: 0; top: 0; width: 100%; height: 100%; content: ""; z-index: -1; } .display-table { display: table; width: 100%; height: 100%; } .display-table-cell { display: table-cell; vertical-align: middle; } /* * ---------------------------------------------------------------------------------------- * 04.ABOUT CSS STYLE * ---------------------------------------------------------------------------------------- */ .about-text { margin-top: 80px; } .about-text h2 { margin-bottom: 18px; font-size: 30px; text-transform: capitalize; font-weight: 400; margin-top: 0; } .about-text h2 span { color: #fff; } .about-text p { margin-bottom: 20px; } .about-image img { border-radius: 0px 100px 0px 100px; } .margin-top-c { margin-top: 50px; } /* * ---------------------------------------------------------------------------------------- * 05.SERVICE CSS STYLE * ---------------------------------------------------------------------------------------- */ .service-area { background: #F9F9F9; } .single-service { padding: 30px; text-align: center; -webkit-transition: .3s; transition: .3s; background: #fff; margin-bottom: 30px; border-radius: 0px 50px 0px 50px; } .single-service:hover { box-shadow: 0px 0px 70px rgba(29, 24, 24, 0.09); -webkit-transition: .3s; transition: .3s; } .single-service h4 { font-size: 22px; margin-top: 20px; margin-bottom: 30px; text-transform: capitalize; font-weight: 500; -webkit-transition: .3s; transition: .3s; color: #000; } .service-icon i { font-size: 30px; color: #fff; background: #623BCC; height: 70px; width: 70px; line-height: 70px; text-align: center; border-radius: 50%; } .single-service p { margin-bottom: 0; color: #333; } /* * ---------------------------------------------------------------------------------------- * 06.CALL TO ACTION CSS STYLE * ---------------------------------------------------------------------------------------- */ .call-to-action-small-area { background: #623BCC; } .call-to-action-small-area h2 { color: #fff; margin: 0; } .call-to-action-small-button { text-align: right; } a.call-to-more { margin: 0px 5px; display: inline-block; color: #000; padding: 12px 25px; text-transform: capitalize; font-size: 14px; border: 1px solid #fff; background-color: #fff; font-weight: 600; letter-spacing: 1px; box-shadow: 0px 0px 70px rgba(29, 24, 24, 0.09); border-radius: 5px; } /* * ---------------------------------------------------------------------------------------- * 07.KEY SKILL AREA CSS STYLE * ---------------------------------------------------------------------------------------- */ .our-key-skill-area { background: #f9f9f9; } .our-skill, .skill-text { margin-top: 30px; } .progress-bar-text span { float: right } .progress-bar-text { font-size: 16px; text-transform: capitalize; font-weight: 400; -webkit-transition: .3s; transition: .3s; color: #000; font-family: 'Poppins', sans-serif; } .progress-bar { background: #ccc none repeat scroll 0 0; box-shadow: 0 0 0; height: 12px; margin: 0 0 20px; position: relative; width: 100%; } .progress-bar > span { background: #623BCC none repeat scroll 0 0; display: block; height: 100%; width: 0; } .skill-text h2 { font-size: 30px; text-transform: capitalize; margin-bottom: 30px; font-weight: 400; margin-top: 0; } /* * ---------------------------------------------------------------------------------------- * 08. PORTFOLIO CSS STYLE * ---------------------------------------------------------------------------------------- */ .gallery { background: #fff; } .gallery .col-md-4 { padding: 0; } .gallery .item { padding: 0; margin: 0; } .gallery figure.effect-julia img { height: auto; width: 100%; } .gallery .grid figure { position: relative; float: left; overflow: hidden; margin: 0; width: 100%; height: auto; background: #3085a3; text-align: center; cursor: pointer; } .gallery figure.effect-julia h2 { position: relative; padding: 0.5em 0; text-align: center; margin-top: 90px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: .3s; transition: .3s; font-size: 30px; text-transform: capitalize; font-weight: 400; } .gallery .item:hover figure.effect-julia h2 { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: .3s; transition: .3s; } /* * ---------------------------------------------------------------------------------------- * 09.TESTIMONIAL CSS STYLE * ---------------------------------------------------------------------------------------- */ .testimonial-area { background: #f7f7f7; } .single-testimonial { background: #fff; border-radius: 0px 100px 0px 100px; padding: 50px; text-align: center; } .single-testi-des { margin-bottom: 30px; color: #333; font-size: 30px; } .single-testi-des p { color: #333; font-size: 18px; } .single-testimonial img { width: 70px; border-radius: 50%; text-align: center; margin: 0 auto; } .testi-name { text-align: center; } .testi-name h2 { font-size: 18px; margin-top: 20px; text-transform: capitalize; font-weight: 600; -webkit-transition: .3s; transition: .3s; color: #000; } .testi-name h3 { font-size: 16px; font-weight: 300; text-transform: capitalize; margin-top: 0; color: #333; margin-bottom: 0; } .owl-theme .owl-controls { margin-top: 30px; } .owl-theme .owl-controls .owl-page span { display: block; width: 10px; height: 10px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; border: 1px solid #623BCC; background: #623BCC; } /* * ---------------------------------------------------------------------------------------- * 10.FAQ CSS STYLE * ---------------------------------------------------------------------------------------- */ .any-questions-area {} #faq .panel-group .panel { margin-bottom: 8px; } #faq .panel-default { border: none; } #faq .panel-default > .panel-heading { background: #f0f0f0; color: #000; } #faq .panel-heading { border: none; padding-top: 8px; padding-bottom: 6px; } #faq .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top: none; padding-top: 22px; padding-left: 32px; padding-bottom: 22px; } #faq .panel-heading .panel-title a[data-toggle="collapse"] { font-size: 18px; font-weight: 300; position: relative; display: block; width: 100%; height: 100%; padding: 10px 15px; } #faq .panel-heading .panel-title a[data-toggle="collapse"]:hover { color: #000; } #faq .panel-heading .panel-title a[data-toggle="collapse"]:after { content: "-"; display: block; position: absolute; line-height: 1; right: 1em; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; } #faq .panel-heading .panel-title a[data-toggle="collapse"].collapsed:after { content: "+"; font-size: 20px; } /* * ---------------------------------------------------------------------------------------- * 11.CONTACT CSS STYLE * ---------------------------------------------------------------------------------------- */ .contact-area { background: #f9f9f9; } .contact-details-list h2 { font-size: 30px; text-transform: capitalize; margin-bottom: 30px; font-weight: 400; margin-top: 0; } .contact-details-list p { margin-bottom: 30px; } .single-contact { margin-bottom: 22px; } .single-contact h3 { font-size: 18px; margin-top: 20px; text-transform: capitalize; font-weight: 400; -webkit-transition: .3s; transition: .3s; } .single-contact h3 i { margin-right: 20px; background: #623BCC; height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 50px; color: #fff; } .form-control { display: block; border: 0px; width: 100%; height: 50px; font-size: 16px; line-height: 1.42857143; color: #000; background-color: transparent; background-image: none; border-radius: 0px; box-shadow: none; margin-bottom: 10px; padding: 17px 7px 14px 15px; border: 1px solid #f2f2f2; background: #fff; -webkit-transition: .3s; transition: .3s } .form-control:focus { border-color: #623BCC; outline: 0; box-shadow: none; } .contact-form input[type='submit'] { display: inline-block; color: #fff; padding: 15px 35px; text-transform: capitalize; font-size: 14px; border: 1px solid #623BCC; background-color: #623BCC; font-weight: 600; border-radius: 0; } .contact-form input[type='submit']:hover { background: transparent; color: #000; border: 1px solid #623BCC; -webkit-transition: .3s; transition: .3s; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus { outline: none; } .success { background: #50B948 none repeat scroll 0 0; color: #fff; font-weight: 700; padding: 20px; text-align: center; } /* * ---------------------------------------------------------------------------------------- * 12.FOOTER CSS STYLE * ---------------------------------------------------------------------------------------- */ .contact-social ul, .footer-menu ul { padding: 0; margin: 0; list-style: none; } .contact-social ul li { display: inline-block; margin-right: 10px; } .contact-social ul li a { font-size: 20px; color: #EE4823; } .footer-menu ul li { margin-bottom: 6px; } .footer-top-area{ padding: 50px 0px 40px 0px; } .footer-menu ul li a { color: #2d2d2d; font-size: 17px; } .footer-top-area h2{ font-size: 18px; margin-top: 0px; margin-bottom: 15px; color: #000;; } .footer5{ text-align:right; width: 21%; } .footer4{ width: 16%; } .footer3{ width: 19%; } .footer2{ width: 22%; } .footer1{ width: 22%; } .footer5 h3{ margin-top:5px; } .contact-social{ margin-top: 25px; } .footer1 p a{ color: #2d2d2d; } .footer1 p{ line-height:29px; } /* * ---------------------------------------------------------------------------------------- * 17.FOOTER CSS STYLE * ---------------------------------------------------------------------------------------- */ .footer-area { background: #000; padding: 15px 0px; } .footer-text p { color: #fff; line-height: 25px; font-weight: 300; font-size: 18px; margin-bottom:0px; } /* * ---------------------------------------------------------------------------------------- * PREVIEW CSS STYLE * ---------------------------------------------------------------------------------------- */ .preview-body { background: #fafafa; } .preview-single-image img { width: 100%; } .preview-single-image { -webkit-transition: 1s; transition: 1s; box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.05); margin-bottom: 30px; } .preview-single-image:hover { -webkit-transition: 1s; transition: 1s; box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15); } .preview-single-image h2 { font-size: 20px; text-align: center; color: #000; background: #fff; margin: 0; padding: 30px 20px; } .preview-header-top-area { padding: 50px 0px; } .preview-header-top-area h2 { font-size: 80px; color: #623BCC; text-transform: capitalize; font-weight: 900; } .preview-header-top-area p { color: #333; font-size: 30px; font-weight: 300; } .main h2 { color: #000; } .main { margin-bottom: 180px; } .preview-single-image img { width: 100%; } /* New */ .color-logo{ display:none; } .menu-bg .color-logo{ display:block; width: 200px; } .white-logo{ width:90%; } .menu-bg .white-logo{ display:none; } .social-media ul{ list-style:none; float: right; } .social-media ul li{ display:inline-block; color: #fff; margin-right: 20px; } .social-media ul li:last-child{ margin-right:0px; } .social-icon a { color:#fff; font-size: 20px; } .mail span{ margin-right:5px; } .menu-bg .social-media{ display:none; } .social-media { padding: 22px 0px 10px 0px; } div.bhoechie-tab-menu div.list-group>a.active, div.bhoechie-tab-menu div.list-group>a.active .glyphicon, div.bhoechie-tab-menu div.list-group>a.active .fa{ background-color: #5A55A3; background-image: #5A55A3; color: #ffffff; } div.bhoechie-tab-menu div.list-group>a.active:after{ content: ''; position: absolute; left: -11%; top: 50%; margin-top: -13px; border-left: 0; border-bottom: 20px solid #0000; border-top: 20px solid #0000; border-left: 20px solid #5A55A300; border-right: 20px solid #1F417F; } div.bhoechie-tab div.bhoechie-tab-content:not(.active){ display: none; } .list-group{ margin-bottom:0px; } .list-group-item{ border: none !important; } .services ul{ padding-left:25px; list-style:none; } .list-group-item:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; } .list-group-item:last-child { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .services li::before { content: "\f101"; font-size: 20px; position: absolute; left: 15px; color: #447FC2; font-family: FontAwesome; } .service-padding{ padding:0px !important; } .list-group-item{ background-color: #1F417F; font-size: 20px; color:#b9b9b9 !important; } .list-group-item img{ width:auto; margin-bottom:10px; opacity:0.5; } div.bhoechie-tab-menu div.list-group>a.active img{ opacity:1; } a.list-group-item:hover img{ opacity:1; } a.list-group-item:hover{ color:#fff !important; text-decoration: none; background-color:#1F417F; } div.bhoechie-tab-menu div.list-group > a.active{ background-color: #1F417F; color:#fff !important; } h1{ color: #EE4823; font-size: 44px; margin-top: 0px; margin-bottom: 20px; line-height: 50px; } .banner1 { background: url(../../img/case-study/1.jpg) no-repeat center center/cover; } .banner2 { background: url(../../img/case-study/2.jpg) no-repeat center center/cover; } .banner3 { background: url(../../img/case-study/3.jpg) no-repeat center center/cover; } .case-study .owl-dots{ display:none; } .inner-cols { width: 100%; height: 65vh; /* background: #ccc; */ text-align: center; position: relative; } .inner-cols::before { background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.61) 100%); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.61) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.80) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#9c000000',GradientType=0 ); } .inner-cols::before { content: ""; display: inline-block; position: absolute; width: 100%; height: 100%; left: 0; right: 0; } .banner-col-content { position: absolute; bottom: 25px; width: 100%; } .inner-cols .para { position: relative; color: #fff; display: none; opacity: 0; padding: 0 30px; line-height: 1.4; font-size: 17px; } .banner-col-content .red-btn { display: none; background: #ee4823; position: relative; border-radius: 50px; } .inner-cols:hover .para, .inner-cols:hover .red-btn { display: inline-block; opacity: 1; } .inner-cols:hover .banner-col-content { width: 100%; top: 50%; bottom: auto; transform: translate(0,-50%); } .inner-cols:hover::before { background: #002958; transition: all .2s; } .circle-btn:hover::after { box-shadow: inset 0 0 0 5px #fff; } .contact-number:hover::after, .circle-btn:hover::after, .circle-dot:hover::after { -webkit-box-shadow: inset 0 0 0 5px #fff; box-shadow: inset 0 0 0 5px #fff; -webkit-transition: all 0s ease-in-out .2s; -o-transition: all 0s ease-in-out .2s; transition: all 0s ease-in-out .2s; } .circle-btn::after { box-shadow: inset 0 0 0 5px #fff; top: 12px; } .contact-number::after, .circle-btn::after, .circle-dot::after { position: absolute; display: block; content: ''; width: 20px; height: 20px; top: 10px; left: 18px; z-index: 2; pointer-events: none; background-color: transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; /* -webkit-box-shadow: inset 0 0 0 5px #023575; box-shadow: inset 0 0 0 5px #023575; */ } .circle-btn, .circle-btn:hover { margin: 40px auto 0; display: inline-block; color: #fff; padding: 12px 25px 12px 48px; font-size: 15px; transition: all .2s; } .circle-btn, .circle-btn:hover { color: #fff; font-size: 15px; } .col-logo { width: auto; display: inline-block; position: relative; margin: 0 auto 20px; } .col-logo img { width: auto; max-width: 100%; position: relative; } .circle-btn:hover::before { -webkit-box-shadow: 0 0 0 30px transparent; box-shadow: 0 0 0 30px transparent; } .circle-btn:hover::before { -webkit-box-shadow: inset 0 0 0 5px #fff; box-shadow: inset 0 0 0 5px #fff; } .contact-number:hover::before, .circle-btn:hover::before, .circle-dot:hover::before { -webkit-box-shadow: 0 0 0 30px transparent; box-shadow: 0 0 0 30px transparent; } .contact-number:hover::before, .circle-btn:hover::before, .circle-dot:hover::before { -webkit-transition: all .5s ease-in-out .2s; -o-transition: all .5s ease-in-out .2s; transition: all .5s ease-in-out .2s; /* -webkit-box-shadow: 0 0 0 30px transparent; box-shadow: 0 0 0 30px transparent; -webkit-box-shadow: inset 0 0 0 5px #ef323a; box-shadow: inset 0 0 0 5px #023575; */ } .circle-btn::before { -webkit-box-shadow: 0 0 0 0 #fff; top: 12px; } .contact-number::before, .circle-btn::before, .circle-dot::before { position: absolute; display: block; content: ''; width: 20px; height: 20px; top: 10px; left: 18px; z-index: 2; pointer-events: none; background-color: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; /* -webkit-box-shadow: 0 0 0 0 #ef323a; */ } .case-study h4{ text-transform: capitalize; font-size:20px; letter-spacing:1px; font-weight:600; } .case-study .owl-nav{ top: -60px; right: 80px; position: absolute; } .case-study .owl-carousel .owl-nav button.owl-prev, .case-study .owl-carousel .owl-nav button.owl-next, .case-study s.owl-carousel button.owl-dot{ background-color: #447FC2; border-radius: 50px; height: 50px; width: 50px; } .case-study .owl-prev span, .case-study .owl-next span{ color: #fff; font-size: 40px; font-weight: 600; line-height: 30px; } .case-study .owl-prev{ margin-right:10px; } .blog-date { background: #1f417f none repeat scroll 0 0; bottom: -50px; color: #ffffff; font-weight: 600; height: 55px; left: -1px; line-height: 21px; position: absolute; text-align: center; width: 65px; display: table; z-index: 1; } .blog-date > p { color: #fff; display: table-cell; vertical-align: middle; line-height: 18px; font-weight: 600; } .blog-content { width: 90%; background: #fff; padding: 20px 30px 20px 60px; border: 1px solid rgba(62,60,54,0.2); min-height: 192px; margin: -30px auto 0; position: relative; } .blog-area h1{ margin-bottom:40px; text-align:center; } .blog-area{ padding:15px 0px 30px 0px; } .blog-content a.arrow-link { font-size: 14px; margin-bottom: 0; } .blog-media img { width: 100%; } .blog-media { position: relative; border: 1px solid rgba(62,60,54,0.2); } /* Why us */ .why-us img{ width: 80px; /* -webkit-transition: opacity 2s, -webkit-transform 1s; transition: opacity 1s, transform 2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; */ } /* .why-us img:hover{ -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } */ .why-us{ text-align:center; padding:0px !important; margin-top:10px; } .why-us p{ font-size: 16px; height: 40px; margin-top: 15px; color: #000; line-height: 23px; } .whyus-row h4{ line-height: 29px; color: #0197de; margin-top:0px; } .clients{ background: url(../images/client-bg.jpg); background-position: center; padding: 100px 10px; background-attachment: fixed; /* background-repeat: no-repeat; */ background-size: cover; margin-top:30px; } .clients h1{ color: #fff; margin-bottom: 50px; text-align: center; } .blog-content h5{ color: #EE4823; text-transform: unset; font-family: josefin-sans; font-size: 18px; line-height: 26px; } #accordion .panel{ border:0px none; box-shadow:none; } #accordion .panel-heading{ padding:0; background: #fff; } #accordion .panel-title a{ display: block; position: relative; background:#447fc2; background-image: linear-gradient(to bottom right, #EE4823, #447fc2); color:#fff; font-size:17px; font-weight: bolder; text-transform:uppercase; margin-bottom:15px; padding:15px 20px; transition:all 0.10s linear 0s; font-family: josefin-sans; } #accordion .panel-title a.collapsed{ color:#fff; border-bottom:1px solid #d3d3d3; background:#447fc2; margin: 0; } #accordion .panel-title a i{ color:#de4d4e; position: absolute; top: 14px; left:25px; } #accordion .panel-title a.collapsed:hover{ color: #fff; } #accordion .panel-title a:after, #accordion .panel-title a.collapsed:after{ content: "\f106"; font-family: FontAwesome; color: #fff; font-size: 20px; line-height: 20px; position: absolute; top: 14px; right:25px; } #accordion .panel-title a.collapsed:after{ content: "\f107"; color:#fff; } #accordion .panel-body{ border-top:0 none; color:#2d2d2d; } .mobile-service ul{ padding-left: 25px; list-style: none; } .mobile-service li::before { content: "\f101"; font-size: 20px; position: absolute; left: 30px; color: #447FC2; font-family: FontAwesome; } .mobile-service{ display:none; } /* Portfolio */ .filter-button { font-size: 20px; border: 1px solid #447FC2; border-radius: 5px; text-align: center; color: #EE4823; margin-bottom: 30px; padding: 6px 12px 4px 12px; } .filter-button:hover{ border: 1px solid #447FC2; color: #ffffff; background-color: #447FC2; } .btn-default:active .filter-button:active { background-color: #42B32F; color: white; } .port-image { width: 100%; } .gallery_product { margin-bottom: 10px; position: relative; overflow: hidden; height: auto; } .banner{ position:relative; } .banner .slider-text{ position: absolute; float: left; top: 50%; left: 8%; /* transform: translate(-50%, -50%)*/ } .banner .slider-text h1{ text-align:center; color:#fff; font-family: josefin-sans; font-size: 50px; } .row-padding{ padding:30px 0px; } .row-padding .btn-default:active, .row-padding .btn-default:focus{ color: #fff; background-color: #EE4823; border-color:#EE4823; } .gallery_product{ overflow: hidden; } .gallery_product span.overlay { position: absolute; top: 0; left: 0; visibility: hidden; height: 100%; width: 100%; background-color: #000; opacity: 0; transition: opacity .25s ease-out; -moz-transition: opacity .25s ease-out; -webkit-transition: opacity .25s ease-out; -o-transition: opacity .25s ease-out; } .portfolio-img:hover span.overlay { display: block; visibility: visible; opacity: 0.55; -moz-opacity: 0.55; -webkit-opacity: 0.55; filter: alpha(opacity=65); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; } .portfolio-img:hover img{ transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); } .gallery_product img{ display: block; margin: 0; width: 100%; height: auto; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .portfolio-img:hover h4{ color:red; } .enquiry input{ width:100%; padding: 8px 5px 3px 5px; border:1px solid #ddd; } .enquiry input:focus{ border:1px solid #447FC2; outline: none; } .enquiry textarea:focus{ border:1px solid #447FC2; outline: none; } .enquiry textarea{ width:100%; padding:5px; border:1px solid #ddd; } .enquiry select{ width:100%; padding:8px; border:1px solid #ddd; } .enquiry p{ margin-bottom:15px; } ::-webkit-input-placeholder { color: #000; font-size: 15px; } ::-moz-placeholder { color: #000; font-size: 15px; } :-ms-input-placeholder { color: #000; font-size: 15px; } ::placeholder { color: #000; font-size: 15px; } .enquiry .enquiry-btn input{ background-color: #ee4823; color: #fff; width: auto; padding: 10px 10px 6px 10px; font-size: 19px; } .enquiry .enquiry-btn input:focus{ border:none; } .contact-icon i{ font-size: 60px; vertical-align: middle; background: -webkit-linear-gradient(#ee4823, #447fc2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .contact-icon { text-align:center; box-shadow: 0px 5px 25px 0px rgba(222, 222, 248,0.9), 0 0px 25px 0 rgba(222, 222, 248,0.9); padding: 20px; } .contact-icon p{ margin-bottom:0px; height: 80px; } .contact-icon h4{ margin-top: 20px; color: #ee4823; } .mega-dropdown { position: static !important; } .mega-dropdown-menu { padding: 20px 0px; width: 100%; box-shadow: none; -webkit-box-shadow: none; } .mega-dropdown-menu > li > ul { padding: 0; margin: 0; } .mega-dropdown-menu > li > ul > li { list-style: none; } .mega-dropdown-menu > li > ul > li > a { display: block; color: #222; padding: 3px 5px; } .mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus { text-decoration: none; } .mainmenu .dropdown .dropdown-header a{ font-size: 18px; color: #EE4823; padding: 0px; line-height: 30px; font-weight: 600; } .menu-bg .mainmenu .dropdown .dropdown-header a{ font-size: 18px; color: #EE4823; padding: 0px; line-height: 30px; font-weight: 600; } .dropdown-header{ padding:0px; } .mainmenu .dropdown ul li a{ color:#2d2d2d; text-transform: capitalize; padding:0px; font-weight:500; font-size: 16px; } .menu-bg .mainmenu .dropdown ul li a{ color:#2d2d2d; text-transform: capitalize; padding:0px; font-weight:500; font-size: 16px; } .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color: #fff0; border-color: #337ab7; color: #EE4823 !important; } .dropdown-menu{ width: 1140px; border:none; box-shadow: 0px 0px 10px grey; } .mainmenu .dropdown-menu li{ margin-right:0px; } .mega1{ width: 17%; } .mega2{ width: 20%; } .mega3{ width: 21%; } .mega4{ width: 21%; } .mega5{ width: 21%; } .service-row-pad{ padding:30px 0px; } .our-services{ background-color:red; } .our-services h2{ color:#fff; } .web-services{ border-width: 1px; border-color: #fff; border-style: dashed; text-align:center; padding:30px 0px; } .web-services img{ width:auto; margin:0 auto; } .web-services p{ color:#fff; padding-top:30px; margin-bottom:0px; } .web-development-services{ background-color: #ee4823; padding:70px 0px; } .web-development-services h2{ text-align:center; color:#fff; margin-bottom:40px; margin-top:0px; } .digital-focus{ padding:30px 0px; } .e-comm-needs{ padding:30px 0px; } .web-services:hover{ background-color:#fff; } .web-services:hover p{ color:#000; } .img-hover{ display:none; } .web-services:hover .img-hover{ display:block; } .web-services:hover .img-def{ display:none; } .web-row3 h2{ text-align:center; margin-bottom:30px; } .web-row3 li{ line-height: 35px; } .web-row4 .tab .nav-tabs{ border-bottom: 2px solid #e8e8e8; display: flex !important; -ms-box-orient: horizontal; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; } .web-row4 .tab .nav-tabs li a{ display: block; padding: 10px 30px; margin: 0 5px 1px 0; background: #fff; border: none; border-radius: 0; z-index: 2; position: relative; transition:all 0.3s ease 0s; } .web-row4 .tab .nav-tabs li a p{ font-size: 20px; font-weight: 500; color: #112529; text-align: center; } .web-row4 .tab .nav-tabs li a:hover, .web-row4 .tab .nav-tabs li.active a{ color: #447FC2; border: none; } .web-row4 .tab .nav-tabs li.active a:after{ content: ""; width: 100%; height: 3px; background: #447FC2; position: absolute; bottom: -1px; left: 0; z-index: -1; transition: all 0.3s ease 0s; } .web-row4 .tab .tab-content{ padding: 30px 20px 20px; margin-top: 0; background: #fff; font-size: 15px; color: #7a9181; line-height: 30px; border-radius: 0 0 5px 5px; } .web-row4 .tab .tab-content h4{ color:#EE4823; font-size: 24px; } .web-row4 .tab .tab-content h3{ font-size: 24px; margin-top: 0; } .web-row4 h2{ text-align:center; color:#EE4823; } .web-row5 h2{ text-align:center; color:#EE4823; } .web-row5 p{ text-align:center; } .web-row1 h2{ color:#EE4823; } #process_sec h4{ color: #0197de; } .web-row4 h3{ text-align: center; font-family: josefin-sans; font-weight: 500; margin-bottom:30px; } .quote{ background: url(../../img/quote-bg.jpg); background-position: center; padding: 50px 0px; background-attachment: fixed; /* background-repeat: no-repeat; */ background-size: cover; margin-top:30px; } .quote{ text-align:center; } .quote h1{ color:#fff; } .quote p{ color:#fff; margin-bottom:50px; } .quote a{ color: #fff; font-size: 20px; border: 2px solid #ee4823; padding: 10px 30px; } .quote a:hover{ border:2px solid #ee4823; background-color:#ee4823; } /*Slider*/ .process-sec { position: relative; } .shape-holder { display: none!important; } .shape-holder svg, .shape-holder>div { width: 100%; height: 100%; } .process-sec .sec-heading { background-color: #fff; } .sec-heading { max-width: 900px; margin: 0 auto 60px; text-align: center; position: relative; } .m-timeline-row { max-height: 350px; padding-top: 20px; overflow: hidden; position: relative; transition: max-height .3s ease-in-out; } .m-timeline-col { padding-left: 110px; position: relative; max-width: 360px; margin: 0 auto; } .m-timeline-col+.m-timeline-col { margin: 40px auto 0; } .m-timeline-col .timeline-circel { position: absolute; left: 26px; top: 7px; } .timeline-circel { width: 48px; height: 48px; background-color: #fff; box-shadow: 0 5px 9px 0 rgba(95, 146, 203, 0.88); border: solid 1px #ff7e62; border-radius: 100%; color: #005abf; font-size: 16px; font-weight: 600; text-align: center; line-height: 48px; display: block; margin: 0 auto; position: relative; } .m-timeline-col .timeline-content { position: relative; text-align: left; left: auto; width: 100%; } .timeline-content { text-align: center; position: absolute; width: 230px; left: -5px; right: 0; } .timeline-circel-inr { background-color: #ff7e62; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; border-radius: 100%; color: #fff; } .timeline-row { height: 330px; } .timeline-col { position: relative; } .timeline-circel-outer { position: relative; } .timeline-col.upper .timeline-circel-line { bottom: 60px; left: 0; right: 0; margin: 0 auto; } .timeline-circel-line { width: 1px; height: 40px; position: absolute; background-color: #e4e4e4; } .upper .timeline-circel-line-inr { width: 1px; height: 40px; position: absolute; top: auto; bottom: 0; left: 0; right: 0; left: 0; background-color: #005abf; } .upper .timeline-circel-line-inr:before { content: ''; width: 7px; height: 7px; background-color: #fff; border: solid 1px #005abf; position: absolute; top: 0; bottom: auto; left: -3px; border-radius: 100%; } .timeline-content.timeline-upper-content { bottom: 100px; } .timeline-content { text-align: center; position: absolute; width: 230px; left: -5px; right: 0; } .middleline { width: 95px; height: 1px; position: absolute; left: 150px; background-color: #e4e4e4; top: 26px; opacity: 1; } .middleline-inr { background-color: #005abf; width: 100%; height: 1px; left: 0; position: absolute; top: 0; } .middleline-inr:before { content: ''; width: 10px; height: 10px; background-color: #005abf; border: solid 1px #005abf; position: absolute; top: -4px; left: auto; right: -40px; border-radius: 100%; box-shadow: 0 0 25px 2px #005abf; } .comn-sec { padding-top: 260px; } .timeline-circel::before, .timeline-circel.borderAn::before, .timeline-circel.borderAn::after { content: ''; display: inline-block; width: 48px; height: 48px; border-radius: inherit; position: absolute; transition: all .5s ease-out; border: solid 1px #005abf; left: 0; right: 0; opacity: .1; } .timeline-col.bottom .timeline-circel-line { top: 62px; left: 0; right: 0; margin: 0 auto; } .bottom .timeline-circel-line-inr { width: 1px; height: 40px; position: absolute; top: 0; bottom: auto; left: 0; right: 0; left: 0; background-color: #005abf; } .bottom .timeline-circel-line-inr:before { content: ''; width: 7px; height: 7px; background-color: #fff; border: solid 1px #005abf; position: absolute; top: auto; bottom: 0; left: -3px; border-radius: 100%; } .timeline-content.timeline-bottom-content { top: 115px; } @keyframes middlelineAn { 0% { opacity: 0; width: 0; background-color: #005abf } 100% { width: 100%; opacity: 1; background-color:#005abf } } .conAn { -webkit-animation-name: conAn; animation-name: conAn } @keyframes conAn { 0% { opacity: 0 } 100% { opacity: 1 } } .fillAn { -webkit-animation-name: fillAn; animation-name: fillAn } @keyframes fillAn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes lineAn { 0% { opacity: 0; height: 0 } 100% { height: 40px; opacity: 1 } } .lineAn { -webkit-animation-name: lineAn; animation-name: lineAn } @media only screen and (max-width: 1200px){} .m-timeline-wrap { display: none; } } @media only screen and (max-width: 479px){ .web-row4 .tab .nav-tabs li{ width: 100%; text-align: center; } } /*Hexgon*/ .angular-top h1{ line-height: 60px; } .services-inner { max-width: 670px; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin: -11% 0 0 22%; } .services-inner ul li { padding: 5px; display: inline-block; vertical-align: top; } .inner-bg { width: 200px; height: 200px; background-color: #fff; box-shadow: 0 0 54px rgba(0, 0, 0, .07); padding: 10px; text-align: center; transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; } .service-inner-div { display: table; width: 100%; height: 100%; } .mid-box { display: table-cell; vertical-align: middle; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); padding: 0 30px; } .service-inner-icon svg { fill: #447fc2; width:60px; height: 70px; } .inner-bg:hover { background-color: #ee4823; } .inner-bg:hover .service-inner-icon svg { fill: #fff; } .inner-bg:hover .feature-title { color: #fff; } .swiper-pagination-bullet-active { background-color: #f83e65; } .swiper-pagination-bullet{ opacity:1 !important; } .swiper-pagination-bullet { width: 1.0625rem; height: 1.0625rem; background-color: #f2f4f5; opacity: 1; transition: 300ms linear; transition-property: background-color; margin: 0.4375rem; border: #f83e65 solid 1px; } /*.digital-method{ height:700px; } #hex { width: 300px; height: 300px; } #color2 { background-color: #93D; } .hexagon-wrapper { text-align: center; margin: 20px; position: relative; display: inline-block; } .hexagon { height: 100%; width: calc(100% * 0.57735); display: inline-block; } .hexagon:before { position: absolute; top: 0; right: calc((100% / 2) - ((100% * 0.57735) / 2)); background-color: inherit; height: inherit; width: inherit; content: ''; transform: rotateZ(60deg); z-index:-1; } .hexagon:after { position: absolute; top: 0; right: calc((100% / 2) - ((100% * 0.57735) / 2)); background-color: inherit; height: inherit; width: inherit; content: ''; transform: rotateZ(-60deg); z-index:-1; } .hex-content{ padding: 50px 0px; } .hex-row{ position: relative; } .hex-1{ position: absolute; left: 40%; } .hex-2{ position: absolute; left: 40%; margin-top: 26.5%; } .hex-3{ position: absolute; margin-top: 13.3%; left: 63%; } .hex-4{ position: absolute; margin-top: 40%; left: 63%; } .hex-5 { position: absolute; left: 40%; margin-top: 53%; } .hex-6{ position: absolute; margin-top: 40%; left: 17%; } .hex-7{ position: absolute; margin-top: 13.5%; left: 17%; }*/ /*Bubble*/ .develop-php{ } .heading-block{ text-align:center; } .develop-row{ position: relative; } .crcles-list { text-align: center; margin-top: 70px; } .circle.one { height: 70px; width: 70px; margin-top: 220px; /* margin-left: -2px; */ } .circle p{ color:#fff; font-size: 22px; } .circle { border-radius: 50%; display: inline-block; position: relative; vertical-align: top; width: 49px; height: 49px; background-color: #c1c1c1; margin: 0 33px; text-align: center; } .circle.two { height: 149px; width: 149px; margin-top: 20px; background-color: #21759B; } .circle > span { color: #ffffff; display: block; font-family: "helveticaneuecyrbold"; font-size: 20px; line-height: 1.2; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .circle.three { height: 225px; width: 225px; margin-top: 145px; background-color: #2bc9de; } .circle.four { height: 100px; width: 100px; margin-top: 116px; background-color: #5AA426; } .circle.five { height: 124px; width: 124px; background-color: #28A9E0; } .circle.six { margin-top: 260px; } .circle.seven { height: 138px; width: 138px; background-color: #232524; left: -200px; } .circle.eight { height: 133px; width: 133px; background-color: #F26322; right: -150px; top: -70px; } /* Service- Projects*/ .service-projects .owl-item.active > div:after { content: 'active'; } .service-projects .owl-item.center > div:after { content: 'center'; } .service-projects .owl-item.active.center > div:after { content: 'active center'; } .service-projects .owl-item > div:after { display: none; } .service-projects .active.center { transform: scale(1); -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */ filter: grayscale(0); } .service-projects .active { transform: scale(.8); transition: .6s ease; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } /* CMS Services*/ .cms-service1{ background-image: url(../../img/services/cms/wordpress-bg.png); } .cms-service2{ background-image: url(../../img/services/cms/web-bg.png); } .cms-inner{ background-size: cover !important; padding:50px; width:100%; } .cms-inner div{ display: table-cell; vertical-align: top; } .cms-inner div:nth-child(1){ width:20%; } .cms-inner div:nth-child(2){ width:80%; } .cms-inner p{ color:#fff; margin-bottom:0px; text-align: justify; } .cms-inner h3{ margin-top: 0px; margin-bottom: 20px; color: #fff; font-size: 29px; } .cms-inner-development .col-md-6 { padding: 0; } .cms-inner-development .cms-inner:hover { background-color:red !important; } .cms-inner-development{ padding:50px 0px; } .cms-service1:hover{ background:0 0; } .cms-service2:hover{ background:0 0; } .service-projects h2{ text-align:center; margin-bottom:50px; } /*Digital*/ .advance-dig1{ padding: 200px 0px; } .advance-dig2{ padding-top: 30px ; } .advance-dig3{ padding-top: 130px ; } .digital-advance h1{ color:#fff; line-height:60px; } .advance-dig{ padding-top: 50%; } .dig-advance-ser{ margin-bottom:20px; } .dig-advance-ser{ background-color: #fff; border-radius: 5px; padding: 20px 15px; box-shadow:0px 0px 10px grey; } .digital-advance{ background: url(../../img/services/cms/2.svg) no-repeat; background-clip: border-box; background-size: contain; background-attachment: scroll; background-position: left; height: 850px; } .digital-advance h4{ color: #0197de; text-align:center; line-height:25px; } .atom-bg-blue { background: #1b58c7 !important; } .social-media-marketing i{ font-size: 50px; } .social-media-marketing .circle.five{ background-color: #4867AA; } .social-media-marketing .circle.two{ background-color: #0274B3; } .social-media-marketing .circle.four{ background-color: #1DA1F2; } .social-media-marketing .circle.seven{ background-color: #C31B1F; } .social-media-marketing .circle.eight{ background-color: #8933A0; } .social-media-marketing .animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both } /* Ecommerce*/ .e-com-row1{ text-align:center; padding:30px 0px; } .mag-bg{ background-image: url(../../img/services/e-comm/1.png); background-repeat: no-repeat; background-size: cover; color:#fff; } .mag-bg p{ color:#fff; font-size:19px; } .mag-bg h3{ margin-top:0px; } .mag-service-left{ width:100%; display:table; padding: 30px 70px 30px 70px; } .mag-bg img{ width:auto; } .mag-service-1{ padding: 30px 70px 0px 70px; } .mag-bg h1{ line-height: 52px; margin-top: 0px; color: #fff; padding-left: 30px; margin-bottom:0px; } .mag-service-left div{ display:table-cell; vertical-align:top; } .mag-service-left div:nth-child(1){ width:20%; } .mag-service-left div:nth-child(2){ width:80%; } .ecom-mag-row{ padding:50px 0px; } .ecom-mag img{ width:auto; } .ecom-mag-row h2{ margin-bottom:50px; text-align: center; } .mag-service-right{ width:100%; display:table; padding: 30px 70px 50px 70px; text-align:right; } .mag-service-right div{ display:table-cell; vertical-align:top; } .mag-service-right div:nth-child(1){ width:80%; } .mag-service-right div:nth-child(2){ width:20%; } .ecom-mag{ background-color:#fff; text-align:center; border:1px solid #eee; padding:30px 10px; } .ecom-mag h4{ color: #0197de; line-height:30px; } .ecom-mag i{ border-radius: 50px; padding: 15px; font-size: 30px; color: #fff; } .ecom-mag1 i{ background-color: #FF0084; } .ecom-mag1{ border-bottom:3px solid #FF0084; margin-bottom:50px; } .ecom-mag2 i{ background-color: #9600FF; } .ecom-mag2{ border-bottom:3px solid #9600FF; margin-bottom:50px; } .ecom-mag3 i{ background-color: #EE7103; } .ecom-mag3{ border-bottom:3px solid #EE7103; margin-bottom:50px; } .ecom-mag4 i{ background-color: #05F3B3; } .ecom-mag4{ border-bottom:3px solid #05F3B3; margin-bottom:50px; } .ecom-mag5 i{ background-color: #FFA200; } .ecom-mag5{ border-bottom:3px solid #FFA200; } .ecom-mag6 i{ background-color: #01B3B7; } .ecom-mag6{ border-bottom:3px solid #01B3B7; } .ecom-mag7 i{ background-color: #E400FF; } .ecom-mag7{ border-bottom:3px solid #E400FF; } .ecom-mag8 i{ background-color: #B7274C; } .ecom-mag8{ border-bottom:3px solid #B7274C; } .woo-bg{ background-color:red; padding-top:50px; } .woo-bg h2{ color:#fff; margin-bottom:50px; text-align:center; } .woo-bg1{ background-color: blue; padding: 30px 20px; color: #fff; } .woo-bg1 p{ color:#fff; } .woo-comm-sev img{ width:auto; } .woo-comm-sev{ width:100%; display:table; margin-bottom:20px; } .woo-comm-sev div{ display: table-cell; vertical-align: top; } .woo-comm-sev div:nth-child(1){ width:18%; } .woo-comm-sev div:nth-child(2){ width:82%; } .woo-services{ padding:35px 20px; position: relative; } .woo-services h3{ position: absolute; top: -23px; background-color: #fff; padding: 10px; margin-top:0px; } .woo-com-services{ margin-top:50px; margin-bottom:70px; } .woo-services1{ border:1px solid #FF0084; } .woo-services1 h3{ color:#FF0084; } .woo-services2{ border:1px solid #9600FF; } .woo-services2 h3{ color:#9600FF; } .woo-services3{ border:1px solid #EE7103; } .woo-services3 h3{ color:#EE7103; } .woo-services4{ border:1px solid #0197de; } .woo-services4 h3{ color:#0197de; } .woo-services5{ border:1px solid #B7274C; } .woo-services5 h3{ color:#B7274C; } .woo-services6{ border:1px solid #01B3B7; } .woo-services6 h3{ color:#01B3B7; } .woo-services p{ text-align: center; margin-bottom:0px; } .woocommerce-sv{ padding:50px 0px; } .presta{ padding:50px 0px; } .presta-serv{ text-align: center; border-radius: 200px; height: 200px; width: 200px; color: #fff; display: table; position: relative; } .presta-serv::before{ width: 2px; position: absolute; top: 0; bottom: 0; right: 0; left: 97px; content: ""; text-align: center; } .presta-serv1{ margin-top:100px; background-color: #FF0084; } .presta-serv1::before{ top: -55%; height: 110px; background-color: #FF0084; } .presta-serv2{ margin-top: 210px; background-color: #9600FF; } .presta-serv2::before{ top: -110%; height: 220px; background-color: #9600FF; } .presta-serv3{ margin-top: 60px; background-color: #01B3B7; } .presta-serv3::before{ top: -70px; height: 71px; background-color: #01B3B7; } .presta-serv4{ margin-top: 210px; background-color: #B7274C; } .presta-serv4::before{ top: -110%; height: 220px; background-color: #B7274C; } .presta-serv5{ margin-top: 330px; background-color: #FFA200; } .presta-serv5::before{ top: -170%; height: 342px; background-color: #FFA200; } .presta-serv6{ margin-top: 130px; background-color: #E400FF; } .presta-serv6::before{ top: -70%; height: 141px; background-color: #E400FF; } .presta h2{ background-color:#EE4823; color:#fff; text-align:center; padding:15px 0px; } .presta-serv h4{ line-height:23px; } .presta-inner{ display: table-cell; vertical-align: middle; padding: 0px 20px; } .presta-serv i{ font-size:30px; } .presta1-services{ background-color: #ffffffcc; border-radius: 5px; padding: 20px; margin-top:30px; } .presta1{ background: url(../../img/quote-bg.jpg); padding: 70px 0px; background-size:cover; } .presta1-head{ text-align:center; } .presta1-head h2{ color:#fff; margin-top:0px; margin-bottom:30px; } .presta1-head p{ color:#fff; } .presta1 p{ margin-bottom:0px; } .presta1 h3{ color: #ee4823; margin-top:0px; } .os-tab-box { margin-top: 25px; float: left; position: relative; } .os-content{ padding:80px; } .os-tab-box a{ text-align: center; border-radius: 150px; height: 150px; width: 150px; color: #fff; display: table; position: absolute; z-index: 9999; } .resp-tab-active a::after{ content: ""; position: absolute; z-index: -9; } .resp-tab-active a#conts-1::after{ top: 84px; left: 126px; border-left: 45px solid #ff0084; border-right: 16px solid #00aeef00; border-top: 15px solid #ef007900; border-bottom: 15px solid #e8191900; } .resp-tab-active a#conts-2::after{ top: 35px; left: 72px; border-left: 45px solid #9600ff00; border-right: 45px solid #00aeef00; border-top: 45px solid #ef007900; border-bottom: 39px solid #9600ff; } .resp-tab-active a#conts-3::after{ top: 78px; left: 16px; border-left: 45px solid #9600ff00; border-right: 45px solid #01b3b7; border-top: 45px solid #ef007900; border-bottom: 39px solid #9600ff00; } .resp-tab-active a#conts-4::after{ top: 81px; left: -8px; border-left: 45px solid #9600ff00; border-right: 45px solid #b7274c; border-top: 45px solid #ef007900; border-bottom: 39px solid #9600ff00; } .resp-tab-active a#conts-5::after{ top: 73px; left: 32px; border-left: 45px solid #ffa200; border-right: 45px solid #01b3b700; border-top: 45px solid #ef007900; border-bottom: 39px solid #ffa20000; } .resp-tab-active a#conts-6::after{ top: 69px; left: 26px; border-left: 45px solid #e400ff; border-right: 45px solid #00aeef00; border-top: 45px solid #ef007900; border-bottom: 39px solid #9600ff00; } .resp-tab-active a#conts-7::after{ top: 36px; left: -3px; border-left: 45px solid #ff008400; border-right: 45px solid #00aeef00; border-top: 45px solid #32a05900; border-bottom: 45px solid #ee7103; } #conts-1{ left: 15px; bottom: 60px; background-color:#FF0084; } #conts-2{ left: 12%; top: 177px; background-color:#9600FF; } #conts-3 { left: 300px; top: 55px; background-color:#01B3B7; } #conts-4 { left: 515px; top: 0; background-color:#B7274C; } #conts-5 { left: 725px; top: 55px; background-color:#FFA200; } #conts-6 { left: 895px; top: 180px; background-color:#E400FF; } #conts-7 { right: 15px; bottom: 60px; background-color:#EE7103; } .os-tab-box a span{ display: table-cell; vertical-align: middle; padding: 0px 20px; } .resp-tabs-container h2.resp-accordion { display: none; } .services-tabcontent { position: relative; z-index: 1; background: url(../../img/services/os-commerce/blue.png) no-repeat 0 0; float: left; height: 361px; width: 811px; margin: 187px 180px 0; text-align: center; } .services-tabcontent img { margin: 40px 0 0; } .wpcont-2 .hide { display: none; } .services-tabcontent .theme2_box { background: url(../../img/services/os-commerce/blue.png) no-repeat 0 0; height: 361px; } .services-tabcontent .theme3_box { background: url(../../img/services/os-commerce/blue.png) no-repeat 0 0; height: 361px; } .services-tabcontent .theme4_box { background: url(../../img/services/os-commerce/blue.png) no-repeat 0 0; height: 361px; } .services-tabcontent .theme5_box { background: url(../../img/services/os-commerce/blue.png) no-repeat 0 0; height: 361px; } .services-tabcontent .theme6_box { background: url(../../img/services/os-commerce/blue.png) no-repeat 0 0; height: 361px; } .services-tabcontent .theme7_box { background: url(../../img/services/os-commerce/blue.png) no-repeat 0 0; height: 361px; } .resp-tab-content { display: none; } .os-tab-box ul{ list-style: none; } #wpcont-2-outer { width: 100%; padding: 0; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background: url(../../img/services/os-commerce/bg.jpg) center top; position: relative; } .wpcont-2 { width: 100%; margin: 30px auto 0; position: relative; z-index: 1; } .clear { padding: 0; margin: 0; line-height: 0; height: 0; font-size: 0; clear: both; width: 100%; display: block; } .os-content h3{ color:#EE4823; } .opencart img{ width:auto; margin:0 auto; display:block; } .opencart h4{ color:#000; } .open-service{ margin-top:50px; } .opencart{ text-align:center; background-color:#eee; padding:50px 50px; } .flip-box { background-color: transparent; height: 300px; perspective: 1000px; margin-top:50px; } .flip-box-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; } .flip-box:hover .flip-box-inner { transform: rotateY(-180deg); } .flip-box-front, .flip-box-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; } .flip-box-front { background-color: #bf7a7a6b; color: black; padding: 60px 10px; } .flip-box-back { background-color: dodgerblue; transform: rotateY(-180deg); padding:20px 10px; } .flip-box-back p{ color:#fff; } .zen-cart img{ width:auto; } .zen-cart h2{ text-align:center; } .os-why h2{ text-align:center; padding:50px 0px; } .os-why h4{ color: #0197de; } .os-why p{ height: 175px; } .os-img img{ width:auto; } .os-img { height: 100%; margin: 240px 0px; text-align: center; } .os-why-left{ text-align:right; } /*.open-why{ background: #ffffff; padding: 45px; -webkit-box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15); -moz-box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15); box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; } .open-why .services_icon_wrapper { position: relative; z-index: 1; width: 130px; height: 130px; line-height: 130px; font-size: 50px; margin-left: auto; margin-right: auto; margin-bottom: 30px; background: #f4f6fd; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .open-why .services_icon_wrapper .seofy_hexagon:nth-child(1) { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation: service_hexagon_1 2s infinite linear; -moz-animation: service_hexagon_1 2s infinite linear; -o-animation: service_hexagon_1 2s infinite linear; animation: service_hexagon_1 2s infinite linear; -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; } .open-why .services_icon_wrapper .seofy_hexagon:nth-child(2) { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation: service_hexagon_2 2s infinite linear; -moz-animation: service_hexagon_2 2s infinite linear; -o-animation: service_hexagon_2 2s infinite linear; animation: service_hexagon_2 2s infinite linear; -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; } .open-why .services_wrapper:hover .seofy_hexagon:nth-child(1), .open-why .services_wrapper:hover .seofy_hexagon:nth-child(2) { -webkit-animation-play-state: running; -moz-animation-play-state: running; -o-animation-play-state: running; animation-play-state: running; } .open-why .services_icon_wrapper .seofy_hexagon { width: 84%; height: 84%; left: 8%; top: 8%; } .seofy_hexagon { position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; } .open-why .services_icon_wrapper .seofy_hexagon > svg { width: 18px; } .seofy_hexagon svg { position: absolute; z-index: 1; top: 0; left: 0; } @-webkit-keyframes service_hexagon_1 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes service_hexagon_1 { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes service_hexagon_1 { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes service_hexagon_1 { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes service_hexagon_2 { 0% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(540deg); transform: rotate(540deg); } } @-moz-keyframes service_hexagon_2 { 0% { -moz-transform: rotate(180deg); transform: rotate(180deg); } 100% { -moz-transform: rotate(540deg); transform: rotate(540deg); } } @-o-keyframes service_hexagon_2 { 0% { -o-transform: rotate(180deg); transform: rotate(180deg); } 100% { -o-transform: rotate(540deg); transform: rotate(540deg); } } @keyframes service_hexagon_2 { 0% { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(540deg); -moz-transform: rotate(540deg); -o-transform: rotate(540deg); transform: rotate(540deg); } }*/ .seofy_module_services_3 .services_wrapper { background: #ffffff; padding: 45px 20px; -webkit-box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15); -moz-box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15); box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; } .seofy_module_services_3 .services_icon_wrapper { position: relative; z-index: 1; width: 130px; height: 130px; line-height: 130px; font-size: 50px; margin-left: auto; margin-right: auto; margin-bottom: 30px; background: #f4f6fd; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .seofy_module_services_3 .services_icon_wrapper .seofy_hexagon { width: 84%; height: 84%; left: 8%; top: 8%; } .seofy_module_services_3 .services_icon_wrapper .seofy_hexagon:nth-child(1) { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation: service_hexagon_1 2s infinite linear; -moz-animation: service_hexagon_1 2s infinite linear; -o-animation: service_hexagon_1 2s infinite linear; animation: service_hexagon_1 2s infinite linear; -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; } .seofy_module_services_3 .services_icon_wrapper .seofy_hexagon:nth-child(2) { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation: service_hexagon_2 2s infinite linear; -moz-animation: service_hexagon_2 2s infinite linear; -o-animation: service_hexagon_2 2s infinite linear; animation: service_hexagon_2 2s infinite linear; -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; } .seofy_module_services_3 .services_icon_wrapper .seofy_hexagon > svg { width: 18px; } .seofy_module_services_3 .services_icon { -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .seofy_module_services_3 .services_title { font-size: 21px; margin-bottom: 20px; color: #ee4823; } .seofy_module_services_3 .services_content { font-size: 18px; height: 215px; } .seofy_module_services_3 .services_wrapper .seofy_hexagon:nth-child(1), .seofy_module_services_3 .services_wrapper .seofy_hexagon:nth-child(2) { -webkit-animation-play-state: running; -moz-animation-play-state: running; -o-animation-play-state: running; animation-play-state: running; } #seofy_services_5c3813b5ae2aa .services_icon { color: #8cffed; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-image: -webkit-linear-gradient(0deg, #8cffed 0%, #009cff 100%); background-image: -moz-linear-gradient(0deg, #8cffed 0%, #009cff 100%); } .seofy_module_services_3 .services_button { margin-left: 0; } .opencart-ser{ position: relative; z-index: 2; } .why-open{ padding:50px 0px; } .why-open h2{ text-align:center; } .seofy_hexagon { position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; } .seofy_hexagon svg { position: absolute; z-index: 1; top: 0; left: 0; } .first-row-pad{ padding:30px 0px; } .opencart-ser{ margin-top:50px; } @-webkit-keyframes service_hexagon_1 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes service_hexagon_1 { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes service_hexagon_1 { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes service_hexagon_1 { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes service_hexagon_2 { 0% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(540deg); transform: rotate(540deg); } } @-moz-keyframes service_hexagon_2 { 0% { -moz-transform: rotate(180deg); transform: rotate(180deg); } 100% { -moz-transform: rotate(540deg); transform: rotate(540deg); } } @-o-keyframes service_hexagon_2 { 0% { -o-transform: rotate(180deg); transform: rotate(180deg); } 100% { -o-transform: rotate(540deg); transform: rotate(540deg); } } @keyframes service_hexagon_2 { 0% { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(540deg); -moz-transform: rotate(540deg); -o-transform: rotate(540deg); transform: rotate(540deg); } } .zen-cart h3{ margin-top:0px; } .zen-development{ padding:50px 0px 30px 0px; } .meet-consumers{ padding:30px 0px 0px 0px; } .zen-cart-why{ background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 10px grey; padding: 30px; margin-top: 30px; } .zen-cart-why1{ border-left: 20px solid #FF0084; } .zen-cart-why1 h3{ color:#FF0084; } .zen-cart-why2{ border-right: 20px solid #9600FF; } .zen-cart-why2 h3{ color:#9600FF; } .zen-cart-why3{ border-left: 20px solid #EE7103; } .zen-cart-why3 h3{ color:#EE7103; } .zen-cart-why4{ border-right: 20px solid #01B3B7; } .zen-cart-why4 h3{ color:#01B3B7; } .zen-cart-why5{ border-left: 20px solid #B7274C; } .zen-cart-why5 h3{ color:#B7274C; } /*Mobile*/ .mobilesvg{ position: relative; width: 100%; } .mobile-consumer{ margin: 50px 0px; float: left; width: 100%; position: relative; } .mobile-consumer-box { width: 33.33%; float: left; text-align: center; } .mobile-consumer-img { margin-bottom: 65px; } .mobile-consumer-img img{ width:auto; } .mobile-consumer-text { width: 80%; margin: 0 auto; overflow: auto; } .mobile-consumer-textno { background-color: #ee4823; border-radius: 50%; color: #fff; display: inline-block; font-size: 24px; height: 40px; line-height: 40px; text-align: center; width: 40px; float: left; } .mobile-consumer-textdesc { color: #2d2d2d; font-size: 18px; padding-left: 18px; float: left; width: calc(100% - 40px); text-align: left; } .mobile-border-start { position: absolute; top: 81px; left: 20px; } .mobile-border-end { position: absolute; top: 54px; right: 25px; } .mobile-border { position: absolute; top: -6px; left: 35px; z-index: -1; } .mobile-border svg { width: 1100px; } @keyframes dash { from { stroke-dashoffset: 2050 } to { stroke-dashoffset: 0 } } .animate-cloud { overflow-x: hidden; max-width: 100%; } .bg-fixed { background-attachment: fixed; } .bg-phone-at-hands { background: url(../../img/services/mobile/bg-phone.jpg) center center/cover no-repeat; } .overlay-damn{ position: relative; } .overlay-damn:before{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.95; background-image: -webkit-linear-gradient(left bottom, #373b44 0%, #4286f4 100%); background-image: linear-gradient(to right top, #373b44 0%, #4286f4 100%); } .section-heading { text-align: center; position: relative; z-index: 3; } .animate-cloud-effects{ position: absolute; top: 0; left: 0; width: 500em; height: 100%; visibility: inherit; background: transparent url(../../img/services/mobile/cloud.png) repeat-x scroll 0 100%; -webkit-animation: cloudwash 60s linear infinite; -moz-animation: cloudwash 60s linear infinite; animation: cloudwash 60s linear infinite; } @-webkit-keyframes cloudwash { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } } #gallery h2{ text-align:center; margin-bottom:50px; } .gallery-section{ padding:50px 0px; } .gallery-section1{ padding-bottom:20px; } .mobile-services-top{ padding:50px 0px 80px 0px; } .mobile-services p{ color:#fff; } .mobile-services-top h2{ color:#fff; text-align:center; margin-bottom:50px; } .swiper-3d-gallery .swiper-slide { background-position: center; background-size: 100% 100%; width: 270px; height: 450px; } .swiper-3d-gallery { width: 100%; } .mobile-services{ width:100%; display:table; } .mobile-services div{ display: table-cell; vertical-align: top; } .mobile-services div:nth-child(1){ width:30%; } .mobile-services div:nth-child(1) img{ width:auto; } .mobile-services div:nth-child(2){ width:70%; } .mobile-services h4{ color:#ffe200; line-height: 25px; } .site-how-it-works .swiper-button-next { bottom: 23% !important; } .site-how-it-works{ padding-bottom:50px; } .swiper-button-prev, .swiper-button-next { margin: 0; padding: 0; height: 27px !important; background: none !important; border-radius: 6.25rem; opacity: 0.3; border: 0.125rem solid #515151; font-size: 1.25rem; transition: 300ms linear; transition-property: background, opacity, border-color; top: 30%; } .site-how-it-works .swiper-pagination { left: auto; width: auto; right: 25px; top: auto; bottom: 17.25rem; } .swiper-button-prev span, .swiper-button-next span, .swiper-button-prev i.fa, .swiper-button-next i.fa { position: absolute; top: -3px; left: 0px; right: 0; display: block; bottom: 0; line-height: 2.9375rem; width: 100%; height: 100%; text-align: center; } .swiper-pagination { box-shadow: none; text-shadow: none; width: 100%; margin: 0; padding: 0; display: block; clear: both; left: 0; right: 0; } .swiper-pagination-bullet { width: 1.0625rem; height: 1.0625rem; background-color: #f2f4f5; opacity: 1; transition: 300ms linear; transition-property: background-color; margin: 7px 10px; } .swiper-button-prev{ top: 25% !important; } .site-how-it-works .swiper-pagination-bullet-active { background: #2b8dd9; margin-top: 2.5rem; margin-bottom: 2.5rem; } .site-how-it-works .swiper-pagination-bullet{ float: left; display: block; clear: both; width: 20px; height: 20px; border: #bcbcbc solid 2px; background: none; } .site-how-it-works .swiper-pagination-bullet span { display: none; } .site-how-it-works .swiper-pagination-bullet-active span { display: inline-block; width: 6.25rem; height: 6.25rem; background-color: white; border: 0.125rem solid white; box-shadow: 0 0 21px rgba(255, 255, 255, 0.56); border-radius: 62.5rem; color: #FFFFFF; font-size: 2.375rem; line-height: 6rem; text-transform: uppercase; position: relative; z-index: 1; top: -24px; left: -22px; } .site-how-it-works .swiper-button-prev, .site-how-it-works .swiper-button-next { width: 25px; height: 25px !important; opacity: 0.3; left: auto; right: 33px; top: auto; bottom: 22.1875rem; } .site-how-it-works .swiper-pagination-bullet-active span:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; border-radius: 62.5rem; z-index: -1; color: #FFFFFF; background: rgba(70,200,255,1); background: -moz-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(70,200,255,1)), color-stop(100%, rgba(129,211,126,1))); background: -webkit-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%); background: -o-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%); background: -ms-linear-gradient(left, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%); background: linear-gradient(to right, rgba(70,200,255,1) 0%, rgba(129,211,126,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c8ff', endColorstr='#81d37e', GradientType=1 ); } .swiper-container { margin: 0; padding: 0; display: block; width: 100%; clear: both; list-style: none; box-shadow: none; } .swiper-wrapper { margin: 0; padding: 0; box-shadow: none; } .swiper-slide { margin: 0; padding: 0; display: block; list-style: none; } .site-how-it-works h3 { color: #f83e65; font-family: inherit; font-size: 26px; font-weight: 300; margin-bottom: 0.625rem; margin-top: 1.25rem; text-align: left; } .site-how-it-works .section { position: relative; padding-left: 6.75rem; } .site-how-it-works .section figure { position: absolute; left: 0; display: block; } .site-how-it-works .section i.fa, .site-how-it-works .section span { font-size: 20px; line-height: 0.9375rem; color: #FFFFFF; border-radius: 4px; padding: 15px; background: rgba(252,133,84,1); background: -moz-linear-gradient(-45deg, rgba(252,133,84,1) 0%, rgba(248,62,101,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(252,133,84,1)), color-stop(100%, rgba(248,62,101,1))); background: -webkit-linear-gradient(-45deg, rgba(252,133,84,1) 0%, rgba(248,62,101,1) 100%); background: -o-linear-gradient(-45deg, rgba(252,133,84,1) 0%, rgba(248,62,101,1) 100%); background: -ms-linear-gradient(-45deg, rgba(252,133,84,1) 0%, rgba(248,62,101,1) 100%); background: linear-gradient(135deg, rgba(252,133,84,1) 0%, rgba(248,62,101,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc8554', endColorstr='#f83e65', GradientType=1 ); } .swiper-button-prev:hover, .swiper-button-next:hover { background-color: #9c52ea !important; opacity: 1; border-color: #9c52ea; } .site-how-it-works .swiper-button-prev:hover, .site-how-it-works .swiper-button-next:hover { color: white; opacity: 1; } .app-development-tab { position: relative; } .app-development-tab-icon { position: absolute; top: 25%; left: 30%; z-index: 1; display: table; width: auto; } .php-framework img { display: table-cell; margin: 0 auto; vertical-align: middle; } .php-framework img { width:auto; } .php-framework p{ color:#fff; margin-top:20px; font-size: 22px; text-align:center; } .php-framework-row{ text-align: center; } .php-fram h2{ text-align:center; margin-bottom:50px; } /* Java*/ .java-web-services h2{ text-align:center; margin-bottom:20px; } .java-web-services h4{ color: #0197de; } .java-services{ margin-bottom:20px; } .java-services p{ text-align:justify; } .java-reasons img{ width: 60%; } .java-reasons h2{ color:#fff; line-height: 40px; margin-bottom: 0px; } .java-reasons ul{ list-style: none; } .java-reasons li{ font-size:20px; padding:20px 20px; margin-bottom:10px; } .java-reasons li:nth-child(1), .java-reasons li:nth-child(3), .java-reasons li:nth-child(5){ background-color:#ddd; } .java-reasons li:nth-child(2), .java-reasons li:nth-child(4){ background-color:#eee; } .java-reasons{ background-color:green; padding:50px 0px; margin:50px 0px; } .java-frameworks{ padding-bottom:30px; } .java-frameworks h2{ text-align:center; margin-bottom:50px; } .angular-rec{ margin-top:30px; } .node-js img{ width:auto; margin:0 auto; display: block; margin-top:40px; margin-bottom:50px; } .devcenter-app__body { position: absolute; left: 0; top: 0; height: 100%; width: 100%; padding: 15px 30px; box-sizing: border-box; z-index: 1; opacity: 0; transform: scale(.85) translateZ(0); -webkit-transform: scale(.85) translateZ(0); transition: opacity .3s cubic-bezier(.74,.19,.46,1.28),transform .3s cubic-bezier(.74,.19,.46,1.28); } .devcenter-app__body-inside { position: relative; display: table; width: 100%; height: 100%; padding: 17px 20px; border-radius: 4px; background: rgba(53,59,73,.85); box-sizing: border-box; } .ios-work img{ border-radius: 4px; } .iso-work-2 .devcenter-app__body{ padding: 15px 15px; } .ios-work:hover .devcenter-app__body{ opacity: 1; transform: scale(1) translateZ(0); -webkit-transform: scale(1) translateZ(0); } .devcenter-app__title{ display: table-cell; vertical-align: middle; text-align: center; color:#fff; font-size:19px; } .iso-work-2{ padding:0px; } .iso-work-2-top{ margin-top:20px; } .features-img{ text-align:center; } .ionic-row2{ padding:50px 0px; background-color:#F2F4F5; } .ionic-row2 h2{ line-height:40px; } .ionic-services img{ width:100%; } .ionic-ben{ display:table; width:100%; } .ionic-ben div{ display:table-cell; vertical-align: top; } .ionic-ben h4{ color: #0197de; height: 45px; line-height: 27px; } .ionic-ben p{ height: 250px; text-align:justify; } .ionic-row1{ padding-top:30px; } .ionic-services{ padding:50px 0px; } .multi-frame{ font-size: 21px; font-weight: bold; } .phone-gap-1 h4{ color: #0197de; } .phone-advantage ul li{ line-height:40px; } .phone-advantage{ padding-top:30px; } .phone-advantage h2{ text-align:center; } .phone-gap-1{ padding:30px 0px; } .website-design-1{ display:table; width: 100%; } .website-design-1 h4{ color: #0197de; } .website-design-1 img{ width:auto; } .website-design-1 h4{ margin-top:0px; } .website-design-1{ margin-top:20px; } .website-design-1 div{ display: table-cell; vertical-align: top; } .website-design-1 div:nth-child(1){ width:10%; } .website-design-1 div:nth-child(2){ width:90%; } .website-side-img{ position: relative; min-height: 810px; } .website-side-img1{ position: absolute; overflow: hidden; border-radius: 8px; transition: all .5s cubic-bezier(.19,1,.22,1); box-shadow: 5px 5px 25px 0 rgba(0,0,0,.2); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .website-side-img1 img { width: 100%; border-radius: 8px; background-color: #fff; } .website-side-img1.img-1 { width: 330px; height: auto; top: 0; left: -20px; z-index: 1; } .website-side-img1.img-2 { width: 330px; height: auto; top: 130px; left: 65px; z-index: 2; } .website-side-img1.img-3 { width: 330px; height: auto; top: 60px; left: 320px; z-index: 3; } .website-design-2{ margin-top:50px; } .website-phone{ margin-top:30px; } .web-1{ padding-top:30px; } .web-process{ padding-top:30px; } .mobile-app-design{ text-align:center; padding:30px 0px; } .mobile-design-2{ padding:20px 0px; } .mobile-design-2 h2{ margin-bottom:30px; } .mobile-design-3 h2{ margin-bottom:30px; } .corporate-ser h3{ color: #0197de; } .marketing-graph img{ width: auto; margin: 0 auto; display: block; } .ser-design1{ padding:30px 0px; } .smo-goal .cms-inner p{ height: 180px; } .smo-goal h2{ text-align:center; margin-bottom:30px; } .seo-benefits{ border-radius: 30px; padding: 30px 20px 20px 20px; position: relative; } .seo-benefits h3{ font-family: josefin-sans; line-height: 30px; margin-top: 10px; font-size: 21px; text-align:center; } .quote-1 img{ width: 19%; position: absolute; top: -25px; left: -18px; transform: rotate(180deg); } .quote-2 img{ width: 19%; position: absolute; bottom: -25px; right: -18px; } .seo-benefits1{ border: 3px solid #FF0084; } .seo-benefits1 h3{ color:#FF0084; } .seo-benefits2{ border: 3px solid #9600FF; } .seo-benefits2 h3{ color:#9600FF; } .seo-benefits3{ border: 3px solid #EE7103; } .seo-benefits3 h3{ color:#EE7103; } .seo-benefits4{ border: 3px solid #05F3B3; } .seo-benefits4 h3{ color:#05F3B3; } .seo-benefits5{ border: 3px solid #FFA200; } .seo-benefits5 h3{ color:#FFA200; } .seo-benefits6{ border: 3px solid #01B3B7; } .seo-benefits6 h3{ color:#01B3B7; } .seo-benefits7{ border: 3px solid #E400FF; } .seo-benefits7 h3{ color:#E400FF; } .seo-benefits8{ border: 3px solid #B7274C; } .seo-benefits8 h3{ color:#B7274C; } .seo-benefits-row2{ margin:70px 0px; } .seo-benefits p{ height:100px; } .seo-benefits-heading{ text-align:center; margin-bottom:30px; } .seo-bg{ background: url(../../img/quote-bg.jpg); background-position: center; padding: 50px 0px; background-attachment: fixed; /* background-repeat: no-repeat; */ background-size: cover; margin: 0px 0px 30px 0px; text-align: center; } .seo-bg h2, .seo-bg h3{ font-family: josefin-sans; color:#fff; } .seo-bg h2{ font-size: 36px; } .seo-bg h3{ font-size: 30px; margin-bottom: 30px; } .seo-bg p{ color: #fff; font-size: 20px; padding: 0px 80px; line-height: 33px; } .search-benefits{ margin-bottom:80px; } img.php-benefits{ width: auto; margin: 0 auto; display: block; } .php-framworks h3{ color: #0197de; } .php-framworks{ margin-bottom:30px; } .sem-ads{ background-color:#fff; box-shadow:0px 0px 10px grey; padding: 50px 100px 50px 30px; } .sem-ads-type{ background-color:#fff; box-shadow:0px 0px 10px grey; padding: 50px 30px; position: absolute; top: -130px; left: -100px; } .web-row4 .nav>li>a>img{ width: auto; margin: 0 auto; display: block; margin-bottom: 15px; } .sem-ppc{ margin:150px 0px 150px 0px; } .sem-ppc h2{ margin-bottom:30px; } .sem-ppc h3{ color: #0197de; margin-top:0px; } .sem-ads-type p{ margin-top:20px; } .sem-services p{ height:180px; } .sem-services .ecom-mag4{ margin-bottom: 0px; } .web-row4{ padding-bottom:30px; } .os-tab-box-mobile{ display:none; } /*Case Study */ .swiper-slide-duplicate-active .slide-inner--image, .swiper-slide-active .slide-inner--image { opacity: 1; transform: scale(1); } .slide-inner--image { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: .2; transform: scale(1.07); -webkit-transition: opacity .6s ease-in-out, transform 2s ease .7s; -moz-transition: opacity .6s ease-in-out, transform 2s ease .7s; transition: opacity .6s ease-in-out, transform 2s ease .7s; } .home-slider { padding-top: 0 !important; } .case-study .ms-container { width: 100%; height: 100%; position: relative; padding-top: 12em; } .case-study .swiper-container { width: 100%; height: 100vh; } .case-study .swiper-slide { overflow: hidden; } .case-study .slide-inner { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /*.case-study .swiper-slide-active .slide-inner--info { opacity: 1; transition: opacity 1s ease 1s; }*/ .case-study-content { position: absolute; width: auto; min-height: 50px; bottom: 3em; top: 12em; margin-left: 4em; } .case-study .swiper-button-prev { padding-left: 50px; left: 0; -webkit-transition: padding-left .3s ease; -moz-transition: padding-left .3s ease; transition: padding-left .3s ease; font-size: 10px; } .case-study .swiper-button-next:hover::after { width: 75px; } .case-study .swiper-button-next::after { content: ""; width: 4em; height: 1px; background-color: #fff; position: absolute; right: 0; top: calc(50% - 1px); -webkit-transition: width .3s ease; -moz-transition: width .3s ease; transition: width .3s ease; top: 1em; } .case-study .swiper-button-prev:hover::after { width: 75px; } .case-study .swiper-button-prev::after { content: ""; width: 4em; height: 1px; background-color: #fff; position: absolute; left: 0; top: calc(50% - 1px); -webkit-transition: width .3s ease; -moz-transition: width .3s ease; transition: width .3s ease; top: 1em; } .case-study .swiper-button-prev:hover { padding-left: 90px; background-color: transparent !important; border-color: none !important; border:none !important; } .case-study .swiper-button-next:hover { padding-right: 90px; background-color: transparent !important; border-color: none !important; border:none !important; } .case-study .swiper-button-next { padding-right: 50px; right: 0; -webkit-transition: padding-right .3s ease; -moz-transition: padding-right .3s ease; transition: padding-right .3s ease; font-size: 10px; } .case-study .swiper-button-prev, .case-study .swiper-button-next { text-transform: uppercase; color: #fff; letter-spacing: 0.1em; line-height: 2em; font-size: 12px; width: auto; height: 24px; background-image: none !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-size: 10px; font-weight: 800; border:none; opacity:1; } .case-study .swiper-button-next, .case-study .swiper-button-prev{ top: 50% !important; } /*Portfolio*/ .isotopeFilters .list-inline{ text-align: center; margin: 20px 0px; } .isotopeFilters .list-inline>li{ display: inline-block; font-size: 25px; padding: 0px 10px; text-align: center; } .isotopeFilters .list-inline>li a{ color: #0197de; } .isotopeFilters .list-inline>li.active a{ color:#EE4E14; } .isotopeSelector img { -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease } .isotopeSelector:hover img { -moz-transform:scale(1.5) rotate(2deg); -webkit-transform:scale(1.5) rotate(2deg); -o-transform:scale(1.5) rotate(2deg); -ms-transform:scale(1.5) rotate(2deg); transform:scale(1.5) rotate(2deg); -webkit-transition:all .8s ease; -moz-transition:all .8s ease; -ms-transition:all .8s ease; -o-transition:all .8s ease; transition:all .8s ease } .isotopeSelector figure { overflow:hidden /* opacity:0.8;*/ } .portfolio-img{ position: relative; text-align:center; opacity: 0.8; } .portfolio-img:hover{ opacity: 1; } .portfolio-img .overlay{ position: absolute; float: left; bottom: 0px; text-align: center; display: table; /* width: 100%; */ left: 20px; } .portfolio-img .overlay p{ background-color: #fff; padding: 10px; opacity: 1; line-height: 20px; margin-bottom: 20px; } .port-col .col-sm-3{ padding:0px !important; border:1px solid #fff; border-width: 1px 0 0 1px; background-color: #000; } .port-heading h1{ padding:30px 0px; } .contact-h1 h1{ margin-bottom:30px; } .site-map ul{ list-style: none; padding-left:30px; } .site-map li{ line-height: 25px; margin-bottom: 5px; } .site-map li::before { content: "\f101"; font-size: 18px; position: absolute; left: 23px; color: #447FC2; font-family: FontAwesome; } .site-map li a{ color:#2d2d2d; } .site-map li a:hover{ color:#EE4E14; } .site-map h2{ padding:30px 0px; } .privacy-policy h4{ color: #0197de; margin-top: 20px; } .terms{ width:100%; display:table; padding-left: 30px; } .terms div{ display: table-cell; vertical-align: top; } .terms div:nth-child(1){ width:3%; } .terms div:nth-child(1) p{ color:#EE4E14; } .terms div:nth-child(2){ width:97%; } .terms ul{ list-style-type: lower-alpha; } .terms ul li{ line-height: 28px; margin-bottom: 10px; } .terms ul li::before{ display:none; } /* Responsive */ @media only screen and (max-width: 1920px) and (min-width: 1800px){ .bhoechie-tab img{ width:auto; margin:0 auto; display:block; } .bhoechie-tab-content .col-md-5{ margin-top:0px !important; } div.bhoechie-tab-menu div.list-group > a.active::after { left: -8%; } .bhoechie-tab{ height: 629px; } .banner .slider-text{ left: 20%; } } @media only screen and (max-width: 1280px) { .cms-inner h3{ font-size: 25px; } } @media only screen and (max-width: 1000px) { .m-timeline-wrap { display: block; } .timeline-row{ display:none; } .comn-sec { padding-top: 0px; } #process_sec .btn-holder{ display:none; } .m-timeline-row{ max-height: none !important; } /*.social-media ul li{ margin-right: 14px; font-size: 17px; } .social-icon a{ font-size: 17px; } .mainmenu .navbar-nav li { margin-right: 25px; } .mainmenu .navbar-nav .dropdown-menu li { margin-right: 0px; } .social-media{ padding: 22px 0px 0px 0px; } .dropdown-menu { width: 940px; } .mainmenu .dropdown .dropdown-header a { font-size: 16px; } .mainmenu .dropdown ul li a{ font-size: 14px; } .menu-bg .mainmenu .dropdown .dropdown-header a{ font-size: 16px; } .menu-bg .mainmenu .dropdown ul li a{ font-size: 14px; }*/ } @media only screen and (max-width: 1200px){ .footer-menu ul li a{ font-size: 14px; } .footer1 p { font-size: 14px; line-height: 25.5px; } .footer-top-area h2 { font-size: 16px; } .footer5 h3{ font-size: 20px; } .footer-menu ul li { margin-bottom: 0px; } } @media only screen and (max-width: 1200px) and (min-width: 992px){ .sem-ppc { margin: 150px 0px 180px 0px; } .java-reasons h2 br{ display:none; } .seo-benefits h3{ font-size: 19px; } .search-benefits-1000 .seo-benefits h3{ height: 55px; } .os-tab-box{ display:none; } .os-tab-box-mobile{ display:block; } .os-tab-box-mobile h3{ color: #0197de; font-size: 20px; } .os-services-mobile{ margin-top:30px; } .java-services p{ height: 120px; } .website-design-2 { margin-top: 0px; } .website-side-img{ min-height: 690px; } .website-side-img1.img-1{ width: 270px; left: -10px; } .website-side-img1.img-2{ width: 270px; } .website-side-img1.img-3{ width: 270px; left: 270px; } .middleline{ left: 125px; width: 70px; } .timeline-content{ left: 0px; width: 152px; } .timeline-content p{ font-size:16px; } .comn-sec { padding-top: 270px; padding-bottom:20px; } .blog-content p{ height: 255px; } .bhoechie-tab { height: 850px; } .list-group-item{ padding: 32.5px 15px !important; } .social-media ul li{ margin-right: 14px; font-size: 17px; } .social-icon a{ font-size: 17px; } .mainmenu .navbar-nav li { margin-right: 25px; } .mainmenu .navbar-nav .dropdown-menu li { margin-right: 0px; } .social-media{ padding: 22px 0px 0px 0px; } .dropdown-menu { width: 940px; } .mainmenu .dropdown .dropdown-header a { font-size: 16px; } .mainmenu .dropdown ul li a{ font-size: 14px; line-height: 20px; margin-bottom: 8px; } .menu-bg .mainmenu .dropdown .dropdown-header a{ font-size: 16px; } .menu-bg .mainmenu .dropdown ul li a{ font-size: 14px; line-height: 20px; margin-bottom: 8px; } .item svg{ transform: none !important; width: 100%; } .php-framework p{ margin-top: 10px; font-size: 19px; } .seo-benefits p { height: 165px; } .circle{ margin: 0 15px; } .opencart{ padding: 50px 0px; } .services-inner{ max-width: inherit; transform: none; margin:0px; text-align: center; } .mid-box{ transform: none; } .angular-top h1 br{ display:none; } .angular-top{ margin-bottom:50px; } .ecom-mag h4 { line-height: 25px; font-size: 16px; } .woo-services h3{ font-size: 18px; } .woo-services{ padding: 25px 20px; height: 330px; } .presta1 h3{ font-size: 20px; } .presta-serv i{ display:none; } .presta-serv { border-radius: 150px; height: 150px; width: 150px; } .presta-serv h4 { line-height: 22px; font-size: 15px; } .presta-inner { padding: 0px 10px; } .presta-serv1::before{ top: -73%; left: 50%; } .presta-serv2::before{ top: -147%; left: 50%; height: 226px; } .presta-serv3::before{ left: 50%; } .presta-serv4::before{ top: -147%; left: 50%; height: 222px; } .presta-serv5::before{ top: -227%; left: 50%; } .presta-serv6::before{ top: -93%; left: 50%; } .presta-serv6 { margin-left: -20px; } .os-why p { height: 200px; } .seofy_module_services_3 .services_title{ font-size: 17px; } .seofy_module_services_3 .services_content{ height: 260px; } .opencart h4{ height: 50px; line-height: 25px; } .flip-box{ height: 350px; } .flip-box-front{ padding: 80px 10px; } .zen-cart h3{ margin-top: 15px; font-size: 20px; line-height: 25px; height: 50px; } .mobile-border svg { width: 900px; } .site-how-it-works .swiper-pagination { right: 30px; bottom: 24.25rem; } .site-how-it-works .swiper-button-prev, .site-how-it-works .swiper-button-next{ right: 36px; } .site-how-it-works .swiper-button-next { bottom: 34% !important; } #wpcont-2-outer { padding: 20px 0px 50px 0px; } .cms-inner h3{ font-size: 20px; } .smo-goal .cms-inner p { height: 250px; } .sem-services p { height: 220px; } .contact-icon p{ font-size: 16px; } } /*@media only screen and (max-width: 800px) { .mail{ display:none; } .social-icon{ display:none; } .navbar-nav{ text-align: left !important; } .mainmenu .navbar-nav li { margin-right: 10px; } .navbar-right { float: left !important; } .navbar-collapse{ padding:0px !important; } .mainmenu .navbar-nav li a { padding: 10px 3px !important; font-size: 11.5px !important; } .dropdown-menu { width: 730px; }*/ @media only screen and (max-width: 991px) and (min-width: 800px){ img{ width:auto; } .bhoechie-tab{ height:auto; } .bhoechie-tab-content img{ margin:0 auto; display:block; } .blog-content { padding: 10px 10px 10px 55px; height: 490px; } .blog-content p{ letter-spacing: 0px; text-align:justify; } .footer-menu ul li a { font-size: 12px; } .footer1 p { font-size: 12px; line-height: 20.5px; } .footer-top-area h2 { font-size: 13px; } .footer5 h3 { font-size: 18px; } .footer5 p{ font-size: 16px; } .footer1 { width: 21%; } .footer2 { width: 18%; } .footer3 { width: 19%; } .footer4 { width: 19%; } .footer5{ width: 23%; } .contact-social ul li a { font-size: 17px; } .why-big-img img{ margin:0 auto; display:block; } .java-frameworks img{ width:100%; } .app-development-tab-icon { left: 43%; } } @media only screen and (max-width: 991px){ .iso-work-2-top { margin-top: 26px; } .ios-work img{ width:100%; } .iso-work-2-top1{ margin-top:20px; } .mail{ display:none; } .social-icon{ display:none; } .mainmenu{ float: right; } /* .navbar-header { float: right; }*/ .navbar-nav li { float: none; display:block !important; } .mega1,.mega2, .mega3, .mega4, .mega5{ width: 100%; } .menu-bg .mainmenu .dropdown ul li a { color: #fff; } .mainmenu .dropdown ul li a { color: #fff; } .mega-dropdown-menu { padding: 0px 0px; } .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{ padding: 5px 15px 5px 0px; } .menu-bg{ height:75px; } .web-services{ margin-bottom:20px; } } @media only screen and (max-width: 767px) { .navbar-toggle { margin-top: -70px !important; } .contact-icon{ margin-bottom: 30px; } .enquiry h1{ margin-bottom:30px; } .java-web-services h4{ line-height: 25px; } .java-reasons img{ margin:0 auto; display:block; } .footer-top-area{ padding:30px 0px; } .web-services p br{ display:none; } .java-reasons{ margin-top:30px; } .java-reasons h2{ margin-bottom: 30px; text-align: center; } .dropdown-menu{ height: 300px; overflow-y: scroll; } .mobile-service{ display:block; } .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{ padding:0px 0px; } .mega-dropdown-menu .dropdown-header{ margin-top:0px; } .menu-bg .mainmenu .navbar-nav li a:hover { color: #EE4823 !important; } .services{ display:none; } .footer1 { width: 100%; } .footer2 { width: 100%; } .footer3 { width: 100%; } .footer4 { width: 100%; } .footer5 { width: 100%; text-align:left; } .footer-top-area h2{ margin-top: 20px; } .blog-area .blog-media{ margin-top:20px; } .blog-area h1{ margin-bottom: 20px; } .case-study .owl-nav{ top: -45px; right: 10px; } .logo { padding-top: 0px; } .social-icon{ display:none; } .mail{ display:none; } .header-top-area{ padding-top: 10px; } h1{ margin-bottom:0px; } .case-study .owl-carousel .owl-nav button.owl-prev, .case-study .owl-carousel .owl-nav button.owl-next, .case-study s.owl-carousel button.owl-dot{ height: 30px; width: 30px; } .case-study .owl-prev span, .case-study .owl-next span { font-size: 25px; } .blog-date{ height: 50px; width: 55px; } .blog-date > p{ font-weight: 500; } .blog-content{ padding: 20px 30px 20px 50px; } .website-side-img{ min-height: 730px; } .website-phone { margin-top: 0px; } .website-design-2 { margin-top: 0px; } .seo-benefits{ margin-bottom:50px; } .seo-benefits-row2 { margin: 0px 0px; } .circle.one { margin-top: 0px; } .circle.two { margin-top: 0px; } .circle.three { margin-top: 0px; } .circle.four { margin-top: 0px; } .circle.six { margin-top: 0px; } .circle.seven { left: 0px; } .circle.eight { right: 0px; top: 0px; } .circle { display: block; margin: 10px auto; } .cms-inner div{ display:block; } .cms-inner div img{ width:auto; display: block; margin:0 auto; } .cms-inner div:nth-child(2){ width:100%; } .cms-inner div:nth-child(1){ width:100%; } .cms-inner{ padding: 30px 15px; } .cms-inner h3{ text-align:center; } .services-inner { max-width: inherit; transform: none; -webkit-transform: none; margin: 0px; } .mid-box { transform: none; -webkit-transform: none; } .services-inner ul{ text-align:center; } .inner-bg{ width: 230px; height: 170px; } .angular-top h1{ font-size:30px; line-height: 40px; margin-bottom:30px; } .angular-top h1 br{ display:none; } .angular-top { margin-bottom:50px; } .node-js img{ width:100%; } .advance-dig{ padding-top: 0%; } .service-inner-icon svg { width: 80px; } .digital-advance h1{ color: #ee4823; font-size:30px; margin-bottom:30px; } .advance-dig1 { padding: 0px 0px; } .digital-advance{ background: none; height:auto; margin-bottom:30px; } .advance-dig3 { padding-top: 0px; } h2{ line-height: 40px; } .woo-comm-sev img { width: 90%; } .woo-services{ margin-bottom:40px; } .woo-com-services{ margin-bottom:0px; } .woocommerce-sv{ padding-bottom:0px; } .presta1 h3{ line-height: 32px; } .presta-serv::before{ display:none; } .presta-serv{ margin:0 auto; margin-top:20px; } .wpcont-2{ margin:30px 0px; } .os-why-left { text-align: left; } .os-why p { height: 200px; } .os-img{ margin-bottom:50px; margin-top:0px; } .opencart{ padding: 50px 0px; } .mobile-consumer-box { width:100%; } .mobile-border-start, .mobile-border, .mobile-border-end{ display:none; } .mobile-consumer-img { margin-bottom: 20px; margin-top: 30px; } .mobile-consumer{ margin:0px; } .site-how-it-works .swiper-button-prev, .site-how-it-works .swiper-button-next{ display:none; } .site-how-it-works .swiper-pagination-bullet{ display:inline-block; float: inherit; } .site-how-it-works .swiper-pagination{ right: 95px; bottom: -45px; } .site-how-it-works .swiper-pagination-bullet-active span{ display:none; } .site-how-it-works .swiper-pagination-bullet-active{ margin:7px; background-color: #f83e65; } .site-how-it-works { padding-bottom: 100px; } .mobile-ser-img{ margin:30px 0px; } .phone-gap-1 h4{ line-height: 30px; } .seo-bg p{ padding: 0px 15px; } .marketing-graph img { width:100%; } .sem-ppc { margin: 0px 0px 0px 0px; } .sem-ads{ padding: 0px; box-shadow:none; padding-bottom:40px; } .sem-ads-type{ top:0; left:0; position: inherit; } .ecom-mag{ margin-top:20px; } .ecom-mag4{ margin-bottom: 0px; } .ecom-mag3{ margin-bottom: 0px; } .ecom-mag2{ margin-bottom: 0px; } .ecom-mag1{ margin-bottom: 0px; } .quote-1 img { left: -5px; } .quote-2 img{ right: -5px; } .app-development-tab svg{ transform: none !important; } .yii-mobile-height{ height: 240px; } .cake-mobile{ height: 270px; } img{ width:auto; } .whyus-row img{ margin:0 auto; display:block; } .mobile-service img{ margin:0 auto; display:block; } } @media only screen and (max-width: 500px) { .website-side-img1.img-3{ display:none; } img{ width:100%; } .website-side-img1.img-1{ width: 300px; left: 5px; } .website-side-img1.img-2{ width: 300px; } .web-row4 .tab .nav-tabs li a p{ display:none; } .web-row4 .tab .nav-tabs li a{ padding: 10px 15px; } .web-row4 .tab .tab-content{ padding: 30px 0px 20px; } .app-development-tab-icon{ left: 35%; } .iso-work-2-top { margin-top: 14px; } } @media only screen and (max-width: 400px) { .website-side-img1.img-1{ width: 220px; left: 5px; } .website-side-img1.img-2{ width: 220px; } .website-side-img { min-height: 560px; } .app-development-tab-icon { left: 30%; } }